/* Tema inspirado na organização visual do Bling Meu Negócio. */
body{background:var(--paper);font-size:14px}.grain{display:none}
.sidebar{width:232px;background:#fff;color:var(--ink);padding:22px 16px;border-right:1px solid var(--line);box-shadow:2px 0 12px rgba(31,45,52,.025)}
.brand{color:var(--ink);padding:0 8px 30px;gap:11px}.brand-mark{width:38px;height:38px;border-radius:8px;background:var(--green);color:#fff;letter-spacing:-1px;transform:none;box-shadow:0 5px 12px rgba(22,128,75,.2)}
.brand b{font-size:14px;letter-spacing:-.01em;text-transform:none}.brand small{color:#8a959a;font-size:9px;letter-spacing:.06em;margin-top:2px;text-transform:uppercase}
.sidebar nav{gap:3px}.nav-item{position:relative;color:#657177;padding:11px 12px 11px 42px;border-radius:7px;font-size:13px;font-weight:600}
.nav-item span{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#f0f3f4;color:#899398;font-size:9px;margin:0}
.nav-item:hover{background:#f1f7f4;color:var(--green-dark)}.nav-item.active{background:var(--green-soft);color:var(--green-dark)}.nav-item.active:before{content:"";position:absolute;left:-16px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--green)}.nav-item.active span{background:var(--green);color:#fff}
.sidebar-foot{border-top:1px solid var(--line);padding:18px 8px 0}.status-line{color:#748087}.status-line i.ok{background:#34a96a;box-shadow:0 0 0 4px rgba(52,169,106,.12)}.text-button{color:#748087}
main{margin-left:232px;padding:0 34px 54px;max-width:none}.topbar{min-height:112px;align-items:center;margin:0 -34px 24px;padding:20px 34px;background:#fff;border-bottom:1px solid var(--line)}
.eyebrow{color:#8a959a;font-size:9px;letter-spacing:.1em}.topbar h1{font-size:25px;letter-spacing:-.025em;font-weight:650}
.filters{padding:12px 14px;background:#f8f9fa;border:1px solid var(--line);border-radius:9px;align-items:end}.filters label{color:#68747a;font-size:9px;letter-spacing:.03em;font-weight:700}.filters select{min-width:132px;margin-top:5px;background:#fff;border-color:#d7dcdf;border-radius:6px;padding:9px 32px 9px 10px;font-size:12px;font-weight:600;outline:none}.filters select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(22,128,75,.1)}
.primary,.secondary{border-radius:6px;padding:10px 17px;font-size:12px}.primary{background:var(--green);box-shadow:0 2px 5px rgba(22,128,75,.18)}.primary:hover{background:var(--green-dark);transform:none}.secondary{background:var(--green);color:#fff}.secondary:hover{background:var(--green-dark)}
.hero-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.hero-card,.metric-card,.panel{border-color:var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-card,.metric-card{padding:19px 20px;min-height:132px;position:relative;overflow:hidden}
.hero-card.dark{background:#fff;color:var(--ink);border-color:var(--line)}.hero-card.dark:after{display:none}.hero-card p,.metric-card p,.hero-card.dark p{color:#6d797f;margin:0 0 16px;font-size:11px;font-weight:600}.hero-card strong,.metric-card strong,.hero-card.dark strong{font-size:27px;color:var(--ink);letter-spacing:-.025em}.metric-card small{color:#8a959a;margin-top:12px}.metric-card.accent{background:#fff;border-color:var(--line)}.metric-card.accent:before,.hero-card.dark:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--green)}.metric-card.accent p,.metric-card.accent small{color:#6d797f}
.delta{margin-top:9px;padding:3px 7px;background:var(--green-soft);color:var(--green);font-weight:700}.delta.up{color:var(--green)}.delta.down{background:#fceaea;color:var(--red)}.spark{opacity:.75}.spark i{background:var(--green)}
.content-grid{gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-head{margin-bottom:18px;padding-bottom:13px;border-bottom:1px solid #edf0f1}.panel h2,.section-intro h2{font-size:16px;font-weight:650;letter-spacing:-.01em}.chip{background:var(--green-soft);color:var(--green-dark);border-radius:5px;padding:6px 9px}
.bar-chart{height:220px;border-bottom-color:#e7ebed}.channel-bar-svg rect.current,.share-bar-svg .value{fill:var(--green)}.chart-legend i{background:var(--green)}
.signal{background:#f7f9f9;border:1px solid #edf0f1;border-radius:7px;padding:11px}.signal-icon{border-radius:6px;background:var(--green-soft);color:var(--green)}
th{background:#f7f9fa;color:#758187;padding:11px 12px;font-size:9px;border-bottom:1px solid var(--line)}td{padding:13px 12px;border-bottom:1px solid #edf0f1}.table-wrap{border:1px solid #edf0f1;border-radius:7px}tbody tr:hover{background:#fafcfa}.pill{border-radius:5px;background:var(--green-soft);color:var(--green-dark)}
.stock-level{display:inline-grid;min-width:32px;padding:5px 8px;border-radius:5px;text-align:center}.stock-level-zero{background:#fce4e4;color:#a52b27}.stock-level-low{background:#fff0bf;color:#795900}
.section-intro{padding:16px 18px;margin-bottom:16px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.placeholder{min-height:300px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}
.analysis-grid{gap:12px;margin-bottom:16px}.mini-card{border-radius:8px;padding:18px;box-shadow:var(--shadow)}.mini-card:before{content:"";display:block;width:28px;height:3px;margin-bottom:12px;border-radius:3px;background:var(--green)}.mini-card strong{font-size:21px}
.shipping-type{background:#fafbfb;border-radius:7px}.shipping-future table{background:#fff;border-radius:7px}.abc-band{border-radius:8px;border-top-color:var(--green)}.abc-badge{border-radius:5px;background:var(--green-soft);color:var(--green-dark)}
.reputation-hero{border-radius:8px;background:linear-gradient(135deg,var(--green-dark),var(--green));color:#fff}.reputation-hero .eyebrow,.reputation-hero>div>p:not(.eyebrow){color:rgba(255,255,255,.75)}.reputation-level{border-radius:7px;background:rgba(255,255,255,.14)}.reputation-metric{border-radius:8px}
dialog{border-radius:10px}dialog::backdrop{background:rgba(24,39,33,.62)}dialog input{border-radius:6px}
@media(max-width:1100px){.hero-grid{grid-template-columns:repeat(2,1fr)}.hero-card{grid-column:auto}}
@media(max-width:760px){.sidebar{width:auto;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding-bottom:12px}.nav-item{padding-left:38px}main{padding:0 14px 36px}.topbar{margin:0 -14px 18px;padding:18px 14px}.filters{padding:10px;width:100%}.hero-grid{grid-template-columns:1fr 1fr}.hero-card,.metric-card{min-height:126px;padding:16px}.hero-card strong,.metric-card strong,.hero-card.dark strong{font-size:23px}}
@media(max-width:480px){.hero-grid,.analysis-grid{grid-template-columns:1fr}.filters label{min-width:calc(50% - 6px)}.filters .primary{width:100%}}

/* Responsividade e alternância claro/escuro. */
.menu-toggle,.theme-toggle{font:inherit}.menu-toggle{display:none;width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--card);cursor:pointer}.menu-toggle span{display:block;height:2px;margin:4px 0;border-radius:2px;background:var(--ink)}
.sidebar-backdrop{display:none}.theme-toggle{display:flex;align-items:center;gap:9px;width:100%;margin-top:14px;padding:10px 0;border:0;background:transparent;color:#657177;font-size:11px;cursor:pointer;text-align:left}.theme-toggle-icon{position:relative;width:30px;height:17px;flex:0 0 auto;border-radius:99px;background:#dce2df;transition:background .2s}.theme-toggle-icon:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}.theme-toggle[aria-pressed="true"] .theme-toggle-icon{background:var(--green)}.theme-toggle[aria-pressed="true"] .theme-toggle-icon:after{transform:translateX(13px)}

html[data-theme="dark"]{color-scheme:dark;--ink:#eef4f1;--muted:#9eaaa5;--paper:#101714;--card:#18211d;--line:#2b3832;--green:#35ad70;--green-dark:#68ce98;--green-soft:#1e3b2e;--red:#ff7b76;--amber:#e7a840;--shadow:0 1px 3px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.12)}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .topbar,html[data-theme="dark"] .section-intro,html[data-theme="dark"] .placeholder,html[data-theme="dark"] .hero-card.dark,html[data-theme="dark"] .metric-card.accent{background:var(--card);color:var(--ink)}
html[data-theme="dark"] .nav-item{color:#aab6b0}html[data-theme="dark"] .nav-item span{background:#24312b;color:#a9b5af}html[data-theme="dark"] .nav-item:hover{background:#1b3026}html[data-theme="dark"] .nav-item.active{background:var(--green-soft);color:#8be0b1}
html[data-theme="dark"] .filters,html[data-theme="dark"] th,html[data-theme="dark"] .signal,html[data-theme="dark"] .shipping-type{background:#131b18}html[data-theme="dark"] .filters select,html[data-theme="dark"] .shipping-future table{background:var(--card);color:var(--ink)}
html[data-theme="dark"] tbody tr:hover{background:#1c2822}html[data-theme="dark"] td,html[data-theme="dark"] .panel-head{border-color:var(--line)}html[data-theme="dark"] .share-track{background:#2a3731}html[data-theme="dark"] .bar-pair i.previous,html[data-theme="dark"] .channel-bar-svg rect.previous{background:#4d5a54;fill:#4d5a54}html[data-theme="dark"] dialog{background:var(--card);color:var(--ink)}html[data-theme="dark"] dialog input{background:#111915;color:var(--ink)}html[data-theme="dark"] .theme-toggle{color:#aab6b0}
html[data-theme="dark"] .stock-level-zero{background:#552725;color:#ffaaa6}html[data-theme="dark"] .stock-level-low{background:#514418;color:#ffe38a}

@media(max-width:1200px){main{padding-left:24px;padding-right:24px}.topbar{margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px}.filters select{min-width:118px}.content-grid.two-thirds{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}.hero-card strong,.metric-card strong,.hero-card.dark strong{font-size:24px}}
@media(max-width:980px){
  body{overflow-x:hidden}.sidebar{position:fixed;z-index:30;inset:0 auto 0 0;width:min(300px,86vw);padding:22px 16px;transform:translateX(-105%);transition:transform .25s ease;box-shadow:10px 0 35px rgba(0,0,0,.2)}body.sidebar-open{overflow:hidden}body.sidebar-open .sidebar{transform:translateX(0)}
  .sidebar-backdrop{display:block;position:fixed;z-index:29;inset:0;background:rgba(8,16,12,.52);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible}.sidebar nav{display:grid;overflow:visible}.sidebar-foot{display:block}
  main{margin-left:0;padding:0 22px 44px}.topbar{min-height:auto;margin:0 -22px 20px;padding:16px 22px;align-items:center}.menu-toggle{display:block;flex:0 0 auto}.topbar-title{margin-right:auto}.filters{margin-left:auto}.content-grid.two-thirds{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-charts,.quality-charts{grid-template-columns:1fr}
}
@media(max-width:680px){
  main{padding:0 12px 32px}.topbar{position:sticky;z-index:20;top:0;margin:0 -12px 14px;padding:12px;gap:10px;align-items:center;flex-wrap:wrap;box-shadow:0 2px 10px rgba(0,0,0,.04)}.topbar-title{min-width:0}.topbar .eyebrow{display:none}.topbar h1{font-size:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filters{order:3;width:100%;display:grid;grid-template-columns:1fr 1fr auto;gap:8px;padding:8px}.filters label{min-width:0}.filters select{width:100%;min-width:0;padding-right:24px}.filters .primary{width:auto;align-self:end;white-space:nowrap}
  .hero-grid,.analysis-grid{grid-template-columns:1fr 1fr;gap:8px}.hero-card,.metric-card{min-width:0;min-height:116px;padding:15px}.hero-card strong,.metric-card strong,.hero-card.dark strong{font-size:clamp(19px,5vw,23px);overflow-wrap:anywhere}.panel{padding:15px}.panel-head,.section-intro{align-items:flex-start;gap:12px}.section-intro{padding:15px;flex-direction:column}.section-intro .secondary{width:100%}.bar-chart{gap:8px;padding-left:0;padding-right:0}.channel-bar-svg{width:min(90%,80px)}.chart-legend{gap:7px}.reputation-hero{padding:20px}.table-wrap{max-width:100%;-webkit-overflow-scrolling:touch}.shipping-grid{grid-template-columns:1fr}.abc-distribution{grid-template-columns:1fr}.notice{margin:0 0 12px}
}
@media(max-width:430px){.filters{grid-template-columns:1fr 1fr}.filters .primary{grid-column:1/-1;width:100%}.hero-grid,.analysis-grid{grid-template-columns:1fr}.hero-card,.metric-card{min-height:108px}.panel-head{flex-wrap:wrap}.reputation-metric{padding:15px}.quality-line{height:170px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.sidebar,.sidebar-backdrop,.theme-toggle-icon,.theme-toggle-icon:after{transition:none!important}.view{animation:none}}