.x-board{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:4px}
.x-grid{border-collapse:separate;border-spacing:2px;width:100%;min-width:320px;font-size:.66rem;table-layout:fixed}
.x-grid th{color:var(--muted);font-weight:600;padding:2px;text-align:center;white-space:nowrap}
.x-grid thead th:first-child,.x-grid tbody th{width:40px;text-align:right;padding-right:4px}
.x-grid td{height:24px;border-radius:5px;padding:0 3px;overflow:hidden;white-space:nowrap;font-weight:600;color:var(--head)}
.x-grid td[data-bk]{cursor:pointer}
.x-grid tr.x-now th{color:var(--o)}
.x-grid tr.x-now td.x-free{box-shadow:inset 0 0 0 1px var(--o)}
.x-free{background:var(--bg2)}
.x-t-online{background:rgba(59,130,246,.32)}
.x-t-walkin{background:rgba(245,158,11,.38)}
.x-t-party{background:rgba(236,72,153,.34)}
.x-t-league{background:rgba(34,197,94,.32)}
.x-t-corp{background:rgba(139,92,246,.34)}
.x-grid td.x-buf{box-shadow:inset 0 -4px 0 var(--card)}
.x-grid td.x-on{outline:2px solid var(--o);outline-offset:-2px}
.x-leg{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0;font-size:.74rem;color:var(--muted)}
.x-leg i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.x-card{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px 14px;margin:0 0 12px;overflow-wrap:anywhere}
.x-card.x-sel{border-color:var(--o)}
.x-card p{margin:4px 0}
.x-hd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px;color:var(--head)}
.x-tag{display:inline-block;font-size:.7rem;padding:3px 9px;border-radius:99px;background:var(--bg2);color:var(--text);white-space:nowrap}
.x-phone{max-width:340px;margin:0 auto 14px;border:6px solid var(--deep);border-radius:26px;background:var(--card);padding:12px 14px 14px;overflow-wrap:anywhere}
.x-ph{font-size:.7rem;color:var(--muted);text-align:center;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.x-f label{display:block;font-size:.74rem;color:var(--muted);margin:6px 0 2px}
.x-f input:not([type=checkbox]),.x-f select{width:100%;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.85rem;min-width:0}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 8px}
.x-chk{display:flex;flex-wrap:wrap;gap:4px 12px;margin:8px 0}
.x-f .x-chk label{display:inline-flex;align-items:center;gap:5px;margin:0;font-size:.8rem;color:var(--text)}
.x-sum{background:var(--bg2);border-radius:10px;padding:8px 10px;margin:10px 0 6px;font-size:.8rem}
.x-sum p{display:flex;justify-content:space-between;gap:8px;margin:3px 0}
.x-sum b{color:var(--head);white-space:nowrap}
.x-bad{color:var(--o);font-weight:600}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:9px 12px;font-size:.8rem;margin:8px 0;overflow-wrap:anywhere}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-btns .btn{font-size:.8rem;padding:7px 12px}
.x-steps{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.x-steps span{font-size:.68rem;padding:3px 8px;border-radius:99px;background:var(--bg2);color:var(--muted)}
.x-steps .x-ok{background:rgba(34,197,94,.25);color:var(--head)}
.x-list{list-style:none;padding:0;margin:0 0 12px}
.x-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.84rem;overflow-wrap:anywhere}
.x-inl{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-inl input:not([type=checkbox]){flex:2 1 140px}
.x-inl select{flex:1 1 70px}
.x-inl .btn{flex:0 0 auto}
.x-bar{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;gap:8px;align-items:center;font-size:.74rem;margin:3px 0;color:var(--muted)}
.x-bar i{display:block;height:10px;border-radius:5px;background:var(--o);min-width:2px}
.x-bar.x-over i{background:#d9363e}
.x-bar b{color:var(--head);text-align:right}
.x-tbl{overflow-x:auto;margin-bottom:8px}
.x-tbl table{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{padding:6px 5px;border-bottom:1px solid var(--line);text-align:left}
.x-tbl th{color:var(--muted);font-weight:600;font-size:.72rem}
.x-owe{color:var(--o);font-weight:600}
.x-run{list-style:none;padding:8px 10px;margin:6px 0;background:var(--bg2);border-radius:10px;font-size:.76rem}
.x-run li{margin:2px 0}
.x-run b{display:inline-block;min-width:54px;color:var(--head)}
.x-invc{text-align:center;padding:6px 0}
.x-invc>b{display:block;font-size:1.1rem;color:var(--head);margin:4px 0}
.x-invc .x-btns{justify-content:center}
.x-sw{display:inline-flex;gap:5px;align-items:center;font-size:.78rem;color:var(--muted)}
@media (max-width:560px){.x-grid{font-size:.6rem}.x-grid td{height:22px;padding:0 2px}.x-phone{border-width:4px;border-radius:20px;padding:10px}.x-card{padding:10px 12px}}