.x-form label{display:block;font-size:.82rem;color:var(--muted);margin:0 0 .6rem}
.x-form input,.x-form select,.x-in,.x-krow select,.x-sc input,.x-wxa select{display:block;width:100%;box-sizing:border-box;margin-top:.25rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.9rem;min-width:0}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}
.x-code{display:flex;gap:.4rem;align-items:center;margin-top:.25rem}
.x-code input{flex:1;min-width:0;margin:0}
.x-msg{font-size:.85rem;background:var(--bg2);border-radius:8px;padding:.45rem .6rem;color:var(--text);overflow-wrap:anywhere}
.x-quote{background:var(--bg2);border:1px solid var(--line);border-radius:10px;padding:.6rem .8rem;margin:.6rem 0;font-size:.88rem;color:var(--text)}
.x-quote p{display:flex;justify-content:space-between;gap:.5rem;margin:.15rem 0;flex-wrap:wrap}
.x-quote .x-tot{border-top:1px solid var(--line);padding-top:.3rem;font-weight:600;color:var(--head)}
.x-why{color:var(--o);font-weight:600}
.x-warn2{color:var(--o)}
.x-phone{max-width:290px;margin:0 auto 1rem;border:2px solid var(--line);border-radius:22px;padding:.8rem;background:var(--card)}
.x-ph{font-size:.75rem;color:var(--muted);text-align:center;margin-bottom:.5rem}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:.6rem .7rem;font-size:.84rem;color:var(--text);overflow-wrap:anywhere;line-height:1.45}
.x-box{border:1px solid var(--line);border-radius:12px;padding:.8rem;background:var(--card);margin:.8rem 0;color:var(--text)}
.x-list,.x-res,.x-staff,.x-run,.x-tv ul{list-style:none;margin:0;padding:0}
.x-list li,.x-staff li{display:flex;gap:.6rem;align-items:center;justify-content:space-between;padding:.55rem .3rem;border-bottom:1px solid var(--line)}
.x-list li>div,.x-staff li>div{min-width:0;flex:1}
.x-list b,.x-staff b{color:var(--head)}
.x-list small,.x-staff small{display:block;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.x-sel{background:var(--bg2);border-radius:8px}
.x-chips{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.3rem}
.x-chips em,.x-ok,.x-bad,.x-warn,.x-st{font-style:normal;font-size:.72rem;padding:.1rem .45rem;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-ok{color:#2f9e5f}
.x-chips .x-ok{color:#2f9e5f}
.x-bad,.x-chips .x-bad{color:#d64545;border:1px solid currentColor}
.x-warn,.x-chips .x-warn{color:var(--o);border:1px solid currentColor}
.x-badt{color:#d64545}
.x-kiosk{border:2px solid var(--o);border-radius:14px;padding:.8rem;background:var(--card);margin-bottom:1rem;color:var(--text)}
.x-kiosk.x-idle{border-style:dashed;border-color:var(--line)}
.x-kh{font-weight:600;color:var(--head);margin-bottom:.5rem;overflow-wrap:anywhere}
.x-krow{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.45rem 0;border-bottom:1px solid var(--line);flex-wrap:wrap;font-size:.88rem}
.x-krow>span{min-width:0;overflow-wrap:anywhere}
.x-krow select{width:auto;max-width:100%;margin:0}
.x-sc{display:flex;align-items:center;gap:.3rem}
.x-sc input{width:5.5rem;margin:0}
.x-kf{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:.7rem}
.x-act{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 .7rem}
.x-wx{border:1px solid var(--line);background:var(--bg2);border-radius:12px;padding:.8rem;margin-bottom:1rem;color:var(--text)}
.x-wx>b{color:var(--head)}
.x-wxa{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.6rem}
.x-wxa select{width:auto;max-width:100%;margin:0}
.x-loads{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.7rem}
.x-load{border:1px solid var(--line);border-radius:12px;padding:.7rem;background:var(--card);min-width:0;color:var(--text)}
.x-load.x-hold{opacity:.8;border-style:dashed}
.x-load.x-called{border-color:var(--o);border-width:2px}
.x-load.x-landed{opacity:.7}
.x-lh{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-bottom:.4rem}
.x-lh b{color:var(--head);flex:1;min-width:0}
.x-m{font-size:.75rem;color:var(--muted);margin:.35rem 0 .15rem;display:flex;justify-content:space-between}
.x-load ul{list-style:none;padding:0;margin:.5rem 0;font-size:.8rem}
.x-load li{padding:.3rem 0;border-top:1px solid var(--line);overflow-wrap:anywhere}
.x-load li small{color:var(--muted)}
.x-tv{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:.7rem;margin-bottom:1rem}
.x-tv .x-hd{font-weight:700;letter-spacing:.08em;font-size:.75rem;color:var(--o);margin-bottom:.3rem}
.x-tv li{display:flex;justify-content:space-between;gap:.5rem;font-size:.82rem;padding:.3rem 0;border-bottom:1px dashed var(--line);color:var(--text);flex-wrap:wrap}
.x-tv li b{color:var(--head)}
.x-run li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.85rem;color:var(--text);overflow-wrap:anywhere}
.x-run{margin-bottom:.7rem}
.x-in{margin-bottom:.5rem}
.x-res li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.84rem;color:var(--text);overflow-wrap:anywhere}
.x-pg{margin:.5rem 0}
.x-pg[hidden]{display:none}
@media (max-width:560px){.x-r2{grid-template-columns:minmax(0,1fr)}.x-loads{grid-template-columns:minmax(0,1fr)}.x-list li,.x-staff li{flex-wrap:wrap}.x-kf .btn,.x-act .btn{width:100%}}
