.x-sc{display:block;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px;cursor:pointer;color:var(--text);font:inherit}
.x-sc.x-on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-sh{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline}
.x-sh b{color:var(--head)}
.x-sh em{font-style:normal;color:var(--muted);font-size:.82em}
.x-sh u{margin-left:auto;text-decoration:none;font-size:.7em;font-weight:700;color:var(--o)}
.x-bar{display:flex;height:10px;border-radius:6px;overflow:hidden;background:var(--bg2);margin:8px 0 4px}
.x-bar i{display:block;height:100%}
.x-hold{background:repeating-linear-gradient(45deg,var(--muted) 0 3px,transparent 3px 6px);opacity:.6}
.x-sc small{font-size:.78em;color:var(--muted)}
.x-leg{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:.74em;color:var(--muted);margin:4px 0 10px}
.x-leg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.x-acts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.x-form{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;margin:10px 0 12px}
.x-form h4{margin:0;color:var(--head)}
.x-form p{margin:0}
.x-form input:not([type=checkbox]):not([type=radio]),.x-form select{width:100%;min-width:0;box-sizing:border-box;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
.x-chk,.x-radio{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85em}
.x-chk label,.x-radio label{display:flex;gap:6px;align-items:center}
.x-tot{font-weight:700;color:var(--head)}
.x-phone{max-width:260px;margin:0 auto;border:2px solid var(--line);border-radius:26px;padding:16px;background:var(--card);text-align:center;overflow-wrap:anywhere}
.x-phone p{margin:4px 0}
.x-phone>b{color:var(--head)}
.x-ph{font-size:.68em;letter-spacing:.08em;text-transform:uppercase;color:var(--o);font-weight:700}
.x-qrw{background:var(--bg2);border-radius:12px;padding:10px;margin:8px auto;width:140px;color:var(--head)}
.x-qr{display:block;width:100%;height:auto}
.x-wal{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.x-wal span{font-size:.7em;border:1px solid var(--line);border-radius:6px;padding:4px 8px;color:var(--head)}
.x-wharf,.x-web{border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:10px;font-variant-numeric:tabular-nums}
.x-web{background:var(--card);margin-top:10px}
.x-wh{font-size:.7em;font-weight:700;letter-spacing:.06em;color:var(--o);margin-bottom:6px}
.x-url{font-size:.72em;color:var(--muted);margin-bottom:6px;overflow-wrap:anywhere}
.x-wr{display:grid;grid-template-columns:66px minmax(0,1fr) auto;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:.84em;align-items:center}
.x-wr b{color:var(--head)}
.x-wr span{color:var(--muted);overflow-wrap:anywhere}
.x-wr em{font-style:normal;font-weight:700;font-size:.76em}
.x-wr.x-can em{color:#d64545}
.x-wr.x-del em{color:#d9962a}
.x-wr.x-brd em{color:var(--o)}
.x-wr.x-ok em{color:#2bb37b}
.x-wr.x-dep{opacity:.55}
.x-wharf>small,.x-web>small{display:block;font-size:.7em;color:var(--muted);margin-top:6px}
.x-ban{border-left:4px solid #d64545;background:var(--bg2);border-radius:8px;padding:8px 10px;font-size:.8em;margin-bottom:6px;color:var(--head)}
.x-pills{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.x-pill{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:6px 10px;font:inherit;font-size:.85em;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start}
.x-pill small{font-size:.66em;color:var(--muted)}
.x-pill.x-on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-mf{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.84em;align-items:center}
.x-mf span{overflow-wrap:anywhere}
.x-mf b{color:var(--head)}
.x-note{font-style:normal;font-size:.74em;background:var(--bg2);border:1px solid var(--o);border-radius:6px;padding:1px 6px;margin-left:4px}
.x-alert{border:1px solid var(--line);border-left:4px solid var(--o);background:var(--bg2);border-radius:10px;padding:10px 12px;margin:10px 0;font-size:.88em;overflow-wrap:anywhere}
.x-alert .btn{margin-top:8px}
.x-pass,.x-fr{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
.x-pass small,.x-fr small{display:block;font-size:.77em;color:var(--muted)}
.x-pass .x-acts,.x-fr .x-acts{margin:0}
.x-pass>div,.x-fr>div{min-width:0;overflow-wrap:anywhere;flex:1 1 160px}
.x-lane{display:grid;grid-template-columns:52px minmax(0,1fr) 64px;gap:8px;align-items:center;margin:6px 0;font-size:.8em}
.x-lane small{color:var(--muted)}
.x-lt{display:flex;gap:2px;height:30px;padding:2px;background:var(--bg2);border:1px dashed var(--line);border-radius:8px;overflow:hidden}
.x-veh{display:flex;align-items:center;justify-content:center;border-radius:5px;background:var(--o);opacity:.8;overflow:hidden;min-width:0;flex-shrink:1}
.x-veh span{font-size:.62em;color:var(--card);font-weight:700;white-space:nowrap;overflow:hidden}
.x-veh.x-van,.x-veh.x-truck{opacity:1}
.x-veh.x-trailer{opacity:.65}
.x-veh.x-moto{opacity:.5}
.x-label{border:2px dashed var(--line);border-radius:10px;padding:10px;font-size:.82em;background:var(--card);overflow-wrap:anywhere;margin-top:10px}
.x-label b{color:var(--head);font-size:1.1em}
.x-bc{display:block;width:100%;max-width:220px;height:34px;color:var(--head);margin:6px 0}
.x-dg{color:#d64545;font-weight:700;text-decoration:none}
.x-bom{border:1px solid var(--line);border-left:4px solid #d9962a;background:var(--bg2);border-radius:10px;padding:10px 12px;margin-bottom:12px}
.x-bom p{margin:4px 0 0}
.x-sms{background:var(--card);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.84em;max-width:330px;overflow-wrap:anywhere;border:1px solid var(--line)}
.x-ba{list-style:none;padding:0;margin:0;font-size:.83em}
.x-ba li{padding:5px 0;border-bottom:1px solid var(--line)}
.x-ba li::before{content:'✗ ';color:#d64545}
.x-ba.x-good li::before{content:'✓ ';color:#2bb37b}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-lane{grid-template-columns:44px minmax(0,1fr) 56px}.x-mf{grid-template-columns:minmax(0,1fr) auto}.x-mf .xs{display:none}.x-wr{grid-template-columns:60px minmax(0,1fr) auto}}