.x-web,.x-box{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:12px;overflow:hidden}
.x-wh{font-size:.75rem;color:var(--muted);margin:-12px -12px 10px;padding:6px 12px;background:var(--bg2);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-wh span{color:var(--o);margin-right:8px;letter-spacing:2px}
.x-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.x-model{text-align:left;border:2px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--text);padding:8px;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;min-width:0}
.x-model b{color:var(--head);font-size:.86rem}
.x-model small{font-size:.7rem;color:var(--muted);overflow-wrap:anywhere}
.x-model.on{border-color:var(--o)}
.x-plan{width:100%;height:auto;margin:10px 0;display:block}
.x-plan text{font-size:8px;fill:var(--text);font-family:inherit}
.x-plan .x-z{fill:var(--bg2);stroke:var(--muted);stroke-width:1}
.x-plan .x-lf{fill:none;stroke:var(--o);stroke-dasharray:4 3;stroke-width:1.5}
.x-plan .x-dr{stroke:var(--muted);stroke-width:3}
.x-plan .x-sol{fill:var(--o);opacity:.6}
.x-opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.x-opts label{display:flex;flex-direction:column;font-size:.75rem;color:var(--muted);gap:3px;min-width:0}
.x-in{width:100%;min-width:0;box-sizing:border-box;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.82rem}
.x-in.x-sm{width:auto;max-width:100%;display:inline-block}
.x-ex{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px}
.x-ex label{display:flex;gap:8px;align-items:flex-start;font-size:.8rem;padding:7px;border:1px solid var(--line);border-radius:8px;cursor:pointer;min-width:0}
.x-ex span{overflow-wrap:anywhere}
.x-ex small{display:block;color:var(--muted);font-size:.7rem}
.x-big{display:block;font-size:2rem;color:var(--head);line-height:1.15}
.x-wt{margin:10px 0;padding:10px;border-radius:10px;background:var(--bg2)}
.x-wtl{display:flex;justify-content:space-between;font-size:.78rem;gap:8px;flex-wrap:wrap}
.x-wt p{margin:6px 0 0}
.x-wt.x-near .dk-prog i{background:#e0a020}
.x-wt.x-bad{outline:2px solid #d64545}
.x-wt.x-bad .dk-prog i{background:#d64545}
.x-lines{list-style:none;padding:0;margin:8px 0;font-size:.78rem}
.x-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:4px 0;border-bottom:1px solid var(--line)}
.x-lines span{overflow-wrap:anywhere}
.x-lines em{color:var(--muted);font-style:normal}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.x-btns .btn{flex:1 1 auto}
.x-btns .x-in{flex:1 1 160px;width:auto}
.x-owner{margin-top:12px;padding:12px;border:1px dashed var(--o);border-radius:12px}
.x-acts{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
.x-pipe{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}
.x-col{background:var(--bg2);border-radius:12px;padding:8px;min-width:0}
.x-col h4{margin:0 0 6px;font-size:.8rem;color:var(--head)}
.x-lead,.x-var,.x-bay,.x-dc{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:9px;margin-bottom:6px;font-size:.8rem;min-width:0;overflow-wrap:anywhere}
.x-lead b,.x-bay b,.x-var b,.x-dc b{color:var(--head)}
.x-lead small,.x-bay small{display:block;color:var(--muted);font-size:.7rem}
.x-lead p,.x-var p,.x-dc p{margin:4px 0}
.x-lead em{display:block;font-style:normal;font-weight:600;color:var(--o)}
.x-lead .btn{width:100%;margin-top:6px;font-size:.75rem;padding:6px 8px}
.x-ok{color:#2e9e5b;font-weight:600}
.x-due{color:var(--o);font-weight:600}
.x-tw{overflow-x:auto;max-width:100%}
.x-tbl{width:100%;border-collapse:collapse;font-size:.78rem}
.x-tbl th,.x-tbl td{text-align:left;padding:6px;border-bottom:1px solid var(--line)}
.x-tbl th{color:var(--muted);font-weight:500}
.x-bays{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.x-bay p{margin:6px 0 0}
.x-bay.on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-bay.x-empty{border-style:dashed}
.x-q{display:flex;flex-direction:column;gap:4px;font-size:.78rem;margin:10px 0;padding:10px;background:var(--bg2);border-radius:10px;overflow-wrap:anywhere}
.x-q .btn{font-size:.7rem;padding:2px 8px;margin-left:4px}
.x-stg{list-style:none;padding:0;margin:0 0 10px;font-size:.82rem}
.x-stg li{padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-stg li.d{color:var(--muted)}
.x-stg li.n{color:var(--o);font-weight:600}
.x-vh{display:flex;justify-content:space-between;gap:6px;flex-wrap:wrap}
.x-form{display:flex;flex-direction:column;gap:6px;padding:10px;border:1px dashed var(--line);border-radius:10px;margin-top:8px;font-size:.82rem}
.x-phone{max-width:340px;margin:0 auto;border:8px solid var(--deep);border-radius:28px;background:var(--card);padding:12px;font-size:.8rem;overflow-wrap:anywhere}
.x-ph{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:6px}
.x-phone h4{margin:4px 0;color:var(--head)}
.x-dots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:8px 0}
.x-dots span{font-size:.58rem;text-align:center;padding:5px 2px;border-radius:6px;background:var(--bg2);color:var(--muted)}
.x-dots .x-d{background:var(--o);color:var(--card)}
.x-dots .x-n{outline:2px solid var(--o);color:var(--head)}
.x-pics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:6px 0 10px}
.x-pic{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,var(--bg2),var(--line));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3px}
.x-pic i{font-style:normal;font-size:1.4rem}
.x-pic small{font-size:.58rem;color:var(--muted)}
.x-sec{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.x-sec label{display:flex;gap:6px;align-items:flex-start;margin:4px 0}
.x-sec p{margin:4px 0}
.x-msg{display:flex;gap:6px}
.x-row{display:flex;gap:6px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:4px 0}
.x-map{width:100%;height:auto;background:var(--bg2);border-radius:12px;display:block;margin-bottom:8px}
.x-map text{font-size:7px;fill:var(--text);font-family:inherit}
.x-map .x-sea{fill:var(--o);opacity:.12}
.x-map .x-pin{fill:var(--o)}
.x-map .x-pin.x-done{fill:var(--muted)}
.x-map .x-pin.x-booked{stroke:var(--head);stroke-width:2}
.x-map .x-rt{stroke:var(--o);stroke-width:2;stroke-dasharray:5 3}
.x-map .x-yard{fill:var(--head)}
.x-dc summary{cursor:pointer;margin-top:4px}
.x-dc ul{margin:4px 0;padding-left:18px}
@media (max-width:560px){.x-pipe{grid-template-columns:repeat(2,minmax(0,1fr))}.x-bays,.x-models,.x-opts,.x-ex{grid-template-columns:minmax(0,1fr)}.x-big{font-size:1.6rem}.x-phone{border-width:6px;padding:10px}}