.x-box{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px}
.x-tier{border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 10px;background:var(--card)}
.x-tier.x-on{border-color:var(--o);box-shadow:0 0 0 2px rgba(255,122,0,.15)}
.x-tier.x-out{opacity:.62}
.x-tier p{margin:4px 0}
.x-th{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:baseline}
.x-th b{color:var(--head)}
.x-pill{display:inline-block;font-size:.72rem;padding:2px 9px;border-radius:99px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}
.x-pill.x-hot{border-color:var(--o);color:var(--o);font-weight:600}
.x-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.x-row .btn{flex:1 1 auto}
.x-sm{padding:4px 10px;font-size:.78rem}
.x-phone{max-width:300px;margin:0 auto 14px;border:2px solid var(--line);border-radius:26px;padding:16px 14px;background:var(--card)}
.x-phone p{margin:4px 0}
.x-phone>.btn{width:100%;margin-top:8px}
.x-ph-h{font-weight:700;color:var(--head)}
.x-line{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;padding:5px 0;border-bottom:1px dashed var(--line)}
.x-line span{min-width:0;overflow-wrap:anywhere}
.x-line b{color:var(--head);white-space:nowrap}
.x-line.x-tot{border-bottom:0;border-top:2px solid var(--line);font-weight:600;margin-top:2px}
.x-sel{margin-left:6px}
.x-tour{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.x-tour:last-child{border-bottom:0}
.x-tour b{color:var(--head)}
.x-tour small{display:block;color:var(--muted);font-size:.76rem;overflow-wrap:anywhere}
.x-bar{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:.85rem;padding:4px 0}
.x-bar span{overflow-wrap:anywhere}
.x-bar b{color:var(--head)}
.x-wrap{overflow-x:auto;margin:0 0 12px}
.x-tbl{width:100%;border-collapse:collapse;font-size:.84rem}
.x-tbl th{text-align:left;color:var(--muted);font-weight:500;padding:5px 6px;border-bottom:1px solid var(--line)}
.x-tbl td{padding:6px;border-bottom:1px solid var(--line);color:var(--text);overflow-wrap:anywhere}
.x-form{display:grid;gap:8px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 12px}
.x-form b{color:var(--head)}
.x-form p{margin:0}
.x-form label{display:grid;gap:4px}
.x-form input:not([type=checkbox]),.x-form select,.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}
.x-sel{width:auto}
.x-r2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:end}
.x-form label.x-chk{display:flex;gap:6px;align-items:center;color:var(--text)}
.x-sms{background:var(--bg2);border:1px solid var(--line);border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:.85rem;overflow-wrap:anywhere;max-width:340px;color:var(--text)}
.x-codes{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 12px}
.x-codes code{font-family:monospace;background:var(--card);border:1px dashed var(--o);color:var(--head);padding:3px 8px;border-radius:6px}
.x-scan{border-radius:14px;padding:16px 10px;text-align:center;border:2px solid var(--line);margin:10px 0;transition:background .2s}
.x-scan b{display:block;font-size:1.25rem;color:var(--head)}
.x-scan span{font-size:.8rem;color:var(--muted);overflow-wrap:anywhere}
.x-scan.x-ok{border-color:#2fa860;background:rgba(47,168,96,.13)}
.x-scan.x-bad{border-color:#d2433b;background:rgba(210,67,59,.13)}
.x-scan.x-warn{border-color:#e0a020;background:rgba(224,160,32,.15)}
.x-gl{list-style:none;padding:0;margin:0 0 12px}
.x-gl li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid var(--line)}
.x-gl span{min-width:0;overflow-wrap:anywhere}
.x-gl b{color:var(--head)}
.x-gl small{display:block;color:var(--muted);font-size:.75rem}
.x-rep .dk-h{margin-top:0}
@media (max-width:560px){
.x-tour{grid-template-columns:minmax(0,1fr) auto}
.x-tour>div:nth-child(2){grid-column:1/-1;order:3}
.x-r2{grid-template-columns:minmax(0,1fr)}
.x-bar{grid-template-columns:minmax(0,1fr) auto auto}
.x-bar .dk-cap{grid-column:1/-1;order:3}
.x-phone{max-width:100%}
}