.x-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.x-row input,.x-row select{flex:1 1 140px;min-width:0}
.x-row input,.x-row select,.x-form input,.x-bar select,.x-q{font:inherit;font-size:.9rem;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--bg2);color:var(--text);max-width:100%}
.x-q{width:100%;box-sizing:border-box;margin-bottom:8px}
.x-phone,.x-card,.x-doc,.x-mail,.x-snap,.x-asuser{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:12px;margin:8px 0;overflow-wrap:anywhere}
.x-phone{max-width:440px}
.x-ph-h{font-size:.78rem;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:7px;margin-bottom:9px;overflow-wrap:anywhere}
.x-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.x-plan{border:1px solid var(--line);border-radius:12px;background:var(--bg2);color:var(--text);padding:8px 4px;text-align:center;cursor:pointer;font:inherit;display:flex;flex-direction:column;gap:2px;min-width:0}
.x-plan b{color:var(--head)}.x-plan span{font-size:.82rem}.x-plan small{font-size:.7rem;color:var(--muted)}
.x-on{border-color:var(--o)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--o) 30%,transparent)}
.x-sum{width:100%;border-collapse:collapse;font-size:.86rem;margin:6px 0}
.x-sum td{padding:5px 0;border-bottom:1px solid var(--line)}.x-sum td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-sum .x-tot td{font-weight:600;color:var(--head)}
.x-form{display:grid;gap:6px;margin-top:10px}
.x-list,.x-cols,.x-inv,.x-audit,.x-log,.x-pipe{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.x-fail,.x-feat,.x-ticket{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:12px;background:var(--card);padding:9px 11px}
.x-fail div,.x-feat div,.x-ticket span{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}
.x-fail small,.x-feat small{display:block;font-size:.75rem;color:var(--muted)}
.x-feat b{color:var(--head);font-size:.88rem}
.x-core{border-left:3px solid var(--o)}
.x-ticket{margin:6px 0;border-color:var(--o);font-size:.88rem}
.x-sms{font-size:.82rem;background:var(--bg2);border-radius:14px 14px 14px 4px;padding:9px 12px;margin:8px 0;color:var(--text)}
.x-okbox{font-size:.88rem;color:var(--muted)}
.x-inv li,.x-audit li,.x-log li{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;font-size:.84rem;border-bottom:1px solid var(--line);padding:5px 0}
.x-inv span,.x-audit span,.x-log span{flex:1 1 140px;min-width:0;overflow-wrap:anywhere}
.x-inv em,.x-audit small,.x-log small{font-style:normal;font-size:.74rem;color:var(--muted)}
.x-good{color:#2e9e5b!important}.x-bad{color:var(--o)!important}
.x-acc{width:100%;display:flex;gap:8px;align-items:center;justify-content:space-between;text-align:left;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);padding:8px 10px;cursor:pointer;font:inherit}
.x-acc span{min-width:0;overflow-wrap:anywhere}.x-acc small{display:block;font-size:.74rem;color:var(--muted)}.x-acc b{color:var(--head)}
.x-st{flex:0 0 auto;font-size:.7rem;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--bg2);color:var(--muted);white-space:nowrap}
.x-st.x-active{color:#2e9e5b}.x-st.x-past_due{background:color-mix(in srgb,var(--o) 18%,transparent);color:var(--o)}.x-st.x-trial{color:var(--head)}
.x-ch{display:flex;gap:8px;justify-content:space-between;align-items:flex-start}
.x-ch b{color:var(--head)}.x-ch small{display:block;font-size:.76rem;color:var(--muted);overflow-wrap:anywhere}
.x-steps{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}
.x-steps span{font-size:.72rem;padding:3px 8px;border-radius:99px;background:var(--bg2);color:var(--muted)}
.x-steps .x-done{color:var(--head);background:color-mix(in srgb,var(--o) 16%,transparent)}
.x-sec{border-top:1px solid var(--line);padding-top:8px;margin-top:8px;font-size:.88rem}
.x-sec b{color:var(--head)}
.x-bar{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-bottom:8px;font-size:.88rem}
.x-audit b{color:var(--head)}
.x-meter{position:relative;height:26px;border-radius:99px;background:var(--bg2);overflow:hidden;margin:10px 0}
.x-meter i{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,#2e9e5b 45%,transparent);transition:width .4s}
.x-meter.x-over i{background:color-mix(in srgb,var(--o) 55%,transparent)}
.x-meter span{position:relative;display:block;font-size:.76rem;line-height:26px;padding:0 12px;color:var(--head);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.x-doc ol{margin:8px 0;padding-left:20px;font-size:.88rem}
.x-pipe li{display:flex;gap:8px;align-items:center;font-size:.86rem;padding:7px 10px;border-radius:10px;background:var(--bg2);color:var(--muted)}
.x-pipe span{flex:1;min-width:0}.x-pipe small{font-size:.72rem}
.x-pipe .x-done{color:var(--head)}.x-pipe .x-done i{color:#2e9e5b;font-style:normal}
.x-pipe .x-now{outline:2px solid var(--o)}
.x-pipe i{font-style:normal}
.x-fun{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) auto auto;gap:8px;align-items:center;font-size:.82rem;margin:6px 0}
.x-use{grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) auto}
.x-fun span{overflow-wrap:anywhere}.x-fun b{color:var(--head)}.x-fun small{color:var(--muted);font-size:.72rem;min-width:2.4em;text-align:right}
.x-fb{height:12px;border-radius:99px;background:var(--bg2);overflow:hidden}
.x-fb i{display:block;height:100%;background:var(--o);opacity:.55;border-radius:99px;transition:width .4s}
.x-worst .x-fb i{opacity:1}.x-worst span{color:var(--o);font-weight:600}
.x-mail b,.x-snap b{color:var(--head)}
.x-log i{font-style:normal}
@media (max-width:560px){.x-fun,.x-use{grid-template-columns:minmax(0,6rem) minmax(0,1fr) auto}.x-fun small{display:none}.x-plan span{font-size:.74rem}.x-bar label{width:100%}}