.x-jsel{display:flex;gap:.5rem;align-items:center;font-weight:600;color:var(--head);margin-bottom:.4rem;flex-wrap:wrap}
.x-jsel select{flex:1;min-width:0;max-width:100%}
.x-cabs{display:grid;gap:.35rem}
.x-row{display:grid;grid-template-columns:auto minmax(0,1fr) 7.5rem auto;gap:.4rem;align-items:center;padding:.3rem;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.x-row.on{border-color:var(--o)}
.x-row select,.x-row input{width:100%;min-width:0}
.x-cn{font-weight:700;background:var(--bg2);color:var(--head);border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem;cursor:pointer;font-family:inherit}
.x-row.on .x-cn{border-color:var(--o);color:var(--o)}
.x-w{display:flex;align-items:center;gap:.25rem;min-width:0}
.x-w span{font-size:.75rem;color:var(--muted)}
.x-rm{background:none;border:0;color:var(--muted);cursor:pointer;font-size:1rem;padding:.3rem}
.x-fit{font-size:.85rem;margin:.5rem 0;color:var(--text)}
.x-fit.bad{color:var(--o);font-weight:600}
.x-btns{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}
.x-form{margin-top:1rem;padding:.8rem;border:1px dashed var(--line);border-radius:12px;background:var(--bg2);display:grid;gap:.45rem}
.x-form h4{margin:0;color:var(--head);font-size:.95rem}
.x-h4{margin:.9rem 0 .3rem;color:var(--head);font-size:.95rem}
.x-form small,.x-h4 small{color:var(--muted);font-weight:400;font-size:.75rem}
.x-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin:.4rem 0}
.x-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.x-form input,.x-form select,.x-g2 select,.x-g3 select{width:100%;min-width:0}
.x-g2 label{display:grid;gap:.2rem;font-size:.8rem;color:var(--muted);min-width:0}
.x-tbl{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
.x-tbl table{width:100%;border-collapse:collapse;font-size:.8rem}
.x-tbl th,.x-tbl td{padding:.35rem .5rem;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;color:var(--text)}
.x-tbl th{color:var(--muted);font-weight:600;background:var(--bg2)}
.x-label{display:flex;gap:.6rem;align-items:center;margin:.7rem 0 .2rem;padding:.6rem .7rem;border:2px solid var(--head);border-radius:6px;background:var(--card);font-size:.75rem;max-width:22rem}
.x-label div{display:grid;gap:.1rem;min-width:0;overflow-wrap:anywhere;color:var(--text)}
.x-label b{color:var(--head)}
.x-bar{flex:0 0 3.2rem;height:2.6rem;background:repeating-linear-gradient(90deg,var(--head) 0 2px,transparent 2px 4px,var(--head) 4px 5px,transparent 5px 8px)}
.x-optbox,.x-warn{padding:.8rem;border-radius:12px;background:var(--bg2);border:1px solid var(--line);margin:.6rem 0;display:grid;gap:.5rem;color:var(--text)}
.x-optbox p{margin:0}
.x-warn{border-color:var(--o)}
.x-sheets{display:flex;flex-wrap:wrap;gap:.5rem}
.x-sheet{margin:0;flex:1 1 9rem;max-width:14rem;min-width:0}
.x-sheet svg{display:block;height:auto}
.x-sheet .x-bd{fill:var(--bg2);stroke:var(--line);stroke-width:8}
.x-sheet .x-pt{stroke:var(--card);stroke-width:8}
.x-sheet figcaption{font-size:.7rem;color:var(--muted)}
.x-eye{display:flex;flex-wrap:wrap;gap:.3rem}
.x-eye i{width:3.4rem;height:1.7rem;border:2px dashed var(--muted);border-radius:4px}
.x-ord{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:.7rem;margin:.6rem 0}
.x-oh{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.x-oh b{color:var(--head);overflow-wrap:anywhere}
.x-oh span{font-size:.75rem;color:var(--muted)}
.x-ord ul,.x-oc,.x-inv,.x-pack,.x-log{list-style:none;margin:.4rem 0;padding:0}
.x-ord li,.x-oc li,.x-inv li,.x-log li{display:flex;gap:.5rem;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:.3rem 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--text)}
.x-ord li span,.x-inv li span,.x-log li span,.x-oc li span{flex:1;min-width:0;overflow-wrap:anywhere}
.x-ord em,.x-inv em,.x-log em,.x-oc em{font-style:normal;font-weight:600;color:var(--head)}
.x-oc li b,.x-inv li b{color:var(--head)}
.x-ot{text-align:right;font-weight:700;color:var(--head);margin:.3rem 0 0}
.x-chk{display:flex;gap:.4rem;align-items:center;margin:.5rem 0;font-size:.9rem;color:var(--text)}
.x-phone{max-width:17rem;margin:0 auto;border:8px solid var(--deep);border-radius:26px;background:var(--card);overflow:hidden}
.x-ph-top{background:var(--bg2);padding:.4rem .7rem;font-size:.75rem;color:var(--muted);overflow-wrap:anywhere}
.x-ph-b{padding:.8rem;display:grid;gap:.45rem;font-size:.85rem;color:var(--text)}
.x-ph-b b{color:var(--head)}
.x-ph-b p{margin:0;display:flex;justify-content:space-between;gap:.4rem;flex-wrap:wrap}
.x-ph-b p span{flex:1;min-width:0;overflow-wrap:anywhere}
.x-ph-b em{font-style:normal;font-weight:600}
.x-tot{font-weight:700;color:var(--head);font-size:1.05rem}
.x-elev{width:100%;height:auto;max-height:9rem;background:var(--bg2);border-radius:8px}
.x-elev .x-cab{fill:var(--card);stroke:var(--head);stroke-width:1.2;vector-effect:non-scaling-stroke}
.x-elev .x-ln{stroke:var(--head);stroke-width:1;vector-effect:non-scaling-stroke}
.x-elev .x-bt{fill:var(--o)}
.x-job{border:1px solid var(--line);border-radius:12px;padding:.7rem;margin-bottom:.5rem;background:var(--card);cursor:pointer}
.x-job.on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-jh{display:flex;justify-content:space-between;gap:.5rem;flex-wrap:wrap}
.x-jh b{color:var(--head);overflow-wrap:anywhere}
.x-st{font-size:.72rem;font-weight:700;color:var(--o);text-transform:uppercase}
.x-dots{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;margin:.45rem 0}
.x-dots i{height:6px;border-radius:3px;background:var(--line)}
.x-dots i.y{background:var(--o)}
.x-hold{margin:.2rem 0;font-size:.8rem;color:var(--o);font-weight:600}
.x-jf{display:flex;gap:.5rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.x-pack li{padding:.3rem 0;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--text)}
.x-pack label{display:flex;gap:.4rem;align-items:flex-start;flex-wrap:wrap}
.x-pack b{color:var(--head)}
.x-pack span{color:var(--muted);flex-basis:100%;padding-left:1.4rem;overflow-wrap:anywhere}
.x-sms{margin-top:.7rem;padding:.6rem .8rem;border-radius:14px 14px 14px 4px;background:var(--bg2);max-width:20rem}
.x-sms p{margin:.2rem 0 0;font-size:.85rem;overflow-wrap:anywhere;color:var(--text)}
.x-sms small{color:var(--muted)}
.x-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}
.x-cal>div{background:var(--bg2);border-radius:10px;padding:.45rem;min-height:5rem;font-size:.75rem;min-width:0;color:var(--text)}
.x-cal b{display:block;color:var(--head)}
.x-cal p{margin:.3rem 0 0;padding:.3rem;border-radius:6px;background:var(--card);overflow-wrap:anywhere}
.x-cal p.me{border-left:3px solid var(--o)}
.x-cal p small{display:block;color:var(--muted)}
.x-inv u{text-decoration:none;font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase}
.x-mini>div{padding:.4rem 0;border-bottom:1px solid var(--line);display:grid;gap:.2rem}
.x-mini b{color:var(--head);font-size:.85rem;overflow-wrap:anywhere}
.x-mini span{font-size:.75rem;color:var(--muted)}
@media (max-width:560px){
.x-row{grid-template-columns:auto minmax(0,1fr) 5.8rem auto}
.x-g2{grid-template-columns:minmax(0,1fr)}
.x-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-g3 .btn{grid-column:1/-1}
.x-cal{grid-template-columns:repeat(2,minmax(0,1fr))}
.x-sheet{flex-basis:8rem}
}