.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}
.x-chips button{font:inherit;font-size:.76rem;padding:5px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}
.x-chips button.x-on{border-color:var(--o);color:var(--o);font-weight:600}
.x-jobs,.x-list{display:grid;gap:10px;margin-bottom:12px}
.x-job,.x-claim,.x-part,.x-pdf,.x-tab,.x-cust{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px;overflow-wrap:anywhere;min-width:0}
.x-job.x-sel{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-jh{display:flex;justify-content:space-between;align-items:center;gap:6px 10px;flex-wrap:wrap}
.x-jh b{color:var(--head)}
.x-job p,.x-claim p,.x-part p{margin:4px 0}
.x-st{font-size:.72rem;padding:2px 9px;border-radius:999px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-st.x-s-ready,.x-st.x-s-repair{color:#2f9a62}
.x-st.x-s-auth,.x-st.x-s-parts{color:var(--o)}
.x-late,.x-p-slipped{border-color:var(--o)}
.x-late .x-st,.x-p-slipped .x-st{color:var(--o);font-weight:600}
.x-p-landed{opacity:.65}
.x-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-acts .btn,.x-row .btn,.x-tab>.btn{padding:6px 12px;font-size:.8rem}
.x-var{background:var(--bg2);border-left:3px solid var(--o);padding:6px 8px;border-radius:6px;font-size:.8rem}
.x-phone{border:2px solid var(--line);border-radius:28px;padding:14px 12px 16px;background:var(--bg2);max-width:330px;margin:0 auto;overflow-wrap:anywhere}
.x-ph-top{text-align:center;font-size:.72rem;color:var(--muted);margin-bottom:8px}
.x-pg{background:var(--card);border-radius:14px;padding:10px 12px}
.x-pg>b{color:var(--head);display:block}
.x-step{list-style:none;margin:8px 0;padding:0;display:grid;gap:3px;font-size:.78rem;color:var(--muted)}
.x-step li{padding:3px 8px;border-radius:6px}
.x-step li.x-done{color:var(--text)}
.x-step li.x-done::after{content:' ✓';color:#2f9a62}
.x-step li.x-now{background:var(--bg2);color:var(--o);font-weight:600}
.x-thumbs{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0}
.x-th{width:44px;height:36px;border-radius:6px;background:linear-gradient(135deg,var(--bg2),var(--line));display:grid;place-items:center;font-size:.8rem;position:relative}
.x-th small{position:absolute;right:3px;bottom:1px;font-size:.6rem;color:var(--muted)}
.x-msgs{margin-top:10px;display:grid;gap:6px}
.x-bub{margin:0;background:var(--card);border-radius:14px 14px 14px 4px;padding:8px 10px;font-size:.8rem;color:var(--text)}
.x-bub small{display:block;font-size:.65rem;color:var(--muted);margin-top:3px}
.x-tab-h{font-size:.75rem;color:var(--muted);margin:0 0 6px;font-weight:600}
.x-h4{margin:12px 0 4px;font-size:.88rem;color:var(--head)}
.x-h4 small{color:var(--muted);font-weight:400}
.x-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:6px 0}
.x-row select,.x-row input,.x-form input,.x-form select,.x-cust input,.x-cust select{font:inherit;font-size:.85rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);min-width:0;max-width:100%}
.x-row input[type=number]{width:72px}
.x-row select{flex:1 1 160px}
.x-van{position:relative;aspect-ratio:3/1;border:2px solid var(--line);border-radius:12px 34px 8px 8px;margin:10px 0 16px 14px;background:var(--bg2)}
.x-van::before{content:'';position:absolute;left:-14px;top:72%;width:14px;height:3px;background:var(--muted)}
.x-van::after{content:'';position:absolute;left:58%;bottom:-11px;width:20px;height:20px;border-radius:50%;background:var(--muted)}
.x-dot{position:absolute;transform:translate(-50%,-50%);min-width:24px;height:24px;border-radius:12px;font-size:.66rem;font-style:normal;display:grid;place-items:center;color:var(--deep);font-weight:700;padding:0 4px;z-index:1}
.x-dry{background:#6fcf97}.x-damp{background:#f2c14e}.x-wet{background:#ef7a6f}
.x-pdf{margin-top:12px;border-top:4px solid var(--o)}
.x-pdf-h{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--head)}
.x-pdf .btn{margin-top:8px}
.x-qt{width:100%;border-collapse:collapse;font-size:.8rem;margin:6px 0}
.x-qt td{padding:5px 4px;border-bottom:1px solid var(--line);vertical-align:top}
.x-qt td:nth-child(2){text-align:right;white-space:nowrap}
.x-qt small{display:block;color:var(--muted);font-size:.7rem}
.x-qt .x-tot td{font-weight:600;color:var(--head)}
.x-x{border:0;background:none;color:var(--muted);cursor:pointer;font-size:1rem;padding:0 4px}
.x-stock{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.x-stock li{display:flex;align-items:center;gap:8px;font-size:.82rem;padding:6px 0;border-bottom:1px solid var(--line)}
.x-stock li span{flex:1;min-width:0;overflow-wrap:anywhere}
.x-stock b{color:var(--head)}
.x-stock b.x-low{color:var(--o)}
.x-stock button{font:inherit;font-size:.72rem;padding:3px 8px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--text);cursor:pointer}
.x-form{display:grid;gap:7px;margin-bottom:12px}
.x-form p{margin:0}
.x-bays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}
.x-bay{border:1px dashed var(--line);border-radius:10px;padding:8px;min-height:84px;font-size:.75rem;display:flex;flex-direction:column;gap:2px;overflow-wrap:anywhere;min-width:0}
.x-bay small{color:var(--muted);font-size:.66rem}
.x-bay b{color:var(--head);font-size:.8rem}
.x-bay em{color:var(--o);font-style:normal;font-weight:600}
.x-bay.x-b-full{border-style:solid;background:var(--bg2)}
.x-bay.x-b-ready{border:2px solid #2f9a62;background:var(--bg2)}
.x-slots{display:grid;gap:6px;margin-bottom:12px}
.x-slot{display:grid;grid-template-columns:90px minmax(0,1fr) 42px;align-items:center;gap:8px;font-size:.8rem}
.x-slot b{text-align:right;color:var(--head)}
.x-cust{display:grid;gap:7px;margin-bottom:14px;border-radius:18px}
.x-cust p{margin:0}
.x-empty{padding:16px;border:1px dashed var(--line);border-radius:12px;text-align:center}
.x-ff{margin:12px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:560px){.x-bays{grid-template-columns:repeat(2,minmax(0,1fr))}.x-slot{grid-template-columns:78px minmax(0,1fr) 40px}.x-phone{max-width:100%}}