:root{color-scheme:dark;--bg:#07111f;--surface:#0d1a2a;--surface2:#13243a;--line:#29405a;--text:#f4f8fc;--muted:#9db0c4;--accent:#19b5d1;--accent2:#2c7fe5;--danger:#ff6677;--warn:#f1b84b;--ok:#42d392}
*{box-sizing:border-box}body.wrp-body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#0b3150 0,transparent 36%),linear-gradient(145deg,#06101d,#0a1727 55%,#06111d);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.wrp-login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(340px,.95fr);max-width:1180px;margin:0 auto;padding:42px;gap:34px;align-items:center}.wrp-brand-panel,.wrp-login-card,.wrp-disabled-card,.wrp-panel,.wrp-stat{border:1px solid var(--line);background:linear-gradient(155deg,rgba(19,36,58,.96),rgba(9,22,37,.96));box-shadow:0 24px 80px rgba(0,0,0,.28);border-radius:20px}.wrp-brand-panel{padding:54px;min-height:520px;display:flex;flex-direction:column;justify-content:center}.wrp-brand-mark{width:70px;height:70px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent2),var(--accent));font-size:32px;font-weight:800;margin-bottom:28px}.wrp-brand-panel h1,.wrp-login-card h2,.wrp-content h1,.wrp-disabled-card h1{margin:.25rem 0 1rem;font-weight:750;letter-spacing:-.025em}.wrp-brand-panel h1{font-size:clamp(2.2rem,5vw,4.2rem)}.wrp-brand-panel p{color:var(--muted);font-size:1.05rem;max-width:520px;line-height:1.65}.wrp-brand-note{margin-top:38px;padding-top:24px;border-top:1px solid var(--line);color:#c8d5e2}.wrp-login-card{padding:42px}.wrp-eyebrow{font-size:.78rem;letter-spacing:.18em;color:#7adbea;font-weight:800}.wrp-muted{color:var(--muted);line-height:1.6}.wrp-form{display:grid;gap:20px;margin-top:28px}.wrp-form label{font-weight:650;color:#dce7f2}.wrp-form input{display:block;width:100%;margin-top:9px;border:1px solid var(--line);background:#071421;color:var(--text);padding:14px 15px;border-radius:11px;outline:none;font-size:1rem}.wrp-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,181,209,.12)}.wrp-password-row{position:relative;display:block}.wrp-eye{position:absolute;right:8px;top:15px;border:0;background:transparent;color:#a9bdcf;font-size:1rem;padding:8px;cursor:pointer}.wrp-button{border:1px solid var(--line);border-radius:11px;padding:13px 18px;background:#14263a;color:var(--text);font-weight:750;cursor:pointer}.wrp-button--primary{background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent;color:white}.wrp-security-copy{margin-top:24px;color:#7f95aa;font-size:.9rem}.wrp-alert{margin:18px 0;padding:13px 15px;border-radius:11px;border:1px solid}.wrp-alert--danger{border-color:#653144;background:#351725;color:#ffb8c1}.wrp-alert--warning{border-color:#68542a;background:#302713;color:#ffe0a1}.wrp-alert--success{border-color:#24674c;background:#123625;color:#a8f1ce}.wrp-header{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:rgba(7,17,31,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.wrp-header span{color:var(--muted)}.wrp-header-actions{display:flex;align-items:center;gap:18px}.wrp-credit-badge{border:1px solid #20566d!important;background:#0b2938;padding:10px 14px;border-radius:10px;color:#bff5ff!important;font-weight:800}.wrp-link-button{border:0;background:transparent;color:#d8e5f2;font-weight:700;cursor:pointer}.wrp-app-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 74px)}.wrp-sidebar{border-right:1px solid var(--line);padding:24px 14px;color:#99aec3;background:#081522}.wrp-sidebar>div{padding:14px;border-radius:10px;margin-bottom:5px}.wrp-sidebar small{display:block;opacity:.58}.wrp-nav-active{background:#102d45;color:#dff8ff!important;border-left:3px solid var(--accent)}.wrp-content{padding:42px;max-width:1180px;width:100%}.wrp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.wrp-stat{padding:22px}.wrp-stat span{display:block;color:var(--muted);margin-bottom:8px}.wrp-stat strong{font-size:1.7rem}.wrp-panel{padding:24px}.wrp-centered{display:grid;place-items:center;padding:24px}.wrp-disabled-card{width:min(560px,100%);padding:44px;text-align:center}.wrp-lock-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 20px;background:#451e2b;color:#ff8c9a;font-size:34px}.wrp-disabled-card form{margin-top:26px}@media(max-width:760px){.wrp-login-shell{grid-template-columns:1fr;padding:18px}.wrp-brand-panel{min-height:auto;padding:30px}.wrp-brand-panel h1{font-size:2.3rem}.wrp-login-card{padding:28px}.wrp-app-shell{grid-template-columns:1fr}.wrp-sidebar{display:none}.wrp-content{padding:24px 18px}.wrp-grid{grid-template-columns:1fr}.wrp-header{padding:0 16px}.wrp-credit-badge{padding:8px 10px}}
.wrp-eye svg,.wrp-inline-eye svg{width:21px;height:21px;display:block;fill:currentColor}.wrp-eye{top:12px;right:8px}.wrp-inline-eye{display:inline-grid;place-items:center;border:0;background:transparent;color:#bcd0e3;padding:3px 5px;margin-left:4px;cursor:pointer;vertical-align:middle}.wrp-sidebar a{color:inherit;text-decoration:none}.wrp-lines-panel{margin-top:18px}.wrp-lines-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.wrp-lines-heading h2{margin:.25rem 0}.wrp-line-counts{display:flex;gap:8px;flex-wrap:wrap}.wrp-line-counts span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:#c9d9e7;font-size:.82rem}.wrp-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px;margin-top:18px}.wrp-lines-table{width:100%;min-width:920px;border-collapse:collapse;background:rgba(7,17,31,.42)}.wrp-lines-table th,.wrp-lines-table td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}.wrp-lines-table th{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:#9fb5c9;background:#102137}.wrp-lines-table td{color:#e8f0f8}.wrp-lines-table tr:last-child td{border-bottom:0}.wrp-status{display:inline-block;padding:4px 9px;border-radius:999px;background:#23394f;color:#dce9f5;font-size:.78rem;font-weight:750}.wrp-status--active{background:#153f32;color:#a7efcc}.wrp-status--suspended{background:#4a1f29;color:#ffb5c2}.wrp-status--pending{background:#4b3512;color:#ffe0a0}.wrp-password-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:nowrap}.wrp-detail-list{list-style:none;padding:0;margin:0}.wrp-detail-list li{margin:2px 0;white-space:nowrap}.wrp-empty-cell{text-align:center!important;color:var(--muted)!important;padding:28px!important}@media(max-width:760px){.wrp-lines-heading{display:block}.wrp-line-counts{margin-top:10px}.wrp-lines-panel{padding:18px 14px}.wrp-table-wrap{margin-left:-2px;margin-right:-2px}}

/* Phase 4.3 managed expiry + line notes */
.wrp-note-cell{min-width:220px;max-width:320px;white-space:normal}
.wrp-note-current{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:7px}
.wrp-note-editor summary{cursor:pointer;color:var(--wrp-accent,#65c9ff);font-weight:700;list-style:none}
.wrp-note-editor summary::-webkit-details-marker{display:none}
.wrp-note-editor form{margin-top:8px;display:grid;gap:8px}
.wrp-note-editor textarea{min-width:210px;max-width:100%;resize:vertical;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#0b1422;color:#fff;padding:10px;font:inherit}
.wrp-note-editor button{justify-self:start;border:0;border-radius:8px;padding:8px 12px;background:#1689c7;color:#fff;font-weight:700;cursor:pointer}
.wrp-alert--danger{border-color:rgba(255,90,90,.35);background:rgba(130,20,20,.25);color:#ffdada}

/* Phase 5 controlled service actions */
.wrp-actions-cell{min-width:220px;white-space:normal}.wrp-inline-action{display:inline-block;margin:0 6px 6px 0}.wrp-action-button{border:1px solid var(--line);border-radius:8px;padding:7px 10px;background:#18304a;color:var(--text);font-weight:750;cursor:pointer}.wrp-action-button--warn{background:#5a4118;border-color:#7a5b24;color:#ffe2a6}.wrp-action-button--success{background:#153f32;border-color:#24674c;color:#b8f4d6}.wrp-action-button--danger{background:#4a1f29;border-color:#6f3240;color:#ffc0ca}.wrp-action-editor{margin-top:7px}.wrp-action-editor summary{cursor:pointer;color:#b7d6ea;font-weight:700;list-style:none}.wrp-action-editor summary::-webkit-details-marker{display:none}.wrp-action-editor form{display:grid;gap:8px;margin-top:8px}.wrp-action-editor input{min-width:190px;border:1px solid var(--line);background:#071421;color:var(--text);padding:9px 10px;border-radius:8px;font:inherit}.wrp-danger-text{color:#ff9caa!important}

/* Phase 5.2 action modals */
.wrp-action-button--primary{background:linear-gradient(135deg,var(--accent2),var(--accent));border-color:transparent;color:#fff}.wrp-modal[hidden]{display:none!important}.wrp-modal{position:fixed;inset:0;z-index:10050;background:rgba(1,7,14,.8);display:grid;place-items:center;padding:18px}.wrp-modal-card{width:min(520px,100%);background:linear-gradient(155deg,#13243a,#091625);border:1px solid var(--line);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.6);padding:26px;color:var(--text)}.wrp-modal-card--danger{border-color:#6f3240}.wrp-modal-card h3{margin:0 0 12px}.wrp-modal-card label{display:block;margin:14px 0;font-weight:700;color:#dce7f2}.wrp-modal-password{position:relative;margin-top:7px}.wrp-modal-password input{display:block;width:100%;border:1px solid var(--line);background:#071421;color:var(--text);padding:12px 46px 12px 12px;border-radius:10px;font:inherit}.wrp-modal-password button{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#bcd0e3;padding:7px;cursor:pointer}.wrp-modal-password svg{width:20px;height:20px;fill:currentColor;display:block}.wrp-modal-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:20px}.wrp-modal-actions form{margin:0}.wrp-modal-error{color:#ffb8c1;font-weight:700;margin-top:8px}.wrp-modal-open{overflow:hidden}@media(max-width:760px){.wrp-modal{padding:12px}.wrp-modal-card{padding:20px}.wrp-modal-actions{display:grid;grid-template-columns:1fr}.wrp-modal-actions .wrp-action-button,.wrp-modal-actions form,.wrp-modal-actions form .wrp-action-button{width:100%}}

/* Phase 5.3 lifecycle cleanup + live stream activity */
.wrp-cleanup-bar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 16px}.wrp-cleanup-bar .wrp-action-button[disabled]{opacity:.5;cursor:not-allowed}.wrp-stream-col,.wrp-stream-cell{width:36px;min-width:36px;text-align:center!important}.wrp-stream-dot{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:middle;box-shadow:0 0 0 2px rgba(255,255,255,.05)}.wrp-stream-dot--streaming{background:#2bd47d;box-shadow:0 0 0 3px rgba(43,212,125,.14),0 0 12px rgba(43,212,125,.45)}.wrp-stream-dot--idle{background:#ef5b67;box-shadow:0 0 0 3px rgba(239,91,103,.12)}.wrp-stream-dot--unknown{background:#7f93a8}.wrp-actions-cell>.wrp-action-button,.wrp-actions-cell>.wrp-inline-action{display:block;margin:0 0 8px}.wrp-actions-cell>.wrp-action-button:last-of-type,.wrp-actions-cell>.wrp-inline-action:last-of-type{margin-bottom:0}.wrp-actions-cell>.wrp-modal{display:grid}.wrp-actions-cell>.wrp-modal[hidden]{display:none!important}

/* Phase 5.4 authentication/session controls */
.wrp-auth-options{display:flex;flex-wrap:wrap;gap:12px 22px}.wrp-form .wrp-auth-options label{display:inline-flex;align-items:center;gap:8px;font-weight:650;cursor:pointer}.wrp-form .wrp-auth-options input[type=checkbox]{display:inline-block;width:18px;height:18px;margin:0;padding:0;border-radius:4px;accent-color:var(--accent2);box-shadow:none}.wrp-form .wrp-auth-options span{line-height:1.2}

/* Phase 5.4.2 reseller login password-eye polish */
.wrp-eye{top:50%;right:8px;transform:translateY(-50%);width:40px;height:40px;padding:0;display:grid;place-items:center}
.wrp-eye svg[hidden],.wrp-inline-eye svg[hidden]{display:none!important}
.wrp-password-row input{padding-right:52px}

/* Phase 5.4.3 clean outline password-eye icons */
.wrp-eye svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}


/* Phase 5.6.13 — consistent reseller-portal spacing for line service actions. */
.wrp-action-stack{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.wrp-action-stack>.wrp-inline-action,.wrp-action-stack>.wrp-action-button{display:block;margin:0!important}
.wrp-action-stack>.wrp-inline-action>.wrp-action-button{margin:0}

/* Phase 5.6.14 — compact reseller dashboard summary cards and mobile overflow polish. */
body.wrp-body{overflow-x:hidden}
.wrp-app-shell,.wrp-content,.wrp-lines-panel{min-width:0}
.wrp-dashboard-subtitle{width:100%;max-width:680px;margin:0;overflow-wrap:anywhere;word-break:normal}
.wrp-dashboard-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px 0 30px}
.wrp-dashboard-stat{--wrp-stat-accent:#7adbea;position:relative;overflow:hidden;min-width:0;min-height:132px;padding:19px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,rgba(19,36,58,.96),rgba(9,22,37,.98));box-shadow:0 16px 42px rgba(0,0,0,.22)}
.wrp-dashboard-stat::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--wrp-stat-accent);box-shadow:0 0 18px var(--wrp-stat-accent)}
.wrp-dashboard-stat::after{content:"";position:absolute;width:92px;height:92px;right:-36px;bottom:-42px;border-radius:50%;background:var(--wrp-stat-accent);opacity:.07;pointer-events:none}
.wrp-dashboard-stat span{position:relative;z-index:1;display:block;margin-bottom:12px;color:#9fb3c8;font-size:.82rem;font-weight:750;letter-spacing:.045em;text-transform:uppercase;overflow-wrap:anywhere}
.wrp-dashboard-stat strong{position:relative;z-index:1;display:block;color:#f7fbff;font-size:2rem;font-weight:780;line-height:1.05;overflow-wrap:anywhere}
.wrp-dashboard-stat--account{--wrp-stat-accent:#7adbea}
.wrp-dashboard-stat--active{--wrp-stat-accent:#42d392}
.wrp-dashboard-stat--suspended{--wrp-stat-accent:#f1b84b}
.wrp-dashboard-stat--expired{--wrp-stat-accent:#f0935b}
.wrp-dashboard-stat--terminated{--wrp-stat-accent:#ff6677}
.wrp-dashboard-stat--total{--wrp-stat-accent:#9a7cff}
.wrp-table-wrap{max-width:100%}
@media(max-width:760px){.wrp-dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 26px}.wrp-dashboard-stat{min-height:118px;padding:16px 14px;border-radius:16px}.wrp-dashboard-stat span{margin-bottom:10px;font-size:.72rem;line-height:1.3}.wrp-dashboard-stat strong{font-size:1.7rem}.wrp-dashboard-subtitle{font-size:1rem;line-height:1.5}}

/* Phase 5.7.0 — full reseller navigation shell + subscription purchase/renewal UI. */
.wrp-header-brand{display:flex;align-items:center;gap:12px;min-width:0}
.wrp-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:#102137;color:#eaf6ff;font-size:1.35rem;line-height:1;cursor:pointer}
.wrp-sidebar{position:sticky;top:74px;height:calc(100vh - 74px);align-self:start;overflow-y:auto}
.wrp-sidebar-nav{display:grid;gap:6px}
.wrp-sidebar-nav a{display:flex;align-items:center;min-height:46px;padding:12px 14px;border-radius:10px;color:#99aec3;text-decoration:none;font-weight:700;border-left:3px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.wrp-sidebar-nav a:hover{background:#0d2235;color:#e4f5ff}
.wrp-sidebar-nav a.wrp-nav-active{background:#102d45;color:#dff8ff;border-left-color:var(--accent)}
.wrp-menu-overlay[hidden]{display:none!important}
.wrp-page-heading,.wrp-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}
.wrp-page-heading h1,.wrp-section-heading h2{margin:.25rem 0 .45rem}
.wrp-page-heading>.wrp-action-button{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.wrp-credit-inline{display:inline-flex;align-items:center;border:1px solid #20566d;background:#0b2938;padding:9px 12px;border-radius:10px;color:#bff5ff;font-weight:800}
.wrp-create-panel{margin-top:24px}
.wrp-create-form{display:grid;gap:18px;margin-top:22px}
.wrp-field-label{display:grid;gap:8px;color:#dce7f2;font-weight:700}
.wrp-field-label small{color:var(--muted);font-weight:500;line-height:1.45}
.wrp-select,.wrp-create-form input[type=text],.wrp-create-form input[type=password],.wrp-create-form textarea{width:100%;border:1px solid var(--line);background:#071421;color:var(--text);padding:12px 13px;border-radius:10px;font:inherit;outline:none}
.wrp-select:focus,.wrp-create-form input:focus,.wrp-create-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,181,209,.12)}
.wrp-product-summary{padding:14px 16px;border:1px dashed #36516e;border-radius:12px;background:#091827;color:var(--muted)}
.wrp-product-summary p{margin:0}
.wrp-required-fields{display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:14px;background:rgba(7,17,31,.45)}
.wrp-required-fields[hidden]{display:none!important}
.wrp-required-fields h3{margin:0}
.wrp-selected-product-card{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wrp-selected-product-card>div,.wrp-confirm-grid>div{min-width:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0a1929}
.wrp-selected-product-card span,.wrp-confirm-grid span{display:block;color:#91a9bf;font-size:.76rem;font-weight:800;letter-spacing:.045em;text-transform:uppercase;margin-bottom:7px}
.wrp-selected-product-card strong,.wrp-confirm-grid strong{display:block;color:#f4f8fc;overflow-wrap:anywhere}
.wrp-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.wrp-checkbox-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#071421}
.wrp-checkbox-row input{width:18px;height:18px;margin:0;accent-color:var(--accent2)}
.wrp-purchase-warning{padding:14px 16px;border:1px solid #735c29;border-radius:12px;background:#2c2412;color:#ffe2a6;line-height:1.55}
.wrp-create-submit{justify-self:start;min-width:190px}
.wrp-confirm-card{margin:24px 0;position:relative;overflow:hidden}
.wrp-confirm-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--accent2),var(--accent))}
.wrp-confirm-card h2{margin:.35rem 0 .5rem}
.wrp-confirm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.wrp-confirm-details{margin:18px 0}
.wrp-confirm-details h3{margin-bottom:10px}
.wrp-confirm-details dl{margin:0;display:grid;gap:8px}
.wrp-confirm-details dl>div{display:grid;grid-template-columns:minmax(120px,.35fr) 1fr;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#091827}
.wrp-confirm-details dt{color:#9db0c4;font-weight:700}.wrp-confirm-details dd{margin:0;overflow-wrap:anywhere}
.wrp-confirm-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:18px}
.wrp-confirm-actions form{margin:0}
.wrp-action-button--renew{background:#173c55;border-color:#2b6683;color:#c9f2ff}
.wrp-empty-state{margin-top:18px;padding:24px;border:1px dashed #36516e;border-radius:14px;text-align:center;color:var(--muted)}
.wrp-empty-state strong{display:block;color:#eaf5ff;margin-bottom:7px}
.wrp-renew-confirm{scroll-margin-top:92px}

@media(max-width:760px){
    .wrp-header{gap:10px}.wrp-header-brand{gap:8px}.wrp-menu-toggle{display:grid;place-items:center;flex:0 0 auto}
    .wrp-header-brand>div{min-width:0}.wrp-header-brand strong{display:block;font-size:.92rem;white-space:nowrap}.wrp-header-brand span{display:none}
    .wrp-header-actions{gap:8px}.wrp-header-actions>form{display:none}.wrp-credit-badge{font-size:.78rem;white-space:nowrap}
    .wrp-sidebar{display:block;position:fixed;z-index:10020;top:74px;left:0;bottom:0;width:min(286px,86vw);height:auto;padding:18px 12px;transform:translateX(-105%);transition:transform .2s ease;box-shadow:20px 0 60px rgba(0,0,0,.45);overflow-y:auto}
    .wrp-body.wrp-menu-open .wrp-sidebar{transform:translateX(0)}
    .wrp-menu-overlay{display:block;position:fixed;z-index:10010;inset:74px 0 0;background:rgba(0,6,14,.72)}
    .wrp-body.wrp-menu-open{overflow:hidden}
    .wrp-page-heading,.wrp-section-heading{display:block}.wrp-page-heading>.wrp-action-button{margin-top:10px}
    .wrp-selected-product-card,.wrp-confirm-grid,.wrp-fields-grid{grid-template-columns:1fr}
    .wrp-confirm-details dl>div{grid-template-columns:1fr;gap:4px}
    .wrp-confirm-actions{display:grid;grid-template-columns:1fr}.wrp-confirm-actions form,.wrp-confirm-actions .wrp-action-button{width:100%}
    .wrp-create-submit{width:100%;justify-self:stretch}
}

/* Phase 5.8.0 — reseller Credits and Top-Ups */
.wrp-credit-package-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:20px}
.wrp-credit-package-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(155deg,#10243a,#0a1829);box-shadow:0 14px 34px rgba(0,0,0,.16)}
.wrp-credit-package-card form{margin-top:auto}.wrp-credit-package-card .wrp-action-button{width:100%}
.wrp-credit-package-value{font-size:1.45rem;color:#f4f8fc}.wrp-credit-package-price{font-size:1.05rem;font-weight:800;color:#9fdff1}
.wrp-status-pill{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid #3d5368;border-radius:999px;background:#102234;color:#dce8f4;font-size:.78rem;font-weight:800;white-space:nowrap}
.wrp-status-pill--pending{border-color:#806b35;background:#2a2415;color:#ffe0a0}.wrp-status-pill--completed{border-color:#2f6f57;background:#102b22;color:#9ce9c6}.wrp-status-pill--rejected,.wrp-status-pill--expired{border-color:#76414a;background:#2b171c;color:#ffb5c0}

/* Phase 5.9.0 — sub-sellers */
.wrp-subseller-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.wrp-subseller-create-form label,.wrp-mini-form label{display:flex;flex-direction:column;gap:7px;font-weight:700}.wrp-subseller-create-form input,.wrp-subseller-create-form select,.wrp-mini-form input{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.22);border-radius:10px;background:#0b1529;color:#fff;padding:9px 11px;font:inherit}.wrp-subseller-create-submit{display:flex;align-items:flex-end}.wrp-subseller-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.wrp-subseller-actions details{position:relative}.wrp-subseller-actions summary{list-style:none;cursor:pointer}.wrp-subseller-actions summary::-webkit-details-marker{display:none}.wrp-mini-form{min-width:260px;display:grid;gap:10px;margin-top:8px;padding:14px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:#0d1830}.wrp-mini-form--danger{border-color:rgba(239,68,68,.35)}.wrp-subseller-table td:last-child{min-width:270px}@media(max-width:720px){.wrp-subseller-create-form{grid-template-columns:1fr}.wrp-subseller-create-submit{align-items:stretch}.wrp-subseller-create-submit .wrp-action-button{width:100%}.wrp-mini-form{min-width:220px}.wrp-subseller-table td:last-child{min-width:220px}}

/* Phase 5.9.4 — secure Log Out item inside authenticated reseller navigation. */
.wrp-sidebar-logout-form{margin:8px 0 0;width:100%}
.wrp-sidebar-logout{display:flex;align-items:center;width:100%;min-height:46px;padding:12px 14px;border:1px solid #653144;border-left:3px solid #d95a6f;border-radius:10px;background:#351725;color:#ffb8c1;font:inherit;font-weight:800;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.wrp-sidebar-logout:hover{background:#48202c;color:#ffd7dc;border-color:#8d4250}

/* Phase 5.9.11 — dashboard content and count-only live streaming summary. */
.wrp-dashboard-stat--streaming{--wrp-stat-accent:#38a8d8}
.wrp-dashboard-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;margin-top:8px}
.wrp-dashboard-content-card{min-width:0}
.wrp-content-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}
.wrp-content-card-heading h2{margin:.25rem 0 0}
.wrp-announcement-list{display:grid;gap:12px;margin-bottom:18px}
.wrp-announcement-list--archive{margin-bottom:0}
.wrp-announcement-item{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0a1929}
.wrp-announcement-item h3{margin:5px 0 8px;color:#f5f9fd}
.wrp-announcement-item p{margin:0;color:#c8d8e6;white-space:normal;overflow-wrap:anywhere}
.wrp-announcement-meta{font-size:.76rem;color:#86a3ba;text-transform:uppercase;letter-spacing:.04em}
.wrp-rules-content{color:#dce8f3;overflow-wrap:anywhere}
.wrp-rules-content h2,.wrp-rules-content h3{color:#f5f9fd}
.wrp-rules-content a{color:#7adbea}
.wrp-empty-state{display:grid;gap:5px;padding:16px;border:1px dashed var(--line);border-radius:12px;color:#9eb4c5}
.wrp-empty-state strong{color:#e8f1f7}
@media(max-width:760px){.wrp-dashboard-content-grid{grid-template-columns:1fr}}

/* Phase 5.11.0 — internal notification bell, notification history and tickets. */
.wrp-notification-bell{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#0a1929;color:#dceaf5;text-decoration:none;font-size:1.05rem}.wrp-notification-bell:hover{border-color:var(--accent);color:#fff;background:#10263a}.wrp-notification-bell>span{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border:2px solid #08121f;border-radius:999px;background:#e14f66;color:#fff;font-size:.68rem;font-weight:900;line-height:16px;text-align:center}.wrp-notification-bell--unread{border-color:#48798c}.wrp-nav-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#153e56;color:#dff8ff;font-size:.72rem;font-weight:900}.wrp-notification-list{display:grid;gap:12px;margin-top:16px}.wrp-notification-card{padding:16px;border:1px solid var(--line);border-radius:14px;background:#0a1929}.wrp-notification-card--unread{border-color:#32728b;background:#0b2132;box-shadow:inset 3px 0 0 var(--accent)}.wrp-notification-card__top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.wrp-notification-card__top h3{margin:5px 0 8px;color:#f4f8fc}.wrp-notification-card p{margin:0;color:#c6d6e4;line-height:1.6}.wrp-notification-type{color:#70d5e7;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.wrp-notification-date{color:#839caf;font-size:.78rem;white-space:nowrap}.wrp-notification-card__footer{display:flex;justify-content:flex-end;margin-top:12px}.wrp-notification-card__footer form{margin:0}.wrp-ticket-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr);gap:18px;align-items:start}.wrp-ticket-column{display:grid;gap:18px}.wrp-ticket-form{display:grid;gap:14px}.wrp-ticket-form label{display:grid;gap:7px;color:#dbe7f1;font-weight:700}.wrp-ticket-form input,.wrp-ticket-form textarea{width:100%;border:1px solid var(--line);background:#071421;color:var(--text);padding:12px 13px;border-radius:10px;font:inherit;outline:none}.wrp-ticket-form input:focus,.wrp-ticket-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(25,181,209,.12)}.wrp-ticket-list{display:grid;gap:9px}.wrp-ticket-list-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:#091827;color:#e6f0f7;text-decoration:none}.wrp-ticket-list-item:hover{border-color:#32647c;background:#0d2235}.wrp-ticket-list-item--unread{border-color:#7b6734;box-shadow:inset 3px 0 0 #d4a939}.wrp-ticket-list-item>div{min-width:0}.wrp-ticket-list-item strong{display:block;overflow-wrap:anywhere}.wrp-ticket-list-item span:not(.wrp-status-pill){display:block;color:#8fa6b8;font-size:.78rem;margin-top:5px}.wrp-ticket-thread-panel{position:sticky;top:92px;min-width:0}.wrp-ticket-thread{display:grid;gap:12px;max-height:600px;overflow:auto;padding-right:3px}.wrp-ticket-message{padding:14px;border:1px solid var(--line);border-radius:13px;background:#091827}.wrp-ticket-message--admin{border-color:#2b6a83;background:#0a2131}.wrp-ticket-message__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;color:#8fa6b8;font-size:.78rem}.wrp-ticket-message__meta strong{color:#f1f7fb}.wrp-ticket-message__body{color:#d5e1eb;line-height:1.6;overflow-wrap:anywhere}.wrp-ticket-reply-form{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
@media(max-width:900px){.wrp-ticket-layout{grid-template-columns:1fr}.wrp-ticket-thread-panel{position:static}.wrp-notification-card__top{display:block}.wrp-notification-date{display:block;margin-top:5px}.wrp-ticket-list-item{align-items:flex-start}}
@media(max-width:760px){.wrp-notification-bell{width:38px;height:38px}.wrp-header-actions{gap:6px}}

/* Phase 5.11.1 — bell popover polish. Notifications stay out of the hamburger; the full history opens only from View All Notifications. */
.wrp-header-actions{position:relative}
.wrp-notification-bell{appearance:none;-webkit-appearance:none;padding:0;cursor:pointer;font-family:inherit}
.wrp-notification-popover[hidden]{display:none!important}
.wrp-notification-popover{position:absolute;z-index:10040;top:calc(100% + 14px);right:58px;width:min(400px,calc(100vw - 28px));max-height:min(560px,calc(100vh - 100px));overflow:hidden;border:1px solid #31516a;border-radius:16px;background:linear-gradient(155deg,#10243a,#081522);box-shadow:0 24px 70px rgba(0,0,0,.52);color:var(--text)}
.wrp-notification-popover__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--line)}
.wrp-notification-popover__heading>div{display:flex;align-items:center;gap:9px}.wrp-notification-popover__heading strong{color:#f5f9fd}.wrp-notification-popover__heading span{display:inline-flex;align-items:center;min-height:22px;padding:3px 8px;border-radius:999px;background:#153e56;color:#dff8ff!important;font-size:.72rem;font-weight:900}
.wrp-notification-popover__list{max-height:390px;overflow-y:auto}.wrp-notification-popover__item{padding:13px 16px;border-bottom:1px solid rgba(41,64,90,.78);background:#091827}.wrp-notification-popover__item:last-child{border-bottom:0}.wrp-notification-popover__item--unread{background:#0b2132;box-shadow:inset 3px 0 0 var(--accent)}
.wrp-notification-popover__meta{display:grid;gap:4px}.wrp-notification-popover__meta strong{color:#edf6fc;font-size:.9rem;overflow-wrap:anywhere}.wrp-notification-popover__meta span{color:#829db2!important;font-size:.72rem}.wrp-notification-popover__item p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:8px 0 0;color:#bcd0df;font-size:.84rem;line-height:1.45;overflow-wrap:anywhere}
.wrp-notification-popover__empty{padding:28px 16px;text-align:center;color:#91a9bb}.wrp-notification-popover__all{display:block;padding:13px 16px;border-top:1px solid var(--line);background:#0d2032;color:#7adbea;font-weight:800;text-align:center;text-decoration:none}.wrp-notification-popover__all:hover{background:#12304a;color:#dff8ff}
@media(max-width:760px){.wrp-notification-popover{position:fixed;top:68px;left:10px;right:10px;width:auto;max-height:calc(100vh - 82px)}.wrp-notification-popover__list{max-height:calc(100vh - 190px)}}

/* Phase 5.11.2 — mark unread notifications directly from the bell popover. */
.wrp-notification-popover__footer{display:flex;justify-content:flex-end;margin-top:10px}.wrp-notification-popover__footer form{margin:0}.wrp-notification-popover__read-button{appearance:none;-webkit-appearance:none;border:1px solid #315d73;border-radius:9px;background:#102c40;color:#8de5f3;padding:7px 10px;font:inherit;font-size:.76rem;font-weight:800;cursor:pointer}.wrp-notification-popover__read-button:hover{border-color:var(--accent);background:#15384f;color:#e7fbff}

/* Phase 5.11.3 — mobile notification popover forms must remain visible. */
@media(max-width:760px){.wrp-notification-popover__footer form{display:block!important}}

/* Phase 5.11.8 — View All Notifications spacing/layout fix. */
.wrp-notifications-page-heading{margin-bottom:22px}
.wrp-notifications-page-heading>form{margin:0}
.wrp-notification-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;margin-top:14px}
.wrp-notification-card__footer>form{display:flex;margin:0}
.wrp-notification-card__footer>.wrp-muted{display:inline-flex;align-items:center;min-height:38px;line-height:1.35}
.wrp-notification-card__footer>.wrp-action-button,.wrp-notification-card__footer>form .wrp-action-button{margin:0}
@media(max-width:760px){
  .wrp-notifications-page-heading{margin-bottom:20px}
  .wrp-notifications-page-heading>form{margin-top:12px}
  .wrp-notification-card__footer{justify-content:flex-start;align-items:flex-start;gap:10px 12px}
  .wrp-notification-card__footer>.wrp-muted{flex:1 1 150px;min-width:0;padding-top:2px}
}
@media(max-width:420px){
  .wrp-notification-card__footer{display:grid;grid-template-columns:1fr;justify-items:start;gap:10px}
  .wrp-notification-card__footer>.wrp-muted{min-height:0}
}