.x-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.x-bar label{font-size:.85rem;color:var(--muted);display:flex;gap:6px;align-items:center}
.x-bar select,.x-box input,.x-box select,.x-it input{font:inherit;font-size:.85rem;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);min-width:0;max-width:100%}
.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.x-chip{font:inherit;font-size:.78rem;padding:5px 11px;border-radius:99px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}
.x-chip.on{border-color:var(--o);color:var(--o);font-weight:600}
.x-items{display:grid;gap:10px}
.x-it{display:flex;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.x-ie{font-size:1.5rem;width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--bg2)}
.x-ib{flex:1;min-width:0}
.x-ib>b{color:var(--head);overflow-wrap:anywhere}
.x-ib>small{display:block;color:var(--muted);font-size:.75rem}
.x-av{font-size:.8rem;margin:4px 0;color:var(--text)}
.x-av b{color:#2e9d5b}
.x-av.lo b{color:var(--o)}
.x-av.no b{color:#d0453a}
.x-ir{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-ir label{display:flex;align-items:center;gap:2px;font-size:.85rem}
.x-ir input{width:76px}
.x-it .x-qty{width:62px}
.x-new{font-size:.62rem;text-decoration:none;background:var(--o);color:var(--card);padding:1px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}
.x-box{border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--bg2);margin-bottom:12px}
.x-box>b{color:var(--head);overflow-wrap:anywhere}
.x-r3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px}
.x-r3>*{width:100%}
.x-res{margin-top:8px;padding:10px;border-radius:10px;background:var(--card);font-size:.85rem;border-left:4px solid #2e9d5b;overflow-wrap:anywhere}
.x-res.no{border-left-color:#d0453a}
.x-res .btn{display:block;margin-top:8px}
.x-web{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.x-webh{background:var(--bg2);padding:6px 10px;font-size:.72rem;color:var(--muted)}
.x-webh span{color:var(--o);margin-right:8px}
.x-web p{display:flex;justify-content:space-between;gap:8px;padding:5px 10px;margin:0;font-size:.8rem;border-top:1px solid var(--line)}
.x-web p.xs{border:0}
.x-web em{font-style:normal;color:var(--muted);text-align:right;white-space:nowrap}
.x-off{opacity:.45}
.x-form>*{margin-bottom:8px}
.x-form>input{width:100%}
.x-ck{display:flex;gap:8px;align-items:center;font-size:.85rem}
.x-ln{display:grid;grid-template-columns:minmax(0,1fr) 70px 84px;gap:6px;align-items:center;font-size:.83rem;padding:5px 0;border-bottom:1px dashed var(--line)}
.x-ln span{overflow-wrap:anywhere}
.x-ln small{display:block;color:#d0453a;font-size:.72rem}
.x-ln em{font-style:normal;text-align:right}
.x-ln input{width:100%}
.x-ln.bad span{color:#d0453a}
.x-rel{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.8rem}
.x-tot p{display:flex;justify-content:space-between;gap:8px;margin:2px 0;font-size:.84rem}
.x-tot .x-big{font-size:1rem;color:var(--head);border-top:1px solid var(--line);padding-top:4px}
.x-warn{color:#d0453a}
.x-ok{color:#2e9d5b;font-size:.82rem;font-weight:600}
.x-bk{border:1px solid var(--line);border-radius:12px;padding:10px;margin:8px 0;background:var(--card)}
.x-bh,.x-bf{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center}
.x-bh b{color:var(--head);overflow-wrap:anywhere}
.x-bk p{margin:4px 0}
.x-st{font-style:normal;font-size:.7rem;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-quoted{color:var(--o)}
.x-deposit{color:#c98a12}
.x-paid{color:#2e9d5b}
.x-ph{max-width:320px;margin:0 auto 10px;border:8px solid var(--deep);border-radius:28px;padding:14px;background:var(--card);font-size:.84rem;color:var(--text)}
.x-ph>b{color:var(--head);overflow-wrap:anywhere}
.x-phh{font-weight:700;color:var(--o);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.x-ph ul{padding-left:18px;margin:6px 0}
.x-ph p{margin:4px 0;overflow-wrap:anywhere}
.x-ph .btn{width:100%;margin-top:6px}
.x-ph h4{margin:10px 0 4px;color:var(--head);font-size:.85rem}
.x-truck{border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:10px;background:var(--card)}
.x-truck>b{color:var(--head)}
.x-truck>small{display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}
.x-wb{border-style:dashed}
.x-stop{display:block;width:100%;text-align:left;font:inherit;padding:8px;margin:4px 0;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);cursor:pointer}
.x-stop.on{border-color:var(--o)}
.x-stop span{font-size:.72rem;color:var(--muted);display:block}
.x-stop b{display:block;color:var(--head);overflow-wrap:anywhere}
.x-stop small{color:var(--muted);font-size:.74rem;overflow-wrap:anywhere}
.x-site{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}
.x-site label{font-size:.75rem;color:var(--muted);display:flex;flex-direction:column;gap:2px}
.x-site select{width:100%}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.x-wk>div{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--card);font-size:.85rem}
.x-wk>div>b{min-width:84px;color:var(--o)}
.x-wk>div>span{flex:1;min-width:140px;overflow-wrap:anywhere}
.x-wk small{display:block;color:var(--muted);font-size:.74rem}
.x-pl{display:flex;gap:8px;align-items:center;width:100%;font:inherit;text-align:left;padding:8px;margin:4px 0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer}
.x-pl i{font-style:normal}
.x-pl span{flex:1;min-width:0;overflow-wrap:anywhere}
.x-pl small{color:var(--muted);font-size:.72rem}
.x-pl.on{border-color:#2e9d5b}
.x-rl{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;font-size:.8rem;padding:4px 0}
.x-rl span{overflow-wrap:anywhere}
.x-rl small{display:block;color:var(--muted)}
.x-rl label{font-size:.72rem;color:var(--muted);display:flex;gap:4px;align-items:center}
.x-rl input{width:58px}
.x-rep{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--card);font-size:.83rem}
.x-rep span{flex:1;min-width:150px;overflow-wrap:anywhere}
.x-ut{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 84px;gap:8px;align-items:center;font-size:.78rem;margin:6px 0}
.x-ut span{overflow-wrap:anywhere}
.x-ut em{font-style:normal;text-align:right;color:var(--muted)}
.x-ut em.x-hi{color:var(--o);font-weight:600}
@media (max-width:560px){
.x-r3{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.x-r3>:first-child{grid-column:1/-1}
.x-site{grid-template-columns:minmax(0,1fr)}
.x-rl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.x-rl span{grid-column:1/-1}
.x-ut{grid-template-columns:minmax(0,1fr) 84px}
.x-ut .dk-cap{grid-column:1/-1;order:3}
.x-ln{grid-template-columns:minmax(0,1fr) 58px 76px}
.x-ph{border-width:6px;padding:12px}
}