.x-shed,.x-line,.x-row,.x-inv li,.x-stops li,.x-hl li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.x-row{justify-content:space-between}
.x-shed,.x-line{padding:10px 0;border-bottom:1px solid var(--line)}
.x-grow{flex:1 1 150px;min-width:0;overflow-wrap:anywhere}
.x-grow b,.x-grow small,.x-acc small{display:block}
.x-in{display:flex;align-items:center;gap:6px}
.x-in input,.x-portal select,.x-pk select{width:86px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit}
.x-portal select{width:auto;max-width:100%}
.x-pill{font-size:.75rem;padding:3px 9px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap;border:1px solid var(--line)}
.x-ok{color:var(--head)}
.x-bad{color:var(--o);border-color:var(--o);background:color-mix(in srgb,var(--o) 12%,transparent)}
.x-warn{color:var(--o);font-size:.85rem;margin:6px 0}
.x-acts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.x-acts .dk-prog,.x-card .dk-prog{flex-basis:100%}
.x-card,.x-req,.x-acc,.x-form{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 10px;overflow-wrap:anywhere}
.x-card p{margin:0 0 10px}
.x-req p{margin:4px 0 8px;font-style:italic;color:var(--head)}
.x-done{opacity:.55}
.x-ft{margin-top:10px}
.x-qty{display:flex;align-items:center;gap:6px}
.x-qty button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line);background:var(--bg2);color:var(--head);font:inherit;cursor:pointer}
.x-qty button:disabled{opacity:.4;cursor:default}
.x-qty span{min-width:110px;text-align:center;font-size:.85rem}
.x-sz{margin:0 0 12px}
.x-sz .dk-cap{margin:6px 0 4px}
.x-tw{overflow-x:auto}
.x-tb{width:100%;border-collapse:collapse;font-size:.88rem}
.x-tb th,.x-tb td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left}
.x-tb th{color:var(--muted);font-weight:500}
.x-lots,.x-inv,.x-stops,.x-hl{list-style:none;padding:0;margin:0 0 12px}
.x-lots li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.x-hl li{padding:9px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;cursor:pointer;background:var(--card)}
.x-hl li.x-on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-hl li.x-more{cursor:default;background:var(--bg2)}
.x-phone{max-width:300px;margin:0 auto 14px;border:8px solid var(--deep);border-radius:28px;padding:12px;background:var(--bg2);display:flex;flex-direction:column;gap:8px}
.x-phone p{margin:0}
.x-ph-top{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:var(--muted)}
.x-ph-card{background:var(--card);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere;font-size:.88rem}
.x-ph-card b{color:var(--head)}
.x-phone .btn{width:100%}
.x-pk{display:flex;align-items:center;justify-content:space-between;gap:8px}
.x-stops li{padding:8px 0;border-bottom:1px solid var(--line)}
.x-stops li.x-on b{color:var(--o)}
.x-n{width:28px;height:28px;border-radius:50%;background:var(--bg2);color:var(--head);display:grid;place-items:center;font-size:.8rem;flex:none}
.x-stops .x-on .x-n{background:var(--o);color:var(--card)}
.x-inv li{padding:8px 0;border-bottom:1px solid var(--line)}
.x-form h4{margin:0 0 8px;color:var(--head)}
.x-form input,.x-form select{width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;margin-bottom:8px;box-sizing:border-box}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
@media (max-width:560px){.x-qty span{min-width:84px}.x-lots li{grid-template-columns:minmax(0,1fr)}.x-phone{max-width:100%}.x-r2{grid-template-columns:minmax(0,1fr)}}