.x-list{list-style:none;margin:.4rem 0;padding:0;display:grid;gap:.4rem}
.x-list li{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-list li>div{min-width:0;flex:1 1 160px}
.x-list b{color:var(--head);display:block;overflow-wrap:anywhere}
.x-list small{display:block;color:var(--muted);font-size:.78rem;overflow-wrap:anywhere}
.x-st{display:inline-block;font-size:.72rem;padding:.18rem .55rem;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-st.x-hot{background:color-mix(in srgb,var(--o) 16%,transparent);color:var(--o)}
.x-st.x-good{color:var(--head);border:1px solid var(--line)}
.x-acts{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.6rem 0}
.x-search,.x-sel,.x-log input,.x-own input,.x-hr input,.x-form input,.x-form select{padding:.5rem .65rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;max-width:100%;min-width:0}
.x-search{width:100%}
.x-sel{flex:1 1 180px}
.x-res{list-style:none;margin:.6rem 0 0;padding:0;display:grid;gap:.4rem}
.x-ves{width:100%;text-align:left;display:grid;gap:.1rem;padding:.55rem .75rem;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;cursor:pointer}
.x-ves b{color:var(--head)}
.x-ves span,.x-ves small{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.x-ves.x-on{border-color:var(--o);box-shadow:0 0 0 2px color-mix(in srgb,var(--o) 25%,transparent)}
.x-vh{display:grid;gap:.1rem;margin-bottom:.6rem}
.x-vh b{color:var(--head);font-size:1.15rem}
.x-vh span{color:var(--text);font-size:.85rem}
.x-vh small{color:var(--muted);font-size:.75rem;overflow-wrap:anywhere}
.x-eng{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.7rem .8rem;margin:.5rem 0}
.x-eng.x-due{border-color:var(--o)}
.x-eh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem}
.x-eh b{color:var(--head)}
.x-eh span{color:var(--o);font-weight:600}
.x-eng p{margin:.3rem 0}
.x-log,.x-own{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.x-log input{width:110px}
.x-own input{flex:1 1 160px}
.x-tw{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.x-tbl{width:100%;border-collapse:collapse;font-size:.78rem}
.x-tbl th,.x-tbl td{padding:.4rem .5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--text)}
.x-tbl th{color:var(--muted);font-weight:500;background:var(--bg2)}
.x-tbl small{display:block;color:var(--muted);font-size:.7rem}
.x-doc{border:1px solid var(--line);border-left:4px solid var(--o);border-radius:8px;background:var(--card);padding:.7rem .9rem;margin:.6rem 0;font-size:.8rem;color:var(--text);overflow-wrap:anywhere}
.x-dh{font-weight:600;color:var(--head);margin-bottom:.3rem}
.x-doc p{margin:.2rem 0}
.x-doc ol{margin:.3rem 0;padding-left:1.2rem}
.x-phone{max-width:340px;margin:0 auto;border:7px solid var(--deep);border-radius:26px;padding:.9rem;background:var(--card)}
.x-ph{font-weight:600;color:var(--head);font-size:.9rem;margin-bottom:.4rem}
.x-form{display:grid;gap:.25rem;font-size:.8rem;color:var(--muted);margin:.45rem 0}
.x-form select,.x-form input{width:100%}
.x-quote{background:var(--bg2);border-radius:10px;padding:.55rem .7rem;margin:.6rem 0}
.x-quote p,.x-inv p{display:flex;justify-content:space-between;gap:.5rem;margin:.2rem 0;font-size:.8rem;color:var(--text)}
.x-quote p span,.x-inv p span{min-width:0;overflow-wrap:anywhere}
.x-quote .x-tot,.x-inv .x-tot{border-top:1px solid var(--line);padding-top:.3rem;font-weight:600;color:var(--head)}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:.6rem .8rem;font-size:.82rem;color:var(--text);overflow-wrap:anywhere;margin:.4rem 0;max-width:340px}
.x-photo{height:80px;max-width:340px;border-radius:10px;margin:.4rem 0;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--o) 70%,transparent) 0 14%,transparent 30%),linear-gradient(135deg,var(--muted),var(--deep));opacity:.85}
.x-slots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:4px;margin:.4rem 0}
.x-slots i{aspect-ratio:1;border-radius:4px;background:var(--bg2);border:1px solid var(--line)}
.x-slots i.x-r{background:var(--o);border-color:var(--o)}
.x-slots i.x-p{background:color-mix(in srgb,var(--o) 40%,var(--bg2))}
.x-area{margin:1rem 0 .2rem;color:var(--head);font-size:.95rem}
.x-job{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.75rem .85rem;margin:.45rem 0}
.x-jh{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:space-between}
.x-jh b{color:var(--head)}
.x-loc{font-size:.78rem;color:var(--muted);margin:.3rem 0;overflow-wrap:anywhere}
.x-job p{margin:.25rem 0}
.x-kit{display:flex;flex-wrap:wrap;gap:4px;margin:.4rem 0}
.x-kit span{font-size:.72rem;padding:.15rem .45rem;border-radius:6px;background:var(--bg2);color:var(--text)}
.x-kit span.x-short{color:var(--o);border:1px solid var(--o)}
.x-warn{font-size:.8rem;color:var(--o);display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}
.x-sub{border-top:1px dashed var(--line);padding:.5rem 0;margin:.4rem 0;display:grid;gap:.35rem}
.x-sub>b{color:var(--head);font-size:.85rem}
.x-hr{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;color:var(--text)}
.x-hr small{color:var(--muted)}
.x-hr input{width:100px}
.x-inv{border:1px solid var(--line);border-radius:10px;background:var(--bg2);padding:.6rem .75rem;margin:.5rem 0}
.x-ih{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem;margin-bottom:.3rem}
.x-ih b{color:var(--head)}
.x-ih span{color:var(--muted);font-size:.78rem}
.x-ok{color:var(--head);font-weight:600;font-size:.85rem}
.x-bays{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:.4rem 0 .8rem}
.x-bay{border:1px dashed var(--line);border-radius:8px;padding:.4rem;font-size:.7rem;min-height:62px;display:grid;align-content:start;gap:.1rem;overflow-wrap:anywhere;color:var(--text)}
.x-bay small{color:var(--muted)}
.x-bay b{color:var(--head);font-size:.75rem}
.x-bay.x-full{border-style:solid;background:var(--card)}
.x-bay[data-st="ready"]{border-color:var(--head)}
.x-bay[data-st="parts"],.x-bay[data-st="approval"]{border-color:var(--o)}
.x-add{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.75rem;margin-top:.8rem}
.x-add b{color:var(--head)}
.x-parts li{padding:.4rem .65rem}
.x-parts .dk-cap{margin-top:.25rem}
@media (max-width:560px){
.x-bays{grid-template-columns:repeat(3,minmax(0,1fr))}
.x-slots{grid-template-columns:repeat(6,minmax(0,1fr))}
.x-phone{border-width:5px;padding:.7rem}
.x-acts .btn,.x-acts .x-sel{flex:1 1 100%}
}