.x-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:8px}
.x-tier,.x-vend,.x-stage,.x-form,.x-scanner,.x-scr,.x-phone,.x-pass,.x-shift{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;min-width:0}
.x-tier.x-out{opacity:.6}
.x-th,.x-vh{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.x-th b,.x-vh b{color:var(--head);overflow-wrap:anywhere}
.x-th span{color:var(--o);font-weight:700}
.x-form{display:grid;gap:8px;margin:12px 0}
.x-form b{color:var(--head)}
.x-form input:not([type=checkbox]),.x-form textarea,.x-sel{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:8px}
.x-chips{display:flex;flex-wrap:wrap;gap:6px}
.x-chips label{font-size:.76rem;background:var(--bg2);border:1px solid var(--line);border-radius:20px;padding:4px 10px;display:flex;gap:5px;align-items:center;color:var(--text)}
.x-lab{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:.8rem;color:var(--muted);margin:6px 0}
.x-lab .x-sel,.x-lab input{width:auto}
.x-tot{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.x-tot b{font-size:1.3rem;color:var(--head)}
.x-scanner{display:grid;gap:8px;margin-bottom:10px}
.x-sh{display:flex;gap:6px;flex-wrap:wrap}
.x-sh .x-sel{flex:1;width:auto}
.x-res{border-radius:10px;padding:12px;text-align:center;display:grid;gap:2px;background:var(--bg2);border:2px solid var(--line);margin:8px 0;overflow-wrap:anywhere}
.x-res.x-ok{border-color:#2e9e5b;background:rgba(46,158,91,.12)}
.x-res.x-bad{border-color:#d0453a;background:rgba(208,69,58,.12)}
.x-res b{font-size:1.15rem;color:var(--head)}
.x-res small{color:var(--muted)}
.x-res em{font-style:normal;color:var(--o);font-weight:600;font-size:.85rem}
.x-gates{display:grid;gap:6px}
.x-gates>div{display:grid;grid-template-columns:minmax(0,9em) minmax(0,1fr) 3.4em;gap:8px;align-items:center;font-size:.82rem}
.x-gates b{text-align:right;color:var(--head)}
.x-stage{margin-bottom:10px}
.x-stage h4{margin:0 0 6px;color:var(--o);font-size:.9rem}
.x-act{display:grid;grid-template-columns:5.4em minmax(0,1fr);gap:4px 10px;padding:8px 4px;border-top:1px solid var(--line)}
.x-act:first-of-type{border-top:0}
.x-act.x-clash{background:rgba(208,69,58,.1);border-radius:8px}
.x-at b{display:block;color:var(--head);font-size:.85rem}
.x-at small,.x-an small{color:var(--muted);font-size:.72rem;display:block}
.x-an b{color:var(--head);overflow-wrap:anywhere}
.x-an em{font-style:normal;color:#d0453a;font-size:.74rem;font-weight:600}
.x-ab{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.x-ab .btn{padding:4px 9px;font-size:.75rem}
.x-ab .x-sel{width:auto;padding:4px 6px;font-size:.75rem}
.x-scr{background:var(--bg2);margin-bottom:10px}
.x-scrh{margin-bottom:6px}
.x-scrh .x-sel{font-weight:700;color:var(--o)}
.x-scr div{display:flex;gap:10px;padding:4px 0;border-top:1px dashed var(--line);font-size:.85rem;color:var(--head)}
.x-scr div b{color:var(--o);min-width:4.8em}
.x-scr .x-scrh{border:0}
.x-scr>small,.x-phone>small,.x-ig small{display:block;color:var(--muted);font-size:.7rem;margin-top:6px;text-align:center}
.x-phone{max-width:300px;margin:10px auto;border-radius:22px;border-width:6px}
.x-ph{text-align:center;font-weight:700;color:var(--head);font-size:.8rem;margin-bottom:6px}
.x-push{background:var(--bg2);border-radius:10px;padding:8px;font-size:.78rem;margin-bottom:8px;display:grid;gap:2px;border-left:3px solid var(--o);overflow-wrap:anywhere}
.x-push b{color:var(--head)}
.x-phone p{margin:4px 0;font-size:.8rem;display:flex;gap:6px;flex-wrap:wrap;align-items:baseline;color:var(--text)}
.x-phone p b{color:var(--o)}
.x-phone p small{color:var(--muted)}
.x-phone .x-mc{color:#d0453a}
.x-phone em{font-style:normal;font-size:.66rem;font-weight:700;color:#d0453a;text-transform:uppercase}
.x-ig{border-radius:14px;padding:14px;text-align:center;background:linear-gradient(135deg,rgba(255,122,0,.22),rgba(193,53,132,.22));border:1px solid var(--line);display:grid;gap:4px;max-width:240px;margin:10px auto}
.x-ig span{font-size:.7rem;color:var(--muted)}
.x-ig b{color:var(--head);letter-spacing:.08em}
.x-ig em{font-style:normal;color:var(--o);font-weight:700;overflow-wrap:anywhere}
.x-vends{display:grid;gap:8px;margin:10px 0}
.x-vend p{margin:4px 0}
.x-st{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--muted)}
.x-st.x-applied{color:var(--o)}
.x-st.x-paid{color:#2e9e5b}
.x-warn{font-size:.78rem;color:#d0453a}
.x-vb{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.x-okay{color:#2e9e5b;font-weight:600;font-size:.8rem}
.x-map{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;background:var(--bg2);padding:6px;border-radius:12px;border:1px solid var(--line);margin-top:8px}
.x-tile{border:1px dashed var(--line);border-radius:6px;padding:5px 3px;text-align:center;font-size:.62rem;min-height:52px;display:grid;align-content:center;gap:1px;overflow-wrap:anywhere;background:var(--card);color:var(--text)}
.x-tile b{color:var(--head);font-size:.7rem}
.x-tile small{color:var(--muted);font-size:.6rem;line-height:1.2}
.x-tile em{font-style:normal;color:var(--o);font-weight:700}
.x-tile.x-taken{border-style:solid;border-color:var(--o)}
.x-tile.x-paid{background:rgba(46,158,91,.15)}
.x-tile.x-fixd{font-weight:700;color:var(--head);border-style:solid}
.x-shifts{display:grid;gap:6px;margin-bottom:8px}
.x-shift{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 3.2em;gap:8px;align-items:center;padding:8px 10px}
.x-shift b{color:var(--head);font-size:.85rem;display:block}
.x-shift small{color:var(--muted);font-size:.72rem}
.x-shift span{text-align:right;font-weight:700;color:var(--head)}
.x-shift .x-gap{color:var(--o)}
.x-crew{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.x-crew li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.x-crew li b{color:var(--head);min-width:6em;overflow-wrap:anywhere}
.x-crew li span{flex:1;font-size:.78rem;color:var(--muted);min-width:8em}
.x-crew em{font-style:normal;font-size:.75rem;font-weight:700;color:var(--muted)}
.x-crew .x-c-in em{color:#2e9e5b}
.x-crew .x-c-done em{color:var(--o)}
.x-crew .x-c-noshow{opacity:.55}
.x-pass{display:flex;gap:12px;align-items:center;margin:10px 0;border-left:6px solid var(--o)}
.x-pass>div{flex:1;min-width:0;display:grid;gap:2px}
.x-pass b{color:var(--head);font-size:1.05rem;overflow-wrap:anywhere}
.x-av{width:44px;height:44px;border-radius:50%;background:var(--bg2);display:grid;place-items:center;font-weight:700;color:var(--o);flex:none}
.x-qr{width:64px;height:64px;color:var(--head);flex:none}
.x-zones{display:flex;flex-wrap:wrap;gap:4px}
.x-zones i{font-style:normal;font-size:.66rem;background:var(--bg2);color:var(--text);border-radius:20px;padding:2px 7px}
@media (max-width:560px){
.x-tiers{grid-template-columns:minmax(0,1fr)}
.x-gates>div{grid-template-columns:minmax(0,7em) minmax(0,1fr) 3em}
.x-tile{min-height:44px;font-size:.55rem;padding:4px 2px}
.x-tile b{font-size:.6rem}
.x-pass{gap:8px}
.x-qr{width:52px;height:52px}
}