.x-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}
.x-col{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px;min-width:0}
.x-col h4{margin:0 0 8px;font-size:.85rem;color:var(--head);display:flex;justify-content:space-between;gap:6px}
.x-col h4 span{border:1px solid var(--o);color:var(--o);border-radius:20px;padding:0 8px;font-size:.72rem}
.x-job{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;font-size:.82rem;overflow-wrap:anywhere;color:var(--text)}
.x-job p{margin:2px 0}
.x-job b{color:var(--head)}
.x-s-hoist,.x-s-approval,.x-s-parts{border-left-color:var(--o)}
.x-s-ready{border-left-color:var(--head)}
.x-jh{display:flex;justify-content:space-between;gap:6px}
.x-ja{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-ja .btn,.x-part .btn,.x-row .btn{padding:5px 10px;font-size:.75rem}
.x-sub{display:block;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere;margin:2px 0}
.x-warn{color:var(--o);font-weight:600}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:12px 12px 12px 3px;padding:8px 10px;margin-top:8px;font-size:.78rem;color:var(--text);overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:3px}
.x-sms ul{margin:4px 0;padding-left:16px}
.x-sms u{color:var(--o)}
.x-pics{display:flex;gap:4px;margin:4px 0}
.x-pics i{font-style:normal;width:36px;height:28px;border-radius:6px;background:var(--line);display:grid;place-items:center;font-size:.8rem}
.x-capr{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.8rem;margin:6px 0}
.x-capr b{color:var(--head)}
.x-phone{border:2px solid var(--line);border-radius:22px;padding:14px;background:var(--card);max-width:380px;margin:0 auto}
.x-bar{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:10px}
.x-form{display:grid;gap:8px}
.x-form input,.x-form select,.x-form textarea,.x-look input,.x-look select,.x-to select{width:100%;min-width:0;box-sizing:border-box;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-form input[type=checkbox]{width:auto;margin-right:6px;vertical-align:middle}
.x-form label{color:var(--text)}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-look{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.7fr) minmax(0,1.2fr);gap:8px;margin-bottom:8px}
.x-to{display:flex;align-items:center;gap:8px;margin-bottom:6px;color:var(--muted)}
.x-to select{width:auto;flex:1;min-width:0}
.x-part{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}
.x-part b{color:var(--head)}
.x-part small{display:block;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.x-part em{font-style:normal;font-weight:600;color:var(--head);white-space:nowrap}
.x-stk{font-size:.72rem;padding:2px 8px;border-radius:20px;border:1px solid var(--line);white-space:nowrap;color:var(--text)}
.x-out{border-color:var(--o);color:var(--o)}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:.82rem}
.x-row>div{min-width:0;flex:1 1 160px}
.x-row b{color:var(--head)}
.x-pill{font-size:.7rem;font-style:normal;padding:2px 8px;border-radius:20px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-pill.x-on{border-color:var(--o);color:var(--o)}
.x-res{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:10px 0;font-size:.85rem}
.x-res b{color:var(--head)}
.x-seg{display:inline-flex;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:8px}
.x-seg button{border:0;background:none;padding:6px 12px;font:inherit;font-size:.78rem;color:var(--text);cursor:pointer}
.x-seg button.x-on{background:var(--o);color:var(--card)}
.x-gear{padding:6px 0;border-bottom:1px solid var(--line);font-size:.85rem}
.x-gear b{color:var(--head)}
.x-sz{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-sz button{border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:4px 9px;font:inherit;font-size:.75rem;cursor:pointer}
.x-sz button:hover:not(:disabled){border-color:var(--o)}
.x-sz button:disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}
.x-bikes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:8px}
.x-bike{border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--card);font-size:.82rem;min-width:0;overflow-wrap:anywhere}
.x-bike b{color:var(--head)}
.x-bike p{margin:3px 0}
.x-sold{opacity:.6}
.x-bsvg{display:block;width:70px;height:40px;fill:none;stroke:var(--head);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.x-price{font-weight:700;color:var(--o);font-size:1rem}
.x-ch{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}
.x-web{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--card)}
.x-wh{background:var(--bg2);font-size:.7rem;color:var(--muted);padding:6px 10px}
.x-wl{display:flex;justify-content:space-between;gap:8px;padding:6px 10px;border-top:1px solid var(--line);font-size:.8rem;color:var(--text);overflow-wrap:anywhere}
.x-wl b{color:var(--head);white-space:nowrap}
@media (max-width:900px){.x-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){
.x-board,.x-bikes,.x-look{grid-template-columns:minmax(0,1fr)}
.x-part{grid-template-columns:minmax(0,1fr) auto}
.x-part>div{grid-column:1/-1}
.x-capr{grid-template-columns:minmax(0,1fr) auto}
.x-capr .dk-cap{grid-column:1/-1;order:3}
.x-phone{padding:10px;border-radius:16px}
}