.x-portal,.x-inv,.x-acc,.x-trial,.x-imp,.x-mail,.x-slack,.x-res,.x-banner,.x-prompt,.x-dun{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:0 0 12px;overflow-wrap:anywhere}
.x-ph{display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between;align-items:center;font-weight:600;color:var(--head);margin-bottom:8px}
.x-ph span{font-weight:400;font-size:.8rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-width:0}
.x-now{font-size:.82rem;color:var(--muted);margin:0 0 10px}
.x-now b{color:var(--head)}
.x-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.x-plan{background:var(--bg2);border:2px solid var(--line);border-radius:10px;padding:8px;text-align:left;cursor:pointer;color:var(--text);font:inherit;display:flex;flex-direction:column;gap:2px;min-width:0}
.x-plan.x-on{border-color:var(--o)}
.x-plan b{color:var(--head)}
.x-plan span{font-size:.82rem}
.x-plan small{color:var(--muted);font-size:.72rem}
.x-row,.x-acts,.x-top,.x-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.x-row label,.x-top label{display:flex;flex-direction:column;font-size:.75rem;color:var(--muted);gap:3px;flex:1 1 140px;min-width:0}
.x-portal select,.x-acc select,.x-top select,.x-top input,.x-form input,.x-form select{font:inherit;font-size:.85rem;padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--bg2);color:var(--text);min-width:0;max-width:100%}
.x-top input{flex:2 1 180px}
.x-form input{flex:1 1 150px}
.x-q{background:var(--bg2);border-radius:10px;padding:10px 12px}
.x-ql{display:flex;justify-content:space-between;gap:10px;font-size:.84rem;padding:3px 0}
.x-ql b{white-space:nowrap}
.x-ql.x-tot{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;font-weight:600;color:var(--head)}
.x-q .btn{margin-top:8px;width:100%}
.x-bad{color:var(--o);font-size:.85rem;margin:0}
.x-ih{display:flex;justify-content:space-between;color:var(--head);border-bottom:2px solid var(--o);padding-bottom:6px;margin-bottom:6px}
.x-inv table{width:100%;border-collapse:collapse;font-size:.8rem}
.x-inv td{padding:4px 0;border-bottom:1px solid var(--line)}
.x-inv td:last-child{text-align:right;white-space:nowrap;padding-left:8px}
.x-inv .x-tot td{font-weight:700;color:var(--head);border-bottom:0}
.x-res{border-left:4px solid #3aa76d;font-size:.84rem}
.x-bars{display:flex;align-items:flex-end;gap:6px;height:160px;padding:6px 0}
.x-bars div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;min-width:0;gap:3px}
.x-bars i{display:block;width:100%;background:var(--line);border-radius:6px 6px 0 0}
.x-bars .x-on i{background:var(--o)}
.x-bars small{font-size:.7rem;color:var(--muted)}
.x-bars em{font-size:.68rem;font-style:normal;color:var(--head)}
.x-mv{width:100%;border-collapse:collapse;font-size:.85rem;margin-bottom:10px}
.x-mv td{padding:5px 0;border-bottom:1px solid var(--line)}
.x-mv td:last-child{text-align:right;white-space:nowrap}
.x-mv tr:last-child td{font-weight:700;color:var(--head);border-bottom:0}
.x-slack{margin-top:10px;border-left:4px solid var(--o);font-size:.84rem}
.x-slack p{margin:4px 0 0}
.x-hooks{list-style:none;margin:0 0 8px;padding:0}
.x-hooks li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;padding:8px 10px;border:1px solid var(--line);border-left:4px solid #3aa76d;border-radius:8px;margin-bottom:6px;background:var(--card);font-size:.8rem}
.x-hooks code{font-size:.76rem;color:var(--head);overflow-wrap:anywhere}
.x-hooks span{grid-column:1/-1;color:var(--muted);font-size:.72rem;overflow-wrap:anywhere}
.x-hooks em{font-style:normal;font-size:.72rem;text-align:right;max-width:170px}
.x-hooks .x-failed{border-left-color:var(--o)}
.x-hooks .x-failed em{color:var(--o)}
.x-hooks .x-dup{border-left-color:var(--muted)}
.x-hooks .x-retry{border-left-color:var(--o);animation:x-pulse 1s infinite}
@keyframes x-pulse{50%{opacity:.5}}
.x-pw{margin:8px 0}
.x-pw[hidden]{display:none}
.x-dun{display:flex;flex-wrap:wrap;gap:6px 10px;justify-content:space-between;align-items:center;border-left:4px solid var(--o)}
.x-dun.x-good{border-left-color:#3aa76d}
.x-dun b{color:var(--head)}
.x-dun small{display:block;color:var(--muted);font-size:.74rem}
.x-dun em{font-style:normal;font-size:.78rem}
.x-banner,.x-prompt{border:2px dashed var(--o)}
.x-banner p,.x-prompt p{font-size:.85rem;margin:6px 0}
.x-ah{display:flex;justify-content:space-between;gap:8px;align-items:center;flex-wrap:wrap}
.x-ah b{color:var(--head)}
.x-pill{font-size:.7rem;padding:2px 8px;border-radius:20px;background:var(--bg2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.x-pill.x-st-active{color:#2f9a60;border-color:#3aa76d}
.x-pill.x-st-past_due,.x-pill.x-st-locked{color:var(--o);border-color:var(--o)}
.x-trial.x-warn{border-color:var(--o)}
.x-trial p{margin:4px 0 6px}
.x-steps{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
.x-chip{font:inherit;font-size:.72rem;padding:3px 9px;border-radius:20px;border:1px dashed var(--muted);background:var(--bg2);color:var(--muted);cursor:pointer}
.x-chip:hover:not([disabled]){border-color:var(--o);color:var(--head)}
.x-chip.x-done{border-style:solid;border-color:var(--o);color:var(--head);cursor:default}
.x-mh b{color:var(--head)}
.x-mh small{display:block;color:var(--muted);font-size:.72rem}
.x-mail p{font-size:.85rem}
.x-tag{display:inline-block;font-size:.7rem;background:var(--bg2);border-radius:6px;padding:2px 6px;color:var(--muted)}
.x-list{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:6px}
.x-list li[hidden]{display:none}
.x-list button{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px;align-items:center;text-align:left;font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer}
.x-list button.x-on{border-color:var(--o);box-shadow:0 0 0 1px var(--o)}
.x-list b{color:var(--head);font-size:.88rem;overflow-wrap:anywhere}
.x-list small{grid-column:1/-1;color:var(--muted);font-size:.72rem}
.x-acc h4{margin:14px 0 4px;color:var(--head);font-size:.9rem}
.x-warnb{background:var(--bg2);border-left:4px solid var(--o);padding:8px 10px;border-radius:8px;font-size:.84rem;margin:10px 0}
.x-warnb .btn{margin-top:6px}
.x-flags{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem}
.x-sso{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.x-sso .x-on{box-shadow:inset 0 0 0 2px var(--o)}
.x-imp{border:2px solid var(--o)}
.x-ih2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:.82rem;font-weight:600;color:var(--o)}
.x-imp ul{margin:6px 0;padding-left:18px;font-size:.85rem}
.x-audit{list-style:none;padding:0;margin:0;font-size:.78rem}
.x-audit li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:0 8px;padding:5px 0;border-bottom:1px solid var(--line)}
.x-audit small{color:var(--muted);grid-row:1/3}
.x-audit b{color:var(--head)}
.x-audit span{grid-column:2;overflow-wrap:anywhere}
@media (max-width:560px){.x-plans{grid-template-columns:minmax(0,1fr)}.x-plan{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 10px}.x-bars{height:130px}.x-hooks em{max-width:120px}.x-acts .btn{flex:1 1 auto}}