.x-bar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between}
.x-btns{display:flex;flex-wrap:wrap;gap:.45rem;margin:.45rem 0}
.x-sm{font-size:.8rem;padding:.35rem .7rem}
.x-box{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:.8rem;margin:.5rem 0 1rem;overflow-wrap:anywhere}
.x-box p{margin:.2rem 0 .5rem}
.x-tl{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:.6rem;margin:.6rem 0 1rem}
.x-tr{display:grid;grid-template-columns:4.8rem minmax(0,1fr);gap:.5rem;align-items:center;margin:.25rem 0}
.x-tr b{font-size:.78rem;color:var(--head);line-height:1.1}
.x-tr small{display:block;font-weight:400;color:var(--muted);font-size:.66rem}
.x-lane{position:relative;height:1.6rem;background:var(--card);border-radius:6px;overflow:hidden}
.x-lane span{position:absolute;top:2px;bottom:2px;background:rgba(255,122,0,.25);border-left:3px solid var(--o);border-radius:4px;color:var(--head);font-size:.64rem;padding:0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35rem}
.x-lane span.x-dn{opacity:.45}
.x-lane .x-offb{background:repeating-linear-gradient(45deg,rgba(210,60,60,.22) 0 8px,transparent 8px 16px);border-left:0;color:var(--muted)}
.x-ax .x-lane{background:none;height:1rem}
.x-ax em{position:absolute;font-size:.64rem;color:var(--muted);font-style:normal;transform:translateX(-50%)}
.x-trips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:.7rem;margin-bottom:1rem}
.x-trip,.x-veh{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.7rem .8rem;overflow-wrap:anywhere;margin-bottom:.6rem}
.x-trip{margin:0;border-left:4px solid var(--o)}
.x-trip.x-ok{border-left-color:#3a9d5d}
.x-th{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;align-items:center}
.x-th b{color:var(--head)}
.x-th small{color:var(--muted);font-weight:400;font-size:.75rem}
.x-tc{font-weight:600;color:var(--head);margin:.3rem 0 .1rem}
.x-trip p,.x-pc p{margin:.15rem 0}
.x-pill{font-size:.7rem;padding:.15rem .55rem;border-radius:99px;background:var(--bg2);color:var(--text);white-space:nowrap}
.x-good{background:rgba(58,157,93,.16)}
.x-bad{background:rgba(210,60,60,.18)}
.x-warnp{background:rgba(255,122,0,.2)}
.x-hotc{color:var(--o);font-weight:600}
.x-flags{display:flex;flex-wrap:wrap;gap:.3rem;margin:.35rem 0}
.x-flags em{font-style:normal;font-size:.7rem;background:var(--bg2);border-radius:6px;padding:.1rem .45rem}
.x-sel{display:grid;gap:.4rem;margin:.45rem 0}
.x-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.55rem;margin-bottom:.8rem}
.x-form label,.x-lab{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--muted)}
.x-wide{grid-column:1/-1}
.x-form input,.x-form select,.x-sel select,.x-lab select{width:100%;min-width:0;padding:.5rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem}
.x-brk{width:100%;border-collapse:collapse;font-size:.8rem;margin:.4rem 0}
.x-brk td{padding:.4rem .2rem;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.x-brk td:last-child{text-align:right;white-space:nowrap;color:var(--head)}
.x-tot{display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:baseline;margin:.6rem 0}
.x-tot b{font-size:1.4rem;color:var(--head)}
.x-tot small,.x-big small{font-size:.7rem;color:var(--muted);font-weight:400}
.x-warn{background:rgba(255,122,0,.12);border-radius:8px;padding:.5rem .7rem;margin:.4rem 0;font-size:.82rem}
.x-mail{border:2px dashed var(--line);border-radius:12px;padding:.8rem;margin-bottom:1rem;background:var(--card);overflow-wrap:anywhere}
.x-mh{font-size:.75rem;color:var(--muted);margin-bottom:.4rem}
.x-big{font-size:1.5rem;font-weight:700;color:var(--head);margin:.3rem 0}
.x-ql{list-style:none;padding:0;margin:0 0 .6rem}
.x-ql li{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--line)}
.x-ql li>div{flex:1 1 200px;min-width:0}
.x-ql b{display:block;color:var(--head);font-size:.85rem}
.x-ql small{color:var(--muted);font-size:.72rem}
.x-wks{display:flex;flex-wrap:wrap;gap:.3rem}
.x-wks span{font-size:.72rem;background:rgba(58,157,93,.16);border-radius:6px;padding:.15rem .5rem}
.x-wks .x-skip{background:var(--card);color:var(--muted);text-decoration:line-through}
.x-phone{max-width:320px;margin:0 auto;border:8px solid var(--deep);border-radius:30px;background:var(--bg2);padding:.7rem;min-height:420px}
.x-pt{display:flex;justify-content:space-between;font-size:.72rem;color:var(--muted);margin-bottom:.5rem;gap:.4rem}
.x-pt b{color:var(--head)}
.x-pc{background:var(--card);border-radius:12px;padding:.6rem;margin-bottom:.55rem;font-size:.85rem;overflow-wrap:anywhere}
.x-banner{background:rgba(255,122,0,.2);border-radius:8px;padding:.35rem .5rem;font-size:.78rem;font-weight:600;color:var(--head);margin-bottom:.4rem}
.x-chk{display:grid;gap:.25rem;margin:.4rem 0}
.x-chk label{display:flex;gap:.4rem;align-items:center;font-size:.8rem}
.x-empty{color:var(--muted);text-align:center;margin:2rem 0 .6rem}
.x-scroll{overflow-x:auto}
.x-tab{width:100%;border-collapse:collapse;font-size:.78rem;margin:.3rem 0 .6rem}
.x-tab th,.x-tab td{text-align:left;padding:.4rem .3rem;border-bottom:1px solid var(--line)}
.x-tab th{color:var(--muted);font-weight:500}
.x-meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:.76rem;margin:.4rem 0}
.x-def{display:flex;flex-wrap:wrap;gap:.3rem .5rem;align-items:center;font-size:.8rem;background:var(--bg2);border-radius:8px;padding:.4rem .5rem;margin:.35rem 0}
.x-def small{color:var(--muted)}
.x-hr{margin:.3rem 0}
@media (max-width:560px){.x-tr{grid-template-columns:3.8rem minmax(0,1fr)}.x-form{grid-template-columns:minmax(0,1fr)}.x-phone{border-width:6px}}