.x-items{display:grid;gap:6px;margin:10px 0}
.x-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-it.x-off{opacity:.55}
.x-it.x-low{border-color:var(--o)}
.x-e{font-size:1.4rem}
.x-nm b{display:block;color:var(--head);font-size:.88rem;overflow-wrap:anywhere}
.x-nm small,.x-pr small{color:var(--muted);font-size:.72rem}
.x-pr{display:flex;align-items:center;gap:2px;font-size:.85rem;color:var(--text)}
.x-pr input,.x-w input{width:64px;padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--text);font:inherit}
.x-sw{border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:99px;padding:5px 10px;font:inherit;font-size:.75rem;cursor:pointer;white-space:nowrap}
.x-sw.x-on{border-color:var(--o);color:var(--o);font-weight:600}
.x-tk{display:grid;justify-items:center;gap:2px;padding:14px;border:2px dashed var(--o);border-radius:12px;background:var(--card);text-align:center;margin:8px 0}
.x-tk span{font-size:2rem}.x-tk b{color:var(--head)}
.x-tk em{font-style:normal;font-size:2rem;font-weight:700;color:var(--o)}
.x-tk em small{font-size:.9rem;color:var(--muted)}
.x-tk i{font-style:normal;font-size:.72rem;color:var(--muted)}
.x-scroll{overflow-x:auto}
.x-buy{width:100%;border-collapse:collapse;font-size:.82rem;color:var(--text)}
.x-buy th,.x-buy td{padding:5px 6px;border-bottom:1px solid var(--line);text-align:left}
.x-buy th{color:var(--muted);font-weight:500}
.x-buy tr.x-hot b{color:var(--o)}
.x-rb{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0;align-items:center}
.x-rb .dk-prog{flex-basis:100%}
.x-msg{border:1px solid var(--line);border-radius:10px;padding:10px;margin:0 0 8px;background:var(--card)}
.x-msg b{color:var(--head);margin-left:6px}
.x-msg p{margin:6px 0;font-size:.85rem;color:var(--text);font-style:italic;overflow-wrap:anywhere}
.x-src{font-size:.72rem;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--muted)}
.x-form{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);margin-top:14px}
.x-form h4{margin:0;color:var(--head)}
.x-form h4 small{font-weight:400;color:var(--muted);font-size:.75rem}
.x-form input,.x-form select,.x-phone select{min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-row{display:flex;flex-wrap:wrap;gap:6px}
.x-row>*{flex:1 1 120px}
.x-row #xpq{flex:0 1 70px}
.x-row .btn{flex:0 0 auto}
.x-dl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.x-dl li{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;padding:4px 8px;background:var(--card);border-radius:6px;color:var(--text)}
.x-dl button{border:0;background:none;color:var(--muted);cursor:pointer}
.x-est{margin:0;font-size:.88rem;color:var(--text)}
.x-est small{color:var(--muted)}
.x-est .x-warn{color:var(--o)}
.x-ords,.x-subs,.x-tot,.x-stops,.x-lines,.x-pl{list-style:none;margin:0;padding:0}
.x-ords li,.x-subs li{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:8px 0;border-bottom:1px solid var(--line)}
.x-ords li>div,.x-subs li>div{flex:1 1 150px;min-width:0}
.x-ords b,.x-subs b{display:block;color:var(--head);font-size:.88rem;overflow-wrap:anywhere}
.x-ords small,.x-subs small{display:block;color:var(--muted);font-size:.74rem}
.x-ords em{font-style:normal;font-weight:600;color:var(--head);font-size:.85rem}
.x-subs .x-nv{color:var(--o)}
.x-subs .x-rb{margin:0}
.x-st{font-size:.7rem;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-st.x-packed,.x-st.x-active{color:var(--o);border-color:var(--o)}
.x-st.x-out{background:var(--o);border-color:var(--o);color:var(--card)}
.x-st.x-delivered{color:var(--head)}
.x-st.x-missed{border-style:dashed;color:var(--o)}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:99px;padding:5px 11px;font:inherit;font-size:.8rem;cursor:pointer}
.x-chip.x-sel{border-color:var(--o);color:var(--o);font-weight:600}
.x-chip.x-dn{opacity:.6}
.x-chip:disabled{cursor:default}
.x-phone{max-width:300px;margin:8px auto;border:6px solid var(--line);border-radius:26px;padding:14px;background:var(--card);display:grid;gap:8px;color:var(--text)}
.x-ph{font-size:.7rem;color:var(--muted);text-align:center;border-bottom:1px solid var(--line);padding-bottom:6px}
.x-phone>b,.x-big{color:var(--head)}
.x-big{font-size:1.15rem}
.x-phone p{margin:0}
.x-phone small{color:var(--muted);font-size:.72rem;text-align:center}
.x-pl li{font-size:.84rem;padding:2px 0}
.x-swp,.x-note,.x-never{margin:4px 0;font-size:.8rem;padding:6px 8px;border-radius:8px;background:var(--bg2);color:var(--text)}
.x-never{border-left:3px solid var(--o);font-weight:700;color:var(--o)}
.x-tot li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--text)}
.x-tot b{color:var(--head)}
.x-sheet{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--card)}
.x-lab{display:grid;gap:2px;padding:10px;border:2px solid var(--head);border-radius:8px;margin-bottom:8px;position:relative}
.x-lab b{color:var(--head);font-size:1.05rem;padding-right:50px;overflow-wrap:anywhere}
.x-lab span{font-size:.78rem;color:var(--muted)}
.x-lab em{position:absolute;top:10px;right:10px;font-style:normal;font-weight:700;color:var(--o)}
.x-lines li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:.86rem;color:var(--text);flex-wrap:wrap}
.x-lines li>span{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
.x-lines li em{display:block;font-style:normal;font-size:.74rem;color:var(--o)}
.x-lines button{width:28px;height:28px;border-radius:7px;border:2px solid var(--line);background:var(--bg2);color:var(--o);font-weight:700;cursor:pointer;flex:0 0 auto}
.x-lines .x-ok button{border-color:var(--o)}
.x-lines .x-ok>span{color:var(--muted)}
.x-w{display:flex;align-items:center;gap:3px;font-size:.78rem;color:var(--muted)}
.x-sf{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;color:var(--text)}
.x-run{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:var(--card)}
.x-rh{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.x-rh b{color:var(--head)}
.x-rh span,.x-rh label{font-size:.8rem;color:var(--muted)}
.x-rh select{padding:4px;border:1px solid var(--line);border-radius:6px;background:var(--bg2);color:var(--text);font:inherit}
.x-stops li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line)}
.x-stops i{font-style:normal;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:var(--bg2);color:var(--o);font-weight:700;font-size:.78rem;display:grid;place-items:center}
.x-stops li>div{flex:1;min-width:0}
.x-stops b{display:block;color:var(--head);font-size:.85rem}
.x-stops small{color:var(--muted);font-size:.74rem;overflow-wrap:anywhere}
@media (max-width:560px){.x-it{grid-template-columns:auto minmax(0,1fr) auto}.x-it .x-sw{grid-column:2/4;justify-self:start}.x-phone{max-width:100%}}