.x-cab{border:2px solid var(--line);border-radius:22px;padding:14px;background:var(--bg2);display:grid;gap:8px;max-width:380px}
.x-cabh{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.x-cab select,.x-form input,.x-form select,.x-row select,.x-invh select{width:100%;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:.85rem;min-width:0;box-sizing:border-box}
.x-cabh select{flex:1 1 180px;width:auto}
.x-off{font-size:.8rem;display:flex;gap:4px;align-items:center;color:var(--muted)}
.x-mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.x-mat{border:2px solid var(--line);border-left:6px solid var(--c);border-radius:10px;padding:10px 8px;background:var(--card);color:var(--text);font:inherit;font-size:.82rem;cursor:pointer;text-align:left}
.x-mat.on{border-color:var(--o);border-left-color:var(--c);font-weight:600;color:var(--head)}
.x-big{width:100%;padding:14px;font-size:1rem}
.x-tot{display:flex;flex-wrap:wrap;gap:6px;font-size:.78rem;color:var(--muted)}
.x-tot span{background:var(--card);border-radius:6px;padding:3px 8px}
.x-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.x-row select{width:auto;max-width:100%}
.x-loads,.x-docs,.x-vars,.x-cost{display:grid;gap:8px}
.x-load,.x-doc,.x-var,.x-inv,.x-pre,.x-paper,.x-new{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;overflow-wrap:anywhere;min-width:0}
.x-load{border-left:5px solid var(--c)}
.x-miss{border-color:var(--o);border-left-color:var(--c)}
.x-load p,.x-doc p,.x-var p{margin:4px 0}
.x-lh{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:var(--head)}
.x-lh span{font-size:.78rem;color:var(--muted)}
.x-wb{font-size:.8rem;background:var(--bg2);border:1px dashed var(--line);border-radius:6px;padding:4px 8px;font-family:monospace}
.x-cont{color:var(--o)}
.x-lf{display:flex;justify-content:space-between;gap:8px;font-size:.84rem;margin-top:4px;color:var(--muted)}
.x-lf b{color:var(--head)}
.x-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--bg2);padding:12px;border-radius:12px;margin-bottom:10px}
.x-form label{display:grid;gap:3px;font-size:.76rem;color:var(--muted);min-width:0}
.x-form p{margin:0;align-self:center}
.x-wide{grid-column:1/-1}
.x-st{font-size:.72rem;padding:2px 8px;border-radius:20px;background:var(--bg2)}
.x-draft{border-left:5px solid var(--o)}
.x-sig{display:flex;align-items:center;gap:8px;color:var(--head);margin-top:6px;flex-wrap:wrap}
.x-sig svg{width:110px;height:28px}
.x-sig small{color:var(--muted);font-size:.75rem}
.x-invh{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap;color:var(--head)}
.x-invh select{flex:1 1 180px;width:auto}
.x-t{width:100%;border-collapse:collapse;font-size:.83rem;margin:8px 0;table-layout:fixed}
.x-t td{padding:5px 4px;border-bottom:1px solid var(--line);vertical-align:top;overflow-wrap:anywhere}
.x-t td:last-child{text-align:right;width:96px;white-space:nowrap}
.x-tt td{font-weight:700;color:var(--head)}
.x-warn{background:var(--bg2);border-left:4px solid var(--o);border-radius:8px;padding:8px 12px;font-size:.85rem;margin:8px 0;overflow-wrap:anywhere}
.x-warn ul{margin:0 0 8px;padding-left:18px}
.x-list{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:.84rem}
.x-list li{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line)}
.x-scroll{overflow-x:auto;margin:8px 0;-webkit-overflow-scrolling:touch}
.x-board{border-collapse:collapse;width:100%;min-width:560px;font-size:.78rem}
.x-board th,.x-board td{border:1px solid var(--line);padding:4px;text-align:center;color:var(--head)}
.x-board th small{display:block;font-weight:400;color:var(--muted);font-size:.66rem}
.x-board tr>th:first-child{text-align:left;white-space:nowrap}
.x-board .x-now{background:var(--bg2)}
.x-chip{display:block;width:100%;border:1px solid var(--line);border-left:5px solid var(--c);border-radius:6px;padding:4px 2px;background:var(--card);color:var(--head);font:inherit;font-size:.76rem;font-weight:600;cursor:pointer}
.x-chip small{display:block;font-weight:400;color:var(--muted);font-size:.66rem}
.x-chip.x-bad{outline:2px dashed var(--o);outline-offset:1px}
.x-free{color:var(--muted)}
.x-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:.76rem;color:var(--muted);margin-bottom:8px}
.x-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--c);margin-right:4px}
.x-sms{background:var(--bg2);border-radius:14px 14px 14px 4px;padding:10px 12px;font-size:.84rem;max-width:340px;margin:8px 0;overflow-wrap:anywhere}
.x-sms p{margin:4px 0 0}
.x-pre{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}
.x-pi{flex:1 1 200px;min-width:0}
.x-pi small{display:block;color:var(--muted);font-size:.76rem}
.x-pi small.x-cont{color:var(--o)}
.x-down{border-color:var(--o)}
.x-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.x-paper{margin-bottom:8px;font-size:.85rem}
.x-paper div{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.x-okc{font-size:.76rem;padding:3px 8px;border-radius:20px;background:var(--bg2);color:var(--muted)}
.x-sm{padding:4px 10px;font-size:.76rem}
.x-new{margin:8px 0;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}
.x-phone{border:2px solid var(--line);border-radius:22px;padding:16px;background:var(--bg2);max-width:360px;display:grid;gap:6px;margin-bottom:12px;overflow-wrap:anywhere}
.x-phone p{margin:0}
.x-price{font-size:1.5rem;font-weight:700;color:var(--head)}
.x-var{display:grid;grid-template-columns:64px minmax(0,1fr);gap:10px}
.x-var svg{width:64px;height:44px;border-radius:6px;display:block}
.x-nop{font-size:.7rem;color:var(--muted)}
.x-cost p{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 4px;color:var(--head)}
.x-cost span{color:var(--muted);font-size:.84rem}
@media (max-width:560px){.x-cab,.x-phone{max-width:none}.x-form{padding:10px}.x-t td:last-child{width:84px}.x-mat{font-size:.78rem}}