.x-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.x-chips button{font:inherit;font-size:.84rem;padding:6px 11px;border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--text);cursor:pointer;display:flex;gap:6px;align-items:center}
.x-chips button small{font-size:.7rem;color:var(--muted)}
.x-chips button.on{border-color:var(--o);background:color-mix(in srgb,var(--o) 16%,var(--card));color:var(--head)}
.x-tl{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:10px;margin-bottom:12px}
.x-row{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px;align-items:center;margin:4px 0}
.x-row>span{font-size:.75rem;color:var(--muted)}
.x-bar{position:relative;height:28px;background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.x-bar i{position:absolute;top:2px;bottom:2px;border-radius:4px;background:color-mix(in srgb,var(--o) 35%,var(--card));color:var(--head);font-style:normal;font-size:.68rem;padding:0 5px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid var(--o);box-sizing:border-box}
.x-bar i.x-jam{background:color-mix(in srgb,var(--muted) 25%,var(--card));border-left-color:var(--muted)}
.x-hrs div{display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted)}
.x-hrs em{font-style:normal}
.x-bk,.x-box,.x-dm{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;overflow-wrap:anywhere}
.x-bh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}
.x-tag{font-size:.7rem;padding:2px 8px;border-radius:10px;background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--head);white-space:nowrap}
.x-tag.x-jt{background:var(--bg2)}
.x-bk p,.x-box p{margin:4px 0}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.x-okt{font-size:.8rem;color:var(--muted)}
.x-dm{border-left:3px solid var(--o)}
.x-dm p{margin:4px 0 8px;font-style:italic}
.x-dm small{color:var(--muted);font-size:.72rem}
.x-form{display:grid;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px;min-width:0}
.x-form h4{margin:0;color:var(--head)}
.x-form h4 small{display:block;font-weight:400;font-size:.72rem;color:var(--muted)}
.x-form input:not([type=checkbox]),.x-form select,.x-form textarea,.x-btns select{font:inherit;font-size:.88rem;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);width:100%;box-sizing:border-box;min-width:0}
.x-btns select{width:auto;flex:1 1 150px}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.x-add{display:flex;flex-wrap:wrap;gap:6px}
.x-add label,.x-chk{font-size:.8rem;display:flex;gap:6px;align-items:flex-start;color:var(--text)}
.x-add label{padding:5px 9px;border:1px solid var(--line);border-radius:16px;background:var(--card);cursor:pointer}
.x-warn,.x-ok{font-size:.82rem;padding:8px 10px;border-radius:8px;margin:0}
.x-warn{background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--head)}
.x-ok{background:var(--card);color:var(--text)}
.x-warn button{font:inherit;font-size:.78rem;margin:6px 6px 0 0;padding:3px 10px;border-radius:12px;border:1px solid var(--o);background:var(--card);color:var(--head);cursor:pointer}
.x-quote{background:var(--card);border-radius:8px;padding:8px 10px;font-size:.85rem}
.x-quote p,.x-inv p{display:flex;justify-content:space-between;gap:8px;margin:3px 0}
.x-quote .x-tt,.x-inv .x-tt{font-weight:600;color:var(--head);border-top:1px solid var(--line);padding-top:4px}
.x-phone{max-width:300px;margin:0 auto 12px;border:6px solid var(--deep);border-radius:24px;padding:12px;background:var(--bg2);box-sizing:border-box}
.x-ph{font-size:.72rem;color:var(--muted);text-align:center;margin-bottom:8px}
.x-sms{background:var(--card);border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:.8rem;margin:0;overflow-wrap:anywhere}
.x-jc{display:grid;gap:3px;background:var(--card);border-radius:10px;padding:10px;font-size:.8rem}
.x-jc span{color:var(--muted)}
.x-ros{display:grid;gap:4px;margin-bottom:6px}
.x-rr{display:grid;grid-template-columns:minmax(0,1.7fr) repeat(5,minmax(0,1fr));gap:4px;align-items:center}
.x-rr>span{font-size:.8rem;min-width:0;overflow-wrap:anywhere}
.x-rr>span small{display:block;font-size:.65rem;color:var(--muted)}
.x-rh span{font-size:.72rem;color:var(--muted);text-align:center}
.x-cell{font:inherit;font-size:.78rem;height:34px;border-radius:6px;border:1px solid var(--line);background:var(--bg2);color:var(--muted);cursor:pointer;min-width:0;padding:0}
.x-cell.x-av{background:color-mix(in srgb,var(--o) 10%,var(--card));color:var(--text)}
.x-cell.x-on{background:color-mix(in srgb,var(--o) 40%,var(--card));color:var(--head);font-weight:600;border-color:var(--o)}
.x-tbl{width:100%;border-collapse:collapse;font-size:.82rem}
.x-tbl th,.x-tbl td{text-align:left;padding:5px 4px;border-bottom:1px solid var(--line)}
.x-tbl th{color:var(--muted);font-weight:500;font-size:.72rem}
.x-steps{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}
.x-steps li{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;align-items:center;font-size:.85rem;padding:8px;border-radius:8px;background:var(--bg2)}
.x-steps li b{color:var(--head)}
.x-steps li.x-dn b::after{content:' ✓';color:var(--o)}
.x-steps .x-btns{margin:0}
.x-tab{border:8px solid var(--deep);border-radius:14px;padding:12px;background:var(--card);margin-top:10px}
.x-tab small{color:var(--muted);font-size:.7rem}
.x-tab p{font-size:.85rem}
.x-sig{font:inherit;width:100%;height:64px;border:2px dashed var(--line);border-radius:8px;background:var(--bg2);color:var(--muted);cursor:pointer}
.x-tab svg{width:100%;height:60px;display:block}
.x-tab svg path{stroke:var(--head);fill:none;stroke-width:2.5}
.x-inv{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:.85rem;overflow-wrap:anywhere}
.x-ih{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.x-ih span{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:8px;background:color-mix(in srgb,var(--o) 20%,transparent);color:var(--head)}
.x-wave{position:relative;height:70px;display:flex;align-items:center;gap:2px;margin:10px 0 4px;background:var(--bg2);border-radius:8px;padding:0 6px;overflow:hidden}
.x-wave i{flex:1;min-width:0;background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:2px}
.x-wave em{position:absolute;top:0;bottom:0;width:2px;background:var(--muted)}
.x-wave em.x-op{background:var(--o);width:3px}
.x-wave em::before{content:'';position:absolute;top:3px;left:-4px;width:10px;height:10px;border-radius:50%;background:inherit}
.x-wave u{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--head);opacity:0}
.x-wave.x-go u{animation:x-play 2s linear}
@keyframes x-play{from{left:0;opacity:1}to{left:100%;opacity:1}}
.x-files,.x-notes,.x-sched{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:6px}
.x-files li,.x-sched li{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:.83rem;padding:7px 9px;background:var(--bg2);border-radius:8px}
.x-form .x-files li{background:var(--card)}
.x-files li span{min-width:0;overflow-wrap:anywhere}
.x-files small{display:block;color:var(--muted);font-size:.7rem}
.x-files em,.x-sched em{font-style:normal;font-size:.72rem;color:var(--muted)}
.x-notes li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;font-size:.84rem;padding:8px;border-left:3px solid var(--o);background:var(--bg2);border-radius:6px;overflow-wrap:anywhere}
.x-notes li.x-dn{border-left-color:var(--line);opacity:.7}
.x-notes small{display:block;color:var(--muted);font-size:.7rem}
.x-sched li b{color:var(--head);min-width:96px}
.x-sched li span{flex:1;min-width:0}
@media (max-width:560px){.x-row{grid-template-columns:62px minmax(0,1fr)}.x-steps li{grid-template-columns:minmax(0,1fr)}.x-cell{height:30px;font-size:.7rem}.x-rr>span small{display:none}}