@import url('/styles.css?v=9258878');
:root{--panel-bg:#0a0912;--panel-surface:#151221;--panel-surface-2:#1c172b;--panel-line:rgba(202,184,255,.15);--panel-text:#f7f1ff;--panel-muted:#a79db7;--panel-violet:#a782ff;--panel-green:#56e3a2;--panel-amber:#f0c56a;--panel-red:#ff8e9d}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 0,rgba(81,48,160,.25),transparent 34rem),var(--panel-bg);color:var(--panel-text);font-family:Manrope,Arial,sans-serif;margin:0;min-height:100vh}.panel-shell,.customer-shell{margin:0 auto;max-width:1180px;padding:24px 24px 70px}.panel-header{align-items:center;border-bottom:1px solid var(--panel-line);display:flex;justify-content:space-between;padding:4px 0 22px}.panel-brand{align-items:center;color:var(--panel-text);display:flex;gap:10px;text-decoration:none}.brand-mark{align-items:center;background:linear-gradient(135deg,#b48cff,#6b43d1);border-radius:11px;box-shadow:0 8px 22px rgba(130,82,255,.25);display:flex;font-weight:800;height:36px;justify-content:center;width:36px}.panel-brand b{display:block;font-size:14px;letter-spacing:.08em}.panel-brand small{color:var(--panel-muted);display:block;font-size:9px;margin-top:3px}.panel-user{align-items:center;color:var(--panel-muted);display:flex;font-size:11px;gap:18px}.ghost-link{color:var(--panel-muted);font-size:11px;text-decoration:none}.panel-title-row{align-items:flex-end;display:flex;justify-content:space-between;padding:45px 0 25px}.eyebrow{color:#bca9eb;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.panel-title-row h1,.customer-content h1{font-size:clamp(32px,5vw,52px);letter-spacing:-.07em;line-height:1;margin:11px 0}.panel-title-row p,.customer-lead{color:var(--panel-muted);font-size:13px;line-height:1.6;margin:0;max-width:560px}.metrics{display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:22px}.metric-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--panel-line);border-radius:15px;padding:18px}.metric-card small{color:var(--panel-muted);display:block;font-size:10px}.metric-card strong{display:block;font-size:27px;letter-spacing:-.05em;margin-top:10px}.tone-pending strong{color:var(--panel-amber)}.tone-approved strong,.tone-activated strong,.tone-revenue strong{color:var(--panel-green)}.toolbar{display:flex;gap:10px;margin-bottom:18px}.toolbar input,.toolbar select,.activation-box input,.activation-box textarea,.activation-box select{background:rgba(255,255,255,.05);border:1px solid var(--panel-line);border-radius:10px;color:var(--panel-text);font:inherit;font-size:12px;outline:none;padding:12px}.toolbar input{flex:1}.toolbar select{min-width:180px}.panel-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:0 0 10px}.section-heading h2{font-size:16px;margin:0}.section-heading span{color:var(--panel-muted);font-size:10px}.orders-list{display:grid;gap:9px}.order-card{background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:14px;color:var(--panel-text);cursor:pointer;padding:15px;text-align:left;transition:border .2s,transform .2s;width:100%}.order-card:hover,.order-card.selected{border-color:rgba(167,130,255,.7);transform:translateY(-1px)}.order-card-top,.order-card-bottom,.order-card-main{display:flex;justify-content:space-between}.order-card-top b{font-size:12px}.order-card-main{align-items:end;margin:16px 0 12px}.order-card-main strong{font-size:22px;letter-spacing:-.05em}.order-card small{color:var(--panel-muted);font-size:10px}.status-badge{align-items:center;border-radius:99px;display:inline-flex;font-size:9px;gap:6px;padding:5px 8px;white-space:nowrap}.status-badge i{background:currentColor;border-radius:50%;height:6px;width:6px}.status-pending{background:rgba(240,197,106,.12);color:var(--panel-amber)}.status-approved,.status-activated{background:rgba(86,227,162,.12);color:var(--panel-green)}.status-cancelled,.status-failed{background:rgba(255,142,157,.12);color:var(--panel-red)}.detail-panel{background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:16px;min-height:420px;padding:22px}.detail-empty{align-items:center;color:var(--panel-muted);display:flex;flex-direction:column;justify-content:center;min-height:370px;text-align:center}.detail-empty span,.empty-list span,.state-icon{color:var(--panel-violet);font-size:34px}.detail-empty h3{color:var(--panel-text);font-size:15px;margin:15px 0 5px}.detail-empty p{font-size:11px}.detail-heading{align-items:start;display:flex;justify-content:space-between}.detail-heading h2{font-size:22px;letter-spacing:-.05em;margin:8px 0 0}.detail-total{border-bottom:1px solid var(--panel-line);padding:22px 0}.detail-total small{color:var(--panel-muted);display:block;font-size:10px}.detail-total strong{display:block;font-size:30px;margin-top:5px}.detail-list{margin:0}.detail-list div{border-bottom:1px solid var(--panel-line);padding:13px 0}.detail-list dt{color:var(--panel-muted);font-size:10px;margin-bottom:5px}.detail-list dd{font-size:11px;margin:0}.detail-list dd span{color:var(--panel-muted);font-size:10px}.detail-items{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.detail-items span{background:rgba(167,130,255,.1);border-radius:99px;color:#d9caff;font-size:10px;padding:6px 9px}.activation-box{border-top:1px solid var(--panel-line);display:grid;gap:10px;padding-top:17px}.activation-box label{color:var(--panel-muted);display:grid;font-size:10px;gap:6px}.activation-box select{width:100%}.activation-box textarea{line-height:1.4;resize:vertical}.primary-button,.ghost-button{border:0;border-radius:10px;cursor:pointer;font:700 11px Manrope;padding:12px 16px}.primary-button{background:linear-gradient(135deg,#ad85ff,#7953db);box-shadow:0 8px 24px rgba(125,78,225,.25);color:#fff}.ghost-button{background:rgba(255,255,255,.06);border:1px solid var(--panel-line);color:var(--panel-text)}.inline-button{display:inline-block;text-decoration:none}.state-card{align-items:center;background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:18px;display:flex;flex-direction:column;margin:90px auto 0;max-width:500px;padding:42px 26px;text-align:center}.state-card h1{font-size:25px;letter-spacing:-.05em;margin:16px 0 8px}.state-card p{color:var(--panel-muted);font-size:12px;line-height:1.6;margin:0 0 22px}.hidden{display:none!important}.global-error,.inline-error{color:var(--panel-red);font-size:11px;line-height:1.4;margin-top:10px}.empty-list{align-items:center;border:1px dashed var(--panel-line);border-radius:14px;color:var(--panel-muted);display:flex;flex-direction:column;padding:45px}.customer-shell{max-width:900px}.customer-content{padding:70px 0 0}.customer-content h1{max-width:600px}.customer-status{align-items:center;border:1px solid var(--panel-line);border-radius:17px;display:grid;gap:7px;margin:28px 0;padding:22px}.customer-status strong{font-size:29px;letter-spacing:-.05em}.customer-status small{color:var(--panel-muted);font-size:11px}.customer-grid{display:grid;gap:14px;grid-template-columns:1fr 1fr}.customer-card,.customer-instructions{background:var(--panel-surface);border:1px solid var(--panel-line);border-radius:15px;padding:23px}.customer-card h2{font-size:22px;letter-spacing:-.05em;margin:10px 0}.customer-instructions{margin-top:14px}.customer-instructions p{color:var(--panel-muted);font-size:12px;line-height:1.6;margin:10px 0 18px}.timeline{border-left:1px solid rgba(167,130,255,.35);display:grid;gap:20px;margin:18px 0 0 6px;padding-left:19px}.timeline-item{color:var(--panel-muted);position:relative}.timeline-item:before{background:var(--panel-bg);border:1px solid var(--panel-muted);border-radius:50%;content:'';height:8px;left:-24px;position:absolute;top:3px;width:8px}.timeline-item.done{color:var(--panel-green)}.timeline-item.done:before{background:var(--panel-green);border-color:var(--panel-green)}.timeline-item b,.timeline-item small{display:block}.timeline-item b{font-size:11px}.timeline-item small{font-size:10px;line-height:1.5;margin-top:4px}.loader{animation:spin 1s linear infinite;border:2px solid var(--panel-line);border-radius:50%;border-top-color:var(--panel-violet);height:28px;width:28px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:800px){.panel-shell,.customer-shell{padding:18px 16px 50px}.panel-header{align-items:flex-start}.panel-user{font-size:0}.panel-title-row{align-items:flex-start;flex-direction:column;gap:18px;padding:35px 0 23px}.metrics{grid-template-columns:1fr 1fr}.metric-card strong{font-size:22px}.toolbar{flex-direction:column}.toolbar select{width:100%}.panel-grid,.customer-grid{grid-template-columns:1fr}.detail-panel{min-height:0}.customer-content{padding-top:55px}.customer-content h1{font-size:39px}}


.overview-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--panel-line);border-radius:16px;margin:0 0 22px;padding:20px 22px}.overview-card h2{font-size:16px;margin:7px 0 0}.overview-card .section-heading{margin-bottom:18px}.overview-card .section-heading>span{background:rgba(167,130,255,.12);border-radius:99px;color:#d9caff;padding:6px 10px}.overview-chart{display:grid;grid-template-columns:70px 1fr;gap:12px;height:230px}.chart-y{color:var(--panel-muted);display:flex;flex-direction:column;font-size:9px;justify-content:space-between;padding:0 0 29px;text-align:right}.chart-bars{align-items:stretch;border-bottom:1px solid var(--panel-line);display:grid;gap:12px;grid-template-columns:repeat(7,1fr);height:100%;padding:0 4px}.chart-column{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.chart-bar{background:linear-gradient(180deg,#b28aff,#6844c4);border-radius:8px 8px 2px 2px;min-height:4px;position:relative;transition:height .35s ease;width:min(38px,70%)}.chart-bar b{color:#dfd2ff;font-size:8px;font-weight:700;left:50%;position:absolute;top:-18px;transform:translateX(-50%);white-space:nowrap}.chart-column small{color:var(--panel-muted);font-size:9px;line-height:1.4;margin-top:9px;text-align:center;text-transform:capitalize}.tone-available strong{color:#8cecc0}.tone-total strong{color:#d8c5ff}@media(max-width:800px){.overview-card{padding:17px 14px}.overview-chart{grid-template-columns:48px 1fr}.chart-bars{gap:5px}.chart-bar b{font-size:7px;transform:translateX(-50%) rotate(-38deg);transform-origin:right center;top:-15px}.chart-column small{font-size:8px}}


.affiliate-link-card{background:linear-gradient(145deg,rgba(167,130,255,.15),rgba(255,255,255,.035));border:1px solid rgba(167,130,255,.35);border-radius:16px;margin:0 0 22px;padding:20px}.affiliate-link-card small{color:var(--panel-muted);display:block;font-size:10px;margin-top:11px}.affiliate-link-row{align-items:center;display:flex;gap:12px;margin-top:10px}.affiliate-link-row strong{background:rgba(0,0,0,.2);border:1px solid var(--panel-line);border-radius:9px;color:#eadfff;flex:1;font-size:12px;overflow:hidden;padding:12px;text-overflow:ellipsis;white-space:nowrap}.affiliate-link-row .primary-button{white-space:nowrap}@media(max-width:800px){.affiliate-link-row{align-items:stretch;flex-direction:column}.affiliate-link-row strong{width:100%}}
.affiliate-form{display:grid;gap:9px;grid-template-columns:1fr 1.4fr 1fr auto;margin:16px 0}.affiliate-form input{background:rgba(255,255,255,.05);border:1px solid var(--panel-line);border-radius:10px;color:var(--panel-text);font:inherit;font-size:12px;min-width:0;padding:12px}.affiliate-admin-card .orders-list{margin-top:12px}@media(max-width:800px){.affiliate-form{grid-template-columns:1fr}.affiliate-form .primary-button{width:100%}}
.affiliate-auth-tabs{display:flex;gap:8px;margin:18px 0 12px}.affiliate-auth-tabs .active{border-color:rgba(167,130,255,.7);color:#dfd2ff}.affiliate-auth-form{display:grid;gap:10px;margin:0 auto 12px;max-width:360px;width:100%}.affiliate-auth-form input{background:rgba(255,255,255,.05);border:1px solid var(--panel-line);border-radius:10px;color:var(--panel-text);font:inherit;font-size:12px;padding:12px}.affiliate-manus-login{background:none;border:0;cursor:pointer;margin-top:4px}.state-card .global-error{min-height:18px}
.affiliate-card{cursor:pointer}.affiliate-detail{background:rgba(0,0,0,.16);border:1px solid rgba(167,130,255,.35);border-radius:14px;margin-top:14px;padding:17px}.affiliate-detail h3{font-size:18px;margin:7px 0 4px}.affiliate-detail small{color:var(--panel-muted);font-size:10px}.affiliate-detail-metrics{display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin:16px 0}.affiliate-detail-metrics span{background:rgba(255,255,255,.04);border-radius:9px;color:var(--panel-muted);font-size:10px;padding:10px}.affiliate-detail-metrics b{color:var(--panel-text);display:block;font-size:15px;margin-bottom:3px}@media(max-width:800px){.affiliate-detail-metrics{grid-template-columns:1fr 1fr}}
.withdrawal-card{background:linear-gradient(145deg,rgba(86,227,162,.09),rgba(255,255,255,.03));border:1px solid rgba(86,227,162,.24);border-radius:16px;margin:0 0 22px;padding:20px 22px}.withdrawal-form{display:grid;gap:9px;grid-template-columns:1fr 1.5fr auto}.withdrawal-form input{background:rgba(255,255,255,.05);border:1px solid var(--panel-line);border-radius:10px;color:var(--panel-text);font:inherit;font-size:12px;padding:12px}.withdrawals-list{display:grid;gap:8px;margin-top:13px}.withdrawal-row{align-items:center;background:rgba(255,255,255,.04);border:1px solid var(--panel-line);border-radius:10px;display:flex;justify-content:space-between;padding:11px 13px}.withdrawal-row strong{font-size:14px}.withdrawal-row small{color:var(--panel-muted);font-size:10px}@media(max-width:800px){.withdrawal-form{grid-template-columns:1fr}.withdrawal-form .primary-button{width:100%}.withdrawal-row{align-items:flex-start;gap:8px;flex-direction:column}}
.withdrawal-admin-actions{display:flex;gap:7px;margin-top:11px}.withdrawal-admin-actions button{font-size:10px;padding:8px 10px}.withdrawal-admin-card{cursor:default}
.withdrawal-form select{background:rgba(255,255,255,.05);border:1px solid var(--panel-line);border-radius:10px;color:var(--panel-text);font:inherit;font-size:12px;padding:12px}.bank-fields{display:grid;gap:9px;grid-column:1/-1;grid-template-columns:repeat(2,1fr)}.bank-fields input,.bank-fields select{width:100%}@media(max-width:800px){.bank-fields{grid-template-columns:1fr}}

.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:9px;cursor:pointer}.menu-toggle i{display:block;width:20px;height:2px;background:#fff;margin:4px 0}.affiliate-layout{position:relative}.affiliate-menu{position:fixed;z-index:30;top:0;left:0;width:280px;height:100vh;padding:28px 20px;background:#0a1024;border-right:1px solid rgba(90,220,255,.18);transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 50px rgba(0,0,0,.28)}.affiliate-menu.open{transform:translateX(0)}.menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.menu-close{border:0;background:transparent;color:#fff;font-size:30px;cursor:pointer}.affiliate-menu nav{display:grid;gap:8px}.affiliate-menu nav a{padding:14px 15px;border-radius:12px;color:#dce8ff;text-decoration:none;font-weight:700}.affiliate-menu nav a:hover,.affiliate-menu nav a:focus{background:rgba(65,205,255,.12);color:#fff}.menu-backdrop{display:none;position:fixed;inset:0;z-index:20;background:rgba(2,5,18,.62)}.menu-backdrop.open{display:block}.affiliate-section{scroll-margin-top:24px}.customer-list{display:grid;gap:10px}.customer-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}.customer-row strong,.customer-row b{display:block}.customer-row small{display:block;color:#a7b4d0;margin-top:5px}.renewal-card{padding:20px;border:1px solid rgba(74,210,255,.16);border-radius:18px;background:linear-gradient(135deg,rgba(24,68,104,.24),rgba(14,20,47,.44))}.renewal-card>p{color:#a7b4d0}.customer-section{margin-top:28px}@media (max-width:720px){.panel-user{gap:8px}.panel-user>span{display:none}.menu-toggle{display:block}.customer-row{grid-template-columns:1fr 1fr}.customer-row .ghost-link{grid-column:1/-1;text-align:center}.affiliate-menu{width:min(290px,84vw)}}

/* Dashboard lateral do administrador */
.admin-sidebar{position:fixed;z-index:15;top:82px;left:max(14px,calc((100vw - 1400px)/2));width:190px;padding:16px 10px;border:1px solid var(--panel-line);border-radius:16px;background:rgba(21,18,33,.94);box-shadow:0 18px 45px rgba(0,0,0,.2)}.sidebar-title{display:flex;align-items:center;gap:9px;padding:4px 8px 16px;color:var(--panel-text);font-size:13px}.sidebar-title .brand-mark{height:28px;width:28px;font-size:12px}.admin-sidebar nav{display:grid;gap:4px}.admin-sidebar nav a{display:flex;align-items:center;gap:10px;padding:11px 10px;border-radius:9px;color:var(--panel-muted);font-size:11px;font-weight:700;text-decoration:none}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{background:rgba(167,130,255,.14);color:var(--panel-text)}.panel-shell:has(.admin-sidebar){padding-left:235px}.admin-sidebar~#login-state,.admin-sidebar~#app-state{min-width:0}.admin-sidebar~#app-state .panel-title-row{padding-top:45px}@media(max-width:980px){.admin-sidebar{position:static;width:100%;margin:16px 0 0;display:block}.admin-sidebar nav{display:flex;overflow-x:auto;gap:5px}.admin-sidebar nav a{white-space:nowrap}.panel-shell:has(.admin-sidebar){padding-left:16px}.admin-sidebar .sidebar-title{padding-bottom:10px}}

/* Correção: a navegação só aparece dentro do Dashboard autenticado */
#app-state{position:relative}.panel-shell:has(.admin-sidebar){padding-left:24px}.admin-sidebar{position:absolute;top:0;left:-215px;width:190px}.admin-sidebar~.panel-title-row{padding-top:45px}#app-state.hidden .admin-sidebar{display:none}
@media(max-width:980px){.admin-sidebar{position:static;width:100%;margin:0 0 16px;display:block}.admin-sidebar~.panel-title-row{padding-top:20px}.panel-shell:has(.admin-sidebar){padding-left:16px}}

/* Layout estável do Dashboard: lateral no desktop e faixa no celular */
.panel-shell:has(.admin-sidebar){padding-left:24px}.panel-shell:has(.admin-sidebar) #app-state{display:grid;grid-template-columns:190px minmax(0,1fr);gap:20px;align-items:start}.panel-shell:has(.admin-sidebar) #app-state> :not(.admin-sidebar){grid-column:2}.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar{grid-column:1;grid-row:1 / span 30;position:sticky;top:20px;left:auto;width:190px;margin:0;display:block}.panel-shell:has(.admin-sidebar) #app-state>.panel-title-row{padding-top:20px}
@media(max-width:980px){.panel-shell:has(.admin-sidebar){padding-left:16px}.panel-shell:has(.admin-sidebar) #app-state{display:block}.panel-shell:has(.admin-sidebar) #app-state> :not(.admin-sidebar){display:block}.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar{position:static;width:100%;margin:0 0 16px}.panel-shell:has(.admin-sidebar) #app-state>.panel-title-row{padding-top:20px}}

.affiliate-account-note{color:var(--panel-muted);font-size:11px;line-height:1.5;margin:10px auto 0;max-width:360px;text-align:center}.affiliate-account-note b{color:#dfd2ff}

.click-metrics{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.click-chart-bar{background:linear-gradient(180deg,#46d9ff,#4770e8)}.clicks-note{color:var(--panel-muted);display:block;font-size:10px;margin-top:14px}.clicks-note b{color:#d9caff}@media(max-width:800px){.click-metrics{grid-template-columns:1fr 1fr}}

.affiliate-screen-hidden{display:none!important}.dashboard-home{min-height:180px}.dashboard-home h2{font-size:22px;margin:10px 0}.dashboard-home p{color:var(--panel-muted);font-size:12px;line-height:1.6;margin:0;max-width:560px}.affiliate-menu nav a.active{background:rgba(65,205,255,.12);color:#fff}

.dashboard-metrics{grid-template-columns:repeat(3,1fr);margin:24px 0 18px}.dashboard-shortcuts{display:flex;flex-wrap:wrap;gap:8px}.dashboard-shortcuts a{background:rgba(255,255,255,.06);border:1px solid var(--panel-line);border-radius:9px;color:#dfd2ff;font-size:10px;padding:9px 12px;text-decoration:none}.dashboard-shortcuts a:hover{background:rgba(167,130,255,.14)}@media(max-width:800px){.dashboard-metrics{grid-template-columns:1fr 1fr}}

/* Tema CINÉFLIX: fundo cinematográfico e identidade vermelha */
:root{--panel-bg:#050506;--panel-surface:rgba(16,12,14,.9);--panel-surface-2:rgba(28,18,20,.94);--panel-line:rgba(255,92,72,.22);--panel-text:#fff8f5;--panel-muted:#c0aaa4;--panel-violet:#ff3b30;--panel-green:#78e0a4;--panel-amber:#ffc15c;--panel-red:#ff8b80}
body{background-color:#050506;background-image:linear-gradient(180deg,rgba(3,3,4,.68),rgba(5,5,6,.96) 72%),url('/manus-storage/file_00000000ca14820e98b4e2bde5b78c88_6d91b70b.png');background-position:center top;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}
body::before{background:radial-gradient(circle at 50% 3%,rgba(255,34,22,.2),transparent 35rem);content:'';inset:0;pointer-events:none;position:fixed;z-index:-1}
.panel-header{backdrop-filter:blur(12px);background:rgba(5,5,6,.45);border-bottom-color:rgba(255,75,55,.35);border-radius:0 0 14px 14px;padding:10px 14px 18px}
.panel-logo-image{background:#050506;border:1px solid rgba(255,90,70,.55);border-radius:10px;box-shadow:0 8px 26px rgba(255,30,20,.28);height:50px;object-fit:contain;width:89px}
.panel-brand{gap:12px}.panel-brand b{letter-spacing:.12em}.brand-mark{background:linear-gradient(135deg,#ff5548,#a50e0a);box-shadow:0 8px 22px rgba(255,45,30,.3)}
.panel-title-row h1,.customer-content h1{text-shadow:0 5px 24px rgba(0,0,0,.6)}
.overview-card,.metric-card,.detail-panel,.state-card,.customer-card,.customer-instructions,.affiliate-link-card,.withdrawal-card,.order-card{box-shadow:0 14px 44px rgba(0,0,0,.2)}
.primary-button{background:linear-gradient(135deg,#ff5143,#c01912);box-shadow:0 8px 24px rgba(220,30,18,.3)}
.admin-sidebar{background:rgba(12,8,10,.94);border-color:rgba(255,92,72,.25)}

/* Identidade tipográfica dos painéis: somente branco e vermelho */
:root{--panel-text:#fff;--panel-muted:#fff;--panel-violet:#ff4035;--panel-green:#ff5548;--panel-amber:#ff6b5f;--panel-red:#ff4035;--panel-line:rgba(255,75,58,.28)}
.panel-shell,.customer-shell{color:#fff}.panel-brand,.panel-brand b,.panel-title-row h1,.customer-content h1,.state-card h1,.section-heading h2,.detail-heading h2,.detail-total strong,.detail-empty h3,.detail-list dd,.customer-card h2,.customer-status strong{color:#fff}
.panel-brand small,.panel-user,.ghost-link,.panel-title-row p,.customer-lead,.state-card p,.section-heading span,.metric-card small,.order-card small,.detail-empty,.detail-total small,.detail-list dt,.detail-list dd span,.customer-status small,.customer-instructions p,.timeline-item,.affiliate-link-card small,.clicks-note,.affiliate-account-note,.withdrawal-row small{color:#fff!important}
.eyebrow,.section-kicker,.global-error,.inline-error,.status-badge,.tone-pending strong,.tone-approved strong,.tone-activated strong,.tone-revenue strong,.detail-items span,.affiliate-account-note b,.clicks-note b{color:#ff4035!important}
.primary-button{background:linear-gradient(135deg,#ff5143,#b81711);color:#fff}.ghost-button{color:#fff;border-color:rgba(255,75,58,.38)}
.status-pending,.status-approved,.status-activated,.status-cancelled,.status-failed{background:rgba(255,64,53,.12);color:#ff5a4d}.timeline{border-left-color:rgba(255,64,53,.45)}.timeline-item.done,.timeline-item.done:before{color:#ff5548}.timeline-item.done:before{background:#ff4035;border-color:#ff4035}.loader{border-top-color:#ff4035}
.overview-card .section-heading>span,.detail-items span{color:#fff;background:rgba(255,64,53,.14)}.chart-bar,.click-chart-bar{background:linear-gradient(180deg,#ff6b5f,#b81711)}.chart-bar b,.chart-column small{color:#fff}.affiliate-link-row strong{color:#fff}.affiliate-auth-tabs .active,.affiliate-menu nav a:hover,.affiliate-menu nav a:focus,.dashboard-shortcuts a:hover{color:#fff}.affiliate-menu nav a,.dashboard-shortcuts a{color:#fff}.dashboard-shortcuts a{border-color:rgba(255,75,58,.28)}

/* Cada módulo do painel ocupa a tela apenas quando selecionado no menu */
.admin-screen-hidden{display:none!important}
.admin-dashboard-overview{margin-bottom:22px}
.dashboard-home .overview-chart{margin-top:22px}

/* Menu administrativo abaixo da logo, antes do conteúdo selecionado */
.panel-shell:has(.admin-sidebar){padding-left:24px}
.panel-shell:has(.admin-sidebar) #app-state{display:block}
.panel-shell:has(.admin-sidebar) #app-state> :not(.admin-sidebar){grid-column:auto}
.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar{position:static;width:100%;margin:0 0 22px;padding:12px 14px;display:block}
.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar .sidebar-title{padding:4px 8px 11px}
.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}
.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar nav a{flex:0 0 auto}
.panel-shell:has(.admin-sidebar) #app-state>.panel-title-row{padding-top:18px}
@media(max-width:980px){.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar{margin-bottom:16px}.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar nav{overflow-x:auto;flex-wrap:nowrap}.panel-shell:has(.admin-sidebar) #app-state>.admin-sidebar nav a{white-space:nowrap}}

/* Menu do afiliado no mesmo padrão do ADM: abaixo da logo e sempre acessível */
.affiliate-menu{position:static;width:100%;height:auto;margin:0 0 22px;padding:12px 14px;background:rgba(12,8,10,.94);border:1px solid rgba(255,92,72,.25);border-radius:16px;box-shadow:0 18px 45px rgba(0,0,0,.2);transform:none}
.affiliate-menu.open{transform:none}.affiliate-menu .menu-heading{margin-bottom:10px}.affiliate-menu .menu-close,.affiliate-layout~.menu-backdrop,.menu-toggle{display:none!important}.affiliate-menu nav{display:flex;flex-wrap:wrap;gap:6px}.affiliate-menu nav a{flex:0 0 auto;padding:11px 12px;border-radius:9px;background:transparent;color:#fff;font-size:11px;font-weight:700}.affiliate-menu nav a:hover,.affiliate-menu nav a:focus,.affiliate-menu nav a.active{background:rgba(255,64,53,.14);color:#fff}
@media(max-width:720px){.affiliate-menu{margin-bottom:16px}.affiliate-menu nav{flex-wrap:nowrap;overflow-x:auto}.affiliate-menu nav a{white-space:nowrap}}

/* Gráfico de visão geral compacto */
.overview-chart{height:155px}
.overview-chart .chart-bars{min-height:130px}
@media(max-width:800px){.overview-chart{height:125px}.overview-chart .chart-bars{min-height:105px}}