:root{--bg:#faf9f6;--surface:#fff;--text:#24332d;--muted:#61716b;--accent:#087e80;--accent-hover:#066366;--navy:#193345;--soft:#eaf3ef;--border:#dfe5df;--danger:#b43c34;--radius:12px;--shadow:0 12px 40px #1933450a;--font:"Segoe UI",system-ui,-apple-system,sans-serif;--space:8px;--container:1240px;--transition:180ms}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 var(--font)}a{color:var(--accent);text-underline-offset:4px}img{max-width:100%;height:auto}h1,h2,h3{line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}h1{font-size:clamp(32px,4vw,56px)}h2{font-size:clamp(26px,3vw,38px)}h3{font-size:20px}p{margin:0 0 16px;max-width:75ch}button,input,select,textarea{font:inherit;color:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);font-weight:600;cursor:pointer;text-decoration:none;transition:background var(--transition),border-color var(--transition)}button:hover,.button:hover{background:var(--soft);border-color:#a9c8bc}.primary{background:var(--accent);border-color:var(--accent);color:#fff}.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button:disabled{cursor:not-allowed;opacity:.5}input,select,textarea{display:block;width:100%;min-width:0;min-height:46px;padding:11px 13px;background:var(--surface);border:1px solid var(--border);border-radius:9px;font-weight:400}textarea{resize:vertical;min-height:120px}input[type=checkbox]{appearance:auto;min-height:20px;width:20px;height:20px;flex:none;accent-color:var(--accent)}label{display:grid;gap:8px;font-size:14px;font-weight:600;margin:0 0 20px}label.check{display:flex;align-items:flex-start;gap:12px;font-weight:400;min-height:44px}label.check input{margin-top:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;font-size:25px;font-weight:750;letter-spacing:-.04em}.muted,.fine{color:var(--muted)}.fine{font-size:14px}.pill{font-size:12px;line-height:1.4;font-weight:600;border:1px solid var(--border);border-radius:20px;padding:6px 10px;display:inline-block;background:var(--soft);white-space:nowrap}.pill.error{background:#fff2ef;color:var(--danger)}.skip{position:fixed;left:16px;top:-100px;padding:12px;background:var(--surface);z-index:100}.skip:focus{top:8px}.public-nav{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--border);background:var(--bg);padding:20px max(24px,calc((100% - var(--container))/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.public-nav nav{display:flex;align-items:center;gap:28px}.public-nav nav a:not(.button){font-size:14px;font-weight:600;color:var(--text);text-decoration:none}.menu-button{display:none}.hero{padding-block:96px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:80px}.hero h1{font-size:clamp(46px,5.5vw,76px);line-height:1.04;letter-spacing:-.055em;margin:24px 0}.lead{font-size:19px;color:var(--muted);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 20px}.service-label{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--accent);font-weight:600}.signal{width:9px;height:9px;border-radius:50%;background:var(--accent)}.role-board{background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.board-heading{display:flex;align-items:center;gap:12px;padding:24px;background:var(--navy);color:#fff;font-weight:600}.board-heading .pill{margin-left:auto;color:var(--text)}.role-link{padding:26px 24px;display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;border-bottom:1px solid var(--border)}.role-link:hover{background:var(--soft)}.role-link strong{font-size:18px;display:block}.role-link small{display:block;color:var(--muted);margin-top:4px;line-height:1.5}.role-link>span:last-child{margin-left:auto}.role-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--border);border-radius:12px;color:var(--accent);font-weight:700;flex:none}.board-note{background:var(--bg);padding:20px 24px;font-size:13px;color:var(--muted)}.band{background:var(--soft);padding-block:80px;border-block:1px solid var(--border)}.section-title{margin-bottom:40px;max-width:800px}.section-title p{color:var(--muted);font-size:18px}.workflow{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.workflow li>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #b7cebf;border-radius:50%;margin-bottom:24px;font-weight:600;color:var(--accent)}.workflow h3{font-size:19px}.workflow p,.feature-grid p{color:var(--muted);font-size:15px}.features{padding-block:96px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px}.feature-grid article{border-top:2px solid var(--border);padding-top:24px}.privacy-callout{background:var(--navy);color:#fff;border-radius:18px;padding:48px}.privacy-callout h2{font-size:30px}.privacy-callout p{margin:0;opacity:.85}.faq{padding-block:88px}.faq details{border-top:1px solid var(--border);padding:22px 0}.faq summary{font-size:18px;font-weight:600;cursor:pointer;min-height:28px}.faq details p{margin-top:16px;color:var(--muted)}.closing{background:var(--soft);padding-block:64px;border-block:1px solid var(--border)}.public-footer{padding-block:48px;display:flex;align-items:center;gap:28px;flex-wrap:wrap}.public-footer p{font-size:14px;color:var(--muted);margin:0}.public-footer nav{display:flex;flex-wrap:wrap;gap:20px;margin-left:auto;font-size:14px}.login-body{min-height:100vh;display:grid;place-items:center}.login-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;width:min(1100px,calc(100% - 48px));align-items:center;padding-block:64px}.login-story h1{font-size:44px;margin:48px 0 24px}.login-story p{color:var(--muted)}.login-card{background:var(--surface);border:1px solid var(--border);padding:40px;border-radius:18px;box-shadow:var(--shadow)}.login-card h2{font-size:30px}.login-card form{margin:32px 0 20px}.login-card form button{width:100%}.login-card form [role=status]{margin-top:16px;color:var(--danger)}.app-body{background:var(--bg)}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;border-right:1px solid var(--border);background:#f1f3ef;padding:28px 20px;display:flex;flex-direction:column;gap:24px;z-index:10}.sidebar .brand{font-size:24px}.sidebar>p{font-size:13px;margin:0}.sidebar nav{display:grid;gap:6px;overflow-y:auto;flex:1;align-content:start}.sidebar nav a{min-height:46px;padding:12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:600}.sidebar nav a:hover,.sidebar nav a[aria-current=page]{background:#dfece5;color:#086264}.sidebar nav svg{width:20px;height:20px;flex:none}.sidebar-footer{display:grid;gap:14px;border-top:1px solid var(--border);padding-top:20px;font-size:14px}.sidebar-footer .pill{justify-self:start}.app-main{margin-left:260px;min-width:0}.topbar{height:80px;padding-inline:36px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:20px;background:var(--surface)}.topbar>span:last-child{margin-left:auto;font-size:14px;color:var(--muted)}#content{padding:40px;max-width:1600px;margin:auto;min-height:calc(100vh - 160px)}.page-title{display:flex;gap:24px;align-items:center;justify-content:space-between;margin-bottom:28px}.page-title h1{font-size:32px;margin:6px 0 12px}.page-title p{margin:0;color:var(--muted);font-size:14px}.page-title>button{flex:none}#page{min-width:0}.notice:not(:empty){padding:14px 18px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:8px;background:var(--surface);margin-bottom:24px;white-space:pre-wrap;overflow-wrap:anywhere}.notice.error{border-left-color:var(--danger);color:var(--danger)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;margin-bottom:24px;min-width:0}.panel h2{font-size:22px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:28px}.stat{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:24px;min-width:0}.stat small{display:block;font-size:13px;color:var(--muted)}.stat strong{display:block;font-size:30px;font-weight:650;margin-top:10px;line-height:1.3;overflow-wrap:anywhere}.split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:24px;align-items:start}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.wide{grid-column:1/-1}.actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.table-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;justify-content:space-between;margin-bottom:20px}.table-toolbar label{margin:0;max-width:360px;width:100%}.table-wrap{overflow:auto;max-width:100%;border-top:1px solid var(--border)}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}th,td{padding:16px 12px;border-bottom:1px solid var(--border);vertical-align:top;max-width:320px;overflow-wrap:anywhere}th{color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}td button{min-height:44px;font-size:13px;padding:8px 12px}td .actions{gap:8px}td small{display:block;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:14px}.empty{padding:40px 20px;text-align:center;border:1px dashed var(--border);border-radius:10px;color:var(--muted)}.empty h3{color:var(--text);font-size:19px}.app-footer{border-top:1px solid var(--border);padding:20px 36px;display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:13px}.app-footer span{margin-left:auto}dialog{border:1px solid var(--border);border-radius:16px;max-width:min(520px,calc(100% - 32px));padding:32px;color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:#19334577}dialog h2{font-size:26px}.media-preview{max-height:280px;max-width:100%;object-fit:contain;border-radius:10px}.message{border:1px solid var(--border);border-radius:12px;padding:20px;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.message p{white-space:pre-wrap}.policy{max-width:850px;padding-block:64px}.policy h1{margin:24px 0}.policy h2{font-size:24px;margin-top:36px}.policy nav{margin-top:40px;display:flex;gap:24px}.screenreader{position:absolute;left:-10000px}
@media(max-width:1100px){.hero{gap:40px;padding-block:72px}.stats{grid-template-columns:1fr 1fr}.split{grid-template-columns:minmax(0,1fr)}.workflow{grid-template-columns:1fr 1fr}#content{padding:28px}.login-layout{gap:40px}}
@media(max-width:800px){.menu-button{display:inline-flex}.public-nav{padding:16px 24px;flex-wrap:wrap}.public-nav nav{display:none;flex-basis:100%;align-items:stretch;gap:8px}.public-nav nav.open{display:grid}.public-nav nav a{padding:10px}.hero{grid-template-columns:1fr;gap:40px}.hero h1{font-size:54px}.role-board{max-width:640px}.sidebar{transform:translateX(-100%);transition:transform var(--transition)}.sidebar.open{transform:translateX(0);box-shadow:0 0 0 100vmax #19334555}.app-main{margin-left:0}.topbar{height:72px;padding-inline:20px}.login-layout{grid-template-columns:1fr;max-width:560px;gap:32px}.login-story h1{font-size:34px;margin:28px 0 16px}.login-story p{display:none}.public-footer nav{margin-left:0}.app-footer span{margin-left:0}}
@media(max-width:500px){.container{width:calc(100% - 32px)}.hero{padding-block:48px}.hero h1{font-size:46px}.lead{font-size:17px}.hero-actions .button{flex:1 1 auto}.hero-actions{gap:10px}.board-heading,.role-link{padding:20px}.role-link{gap:12px}.role-link small{font-size:13px}.workflow,.feature-grid,.fields{grid-template-columns:1fr}.band,.features,.faq{padding-block:56px}.section-title{margin-bottom:28px}.section-title p{font-size:16px}.feature-grid{gap:24px}.privacy-callout{padding:28px 24px}.login-layout{width:calc(100% - 32px);padding-block:32px}.login-card{padding:24px}.login-card h2{font-size:27px}#content{padding:24px 16px}.page-title{align-items:flex-start;gap:12px}.page-title h1{font-size:27px}.page-title>button{padding:8px 12px}.panel{padding:20px}.stats{gap:12px}.stat{padding:18px}.stat strong{font-size:25px}.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar label{max-width:none}.topbar>span:nth-child(2){display:none}.app-footer{padding:20px}.pagination{flex-wrap:wrap}.wide{grid-column:auto}input,select,textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.auth-links{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space);margin-top:calc(var(--space)*3);padding-top:calc(var(--space)*2);border-top:1px solid var(--border)}.auth-links a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;padding:8px 0;line-height:1.5;overflow-wrap:anywhere}.auth-links a:hover{color:var(--accent-hover)}.login-card form>button{width:100%}.login-card [role=status]:empty{display:none}

.order-button-list{display:grid;gap:calc(var(--space)*2);margin-block:calc(var(--space)*2)}.order-button-row{padding-block-end:calc(var(--space)*2);border-bottom:1px solid var(--border)}.order-button-row>button{grid-column:1/-1;justify-self:start}.order-button-row label{margin-bottom:0}

.seller-dashboard{--seller-green:#173f2d;--seller-on-green:#ffffff;--seller-on-green-muted:#d1e7da;--seller-gap:24px;--seller-pad:clamp(20px,3vw,36px);--seller-radius:20px;display:grid;gap:var(--seller-gap);min-width:0}.seller-dashboard .panel{margin:0;padding:var(--seller-pad);border-radius:var(--seller-radius)}.seller-dashboard h2{margin-top:0}.seller-dashboard p{max-width:72ch}.seller-balance{padding:var(--seller-pad);border-radius:var(--seller-radius);background:var(--seller-green);color:var(--seller-on-green)}.seller-balance h2{color:inherit;margin-bottom:8px;font-size:clamp(24px,3vw,32px)}.seller-balance p{color:var(--seller-on-green-muted);margin-block:12px}.seller-balance .seller-eyebrow{font-size:14px;margin-top:0}.seller-balance-value{display:grid;gap:8px;margin-block:28px}.seller-balance-value strong{font-size:clamp(36px,5vw,56px);line-height:1.1;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.seller-balance .button{background:transparent;border-color:var(--seller-on-green-muted);color:var(--seller-on-green)}.seller-balance .button.primary{background:var(--seller-on-green);border-color:var(--seller-on-green);color:var(--seller-green)}.seller-balance .button:hover{box-shadow:inset 0 0 0 1px currentColor}.seller-progress{display:grid;gap:10px;margin-top:24px;max-width:520px;font-size:14px}.seller-progress progress{width:100%;height:12px;accent-color:var(--seller-on-green)}.seller-quick{display:flex;flex-wrap:wrap;gap:12px}.seller-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.seller-overview article{min-width:0;padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.seller-overview span{display:block;font-size:14px;color:var(--muted)}.seller-overview strong{display:block;margin-top:12px;font-size:28px;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.seller-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:var(--seller-gap);align-items:start}.seller-dashboard-grid>aside{display:grid;gap:var(--seller-gap);min-width:0}.seller-panel-head{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.seller-panel-head p{margin-bottom:0}.seller-panel-head .actions{flex:none}.seller-panel-head button[aria-pressed=true]{background:var(--soft);border-color:var(--accent);color:var(--accent)}.seller-results{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin-block:24px}.seller-results strong{font-variant-numeric:tabular-nums}.seller-activity figure{margin:0 0 24px}.seller-chart-scroll{overflow:auto;max-width:100%}.seller-chart{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:3px;list-style:none;margin:0;padding:0 18px;min-height:200px}.seller-chart li{display:grid;grid-template-rows:160px 28px;align-items:end;min-width:0;text-align:center}.seller-chart-column{height:160px;display:flex;align-items:end;justify-content:center;border-bottom:1px solid var(--border)}.seller-chart-bar{height:160px;width:70%;min-width:3px;max-width:18px;fill:var(--accent)}.seller-chart small{justify-self:center;min-width:0;font-size:11px;color:var(--muted);white-space:nowrap}.seller-activity details{margin-top:24px}.seller-activity summary{cursor:pointer;min-height:44px;align-content:center}.seller-referral-value{font-size:32px;line-height:1.3;color:var(--accent);font-variant-numeric:tabular-nums}.seller-money-list{margin:24px 0}.seller-money-list>div{display:flex;gap:16px;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.seller-money-list dt{font-size:14px;max-width:70%;color:var(--muted)}.seller-money-list dd{margin:0;white-space:nowrap;font-weight:600;font-variant-numeric:tabular-nums}.seller-session-list{list-style:none;margin:0;padding:0}.seller-session-list li{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--border)}.seller-session-list li:last-child{border-bottom:0}.seller-session-list strong{display:block;overflow-wrap:anywhere}.seller-session-list small{display:block;color:var(--muted);margin-top:6px}.seller-session-list .pill{flex:none}.seller-fine{font-size:14px}.seller-dashboard .actions{margin-top:16px}
@media(max-width:1100px){.seller-dashboard-grid{grid-template-columns:minmax(0,1fr)}.seller-dashboard-grid>aside{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.seller-dashboard{--seller-gap:20px}.seller-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.seller-overview article{padding:20px}.seller-overview strong{font-size:24px}.seller-dashboard-grid>aside{grid-template-columns:minmax(0,1fr)}.seller-quick .button{flex:1 1 40%;justify-content:center;text-align:center}.seller-session-list li{align-items:start;flex-direction:column;gap:12px}.seller-money-list>div{flex-wrap:wrap}.seller-money-list dt{max-width:100%}}

.swa-campaign{--campaign-accent:var(--accent,#117d72);--campaign-ink:var(--text,#163b48);--campaign-border:var(--border,#dce3df);display:grid;gap:24px;margin-block:24px;padding:24px;border:1px solid var(--campaign-border);border-radius:16px;background:var(--surface,#fff);color:var(--campaign-ink)}.swa-campaign header{padding:24px;border-radius:12px;background:#163b48;color:#fff}.swa-campaign h2,.swa-campaign h3,.swa-campaign p{margin:0 0 12px}.swa-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.swa-campaign form,.swa-campaign section,.swa-campaign label,.swa-campaign fieldset{display:grid;gap:12px;min-width:0}.swa-campaign fieldset{border:1px solid var(--campaign-border);border-radius:8px;padding:16px}.swa-campaign label{font-weight:500}.swa-campaign input,.swa-campaign select,.swa-campaign textarea{box-sizing:border-box;width:100%;min-height:44px;max-width:100%;padding:10px;border:1px solid var(--campaign-border);border-radius:8px;background:var(--input-bg,transparent);color:inherit;font:inherit}.swa-campaign select[multiple]{min-height:160px}.swa-campaign button{min-height:44px;cursor:pointer;border:1px solid var(--campaign-border);border-radius:8px;padding:10px 16px;background:var(--campaign-accent);color:#fff;font:inherit}.swa-campaign button:disabled{opacity:.55;cursor:wait}.swa-campaign :focus-visible{outline:3px solid var(--campaign-accent);outline-offset:3px}.swa-campaign [data-note]{overflow-wrap:anywhere}.swa-campaign-actions{display:flex;gap:12px;flex-wrap:wrap}.swa-campaign-table{overflow:auto}.swa-campaign table{border-collapse:collapse;width:100%}.swa-campaign th,.swa-campaign td{text-align:left;padding:12px;border-bottom:1px solid var(--campaign-border)}.swa-campaign-check{display:flex!important;align-items:center}.swa-campaign-check input{width:20px;min-height:20px}.swa-campaign pre{white-space:pre-wrap;overflow-wrap:anywhere}.swa-campaign [data-history]{display:flex;gap:12px;flex-wrap:wrap}.swa-campaign [hidden]{display:none!important}@media(max-width:640px){.swa-campaign{padding:16px;font-size:16px}.swa-campaign-grid{grid-template-columns:minmax(0,1fr)}.swa-campaign header{padding:16px}.swa-campaign-actions>*{flex:1 1 100%}}

.session-proxy-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0}.session-proxy-form label{display:grid;gap:8px;margin:0;min-width:0}.session-proxy-form input,.session-proxy-form select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--source-border,var(--border));border-radius:8px;background:var(--source-surface,var(--surface));color:inherit;font:inherit}.session-proxy-form label.check{display:flex;align-items:center;grid-column:1/-1;min-height:44px}.session-proxy-form input[type=checkbox]{width:20px;min-height:20px;flex:none}.session-proxy-form>p,.session-proxy-form>button{grid-column:1/-1}.session-proxy-form button{min-height:44px;padding:10px 16px;border:1px solid var(--source-border,var(--border));border-radius:8px;background:var(--source-surface,var(--surface));color:inherit;font:inherit;cursor:pointer}.session-proxy-form :focus-visible{outline:2px solid var(--source-accent,var(--accent));outline-offset:3px}.session-proxy-form+button{margin-top:16px}@media(max-width:640px){.session-proxy-form{grid-template-columns:minmax(0,1fr);font-size:16px}}

/* Role navigation uses the existing SuperWA tokens. */
#app-menu{gap:calc(var(--space)*3)}.portal-nav-group{display:grid;gap:calc(var(--space)/2);min-width:0}.portal-nav-heading{font-size:12px;line-height:1.5;letter-spacing:0;color:var(--muted);font-weight:600;margin:0;padding:0 calc(var(--space)*1.5)}#app-menu .portal-nav-group a{min-height:44px;gap:calc(var(--space)*1.5)}#app-menu a span{min-width:0;overflow-wrap:anywhere}#app-menu a svg{flex:none;width:20px;height:20px}#app-menu a:active{background:var(--soft)}@media(max-width:640px){#app-menu .portal-nav-group a{font-size:16px}}

.swa-session-checks{min-width:0;max-width:100%;margin:0;padding:16px;border:1px solid var(--border-color,var(--line,#dbe1dd));border-radius:12px}
.swa-session-checks legend{font-weight:600;padding:0 4px}
.swa-session-checks .swa-session-check{display:flex;align-items:center;gap:12px;min-height:44px;margin:4px 0;overflow-wrap:anywhere}
.swa-session-checks .swa-session-check input{flex:0 0 auto;width:20px;height:20px;min-height:20px;margin:0;accent-color:var(--primary,#0f766e)}
.swa-session-checks .swa-session-check span{min-width:0}

.form-feedback{margin:0;overflow-wrap:anywhere}.form-feedback.error{color:var(--danger)}.table-toolbar>.actions{flex-wrap:wrap}.swa-campaign details>summary{cursor:pointer;min-height:44px;align-content:center}

.swa-campaign .swa-batch-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-block:16px}.swa-batch-progress>div{border-left:3px solid var(--campaign-accent);padding:8px 12px;display:grid;gap:4px;min-width:0}.swa-batch-progress strong{font-size:clamp(24px,4vw,32px);line-height:1.2}.swa-batch-progress span{overflow-wrap:anywhere}.swa-campaign [data-next-step]{max-width:75ch;line-height:1.6}.swa-campaign [data-resume-sessions]{margin-block:16px}.swa-campaign [data-controls]{margin-block:16px}.swa-campaign button.swa-batch-secondary{background:transparent;color:inherit}.swa-campaign [data-batch-details]{margin-block:20px;padding-block:12px;border-block:1px solid var(--campaign-border)}.swa-campaign [data-batch-details]>summary{min-height:44px;cursor:pointer;font-weight:600}.swa-campaign [data-batch-details] p{overflow-wrap:anywhere;line-height:1.6}.swa-campaign [data-resume-editor]{margin-block:16px}.swa-campaign [data-resume-editor] button{margin:8px 8px 0 0}@media(max-width:640px){.swa-campaign .swa-batch-progress{grid-template-columns:repeat(2,minmax(0,1fr))}.swa-campaign [data-resume-editor] button{width:100%;margin-inline:0}}
.swa-campaign details>summary{cursor:pointer;min-height:44px;align-content:center}.swa-campaign [data-send-options],.swa-campaign [data-saved-batches]{padding-block:12px}.swa-campaign [data-send-options]>fieldset,.swa-campaign [data-send-options]>.swa-campaign-grid{margin-block:16px}

/* Keep shared portal controls within their page and table columns. */
.portal-page-view,.app-main,.page-title>div,.fields>label{min-width:0}.page-title h1,.page-title p,.topbar #actor-name{overflow-wrap:anywhere}.page-title>button{flex-shrink:0}.app-main .table-wrap{overscroll-behavior:contain}.app-main .table-wrap>table{min-width:560px}.app-main .pagination{flex-wrap:wrap}.app-main .stat strong{font-variant-numeric:tabular-nums}.app-main td:has(>.actions){min-width:180px}.app-main td>.actions{align-items:flex-start}.app-main td>.actions>button,.app-main td>.actions>.button{white-space:normal;overflow-wrap:anywhere}.app-main dialog{box-sizing:border-box;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.swa-campaign header h2,.swa-campaign header h3{color:inherit}.swa-campaign .swa-batch-progress strong{font-variant-numeric:tabular-nums}
@media(max-width:640px){.app-main input,.app-main select,.app-main textarea{font-size:16px}.app-main .page-title{align-items:flex-start;gap:16px}.app-main .pagination>button{flex:1 1 auto}}

fieldset.swa-phone-link{--phone-action:#087e80;--phone-accent:var(--source-accent,var(--accent,#087e80));--phone-surface:var(--source-surface,var(--surface,#fff));--phone-text:var(--source-text,var(--text,#193345));container-type:inline-size;box-sizing:border-box;width:100%;min-width:0;margin:24px 0 0;padding:clamp(16px,3vw,24px);border:1px solid var(--source-border,var(--border,#dfe5df));border-radius:12px;background:var(--phone-surface);color:var(--phone-text);font-size:16px;line-height:1.6}
.swa-phone-link legend{padding:0 8px;font-size:18px;font-weight:650}.swa-phone-link .swa-phone-method,.swa-phone-link .swa-phone-number{display:grid;gap:8px;min-width:0;margin:0;font-weight:600}.swa-phone-link select,.swa-phone-link input[type=tel]{box-sizing:border-box;display:block;width:100%;max-width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--source-border,var(--border,#dfe5df));border-radius:8px;background:var(--phone-surface);color:inherit;font:inherit}.swa-phone-link .swa-phone-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(240px,.9fr);gap:28px;margin-top:24px}.swa-phone-link .swa-phone-entry,.swa-phone-link .swa-phone-guide{min-width:0}.swa-phone-link h3{margin:0 0 16px;font-size:20px;line-height:1.35;letter-spacing:normal}.swa-phone-link p{margin:0 0 16px;max-width:65ch;overflow-wrap:anywhere}.swa-phone-link .swa-phone-hint{margin:8px 0 20px;font-weight:400}.swa-phone-link .actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 16px}.swa-phone-link button{min-height:48px;padding:10px 16px;font:inherit;border-radius:8px;white-space:normal;cursor:pointer}.swa-phone-link .actions>button{border:1px solid var(--phone-action);background:var(--phone-action);color:#fff;font-weight:650}.swa-phone-link button:disabled{opacity:.6;cursor:wait}.swa-phone-link .swa-phone-code{display:grid;gap:12px;padding:20px;border:2px solid var(--phone-accent);border-radius:10px;background:color-mix(in srgb,var(--phone-accent) 7%,var(--phone-surface))}.swa-phone-link .swa-phone-code strong{font-size:17px;line-height:1.45}.swa-phone-link .swa-phone-code p{margin:0}.swa-phone-link .swa-phone-code output{display:block;font-family:ui-monospace,Consolas,monospace;font-size:clamp(24px,7cqi,36px);font-weight:750;letter-spacing:.1em;overflow-wrap:anywhere;user-select:all}.swa-phone-link .swa-phone-code button{justify-self:start;border:1px solid var(--phone-accent);background:var(--phone-surface);color:var(--phone-text)}.swa-phone-link .swa-phone-guide{padding:0;padding-inline-start:24px;border-inline-start:1px solid var(--source-border,var(--border,#dfe5df))}.swa-phone-link ol{padding-inline-start:24px;margin:16px 0 24px}.swa-phone-link li{padding-inline-start:4px;margin-bottom:14px}.swa-phone-link li::marker{font-weight:700;color:var(--phone-accent)}.swa-phone-link :focus-visible{outline:3px solid var(--phone-accent);outline-offset:3px}fieldset.swa-phone-link [hidden]{display:none!important}
@container(max-width:640px){.swa-phone-link .swa-phone-layout{grid-template-columns:minmax(0,1fr);gap:24px}.swa-phone-link .swa-phone-guide{border-inline-start:0;border-top:1px solid var(--source-border,var(--border,#dfe5df));padding:24px 0 0}.swa-phone-link .actions>button{width:100%}.swa-phone-link .swa-phone-code{padding:16px}}

/* Temu-inspired surfaces; scope stays inside the existing portal workspace. */
.app-body{--bg:#eef4f1;--surface:#fff;--text:#102e2b;--muted:#536d64;--accent:#0c6359;--accent-hover:#094f47;--soft:#e5f2eb;--border:#d9e5dd;--radius:20px;--shadow:0 6px 24px #143b2b06;--navy:#102f2a;background:var(--bg)}
.app-body .sidebar{background:#102f2a;color:#e3f1ec;border-color:#28483e;gap:20px}
.app-body .sidebar .brand{color:#fff;font-weight:750;letter-spacing:-.8px}
.app-body .sidebar>p,.app-body .sidebar .portal-nav-heading{color:#a9c6ba}
.app-body .sidebar nav a{color:#d3e5dc;border-radius:13px;min-height:44px}
.app-body .sidebar nav a:hover{background:#21493c;color:#fff}
.app-body .sidebar nav a[aria-current=page]{background:#c6eadb;color:#102f2a}
.app-body .sidebar-footer{border-color:#315044}
.app-body .sidebar-footer a{color:#d3e5dc}
.app-body .sidebar-footer button,.app-body .sidebar .menu-button{background:#21493c;border-color:#466658;color:#fff}
.app-body .topbar{background:var(--bg);border-color:transparent;gap:16px}
.app-body .topbar>span:nth-child(2){font-weight:650;color:var(--text)}
.app-body .page-title{gap:20px;align-items:center;margin-bottom:28px}
.app-body .page-title h1{font-size:clamp(26px,2.6vw,36px);font-weight:750;letter-spacing:-1px;margin-bottom:10px}
.app-body .page-title p{color:var(--muted);line-height:1.6}
.app-body .panel,.app-body .stat{border-radius:var(--radius);border-color:var(--border);box-shadow:var(--shadow)}
.app-body .panel{padding:24px}
.app-body .panel h2{font-size:21px;font-weight:700}
.app-body .stats{gap:20px}
.app-body .stat{padding:24px;background:var(--surface)}
.app-body .stat strong{font-size:clamp(28px,3vw,36px);font-weight:750;font-variant-numeric:tabular-nums;color:var(--text)}
.app-body button,.app-body .button{border-radius:12px;min-height:44px}
.app-body .primary{color:#fff;background:var(--accent);border-color:var(--accent)}
.app-body .primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}
.app-body input,.app-body select,.app-body textarea{border-radius:12px;border-color:var(--border)}
.app-body input[type=checkbox]{border-radius:4px}
.app-body .table-toolbar{gap:16px}
.app-body th{background:#f4f8f5;color:var(--muted);font-weight:650}
.app-body td{vertical-align:middle}
.app-body tbody tr:hover{background:#f7faf8}
.app-body .pill:not(.error){background:#e5f2eb;color:#165442;border-color:#d2e8dc}
.app-body .seller-balance{background:var(--surface);color:var(--text);border-color:var(--border)}
.app-body .seller-balance :is(p,h2,.seller-eyebrow){color:var(--muted)}
.app-body .seller-balance-value strong{color:var(--accent)}
.app-body .seller-balance .button{background:var(--surface);color:var(--text);border-color:var(--border)}
.app-body .seller-balance .button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.app-body dialog{border-radius:20px;border-color:var(--border);box-shadow:0 24px 72px #102f2a24}
.app-body :focus-visible{outline:3px solid #28775e;outline-offset:3px}
.app-body .sidebar :focus-visible{outline-color:#a7dfc5}
@media(max-width:800px){.app-body .topbar{padding-inline:16px}.app-body .sidebar{padding:24px 16px}}
@media(max-width:500px){.app-body .panel,.app-body .stat{padding:18px;border-radius:16px}.app-body .stats{gap:12px}.app-body .page-title{gap:16px;margin-bottom:22px}.app-body input,.app-body select,.app-body textarea,.app-body button,.app-body .button{font-size:16px}.app-body .sidebar nav a{font-size:15px}}

/* Account controls stay separate from the working form on small screens. */
.workspace-account-settings{margin-top:16px}.workspace-account-settings>summary{min-height:46px;align-content:center;padding:10px 0;cursor:pointer;font-weight:600}.workspace-account-settings[open]>summary{margin-bottom:12px}.workspace-account-settings>.panel{margin-bottom:0}
@media(max-width:600px){.workspace-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.workspace-nav>.button{min-width:0;white-space:normal;text-align:center;overflow-wrap:anywhere}.workspace-account-settings>summary{font-size:16px}}