.x-f{display:grid;gap:10px}
.x-f label{display:grid;gap:4px;font-size:.85rem;color:var(--muted)}
.x-f input:not([type=checkbox]):not([type=range]),.x-f select,.x-pb select{width:100%;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit}
.x-f input[type=range]{width:100%;accent-color:var(--o)}
.x-seg{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-seg button{flex:1 1 auto;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem;cursor:pointer}
.x-seg button.on{border-color:var(--o);background:color-mix(in srgb,var(--o) 14%,transparent);color:var(--head);font-weight:600}
.x-seg button:disabled{opacity:.45;cursor:not-allowed}
.x-sl button{flex:0 1 auto}
.x-acc{display:grid;gap:6px;margin-bottom:10px}
.x-acc>div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.x-acc span{overflow-wrap:anywhere;min-width:0}
.x-acc small{display:block;color:var(--muted);font-size:.75rem}
.x-tag{font-style:normal;font-size:.66rem;padding:1px 6px;border:1px solid var(--o);color:var(--o);border-radius:99px;white-space:nowrap}
.x-qty{display:flex;align-items:center;gap:6px;flex:none}
.x-qty button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:var(--bg2);color:var(--text);font:inherit;cursor:pointer}
.x-qty button:disabled{opacity:.4;cursor:not-allowed}
.x-card{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:12px;margin-bottom:12px;overflow-wrap:anywhere}
.x-row{display:flex;justify-content:space-between;align-items:center;gap:6px 8px;flex-wrap:wrap}
.x-svg{width:100%;max-width:320px;display:block;margin:0 auto 8px;color:var(--head)}
.x-mot{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:6px}
.x-mot li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.x-mot li span{grid-column:1;font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}
.x-mot li em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-weight:600;color:var(--head)}
.x-mot .x-ok{border-color:var(--o);box-shadow:inset 3px 0 0 var(--o)}
.x-mot .x-bad{opacity:.55}
.x-mot .x-bad em{text-decoration:line-through}
.x-warn{font-size:.82rem;padding:8px 10px;border-radius:8px;background:var(--bg2);border-left:3px solid var(--o);margin:0 0 8px}
.x-lines{width:100%;border-collapse:collapse;font-size:.85rem;margin:8px 0}
.x-lines td{padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-lines td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-tot td{font-weight:700;color:var(--head)}
.x-send{margin-top:12px;padding:12px;border:1px dashed var(--o);border-radius:12px}
.x-send b{color:var(--head)}
.x-cb{display:flex!important;align-items:center;gap:8px;font-size:.85rem;color:var(--text)!important}
.x-cb input{accent-color:var(--o);flex:none}
.x-exf{margin:8px 0}
.x-ql{display:grid;gap:6px;margin:10px 0 14px}
.x-lb{text-align:left;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);font:inherit;cursor:pointer;display:grid;gap:4px}
.x-lb.on{border-color:var(--o);box-shadow:inset 3px 0 0 var(--o)}
.x-lb small{color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
.x-lb b{color:var(--head);overflow-wrap:anywhere}
.x-pill{font-size:.68rem;padding:2px 8px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-pill.x-new{border-color:var(--o);color:var(--o)}
.x-pill.x-accepted{background:var(--bg2);color:var(--head)}
.x-phs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.x-ph{width:62px;height:48px;border-radius:6px;background:var(--bg2);display:grid;place-items:center;font-size:1rem;line-height:1.1;text-align:center}
.x-ph small{display:block;font-size:.6rem;color:var(--muted)}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.82rem;margin:8px 0;overflow-wrap:anywhere}
.x-sms b{display:block;font-size:.7rem;color:var(--muted);margin-bottom:2px}
.x-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;align-items:center}
.x-st{list-style:none;padding:0;margin:8px 0}
.x-st li{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.x-st i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.75rem;border:1px solid var(--line);flex:none}
.x-st .x-done i{background:var(--o);border-color:var(--o);color:var(--card)}
.x-st .x-next b{color:var(--o)}
.x-st small{display:block;color:var(--muted);font-size:.75rem}
.x-cal{display:grid}
.x-cal>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;padding:7px 0;border-bottom:1px solid var(--line);font-size:.8rem}
.x-cal .x-td b{color:var(--o)}
.x-chips{display:flex;flex-wrap:wrap;gap:4px}
.x-chip{padding:2px 8px;border-radius:6px;background:var(--bg2);overflow-wrap:anywhere}
.x-chip.x-dn{opacity:.5;text-decoration:line-through}
.x-phone{max-width:340px;margin:0 auto 12px;border:8px solid var(--deep);border-radius:26px;background:var(--card);overflow:hidden}
.x-phh{background:var(--bg2);color:var(--head);font-size:.8rem;font-weight:600;padding:8px 12px;overflow-wrap:anywhere}
.x-pb{padding:12px;display:grid;gap:6px}
.x-pb p{margin:0}
.x-pb label{display:grid;gap:4px}
.x-pb h4,.x-h4{margin:8px 0 4px;font-size:.9rem;color:var(--head)}
.x-call{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;border-radius:10px;border:1px solid var(--o);background:color-mix(in srgb,var(--o) 10%,transparent);margin-bottom:12px;font-size:.88rem}
.x-call span{flex:1 1 200px}
.x-ring{font-style:normal;display:inline-block;animation:x-ring 1s ease-in-out infinite}
@keyframes x-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(14deg)}60%{transform:rotate(0)}}
.x-gt{border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.x-gt p{margin:2px 0}
.x-hot{color:var(--o);font-weight:600}
.x-vis{list-style:none;padding:0;margin:4px 0 8px;font-size:.76rem;color:var(--muted);display:grid;gap:2px}
.x-rem{list-style:none;padding:0;margin:0 0 8px;display:grid;gap:4px}
.x-rem li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem}
.x-rem li span{flex:1;min-width:0}
.x-rem .x-off{opacity:.55}
.x-rem em{font-size:.72rem;color:var(--muted)}
.x-rem .btn{padding:4px 10px;font-size:.75rem}
.x-diag{padding:10px 12px;border-radius:10px;background:var(--bg2);border-left:3px solid var(--o);margin-bottom:12px;font-size:.85rem}
.x-diag ul{margin:6px 0 10px;padding-left:18px}
@media (max-width:560px){.x-cal>div{grid-template-columns:64px minmax(0,1fr)}.x-btns .btn{flex:1 1 100%}.x-phone{border-width:6px}.x-seg button{font-size:.8rem;padding:7px 8px}}