.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px}
.x-h4{margin:0 0 8px;color:var(--head);font-size:1rem;display:flex;flex-wrap:wrap;gap:4px 8px;align-items:baseline;justify-content:space-between}
.x-h4 small{font-weight:400;font-size:.75rem}
.x-sheet{display:grid;gap:6px}
.x-slot{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px;align-items:center;padding:6px 8px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer}
.x-slot.on{border-color:var(--o);box-shadow:0 0 0 2px color-mix(in srgb,var(--o) 30%,transparent)}
.x-t{color:var(--head);font-size:.85rem}
.x-seats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.x-p,.x-e{font:inherit;font-size:.72rem;padding:4px 6px;border-radius:7px;border:1px solid var(--line);background:var(--bg2);color:var(--text);overflow-wrap:anywhere;text-align:left;line-height:1.25;min-height:26px;min-width:0}
.x-p{cursor:pointer}
.x-p:hover{border-color:var(--o)}
.x-v{border-left:3px solid var(--o)}
.x-g{border-left:3px solid var(--muted)}
.x-ns{text-decoration:line-through;opacity:.55;cursor:default}
.x-e{border-style:dashed;color:var(--muted);background:transparent}
.x-alert{border:1px solid var(--o);border-radius:10px;padding:8px 10px;margin:0 0 8px;color:var(--head);font-weight:600;background:color-mix(in srgb,var(--o) 10%,var(--card))}
.x-seg{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}
.x-seg button,.x-rc{font:inherit;font-size:.8rem;padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:var(--bg2);color:var(--text);cursor:pointer}
.x-seg button.on,.x-rc.on{border-color:var(--o);background:color-mix(in srgb,var(--o) 20%,var(--card));color:var(--head);font-weight:600}
.x-rcs{display:flex;flex-wrap:wrap;gap:4px;max-height:150px;overflow-y:auto;margin-bottom:8px}
.x-rc small{color:var(--muted)}
.x-rc:disabled{opacity:.4;cursor:default}
.x-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.x-row>*{flex:1 1 120px;min-width:0}
.x-card input:not([type=checkbox]),.x-card select{font:inherit;font-size:.85rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);width:100%;box-sizing:border-box}
.x-card>input{margin-bottom:8px}
.x-chks{display:grid;gap:4px;font-size:.82rem;margin-bottom:8px}
.x-chks label{display:flex;gap:6px;align-items:flex-start}
.x-price,.x-quote{background:var(--bg2);border-radius:10px;padding:8px 10px;font-size:.82rem;margin-bottom:10px}
.x-price p,.x-quote p{margin:0 0 3px;display:flex;justify-content:space-between;gap:8px}
.x-price b{display:block;color:var(--head);margin-top:4px}
.x-quote b{color:var(--head)}
.x-tot{border-top:1px solid var(--line);padding-top:4px;font-weight:600}
.x-bal,.x-late,.x-log,.x-acct{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:4px;font-size:.82rem}
.x-bal li,.x-late li,.x-acct li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}
.x-bal b,.x-late b,.x-acct b{color:var(--head);overflow-wrap:anywhere}
.x-bal span,.x-late span{color:var(--muted);flex:1 1 140px}
.x-bal em,.x-late em,.x-acct em{font-style:normal;color:var(--o);font-weight:600}
.x-log{margin-top:10px}
.x-log li{border-left:3px solid var(--o);padding-left:8px;overflow-wrap:anywhere}
.x-log small{display:block;color:var(--muted)}
.x-late .x-hot,.x-hot{color:var(--o);font-weight:700}
.x-done b{text-decoration:line-through;color:var(--muted)}
.x-tw{overflow-x:auto;margin-bottom:12px}
.x-tb{width:100%;border-collapse:collapse;font-size:.82rem}
.x-tb th,.x-tb td{text-align:left;padding:6px;border-bottom:1px solid var(--line);color:var(--text)}
.x-tb th{color:var(--muted);font-weight:500}
.x-win td{background:color-mix(in srgb,var(--o) 12%,transparent)}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-btns .dk-prog{flex:1 1 100%}
.x-tv{border:2px solid var(--o);border-radius:12px;padding:12px;background:var(--card);margin-bottom:8px}
.x-tv-h{font-weight:700;color:var(--o);letter-spacing:.06em;font-size:.78rem;margin-bottom:6px}
.x-tv p{display:flex;justify-content:space-between;gap:8px;margin:0;padding:5px 0;border-bottom:1px dashed var(--line);font-size:.88rem;color:var(--head)}
.x-res p{margin:0 0 4px;font-size:.85rem;color:var(--text)}
.x-phone{max-width:260px;margin:10px auto 8px;border:2px solid var(--line);border-radius:22px;padding:14px 10px 8px;background:var(--bg2);text-align:center}
.x-sms{background:var(--card);border-radius:14px 14px 14px 4px;padding:8px 10px;font-size:.8rem;color:var(--text);overflow-wrap:anywhere;text-align:left;margin-bottom:6px}
.x-sms small{display:block;color:var(--muted);font-size:.7rem}
.x-big{font-size:1.2rem;font-weight:700;color:var(--head);margin:0 0 8px}
.x-fleet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}
.x-cart{border:1px solid var(--line);border-radius:10px;padding:8px;background:var(--card);display:grid;gap:4px;font-size:.78rem;min-width:0}
.x-cart b{color:var(--head)}
.x-cart small{color:var(--muted);overflow-wrap:anywhere}
.x-stt{font-size:.72rem;color:var(--muted)}
.x-low{border-color:var(--o)}
.x-low .x-stt,.x-service .x-stt{color:var(--o);font-weight:600}
.x-booked{background:var(--bg2)}
.x-cart .btn,.x-late .btn,.x-acct .btn{padding:4px 10px;font-size:.75rem}
@media (max-width:560px){.x-seats{grid-template-columns:repeat(2,minmax(0,1fr))}.x-slot{grid-template-columns:52px minmax(0,1fr)}.x-fleet{gap:6px}}