.x-web{border:1px solid var(--line);border-radius:14px;background:var(--card);padding:14px;overflow:hidden}
.x-web-h{font-size:.75rem;color:var(--muted);margin:-14px -14px 12px;padding:8px 12px;background:var(--bg2);border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-web-h span{color:var(--o);margin-right:8px;letter-spacing:2px}
.x-mode,.x-row,.x-chips{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;align-items:center}
.x-f{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0}
.x-f label,.x-row label{display:flex;flex-direction:column;font-size:.78rem;color:var(--muted);gap:4px;min-width:0}
.x-f input,.x-f select,.x-row select{width:100%;min-width:0;max-width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);font:inherit;font-size:.88rem}
.x-row select{width:auto}
.x-f button{grid-column:1/-1}
.x-res{background:var(--bg2);border-radius:12px;padding:14px;border-left:4px solid var(--o)}
.x-res span{font-size:.8rem;color:var(--muted)}
.x-big{display:block;font-size:2rem;color:var(--head);line-height:1.2}
.x-big small{font-size:.9rem;color:var(--muted);font-weight:400}
.x-res p{margin:6px 0 0;font-size:.88rem}
.x-lead,.x-doc,.x-deal{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:10px 12px;margin:8px 0}
.x-lead.new{border-left:4px solid var(--o)}
.x-lead.sent{opacity:.8}
.x-lh,.x-dt{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;flex-wrap:wrap}
.x-lh b,.x-dt b{color:var(--head);overflow-wrap:anywhere}
.x-pill{font-size:.7rem;padding:2px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-lead p,.x-doc p,.x-deal p{margin:4px 0;overflow-wrap:anywhere}
.x-doc.x-ok{opacity:.72}
.x-doc.x-ok .x-pill{color:var(--o)}
.x-doc.x-up{border-left:4px solid var(--o)}
.x-doc.x-bad{border-left:4px dashed var(--o)}
.x-warn{font-size:.8rem;color:var(--o)}
.x-phone{max-width:300px;margin:0 auto 10px;border:8px solid var(--deep);border-radius:26px;padding:12px;background:var(--card);font-size:.84rem;color:var(--text)}
.x-ph-h{font-weight:600;color:var(--o);font-size:.78rem;margin-bottom:6px;overflow-wrap:anywhere}
.x-phone p{margin:4px 0}
.x-phone ul{list-style:none;padding:0;margin:6px 0}
.x-phone li{padding:5px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
.x-phone li small{display:block;color:var(--muted);font-size:.74rem}
.x-ms li b{font-weight:500;color:var(--muted)}
.x-ms li.on b{color:var(--head)}
.x-sms{background:var(--bg2);border-radius:12px 12px 12px 2px;padding:8px 10px;margin-top:8px;font-size:.8rem;overflow-wrap:anywhere}
.x-ff{display:flex;flex-wrap:wrap;gap:6px}
.x-ff span{font-size:.78rem;padding:4px 8px;border-radius:8px;background:var(--bg2);color:var(--muted)}
.x-ff span.on{color:var(--head);box-shadow:inset 0 0 0 1px var(--o)}
.x-deal.on{box-shadow:0 0 0 2px var(--o)}
.x-pips{display:flex;gap:4px;margin:6px 0}
.x-pips i{flex:1;height:6px;border-radius:3px;background:var(--line)}
.x-pips i.on{background:var(--o)}
.x-cd{text-align:center;padding:8px;background:var(--bg2);border-radius:10px;margin:8px 0}
.x-cd b{font-size:1.6rem;color:var(--head);display:block}
.x-pv{font-size:.82rem;padding:8px 10px;border:1px dashed var(--line);border-radius:10px;margin:8px 0;overflow-wrap:anywhere}
.x-tw{overflow-x:auto;margin:8px 0}
.x-tbl{width:100%;border-collapse:collapse;font-size:.82rem}
.x-tbl th,.x-tbl td{padding:6px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.x-tbl th{color:var(--muted);font-weight:500}
.x-tbl td b{color:var(--head)}
.x-tbl .btn{margin-top:4px;padding:4px 10px;font-size:.75rem}
.x-rem{display:flex;gap:8px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:8px 0}
.x-rem span{flex:1 1 180px;overflow-wrap:anywhere;font-size:.86rem}
.x-rem b{color:var(--head)}
@media (max-width:560px){.x-f{grid-template-columns:minmax(0,1fr)}.x-big{font-size:1.6rem}.x-row .btn,.x-mode .btn{flex:1 1 auto}.x-chips .btn{flex:1 1 100%}.x-phone{border-width:6px}}