.x-msg{background:var(--bg2);border-left:3px solid var(--o);padding:10px 12px;border-radius:8px;margin:0 0 12px;font-size:.9rem;overflow-wrap:anywhere}
.x-form{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 6px}
.x-form select,.x-form input{flex:1 1 200px;min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.88rem}
.x-warn{border:1px solid var(--o);background:var(--bg2);border-radius:8px;padding:8px 10px;font-size:.84rem;margin:8px 0;overflow-wrap:anywhere}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}
.x-cat{margin:0 0 12px}
.x-cat>b{display:block;font-size:.85rem;color:var(--head);margin-bottom:6px}
.x-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.x-opt{text-align:left;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:8px 10px;cursor:pointer;font:inherit;font-size:.8rem;line-height:1.3;overflow-wrap:anywhere}
.x-opt small{display:block;color:var(--muted);font-size:.7rem;margin-top:2px}
.x-opt.on{border-color:var(--o);box-shadow:inset 0 0 0 2px var(--o)}
.x-hid{font-size:.74rem;color:var(--muted);margin:4px 0 0;overflow-wrap:anywhere}
.x-adds,.x-qs,.x-ords,.x-wr,.x-web,.x-steps,.x-ser,.x-stg{list-style:none;padding:0;margin:0}
.x-adds li,.x-qs li,.x-ords li,.x-wr li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:9px 4px;border-bottom:1px solid var(--line)}
.x-adds li>div,.x-qs li>div,.x-ords li>div,.x-wr li>div{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.x-adds small,.x-qs small,.x-ords small,.x-wr small,.x-web small{display:block;color:var(--muted);font-size:.74rem}
.x-sug{background:var(--bg2);border-radius:8px}
.x-quote,.x-card,.x-phone{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 14px}
.x-qh{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;align-items:center;margin-bottom:8px;color:var(--head);overflow-wrap:anywhere}
.x-qh>span{font-size:.78rem;color:var(--muted)}
.x-ql{width:100%;border-collapse:collapse;font-size:.8rem}
.x-ql td{padding:5px 0;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.x-ql td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-ql em{font-style:normal;font-size:.66rem;background:var(--bg2);color:var(--o);border-radius:4px;padding:1px 5px;margin-right:2px}
.x-qt{display:flex;justify-content:space-between;align-items:baseline;margin:10px 0 2px;color:var(--head)}
.x-qt b{font-size:1.35rem;color:var(--o)}
.x-done{background:var(--bg2);border-radius:10px;padding:10px 12px;font-size:.84rem;margin-top:8px;overflow-wrap:anywhere}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;margin:10px 0;max-width:340px;font-size:.84rem;overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:.7rem;margin-bottom:4px}
.x-sms p{margin:0}
.x-ok{color:var(--o);font-weight:600;font-size:.85rem}
.x-bad{color:var(--o);font-weight:600}
.x-board{background:var(--bg2);border-radius:12px;padding:10px}
.x-day{margin:0 0 10px}
.x-day>b{font-size:.8rem;color:var(--head)}
.x-lane{display:grid;grid-template-columns:104px minmax(0,1fr);gap:6px;align-items:center;margin:3px 0}
.x-lane>span{font-size:.7rem;color:var(--muted)}
.x-track{position:relative;height:30px;background:var(--card);border-radius:6px;background-image:repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 12.5%)}
.x-seg{position:absolute;top:2px;bottom:2px;border:1px solid var(--o);border-radius:5px;background:var(--bg2);color:var(--text);font:inherit;font-size:.66rem;padding:0 4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;text-align:left}
.x-seg.in{background:var(--o);color:var(--deep)}
.x-seg.done,.x-seg.paid{background:var(--line);border-color:var(--line);color:var(--muted)}
.x-seg.cust{border-style:dashed}
.x-seg.late{border:2px solid #d64545}
.x-seg.sel{box-shadow:0 0 0 2px var(--head)}
.x-pill{font-size:.7rem;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--muted)}
.x-pill.x-in{color:var(--o)}
.x-chips{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 10px}
.x-pt{font-size:.72rem;padding:3px 8px;border-radius:20px;background:var(--bg2);color:var(--text);overflow-wrap:anywhere}
.x-pt.bad{border:1px solid #d64545}
.x-pt.wait{border:1px dashed var(--o)}
.x-chip{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;padding:6px 10px;font:inherit;font-size:.78rem;cursor:pointer;text-align:left}
.x-chip small{display:block;color:var(--muted);font-size:.68rem}
.x-chip.on{border-color:var(--o);box-shadow:inset 0 0 0 1px var(--o)}
.x-phone{max-width:320px;border-width:2px;border-radius:24px}
.x-ph{font-weight:600;color:var(--head);font-size:.86rem;margin-bottom:4px}
.x-slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.x-slot{border:1px solid var(--o);background:var(--bg2);color:var(--text);border-radius:10px;padding:8px;font:inherit;font-size:.8rem;cursor:pointer}
.x-slot small{display:block;color:var(--muted);font-size:.68rem}
.x-note{background:var(--bg2);border-radius:10px;padding:8px 12px;font-size:.8rem;margin:8px 0;overflow-wrap:anywhere}
.x-note p{margin:4px 0}
.x-steps li,.x-ser li{display:flex;gap:8px;align-items:center;padding:4px 0;font-size:.82rem;overflow-wrap:anywhere}
.x-ser li{justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.x-ser code{font-size:.75rem;color:var(--o)}
.x-tick{width:24px;height:24px;flex:0 0 24px;border:2px solid var(--line);border-radius:6px;background:var(--card);color:var(--o);font-weight:700;cursor:pointer;padding:0}
.x-tick.on{border-color:var(--o)}
.x-ords li.x-late{border-left:3px solid #d64545;padding-left:8px}
.x-stg{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.x-stg li{display:flex;align-items:center;gap:5px;font-size:.74rem;color:var(--muted)}
.x-stg i{font-style:normal;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-size:.7rem}
.x-stg li.on{color:var(--head)}
.x-stg li.on i{background:var(--o);color:var(--deep)}
.x-stg li.nx i{border:2px solid var(--o)}
.x-photo{display:block;width:100%;max-width:220px;margin:4px 0 6px;border-radius:8px}
.x-tw{overflow-x:auto}
.x-stock{width:100%;border-collapse:collapse;font-size:.78rem}
.x-stock th{text-align:left;color:var(--muted);font-weight:500;padding:4px;border-bottom:1px solid var(--line)}
.x-stock td{padding:5px 4px;border-bottom:1px solid var(--line);color:var(--text)}
.x-stock tr.x-out td{color:var(--muted)}
.x-web li{padding:6px 0;border-bottom:1px solid var(--line);font-size:.82rem;overflow-wrap:anywhere}
@media (max-width:560px){.x-lane{grid-template-columns:62px minmax(0,1fr)}.x-opts{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.x-phone{max-width:none}.x-stock{font-size:.72rem}}