.x-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.x-form label{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--muted);min-width:0}
.x-form select,.x-form input,.x-sel{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.86rem}
.x-sel{width:auto;max-width:100%}
.x-checks{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;font-size:.85rem;color:var(--text)}
.x-checks label{display:flex;gap:6px;align-items:center;cursor:pointer}
.x-card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:0 0 12px;min-width:0;overflow-wrap:anywhere}
.x-head{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.x-head b{color:var(--head)}
.x-lines{width:100%;border-collapse:collapse;font-size:.85rem}
.x-lines td{padding:5px 0;border-bottom:1px dashed var(--line);overflow-wrap:anywhere;color:var(--text)}
.x-lines td:last-child{text-align:right;white-space:nowrap;padding-left:10px}
.x-lines .x-tot td{font-weight:700;color:var(--head);border-bottom:0;font-size:1rem;padding-top:8px}
.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.x-mt{margin-top:10px}
.x-big{font-size:1.6rem;font-weight:700;color:var(--head);line-height:1.2}
.x-phone{max-width:300px;margin:0 auto 14px;border:7px solid var(--deep);border-radius:26px;background:var(--bg2);padding:12px;overflow:hidden;overflow-wrap:anywhere}
.x-ph{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:8px}
.x-phone p{margin:4px 0}
.x-full{width:100%;margin-top:8px}
.x-sms{background:var(--card);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:.8rem;margin-top:10px;color:var(--text);overflow-wrap:anywhere}
.x-sms small{display:block;color:var(--muted);font-size:.68rem;margin-bottom:3px}
.x-day{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:12px 0 6px}
.x-job{display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card);margin-bottom:8px;cursor:pointer}
.x-job.x-on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-job.x-done{opacity:.6}
.x-jt b{display:block;color:var(--head);font-size:.88rem}
.x-jt small,.x-jm small{color:var(--muted);font-size:.74rem;display:block;overflow-wrap:anywhere}
.x-jm{min-width:0;color:var(--text)}
.x-jm b{color:var(--head)}
.x-ja{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-ja select{flex:1 1 150px;min-width:0;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.8rem}
.x-ja .btn{padding:6px 10px;font-size:.78rem}
.x-pill{display:inline-block;font-size:.7rem;padding:2px 9px;border-radius:20px;background:var(--bg2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.x-pill.x-hot{color:var(--o);border-color:var(--o)}
.x-warn{display:block;font-size:.75rem;color:var(--o);margin-top:3px}
.x-tip2{display:block;font-size:.75rem;color:var(--muted);margin-top:3px}
.x-sign{border:2px solid var(--head);border-radius:6px;text-align:center;font-weight:700;letter-spacing:.06em;padding:8px;margin:8px 0;color:var(--head);overflow-wrap:anywhere}
.x-sheet p{font-size:.8rem;color:var(--text);overflow-wrap:anywhere}
.x-btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;align-items:center}
.x-btns .btn{padding:7px 4px;font-size:.72rem;width:100%}
.x-c{text-align:center}
.x-map{width:100%;height:auto;display:block;background:var(--bg2);border:1px solid var(--line);border-radius:12px;margin-bottom:8px}
.x-map text{font-size:7px;fill:var(--muted);font-family:inherit}
.x-map .x-car{fill:var(--o);stroke:var(--card);stroke-width:1.5}
.x-map .x-car.x-off{fill:var(--muted)}
.x-map .x-cl{fill:var(--card);font-size:7px;font-weight:700}
.x-map .x-pl{fill:var(--muted)}
.x-map .x-road{stroke:var(--line);fill:none;stroke-width:2;stroke-dasharray:4 3}
.x-badge{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:20px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-badge.x-late,.x-badge.x-early{color:var(--o);border-color:var(--o)}
.x-kv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;font-size:.8rem;margin:8px 0}
.x-kv span{color:var(--muted)}
.x-kv b{color:var(--head);overflow-wrap:anywhere}
.x-row label{font-size:.78rem;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.x-row select{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.8rem}
.x-ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.x-ba div{border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg2);display:flex;flex-direction:column;gap:2px;min-width:0}
.x-ba b{color:var(--head);font-size:1.1rem}
.x-ba .x-a{border-color:var(--o)}
.x-list{list-style:none;padding:0;margin:0 0 10px}
.x-list li{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:.83rem;color:var(--text)}
.x-list li span{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
.x-list li .x-pill{flex:0 0 auto}
.x-list li .btn{padding:6px 10px;font-size:.76rem}
.x-list b{color:var(--head)}
.x-wrap{overflow-x:auto}
.x-tbl{width:100%;border-collapse:collapse;font-size:.82rem}
.x-tbl th,.x-tbl td{padding:7px 4px;border-bottom:1px solid var(--line);text-align:left;color:var(--text)}
.x-tbl th{color:var(--muted);font-weight:500;font-size:.72rem}
.x-tbl .x-r{text-align:right;white-space:nowrap}
.x-cc{margin:10px 0 2px;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
@media (max-width:560px){.x-form{grid-template-columns:minmax(0,1fr)}.x-ba{grid-template-columns:minmax(0,1fr)}.x-job{grid-template-columns:54px minmax(0,1fr)}.x-big{font-size:1.35rem}.x-kv{gap:3px 8px}}
