.x-bar{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.x-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:10px;margin-bottom:14px}
.x-veh,.x-drv,.x-def,.x-fill,.x-card,.x-doc,.x-form{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;min-width:0;overflow-wrap:anywhere}
.x-grid .x-veh{margin:0}
.x-vh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
.x-vh b{color:var(--head)}
.x-vh span{color:var(--muted);font-size:.85em}
.x-vh em{margin-left:auto;font-style:normal}
.x-chip{display:inline-block;font-size:.72rem;font-style:normal;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--text);border:1px solid var(--line);white-space:nowrap}
.x-chip.x-ok{background:rgba(46,160,90,.14);color:#2ea05a;border-color:rgba(46,160,90,.35)}
.x-chip.x-warn{background:rgba(232,150,30,.15);color:#d98a14;border-color:rgba(232,150,30,.4)}
.x-chip.x-bad{background:rgba(229,72,77,.14);color:#e5484d;border-color:rgba(229,72,77,.4)}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-svc{font-size:.84rem;color:var(--text)}
.x-svc small{color:var(--muted)}
.x-red{color:#e5484d!important}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.x-btns:empty{display:none}
.x-btns .btn{padding:6px 12px;font-size:.8rem}
.x-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.x-row select{flex:1 1 180px;min-width:0}
.x-doc{border-style:dashed}
.x-doch{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--line);padding-bottom:6px;margin-bottom:6px;color:var(--head)}
.x-doc ul{margin:0 0 10px;padding:0;list-style:none;font-size:.86rem}
.x-doc li{padding:3px 0}
.x-form label,.x-lab{display:block;font-size:.8rem;color:var(--muted);margin:0 0 8px}
.x-form select,.x-lab input,.x-lab textarea,.x-phone select,.x-row select{width:100%;box-sizing:border-box;margin-top:3px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem}
.x-row select{width:auto}
.x-check{border-radius:8px;padding:8px 10px;margin:8px 0;font-size:.86rem;color:var(--text)}
.x-check.x-yes{background:rgba(46,160,90,.12)}
.x-check.x-no{background:rgba(229,72,77,.12)}
.x-log{list-style:none;margin:0 0 10px;padding:0}
.x-log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.85rem;align-items:center}
.x-log li b{color:var(--head)}
.x-log li span{overflow-wrap:anywhere}
.x-log em{font-style:normal;color:var(--muted);font-size:.78rem;text-align:right}
.x-phone{max-width:340px;margin:0 auto 12px;border:2px solid var(--line);border-radius:26px;padding:14px;background:var(--bg2);box-sizing:border-box}
.x-ph{text-align:center;font-weight:600;color:var(--head);margin-bottom:8px;font-size:.9rem}
.x-cl{list-style:none;margin:8px 0;padding:0}
.x-cl li{display:flex;align-items:center;gap:6px;padding:5px 0;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--text)}
.x-cl li span{flex:1;min-width:0}
.x-cl u{text-decoration:none;font-size:.66rem;color:#e5484d;margin-left:5px}
.x-tk{flex:0 0 34px;height:30px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font:inherit}
.x-tk.x-on{background:rgba(46,160,90,.22);border-color:#2ea05a}
.x-tk.x-x.x-on{background:rgba(229,72,77,.22);border-color:#e5484d}
.x-phone .btn{width:100%;margin-top:6px}
.x-def.x-crit,.x-fill.x-crit{border-color:rgba(229,72,77,.6)}
.x-card p{margin:0 0 10px;color:var(--text)}
@media (max-width:560px){.x-veh,.x-drv,.x-def,.x-fill,.x-card,.x-doc,.x-form{padding:10px}.x-vh em{margin-left:0}.x-log li{grid-template-columns:auto minmax(0,1fr);}.x-log em{grid-column:1/-1;text-align:left}.x-phone{border-radius:18px;padding:10px}}