:root{font-family:Inter,Segoe UI,sans-serif;color:#edf2fc;background:#191b2f;font-size:14px;--teal:#10c4c1;--muted:#98a8bd;--card:#212a41;--line:#334057}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #3a4860;background:#28344d;color:#edf2fc;padding:11px 16px;border-radius:9px}button:hover{border-color:var(--teal);background:#31425a}button.primary{background:var(--teal);border-color:var(--teal);color:#122636;font-weight:700}button:disabled{opacity:.4;cursor:not-allowed}input,select{background:#192237;border:1px solid #3d4b63;color:#edf2fc;padding:10px;border-radius:8px;min-width:0}label{display:flex;flex-direction:column;gap:8px;color:var(--muted);font-size:12px}h1{font-size:30px;letter-spacing:-1px;margin:8px 0}h2{font-size:18px;margin:0 0 8px}h3{font-size:15px}p{line-height:1.65;color:var(--muted)}small{color:var(--muted)}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:21px;letter-spacing:1px}.mark{display:grid;grid-template-columns:1fr 1fr;width:42px;height:42px;align-items:center;text-align:center;background:#2a2946;border-radius:10px;color:var(--teal);font-family:Georgia;font-size:21px;line-height:18px}.mark b:nth-child(2),.mark b:nth-child(3){color:#ee1765}.brand small{display:block;font-size:10px;letter-spacing:3px;font-weight:400;margin-top:5px}.sidebar{position:fixed;width:232px;inset:0 auto 0 0;background:#151a2c;border-right:1px solid var(--line);padding:30px 18px;display:flex;flex-direction:column}.sidebar .brand{margin-bottom:35px}.navlabel{font-size:10px;letter-spacing:2px;color:#75859e;margin:20px 10px 12px}.nav{display:flex;flex-direction:column;gap:3px}.nav button{background:transparent;border:0;text-align:left;color:#a6b4ca;padding:11px 14px}.nav button.active{color:#4bebe4;background:#123a46;border-left:3px solid var(--teal)}.nav button span{display:inline-block;width:26px;opacity:.7}.sidebar footer{margin-top:auto;padding:14px 8px;font-size:11px;color:var(--muted)}.main{margin-left:232px;padding:0 32px 32px}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:26px}.flex{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.badge{border-radius:6px;background:#34304a;color:#f5bed0;padding:6px 9px;font-size:10px;font-weight:700;letter-spacing:1px}.pill{color:#57ded4;font-size:11px}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#35415c;border-radius:50%}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal)}.heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.heading p{margin:4px 0}.notice{background:#222a40;border:1px solid #374058;border-radius:9px;padding:11px 16px;color:#aebbd0;font-size:12px;margin:18px 0}.notice strong{color:#51dcd8}.filters{display:grid;grid-template-columns:1fr 1fr repeat(4,1fr);gap:10px;margin:20px 0}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:linear-gradient(120deg,#232d43,#20283d);border:1px solid var(--line);border-radius:12px;padding:21px}.card{position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(4,12,28,.18)}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,#10c4c1,#4f8fff);opacity:.9}.card .value{font-size:34px;line-height:1.08;font-weight:800;margin:14px 0;letter-spacing:-1.4px;color:#fff;text-shadow:0 0 18px rgba(16,196,193,.2)}.card .delta{font-size:11px;color:#58dfc5;font-weight:650}.card small{font-size:12px;color:#b7c6da}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:18px;margin:20px 0}.panel p{font-size:12px;margin:3px 0 18px}.chart{width:100%;height:230px;overflow:visible}.legend{display:flex;gap:20px;font-size:11px;color:#98a8bd}.legend i{width:7px;height:7px;background:var(--teal);display:inline-block;border-radius:50%;margin-right:7px}.rank{display:flex;align-items:center;gap:13px;margin:22px 0}.rank .number{color:#6c809b;font-size:12px}.rank .track{height:5px;border-radius:5px;background:#364159;margin-top:10px}.rank .track div{height:5px;border-radius:5px;background:linear-gradient(90deg,#10c4c1,#548ba1)}.rank .text{flex:1;font-size:12px}.rank strong{font-size:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{color:#8496af;font-weight:500;padding:13px 10px;border-bottom:1px solid var(--line)}td{padding:16px 10px;border-bottom:1px solid #303b50}tbody tr:last-child td{border:0}.tablewrap{overflow:auto}.subgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.login{display:grid;grid-template-columns:1.2fr 1fr;min-height:100vh}.login-hero{padding:60px;background:radial-gradient(ellipse at 30% 40%,#164653 0%,#191b2f 65%);display:flex;flex-direction:column;justify-content:center}.login-hero h1{font-size:58px;line-height:1.08;max-width:600px;margin-top:48px}.login-hero h1 em{color:var(--teal);font-style:normal}.login-box{display:flex;align-items:center;justify-content:center;padding:45px}.login form{width:370px}.form{display:grid;gap:18px}.error{color:#ff9bbe;min-height:20px;font-size:12px}.form .primary{margin-top:6px}.brand-ref{width:150px;border-radius:12px}.empty{text-align:center;padding:60px;color:var(--muted)}#toast{position:fixed;bottom:24px;right:24px;max-width:450px;padding:16px 22px;background:#31415a;border:1px solid #10c4c1;border-radius:12px;display:none;z-index:100}.check{flex-direction:row;align-items:center}.actions{display:flex;gap:9px;flex-wrap:wrap}.muted{color:var(--muted)}@media(max-width:1200px){.sidebar{width:205px}.main{margin-left:205px;padding:0 20px 20px}.cards{grid-template-columns:repeat(3,1fr)}.filters{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1.4fr 1fr}}@media print{.sidebar,.topbar,.actions,button{display:none!important}.main{margin:0;padding:10px}.card,.panel{break-inside:avoid}.cards{grid-template-columns:repeat(4,1fr)}body{print-color-adjust:exact}.filters{grid-template-columns:repeat(6,1fr)}.heading{margin:0}input,select{appearance:none;border:0}.notice{margin:8px 0}.chart{height:170px}}

.password-wrap{display:flex;align-items:stretch;gap:8px;width:100%}.password-wrap input{flex:1;min-width:0}.password-wrap .password-toggle{flex:0 0 auto;min-width:82px;margin:0}.password-toggle:focus-visible{outline:2px solid #10c4c1;outline-offset:2px}

.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#75859e #151a2c}.sidebar>*{flex-shrink:0}


.tablewrap a { color: #51dcd8; text-underline-offset: 3px; }


/* Animações de navegação: cores acompanham autorização; lives/campanhas decorativas. */
.nav .nav-icon { display:inline-block; flex-shrink:0; }
.nav .nav-live, .nav .nav-disconnected { color:#ff526b; animation:nav-blink 1.8s ease-in-out infinite; }
.nav .nav-connected { color:#37e68b; animation:nav-blink 1.8s ease-in-out infinite; }
.nav .nav-flag { color:#10c4c1; transform-origin:20% 85%; animation:nav-wave 1.25s ease-in-out infinite; }
@keyframes nav-blink { 0%,100% {opacity:1;filter:drop-shadow(0 0 4px currentColor);} 50% {opacity:.25;filter:none;} }
@keyframes nav-wave { 0%,100% {transform:rotate(-9deg) skewY(-5deg);} 50% {transform:rotate(9deg) skewY(7deg);} }
@media (prefers-reduced-motion:reduce) { .nav .nav-icon {animation:none;} }

.nav .nav-icon {width:20px;height:20px;line-height:0;color:#8ea8bc;}
.nav .nav-icon svg {width:20px;height:20px;overflow:visible;}
.nav .active .nav-icon,.nav button:hover .nav-icon {color:#10c4c1;}
.nav .nav-live,.nav .nav-disconnected {color:#ff526b;}
.nav .nav-connected {color:#37e68b;}
.nav .nav-flag {color:#10c4c1;}
.nav-chart .bar {transform-origin:12px 18px;animation:icon-bars 3.6s ease-in-out infinite;}
.nav-chart .b2 {animation-delay:-1.2s;}.nav-chart .b3 {animation-delay:-2.4s;}
.nav-people .people {animation:icon-meet 4s ease-in-out infinite;}
.nav-creator .spark {transform-origin:18px 17px;animation:icon-spark 4.8s ease-in-out infinite;}
.nav-product svg {animation:icon-float 4.2s ease-in-out infinite;}
.nav-report .report-lines {stroke-dasharray:16;animation:icon-write 4.5s ease-in-out infinite;}
.nav-building .windows {animation:icon-glow 5s ease-in-out infinite;}
.nav-links svg {animation:icon-turn 9s linear infinite;}
.nav-user svg {transform-origin:center bottom;animation:icon-nod 5s ease-in-out infinite;}
.nav-settings svg {animation:icon-turn 18s linear infinite;}
@keyframes icon-bars {0%,100%{transform:scaleY(1)}50%{transform:scaleY(.6)}}
@keyframes icon-meet {0%,100%{transform:translateX(0)}50%{transform:translateX(1.5px)}}
@keyframes icon-spark {0%,70%,100%{transform:scale(.85);opacity:.6}85%{transform:scale(1.12);opacity:1}}
@keyframes icon-float {0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes icon-write {0%,100%{stroke-dashoffset:0}50%{stroke-dashoffset:9}}
@keyframes icon-glow {0%,100%{opacity:.45}50%{opacity:1;stroke:#51dcd8}}
@keyframes icon-turn {to{transform:rotate(360deg)}}
@keyframes icon-nod {0%,75%,100%{transform:rotate(0)}85%{transform:rotate(-5deg)}92%{transform:rotate(3deg)}}
@media (prefers-reduced-motion:reduce){.nav .nav-icon,.nav .nav-icon * {animation:none!important;}}
/* Grade fixa mantém os rótulos alinhados mesmo com ícones em movimento. */
.nav button {display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:11px;min-height:44px;border-left:3px solid transparent;padding:10px 11px;}
.nav button.active {border-left:3px solid var(--teal);}
.nav button .nav-icon {width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:1;}
.nav button .nav-text {width:auto;opacity:1;line-height:1.35;overflow-wrap:normal;}
.li-center {display:grid;gap:18px;min-width:0;}
.li-hero {background:linear-gradient(110deg,#163c49,#24263e);border:1px solid #376275;border-radius:14px;padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.li-hero h2 {font-size:27px;margin-top:16px;letter-spacing:-.6px;}.li-hero p {margin-bottom:0;}
.li-center .notice {margin:0;}.li-cards {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.li-grid {display:grid;grid-template-columns:1.2fr 1fr;gap:18px;min-width:0;}.li-grid>* {min-width:0;}
.li-toolbar {display:flex;align-items:end;flex-wrap:wrap;gap:16px;}.li-toolbar label:nth-child(2){flex:1;min-width:200px;}
.li-selected {border-color:#10c4c1;color:#56e7df;background:#153d47;}
.li-bar {display:grid;grid-template-columns:minmax(90px,1fr) 2fr minmax(100px,auto);align-items:center;gap:14px;margin:22px 0;font-size:12px;}
.li-bar>div {background:#334057;height:7px;border-radius:6px;}.li-bar i{display:block;height:7px;background:linear-gradient(90deg,#10c4c1,#64b4df);border-radius:6px;}
.li-insights {padding-left:19px;color:#b5c5d7;font-size:13px;line-height:1.7;}.li-insights li {margin-bottom:15px;}
.li-funnel {display:flex;gap:20px;align-items:center;justify-content:space-around;margin:22px 0;}.li-funnel strong {display:block;font-size:28px;color:#53e0d9;}.li-funnel small {display:block;margin-top:8px;}
.li-facts {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;color:#a6b4ca;font-size:12px;}.li-facts b {display:block;font-size:20px;color:#edf2fc;margin-top:7px;}
.li-timeline {height:160px;position:relative;margin:30px 12px 12px;border-bottom:1px solid #526179;background:repeating-linear-gradient(to top,transparent 0,transparent 39px,#334057 40px);}
.li-point {position:absolute;bottom:0;width:9px;padding:0;border:0;border-radius:4px 4px 0 0;background:#10c4c1;transform:translateX(-50%);min-height:5px;}.li-point:hover,.li-point:focus {background:#e94f95;outline:2px solid white;}
.li-offer {margin:17px 0;font-size:12px;color:#c0ccdc;}.li-offer>div {background:#33364d;height:6px;margin-top:8px;}.li-offer i {display:block;background:#e94f95;height:6px;border-radius:4px;max-width:100%;}
.li-form-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}.li-input-section {border-top:1px solid #3d4b63;padding-top:16px;}.li-input-section summary {font-weight:600;cursor:pointer;margin-bottom:12px;}.li-input-section input {width:100%;min-width:110px;}.li-input-section table{min-width:600px;}
.li-editor textarea {width:100%;background:#192237;color:#edf2fc;border:1px solid #3d4b63;border-radius:8px;padding:12px;font:inherit;resize:vertical;}.li-notes {white-space:pre-wrap;}.li-empty {padding:25px;text-align:center;}#li-error{color:#ff9bbe;}
body:has(.li-center) .heading .actions,body:has(.li-center) .main>.notice {display:none;}
@media(max-width:1000px){.li-grid{grid-template-columns:1fr}.li-cards,.li-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.li-hero{align-items:start;flex-direction:column}}
@media(max-width:700px){.sidebar{position:relative;width:100%;padding:16px}.sidebar .brand{margin-bottom:8px}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.nav .navlabel{grid-column:1/-1}.sidebar footer{display:none}.main{margin-left:0;padding:0 14px 20px}.topbar{height:auto;min-height:84px;gap:12px;flex-wrap:wrap}.li-cards,.li-form-grid{grid-template-columns:1fr 1fr}.li-bar{grid-template-columns:1fr 1fr}.li-bar strong{grid-column:2}.li-toolbar label{width:100%}.li-hero h2{font-size:23px}}
.li-center>* {min-width:0;max-width:100%;}.li-center .panel {min-width:0;}.li-toolbar>* {min-width:0;}.li-hero h2,.li-insights,.li-notes {overflow-wrap:anywhere;}
@media(max-width:700px){.li-toolbar{display:grid;grid-template-columns:minmax(0,1fr)}.li-toolbar label:nth-child(2){min-width:0}.topbar>.flex{min-width:0;max-width:100%}.topbar select{max-width:190px}.li-editor .flex.between{flex-wrap:wrap}.li-form-grid{grid-template-columns:minmax(0,1fr)}.li-cards .value{font-size:23px}}

.shop-panel .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.shop-panel .card{min-width:0}.shop-panel .value{overflow-wrap:anywhere}@media(max-width:1100px){.shop-panel .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.shop-panel .cards{grid-template-columns:1fr}.heading{flex-wrap:wrap}.heading .actions{flex-wrap:wrap}}
.commerce-panel{margin-top:18px}.commerce-panel table{min-width:760px}.commerce-panel strong{color:#edf2fc}.commerce-cards{grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 18px}.commerce-cards .value{font-size:28px}@media(max-width:1000px){.commerce-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.commerce-cards{grid-template-columns:1fr}}

/* Dashboard executivo 0.3.24 */
.exec-dashboard .cards{grid-template-columns:repeat(4,minmax(0,1fr))}.exec-dashboard .card{min-width:0}.exec-dashboard .value{overflow-wrap:anywhere}.exec-dashboard .panel{min-width:0}.exec-dashboard .filters{grid-template-columns:repeat(5,minmax(0,1fr))}.exec-dashboard .tablewrap{overflow-x:auto}.exec-dashboard table{min-width:760px}@media(max-width:700px){.exec-dashboard .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.exec-dashboard .filters{grid-template-columns:repeat(2,minmax(0,1fr))}.exec-dashboard .value{font-size:22px}.exec-dashboard .card{padding:14px}.exec-dashboard .empty{padding:24px}}
.exec-tabs{margin:18px 0}.exec-charts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.exec-up{color:#29c687}.exec-down{color:#ee6272}@media(max-width:1200px){.exec-charts{grid-template-columns:1fr}}@media print{.exec-tabs,.filters,#exec-cost,#exec-settings,#exec-entry{display:none}.exec-charts{display:block}.exec-charts .panel{break-inside:avoid}}

/* Gráficos executivos interativos 0.3.28 */
.exec-chart-panel{padding:18px;background:linear-gradient(145deg,#242e45,#1d2539);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.exec-chart-panel:hover{transform:translateY(-2px);border-color:#52617b;box-shadow:0 15px 35px rgba(4,12,28,.28)}.exec-chart-panel h3{margin:0 0 4px;font-size:14px}.exec-chart{height:220px}.chart-grid{stroke:#364057;stroke-width:1}.chart-line{stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.22))}.chart-area{pointer-events:none}.chart-target{fill:transparent;pointer-events:all;cursor:crosshair}.chart-guide{stroke:#d8e5f7;stroke-width:1;stroke-dasharray:4 4;opacity:0;pointer-events:none}.chart-dot{opacity:0;stroke:#fff;stroke-width:2;pointer-events:none}.chart-tooltip{display:none;pointer-events:none}.chart-tooltip rect{fill:#f8fbff;stroke:#d8e1ef;filter:drop-shadow(0 7px 10px rgba(0,0,0,.35))}.chart-tooltip text{fill:#172238;font-size:11px;font-weight:700}.chart-hit:hover .chart-tooltip,.chart-hit:focus .chart-tooltip,.chart-hit:hover .chart-guide,.chart-hit:focus .chart-guide,.chart-hit:hover .chart-dot,.chart-hit:focus .chart-dot{display:block;opacity:1}.chart-hit:focus{outline:none}.chart-legend-current,.chart-legend-prior{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--chart-color,#735cff)}.chart-legend-prior{background:#73829f;margin-left:10px}.exec-charts-ads{grid-template-columns:repeat(3,minmax(0,1fr))}.exec-chart-empty{padding:68px 18px}.exec-up,.exec-down{display:inline-flex;align-items:center;width:max-content;padding:4px 8px;border-radius:999px;font-weight:750;margin-top:2px}.exec-up{background:rgba(41,198,135,.13);color:#50e2a4}.exec-down{background:rgba(238,98,114,.13);color:#ff8090}@media(max-width:1200px){.exec-charts-ads{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.exec-charts-ads{grid-template-columns:1fr}.exec-chart{height:205px}}

/* Estado global de sincronização */
.sync-overlay{position:fixed;right:22px;bottom:22px;z-index:900;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.sync-overlay.active{opacity:1;visibility:visible}.sync-dialog{pointer-events:auto;width:min(390px,calc(100vw - 32px));padding:18px;border:1px solid rgba(81,220,216,.55);border-radius:16px;background:linear-gradient(145deg,rgba(34,45,68,.98),rgba(24,31,49,.96));box-shadow:0 18px 48px rgba(0,0,0,.45);text-align:left}.sync-dialog h3{font-size:17px;margin:0 0 5px 42px}.sync-dialog p{margin:0 0 0 42px;color:#b9c7da}.sync-loader{float:left;width:28px;height:28px;margin:2px 0 0;border:3px solid rgba(81,220,216,.18);border-top-color:#51dcd8;border-right-color:#8b6cff;border-radius:50%;animation:sync-spin .85s linear infinite}.sync-pulse{display:none}.sync-cancel{margin:14px 0 0 42px}.sync-pulse i{width:6px;height:6px;border-radius:50%;background:#51dcd8;animation:sync-pulse 1.1s ease-in-out infinite}.sync-pulse i:nth-child(2){animation-delay:.15s}.sync-pulse i:nth-child(3){animation-delay:.3s}@keyframes sync-pulse{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media(max-width:620px){.sync-overlay{right:12px;bottom:12px;left:12px}.sync-dialog{width:100%}}@media(prefers-reduced-motion:reduce){.sync-loader,.sync-pulse i{animation-duration:2s}}
.sync-cancel{display:block;margin:18px auto 0;background:transparent;color:#d8e2f1;border-color:#63708a}.sync-cancel:hover{border-color:#51dcd8;color:#fff}

#sync{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:145px;transition:box-shadow .2s ease,transform .2s ease}#sync.syncing{opacity:1;background:#19d5d1;box-shadow:0 0 0 4px rgba(16,196,193,.13),0 8px 24px rgba(16,196,193,.25)}#sync .sync-icon{display:inline-block;font-size:19px;line-height:1;transform-origin:center}#sync.syncing .sync-icon{animation:sync-spin .75s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.commerce-cards .value,.shop-panel .value,.exec-dashboard .value{font-size:34px;font-weight:800;color:#fff}@media(prefers-reduced-motion:reduce){#sync.syncing .sync-icon{animation-duration:1.8s}}
.login-box form>button{transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.login-box form>button:active{transform:translateY(3px) scale(.985);box-shadow:inset 0 3px 8px rgba(0,0,0,.28)}.login-box form>button.login-loading{position:relative;filter:saturate(.85);padding-left:44px;cursor:wait}.login-box form>button.login-loading:before{content:"";position:absolute;left:18px;top:50%;width:16px;height:16px;margin-top:-10px;border:2px solid rgba(18,38,54,.25);border-top-color:#122636;border-radius:50%;animation:sync-spin .7s linear infinite}.login-box form>button.login-loading:active{transform:none}
.authorization-link-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.authorization-link-controls label{min-width:240px}.authorization-link-result{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin-top:18px;padding:16px;border:1px solid #3d5f73;border-radius:12px;background:#19273d}.authorization-link-result label{min-width:0}.authorization-link-result input{width:100%}.authorization-link-result small{grid-column:1/-1}@media(max-width:700px){.authorization-link-result{grid-template-columns:1fr}.authorization-link-result small{grid-column:auto}}

/* Graficos consistentes, interativos e legiveis em qualquer largura. */
.main,.panel,.card,.grid>*,.subgrid>*,.exec-charts>*{min-width:0}
.chart-shell{width:100%;min-width:0;overflow:hidden}
.chart-shell .chart{display:block;width:100%;height:auto;min-height:210px;max-height:260px}
.chart-axis-label{fill:#9cb2ce;font-size:10px;font-weight:600}
.chart-axis-x{font-size:10px}
.chart-help{margin:6px 0 0!important;color:#8fa2bb!important;font-size:11px!important}
.chart-bar{opacity:.88;transform-box:fill-box;transform-origin:center bottom;transition:opacity .18s ease,filter .18s ease,transform .18s ease}
.chart-bar-hit:hover .chart-bar,.chart-bar-hit:focus .chart-bar{opacity:1;filter:brightness(1.17) drop-shadow(0 6px 8px rgba(0,0,0,.28));transform:scaleY(1.025)}
.chart-bar-hit:hover .chart-tooltip,.chart-bar-hit:focus .chart-tooltip,.chart-bar-hit:hover .chart-guide,.chart-bar-hit:focus .chart-guide,.chart-bar-hit:hover .chart-dot,.chart-bar-hit:focus .chart-dot{display:block;opacity:1}
.chart-bar-hit:focus{outline:none}
.chart-bars .chart-target{fill:transparent}
.cards{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr))}
.exec-charts,.exec-charts-ads{grid-template-columns:repeat(auto-fit,minmax(min(285px,100%),1fr))}
.tablewrap{max-width:100%;scrollbar-width:thin;scrollbar-color:#506078 #1a2234}
@media(max-width:900px){.grid,.subgrid{grid-template-columns:1fr}.main{padding-left:16px;padding-right:16px}.chart-shell .chart{min-height:190px}.chart-axis-label{font-size:9px}}
@media(max-width:560px){.main{padding-left:10px;padding-right:10px}.panel,.card{padding:15px}.chart-shell .chart{min-height:175px}.chart-axis-x{font-size:8px}.chart-help{text-align:center}.card .value{font-size:27px}}

/* CRM de afiliados e envio de amostras */
.affiliate-settings-panel{margin-bottom:20px}.affiliate-compose{margin-top:20px}.affiliate-picker{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:18px}.affiliate-filter{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px;margin-bottom:10px}.affiliate-scroll{max-height:360px;overflow:auto;border:1px solid #34415b;border-radius:12px;background:#182237;padding:8px;scrollbar-width:thin}.affiliate-choice{display:flex!important;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #2b3850;cursor:pointer}.affiliate-choice:last-child{border-bottom:0}.affiliate-choice:hover{background:#22304a}.affiliate-choice input{width:auto;flex:0 0 auto}.affiliate-choice span{display:grid;gap:3px}.affiliate-choice small{color:#9fb0c7}.affiliate-review{margin-top:20px;padding:18px;border:1px solid #5d65d8;border-radius:14px;background:linear-gradient(135deg,#202b45,#24233f)}.affiliate-review .cards{margin:14px 0}.affiliate-review .card{padding:14px}.affiliate-review .value{font-size:28px}.affiliate-review details{margin:14px 0}.affiliate-review summary{cursor:pointer;color:#ffca73}.affiliate-review #affiliate-progress{margin-top:14px}@media(max-width:900px){.affiliate-picker{grid-template-columns:1fr}.affiliate-filter{grid-template-columns:1fr}.affiliate-scroll{max-height:300px}}
.value-major{font-size:1em;font-weight:850}.value-minor{font-size:.58em;font-weight:750;letter-spacing:-.02em;opacity:.78;vertical-align:.12em;margin-left:.04em}.exec-product-picker{position:relative;max-width:760px;margin:14px 0}.exec-product-picker>label{margin-bottom:8px}.exec-product-picker>input{width:100%}.exec-product-options{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;max-height:320px;overflow:auto;padding:7px;background:#182237;border:1px solid #465671;border-radius:11px;box-shadow:0 18px 45px rgba(3,9,22,.5);scrollbar-width:thin}.exec-product-options button{display:flex;width:100%;flex-direction:column;align-items:flex-start;text-align:left;gap:5px;border:0;border-bottom:1px solid #2d3a52;border-radius:7px;background:transparent;padding:11px 12px;white-space:normal;overflow-wrap:anywhere}.exec-product-options button:hover,.exec-product-options button.selected{background:#273651;border-color:#3d7890}.exec-product-options button strong{line-height:1.35}.exec-product-options button small{font-size:11px;color:#92a8c3}.exec-product-empty{padding:18px!important;margin:0!important}.exec-product-name{min-width:250px}.exec-product-name strong,.exec-product-name small{display:block;white-space:normal;overflow-wrap:anywhere}.exec-product-name small{margin-top:5px}
/* Caixa de entrada de creators */
.nav-count{margin-left:auto;min-width:28px;padding:2px 7px;border-radius:999px;background:#ef476f;color:#fff;font-size:11px;font-weight:800;text-align:center}.message-cards .value-small{font-size:18px;line-height:1.35}.messages-panel{margin-top:20px}.messages-layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;margin-top:18px}.messages-list{max-height:680px;overflow:auto;padding-right:6px}.message-item{padding:15px;margin-bottom:10px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.message-item p{margin:10px 0;line-height:1.45;overflow-wrap:anywhere}.message-item form{display:flex;gap:8px;flex:1}.message-item select{min-width:0;flex:1}.message-order{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#6b5cff;color:#fff;font-size:12px;font-weight:800}.counter{min-width:32px;padding:4px 7px;border-radius:999px;background:#ef476f;color:#fff;font-size:12px;font-weight:800;text-align:center}.message-thread{min-height:300px;padding:17px;border:1px solid var(--line);border-radius:12px;background:rgba(4,10,28,.28)}.thread-scroll{display:flex;flex-direction:column;gap:10px;max-height:610px;overflow:auto}.bubble{max-width:78%;padding:11px 14px;border-radius:14px;background:#26324d}.bubble p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.seller{align-self:flex-end;background:#244b58}.bubble.creator{align-self:flex-start}.template-list{display:grid;gap:10px;margin-top:20px}.template-list article{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid var(--line);border-radius:12px}.template-list p{white-space:pre-wrap}.page-loader{min-height:180px;display:grid;place-items:center}.loader-bar{width:min(420px,80%);height:5px;border-radius:10px;background:linear-gradient(90deg,#20d6d1,#7a5cff,#ef5ca8);background-size:200% 100%;animation:loader-slide 1s linear infinite}@keyframes loader-slide{to{background-position:-200% 0}}@media(max-width:1050px){.messages-layout{grid-template-columns:1fr}.messages-list{max-height:520px}.message-thread{min-height:240px}}@media(max-width:680px){.message-item form,.messages-panel>.flex{flex-direction:column}.bubble{max-width:94%}}
.badge.deadline-overdue{background:#4a1f2a;color:#ff9aa8;border-color:#a8374c}.badge.deadline-soon{background:#4a3b17;color:#ffd37a;border-color:#a9812c}.badge.deadline-ok{background:#173a33;color:#7fe0c5;border-color:#2a8a74}

/* Efeito de afundamento ao clicar nos botões dos painéis */
.panel button{transition:transform .12s ease,box-shadow .18s ease,filter .18s ease}.panel button:not(:disabled):active{transform:translateY(3px) scale(.985);box-shadow:inset 0 3px 8px rgba(0,0,0,.28)}
