/* Customer account portal shared by /webaccount and its retained preview alias. */
:root,:root[data-theme="light"]{--bg:#ffffff;--bg-elev:#ffffff;--bg-card:#ffffff;--text:#141414;--text-soft:#3c3c3c;--text-dim:#6b6b6b;--text-faint:#969696;--text-mute:#e5e5e5;--gold:#c41230;--gold-soft:rgba(196,18,48,.09);--ok:#25824b;--warn:#a65d00;--err:#c41230;--rule:rgba(0,0,0,.07);--rule-strong:rgba(0,0,0,.14);--rule-gold:rgba(196,18,48,.48);--serif:'Lato',Helvetica,Arial,sans-serif;--sans:'Lato',Helvetica,Arial,sans-serif;--mono:'Roboto',Helvetica,Arial,sans-serif;color-scheme:light}
:root[data-theme="dark"]{--bg:#090909;--bg-elev:#050505;--bg-card:#151515;--text:#f5f5f5;--text-soft:#c8c8c8;--text-dim:#929292;--text-faint:#707070;--text-mute:#2a2a2a;--gold:#c41230;--gold-soft:rgba(196,18,48,.14);--ok:#35b568;--warn:#f29b38;--err:#c41230;--rule:rgba(255,255,255,.07);--rule-strong:rgba(255,255,255,.15);--rule-gold:rgba(196,18,48,.58);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;font-family:var(--sans);background:var(--bg);color:var(--text)}
.wap-shell{display:none;min-height:100vh;background:var(--bg);color:var(--text);position:relative;z-index:4}
.wap-session-error{position:fixed;inset:0;z-index:5;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--text);text-align:center}.wap-session-error[hidden]{display:none}.wap-session-error>div{max-width:520px}.wap-session-error h1{font:500 clamp(26px,5vw,42px)/1.15 var(--sans);margin:0 0 12px}.wap-session-error p{color:var(--text-dim);font-size:13px;line-height:1.6;margin:0 0 22px}
#wap-public-frame{opacity:0;background:#fff!important}#wap-public-frame.wap-public-ready{opacity:1}#wap-public-frame.wap-public-hold{opacity:0}
html.wap-preview-root,body.wap-preview-public{--bg:#fff;--bg-elev:#fff;--bg-card:#fff;--bg-overlay:rgba(255,255,255,.96);--halo:none;--text:#141414;--text-soft:#3c3c3c;--text-dim:#6b6b6b;--text-faint:#969696;--text-mute:#e5e5e5;--gold:#c41230;--gold-bright:#e21d3f;--gold-soft:rgba(196,18,48,.09);--rule:rgba(0,0,0,.07);--rule-strong:rgba(0,0,0,.14);--rule-gold:rgba(196,18,48,.48);--serif:'Lato',Helvetica,Arial,sans-serif;--sans:'Lato',Helvetica,Arial,sans-serif;--mono:'Roboto',Helvetica,Arial,sans-serif;background:#fff!important;color:#141414!important}
body.wap-preview-public .modal-bg{background:rgba(255,255,255,.96)!important}
body.wap-preview-public .modal{background:#fff!important;border-color:rgba(0,0,0,.18)!important;box-shadow:0 20px 60px rgba(0,0,0,.12)!important}
body.wap-preview-public textarea,body.wap-preview-public select{background:#fff!important}
body.wap-preview-public .btn-primary:hover{background:#c41230!important;border-color:#c41230!important;color:#fff!important}
body.wap-preview-public .btn-primary:hover::before{display:none!important}
body.wap-preview-public .frame{background:#050505!important;border-color:#252525!important}body.wap-preview-public .frame-brand .wap-public-logo{display:block;width:min(360px,38vw);height:42px;object-fit:contain;object-position:center}
body.wap-preview-public .frame-brand .name,body.wap-preview-public .frame-brand .div,body.wap-preview-public .frame-brand .sub{display:none}
body.wap-preview-public #tiersSection+section.container.section,body.wap-preview-public footer.container.footer{display:none!important}
body.wap-preview-public #heroSection .ctas{display:none!important}
body.wap-preview-public.wap-preview-tiers-only #heroSection,
body.wap-preview-public.wap-preview-tiers-only #dashboard{display:none!important}
body.wap-preview-public .frame-actions>.act:not(.act-primary){background:#fff!important;border-color:#fff!important;color:#050505!important;font-weight:700!important;box-shadow:0 0 0 1px rgba(255,255,255,.25),0 0 18px rgba(255,255,255,.16)}
body.wap-preview-public .frame-actions>.act:not(.act-primary):hover{background:#c41230!important;border-color:#c41230!important;color:#fff!important;box-shadow:none}
body.wap-preview-signed-in{background:var(--bg);overflow:hidden}
body.wap-preview-signed-in>.frame,body.wap-preview-signed-in>.spectrum,body.wap-preview-signed-in>.reticle,
body.wap-preview-signed-in>#heroSection,body.wap-preview-signed-in>#dashboard,
body.wap-preview-signed-in>#tiersSection,body.wap-preview-signed-in>section.container.section,
body.wap-preview-signed-in>footer{display:none!important}
body.wap-preview-signed-in .wap-shell{display:flex;height:100vh}
.wap-sidebar{width:230px;flex:0 0 230px;background:#050505;border-right:1px solid #252525;display:flex;flex-direction:column;color:#fff;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.wap-sidebar>*{flex-shrink:0}
.wap-logo{padding:22px 18px 17px;border-bottom:1px solid #252525;display:flex;align-items:center;min-height:72px}
.wap-logo img{width:100%;height:32px;object-fit:contain;object-position:left center;filter:none}.wap-logo .wap-logo-light{display:none}.wap-logo .wap-logo-dark{display:block}
.wap-nav-label{font:600 9px/1 var(--mono);letter-spacing:2px;text-transform:uppercase;color:#777;padding:22px 18px 8px}
.wap-nav{display:flex;flex-direction:column}
.wap-nav button{appearance:none;border:0;border-left:3px solid transparent;background:transparent;color:#b8b8b8;padding:12px 17px;text-align:left;font:600 11px/1.2 var(--mono);letter-spacing:.8px;cursor:pointer;display:flex;align-items:center;gap:11px}
.wap-nav button:hover{background:#151515;color:#fff}
.wap-nav button.active{border-left-color:#c41230;background:rgba(196,18,48,.18);color:#fff}
.wap-nav-icon{width:18px;text-align:center;font-size:14px}
.wap-sidebar-foot{margin-top:auto;padding:14px;border-top:1px solid #252525;display:flex;gap:10px;align-items:center}
.wap-avatar{width:32px;height:32px;border-radius:50%;border:1px solid rgba(196,18,48,.68);background:rgba(196,18,48,.18);color:#fff;display:grid;place-items:center;font:600 11px var(--mono)}
.wap-user{min-width:0;flex:1}.wap-user strong,.wap-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wap-user strong{font:700 11px var(--sans);color:#fff}.wap-user span{font:9px var(--mono);color:#8d8d8d;margin-top:2px}.wap-signout{border:0;background:transparent;color:#aaa;font-size:17px;cursor:pointer;padding:4px}
.wap-main{min-width:0;flex:1;display:flex;flex-direction:column;background:var(--bg)}
.wap-topbar{height:64px;flex:0 0 64px;border-bottom:1px solid var(--rule-strong);background:var(--bg-card);display:flex;align-items:center;padding:0 28px;gap:12px}
.wap-menu{display:none;border:0;background:none;color:var(--text);font-size:22px;cursor:pointer}
.wap-title{font:700 15px var(--sans);letter-spacing:.2px}.wap-subtitle{font:10px var(--mono);color:var(--text-dim)}
.wap-top-spacer{flex:1}.wap-theme.theme{flex:0 0 auto}
.wap-content{flex:1;overflow:auto;padding:30px clamp(20px,4vw,54px) 64px}
.wap-panel{display:none;max-width:1120px;margin:0 auto}.wap-panel.active{display:block}
.wap-heading{margin-bottom:24px}.wap-heading h1{font:300 clamp(28px,3vw,42px)/1.12 var(--serif);letter-spacing:-.01em}.wap-heading h1 em{color:var(--gold);font-style:normal;font-weight:300}
.wap-heading p{max-width:720px;color:var(--text-dim);margin-top:8px;font-size:13px}
.wap-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}
.wap-card{grid-column:span 4;background:var(--bg-card);border:1px solid var(--rule-strong);padding:20px;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.035)}
.wap-card.wide{grid-column:span 12}.wap-card.half{grid-column:span 6}
.wap-label{font:600 9px var(--mono);letter-spacing:1.6px;text-transform:uppercase;color:var(--text-dim);margin-bottom:9px}
.wap-value{font:600 22px var(--sans);color:var(--text)}.wap-value.gold{color:var(--gold)}.wap-value.green{color:var(--ok)}
.wap-meta{font:10px/1.5 var(--mono);color:var(--text-dim);margin-top:6px}
.wap-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}
.wap-btn{appearance:none;border:1px solid var(--rule-strong);background:transparent;color:var(--text);border-radius:4px;padding:10px 15px;font:700 9px var(--mono);letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;text-decoration:none}.wap-btn:hover{border-color:var(--rule-gold);color:var(--gold)}.wap-btn.primary{background:var(--gold);border-color:var(--gold);color:#fff}.wap-btn.danger{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,transparent)}
.wap-btn:disabled{opacity:.45;cursor:default}.wap-toast{font:10px var(--mono);color:var(--text-dim);align-self:center}.wap-toast.ok{color:var(--ok)}.wap-toast.err{color:var(--err)}
.wap-account-table{width:100%;border-collapse:collapse}.wap-account-table td{padding:10px 0;border-bottom:1px solid var(--rule);font-size:12px}.wap-account-table td:first-child{color:var(--text-dim);width:180px}.wap-account-table td:last-child{color:var(--text)}
.wap-progress{height:6px;background:var(--text-mute);overflow:hidden;border-radius:99px;margin-top:12px}.wap-progress span{display:block;height:100%;background:var(--gold);border-radius:99px}
.wap-premium-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wap-plan-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:470px;padding:24px;background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:10px;box-shadow:0 7px 24px rgba(0,0,0,.045)}.wap-plan-card.current{border:2px solid var(--text);padding:23px}
.wap-plan-card h2{font:700 17px/1.3 var(--sans);color:var(--gold);margin:0 84px 20px 0}.wap-plan-badge{position:absolute;right:18px;top:0;background:var(--text);color:var(--bg-card);padding:7px 9px;font:700 7px var(--mono);letter-spacing:1px;text-transform:uppercase}
.wap-price{font:400 32px/1 var(--sans);color:var(--text);margin:0 0 16px}.wap-price sup{font-size:14px;vertical-align:top;position:relative;top:2px}.wap-price small{font:9px var(--mono);color:var(--text-dim);margin-left:3px}
.wap-plan-summary{min-height:42px;color:var(--text-soft);font-size:12px;line-height:1.5;margin:0 0 12px}.wap-plan-credits{color:var(--text-dim);font:10px var(--mono);margin-bottom:14px}.wap-plan-credits strong{color:var(--text);font-size:12px}
.wap-plan-features{flex:1;border-top:3px solid var(--gold);padding:15px 0}.wap-plan-features-title{font:700 8px var(--mono);letter-spacing:1.3px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.wap-plan-feature{display:flex;gap:9px;align-items:flex-start;padding:6px 0;color:var(--text);font-size:11px;line-height:1.4}.wap-plan-feature span{width:13px;flex:0 0 13px;color:var(--gold);font-weight:700}
.wap-plan-disclosure{border-top:1px solid var(--rule);padding:14px 0 16px;color:var(--text-dim);font:9px/1.55 var(--mono);min-height:82px}.wap-plan-card .wap-btn{margin-top:auto;text-align:center;width:100%}
.wap-plan-legal{margin:14px 2px 0;color:var(--text-dim);font:9px/1.6 var(--mono)}.wap-plan-legal a{color:var(--text);font-weight:600;text-decoration:none;border-bottom:1px solid var(--rule-strong)}.wap-plan-legal a:hover{color:var(--gold);border-bottom-color:var(--gold)}
.wap-section{background:var(--bg-card);border:1px solid var(--rule-strong);border-radius:6px;padding:22px;margin-bottom:16px}
.wap-section-title{font:600 10px var(--mono);letter-spacing:1.7px;text-transform:uppercase;color:var(--text-dim);margin-bottom:17px}
.wap-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.wap-field.full{grid-column:1/-1}
.wap-field label{display:block;font:600 9px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim);margin-bottom:5px}
.wap-field input,.wap-field select,.wap-field textarea{width:100%;border:1px solid var(--rule-strong);background:var(--bg-elev);color:var(--text);padding:10px 11px;border-radius:6px;font:12px var(--sans);outline:none}
.wap-field input:focus,.wap-field select:focus,.wap-field textarea:focus{border-color:var(--rule-gold)}.wap-field textarea{min-height:78px;resize:vertical}
.wap-checks{display:grid;gap:10px}.wap-check{display:flex;gap:9px;align-items:flex-start;color:var(--text-soft);font-size:12px}.wap-check input{accent-color:var(--gold);margin-top:2px}
.wap-usage-table{width:100%;border-collapse:collapse}.wap-usage-table th,.wap-usage-table td{text-align:left;padding:10px;border-bottom:1px solid var(--rule);font-size:11px}.wap-usage-table th{font:600 8px var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim)}
.wap-provider-list{display:flex;gap:8px;flex-wrap:wrap}.wap-provider{border:1px solid var(--rule-strong);background:var(--bg-elev);border-radius:99px;padding:7px 11px;font:10px var(--mono);color:var(--text-soft)}
.wap-quark-list{display:grid;gap:16px}.wap-quark-list[hidden]{display:none}
.wap-quark-card{border:1px solid var(--rule-strong);border-radius:8px;background:var(--bg-card);overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.035)}
.wap-quark-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px}.wap-quark-card-head h2{font:600 24px/1.2 var(--sans);margin:0 0 7px}.wap-quark-card-head p{font:10px/1.55 var(--mono);color:var(--text-dim);margin:0}
.wap-quark-statuses{display:flex;gap:8px;flex-wrap:wrap;padding:0 24px 22px}.wap-quark-status{border:1px solid var(--rule-strong);border-radius:99px;padding:7px 10px;color:var(--text-dim);font:600 9px var(--mono);letter-spacing:.4px}.wap-quark-status.ok{border-color:color-mix(in srgb,var(--ok) 45%,transparent);color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,transparent)}
.wap-quark-section{border-top:1px solid var(--rule);padding:22px 24px}.wap-quark-section .wap-section-title{margin-bottom:13px}
.wap-quark-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wap-quark-control{border:1px solid var(--rule);border-radius:6px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}.wap-quark-control strong,.wap-quark-control label{display:block;font:700 12px var(--sans);color:var(--text)}.wap-quark-control span{display:block;font:10px/1.45 var(--mono);color:var(--text-dim);margin-top:4px}.wap-quark-select{min-width:118px;border:1px solid var(--rule-strong);background:var(--bg-elev);color:var(--text);padding:9px 10px;border-radius:4px;font:11px var(--sans)}
.wap-quark-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.wap-quark-metric{border:1px solid var(--rule);border-radius:6px;padding:14px}.wap-quark-metric span{display:block;min-height:30px;color:var(--text-dim);font:9px/1.45 var(--mono)}.wap-quark-metric strong{display:block;color:var(--text);font:600 20px var(--sans);margin-top:5px}
.wap-quark-footer{border-top:1px solid var(--rule);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px}.wap-quark-feedback{min-height:16px;color:var(--text-dim);font:10px/1.5 var(--mono)}.wap-quark-feedback.err{color:var(--err)}.wap-quark-feedback.ok{color:var(--ok)}.wap-quark-feedback.warn{color:var(--gold)}
.wap-quark-subhead{font:700 11px var(--sans);margin:18px 0 9px}.wap-quark-subhead:first-of-type{margin-top:0}.wap-quark-note{margin-top:10px;color:var(--text-dim);font:10px/1.5 var(--mono)}.wap-quark-note.warn{color:var(--gold)}.wap-quark-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--rule);padding:14px 0}.wap-quark-row:first-of-type{border-top:0}.wap-quark-row-copy strong{display:block;font:700 12px var(--sans)}.wap-quark-row-copy span{display:block;margin-top:4px;color:var(--text-dim);font:10px/1.45 var(--mono)}.wap-quark-row-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wap-quark-pending-actions{margin:-8px 0 16px}.wap-quark-pending-actions:has(button[hidden]){display:none}.wap-dialog-backdrop{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.58);display:grid;place-items:center;padding:20px}.wap-dialog-backdrop[hidden]{display:none}.wap-dialog{width:min(100%,520px);background:var(--bg-card);border:1px solid var(--rule-strong);border-top:3px solid var(--red);border-radius:8px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.3)}.wap-dialog p{color:var(--text-soft);font-size:12px;line-height:1.6;margin:0 0 18px}.wap-dialog .wap-check{margin:12px 0}.wap-dialog .wap-actions{justify-content:flex-end;margin-top:22px}
.wap-quark-empty{min-height:430px;border:1px solid var(--rule-strong);border-radius:8px;background:var(--bg-card);padding:54px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.wap-quark-empty[hidden]{display:none}.wap-quark-mark{width:58px;height:58px;border:1px solid var(--rule-gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:28px;margin-bottom:18px}.wap-quark-empty h2{font:500 clamp(22px,2.4vw,32px)/1.2 var(--sans);margin:0 0 12px}.wap-quark-empty>p{max-width:650px;margin:0 auto 24px;color:var(--text-soft);font-size:13px;line-height:1.65}.wap-quark-loading{color:var(--text-dim);font:600 10px var(--mono);letter-spacing:1px;text-transform:uppercase}.wap-store-grid{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:12px;width:min(100%,472px);margin:0 auto 12px}.wap-store-card{min-height:70px;border:1px solid var(--rule-strong);border-radius:6px;background:var(--bg);color:var(--text);padding:12px 16px;text-decoration:none;display:flex;align-items:center;gap:13px;text-align:left}.wap-store-card:not(.disabled):hover{border-color:var(--gold);color:var(--gold)}.wap-store-card.disabled{opacity:.6}.wap-store-card small,.wap-store-card strong{display:block}.wap-store-card small{font:8px var(--mono);letter-spacing:.7px;color:var(--text-dim);margin-bottom:3px}.wap-store-card strong{font:700 14px var(--sans)}.wap-store-icon{width:25px;height:29px;display:grid;place-items:center;flex:0 0 25px}.wap-store-icon svg{display:block;max-width:100%;max-height:100%}.wap-quark-empty>.wap-btn{margin-top:20px}
.wap-verify{display:none;background:var(--bg-card);border:1px solid var(--rule-strong);border-left:3px solid var(--gold);color:var(--text);padding:16px 18px;border-radius:6px;margin-bottom:16px;font-size:11px}.wap-verify strong{display:block;color:var(--text);font-size:12px;margin-bottom:4px}.wap-verify span{display:block;color:var(--text-dim);line-height:1.5}
.wap-verify.show{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.wap-sidebar-open .wap-sidebar{transform:translateX(0)}.wap-overlay{display:none}
@media(max-width:900px){.wap-sidebar{width:205px;flex-basis:205px}.wap-card{grid-column:span 6}.wap-premium-plans{grid-template-columns:1fr}.wap-plan-card{min-height:0}.wap-plan-summary{min-height:0}.wap-quark-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
  body.wap-preview-public .frame-brand .wap-public-logo{width:180px;height:34px}
  .wap-sidebar{position:fixed;inset:0 auto 0 0;z-index:20;width:min(230px,86vw);max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;padding-bottom:env(safe-area-inset-bottom);transform:translateX(-100%);transition:transform .2s ease;box-shadow:20px 0 50px rgba(0,0,0,.2)}
  body.wap-sidebar-open .wap-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:19}
  .wap-store-grid{grid-template-columns:1fr}.wap-quark-empty{padding:38px 18px}.wap-quark-card-head{padding:20px;flex-direction:column}.wap-quark-statuses{padding:0 20px 20px}.wap-quark-section{padding:20px}.wap-quark-controls,.wap-quark-metrics{grid-template-columns:1fr}.wap-quark-control{align-items:flex-start;flex-direction:column}.wap-quark-select{width:100%}.wap-quark-footer{padding:17px 20px;align-items:flex-start;flex-direction:column}.wap-quark-footer .wap-btn{width:100%}
  .wap-menu{display:block}.wap-topbar{padding:0 15px}.wap-subtitle{display:none}.wap-content{padding:22px 14px 48px}.wap-card,.wap-card.half{grid-column:span 12}.wap-form-grid{grid-template-columns:1fr}.wap-account-table td:first-child{width:42%}
}
