:root{
  --bg:#06101c;--panel:#0b1726;--panel2:#0f1f31;--line:#203047;
  --text:#f4f7fb;--muted:#8fa4bd;--accent:#05e6d1;--accent2:#1ea7ff;
  --good:#38d996;--warn:#ffbf69;--danger:#ff6b7a;--purple:#8b7cff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 85% -10%,rgba(30,167,255,.12),transparent 25%),
radial-gradient(circle at 20% 0%,rgba(5,230,209,.07),transparent 28%),
var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:inherit}
button,input,select{font:inherit}
.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--line);background:rgba(6,16,28,.97)}
.brand{display:flex;align-items:center;gap:11px;padding:4px 8px 20px}
.logo{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(5,230,209,.18),rgba(30,167,255,.12));border:1px solid rgba(5,230,209,.35)}
.radar{width:28px;height:28px;border:2px solid var(--accent);border-radius:50%;position:relative}
.radar:before,.radar:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(5,230,209,.72);border-radius:50%}
.radar:before{width:17px;height:17px}.radar:after{width:6px;height:6px;background:var(--accent)}
.brand strong{display:block;font-size:16px}.brand span{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.5px}
.nav{display:grid;gap:6px}.nav a{text-decoration:none;color:var(--muted);padding:10px 11px;border-radius:11px;display:flex;align-items:center;gap:10px;font-size:14px}
.nav a.active,.nav a:hover{background:linear-gradient(90deg,rgba(5,230,209,.11),rgba(30,167,255,.06));color:#fff;border:1px solid rgba(5,230,209,.12)}
.sidefoot{position:absolute;bottom:15px;left:14px;right:14px;border:1px solid var(--line);border-radius:14px;padding:12px;background:#091522}
.sidefoot b{display:block;font-size:12px}.sidefoot span{display:block;font-size:11px;color:var(--muted);margin-top:4px}
.main{padding:22px 26px 42px;min-width:0}.top{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px}
.search{flex:1;max-width:620px}.search input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#081522;color:#fff;outline:none}
.userchip{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#002;font-weight:800}
.logout{color:#ff9ca6;text-decoration:none;font-size:11px}
.headline{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:8px 0 18px}.headline h1{margin:0 0 6px;font-size:28px}.muted{color:var(--muted)}
.btn{border:0;border-radius:11px;background:linear-gradient(90deg,var(--accent),var(--accent2));color:#00141d;padding:10px 14px;font-weight:800;cursor:pointer}
.card{background:linear-gradient(180deg,rgba(15,31,49,.97),rgba(10,23,37,.97));border:1px solid var(--line);border-radius:17px}
.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:12px;margin-bottom:12px}.tab{padding:9px 12px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--muted);font-size:12px;background:#091522}.tab.active{color:#00151d;background:linear-gradient(90deg,var(--accent),var(--accent2));border-color:transparent;font-weight:800}
.filters{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr 1fr .8fr;gap:9px;padding:13px;margin-bottom:12px}
.filters input,.filters select{width:100%;padding:10px 11px;border-radius:10px;border:1px solid var(--line);background:#07121f;color:#d8e4f1;outline:none}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.metric{padding:15px}.metric .label{font-size:11px;color:var(--muted)}.metric .value{font-size:23px;font-weight:800;margin:7px 0}.up{color:var(--good);font-size:11px}
.tablecard{overflow:hidden}.tablehead{padding:15px 16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;align-items:center}
.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1260px}th{padding:10px 12px;color:#7f95af;font-size:10px;text-align:left;background:#0b1726;white-space:nowrap}td{padding:12px;border-top:1px solid rgba(32,48,71,.7);font-size:11px;vertical-align:middle}
.prod{display:flex;align-items:center;gap:10px}.prodimg{width:46px;height:46px;border-radius:11px;border:1px solid var(--line);background:linear-gradient(145deg,#17314a,#091522);display:grid;place-items:center;font-size:20px;flex:0 0 auto}.prod b{display:block;max-width:230px;font-size:12px}.prod span{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.spark{width:92px;height:32px}.spark path{fill:none;stroke:var(--accent2);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.score{font-size:13px;font-weight:900}.score.good{color:var(--accent)}.score.mid{color:var(--warn)}.badge{display:inline-block;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800}.badge.strong{background:rgba(56,217,150,.1);color:var(--good)}.badge.hot{background:rgba(255,191,105,.1);color:var(--warn)}.badge.new{background:rgba(139,124,255,.12);color:#b9afff}
.money{font-weight:800}.commission{color:var(--good);font-weight:800}.trendup{color:var(--good);font-weight:800}.trenddown{color:var(--danger);font-weight:800}
.detailgrid{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.hero{padding:18px}.producthero{display:flex;gap:16px;align-items:flex-start}.bigimg{width:115px;height:115px;border-radius:18px;background:linear-gradient(145deg,#18344d,#091522);border:1px solid var(--line);display:grid;place-items:center;font-size:48px}.producthero h2{margin:0 0 8px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.kpi{padding:12px;border:1px solid var(--line);border-radius:13px;background:#091522}.kpi span{display:block;font-size:10px;color:var(--muted)}.kpi b{display:block;font-size:17px;margin-top:5px}.panel{padding:16px}.radarscore{display:grid;place-items:center;height:220px}.scorecircle{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--accent) 0 94%, #17283c 94% 100%);display:grid;place-items:center}.scorecircle:before{content:"";position:absolute}.scoreinner{width:112px;height:112px;border-radius:50%;background:#0d1c2c;display:grid;place-items:center;text-align:center}.scoreinner b{font-size:34px}.scoreinner span{font-size:10px;color:var(--muted)}
.factor{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(32,48,71,.65);font-size:12px}.factor:last-child{border:0}
.chartarea{height:250px;margin-top:8px}.chartarea svg{width:100%;height:100%}.gridline{stroke:#203047}.line{fill:none;stroke:#05e6d1;stroke-width:3}.area{fill:url(#g)}
@media(max-width:1100px){.app{grid-template-columns:82px 1fr}.brand div:last-child,.nav span,.sidefoot{display:none}.nav a{justify-content:center}.filters{grid-template-columns:repeat(3,1fr)}.summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app{display:block}.sidebar{display:none}.main{padding:16px}.top{align-items:flex-start}.search{display:none}.headline{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr 1fr}.summary,.detailgrid,.kpis{grid-template-columns:1fr 1fr}.producthero{flex-direction:column}}
@media(max-width:520px){.filters,.summary,.kpis{grid-template-columns:1fr}}

.prodimg{overflow:hidden}
.prodimg img{width:100%;height:100%;object-fit:cover;display:block}
.bigimg{overflow:hidden}
.bigimg img{width:100%;height:100%;object-fit:cover;display:block}

/* V3.2 - logomarca oficial Shop Radar */
.brand{padding-top:0}
.brand-logo-img{
  display:block;
  width:190px;
  max-width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:1100px){
  .brand-logo-img{width:54px;height:54px;object-fit:cover;object-position:left center;border-radius:12px}
}


/* V3.3 — Logomarca JPEG + seletor Dia/Noite */
.brand{
  justify-content:center;
  padding:2px 4px 18px;
}
.brand-logo-img{
  display:block;
  width:142px;
  height:142px;
  max-width:100%;
  object-fit:contain;
  border-radius:18px;
}

/* botão de tema */
.theme-toggle{
  height:40px;
  padding:0 12px;
  border:1px solid var(--line);
  border-radius:999px;
  background:var(--panel);
  color:var(--text);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transition:.2s ease;
  white-space:nowrap;
  box-shadow:0 7px 22px rgba(0,0,0,.08);
}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(5,230,209,.55)}
.theme-icon{font-size:17px;line-height:1}
.theme-text{font-size:11px;font-weight:800}
.top-actions{display:flex;align-items:center;gap:12px}

/* MODO DIA */
html[data-theme="light"]{
  color-scheme:light;
}
html[data-theme="light"] body{
  --bg:#f4f7fb;
  --panel:#ffffff;
  --panel2:#f8fbff;
  --line:#dfe7f1;
  --text:#172338;
  --muted:#657790;
  --accent:#00cdbc;
  --accent2:#159cff;
  --good:#0ca56e;
  --warn:#db851d;
  --danger:#d84c61;
  --purple:#6f61e8;
  background:
    radial-gradient(circle at 92% -8%,rgba(21,156,255,.10),transparent 27%),
    radial-gradient(circle at 15% 0%,rgba(0,205,188,.07),transparent 29%),
    #f4f7fb;
  color:var(--text);
}
html[data-theme="light"] .sidebar{
  background:rgba(255,255,255,.98);
  box-shadow:8px 0 28px rgba(31,61,91,.04);
}
html[data-theme="light"] .nav a{
  color:#5b6e87;
}
html[data-theme="light"] .nav a.active,
html[data-theme="light"] .nav a:hover{
  background:linear-gradient(90deg,rgba(0,205,188,.12),rgba(21,156,255,.07));
  color:#102238;
  border-color:rgba(0,205,188,.20);
}
html[data-theme="light"] .sidefoot,
html[data-theme="light"] .search input,
html[data-theme="light"] .filters input,
html[data-theme="light"] .filters select,
html[data-theme="light"] .tab,
html[data-theme="light"] .kpi{
  background:#fff;
  color:#172338;
}
html[data-theme="light"] .card{
  background:#ffffff;
  box-shadow:0 8px 28px rgba(40,72,104,.055);
}
html[data-theme="light"] .tab{
  color:#5f7188;
}
html[data-theme="light"] .tab.active{
  color:#003b44;
}
html[data-theme="light"] th{
  background:#f7faff;
  color:#60748c;
}
html[data-theme="light"] td{
  border-top-color:#e4ebf3;
}
html[data-theme="light"] .tablehead{
  background:#fff;
}
html[data-theme="light"] .prodimg,
html[data-theme="light"] .bigimg{
  background:linear-gradient(145deg,#f2f8fd,#e8f0f8);
}
html[data-theme="light"] .scoreinner{
  background:#fff;
}
html[data-theme="light"] .gridline{
  stroke:#e1e8f0;
}
html[data-theme="light"] .theme-toggle{
  background:#fff;
  color:#172338;
  box-shadow:0 7px 22px rgba(40,72,104,.08);
}
html[data-theme="light"] .logout{
  color:#d5485d;
}
html[data-theme="light"] .brand-logo-img{
  box-shadow:0 8px 28px rgba(21,41,64,.12);
}

/* telas menores */
@media(max-width:1100px){
  .brand-logo-img{
    width:58px;
    height:58px;
    border-radius:14px;
  }
}
@media(max-width:760px){
  .theme-text{display:none}
  .theme-toggle{width:40px;padding:0}
}


/* v3.5 - seletor de idiomas */
.language-switcher{display:flex;align-items:center;gap:7px;min-height:38px}
.language-switcher select{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;padding:8px 30px 8px 10px;font:inherit;font-size:12px;cursor:pointer;outline:none}
.language-globe{font-size:16px}
.policy-head .language-switcher{margin-left:auto;align-self:flex-start}
.authbox>.language-switcher{justify-content:flex-end;margin-bottom:14px}
@media(max-width:760px){.policy-head .language-switcher{margin-left:0}.top-actions{flex-wrap:wrap}.language-switcher select{max-width:150px}}

/* compatibilidade das telas de login/cadastro */
.authpage{min-height:100vh;display:grid;place-items:center;padding:24px}
.authbox{width:min(470px,100%);background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 25px 80px rgba(0,0,0,.20)}
.authbox .brand{justify-content:center}
.authbox .brand-logo-img{width:118px;height:118px;border-radius:18px;object-fit:cover}
.authbox h1{font-size:27px;margin:0 0 6px}
.authbox p{color:var(--muted);font-size:13px;line-height:1.5}
.field{display:grid;gap:7px;margin:13px 0}
.field label{font-size:12px;color:var(--muted)}
.field input,.field select{padding:12px 13px;border-radius:11px;border:1px solid var(--line);background:var(--input);color:var(--text);outline:none}
.btn.full{width:100%}
.msg{padding:11px 12px;border-radius:11px;font-size:12px;margin:12px 0}
.msg.err{background:rgba(255,107,122,.1);color:#ff6b7a;border:1px solid rgba(255,107,122,.22)}
.msg.ok{background:rgba(56,217,150,.1);color:var(--good);border:1px solid rgba(56,217,150,.22)}
.footlink{text-align:center;margin-top:14px;font-size:12px;color:var(--muted)}
.footlink a{color:var(--accent)}

/* v3.5.2 - seletor de idioma mais visível */
.language-switcher{display:flex!important;align-items:center!important;gap:8px!important}
.language-switcher select{min-width:150px!important;font-weight:600!important}
.language-globe{display:inline-block!important}

/* v3.5.3 - idioma: Terra fixa + bandeiras somente nas opções */
.language-switcher{display:flex!important;align-items:center!important;gap:8px!important}
.language-globe{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:20px!important;
  line-height:1!important;
  width:auto!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.language-switcher select{min-width:145px!important}

/* v3.5.5 - dropdown de idioma com bandeiras gráficas reais */
.language-switcher-custom{position:relative;display:flex!important;align-items:center!important;gap:8px!important}
.language-menu{position:relative}
.language-button{
  min-width:132px;height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:10px;
  padding:0 11px;font:inherit;font-size:12px;font-weight:600;cursor:pointer
}
.language-caret{font-size:11px;opacity:.72}
.language-options{
  position:absolute;right:0;top:calc(100% + 7px);z-index:9999;min-width:178px;
  background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:6px;
  box-shadow:0 16px 42px rgba(0,0,0,.23)
}
.language-options[hidden]{display:none!important}
.language-option{
  width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);
  border-radius:8px;padding:9px 10px;text-align:left;font:inherit;font-size:12px;cursor:pointer
}
.language-option:hover,.language-option[aria-selected="true"]{background:var(--hover)}
.lang-flag{width:24px;height:17px;display:block;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px rgba(0,0,0,.12)}

/* v3.7 — arquitetura de inteligência, navegação e páginas data-ready */
.nav-primary{gap:4px}.nav-secondary{gap:3px}.nav-secondary a{font-size:12px;padding:8px 11px}.nav-divider{height:1px;background:var(--line);margin:12px 8px}.nav-icon{display:inline-grid;place-items:center;width:20px;font-size:16px}
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:2px 0 13px}.breadcrumb a{text-decoration:none;color:var(--muted)}.breadcrumb a:hover{color:var(--accent)}.bc-sep{opacity:.55}.bc-current{color:var(--text);font-weight:700}
.market-picker{height:40px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--line);border-radius:999px;background:var(--panel);white-space:nowrap}.market-label{font-size:10px;color:var(--muted);font-weight:700}.market-picker select{border:0;background:transparent;color:var(--text);outline:none;font-size:11px;font-weight:800;max-width:145px}.market-picker option{color:#111}.user-plan{font-size:10px}
.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:20px 0 10px}.section-title h2{margin:0;font-size:18px}.section-title p{margin:4px 0 0;font-size:11px;color:var(--muted)}
.module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.module-card{padding:16px;text-decoration:none;position:relative;overflow:hidden;min-height:140px;transition:.2s ease}.module-card:hover{transform:translateY(-2px);border-color:rgba(5,230,209,.45)}.module-card .module-icon{font-size:24px}.module-card h3{margin:14px 0 5px;font-size:15px}.module-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.45}.module-card .arrow{position:absolute;right:14px;top:14px;color:var(--accent)}
.ai-hero{padding:20px;display:grid;grid-template-columns:1.3fr .7fr;gap:20px;align-items:center;background:linear-gradient(115deg,rgba(5,230,209,.12),rgba(30,167,255,.08)),var(--panel)}.ai-hero h2{margin:0 0 8px;font-size:22px}.ai-hero p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.ai-query{display:flex;gap:8px;margin-top:15px}.ai-query input{flex:1;padding:11px 12px;border-radius:11px;border:1px solid var(--line);background:#07121f;color:var(--text);outline:none}.ai-orbit{height:150px;display:grid;place-items:center;position:relative}.ai-orbit .core{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(5,230,209,.35),rgba(30,167,255,.12));border:1px solid rgba(5,230,209,.45);font-size:38px}.ai-orbit:before,.ai-orbit:after{content:"";position:absolute;border:1px solid rgba(5,230,209,.2);border-radius:50%}.ai-orbit:before{width:132px;height:132px}.ai-orbit:after{width:165px;height:100px;transform:rotate(-18deg)}
.opportunity-list{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.opportunity{padding:13px}.opportunity .rank{font-size:10px;color:var(--muted)}.opportunity h4{font-size:12px;margin:7px 0}.opportunity .mini-score{font-size:20px;font-weight:900;color:var(--accent)}.opportunity p{font-size:10px;color:var(--muted);line-height:1.4;margin:5px 0 0}
.data-badge{display:inline-flex;align-items:center;padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800;border:1px solid transparent}.data-badge.official{color:#93e8ff;background:rgba(30,167,255,.1);border-color:rgba(30,167,255,.18)}.data-badge.calculated{color:var(--accent);background:rgba(5,230,209,.09);border-color:rgba(5,230,209,.18)}.data-badge.demo{color:var(--warn);background:rgba(255,191,105,.09);border-color:rgba(255,191,105,.18)}
.entity-layout{display:grid;grid-template-columns:210px 1fr;gap:14px}.entity-nav{padding:10px;position:sticky;top:15px;height:max-content}.entity-nav a{display:block;padding:10px;border-radius:9px;text-decoration:none;color:var(--muted);font-size:11px}.entity-nav a.active,.entity-nav a:hover{background:rgba(5,230,209,.09);color:var(--text)}.entity-content{min-width:0}.entity-section{scroll-margin-top:20px;margin-bottom:14px}.entity-section .panel{min-height:100px}
.hero-line{display:flex;align-items:center;gap:15px}.entity-avatar{width:76px;height:76px;border-radius:16px;background:linear-gradient(145deg,#18344d,#091522);display:grid;place-items:center;font-size:34px;border:1px solid var(--line);overflow:hidden}.entity-avatar img{width:100%;height:100%;object-fit:cover}.hero-meta h1{margin:0 0 6px;font-size:24px}.hero-meta p{margin:0;color:var(--muted);font-size:11px}.hero-actions{margin-left:auto;display:flex;gap:8px}.chip-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:9px}.chip{padding:5px 8px;border:1px solid var(--line);border-radius:999px;font-size:9px;color:var(--muted)}
.stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:14px}.stat{padding:12px}.stat span{display:block;color:var(--muted);font-size:9px}.stat b{display:block;font-size:16px;margin-top:5px}.stat small{display:block;font-size:9px;margin-top:4px;color:var(--good)}
.split-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:12px}.bar-list{display:grid;gap:11px}.bar-row{display:grid;grid-template-columns:130px 1fr 55px;align-items:center;gap:9px;font-size:10px}.bar-track{height:8px;background:rgba(143,164,189,.12);border-radius:99px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px}
.gallery3{display:flex;gap:4px}.gallery3 .thumb{width:34px;height:34px;border-radius:7px;background:#13283b;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;font-size:15px}.gallery3 img{width:100%;height:100%;object-fit:cover}
.rank-number{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(5,230,209,.08);color:var(--accent);font-weight:900}.creator-cell{display:flex;align-items:center;gap:9px}.creator-face{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#17314a,#091522);border:1px solid var(--line);font-size:20px}.trend-pill{display:inline-flex;align-items:center;gap:4px;color:var(--good);font-weight:800}.danger-pill{color:var(--danger)}
.info-banner{padding:11px 13px;border:1px dashed rgba(255,191,105,.35);border-radius:12px;background:rgba(255,191,105,.05);color:var(--muted);font-size:10px;line-height:1.45;margin-bottom:12px}.info-banner b{color:var(--warn)}
.mobile-nav{display:none}
@media(max-width:1250px){.module-grid{grid-template-columns:repeat(2,1fr)}.opportunity-list{grid-template-columns:repeat(3,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.entity-layout{grid-template-columns:1fr}.entity-nav{position:static;display:flex;overflow:auto}.entity-nav a{white-space:nowrap}.split-grid,.ai-hero{grid-template-columns:1fr}.ai-orbit{display:none}.opportunity-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.market-label{display:none}.market-picker{padding:0 7px}.market-picker select{max-width:110px}.module-grid{grid-template-columns:1fr 1fr}.stat-grid{grid-template-columns:1fr 1fr}.hero-line{align-items:flex-start;flex-wrap:wrap}.hero-actions{margin-left:0;width:100%}.opportunity-list{grid-template-columns:1fr}.mobile-nav{display:flex;position:fixed;left:9px;right:9px;bottom:9px;z-index:999;background:rgba(8,21,34,.96);border:1px solid var(--line);border-radius:16px;padding:6px;justify-content:space-around}.mobile-nav a{text-decoration:none;font-size:10px;color:var(--muted);text-align:center}.mobile-nav span{display:block;font-size:18px}}
@media(max-width:520px){.module-grid{grid-template-columns:1fr}.ai-query{flex-direction:column}.stat-grid{grid-template-columns:1fr 1fr}.bar-row{grid-template-columns:90px 1fr 45px}}
html[data-theme="light"] .ai-query input{background:#fff}html[data-theme="light"] .market-picker{background:#fff}html[data-theme="light"] .entity-avatar,html[data-theme="light"] .creator-face,html[data-theme="light"] .gallery3 .thumb{background:#f2f7fb}


/* v3.8 — Radar IA funcional, busca global e controles testáveis */
.radar-form{padding:14px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end}.radar-form label{display:block;font-size:10px;color:var(--muted);font-weight:800;margin:0 0 6px}.radar-form select{width:100%;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);padding:0 10px}.radar-submit .btn{height:40px;white-space:nowrap}
.radar-results{display:grid;gap:10px}.radar-result{padding:15px;display:grid;grid-template-columns:42px 1fr 86px;gap:14px;align-items:center}.radar-rank{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(5,230,209,.09);color:var(--accent);font-weight:900}.radar-result h3{margin:8px 0 5px;font-size:15px}.radar-result p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.radar-signals{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:10px;color:var(--muted)}.radar-signals b{color:var(--text)}.radar-score-big{text-align:center}.radar-score-big b{display:block;font-size:30px;color:var(--accent);line-height:1}.radar-score-big span{font-size:10px;color:var(--muted)}
.empty-state,.empty-row{padding:26px;text-align:center;color:var(--muted);font-size:12px}.module-card{color:var(--text)}
@media(max-width:900px){.radar-form{grid-template-columns:1fr 1fr}.radar-submit{grid-column:1/-1}.radar-submit .btn{width:100%}}
@media(max-width:620px){.radar-form{grid-template-columns:1fr}.radar-submit{grid-column:auto}.radar-result{grid-template-columns:36px 1fr}.radar-score-big{grid-column:2;text-align:left}.radar-score-big b{display:inline;font-size:24px}.radar-score-big span{margin-left:3px}}
/* v3.9 TikTok Shop integration */
.status-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:999px;padding:9px 13px;font-size:12px;font-weight:700}.status-pill.good{background:rgba(13,185,129,.10);color:#0b9b6e}.status-pill.warn{background:rgba(245,158,11,.10);color:#b76f00}.success-banner{border-color:rgba(16,185,129,.4)!important}.error-banner{border-color:rgba(239,68,68,.45)!important;background:rgba(239,68,68,.06)!important}.tt-connect-card{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.tt-connect-card>div{width:100%}.setup-note{margin-top:14px;border:1px dashed var(--border);border-radius:12px;padding:12px;font-size:12px;background:var(--panel-2)}.tt-status-grid,.tt-product-result{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.tt-status-grid>div,.tt-product-result>div{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--panel-2)}.tt-status-grid span,.tt-product-result span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.good-text{color:#0aa777}.tt-actions{display:flex;gap:10px;flex-wrap:wrap}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.ghost{background:transparent;color:var(--text);border:1px dashed var(--border)}.tt-product-form{display:flex;gap:10px;align-items:flex-end;max-width:760px}.tt-product-form label{display:flex;flex-direction:column;gap:7px;flex:1;font-size:12px;font-weight:700}.tt-product-form input{height:42px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);padding:0 12px}.tt-api-success{display:flex;justify-content:space-between;align-items:center;margin-top:18px;border:1px solid rgba(16,185,129,.4);background:rgba(16,185,129,.08);padding:11px 13px;border-radius:10px}.tt-json{margin-top:14px}.tt-json pre{max-height:420px;overflow:auto;border:1px solid var(--border);border-radius:10px;padding:12px;background:#0b1220;color:#d5e7ff;font-size:11px;white-space:pre-wrap}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.flow-steps div{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--panel-2);display:flex;align-items:center;gap:10px}.flow-steps b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#10c8c2;color:#062b2b}@media(max-width:900px){.tt-status-grid,.tt-product-result,.flow-steps{grid-template-columns:1fr 1fr}.tt-product-form{flex-direction:column;align-items:stretch}}@media(max-width:560px){.tt-status-grid,.tt-product-result,.flow-steps{grid-template-columns:1fr}}

/* =========================================================
   v4.5 — Competitor-grade analytics UX overhaul
   ========================================================= */
:root{--border:var(--line);--panel-2:var(--panel2);--shadow:0 16px 40px rgba(0,0,0,.14);--radius:14px;--radius-lg:18px}
body{font-size:14px;letter-spacing:-.006em}
.app{grid-template-columns:224px minmax(0,1fr)}
.sidebar{padding:14px 12px;overflow-y:auto;overflow-x:hidden}
.brand{padding:0 6px 8px}.brand-logo-img{width:112px;height:112px;border-radius:16px}
.workspace-pill{display:flex;align-items:center;gap:9px;padding:10px 11px;margin:0 2px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02)}
.workspace-pill .dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px rgba(56,217,150,.09)}
.workspace-pill b{display:block;font-size:11px}.workspace-pill small{display:block;color:var(--muted);font-size:8px;margin-top:2px}
.nav-group{margin:9px 0 13px}.nav-group-label{padding:0 10px 5px;color:#6f849e;font-size:8px;text-transform:uppercase;letter-spacing:.11em;font-weight:900}
.nav{gap:3px}.nav a{padding:8px 9px;border-radius:9px;font-size:11px;min-height:34px}.nav-icon{width:18px;text-align:center;font-size:12px;opacity:.9}
.nav a.active{box-shadow:inset 3px 0 0 var(--accent)}.nav a.active,.nav a:hover{border-color:rgba(5,230,209,.17)}
.nav-secondary a{font-size:9px;padding:7px 9px}.sidefoot{position:static;margin-top:12px;padding:9px 10px;border-radius:10px}.sidefoot b{font-size:10px}.sidefoot span{font-size:9px}
.main{padding:16px 22px 40px;max-width:1700px;width:100%;margin:0 auto}.top{margin-bottom:12px;position:sticky;top:0;z-index:30;padding:7px 0;background:linear-gradient(180deg,var(--bg) 72%,transparent)}
.search{position:relative;max-width:600px}.search input{height:42px;padding:0 58px 0 38px;border-radius:10px;box-shadow:0 5px 18px rgba(0,0,0,.04)}.search-icon{position:absolute;left:13px;top:11px;color:var(--muted);font-size:17px}.search-hint{position:absolute;right:10px;top:10px;font-size:8px;padding:4px 6px;border:1px solid var(--line);border-radius:6px;color:var(--muted)}
.top-actions{gap:8px}.market-picker,.theme-toggle{height:36px;border-radius:9px}.userchip{gap:7px}.user-meta{display:grid;gap:1px}.user-meta b{font-size:10px}.user-plan{font-size:8px}.avatar{width:34px;height:34px;font-size:11px}.logout{font-size:9px}
.breadcrumb{font-size:9px;margin-bottom:10px;color:var(--muted)}.breadcrumb a{text-decoration:none}.bc-sep{margin:0 6px}.bc-current{color:var(--text);font-weight:700}
.headline{margin:5px 0 14px;align-items:center}.headline h1{font-size:24px;letter-spacing:-.025em}.headline .muted{font-size:11px}
.btn{border-radius:9px;padding:9px 13px;font-size:10px;box-shadow:0 8px 24px rgba(30,167,255,.12)}
.card{border-radius:13px;box-shadow:0 8px 24px rgba(0,0,0,.025)}
.section-title{margin:18px 0 9px}.section-title h2{font-size:15px;margin:0 0 3px}.section-title p{font-size:9px;margin:0;color:var(--muted)}
.data-badge{font-size:8px;padding:3px 6px}.chip{font-size:8px}
.info-banner{font-size:9px;padding:9px 11px;margin-bottom:10px}

/* Intelligence command center */
.command-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:12px;margin-bottom:12px}.command-main{padding:18px;position:relative;overflow:hidden;min-height:220px}.command-main:after{content:"";position:absolute;right:-70px;top:-90px;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(5,230,209,.16),rgba(30,167,255,.05) 42%,transparent 68%)}
.eyebrow{display:flex;align-items:center;gap:7px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--accent)}
.command-main h1{font-size:27px;line-height:1.08;max-width:650px;margin:12px 0 8px;letter-spacing:-.035em}.command-main>p{max-width:660px;color:var(--muted);line-height:1.55;font-size:10px}.command-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.btn.soft{background:rgba(255,255,255,.04);color:var(--text);border:1px solid var(--line);box-shadow:none}.btn.soft:hover{border-color:rgba(5,230,209,.35)}
.command-side{display:grid;gap:10px}.pulse-card{padding:14px;min-height:105px}.pulse-card .label{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.pulse-card .big{font-size:24px;font-weight:900;margin:7px 0 3px}.pulse-card small{font-size:8px;color:var(--muted)}

/* KPI / analytics density */
.analytics-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:12px}.analytics-kpi{padding:13px;position:relative;overflow:hidden}.analytics-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--accent),var(--accent2))}.analytics-kpi .label{font-size:8px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.analytics-kpi .value{font-size:20px;font-weight:900;margin:7px 0 3px;white-space:nowrap}.analytics-kpi small{font-size:8px;color:var(--muted)}
.metric-delta{font-size:8px;font-weight:800}.metric-delta.up{color:var(--good)}.metric-delta.neutral{color:var(--muted)}

/* Competitor-style ranked cards */
.insight-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.rank-list{padding:0;overflow:hidden}.rank-list-head{padding:13px 14px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.rank-list-head b{font-size:11px}.rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) 90px 90px;gap:9px;align-items:center;padding:10px 13px;border-top:1px solid rgba(32,48,71,.52);text-decoration:none}.rank-row:first-of-type{border-top:0}.rank-row:hover{background:rgba(5,230,209,.035)}.rank-index{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(5,230,209,.08);font-weight:900;color:var(--accent);font-size:9px}.rank-title b{display:block;font-size:10px}.rank-title span{font-size:8px;color:var(--muted);display:block;margin-top:2px}.rank-stat span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase}.rank-stat b{font-size:10px}.locked-metric{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:8px}
.source-stack{display:grid;gap:8px}.source-card{padding:13px}.source-card h3{font-size:11px;margin:5px 0 5px}.source-card p{font-size:9px;color:var(--muted);line-height:1.45;margin:0}.source-line{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:8px}

/* Product discovery pro */
.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.view-switch{display:flex;gap:4px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.view-switch button{border:0;background:transparent;color:var(--muted);font-size:9px;padding:6px 8px;border-radius:6px}.view-switch button.active{background:rgba(5,230,209,.09);color:var(--text)}
.filters.pro{grid-template-columns:1fr 1.1fr 1fr 1fr 1fr 1.15fr auto;padding:10px;gap:7px}.filters.pro select,.filters.pro input{font-size:9px;height:36px;padding:0 9px}.filters.pro .btn{height:36px}
.summary.compact{gap:8px}.summary.compact .metric{padding:11px}.summary.compact .metric .label{font-size:8px}.summary.compact .metric .value{font-size:18px;margin:5px 0}.summary.compact .metric .up,.summary.compact .metric .muted{font-size:8px!important}
.tablecard.pro{border-radius:12px}.tablecard.pro .tablehead{padding:12px 13px}.tablecard.pro table{min-width:1180px}.tablecard.pro th{font-size:8px;padding:8px 10px;letter-spacing:.04em}.tablecard.pro td{font-size:9px;padding:9px 10px}.tablecard.pro .prodimg{width:42px;height:42px;border-radius:8px}.tablecard.pro .prod b{font-size:10px;max-width:260px}.tablecard.pro .prod span{font-size:8px}.unknown-value{color:var(--muted)}.data-origin{display:inline-flex;align-items:center;gap:4px;font-size:8px}.data-origin:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent2)}

/* Product intelligence detail */
.product-intel-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:12px}.product-main-card{padding:16px}.product-overview{display:grid;grid-template-columns:112px 1fr;gap:14px}.product-gallery-main{width:112px;height:112px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel2)}.product-gallery-main img{width:100%;height:100%;object-fit:cover}.product-title-area h1{font-size:20px;margin:3px 0 5px;line-height:1.2}.product-subline{font-size:9px;color:var(--muted);line-height:1.45}.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.product-kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.product-mini-kpi{padding:10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.015)}.product-mini-kpi span{display:block;font-size:7px;color:var(--muted);text-transform:uppercase}.product-mini-kpi b{display:block;font-size:14px;margin-top:5px}
.radar-readiness{padding:15px}.radar-readiness h3{font-size:12px;margin:0 0 9px}.readiness-meter{height:7px;background:rgba(143,164,189,.13);border-radius:99px;overflow:hidden;margin:8px 0}.readiness-meter i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.readiness-list{display:grid;gap:7px;margin-top:11px}.readiness-row{display:flex;justify-content:space-between;gap:10px;font-size:8px;padding-bottom:7px;border-bottom:1px solid rgba(32,48,71,.5)}.readiness-row:last-child{border:0}.readiness-row span{color:var(--muted)}
.detail-tabs{display:flex;gap:5px;overflow:auto;margin:12px 0 9px;border-bottom:1px solid var(--line)}.detail-tabs a{padding:9px 11px;text-decoration:none;color:var(--muted);font-size:9px;white-space:nowrap;border-bottom:2px solid transparent}.detail-tabs a.active{color:var(--text);border-color:var(--accent)}
.detail-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}.intel-panel{padding:14px}.intel-panel h3{font-size:11px;margin:0 0 4px}.intel-panel>p{font-size:8px;color:var(--muted);margin:0 0 11px}.availability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.availability-item{padding:10px;border:1px solid var(--line);border-radius:8px}.availability-item span{display:block;font-size:7px;color:var(--muted)}.availability-item b{display:block;font-size:10px;margin-top:4px}.availability-item.available b{color:var(--good)}

/* Sync center */
.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sync-card{padding:15px}.sync-card h3{font-size:12px;margin:0 0 5px}.sync-card p{font-size:9px;color:var(--muted);line-height:1.5}.sync-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:11px 0}.sync-options label{font-size:8px;color:var(--muted)}.sync-options select{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);color:var(--text);padding:0 8px;font-size:9px;margin-top:5px}.sync-result{margin-top:10px;padding:10px;border:1px solid rgba(56,217,150,.25);border-radius:9px;background:rgba(56,217,150,.05);font-size:9px}.sync-result strong{color:var(--good)}

/* Demo/locked intelligence areas */
.locked-panel{position:relative;overflow:hidden}.locked-panel:after{content:"Dados disponíveis quando o escopo/fonte correspondente for aprovado";position:absolute;inset:auto 10px 10px 10px;padding:7px 9px;border:1px dashed rgba(143,164,189,.24);border-radius:8px;background:rgba(6,16,28,.78);backdrop-filter:blur(5px);font-size:7px;color:var(--muted);text-align:center}.demo-watermark{font-size:7px;text-transform:uppercase;letter-spacing:.08em;color:var(--warn)}

html[data-theme="light"] .workspace-pill,html[data-theme="light"] .view-switch{background:#fff}html[data-theme="light"] .locked-panel:after{background:rgba(255,255,255,.88)}
@media(max-width:1250px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.command-grid,.insight-grid,.product-intel-head,.detail-panels{grid-template-columns:1fr}.filters.pro{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.app{grid-template-columns:76px 1fr}.workspace-pill,.nav-group-label,.user-meta{display:none}.brand-logo-img{width:52px;height:52px;object-fit:cover}.nav a{justify-content:center}.nav a span:last-child{display:none}.sidebar{padding:10px 8px}.analytics-kpis{grid-template-columns:repeat(2,1fr)}.sync-grid{grid-template-columns:1fr}.product-kpi-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.main{padding:12px}.top{position:static}.top-actions{margin-left:auto}.command-main h1{font-size:22px}.analytics-kpis{grid-template-columns:1fr 1fr}.filters.pro{grid-template-columns:1fr 1fr}.product-overview{grid-template-columns:82px 1fr}.product-gallery-main{width:82px;height:82px}.product-kpi-strip{grid-template-columns:1fr 1fr}.rank-row{grid-template-columns:28px 1fr 70px}.rank-row .rank-stat:last-child{display:none}}
@media(max-width:480px){.analytics-kpis,.filters.pro,.product-kpi-strip,.availability-grid{grid-template-columns:1fr}.command-actions{flex-direction:column}.command-actions .btn{text-align:center}.product-overview{grid-template-columns:1fr}.product-gallery-main{width:110px;height:110px}.rank-row{grid-template-columns:28px 1fr}.rank-stat{display:none}}

/* =========================================================
   v5.0 — Commercial Design System / Premium Intelligence UI
   ========================================================= */
:root{
  --v5-bg:#07111d;--v5-panel:#0c1826;--v5-panel-soft:#101f2f;--v5-panel-hover:#14283b;
  --v5-border:rgba(146,166,190,.16);--v5-text:#f6f9fc;--v5-muted:#91a4ba;
  --v5-cyan:#22d3ee;--v5-blue:#4f8cff;--v5-green:#31d69b;--v5-orange:#ffb768;
  --v5-shadow:0 20px 50px rgba(0,0,0,.20);--v5-shadow-soft:0 10px 30px rgba(0,0,0,.14);
}
body{background:linear-gradient(180deg,#07111d 0%,#081522 48%,#091726 100%);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--v5-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 0%,rgba(79,140,255,.10),transparent 24%),radial-gradient(circle at 14% 8%,rgba(34,211,238,.06),transparent 22%);z-index:-1}
.app{grid-template-columns:236px minmax(0,1fr)}
.main{padding:18px 26px 52px;max-width:1800px;width:100%;margin:0 auto}
.sidebar{padding:14px 12px;background:rgba(6,15,25,.98);border-right:1px solid var(--v5-border);box-shadow:16px 0 40px rgba(0,0,0,.12)}
.brand-v5{padding:2px 5px 10px}.brand-link{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-logo-img{width:50px;height:50px;border-radius:13px;box-shadow:0 10px 24px rgba(0,0,0,.24)}
.brand-copy strong{display:block;font-size:15px;letter-spacing:-.02em}.brand-copy span{display:block;color:var(--v5-muted);font-size:8px;text-transform:uppercase;letter-spacing:.14em;margin-top:3px}
.workspace-pill{position:relative;padding:9px 10px;margin:0 2px 16px;border-color:var(--v5-border);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01))}.workspace-pill b{font-size:10px}.workspace-pill small{font-size:8px}.workspace-live{margin-left:auto;font-size:7px;font-weight:900;letter-spacing:.12em;color:var(--v5-green);background:rgba(49,214,155,.08);border:1px solid rgba(49,214,155,.2);padding:4px 5px;border-radius:999px}
.nav-group{margin-bottom:14px}.nav-group-label{padding:0 10px 6px;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#61758c;font-weight:800}.nav{gap:4px}.nav a{position:relative;padding:8px 9px;border-radius:10px;font-size:11px;border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.03);border-color:var(--v5-border)}.nav a.active{background:linear-gradient(90deg,rgba(34,211,238,.12),rgba(79,140,255,.08));border-color:rgba(34,211,238,.20);color:#fff;box-shadow:inset 3px 0 0 var(--v5-cyan)}.nav-icon{width:18px;height:18px;display:grid;place-items:center}.nav-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-arrow{margin-left:auto;opacity:0;transform:translateX(-2px);transition:.2s}.nav a:hover .nav-arrow,.nav a.active .nav-arrow{opacity:.65;transform:none}
.sidefoot{display:flex;align-items:center;justify-content:space-between}.side-status{color:var(--v5-green);font-size:13px}.sidefoot b{font-size:10px}.sidefoot span{font-size:8px}
.top{position:sticky;top:0;z-index:30;margin:-18px -26px 12px;padding:12px 26px;background:rgba(7,17,29,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(146,166,190,.09)}
.search{position:relative;max-width:660px}.search input{height:40px;padding:0 74px 0 38px;background:#0a1725;border-color:var(--v5-border);box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.search-icon{position:absolute;left:13px;top:9px;color:#7390ad;z-index:2}.search-hint{position:absolute;right:9px;top:9px;color:#668198;font-size:8px;border:1px solid var(--v5-border);border-radius:6px;padding:3px 6px;background:#0e1c2b}.top-actions{gap:8px}.top-icon-btn,.theme-toggle,.market-picker{height:38px;border:1px solid var(--v5-border);background:#0a1725;color:var(--v5-text);border-radius:10px}.top-icon-btn{width:38px}.theme-toggle{padding:0 10px;font-size:9px}.market-picker{padding:0 8px}.market-picker select{font-size:9px}.market-label{font-size:7px;color:#70859b}.userchip{height:40px;padding:3px 5px 3px 3px;border:1px solid var(--v5-border);border-radius:12px;background:#0a1725}.avatar{width:32px;height:32px;font-size:11px}.user-meta b{font-size:9px}.user-meta span{font-size:7px}.user-caret{font-size:9px;color:#688096}.logout{font-size:8px}
.breadcrumb{margin:8px 0 14px;font-size:8px;color:#687f95}.breadcrumb a{text-decoration:none;color:#7990a6}.bc-sep{margin:0 6px;color:#43586d}.bc-current{color:#a8b6c6}
.headline{margin:4px 0 15px;align-items:center}.headline h1{font-size:24px;letter-spacing:-.035em}.headline .muted{font-size:9px;line-height:1.5}.chip{font-size:8px;padding:5px 8px}
.card{background:linear-gradient(180deg,rgba(15,31,48,.96),rgba(10,23,36,.98));border:1px solid var(--v5-border);border-radius:14px;box-shadow:var(--v5-shadow-soft)}
.card:hover{border-color:rgba(146,166,190,.23)}
.btn{border-radius:9px;padding:9px 12px;background:linear-gradient(135deg,var(--v5-cyan),#39bdea 42%,var(--v5-blue));color:#06111a;font-size:9px;letter-spacing:.01em;box-shadow:0 8px 20px rgba(34,211,238,.13)}.btn.soft,.btn.secondary{background:#102033;color:#dce8f4;border:1px solid var(--v5-border);box-shadow:none}.btn.ghost{color:#c8d5e2;border-color:var(--v5-border)}
.section-title{margin:18px 0 10px}.section-title h2{font-size:14px;letter-spacing:-.02em}.section-title p{font-size:8px;line-height:1.5}
.data-badge{font-size:7px;letter-spacing:.015em;padding:4px 6px}
.analytics-kpis{gap:9px}.analytics-kpi{padding:12px 13px;min-height:82px;position:relative;overflow:hidden}.analytics-kpi:after{content:"";position:absolute;right:-20px;top:-24px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(34,211,238,.08),transparent 66%)}.analytics-kpi .label{font-size:8px}.analytics-kpi .value{font-size:19px;letter-spacing:-.035em;margin:6px 0}.analytics-kpi small{font-size:7px}
.filters{gap:7px;padding:9px}.filters.pro{grid-template-columns:.8fr 1.1fr .9fr .9fr .9fr 1.25fr auto}.filters input,.filters select{height:36px;padding:0 9px;font-size:8px;border-color:var(--v5-border);border-radius:8px;background:#0b1826}
.tabs{padding:8px;gap:5px}.tab{padding:7px 9px;border-radius:8px;font-size:8px}.tab.active{box-shadow:0 5px 14px rgba(34,211,238,.13)}
.tablecard{border-radius:14px}.tablehead{padding:11px 13px}.tablehead b{font-size:10px}.tablehead span{font-size:7px}.tablewrap{scrollbar-width:thin;scrollbar-color:#263d53 transparent}table{min-width:1180px}th{height:34px;padding:8px 10px;background:#0b1826;color:#7890a7;font-size:7px;letter-spacing:.045em;text-transform:uppercase}td{padding:10px;font-size:8px;border-top-color:rgba(146,166,190,.10)}tbody tr{transition:.18s}tbody tr:hover{background:rgba(34,211,238,.025)}.prodimg{width:42px;height:42px;border-radius:9px}.prod b{font-size:9px}.prod span{font-size:7px}.rank-index,.rank-number{width:24px;height:24px;border-radius:7px;font-size:8px}.money{font-weight:800}.badge{font-size:7px;padding:4px 6px}.score{font-size:10px}.spark{width:80px;height:26px}
.command-grid{gap:10px}.command-main{padding:22px}.command-main h1{font-size:30px;max-width:780px;letter-spacing:-.045em}.command-main p{font-size:9px;line-height:1.65;max-width:750px}.eyebrow{font-size:7px;letter-spacing:.11em;text-transform:uppercase}.pulse-card{padding:13px}.pulse-card .label{font-size:7px}.pulse-card .big{font-size:15px!important}.pulse-card small{font-size:7px}.rank-row{padding:10px 12px}.rank-title b{font-size:9px}.rank-title span,.rank-stat span{font-size:7px}.rank-stat b{font-size:8px}.source-card{padding:13px}.source-card h3{font-size:10px}.source-card p{font-size:8px;line-height:1.5}.module-card{padding:15px;min-height:130px}.module-card h3{font-size:11px}.module-card p{font-size:8px;line-height:1.5}.module-icon{font-size:18px}

/* premium ranking pages */
.market-hero{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.45fr);gap:10px;margin-bottom:10px}.market-hero-main{padding:18px 20px}.market-hero-main h1{font-size:25px;margin:5px 0 7px;letter-spacing:-.04em}.market-hero-main p{margin:0;color:var(--v5-muted);font-size:8px;line-height:1.55;max-width:760px}.market-hero-side{display:grid;grid-template-columns:1fr 1fr;gap:8px}.micro-card{padding:12px}.micro-card span{display:block;font-size:7px;color:var(--v5-muted);margin-bottom:5px}.micro-card b{font-size:13px}.micro-card small{font-size:7px;color:var(--v5-muted)}
.ranking-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:9px 0}.ranking-toolbar .left,.ranking-toolbar .right{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.seg{height:32px;padding:0 9px;border:1px solid var(--v5-border);border-radius:8px;background:#0b1826;color:#b9c7d5;font-size:8px}.seg.active{background:rgba(34,211,238,.10);color:#dffbff;border-color:rgba(34,211,238,.24)}
.creator-face,.entity-avatar{background:linear-gradient(145deg,#173149,#0a1725);border-color:var(--v5-border)}
.creator-face{width:38px;height:38px;font-size:16px}.creator-cell b{font-size:9px}.trendup{color:var(--v5-green);font-weight:800}.commission{color:#85ddff;font-weight:800}.gallery3 .thumb{width:31px;height:31px;border-radius:7px}

/* premium entity detail */
.entity-layout{grid-template-columns:178px minmax(0,1fr);gap:10px}.entity-nav{padding:7px;top:62px;border-radius:12px}.entity-nav:before{content:"NAVEGAÇÃO";display:block;padding:7px 8px 4px;font-size:7px;letter-spacing:.12em;color:#64798f;font-weight:800}.entity-nav a{padding:8px;border-radius:7px;font-size:8px;border-left:2px solid transparent}.entity-nav a.active{border-left-color:var(--v5-cyan)}.panel{padding:15px}.hero-line{gap:12px}.hero-meta h1{font-size:20px}.hero-meta p{font-size:8px}.entity-avatar{width:64px;height:64px;border-radius:14px}.hero-actions .btn{font-size:8px}.stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-top:12px}.stat{padding:10px}.stat span{font-size:7px}.stat b{font-size:13px}.stat small{font-size:7px}.entity-section{margin-bottom:10px}.chartarea{height:210px}.factor{padding:10px 0;font-size:8px}
.intel-two-col{display:grid;grid-template-columns:1.3fr .7fr;gap:10px}.metric-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.metric-cell{padding:11px;border:1px solid var(--v5-border);border-radius:10px;background:rgba(255,255,255,.015)}.metric-cell span{font-size:7px;color:var(--v5-muted);display:block}.metric-cell b{font-size:13px;display:block;margin-top:5px}.metric-cell small{font-size:7px;color:var(--v5-green)}
.source-split{padding:14px}.source-split-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.source-split-head h3{margin:0;font-size:11px}.origin-bars{display:grid;gap:10px}.origin-row{display:grid;grid-template-columns:110px minmax(120px,1fr) 46px;align-items:center;gap:9px;font-size:8px}.origin-track{height:8px;background:#0a1724;border:1px solid var(--v5-border);border-radius:999px;overflow:hidden}.origin-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--v5-cyan),var(--v5-blue))}.origin-fill.direct{background:linear-gradient(90deg,#8197ad,#b6c1cd)}.locked-bars .origin-fill{width:0!important}.locked-bars .origin-track{background:repeating-linear-gradient(135deg,#0a1724,#0a1724 6px,#0d1b2a 6px,#0d1b2a 12px)}
.data-note{margin-top:10px;padding:9px 10px;border-radius:9px;border:1px dashed var(--v5-border);font-size:7px;line-height:1.5;color:var(--v5-muted)}
.insight-callout{padding:13px;border:1px solid rgba(34,211,238,.18);background:linear-gradient(135deg,rgba(34,211,238,.07),rgba(79,140,255,.04));border-radius:12px}.insight-callout h3{font-size:10px;margin:0 0 7px}.insight-callout p{font-size:8px;color:var(--v5-muted);line-height:1.55;margin:0}
.pro-table-mini{width:100%;min-width:0}.pro-table-mini th{font-size:7px}.pro-table-mini td{font-size:8px}
.content-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.content-tile{padding:10px}.content-thumb{height:90px;border-radius:9px;background:linear-gradient(145deg,#183149,#0b1725);display:grid;place-items:center;font-size:25px;margin-bottom:8px}.content-tile b{font-size:8px}.content-tile span{font-size:7px;color:var(--v5-muted)}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.audience-card{padding:12px}.audience-card h4{font-size:9px;margin:0 0 10px}.donut-shell{display:flex;align-items:center;gap:14px}.donut{width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--v5-cyan) 0 42%,var(--v5-green) 42% 72%,#7d74ff 72% 100%);position:relative}.donut:after{content:"";position:absolute;inset:16px;background:#0d1b29;border-radius:50%}.legend{display:grid;gap:5px;font-size:7px;color:var(--v5-muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:2px;background:var(--v5-cyan);margin-right:5px}.legend i.g{background:var(--v5-green)}.legend i.p{background:#7d74ff}.hbars{display:grid;gap:7px}.hbar{display:grid;grid-template-columns:72px 1fr 36px;gap:7px;align-items:center;font-size:7px}.hbar-track{height:7px;background:#0a1724;border-radius:999px;overflow:hidden}.hbar-track i{display:block;height:100%;background:linear-gradient(90deg,var(--v5-cyan),var(--v5-blue));border-radius:999px}

/* product v5 */
.product-intel-head{gap:10px}.product-main-card{padding:15px}.product-overview{grid-template-columns:130px 1fr}.product-gallery-main{width:130px;height:130px;border-radius:13px}.product-title-area h1{font-size:20px}.product-subline,.product-title-area p{font-size:8px!important}.product-mini-kpi span{font-size:7px}.product-mini-kpi b{font-size:12px}.radar-readiness{padding:15px}.radar-readiness h3{font-size:12px}.readiness-row{font-size:7px}.detail-tabs{top:55px;padding:7px}.detail-tabs a{font-size:8px}.intel-panel{padding:14px}.intel-panel h3{font-size:10px}.intel-panel p{font-size:8px}.availability-item span,.availability-item b{font-size:7px}

html[data-theme="light"] body{background:#f5f8fb;color:#142033}html[data-theme="light"] body:before{background:radial-gradient(circle at 80% 0%,rgba(79,140,255,.08),transparent 25%)}html[data-theme="light"] .sidebar{background:#fff;border-color:#dfe7ee}html[data-theme="light"] .top{background:rgba(245,248,251,.9);border-color:#dfe7ee}html[data-theme="light"] .card,html[data-theme="light"] .search input,html[data-theme="light"] .market-picker,html[data-theme="light"] .theme-toggle,html[data-theme="light"] .userchip,html[data-theme="light"] .top-icon-btn{background:#fff;color:#142033;border-color:#dfe7ee}html[data-theme="light"] .filters input,html[data-theme="light"] .filters select,html[data-theme="light"] .seg{background:#fff;color:#24364a;border-color:#dfe7ee}html[data-theme="light"] th{background:#f6f9fb;color:#6d8196}html[data-theme="light"] td{border-color:#e9eef3}html[data-theme="light"] .nav a.active{color:#102234}html[data-theme="light"] .donut:after{background:#fff}

@media(max-width:1250px){.market-hero{grid-template-columns:1fr}.market-hero-side{grid-template-columns:repeat(4,1fr)}.stat-grid{grid-template-columns:repeat(3,1fr)}.metric-grid-4{grid-template-columns:repeat(2,1fr)}.content-card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:920px){.app{grid-template-columns:80px minmax(0,1fr)}.brand-copy,.workspace-pill div,.workspace-live,.nav-group-label,.nav a>span:nth-child(2),.nav-arrow,.nav-secondary span:nth-child(2),.sidefoot div{display:none}.brand-link{justify-content:center}.sidebar{padding:12px 8px}.brand-logo-img{width:48px;height:48px}.workspace-pill{justify-content:center}.nav a{justify-content:center}.nav-icon{width:22px;height:22px}.sidefoot{justify-content:center}.entity-layout{grid-template-columns:1fr}.entity-nav{position:static;display:flex}.entity-nav:before{display:none}.intel-two-col{grid-template-columns:1fr}.audience-grid{grid-template-columns:1fr}.product-intel-head{grid-template-columns:1fr}.top{margin-left:-26px;margin-right:-26px}}
@media(max-width:680px){.app{display:block}.sidebar{display:none}.main{padding:14px 12px 80px}.top{margin:-14px -12px 10px;padding:10px 12px}.top-actions .top-icon-btn,.user-meta,.user-caret{display:none}.search-hint{display:none}.search input{padding-right:10px}.market-hero-side{grid-template-columns:1fr 1fr}.filters.pro{grid-template-columns:1fr 1fr}.filters.pro .btn{grid-column:1/-1}.stat-grid,.metric-grid-4{grid-template-columns:1fr 1fr}.content-card-grid{grid-template-columns:1fr}.product-overview{grid-template-columns:1fr}.product-gallery-main{width:100%;height:240px}.audience-grid{grid-template-columns:1fr}.mobile-nav{display:flex}}

/* ============================================================
   V5.1 — BLUE PREMIUM DESIGN SYSTEM
   Visual direction approved: deep blue navigation + bright data workspace,
   higher contrast, larger typography, denser analytics, product/media first.
   No database/API behavior changes in this release.
   ============================================================ */
:root{
  --sr-navy-950:#062a55;
  --sr-navy-900:#073568;
  --sr-navy-800:#084982;
  --sr-blue:#0b74e5;
  --sr-blue-2:#1596ff;
  --sr-cyan:#18b7e8;
  --sr-bg:#f4f8fd;
  --sr-card:#ffffff;
  --sr-text:#10233f;
  --sr-muted:#60748d;
  --sr-border:#dbe6f2;
  --sr-soft:#eef5fc;
  --sr-green:#08a96c;
  --sr-red:#e75267;
  --sr-orange:#f59b24;
  --sr-purple:#7357e8;
  --sr-shadow:0 8px 28px rgba(25,64,105,.07);
}
html[data-theme="light"] body,
body{
  background:
    radial-gradient(circle at 80% -10%,rgba(21,150,255,.09),transparent 28%),
    linear-gradient(180deg,#f8fbff 0,#f3f8fd 72%,#f1f6fc 100%);
  color:var(--sr-text);
  font-size:14px;
}
.app{grid-template-columns:230px minmax(0,1fr)}
.main{padding:18px 28px 48px;max-width:1680px;width:100%;margin:0 auto}

/* sidebar: permanently navy in the approved visual direction */
.sidebar,
html[data-theme="light"] .sidebar{
  background:linear-gradient(180deg,#062f60 0%,#073b75 56%,#052b58 100%);
  border-right:1px solid rgba(255,255,255,.10);
  box-shadow:12px 0 34px rgba(9,48,88,.08);
  color:#fff;
  padding:14px 12px;
}
.brand-v5{padding:3px 5px 12px}
.brand-link{gap:10px}
.brand-logo-img{width:44px!important;height:44px!important;border-radius:11px!important;object-fit:cover!important;box-shadow:0 5px 16px rgba(0,0,0,.16)}
.brand-copy strong{font-size:18px!important;color:#fff!important;letter-spacing:-.02em}
.brand-copy span{font-size:9px!important;color:#8cc9ff!important;letter-spacing:.13em}
.workspace-pill{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.12)!important;color:#fff!important;padding:10px!important}
.workspace-pill small,.nav-group-label{color:#8eb6df!important}
.workspace-live{background:#0cad73!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}
.nav-group{margin-top:13px!important}.nav-group-label{font-size:9px!important;letter-spacing:.14em!important;padding-left:10px!important}
.nav a,html[data-theme="light"] .nav a{color:#d9eaff!important;font-size:13px!important;padding:10px 11px!important;border:1px solid transparent!important}
.nav a:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
.nav a.active,html[data-theme="light"] .nav a.active{
  color:#fff!important;background:linear-gradient(90deg,#0c7be9,#0a66c7)!important;
  border-color:rgba(255,255,255,.12)!important;box-shadow:0 7px 18px rgba(2,38,82,.22)
}
.nav-icon{color:#dff1ff!important}.nav-arrow{color:#93c4f1!important}
.nav-divider{border-color:rgba(255,255,255,.12)!important}.nav-secondary a{color:#c7ddf3!important}
.sidefoot,html[data-theme="light"] .sidefoot{background:rgba(4,36,73,.58)!important;border-color:rgba(255,255,255,.15)!important;color:#fff!important}
.sidefoot span{color:#a9cae9!important}.side-status{color:#29d492!important}

/* topbar */
.top,html[data-theme="light"] .top{
  position:sticky;top:0;z-index:30;margin:-18px -28px 14px;padding:11px 28px;
  background:rgba(248,251,255,.94)!important;backdrop-filter:blur(16px);
  border-bottom:1px solid var(--sr-border)!important;
}
.search{max-width:720px}.search input,html[data-theme="light"] .search input{
  height:44px;background:#fff!important;color:var(--sr-text)!important;border:1px solid var(--sr-border)!important;
  border-radius:11px!important;padding-left:39px!important;font-size:13px!important;box-shadow:0 3px 12px rgba(25,64,105,.04)
}
.search input:focus{border-color:#77b9f5!important;box-shadow:0 0 0 3px rgba(11,116,229,.10)!important}
.search-icon{left:14px!important;color:#6f8aa5!important}.search-hint{font-size:10px!important;background:#eaf2fa!important;color:#60758e!important}
.top-icon-btn,.market-picker,.theme-toggle,.userchip,
html[data-theme="light"] .top-icon-btn,html[data-theme="light"] .market-picker,html[data-theme="light"] .theme-toggle,html[data-theme="light"] .userchip{
  background:#fff!important;color:var(--sr-text)!important;border:1px solid var(--sr-border)!important;box-shadow:0 3px 10px rgba(25,64,105,.035)
}
.market-picker{height:42px!important}.market-label{font-size:8px!important;color:#71849a!important}.market-picker select{font-size:11px!important;color:var(--sr-text)!important}
.theme-toggle{height:42px!important}.userchip{min-height:42px!important}.avatar{background:linear-gradient(135deg,#d8ecff,#b4dbff)!important;color:#073665!important}
.user-meta b{font-size:11px!important}.user-plan{font-size:9px!important}.logout{color:#df6070!important}

/* global typography and surfaces */
.breadcrumb{font-size:10px!important;color:#7390ad!important;margin:6px 0 12px!important}.breadcrumb a{color:#3976b2!important}
.headline{margin:8px 0 16px!important}.headline h1,.market-hero-main h1,.command-main h1{color:#0d203d!important;font-size:30px!important;line-height:1.12!important;letter-spacing:-.035em!important}
.headline .muted,.market-hero-main p,.command-main p,.section-title p{font-size:12px!important;line-height:1.55!important;color:var(--sr-muted)!important}
.section-title{margin:20px 0 10px!important}.section-title h2{font-size:18px!important;color:#10233f!important;margin:0 0 4px!important}
.card,html[data-theme="light"] .card{
  background:#fff!important;color:var(--sr-text)!important;border:1px solid var(--sr-border)!important;border-radius:14px!important;
  box-shadow:var(--sr-shadow)!important
}
.btn{background:linear-gradient(90deg,var(--sr-blue),#147de5)!important;color:#fff!important;border-radius:9px!important;padding:10px 15px!important;font-size:11px!important;box-shadow:0 5px 12px rgba(11,116,229,.18)!important}
.btn:hover{filter:brightness(.98);transform:translateY(-1px)}.btn.soft{background:#fff!important;color:#1d4d7b!important;border:1px solid var(--sr-border)!important;box-shadow:none!important}
.chip,.data-badge{font-size:9px!important}.data-badge.official{background:#e7f8f1!important;color:#08734f!important;border-color:#bcead8!important}.data-badge.calculated{background:#eaf4ff!important;color:#176bb7!important;border-color:#cde5fb!important}.data-badge.demo{background:#fff4df!important;color:#a9680c!important;border-color:#f5d699!important}
.eyebrow{font-size:9px!important;color:#1877c7!important;letter-spacing:.09em!important}

/* filters / segmented controls */
.filters,.filters.pro{padding:10px!important;gap:8px!important;background:#fff!important}
.filters input,.filters select,.seg,
html[data-theme="light"] .filters input,html[data-theme="light"] .filters select,html[data-theme="light"] .seg{
  min-height:39px;background:#fff!important;color:#27405c!important;border:1px solid var(--sr-border)!important;border-radius:9px!important;font-size:11px!important
}
.seg.active{background:#e9f4ff!important;color:#0868c8!important;border-color:#acd5f8!important;font-weight:800!important}
.ranking-toolbar{margin:12px 0!important}.ranking-toolbar .left,.ranking-toolbar .right{gap:7px!important}

/* KPI cards */
.summary,.analytics-kpis{gap:10px!important;margin-bottom:14px!important}
.analytics-kpi,.metric{padding:15px 16px!important;min-height:98px!important;position:relative!important;overflow:hidden!important}
.analytics-kpi:after,.metric:after{content:"";position:absolute;right:-20px;bottom:-28px;width:88px;height:70px;border-radius:50%;background:radial-gradient(circle,rgba(22,139,240,.10),transparent 68%)}
.analytics-kpi .label,.metric .label{font-size:10px!important;color:#60778f!important;font-weight:700!important}
.analytics-kpi .value,.metric .value{font-size:23px!important;color:#0f294b!important;margin:7px 0 3px!important;letter-spacing:-.025em!important}
.analytics-kpi small,.metric small,.metric .up{font-size:9px!important;color:#758ba1!important}.up,.trendup,.good-text{color:var(--sr-green)!important}

/* dashboard/explore */
.command-grid{gap:12px!important}.command-main{padding:24px 26px!important;background:linear-gradient(118deg,#fff 0%,#fbfdff 66%,#edf8ff 100%)!important;position:relative;overflow:hidden}
.command-main:after{content:"";position:absolute;right:-55px;top:-75px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(13,128,230,.14),transparent 68%)}
.command-actions{gap:9px!important;margin-top:17px!important}.pulse-card{padding:15px!important}.pulse-card .label{font-size:9px!important;color:#678099!important}.pulse-card .big{font-size:18px!important;color:#102b4f!important}.pulse-card small{font-size:9px!important}
.insight-grid{gap:12px!important}.rank-list,.source-card{box-shadow:var(--sr-shadow)!important}.rank-row{padding:12px 14px!important}.rank-title b{font-size:11px!important;color:#102947!important}.rank-title span,.rank-stat span{font-size:9px!important}.rank-stat b{font-size:10px!important}
.source-card{padding:16px!important}.source-card h3{font-size:13px!important;color:#102a4c!important}.source-card p{font-size:10px!important;line-height:1.55!important}.source-line{font-size:9px!important}
.module-grid{gap:10px!important}.module-card{min-height:145px!important;padding:18px!important}.module-card h3{font-size:14px!important;color:#102949!important}.module-card p{font-size:10px!important;line-height:1.55!important}.module-icon{color:#1378d2!important;font-size:22px!important}

/* ranking/market hero */
.market-hero{gap:10px!important}.market-hero-main{padding:22px 24px!important;background:linear-gradient(120deg,#fff,#f7fbff)!important}.market-hero-main h1{font-size:27px!important}.market-hero-side{gap:8px!important}.micro-card{padding:14px!important}.micro-card span,.micro-card small{font-size:9px!important;color:#6c8197!important}.micro-card b{font-size:14px!important;color:#102d50!important}

/* tables — larger, clearer, still dense */
.tablecard{overflow:hidden!important}.tablehead{padding:15px 16px!important;background:#fff!important;border-bottom:1px solid var(--sr-border)!important}.tablehead b{font-size:13px!important;color:#112b4c!important}.tablehead .muted{font-size:9px!important}
table{min-width:1160px!important}th{background:#f1f6fb!important;color:#5d7188!important;font-size:9px!important;letter-spacing:.035em!important;padding:10px 11px!important;border-bottom:1px solid var(--sr-border)!important}td{font-size:10px!important;color:#203853!important;padding:10px 11px!important;border-top:1px solid #e8eff6!important}tbody tr:hover{background:#f8fbff!important}.prodimg{width:50px!important;height:50px!important;background:#f3f7fb!important;border-color:#dbe6f0!important;border-radius:10px!important}.prod b{font-size:11px!important;color:#153457!important;max-width:260px!important}.prod span{font-size:9px!important;color:#71869b!important}.creator-face{width:42px!important;height:42px!important;background:#eef5fb!important;border-color:#d9e5ef!important}.creator-cell b{font-size:10px!important;color:#153457!important}.rank-number,.rank-index{background:#e9f7ff!important;color:#0872c9!important;font-size:9px!important}.money{color:#102d50!important}.score.good{color:#079e69!important}.gallery3 .thumb{background:#f1f6fa!important;border-color:#d9e6f0!important;width:34px!important;height:34px!important}.spark path{stroke:#1596ff!important}

/* product detail */
.product-intel-head{gap:12px!important}.product-main-card{padding:18px!important}.product-overview{grid-template-columns:180px 1fr!important;gap:18px!important}.product-gallery-main{width:180px!important;height:180px!important;background:#f4f7fb!important;border-color:#d8e5ef!important;border-radius:14px!important}.gallery3{gap:5px!important}.gallery3 .thumb{width:44px!important;height:44px!important}.product-title-area h1{font-size:25px!important;color:#102949!important;letter-spacing:-.025em!important}.product-subline{font-size:11px!important;color:#58718b!important}.product-title-area p{font-size:10px!important;color:#60768d!important}.product-tags .chip{background:#eef5fb!important;border-color:#d6e4ef!important;color:#526d87!important}.product-kpi-strip{gap:8px!important;margin-top:14px!important}.product-mini-kpi{background:#f7faff!important;border-color:#dbe6f1!important;padding:11px!important}.product-mini-kpi span{font-size:9px!important;color:#657a90!important}.product-mini-kpi b{font-size:15px!important;color:#102d50!important}.radar-readiness{padding:17px!important}.radar-readiness h3{font-size:14px!important;color:#102949!important}.readiness-row{font-size:9px!important;border-color:#e3ebf3!important}.readiness-meter{background:#e8f0f7!important}.readiness-meter i{background:linear-gradient(90deg,#0f74df,#17b6e9)!important}
.detail-tabs{top:67px!important;background:rgba(248,251,255,.94)!important;border:1px solid var(--sr-border)!important;box-shadow:0 4px 16px rgba(25,64,105,.05)!important}.detail-tabs a{font-size:10px!important;color:#607790!important}.detail-tabs a.active{color:#0872d2!important;background:#e8f4ff!important}.intel-panel,.source-split{padding:16px!important}.intel-panel h3,.source-split-head h3{font-size:13px!important;color:#102949!important}.intel-panel p,.data-note{font-size:10px!important;color:#667d93!important}.availability-item{background:#f7faff!important;border-color:#dce7f1!important}.availability-item span,.availability-item b{font-size:9px!important}.origin-track{background:#e6eef6!important;border-color:#d6e2ed!important}.origin-fill{background:linear-gradient(90deg,#0e79df,#19b9e6)!important}.origin-fill.direct{background:linear-gradient(90deg,#8ba2b8,#b7c5d3)!important}

/* entity pages */
.entity-layout{grid-template-columns:195px minmax(0,1fr)!important}.entity-nav{background:#fff!important;border-color:var(--sr-border)!important;box-shadow:var(--sr-shadow)!important}.entity-nav:before{color:#7290aa!important;font-size:9px!important}.entity-nav a{font-size:10px!important;color:#58718a!important}.entity-nav a.active{background:#eaf5ff!important;color:#086fc9!important;border-left-color:#0b74e5!important}.panel{padding:18px!important}.hero-meta h1{font-size:24px!important;color:#102949!important}.hero-meta p{font-size:10px!important}.entity-avatar{width:72px!important;height:72px!important;background:#eef5fb!important;border-color:#dce7f0!important}.stat-grid{gap:8px!important}.stat{background:#f8fbfe!important;border-color:#dde8f1!important;padding:12px!important}.stat span{font-size:9px!important;color:#6a8096!important}.stat b{font-size:15px!important;color:#102d50!important}.stat small{font-size:9px!important}.metric-cell{background:#f8fbfe!important;border-color:#dce7f1!important}.metric-cell span,.metric-cell small{font-size:9px!important}.metric-cell b{font-size:15px!important;color:#102d50!important}
.content-thumb{background:linear-gradient(145deg,#eaf3fb,#dcecf8)!important;border:1px solid #d5e3ee!important}.content-tile b{font-size:10px!important}.content-tile span{font-size:9px!important}.audience-card h4{font-size:11px!important}.donut:after,html[data-theme="light"] .donut:after{background:#fff!important}.legend,.hbar{font-size:9px!important}.hbar-track{background:#e7eef5!important}

/* Radar IA — premium accent without turning the whole app dark */
.radar-result{background:linear-gradient(118deg,#fff,#f7fbff)!important;border-color:#cfe2f5!important}.radar-score-big{background:linear-gradient(145deg,#0b74e5,#6447e6)!important;color:#fff!important}.radar-signals span{background:#f2f7fc!important;border-color:#dce8f2!important;color:#526b83!important}.insight-callout{background:linear-gradient(135deg,#eef8ff,#f5f2ff)!important;border-color:#cfe4fa!important}.insight-callout h3{font-size:12px!important}.insight-callout p{font-size:10px!important}

/* auth pages receive the same premium visual language */
.auth-card,.login-card,.register-card{background:#fff!important;border-color:var(--sr-border)!important;box-shadow:0 18px 55px rgba(24,66,107,.12)!important}

/* dark theme remains available, but sidebar keeps same blue identity */
html[data-theme="dark"] body{background:#081522;color:#eaf2fb}
html[data-theme="dark"] .main{--sr-text:#e8f1fb;--sr-muted:#9ab0c6;--sr-border:#203852;--sr-card:#0d1d2e}
html[data-theme="dark"] .card{background:#0d1d2e!important;color:#eaf2fb!important;border-color:#203852!important;box-shadow:none!important}
html[data-theme="dark"] .headline h1,html[data-theme="dark"] .market-hero-main h1,html[data-theme="dark"] .command-main h1,html[data-theme="dark"] .section-title h2,html[data-theme="dark"] .tablehead b{color:#f2f7fc!important}
html[data-theme="dark"] .top{background:rgba(8,21,34,.94)!important;border-color:#203852!important}
html[data-theme="dark"] .search input,html[data-theme="dark"] .top-icon-btn,html[data-theme="dark"] .market-picker,html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .userchip,html[data-theme="dark"] .filters,html[data-theme="dark"] .filters input,html[data-theme="dark"] .filters select,html[data-theme="dark"] .seg{background:#0d1d2e!important;color:#eaf2fb!important;border-color:#203852!important}
html[data-theme="dark"] .command-main,html[data-theme="dark"] .market-hero-main{background:linear-gradient(120deg,#0d1d2e,#0b1b2b)!important}
html[data-theme="dark"] .analytics-kpi .value,html[data-theme="dark"] .metric .value,html[data-theme="dark"] .pulse-card .big,html[data-theme="dark"] .source-card h3,html[data-theme="dark"] .module-card h3,html[data-theme="dark"] .micro-card b,html[data-theme="dark"] .prod b,html[data-theme="dark"] .product-title-area h1,html[data-theme="dark"] .product-mini-kpi b,html[data-theme="dark"] .intel-panel h3,html[data-theme="dark"] .source-split-head h3,html[data-theme="dark"] .hero-meta h1,html[data-theme="dark"] .stat b,html[data-theme="dark"] .metric-cell b{color:#eaf2fb!important}
html[data-theme="dark"] th{background:#102337!important;color:#9cb1c6!important;border-color:#203852!important}html[data-theme="dark"] td{color:#cfdeec!important;border-color:#1c3249!important}html[data-theme="dark"] tbody tr:hover{background:#102439!important}
html[data-theme="dark"] .product-mini-kpi,html[data-theme="dark"] .availability-item,html[data-theme="dark"] .stat,html[data-theme="dark"] .metric-cell,html[data-theme="dark"] .radar-signals span{background:#102236!important;border-color:#203852!important;color:#bdd0e2!important}
html[data-theme="dark"] .detail-tabs{background:rgba(9,23,37,.95)!important;border-color:#203852!important}html[data-theme="dark"] .detail-tabs a{color:#a7bbce!important}html[data-theme="dark"] .detail-tabs a.active{background:#123456!important;color:#76c5ff!important}

@media(max-width:1250px){.main{padding-left:20px;padding-right:20px}.top{margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}.product-overview{grid-template-columns:150px 1fr!important}.product-gallery-main{width:150px!important;height:150px!important}}
@media(max-width:920px){.app{grid-template-columns:78px minmax(0,1fr)}.main{padding:16px 18px 40px}.top{margin:-16px -18px 12px;padding:10px 18px}.product-overview{grid-template-columns:1fr!important}.product-gallery-main{width:100%!important;height:260px!important}.entity-layout{grid-template-columns:1fr!important}}
@media(max-width:680px){body{font-size:13px}.main{padding:12px 10px 78px}.top{margin:-12px -10px 10px;padding:9px 10px}.headline h1,.market-hero-main h1,.command-main h1{font-size:24px!important}.analytics-kpis,.summary{grid-template-columns:1fr 1fr!important}.product-gallery-main{height:240px!important}}
@media(max-width:440px){.analytics-kpis,.summary{grid-template-columns:1fr!important}}


/* v5.2 approved overview dashboard */
.dashboard-v52{max-width:1540px!important}.dash-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 14px}.dash-heading h1{margin:0;color:#0e2747;font-size:32px;line-height:1.05;letter-spacing:-.035em}.dash-heading p{margin:6px 0 0;color:#526f8e;font-size:13px}.dash-periods{display:flex;background:#f5f8fc;border:1px solid #dbe6f1;border-radius:10px;overflow:hidden}.dash-periods button{min-height:38px;border:0;border-right:1px solid #e3ebf4;background:transparent;color:#193757;padding:0 18px;font-size:11px;font-weight:700;cursor:pointer}.dash-periods button:last-child{border-right:0}.dash-periods button.active{background:#0d70d7;color:#fff}
.dash-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:13px}.dash-kpi{padding:16px 17px!important;min-height:116px;position:relative;overflow:hidden}.dash-kpi-label{display:flex;align-items:center;gap:7px;color:#173656;font-size:11px;font-weight:800}.kpi-dot{width:9px;height:9px;border-radius:3px}.kpi-dot.blue{background:#2790ff}.kpi-dot.cyan{background:#17b8d8}.kpi-dot.violet{background:#8a52ef}.kpi-dot.pink{background:#ff4d91}.kpi-dot.orange{background:#ff8e31}.dash-kpi-main{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:10px}.dash-kpi-main strong{font-size:24px;color:#0d2b4e;letter-spacing:-.03em}.dash-kpi small{display:block;color:#667f98;font-size:9px;margin-top:9px}.mini-line{width:72px;height:26px;display:block;position:relative}.mini-line:before{content:"";position:absolute;left:2px;right:0;top:13px;height:2px;background:currentColor;transform:skewY(-12deg);box-shadow:12px -4px 0 -0.6px currentColor,24px 1px 0 -0.6px currentColor,36px -7px 0 -0.6px currentColor,48px -2px 0 -0.6px currentColor,60px -9px 0 -0.6px currentColor}.mini-line.blue{color:#238df5}.mini-line.cyan{color:#11abd3}.mini-line.violet{color:#8050eb}.mini-line.pink{color:#fa4b8e}.mini-line.orange{color:#ff8b2c}
.dash-mid-grid{display:grid;grid-template-columns:1.45fr 1.05fr .82fr;gap:12px;margin-bottom:12px}.dash-panel{padding:0!important;overflow:hidden;min-height:330px}.dash-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px 8px}.dash-panel-head h2{margin:0;color:#102d50;font-size:15px}.dash-panel-head a{font-size:10px;color:#0c74db;text-decoration:none;font-weight:700}.panel-tools{display:flex;gap:7px;align-items:center}.panel-tools select{height:32px;border:1px solid #d9e5ef;background:#fff;border-radius:8px;color:#36516d;font-size:9px;padding:0 9px}.chart-legend{display:flex;justify-content:center;gap:20px;color:#536e89;font-size:9px;padding-bottom:6px}.legend-box{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.legend-box.blue{background:#42a0f6}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.legend-dot.green{background:#15ba8a}.combo-chart{height:220px;display:grid;grid-template-columns:49px minmax(0,1fr) 62px;padding:0 10px 0 8px}.chart-y{display:flex;flex-direction:column;justify-content:space-between;color:#627d99;font-size:8px;padding:10px 0 24px}.chart-y.right{text-align:right}.chart-plot{position:relative;min-width:0;margin-top:4px}.grid-lines{position:absolute;inset:8px 0 25px;background:repeating-linear-gradient(to bottom,#e7eef5 0,#e7eef5 1px,transparent 1px,transparent 25%)}.grid-lines:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#edf2f7 0,#edf2f7 1px,transparent 1px,transparent 12.5%)}.bars{position:absolute;inset:8px 0 25px;display:flex;align-items:flex-end;justify-content:space-around;padding:0 4px;z-index:2}.bars i{width:4.3%;max-width:17px;min-width:8px;background:linear-gradient(180deg,#4aa7fa,#83c7ff);border-radius:2px 2px 0 0}.chart-line-svg{position:absolute;left:0;right:0;top:8px;width:100%;height:calc(100% - 33px);z-index:3;color:#16b88d}.chart-x{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;color:#607b97;font-size:7px}.demo-footnote{margin:0 14px 12px;padding:7px 9px;border-radius:7px;background:#f6f9fc;border:1px dashed #d5e2ed;color:#71859a;font-size:8px;line-height:1.35}.demo-footnote.compact{margin-top:8px;margin-bottom:8px}
.donut-wrap{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8px;padding:10px 15px 0}.dash-donut{width:165px;height:165px;border-radius:50%;margin:auto;background:conic-gradient(#2d91ff 0 28.4%,#ff5c9c 28.4% 47.1%,#ff9a3d 47.1% 59.7%,#8358f2 59.7% 70%,#18bf93 70% 78.1%,#a8b9ca 78.1% 100%);display:grid;place-items:center;position:relative}.dash-donut:before{content:"";width:98px;height:98px;border-radius:50%;background:#fff;position:absolute}.dash-donut>div{position:relative;z-index:1;text-align:center}.dash-donut strong{display:block;color:#123052;font-size:21px}.dash-donut span{font-size:8px;color:#637d96}.donut-legend{display:grid;gap:9px}.donut-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:7px;align-items:center;font-size:9px;color:#38536f}.donut-legend i{width:10px;height:10px;background:var(--c);border-radius:3px}.donut-legend b{color:#284764;font-size:9px}.trend-list{padding:0 14px}.trend-list>div{display:grid;grid-template-columns:22px 38px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #e8eff5}.trend-list b{font-size:10px}.trend-list strong{font-size:10px;color:#173552}.trend-list em{font-style:normal;color:#06aa72;font-size:10px;font-weight:800}.trend-thumb{width:34px;height:34px;border-radius:7px;border:1px solid #dce6ef;background:linear-gradient(145deg,#f5e5cf,#d8b489)}.trend-thumb.t2{background:linear-gradient(145deg,#efe5ff,#9f75ed)}.trend-thumb.t3{background:linear-gradient(145deg,#f1e8dd,#a9825a)}.trend-thumb.t4{background:linear-gradient(145deg,#fce6e1,#eb9c88)}.trend-thumb.t5{background:linear-gradient(145deg,#e7eff8,#7ba0c7)}
.dash-lower-grid{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:12px;margin-bottom:12px}.dash-table-panel{padding:0!important;overflow:hidden;min-height:292px}.mini-table-head,.mini-table-row{display:grid;align-items:center;column-gap:8px;padding:8px 12px}.mini-table-head{background:#f1f6fb;border-top:1px solid #e1eaf2;border-bottom:1px solid #dfe8f1;color:#526d88;font-size:8px;font-weight:800}.mini-table-row{border-bottom:1px solid #e8eef4;color:#26445f;font-size:9px;text-decoration:none;min-height:44px}.mini-table-head.product,.mini-table-row.product{grid-template-columns:22px minmax(0,1fr) 72px 54px 52px}.mini-table-head.creator,.mini-table-row.creator{grid-template-columns:22px minmax(0,1fr) 66px 70px 52px}.entity-small{display:flex;align-items:center;gap:8px;min-width:0}.entity-small img,.product-placeholder,.avatar-demo{width:32px;height:32px;border-radius:7px;object-fit:cover;flex:0 0 32px;border:1px solid #dce7f0;background:#f1f6fa;display:grid;place-items:center;font-style:normal}.entity-small b{display:block;color:#173451;font-size:9px}.entity-small small{display:block;color:#7a8fa3;font-size:7px;margin-top:2px}.avatar-demo{border-radius:50%;background:linear-gradient(145deg,#dcecff,#b7d8f8);color:#1c5b91;font-weight:900}.growth{color:#08a96f;font-weight:800}.dash-empty{padding:28px 16px;text-align:center;color:#72879a;font-size:9px}.live-highlight{padding:0 12px}.live-demo-card{display:grid;grid-template-columns:78px minmax(0,1fr) 68px 45px;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid #e8eff5}.live-photo{height:48px;border-radius:8px;background:linear-gradient(145deg,#cbd9e6,#7e98ae);position:relative;overflow:hidden}.live-photo:after{content:"";position:absolute;width:27px;height:34px;border-radius:45%;background:rgba(255,255,255,.75);left:25px;bottom:-7px}.live-photo.lp2{background:linear-gradient(145deg,#a8c8e1,#355d78)}.live-photo.lp3{background:linear-gradient(145deg,#e8cbbd,#b07760)}.live-photo.lp4{background:linear-gradient(145deg,#c8c8d9,#6e7291)}.live-photo b{position:absolute;top:4px;left:4px;z-index:2;background:#ff4278;color:#fff;font-size:7px;padding:2px 5px;border-radius:4px}.live-demo-card strong{font-size:9px;color:#173552}.live-demo-card small{display:block;font-size:7px;color:#7d90a3;margin-top:2px}.live-demo-card em{font-size:8px;color:#57718a;font-style:normal}.live-demo-card>b{font-size:9px;color:#173552;text-align:right}
.dash-bottom-grid{display:grid;grid-template-columns:1.8fr .75fr .75fr;gap:12px;margin-bottom:30px}.radar-banner{min-height:108px;border-radius:12px;border:1px solid #d5e3f1;background:linear-gradient(118deg,#eff7ff,#eef0ff 70%,#e8e1ff);display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 18px}.radar-star{font-size:35px;color:#5c54ed}.radar-banner h2{margin:0;color:#142e50;font-size:22px}.radar-banner p{margin:3px 0;color:#264564;font-size:11px;font-weight:700}.radar-banner small{color:#6b7f95;font-size:8px}.radar-banner a{background:linear-gradient(135deg,#246ee8,#5d45e8);color:#fff;text-decoration:none;border-radius:9px;padding:12px 16px;font-size:10px;font-weight:800}.quick-opportunity{display:grid!important;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:15px!important;text-decoration:none}.quick-opportunity>span{width:36px;height:36px;border-radius:9px;background:#eaf6ff;color:#247ddd;display:grid;place-items:center;font-size:17px}.quick-opportunity b{display:block;color:#183756;font-size:10px}.quick-opportunity small{display:block;color:#72869a;font-size:8px;margin-top:3px}.quick-opportunity em{grid-column:2;font-size:8px;color:#0d73d5;font-style:normal;font-weight:800}
html[data-theme="dark"] .dash-heading h1,html[data-theme="dark"] .dash-panel-head h2,html[data-theme="dark"] .dash-kpi-main strong,html[data-theme="dark"] .dash-kpi-label,html[data-theme="dark"] .mini-table-row,html[data-theme="dark"] .entity-small b{color:#eef5fc}html[data-theme="dark"] .dash-periods,html[data-theme="dark"] .mini-table-head,html[data-theme="dark"] .demo-footnote{background:#102337;border-color:#203852}html[data-theme="dark"] .dash-periods button{color:#cbdbea;border-color:#203852}html[data-theme="dark"] .dash-donut:before{background:#0d1d2e}html[data-theme="dark"] .donut-legend span,html[data-theme="dark"] .donut-legend b,html[data-theme="dark"] .trend-list strong,html[data-theme="dark"] .live-demo-card strong{color:#d8e5f1}
@media(max-width:1300px){.dash-kpis{grid-template-columns:repeat(3,1fr)}.dash-mid-grid{grid-template-columns:1.2fr 1fr}.dash-mid-grid>.dash-panel:last-child{grid-column:1/-1}.dash-lower-grid{grid-template-columns:1fr 1fr}.dash-lower-grid>.dash-table-panel:last-child{grid-column:1/-1}}@media(max-width:1000px){.dash-heading{align-items:flex-start;flex-direction:column}.dash-periods{width:100%;overflow:auto}.dash-mid-grid,.dash-lower-grid,.dash-bottom-grid{grid-template-columns:1fr}.dash-mid-grid>.dash-panel:last-child,.dash-lower-grid>.dash-table-panel:last-child{grid-column:auto}.dash-kpis{grid-template-columns:1fr 1fr}.radar-banner{grid-template-columns:44px 1fr}.radar-banner a{grid-column:1/-1;text-align:center}}@media(max-width:650px){.dash-heading h1{font-size:27px}.dash-kpis{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr}.combo-chart{grid-template-columns:38px minmax(0,1fr) 48px}.mini-table-head.product,.mini-table-row.product{grid-template-columns:20px minmax(0,1fr) 54px}.mini-table-head.product span:nth-child(4),.mini-table-head.product span:nth-child(5),.mini-table-row.product>span:nth-child(4),.mini-table-row.product>span:nth-child(5){display:none}.mini-table-head.creator,.mini-table-row.creator{grid-template-columns:20px minmax(0,1fr) 58px}.mini-table-head.creator span:nth-child(4),.mini-table-head.creator span:nth-child(5),.mini-table-row.creator>span:nth-child(4),.mini-table-row.creator>span:nth-child(5){display:none}.live-demo-card{grid-template-columns:64px minmax(0,1fr) 48px}.live-demo-card>b{display:none}}



/* =========================================================
   v5.3 — Premium Intelligence system applied to all modules
   ========================================================= */
.main[class*="page-"]{max-width:1540px!important;padding-bottom:34px}
.main[class*="page-"] .breadcrumb{margin-top:10px}
.main[class*="page-"] .headline{
  margin:10px 0 14px;padding:0;display:flex;align-items:flex-end;justify-content:space-between;gap:18px
}
.main[class*="page-"] .headline h1{font-size:30px;line-height:1.05;letter-spacing:-.035em;color:#102c4f;margin:0}
.main[class*="page-"] .headline .muted{font-size:11px;line-height:1.5;margin-top:6px;color:#607a94}
.main[class*="page-"] .info-banner{border-radius:10px;padding:11px 13px}
.main[class*="page-"] .card{border-color:#d9e5f0;box-shadow:0 8px 22px rgba(37,78,122,.055)}
.main[class*="page-"] .filters{border-radius:11px!important;padding:10px!important;gap:8px!important;background:#fff}
.main[class*="page-"] .filters select,.main[class*="page-"] .filters input{min-height:38px!important;border-radius:8px!important}
.main[class*="page-"] .filters .btn{min-height:38px}
.main[class*="page-"] .analytics-kpis{gap:11px;margin:12px 0}
.main[class*="page-"] .analytics-kpi{min-height:105px;padding:14px 15px!important;position:relative;overflow:hidden}
.main[class*="page-"] .analytics-kpi:after{content:"";position:absolute;right:-22px;bottom:-36px;width:105px;height:105px;border-radius:50%;background:radial-gradient(circle,rgba(32,139,238,.09),transparent 68%)}
.main[class*="page-"] .analytics-kpi .label{font-size:9px;font-weight:800;color:#4a6885;text-transform:uppercase;letter-spacing:.035em}
.main[class*="page-"] .analytics-kpi .value{font-size:23px!important;line-height:1.1;color:#102e51;margin:8px 0 2px}
.main[class*="page-"] .analytics-kpi small{font-size:8px;color:#70869a}
.main[class*="page-"] .tablecard{border-radius:12px!important;overflow:hidden}
.main[class*="page-"] .tablehead{padding:14px 15px!important;background:#fff;border-bottom:1px solid #e2ebf3}
.main[class*="page-"] .tablewrap th{background:#f2f7fb!important;color:#496883!important;font-size:8px!important;padding:9px 10px!important}
.main[class*="page-"] .tablewrap td{font-size:9px!important;padding:10px!important}
.main[class*="page-"] .tablewrap tbody tr:hover{background:#f7fbff}
.main[class*="page-"] .rank-number,.main[class*="page-"] .rank-index{background:#eaf7ff!important;color:#1377d5!important;border-radius:7px!important}
.main[class*="page-"] .prodimg{width:48px!important;height:48px!important;border-radius:9px!important}
.main[class*="page-"] .prod b{font-size:10px!important}.main[class*="page-"] .prod span{font-size:8px!important}
.main[class*="page-"] .spark{width:88px!important;height:30px!important}

.pro-visual-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr);gap:12px;margin:12px 0}
.pro-chart-card,.pro-side-insight{padding:0!important;overflow:hidden;min-height:270px}
.pro-chart-legend{display:flex;justify-content:center;gap:22px;font-size:9px;color:#56728c;margin-bottom:2px}
.pro-combo-mini{height:186px;position:relative;margin:2px 18px 0}
.pro-grid{position:absolute;inset:8px 0 24px;background:repeating-linear-gradient(to bottom,#e8eff6 0,#e8eff6 1px,transparent 1px,transparent 25%)}
.pro-grid:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#edf3f8 0,#edf3f8 1px,transparent 1px,transparent 10%)}
.pro-bars{position:absolute;inset:8px 0 24px;display:flex;align-items:flex-end;justify-content:space-around;z-index:2}
.pro-bars i{width:5.6%;max-width:25px;min-width:10px;background:linear-gradient(180deg,#3c9ff7,#85c9ff);border-radius:3px 3px 0 0}
.pro-combo-mini svg{position:absolute;left:0;right:0;top:8px;width:100%;height:calc(100% - 32px);z-index:3;color:#16b88d;filter:drop-shadow(0 2px 2px rgba(22,184,141,.13))}
.pro-chart-axis{position:absolute;left:0;right:0;bottom:3px;display:flex;justify-content:space-between;color:#72879a;font-size:7px}
.pro-insight-list{padding:1px 14px}
.pro-insight-list>div{display:grid;grid-template-columns:20px minmax(0,1fr) 88px 25px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #e7eef5}
.pro-insight-list>div:last-child{border-bottom:0}.pro-insight-list b{font-size:9px;color:#26445f}.pro-insight-list span{font-size:9px;color:#173755;font-weight:700}
.pro-insight-list i{height:6px;background:#edf3f8;border-radius:99px;overflow:hidden}.pro-insight-list em{display:block;height:100%;background:linear-gradient(90deg,#2f90f4,#39c5db);border-radius:99px}
.pro-insight-list strong{text-align:right;color:#8599ab;font-size:9px}

/* list pages: visual rhythm and stronger top region */
.page-products .product-toolbar,.page-sellers .ranking-toolbar,.page-creators .ranking-toolbar{margin:10px 0}
.page-products .tabs,.page-sellers .seg,.page-creators .seg{box-shadow:none}
.page-categories .summary,.page-videos .summary,.page-lives .summary,.page-favorites .summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:12px 0}
.page-categories .metric,.page-videos .metric,.page-lives .metric,.page-favorites .metric{min-height:102px;padding:14px!important}
.page-videos .prodimg,.page-lives .prodimg{width:62px!important;height:46px!important}

/* detail pages: entity identity on left, intelligence on right */
.page-product-detail .entity-layout,.page-category-detail .entity-layout,.page-seller-detail .entity-layout,.page-creator-detail .entity-layout{
  display:grid!important;grid-template-columns:205px minmax(0,1fr)!important;gap:12px!important;align-items:start
}
.page-product-detail .entity-nav,.page-category-detail .entity-nav,.page-seller-detail .entity-nav,.page-creator-detail .entity-nav{
  position:sticky;top:72px;border-radius:12px!important;padding:8px!important;background:linear-gradient(180deg,#0a3d72,#0c4d8b)!important;border:0!important;box-shadow:0 14px 28px rgba(7,50,92,.14)!important
}
.page-product-detail .entity-nav a,.page-category-detail .entity-nav a,.page-seller-detail .entity-nav a,.page-creator-detail .entity-nav a{
  color:#dcecff!important;border-radius:8px!important;font-size:9px!important;padding:10px 11px!important
}
.page-product-detail .entity-nav a.active,.page-category-detail .entity-nav a.active,.page-seller-detail .entity-nav a.active,.page-creator-detail .entity-nav a.active{
  background:#1479dc!important;color:#fff!important
}
.entity-content .hero-line{background:#fff;border:1px solid #d9e5f0;border-radius:12px;padding:16px!important;box-shadow:0 8px 22px rgba(37,78,122,.055)}
.entity-content .hero-line h1{font-size:25px!important;color:#102c4f!important}
.entity-content .stat-grid{gap:10px!important}
.entity-content .card.stat{min-height:98px;padding:13px!important}
.entity-content .entity-section{margin-top:12px!important}
.entity-content .section-title{margin:0 0 8px!important}
.entity-content .section-title h2{font-size:16px!important;color:#153451!important}
.entity-content .panel,.entity-content .source-split,.entity-content .audience-card{border-radius:12px!important}
.entity-content .chartarea{height:270px!important}
.entity-content .content-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.entity-content .content-tile{overflow:hidden;padding:9px!important}.entity-content .content-thumb{height:118px!important;border-radius:9px!important}

/* Radar command center */
.radar-command-grid{display:grid;grid-template-columns:1.8fr .65fr .65fr;gap:11px;margin:12px 0}
.radar-command-hero{min-height:116px;border-radius:13px;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;background:linear-gradient(120deg,#0b4f91,#165fb0 55%,#4d42d7);color:#fff;box-shadow:0 14px 32px rgba(15,80,151,.18)}
.radar-command-hero small{font-size:7px;letter-spacing:.11em;font-weight:800;opacity:.78}.radar-command-hero h2{font-size:20px;margin:3px 0}.radar-command-hero p{font-size:9px;margin:0;opacity:.88}.radar-orb{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:25px}
.radar-mini{display:flex!important;align-items:center;gap:11px;padding:15px!important}.radar-mini>span{width:38px;height:38px;border-radius:10px;background:#eaf5ff;display:grid;place-items:center;color:#1476d4;font-size:18px}.radar-mini b{display:block;color:#173654;font-size:10px}.radar-mini small{display:block;font-size:8px;margin-top:4px;color:#75899c}

/* TikTok integration command view */
.tt-overview-grid{display:grid;grid-template-columns:1.65fr .75fr;gap:12px;margin:12px 0}.tt-health-card,.tt-scope-card{padding:0!important;overflow:hidden}
.tt-health-flow{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr 24px 1fr;gap:5px;align-items:center;padding:14px 16px 18px}.tt-health-flow>span{text-align:center;color:#8aa0b4}
.tt-health-flow>div{min-height:70px;border:1px solid #dce7f0;border-radius:10px;padding:11px;display:flex;gap:9px;align-items:center;background:#fbfdff}.tt-health-flow i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:900;font-size:9px;background:#eef3f7;color:#6e8294}.tt-health-flow .ok i{background:#daf8ed;color:#079564}.tt-health-flow .pending i{background:#fff2da;color:#c57e08}
.tt-health-flow b{display:block;font-size:9px;color:#173653}.tt-health-flow small{display:block;font-size:7px;color:#7b8fa2;margin-top:3px}
.tt-scope-card .scope-row{display:flex;justify-content:space-between;gap:12px;padding:11px 15px;border-top:1px solid #e7eef4;font-size:9px}.tt-scope-card .scope-row span{color:#35516c}

/* dashboard scale refinement */
.page-dashboard .dash-heading h1{font-size:34px!important}.page-dashboard .dash-heading p{font-size:12px!important}
.page-dashboard .dash-kpis{gap:13px!important}.page-dashboard .dash-kpi{min-height:124px!important;padding:17px 18px!important}
.page-dashboard .dash-kpi-label{font-size:11.5px!important}.page-dashboard .dash-kpi-main strong{font-size:27px!important}
.page-dashboard .dash-mid-grid{grid-template-columns:1.5fr 1.08fr .84fr!important;gap:13px!important}.page-dashboard .dash-panel{min-height:348px!important}
.page-dashboard .combo-chart{height:236px!important}.page-dashboard .dash-donut{width:178px!important;height:178px!important}
.page-dashboard .dash-lower-grid{gap:13px!important}.page-dashboard .dash-table-panel{min-height:315px!important}.page-dashboard .mini-table-row{min-height:49px!important}
.page-dashboard .live-photo{height:52px!important}.page-dashboard .radar-banner{min-height:116px!important}

/* language switch visibility */
.language-switcher-custom{position:relative;z-index:60}.language-button{min-height:36px!important;font-weight:700!important}.language-options{z-index:999!important}

/* dark theme parity */
html[data-theme="dark"] .main[class*="page-"] .headline h1,
html[data-theme="dark"] .main[class*="page-"] .analytics-kpi .value{color:#edf5fc}
html[data-theme="dark"] .pro-grid{background:repeating-linear-gradient(to bottom,#20384e 0,#20384e 1px,transparent 1px,transparent 25%)}
html[data-theme="dark"] .pro-grid:after{background:repeating-linear-gradient(to right,#1d3348 0,#1d3348 1px,transparent 1px,transparent 10%)}
html[data-theme="dark"] .pro-insight-list>div,html[data-theme="dark"] .tt-scope-card .scope-row{border-color:#20384e}
html[data-theme="dark"] .pro-insight-list span,html[data-theme="dark"] .tt-health-flow b{color:#dceaf7}
html[data-theme="dark"] .tt-health-flow>div{background:#102437;border-color:#244058}
html[data-theme="dark"] .entity-content .hero-line{background:#0d1f31;border-color:#203d57}
html[data-theme="dark"] .entity-content .hero-line h1,html[data-theme="dark"] .entity-content .section-title h2{color:#edf5fc}

@media(max-width:1250px){
  .pro-visual-grid,.tt-overview-grid{grid-template-columns:1fr}
  .radar-command-grid{grid-template-columns:1fr 1fr}.radar-command-hero{grid-column:1/-1}
  .page-product-detail .entity-layout,.page-category-detail .entity-layout,.page-seller-detail .entity-layout,.page-creator-detail .entity-layout{grid-template-columns:175px minmax(0,1fr)!important}
}
@media(max-width:980px){
  .page-product-detail .entity-layout,.page-category-detail .entity-layout,.page-seller-detail .entity-layout,.page-creator-detail .entity-layout{grid-template-columns:1fr!important}
  .page-product-detail .entity-nav,.page-category-detail .entity-nav,.page-seller-detail .entity-nav,.page-creator-detail .entity-nav{position:static;display:flex;overflow:auto}
  .entity-content .content-card-grid{grid-template-columns:1fr 1fr!important}
  .tt-health-flow{grid-template-columns:1fr}.tt-health-flow>span{transform:rotate(90deg)}
}
@media(max-width:650px){
  .main[class*="page-"] .headline{align-items:flex-start;flex-direction:column}.main[class*="page-"] .headline h1{font-size:26px}
  .pro-insight-list>div{grid-template-columns:18px minmax(0,1fr) 60px}.pro-insight-list>div strong{display:none}
  .radar-command-grid{grid-template-columns:1fr}.radar-command-hero{grid-column:auto}
  .entity-content .content-card-grid{grid-template-columns:1fr!important}
}



/* =========================================================
   v5.4 — Products page: approved mockup composition
   ========================================================= */
.products-v54{max-width:1540px!important}
.products-v54 .topbar{margin-bottom:0}
.products-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:16px 0 12px}
.products-titlebar h1{font-size:34px;line-height:1;margin:0;color:#102b4d;letter-spacing:-.04em}
.products-titlebar p{margin:7px 0 0;font-size:12px;color:#536f8b}
.products-export{min-width:126px;height:42px;border-radius:8px!important;font-weight:800}
.products-tabs{display:flex;gap:0;margin:0 0 12px;overflow:auto}
.products-tabs a{text-decoration:none;color:#2c4865;background:#f5f8fc;border:1px solid #dbe5ef;border-right:0;padding:10px 18px;font-size:10px;font-weight:700;white-space:nowrap}
.products-tabs a:first-child{border-radius:9px 0 0 9px}.products-tabs a:last-child{border-right:1px solid #dbe5ef;border-radius:0 9px 9px 0}
.products-tabs a.active{background:#1079df;border-color:#1079df;color:#fff}
.products-kpi-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.05fr .9fr 1.05fr;gap:12px;margin-bottom:12px}
.product-kpi{min-height:106px;padding:15px!important;display:grid!important;grid-template-columns:42px 1fr 72px;align-items:center;gap:10px;overflow:hidden}
.product-kpi.compact-kpi{grid-template-columns:42px 1fr}
.product-kpi-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;font-weight:900;font-style:normal;font-size:15px}
.product-kpi-icon.blue{background:#e8f4ff;color:#1482e8}.product-kpi-icon.cyan{background:#e5f8fc;color:#0a9fbd}.product-kpi-icon.green{background:#e8f8f2;color:#0aa66f}.product-kpi-icon.trophy{background:#edf5ff;color:#1c78d3}.product-kpi-icon.pink{background:#fff0f5;color:#ef427d}
.product-kpi strong{display:block;font-size:22px;line-height:1;color:#102e52;letter-spacing:-.03em}.product-kpi b{display:block;margin-top:5px;font-size:9px;color:#496580}.product-kpi small{display:block;margin-top:5px;font-size:7px;color:#7b8fa2}
.product-kpi-spark{height:28px;position:relative;color:#218ef4}
.product-kpi-spark:before{content:"";position:absolute;left:2px;right:2px;top:15px;height:2px;background:currentColor;transform:skewY(-12deg);box-shadow:12px -5px 0 -0.5px currentColor,24px 0 0 -0.5px currentColor,36px -7px 0 -0.5px currentColor,48px -2px 0 -0.5px currentColor,60px -10px 0 -0.5px currentColor}
.product-kpi-spark.cyan{color:#0db2cc}.product-kpi-spark.green{color:#0fb985}.product-kpi-spark.pink{color:#f54883}
.products-filterbar{display:grid!important;grid-template-columns:minmax(280px,1.55fr) 1fr .82fr .8fr .85fr auto 96px;gap:8px;padding:10px!important;margin-bottom:12px;align-items:center}
.filter-search{height:38px;border:1px solid #d7e3ee;border-radius:8px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fff}.filter-search span{color:#7f96aa}.filter-search input{border:0!important;outline:0;width:100%;min-height:auto!important;background:transparent!important;padding:0!important;font-size:9px!important}
.products-filterbar select{height:38px;border:1px solid #d7e3ee;border-radius:8px;background:#fff;color:#3d5872;padding:0 10px;font-size:9px}
.filter-more{height:38px;border:1px solid #d7e3ee;background:#fff;border-radius:8px;color:#36516b;font-size:9px;font-weight:700;padding:0 12px;white-space:nowrap}.filter-apply{height:38px!important;border-radius:8px!important}
.products-content-grid{display:grid;grid-template-columns:minmax(0,2.35fr) minmax(310px,.8fr);gap:12px;align-items:start}
.products-ranking{padding:0!important;overflow:hidden}
.products-ranking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid #e2eaf2}.products-ranking-head>div>strong{font-size:11px;color:#173654}
.ranking-tools{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.ranking-tools label{font-size:8px;color:#6d8296;display:flex;align-items:center;gap:6px}.ranking-tools select{height:32px;border:1px solid #d7e3ee;border-radius:7px;background:#fff;color:#36516b;font-size:8px;padding:0 8px}
.view-btn{height:32px;border:1px solid #d7e3ee;background:#fff;border-radius:7px;color:#395570;font-size:8px;padding:0 10px;font-weight:700}.view-btn.active{background:#1480e5;border-color:#1480e5;color:#fff}
.products-table-wrap{overflow:auto}.products-table-wrap table{width:100%;border-collapse:collapse;min-width:1020px}
.products-table-wrap th{background:#f1f6fb;color:#4c6883;font-size:7.5px;text-align:left;padding:9px 8px;border-bottom:1px solid #dce6ef;white-space:nowrap}
.products-table-wrap td{padding:8px;border-bottom:1px solid #e7eef5;color:#2d4964;font-size:8px;vertical-align:middle}.products-table-wrap tbody tr:hover{background:#f8fbfe}
.product-rank{font-weight:800;color:#38546f}.product-entity{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:220px}.product-photo{width:48px;height:48px;border-radius:8px;overflow:hidden;border:1px solid #dce6ef;background:#f2f6fa;display:grid;place-items:center;flex:0 0 48px;font-size:24px}.product-photo img{width:100%;height:100%;object-fit:cover}
.product-name-wrap{min-width:0}.product-name-wrap strong{font-size:9px;color:#173653;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.product-name-wrap small{display:block;font-size:7px;color:#71879b;margin-top:4px}
.product-status-tag{display:inline-block;font-style:normal;font-size:6.5px;color:#118154;background:#e5f8ef;border:1px solid #c8efdf;border-radius:99px;padding:2px 5px;margin-top:4px}
.category-cell{font-size:8px;color:#48647e;max-width:95px;display:inline-block}.price-cell{font-size:8.5px;color:#173653}.subvalue{display:block;font-size:6.5px;color:#7a8ea0;margin-top:3px}.growth-cell{color:#05a66b;font-weight:900}
.product-trend{width:82px;height:28px;color:#168aed}.products-table-wrap tr:nth-child(3n+1) .product-trend{color:#15ae79}.products-table-wrap tr:nth-child(4n) .product-trend{color:#804fe9}.products-table-wrap tr:nth-child(6n) .product-trend{color:#f34b83}
.row-actions{display:flex;gap:5px}.row-actions button{width:30px;height:30px;border:1px solid #d9e4ed;background:#fff;border-radius:7px;color:#385470;font-size:10px;cursor:pointer}.row-actions button:hover{border-color:#1684e8;color:#1684e8}
.products-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;color:#6d8296;font-size:7.5px}.products-pagination>div{display:flex;gap:4px;align-items:center}.products-pagination button{min-width:28px;height:28px;border:1px solid #d9e4ee;background:#fff;border-radius:6px;color:#3e5872;font-size:8px}.products-pagination button.active{background:#1685e9;border-color:#1685e9;color:#fff}.products-pagination select{height:28px;border:1px solid #d9e4ee;border-radius:6px;background:#fff;font-size:8px;color:#3e5872}
.products-right-rail{display:grid;gap:12px}.product-side-card{padding:0!important;overflow:hidden}.side-card-head{display:flex;align-items:center;justify-content:space-between;padding:12px 13px 8px;gap:8px}.side-card-head h2{margin:0;font-size:13px;color:#153452}.side-card-head a{font-size:8px;color:#0e76d9;text-decoration:none;font-weight:700}.side-card-head select{height:29px;border:1px solid #d8e4ee;border-radius:7px;background:#fff;font-size:7px;color:#4a6680;padding:0 7px}.side-legend{display:flex;justify-content:center;gap:16px;font-size:7px;color:#607a93}
.products-side-chart{height:178px;position:relative;margin:5px 14px 0}.side-grid{position:absolute;inset:10px 0 26px;background:repeating-linear-gradient(to bottom,#e8eff6 0,#e8eff6 1px,transparent 1px,transparent 25%)}.side-grid:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#edf3f8 0,#edf3f8 1px,transparent 1px,transparent 20%)}
.side-bars{position:absolute;inset:10px 0 26px;display:flex;align-items:flex-end;justify-content:space-around;z-index:2}.side-bars i{width:5.5%;min-width:7px;background:linear-gradient(180deg,#48a7fb,#80c6ff);border-radius:2px 2px 0 0}
.products-side-chart svg{position:absolute;left:0;right:0;top:10px;width:100%;height:calc(100% - 36px);z-index:3;color:#15b786}.side-axis{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:space-between;font-size:6px;color:#6b8196}.side-note{margin:0 12px 11px;padding:6px 8px;border:1px dashed #d6e2ec;background:#f7fafc;border-radius:6px;color:#778b9d;font-size:6.5px}
.category-highlight-list{padding:0 12px}.category-highlight-list>div{display:grid;grid-template-columns:18px 24px minmax(0,1fr) 40px 42px;gap:6px;align-items:center;padding:8px 0;border-bottom:1px solid #e8eef5}.category-highlight-list>div:last-child{border-bottom:0}.category-highlight-list b{font-size:8px;color:#36516c}.category-highlight-list strong{font-size:8px;color:#173653}.category-highlight-list em{font-size:7px;color:#49647d;font-style:normal;text-align:right}.category-highlight-list i{font-size:7px;color:#05a56d;font-style:normal;font-weight:900;text-align:right}
.cat-ico{width:22px;height:22px;border-radius:6px;display:grid;place-items:center;font-size:7px}.cat-ico.pink{background:#ffe5ef;color:#f04d87}.cat-ico.violet{background:#eee7ff;color:#8057e9}.cat-ico.orange{background:#fff0df;color:#ec8a2b}.cat-ico.blue{background:#e5f2ff;color:#2a87df}.cat-ico.green{background:#e4f8ef;color:#13aa75}
.products-radar-card{min-height:122px;border-radius:12px;padding:16px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;background:linear-gradient(130deg,#f1f5ff,#edf1ff 54%,#e8e1ff);border:1px solid #d8e2f2;box-shadow:0 8px 20px rgba(66,70,170,.07)}.radar-card-star{width:38px;height:38px;border-radius:10px;background:#ebe6ff;color:#6a4ce6;display:grid;place-items:center;font-size:22px}.products-radar-card h2{margin:0;font-size:17px;color:#183354}.products-radar-card p{margin:4px 0 0;font-size:8px;color:#49647f;line-height:1.4}.products-radar-card a{grid-column:1/-1;background:linear-gradient(135deg,#6a50ea,#4d36e4);color:#fff;text-decoration:none;border-radius:8px;padding:10px 12px;font-size:8px;font-weight:800;text-align:center}
.products-integrity-note{margin-top:8px;text-align:right;color:#8596a6;font-size:6.5px}
html[data-theme="dark"] .products-titlebar h1,html[data-theme="dark"] .product-kpi strong,html[data-theme="dark"] .products-ranking-head>div>strong,html[data-theme="dark"] .product-name-wrap strong,html[data-theme="dark"] .side-card-head h2,html[data-theme="dark"] .category-highlight-list strong{color:#eef6fc}
html[data-theme="dark"] .products-tabs a,html[data-theme="dark"] .filter-search,html[data-theme="dark"] .products-filterbar select,html[data-theme="dark"] .filter-more,html[data-theme="dark"] .ranking-tools select,html[data-theme="dark"] .view-btn,html[data-theme="dark"] .row-actions button,html[data-theme="dark"] .products-pagination button,html[data-theme="dark"] .products-pagination select,html[data-theme="dark"] .side-card-head select{background:#102337;border-color:#24415b;color:#d7e6f2}
html[data-theme="dark"] .products-tabs a.active,html[data-theme="dark"] .view-btn.active,html[data-theme="dark"] .products-pagination button.active{background:#1685e9;border-color:#1685e9;color:#fff}
html[data-theme="dark"] .products-table-wrap th{background:#11263a;color:#a9bed0}
html[data-theme="dark"] .products-table-wrap td,html[data-theme="dark"] .products-ranking-head,html[data-theme="dark"] .category-highlight-list>div{border-color:#203b52}
html[data-theme="dark"] .side-grid{background:repeating-linear-gradient(to bottom,#20374d 0,#20374d 1px,transparent 1px,transparent 25%)}html[data-theme="dark"] .side-grid:after{background:repeating-linear-gradient(to right,#1d3348 0,#1d3348 1px,transparent 1px,transparent 20%)}
html[data-theme="dark"] .products-radar-card{background:linear-gradient(130deg,#182744,#20234c 60%,#28234f);border-color:#334868}
@media(max-width:1320px){.products-kpi-grid{grid-template-columns:repeat(3,1fr)}.products-content-grid{grid-template-columns:minmax(0,1.8fr) 320px}.products-filterbar{grid-template-columns:1.5fr 1fr 1fr 1fr}.products-filterbar .filter-more,.products-filterbar .filter-apply{grid-row:2}}
@media(max-width:1050px){.products-content-grid{grid-template-columns:1fr}.products-right-rail{grid-template-columns:1fr 1fr}.products-radar-card{grid-column:1/-1}.products-filterbar{grid-template-columns:1fr 1fr}.filter-search{grid-column:1/-1}}
@media(max-width:760px){.products-titlebar{align-items:flex-start;flex-direction:column}.products-titlebar h1{font-size:29px}.products-export{width:100%}.products-kpi-grid{grid-template-columns:1fr}.product-kpi{min-height:92px}.products-filterbar{grid-template-columns:1fr}.filter-search{grid-column:auto}.products-filterbar .filter-more,.products-filterbar .filter-apply{grid-row:auto}.products-ranking-head{align-items:flex-start;flex-direction:column}.ranking-tools{justify-content:flex-start}.products-right-rail{grid-template-columns:1fr}.products-pagination{align-items:flex-start;flex-direction:column}}



/* v5.5 — Product detail: exact approved reference composition */
.product-ref-page{max-width:1540px!important}
.ref-breadcrumb{display:flex;gap:7px;align-items:center;font-size:8px;color:#73889b;margin:12px 0 9px}.ref-breadcrumb a{color:#1b79d0;text-decoration:none}.ref-breadcrumb b{font-weight:600}
.ref-product-hero{display:grid;grid-template-columns:300px minmax(360px,1fr) 390px;gap:18px;padding:12px!important;margin-bottom:10px}
.ref-gallery{display:grid;grid-template-columns:54px 1fr;gap:8px;min-width:0}.ref-thumbs{display:grid;gap:6px;align-content:start}.ref-thumbs button{height:54px;border:1px solid #dce6ef;border-radius:7px;background:#f6f8fb;padding:2px;overflow:hidden;position:relative}.ref-thumbs button.active{border:2px solid #ff8c38}.ref-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:5px}.ref-thumbs span{font-size:20px}.ref-thumbs i{position:absolute;inset:0;display:grid;place-items:center;background:rgba(22,42,65,.62);color:#fff;font-style:normal;font-weight:900;font-size:11px}.ref-main-photo{height:224px;border-radius:8px;background:#f2f4f7;overflow:hidden;display:grid;place-items:center}.ref-main-photo img{width:100%;height:100%;object-fit:contain}.ref-main-photo>span{font-size:64px}
.ref-product-copy{padding-top:5px}.ref-title-line{display:flex;align-items:center;gap:9px}.ref-title-line h1{font-size:21px;line-height:1.12;color:#102e52;margin:0;letter-spacing:-.025em}.ref-bestseller{font-size:7px;padding:4px 7px;border-radius:99px;background:#fff1df;color:#d97617;font-weight:800;white-space:nowrap}.ref-store{display:block;color:#193c68;text-decoration:none;font-size:10px;font-weight:800;margin:11px 0 4px}.ref-social-proof{font-size:8px;color:#516d87}.ref-social-proof span{color:#778da1}.ref-tags{display:flex;gap:5px;margin:12px 0 8px;flex-wrap:wrap}.ref-tags span{font-size:7px;background:#eef5ff;color:#477099;border-radius:4px;padding:5px 7px}.ref-product-copy p{font-size:8px;line-height:1.55;color:#496681;margin:0 0 7px;max-width:640px}.ref-more{font-size:8px;color:#0879dd;text-decoration:none;font-weight:800}
.ref-commerce{border-left:1px solid #e4ebf2;padding-left:15px}.ref-commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:0}.ref-commerce-grid>div{padding:10px 13px;min-height:94px}.ref-commerce-grid>div+div{border-left:1px solid #e4ebf2}.ref-commerce small{display:block;font-size:8px;color:#3e5b76}.ref-commerce strong{display:block;font-size:22px;color:#102d52;margin:7px 0 4px}.ref-commerce em{font-size:7px;color:#6f8599;font-style:normal}.ref-tiktok-btn{display:grid;place-items:center;width:100%;height:44px;border:0;border-radius:6px;background:#087cf0;color:#fff;text-decoration:none;font-size:9px;font-weight:900;cursor:pointer}
.ref-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:10px}.ref-kpi{min-height:83px;padding:11px!important;display:grid!important;grid-template-columns:35px 1fr 58px;gap:8px;align-items:center;overflow:hidden}.ref-kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;font-size:15px;background:#e9f4ff;color:#1686ed}.ref-kpi.green .ref-kpi-icon{background:#e8f8ef;color:#10a96f}.ref-kpi.purple .ref-kpi-icon{background:#f0eaff;color:#8653ee}.ref-kpi.orange .ref-kpi-icon{background:#fff0e1;color:#f08c27}.ref-kpi.pink .ref-kpi-icon,.ref-kpi.rose .ref-kpi-icon{background:#ffe9f1;color:#f34b82}.ref-kpi small{display:block;font-size:7px;color:#48637e}.ref-kpi strong{display:block;font-size:15px;color:#102e52;margin:3px 0}.ref-kpi em{display:block;font-size:6px;color:#0ba56b;font-style:normal}.ref-kpi svg{width:58px;height:28px;fill:none;stroke:#1687ef;stroke-width:2}.ref-kpi.green svg{stroke:#10b678}.ref-kpi.purple svg{stroke:#8958ed}.ref-kpi.orange svg{stroke:#f08b29}.ref-kpi.pink svg,.ref-kpi.rose svg{stroke:#f34882}
.ref-analytics-grid{display:grid;grid-template-columns:1.7fr .85fr .75fr;gap:10px;margin-bottom:10px}.ref-card-head{height:37px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border-bottom:1px solid #e5ecf3}.ref-card-head h2{font-size:11px;color:#153655;margin:0}.ref-card-head a{font-size:7px;color:#0879db;text-decoration:none;font-weight:700}.ref-card-head select{height:26px;border:1px solid #d7e2ec;border-radius:6px;background:#fff;color:#49657e;font-size:7px;padding:0 7px}.ref-legend{text-align:center;font-size:7px;padding-top:7px}.ref-legend span{margin:0 7px}.blue-dot{color:#1688ed}.green-dot{color:#11aa72}
.ref-chart{height:190px;margin:0 12px 8px;position:relative}.ref-chart-grid{position:absolute;inset:12px 0 22px;background:repeating-linear-gradient(to bottom,#e6edf4 0,#e6edf4 1px,transparent 1px,transparent 25%)}.ref-chart-grid:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#edf2f7 0,#edf2f7 1px,transparent 1px,transparent 10%)}.ref-bars{position:absolute;inset:12px 4px 22px;display:flex;align-items:flex-end;justify-content:space-around;z-index:2}.ref-bars i{width:3.4%;background:#5eaff5;border-radius:2px 2px 0 0}.ref-chart svg{position:absolute;inset:12px 0 22px;width:100%;height:calc(100% - 34px);z-index:3;fill:none;stroke:#12b276;stroke-width:3}.ref-chart-wait{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #dce6ef;border-radius:99px;padding:6px 10px;font-size:7px;color:#6b8195;z-index:4;white-space:nowrap}
.ref-origin-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center;padding:16px 10px}.ref-donut{width:138px;height:138px;border-radius:50%;background:conic-gradient(#2389ed 0 42.8%,#f64f8a 42.8% 71.2%,#8b52e8 71.2% 86.8%,#f39a32 86.8% 95.5%,#9bb0c3 95.5%);position:relative;display:grid;place-items:center;margin:auto}.ref-donut:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;background:#fff}.ref-donut.empty{background:#e5edf4}.ref-donut b,.ref-donut span{position:absolute;z-index:2}.ref-donut b{font-size:16px;color:#153553;transform:translateY(-5px)}.ref-donut span{font-size:7px;color:#71879a;transform:translateY(11px)}.ref-origin-legend{display:grid;gap:9px}.ref-origin-legend div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:5px;font-size:7px;color:#49647d}.ref-origin-legend i{width:8px;height:8px;border-radius:2px;background:#2389ed}.ref-origin-legend div:nth-child(2) i{background:#f64f8a}.ref-origin-legend div:nth-child(3) i{background:#8b52e8}.ref-origin-legend div:nth-child(4) i{background:#f39a32}.ref-origin-legend div:nth-child(5) i{background:#9bb0c3}
.ref-markets-card{padding-bottom:8px!important}.ref-market-row{display:grid;grid-template-columns:18px 22px 1fr 42px 35px;align-items:center;gap:4px;padding:8px 11px;border-bottom:1px solid #e8eef4;font-size:7px}.ref-market-row>b{color:#284761}.ref-market-row .flag{font-size:14px}.ref-market-row strong{color:#193a59}.ref-market-row em{font-style:normal;color:#395773;text-align:right}.ref-market-row i{font-style:normal;color:#0ca76f;font-weight:800;text-align:right}.ref-markets-card>a{display:block;text-align:right;margin:8px 11px 0;font-size:7px;color:#0879dc;text-decoration:none}
.ref-bottom-grid{display:grid;grid-template-columns:1.55fr 1fr .85fr;gap:10px}.ref-video-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px}.ref-video-item{min-width:0}.ref-video-thumb{height:118px;border-radius:8px;overflow:hidden;background:linear-gradient(145deg,#dfeaf3,#a8bfd1);position:relative}.ref-video-thumb img{width:100%;height:100%;object-fit:cover}.ref-video-thumb>b{position:absolute;left:7px;bottom:7px;color:#fff;text-shadow:0 1px 3px #000;font-size:10px}.ref-video-item>strong{display:block;font-size:7px;color:#193a59;margin:5px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-video-item>span,.ref-video-item>small{display:block;font-size:6px;color:#71879b;margin-top:2px}
.ref-creators-card table{width:100%;border-collapse:collapse}.ref-creators-card th{background:#f3f7fb;font-size:6px;color:#607991;text-align:left;padding:7px}.ref-creators-card td{font-size:7px;color:#36526d;padding:7px;border-bottom:1px solid #e8eef4}.ref-creators-card td:nth-child(2){display:flex;align-items:center;gap:5px}.ref-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ddecfb;color:#3976a9;font-weight:800}
.ref-similar-card{padding-bottom:5px!important}.ref-similar-row{display:grid;grid-template-columns:38px 1fr 32px;gap:7px;align-items:center;padding:6px 10px;border-bottom:1px solid #e8eef4}.ref-similar-img{width:36px;height:36px;border-radius:6px;overflow:hidden;background:#f0f4f7;display:grid;place-items:center}.ref-similar-img img{width:100%;height:100%;object-fit:cover}.ref-similar-row strong{display:block;font-size:7px;color:#183957;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ref-similar-row span{display:block;font-size:6.5px;color:#4d6880;margin-top:2px}.ref-similar-row>b{font-size:7px;color:#3b5770;text-align:right}.ref-source-note{text-align:right;font-size:6.5px;color:#8496a7;margin:8px 2px 16px}
@media(max-width:1300px){.ref-product-hero{grid-template-columns:260px 1fr 330px}.ref-kpis{grid-template-columns:repeat(3,1fr)}.ref-analytics-grid{grid-template-columns:1.5fr 1fr}.ref-markets-card{grid-column:1/-1}.ref-bottom-grid{grid-template-columns:1.4fr 1fr}.ref-similar-card{grid-column:1/-1}}
@media(max-width:900px){.ref-product-hero{grid-template-columns:1fr}.ref-commerce{border-left:0;border-top:1px solid #e4ebf2;padding:10px 0 0}.ref-kpis{grid-template-columns:repeat(2,1fr)}.ref-analytics-grid,.ref-bottom-grid{grid-template-columns:1fr}.ref-markets-card,.ref-similar-card{grid-column:auto}}
@media(max-width:600px){.ref-gallery{grid-template-columns:46px 1fr}.ref-main-photo{height:240px}.ref-kpis{grid-template-columns:1fr}.ref-video-strip{grid-template-columns:repeat(2,1fr)}.ref-product-hero{padding:9px!important}}



/* =========================================================
   v5.6 — Product detail proportion/alignment refinement
   Reference target: approved screenshot layout
   ========================================================= */
.product-ref-page{max-width:1510px!important}

/* Top product card: tighter copy, stronger gallery, cleaner balance */
.ref-product-hero{
  grid-template-columns:300px minmax(420px,1.25fr) 360px!important;
  gap:16px!important;
  padding:11px!important;
}
.ref-gallery{grid-template-columns:50px 1fr!important;gap:7px!important}
.ref-thumbs button{height:50px!important}
.ref-main-photo{height:210px!important}
.ref-product-copy{padding-top:2px!important}
.ref-title-line h1{font-size:20px!important}
.ref-store{margin:8px 0 3px!important}
.ref-tags{margin:9px 0 7px!important}
.ref-product-copy p{font-size:7.6px!important;line-height:1.45!important;margin-bottom:5px!important}
.ref-commerce-grid>div{min-height:82px!important;padding:9px 11px!important}
.ref-commerce strong{font-size:20px!important}
.ref-tiktok-btn{height:41px!important}

/* KPI row: slightly taller and evenly distributed */
.ref-kpis{gap:8px!important}
.ref-kpi{min-height:78px!important;padding:10px!important;grid-template-columns:32px 1fr 52px!important}
.ref-kpi-icon{width:31px!important;height:31px!important}
.ref-kpi svg{width:52px!important}

/* Analytics row: same visual proportions as reference */
.ref-analytics-grid{
  grid-template-columns:minmax(0,1.72fr) minmax(280px,.86fr) minmax(250px,.72fr)!important;
  gap:9px!important;
}
.ref-sales-card,.ref-origin-card,.ref-markets-card{min-height:255px!important}
.ref-chart{height:188px!important}
.ref-origin-body{padding:13px 9px!important}
.ref-donut{width:132px!important;height:132px!important}

/* Critical correction: bottom row must be 45% / 31% / 24% approximately */
.ref-bottom-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(0,1.02fr) minmax(235px,.78fr)!important;
  gap:9px!important;
  align-items:stretch!important;
}
.ref-videos-card,.ref-creators-card,.ref-similar-card{
  min-height:250px!important;
  overflow:hidden!important;
}
.ref-videos-card{min-width:0!important}
.ref-creators-card{min-width:0!important}
.ref-similar-card{min-width:0!important}

/* Videos: five useful cards in one clean row, never squeezed to a sliver */
.ref-video-strip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  padding:9px!important;
}
.ref-video-item{min-width:0!important;overflow:hidden!important}
.ref-video-thumb{
  width:100%!important;
  height:126px!important;
  border-radius:8px!important;
}
.ref-video-item>strong{
  font-size:7px!important;
  line-height:1.25!important;
  white-space:normal!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
  min-height:18px!important;
}
.ref-video-item>span,.ref-video-item>small{
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* Creators: compact table like the approved reference */
.ref-creators-card table{table-layout:fixed!important}
.ref-creators-card th:nth-child(1){width:28px!important}
.ref-creators-card th:nth-child(2){width:auto!important}
.ref-creators-card th:nth-child(3){width:72px!important}
.ref-creators-card th:nth-child(4){width:80px!important}
.ref-creators-card th{padding:7px 6px!important}
.ref-creators-card td{padding:7px 6px!important}
.ref-creators-card td:nth-child(2){
  display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important
}
.ref-creators-card td:nth-child(2) b{
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important
}
.ref-avatar{width:22px!important;height:22px!important;flex:0 0 22px!important}

/* Similar products: preserve readable thumbnail/title/value columns */
.ref-similar-row{
  grid-template-columns:42px minmax(0,1fr) 34px!important;
  gap:7px!important;
  padding:7px 9px!important;
}
.ref-similar-img{width:40px!important;height:40px!important}
.ref-similar-row strong{font-size:7px!important}
.ref-similar-row span{font-size:6.5px!important}

/* Uniform card heads */
.ref-card-head{height:39px!important;padding:0 10px!important}
.ref-card-head h2{font-size:10.5px!important}
.ref-card-head a{font-size:7px!important}

/* Large desktop keeps the full reference composition */
@media(min-width:1450px){
  .ref-product-hero{grid-template-columns:310px minmax(500px,1.3fr) 380px!important}
  .ref-bottom-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,1.03fr) minmax(250px,.82fr)!important}
  .ref-video-thumb{height:132px!important}
}

/* Mid-size desktop: videos still stay wide; similar card moves only when needed */
@media(max-width:1180px){
  .ref-product-hero{grid-template-columns:270px minmax(360px,1fr) 320px!important}
  .ref-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)!important}
  .ref-similar-card{grid-column:1/-1!important}
  .ref-similar-card .ref-similar-row{grid-template-columns:42px 1fr 50px!important}
}
@media(max-width:900px){
  .ref-product-hero{grid-template-columns:1fr!important}
  .ref-bottom-grid{grid-template-columns:1fr!important}
  .ref-similar-card{grid-column:auto!important}
  .ref-video-strip{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .ref-video-strip{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}



/* v5.7 — Produtos: composição aprovada */
.products-approved-page{max-width:1510px!important}
.ap-products-head{display:flex;align-items:end;justify-content:space-between;margin:10px 0 9px}.ap-products-head h1{font-size:27px;line-height:1;color:#102d52;margin:0 0 6px}.ap-products-head p{font-size:9px;color:#58718a;margin:0}.ap-export{height:36px;border:1px solid #d6e1ec;background:#fff;border-radius:7px;padding:0 16px;color:#234867;font-size:8px;font-weight:800}
.ap-quick-tabs{display:flex;gap:7px;margin-bottom:9px}.ap-quick-tabs a{height:34px;padding:0 14px;border:1px solid #d7e2ec;border-radius:7px;background:#fff;color:#244a6a;text-decoration:none;font-size:8px;font-weight:800;display:flex;align-items:center}.ap-quick-tabs a.active{background:#087cf0;border-color:#087cf0;color:#fff}
.ap-filterbar{display:grid!important;grid-template-columns:1.65fr .9fr .8fr .9fr .9fr .95fr .9fr;gap:8px;padding:9px!important;margin-bottom:10px}.ap-filterbar label{height:50px;border:1px solid #dbe5ee;border-radius:7px;padding:5px 9px;display:flex;flex-direction:column;justify-content:center}.ap-filterbar label>span{font-size:6.5px;color:#59738b;margin-bottom:3px}.ap-filterbar select,.ap-filterbar input{border:0;background:transparent;outline:0;color:#173b5c;font-size:8px;font-weight:700;width:100%}.ap-search{flex-direction:row!important;align-items:center!important;gap:7px!important;font-size:15px;color:#7790a5}.ap-search input{font-weight:500!important}.ap-more-filter{height:50px;border:1px solid #dbe5ee;border-radius:7px;background:#fff;color:#244967;font-size:8px;font-weight:800}
.ap-products-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:10px;align-items:start}.ap-products-main{min-width:0}.ap-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-bottom:9px}.ap-kpi{min-height:82px;padding:10px!important;display:grid!important;grid-template-columns:38px 1fr;gap:8px;align-items:center}.ap-kpi-icon{width:37px;height:37px;border-radius:8px;display:grid;place-items:center;font-size:16px;background:#e8f4ff;color:#1784eb}.ap-kpi.pink .ap-kpi-icon{background:#ffe9ef;color:#ef4d77}.ap-kpi.green .ap-kpi-icon{background:#e6f8ee;color:#10a96c}.ap-kpi.purple .ap-kpi-icon{background:#f0e9ff;color:#8655ed}.ap-kpi.cyan .ap-kpi-icon{background:#e7f3ff;color:#1e87e8}.ap-kpi.orange .ap-kpi-icon{background:#fff0df;color:#ef8b2d}.ap-kpi small{display:block;font-size:6.5px;color:#58718a}.ap-kpi strong{display:block;font-size:17px;color:#102d52;margin:5px 0 2px}.ap-kpi em{display:block;font-style:normal;font-size:7px;color:#0aa76c}
.ap-product-list{overflow:hidden!important}.ap-list-head{height:58px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5ecf3}.ap-list-head h2{font-size:13px;color:#143655;margin:0 0 3px}.ap-list-head p{font-size:7px;color:#6a8195;margin:0}.ap-list-head label{font-size:7px;color:#516d85}.ap-list-head select{height:29px;border:1px solid #d6e2ec;border-radius:6px;background:#fff;font-size:7px;color:#264965;font-weight:700}
.ap-table-wrap{overflow:auto}.ap-product-list table{width:100%;border-collapse:collapse;table-layout:auto}.ap-product-list th{height:30px;background:#f2f6fa;text-align:left;font-size:6px;color:#607991;padding:0 7px;white-space:nowrap}.ap-product-list td{height:53px;border-bottom:1px solid #e5ecf3;padding:5px 7px;font-size:7px;color:#35516b;white-space:nowrap}.ap-product-list td:first-child{width:24px}.ap-product-cell{display:flex;align-items:center;gap:7px;text-decoration:none;min-width:190px}.ap-product-cell>span{width:38px;height:38px;border-radius:6px;background:#f1f4f7;display:grid;place-items:center;overflow:hidden;font-size:19px;flex:0 0 38px}.ap-product-cell img{width:100%;height:100%;object-fit:cover}.ap-product-cell strong{display:block;color:#153655;font-size:7.5px;max-width:170px;overflow:hidden;text-overflow:ellipsis}.ap-product-cell small{display:block;color:#758a9d;font-size:6px;margin-top:2px}.ap-cat-pill{display:inline-block;padding:4px 7px;border-radius:99px;background:#eef5ff;color:#2774b6;max-width:95px;overflow:hidden;text-overflow:ellipsis}.ap-growth{color:#0aa76c;font-weight:900}.ap-spark{width:56px;height:24px;fill:none;stroke:#0ab16d;stroke-width:2.2}.ap-actions{display:flex;gap:5px}.ap-actions a,.ap-actions button{width:29px;height:29px;border-radius:50%;border:1px solid #dce6ef;background:#f4f9ff;color:#176fc1;display:grid;place-items:center;text-decoration:none;font-size:11px}.ap-pagination{height:58px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#607990}.ap-pagination>div{display:flex;align-items:center}.ap-pagination button{width:29px;height:29px;border:1px solid #dbe5ee;background:#fff;color:#31536f;font-size:7px}.ap-pagination button.active{background:#087cf0;color:#fff;border-color:#087cf0}.ap-pagination span+div{}
.ap-right-rail{display:grid;gap:9px}.ap-right-rail>.card{overflow:hidden!important}.ap-side-head{height:39px;padding:0 10px;border-bottom:1px solid #e5ecf3;display:flex;align-items:center;justify-content:space-between}.ap-side-head h2{font-size:10px;color:#153655;margin:0}.ap-side-head select{height:26px;border:1px solid #d9e3ec;border-radius:6px;background:#fff;font-size:6.5px;color:#49657d}.ap-side-head a{font-size:7px;color:#0879dd;text-decoration:none;font-weight:800}.ap-trend-total{padding:12px 12px 0}.ap-trend-total strong{font-size:19px;color:#102e52}.ap-trend-total em{font-style:normal;color:#0aa76b;font-size:7px;margin-left:8px}.ap-trend-total span{display:block;font-size:7px;color:#637b90;margin-top:3px}.ap-line-chart{height:145px;margin:8px 12px 0;position:relative}.ap-line-chart>div{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#e7edf4 0,#e7edf4 1px,transparent 1px,transparent 25%)}.ap-line-chart>div:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,#edf2f7 0,#edf2f7 1px,transparent 1px,transparent 16.66%)}.ap-line-chart svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#1685ed;stroke-width:3;z-index:2}.ap-line-chart b{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #dce6ef;border-radius:99px;padding:5px 8px;font-size:6px;color:#71869a;white-space:nowrap}.ap-chart-days{display:flex;justify-content:space-between;padding:0 12px 10px;font-size:5.8px;color:#667e93}
.ap-cat-row{display:grid;grid-template-columns:18px 34px 1fr auto;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid #e8eef4}.ap-cat-row>b{font-size:7px;color:#254764}.ap-cat-row>i{width:30px;height:30px;border-radius:7px;background:#ffe9ef;color:#ef4d77;display:grid;place-items:center;font-style:normal}.ap-cat-row div strong{display:block;font-size:7.5px;color:#173957}.ap-cat-row div small{display:block;font-size:6px;color:#768b9d;margin-top:2px}.ap-cat-row em{font-style:normal;color:#0aa76c;font-size:7px;font-weight:900}
.ap-ai-box{margin:9px;padding:9px;background:#eaf5ff;border-radius:7px;display:grid;grid-template-columns:30px 1fr;gap:7px}.ap-ai-box>b{font-size:20px;color:#1685ed}.ap-ai-box strong{font-size:8px;color:#153655}.ap-ai-box p{font-size:6.5px;line-height:1.4;color:#49657e;margin:3px 0 0}.ap-mini-products{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 9px 9px}.ap-mini-products span{height:42px;border-radius:6px;background:#f1f4f7;display:grid;place-items:center;overflow:hidden;font-size:18px}.ap-mini-products img{width:100%;height:100%;object-fit:cover}.ap-ai-btn{height:34px;margin:0 9px 9px;border-radius:5px;background:#087cf0;color:#fff;text-decoration:none;font-size:7.5px;font-weight:900;display:grid;place-items:center}.ap-source-note{text-align:right;font-size:6.5px;color:#8496a7;margin:7px 2px 14px}
@media(max-width:1300px){.ap-products-layout{grid-template-columns:1fr}.ap-right-rail{grid-template-columns:repeat(3,1fr)}.ap-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ap-filterbar{grid-template-columns:repeat(2,1fr)}.ap-right-rail{grid-template-columns:1fr}.ap-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.ap-quick-tabs{overflow:auto}.ap-filterbar,.ap-kpis{grid-template-columns:1fr}.ap-products-head{align-items:start}.ap-export{margin-left:8px}}



/* =========================================================
   v5.8 — Produtos: escala, legibilidade e encaixe final
   Mantém integralmente a organização aprovada.
   ========================================================= */
.products-approved-page{max-width:1570px!important;padding-left:22px!important;padding-right:22px!important}
.ap-products-head{margin:14px 0 12px!important}
.ap-products-head h1{font-size:31px!important;letter-spacing:-.025em!important;margin-bottom:7px!important}
.ap-products-head p{font-size:11px!important}
.ap-export{height:40px!important;padding:0 19px!important;font-size:9px!important}
.ap-quick-tabs{gap:8px!important;margin-bottom:11px!important}
.ap-quick-tabs a{height:39px!important;padding:0 17px!important;font-size:9px!important}

.ap-filterbar{
 grid-template-columns:minmax(230px,1.5fr) minmax(130px,.82fr) minmax(115px,.72fr) minmax(125px,.78fr) minmax(145px,.88fr) minmax(145px,.9fr) 130px!important;
 gap:9px!important;padding:10px!important;margin-bottom:11px!important
}
.ap-filterbar label,.ap-more-filter{height:58px!important}
.ap-filterbar label{padding:7px 11px!important}
.ap-filterbar label>span{font-size:7.5px!important;margin-bottom:4px!important}
.ap-filterbar select,.ap-filterbar input{font-size:9px!important}
.ap-more-filter{font-size:9px!important}

.ap-products-layout{grid-template-columns:minmax(0,1fr) 350px!important;gap:12px!important}
.ap-kpis{gap:9px!important;margin-bottom:11px!important}
.ap-kpi{min-height:96px!important;padding:12px!important;grid-template-columns:44px 1fr!important;gap:9px!important}
.ap-kpi-icon{width:43px!important;height:43px!important;font-size:18px!important}
.ap-kpi small{font-size:7.5px!important}
.ap-kpi strong{font-size:20px!important;margin:6px 0 3px!important}
.ap-kpi em{font-size:7.5px!important}

.ap-product-list{min-height:500px!important}
.ap-list-head{height:67px!important;padding:0 14px!important}
.ap-list-head h2{font-size:15px!important;margin-bottom:4px!important}
.ap-list-head p{font-size:8px!important}
.ap-list-head label{font-size:8px!important}
.ap-list-head select{height:34px!important;font-size:8px!important;padding:0 8px!important}

/* Sem scroll horizontal em desktop: tabela se adapta ao painel */
.ap-table-wrap{overflow-x:hidden!important;width:100%!important}
.ap-product-list table{width:100%!important;table-layout:fixed!important}
.ap-product-list th{height:38px!important;font-size:7px!important;padding:0 7px!important}
.ap-product-list td{height:68px!important;padding:7px!important;font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ap-product-list th:nth-child(1){width:30px!important}
.ap-product-list th:nth-child(2){width:28%!important}
.ap-product-list th:nth-child(3){width:14%!important}
.ap-product-list th:nth-child(4){width:10%!important}
.ap-product-list th:nth-child(5){width:8%!important}
.ap-product-list th:nth-child(6){width:8%!important}
.ap-product-list th:nth-child(7){width:9%!important}
.ap-product-list th:nth-child(8){width:8%!important}
.ap-product-list th:nth-child(9){width:9%!important}
.ap-product-list th:nth-child(10){width:72px!important}
.ap-product-cell{min-width:0!important;gap:9px!important}
.ap-product-cell>span{width:50px!important;height:50px!important;flex:0 0 50px!important;border-radius:8px!important}
.ap-product-cell strong{font-size:8.5px!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.ap-product-cell small{font-size:6.8px!important}
.ap-cat-pill{font-size:7.5px!important;max-width:100%!important;padding:5px 8px!important}
.ap-spark{width:64px!important;height:27px!important}
.ap-actions a,.ap-actions button{width:34px!important;height:34px!important;font-size:13px!important}
.ap-pagination{height:70px!important;padding:0 14px!important;font-size:8px!important;margin-top:auto!important}
.ap-pagination button{width:34px!important;height:34px!important;font-size:8px!important}

/* Quando há poucos produtos, a tabela continua visualmente sólida */
.ap-product-list tbody:after{content:"";display:table-row;height:300px}
.ap-product-list tbody:after td{border:0!important}
.ap-product-list:has(tbody tr:nth-child(5)) tbody:after{height:40px}

/* Coluna lateral mais presente */
.ap-right-rail{gap:11px!important}
.ap-side-head{height:47px!important;padding:0 12px!important}
.ap-side-head h2{font-size:11px!important}
.ap-side-head a{font-size:8px!important}
.ap-side-head select{height:30px!important;font-size:7.5px!important}
.ap-trend-card{min-height:300px!important}
.ap-trend-total{padding:15px 14px 0!important}
.ap-trend-total strong{font-size:23px!important}
.ap-trend-total em{font-size:8px!important}
.ap-trend-total span{font-size:8px!important}
.ap-line-chart{height:165px!important;margin:10px 14px 0!important}
.ap-line-chart b{font-size:7px!important;padding:6px 9px!important}
.ap-chart-days{padding:0 14px 12px!important;font-size:6.5px!important}
.ap-cat-row{grid-template-columns:20px 40px 1fr auto!important;gap:8px!important;padding:10px 12px!important}
.ap-cat-row>i{width:37px!important;height:37px!important;font-size:14px!important}
.ap-cat-row>b{font-size:8px!important}
.ap-cat-row div strong{font-size:8.5px!important}
.ap-cat-row div small{font-size:6.8px!important}
.ap-cat-row em{font-size:8px!important}
.ap-ai-box{margin:11px!important;padding:11px!important;grid-template-columns:34px 1fr!important}
.ap-ai-box>b{font-size:23px!important}
.ap-ai-box strong{font-size:9px!important}
.ap-ai-box p{font-size:7.5px!important;line-height:1.45!important}
.ap-mini-products{gap:6px!important;padding:0 11px 11px!important}
.ap-mini-products span{height:51px!important}
.ap-ai-btn{height:40px!important;margin:0 11px 11px!important;font-size:8.5px!important}

/* Evita sensação de tela vazia mantendo a composição centralizada */
.ap-source-note{font-size:7px!important;margin-top:9px!important}
@media(min-width:1650px){
 .products-approved-page{max-width:1600px!important}
 .ap-products-layout{grid-template-columns:minmax(0,1fr) 365px!important}
}
@media(max-width:1400px){
 .ap-products-layout{grid-template-columns:minmax(0,1fr) 320px!important}
 .ap-kpi{grid-template-columns:36px 1fr!important;padding:9px!important}
 .ap-kpi-icon{width:35px!important;height:35px!important}
 .ap-kpi strong{font-size:17px!important}
}
@media(max-width:1180px){
 .ap-products-layout{grid-template-columns:1fr!important}
 .ap-right-rail{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .ap-kpis{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .ap-table-wrap{overflow-x:auto!important}
 .ap-product-list table{min-width:980px!important}
}
@media(max-width:800px){
 .ap-right-rail{grid-template-columns:1fr!important}
 .ap-filterbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .products-approved-page{padding-left:10px!important;padding-right:10px!important}
 .ap-kpis,.ap-filterbar{grid-template-columns:1fr!important}
}



/* =========================================================
   v5.9 — Dark mode readability fix for Products
   ========================================================= */
html[data-theme="dark"] .products-approved-page{
  background:#081726!important;
  color:#eaf3fb!important;
}
html[data-theme="dark"] .products-approved-page .topbar{
  background:#0b1e31!important;
  border-color:#1e3a53!important;
}
html[data-theme="dark"] .ap-products-head h1{
  color:#f4f8fc!important;
}
html[data-theme="dark"] .ap-products-head p{
  color:#a9bfd2!important;
}
html[data-theme="dark"] .ap-export{
  background:#f8fbff!important;
  color:#123653!important;
  border-color:#d8e5ef!important;
}
html[data-theme="dark"] .ap-quick-tabs a{
  background:#10263a!important;
  color:#dce9f4!important;
  border-color:#29455e!important;
}
html[data-theme="dark"] .ap-quick-tabs a.active{
  background:#1483ed!important;
  border-color:#1483ed!important;
  color:#fff!important;
}

html[data-theme="dark"] .ap-filterbar,
html[data-theme="dark"] .ap-kpi,
html[data-theme="dark"] .ap-product-list,
html[data-theme="dark"] .ap-right-rail>.card{
  background:#0d2235!important;
  border-color:#29445c!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}
html[data-theme="dark"] .ap-filterbar label,
html[data-theme="dark"] .ap-more-filter{
  background:#10283d!important;
  border-color:#35516a!important;
}
html[data-theme="dark"] .ap-filterbar label>span{
  color:#9db4c8!important;
}
html[data-theme="dark"] .ap-filterbar select,
html[data-theme="dark"] .ap-filterbar input{
  color:#f0f6fb!important;
}
html[data-theme="dark"] .ap-filterbar select option{
  background:#10283d!important;
  color:#f0f6fb!important;
}
html[data-theme="dark"] .ap-more-filter{
  color:#f1f6fb!important;
}

html[data-theme="dark"] .ap-kpi small{
  color:#9bb0c3!important;
}
html[data-theme="dark"] .ap-kpi strong{
  color:#ffffff!important;
}
html[data-theme="dark"] .ap-kpi em{
  color:#39d39a!important;
}
html[data-theme="dark"] .ap-kpi-icon{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)!important;
}

html[data-theme="dark"] .ap-list-head{
  border-color:#2a455d!important;
}
html[data-theme="dark"] .ap-list-head h2{
  color:#f5f8fb!important;
}
html[data-theme="dark"] .ap-list-head p,
html[data-theme="dark"] .ap-list-head label{
  color:#aac0d2!important;
}
html[data-theme="dark"] .ap-list-head select{
  background:#f8fbff!important;
  color:#153853!important;
  border-color:#d5e2ed!important;
}

html[data-theme="dark"] .ap-product-list th{
  background:#102a40!important;
  color:#c6d7e5!important;
  border-color:#365169!important;
}
html[data-theme="dark"] .ap-product-list td{
  color:#dbe8f2!important;
  border-color:#29445d!important;
}
html[data-theme="dark"] .ap-product-list tbody tr:hover{
  background:#122b40!important;
}
html[data-theme="dark"] .ap-product-cell strong{
  color:#f4f8fc!important;
}
html[data-theme="dark"] .ap-product-cell small{
  color:#9db3c6!important;
}
html[data-theme="dark"] .ap-product-cell>span{
  background:#eaf0f5!important;
}
html[data-theme="dark"] .ap-cat-pill{
  background:#183b58!important;
  color:#8dcaff!important;
}
html[data-theme="dark"] .ap-growth{
  color:#44d59e!important;
}
html[data-theme="dark"] .ap-actions a,
html[data-theme="dark"] .ap-actions button{
  background:#16334c!important;
  color:#83c5ff!important;
  border-color:#35516a!important;
}
html[data-theme="dark"] .ap-pagination{
  color:#a9bfd1!important;
}
html[data-theme="dark"] .ap-pagination button{
  background:#112a3f!important;
  color:#dbe8f3!important;
  border-color:#35516a!important;
}
html[data-theme="dark"] .ap-pagination button.active{
  background:#1483ed!important;
  border-color:#1483ed!important;
  color:#fff!important;
}

html[data-theme="dark"] .ap-side-head{
  border-color:#29445d!important;
}
html[data-theme="dark"] .ap-side-head h2{
  color:#f3f8fc!important;
}
html[data-theme="dark"] .ap-side-head a{
  color:#60b6ff!important;
}
html[data-theme="dark"] .ap-side-head select{
  background:#f8fbff!important;
  color:#143751!important;
  border-color:#d3e0ea!important;
}
html[data-theme="dark"] .ap-trend-total strong{
  color:#fff!important;
}
html[data-theme="dark"] .ap-trend-total em{
  color:#44d59e!important;
}
html[data-theme="dark"] .ap-trend-total span{
  color:#abc0d2!important;
}
html[data-theme="dark"] .ap-line-chart>div{
  background:repeating-linear-gradient(to bottom,#29445a 0,#29445a 1px,transparent 1px,transparent 25%)!important;
}
html[data-theme="dark"] .ap-line-chart>div:after{
  background:repeating-linear-gradient(to right,#243d52 0,#243d52 1px,transparent 1px,transparent 16.66%)!important;
}
html[data-theme="dark"] .ap-line-chart b{
  background:#f7fbff!important;
  color:#274960!important;
  border-color:#d9e4ed!important;
}
html[data-theme="dark"] .ap-chart-days{
  color:#9fb6c9!important;
}

html[data-theme="dark"] .ap-cat-row{
  border-color:#29445d!important;
}
html[data-theme="dark"] .ap-cat-row>b{
  color:#b7cadd!important;
}
html[data-theme="dark"] .ap-cat-row div strong{
  color:#f3f7fb!important;
}
html[data-theme="dark"] .ap-cat-row div small{
  color:#9eb4c6!important;
}
html[data-theme="dark"] .ap-cat-row em{
  color:#42d79e!important;
}
html[data-theme="dark"] .ap-ai-box{
  background:#173650!important;
}
html[data-theme="dark"] .ap-ai-box>b{
  color:#55b2ff!important;
}
html[data-theme="dark"] .ap-ai-box strong{
  color:#f4f8fc!important;
}
html[data-theme="dark"] .ap-ai-box p{
  color:#b0c4d5!important;
}
html[data-theme="dark"] .ap-mini-products span{
  background:#e9eff5!important;
  border:1px solid #36516a!important;
}
html[data-theme="dark"] .ap-source-note{
  color:#9db2c4!important;
}

/* Global dark-mode polish for the left nav / header text */
html[data-theme="dark"] .sidebar{
  background:linear-gradient(180deg,#083763,#0a477f)!important;
}
html[data-theme="dark"] .sidebar a,
html[data-theme="dark"] .sidebar .nav-section-title{
  color:#e9f4fd!important;
}
html[data-theme="dark"] .sidebar a.active{
  background:#1483ed!important;
  color:#fff!important;
}
html[data-theme="dark"] .topbar input{
  color:#eaf4fb!important;
}
html[data-theme="dark"] .topbar input::placeholder{
  color:#9db4c7!important;
}

/* Dark mode should never use nearly-black text on dark cards */
html[data-theme="dark"] .products-approved-page h1,
html[data-theme="dark"] .products-approved-page h2,
html[data-theme="dark"] .products-approved-page h3,
html[data-theme="dark"] .products-approved-page strong,
html[data-theme="dark"] .products-approved-page b{
  text-shadow:none!important;
}



/* =========================================================
   v6.0 — GLOBAL VIVID DESIGN SYSTEM
   Approved direction: strong typography + vivid color in Light and Dark.
   ========================================================= */
:root{
  --sr-blue:#238cff;
  --sr-cyan:#18c6e8;
  --sr-green:#20c98b;
  --sr-purple:#8d63ff;
  --sr-pink:#ff5a91;
  --sr-orange:#ff9a3f;
  --sr-yellow:#ffc44d;
  --sr-red:#ff6577;
  --sr-radius:13px;
}
body{font-weight:500}
h1,h2,h3,h4,strong,b{letter-spacing:-.012em}
.main h1{font-weight:850!important}
.main h2,.main h3{font-weight:800!important}
.card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
@media (hover:hover){.card:hover{transform:translateY(-1px)}}

/* ---------- Light: vivid, premium, high-contrast ---------- */
html[data-theme="light"] body{
  --bg:#f4f7fb;
  --panel:#fff;
  --panel2:#f8fbff;
  --line:#dce6f0;
  --text:#102846;
  --muted:#526d88;
  background:
    radial-gradient(circle at 82% -12%,rgba(35,140,255,.12),transparent 25%),
    radial-gradient(circle at 12% 3%,rgba(141,99,255,.07),transparent 24%),
    #f4f7fb!important;
}
html[data-theme="light"] .main{color:#173552}
html[data-theme="light"] .card{
  background:#fff!important;
  border-color:#dbe6f0!important;
  box-shadow:0 9px 25px rgba(37,77,119,.07)!important;
}
html[data-theme="light"] .muted,
html[data-theme="light"] small{color:#5e7891}
html[data-theme="light"] .sidebar{
  background:linear-gradient(180deg,#073767 0%,#0b4b87 55%,#0b447a 100%)!important;
  border-right-color:#1d5b91!important;
  box-shadow:10px 0 30px rgba(15,65,110,.11)!important;
}
html[data-theme="light"] .sidebar .nav a,
html[data-theme="light"] .sidebar .nav-section-title,
html[data-theme="light"] .sidebar .sidefoot,
html[data-theme="light"] .sidebar .sidefoot span{color:#dcecff!important}
html[data-theme="light"] .sidebar .nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,#1a83ed,#24a8ee)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 7px 18px rgba(9,64,117,.25)!important;
}
html[data-theme="light"] .sidebar .nav a:hover{color:#fff!important;background:rgba(255,255,255,.08)!important}
html[data-theme="light"] .sidebar .sidefoot{background:rgba(7,43,78,.38)!important;border-color:rgba(255,255,255,.13)!important}
html[data-theme="light"] .topbar,
html[data-theme="light"] .top{color:#193856}
html[data-theme="light"] .topbar input,
html[data-theme="light"] .search input{background:#fff!important;color:#173552!important;border-color:#d8e4ee!important}
html[data-theme="light"] .topbar input::placeholder,
html[data-theme="light"] .search input::placeholder{color:#7c92a7!important}

/* ---------- Dark: approved vivid direction ---------- */
html[data-theme="dark"] body{
  --bg:#071522;
  --panel:#0d2336;
  --panel2:#112a40;
  --line:#29475f;
  --text:#f5f9fd;
  --muted:#a8bfd2;
  --accent:#28c9ed;
  --accent2:#2b8dff;
  --good:#36d99b;
  --warn:#ffae4f;
  --danger:#ff6c88;
  --purple:#9c78ff;
  background:
    radial-gradient(circle at 83% -10%,rgba(36,139,255,.16),transparent 28%),
    radial-gradient(circle at 12% 1%,rgba(141,99,255,.11),transparent 24%),
    #071522!important;
  color:#edf6fc!important;
}
html[data-theme="dark"] .main{color:#e8f3fa!important}
html[data-theme="dark"] .card{
  background:linear-gradient(180deg,#10283d,#0c2032)!important;
  border-color:#29475f!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] .main h1,
html[data-theme="dark"] .main h2,
html[data-theme="dark"] .main h3,
html[data-theme="dark"] .main h4{color:#f8fbfe!important}
html[data-theme="dark"] .muted,
html[data-theme="dark"] .main small{color:#a8bfd2!important}
html[data-theme="dark"] .sidebar{
  background:linear-gradient(180deg,#082b4d 0%,#0a3b68 48%,#0b3157 100%)!important;
  border-color:#1e557e!important;
  box-shadow:10px 0 28px rgba(0,0,0,.20)!important;
}
html[data-theme="dark"] .sidebar .nav a{color:#c8dced!important}
html[data-theme="dark"] .sidebar .nav a.active{
  color:#fff!important;
  background:linear-gradient(90deg,#137be5,#1c9ce8)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 7px 20px rgba(0,87,170,.28)!important;
}
html[data-theme="dark"] .sidebar .nav a:hover{background:rgba(78,170,245,.13)!important;color:#fff!important}
html[data-theme="dark"] .topbar,
html[data-theme="dark"] .top{color:#ddebF6!important}
html[data-theme="dark"] .topbar input,
html[data-theme="dark"] .search input{
  background:#10283d!important;color:#f5f9fc!important;border-color:#31516a!important;
}
html[data-theme="dark"] .topbar input::placeholder,
html[data-theme="dark"] .search input::placeholder{color:#9cb5ca!important}

/* ---------- Stronger global typography ---------- */
.headline h1,.dash-heading h1,.products-titlebar h1,.ap-products-head h1{font-weight:900!important}
.analytics-kpi .value,.metric .value,.kpi b,.dash-kpi-main strong,
.product-kpi strong,.ap-kpi strong,.ref-kpi strong{font-weight:900!important}
.tablehead h2,.dash-panel-head h2,.ref-card-head h2,.ap-side-head h2,.side-card-head h2{font-weight:850!important}

/* ---------- Vivid KPI palette, global ---------- */
.analytics-kpi:nth-child(6n+1),.metric:nth-child(6n+1),.ap-kpi:nth-child(6n+1),.dash-kpi:nth-child(6n+1),.ref-kpi:nth-child(6n+1){--sr-local:#238cff;--sr-soft:rgba(35,140,255,.13)}
.analytics-kpi:nth-child(6n+2),.metric:nth-child(6n+2),.ap-kpi:nth-child(6n+2),.dash-kpi:nth-child(6n+2),.ref-kpi:nth-child(6n+2){--sr-local:#20c98b;--sr-soft:rgba(32,201,139,.13)}
.analytics-kpi:nth-child(6n+3),.metric:nth-child(6n+3),.ap-kpi:nth-child(6n+3),.dash-kpi:nth-child(6n+3),.ref-kpi:nth-child(6n+3){--sr-local:#8d63ff;--sr-soft:rgba(141,99,255,.13)}
.analytics-kpi:nth-child(6n+4),.metric:nth-child(6n+4),.ap-kpi:nth-child(6n+4),.dash-kpi:nth-child(6n+4),.ref-kpi:nth-child(6n+4){--sr-local:#ff9a3f;--sr-soft:rgba(255,154,63,.14)}
.analytics-kpi:nth-child(6n+5),.metric:nth-child(6n+5),.ap-kpi:nth-child(6n+5),.dash-kpi:nth-child(6n+5),.ref-kpi:nth-child(6n+5){--sr-local:#ff5a91;--sr-soft:rgba(255,90,145,.13)}
.analytics-kpi:nth-child(6n+6),.metric:nth-child(6n+6),.ap-kpi:nth-child(6n+6),.dash-kpi:nth-child(6n+6),.ref-kpi:nth-child(6n+6){--sr-local:#18c6e8;--sr-soft:rgba(24,198,232,.13)}
.analytics-kpi,.metric,.ap-kpi,.dash-kpi,.ref-kpi{
  border-top:3px solid var(--sr-local,transparent)!important;
}
.analytics-kpi .value,.metric .value,.ap-kpi strong,.dash-kpi-main strong,.ref-kpi strong{
  color:var(--sr-local,#173552)!important;
}
html[data-theme="dark"] .analytics-kpi .value,
html[data-theme="dark"] .metric .value,
html[data-theme="dark"] .ap-kpi strong,
html[data-theme="dark"] .dash-kpi-main strong,
html[data-theme="dark"] .ref-kpi strong{filter:saturate(1.12) brightness(1.16)}
.ap-kpi-icon,.ref-kpi-icon,.module-icon{
  background:var(--sr-soft,rgba(35,140,255,.13))!important;
  color:var(--sr-local,#238cff)!important;
}

/* ---------- Category color system ---------- */
.sr-category{font-weight:800!important;border:1px solid transparent!important}
.sr-cat-beauty{background:rgba(255,90,145,.13)!important;color:#e93f7c!important;border-color:rgba(255,90,145,.20)!important}
.sr-cat-electronics{background:rgba(35,140,255,.13)!important;color:#1678d5!important;border-color:rgba(35,140,255,.20)!important}
.sr-cat-home{background:rgba(255,154,63,.14)!important;color:#d8751b!important;border-color:rgba(255,154,63,.23)!important}
.sr-cat-fashion{background:rgba(141,99,255,.13)!important;color:#7046da!important;border-color:rgba(141,99,255,.22)!important}
.sr-cat-health{background:rgba(32,201,139,.13)!important;color:#0c9c68!important;border-color:rgba(32,201,139,.22)!important}
.sr-cat-food{background:rgba(255,196,77,.16)!important;color:#b77900!important;border-color:rgba(255,196,77,.25)!important}
.sr-cat-other{background:rgba(24,198,232,.12)!important;color:#138fac!important;border-color:rgba(24,198,232,.22)!important}
html[data-theme="dark"] .sr-cat-beauty{color:#ff83ad!important;background:rgba(255,90,145,.17)!important}
html[data-theme="dark"] .sr-cat-electronics{color:#69b5ff!important;background:rgba(35,140,255,.18)!important}
html[data-theme="dark"] .sr-cat-home{color:#ffb56e!important;background:rgba(255,154,63,.18)!important}
html[data-theme="dark"] .sr-cat-fashion{color:#b397ff!important;background:rgba(141,99,255,.19)!important}
html[data-theme="dark"] .sr-cat-health{color:#6de1b0!important;background:rgba(32,201,139,.18)!important}
html[data-theme="dark"] .sr-cat-food{color:#ffd471!important;background:rgba(255,196,77,.17)!important}
html[data-theme="dark"] .sr-cat-other{color:#68dff2!important;background:rgba(24,198,232,.16)!important}

/* ---------- Tables: denser but more lively ---------- */
.tablewrap tbody tr,.ap-product-list tbody tr,.mini-table-row{
  transition:background .15s ease,box-shadow .15s ease;
}
html[data-theme="light"] .tablewrap tbody tr:hover,
html[data-theme="light"] .ap-product-list tbody tr:hover{background:#f2f8ff!important}
html[data-theme="dark"] .tablewrap tbody tr:hover,
html[data-theme="dark"] .ap-product-list tbody tr:hover{background:#122d44!important}
html[data-theme="dark"] th,
html[data-theme="dark"] .ap-product-list th{
  background:#122b40!important;color:#c4d8e7!important;border-color:#31506a!important
}
html[data-theme="dark"] td,
html[data-theme="dark"] .ap-product-list td{color:#dbe9f3!important;border-color:#29475f!important}
html[data-theme="dark"] .prod b,
html[data-theme="dark"] .ap-product-cell strong,
html[data-theme="dark"] .entity-small b{color:#f5f9fd!important}

/* ---------- Badges/status ---------- */
.badge,.data-badge,.product-status-tag,.chip{
  font-weight:850!important;
  letter-spacing:.01em;
}
.data-badge.official{background:rgba(32,201,139,.13)!important;color:#0aa16b!important;border-color:rgba(32,201,139,.22)!important}
.data-badge.demo{background:rgba(141,99,255,.12)!important;color:#7953df!important;border-color:rgba(141,99,255,.20)!important}
html[data-theme="dark"] .data-badge.official{color:#67e0ad!important;background:rgba(32,201,139,.17)!important}
html[data-theme="dark"] .data-badge.demo{color:#b69dff!important;background:rgba(141,99,255,.18)!important}

/* ---------- Charts: stronger strokes and vivid legends ---------- */
.chart-line-svg,.product-trend,.ap-spark,.spark{filter:drop-shadow(0 2px 3px rgba(26,133,230,.12))}
.legend-box.blue{background:#238cff!important}.legend-dot.green{background:#20c98b!important}
.blue-dot{color:#238cff!important}.green-dot{color:#20c98b!important}
html[data-theme="dark"] .grid-lines,
html[data-theme="dark"] .pro-grid,
html[data-theme="dark"] .ref-chart-grid{
  opacity:.78;
}

/* ---------- Dashboard: richer tiles ---------- */
.dash-kpi:nth-child(1){--sr-local:#238cff}.dash-kpi:nth-child(2){--sr-local:#18c6e8}.dash-kpi:nth-child(3){--sr-local:#8d63ff}.dash-kpi:nth-child(4){--sr-local:#ff5a91}.dash-kpi:nth-child(5){--sr-local:#ff9a3f}
.trend-list>div:nth-child(1) b{color:#ff9a3f!important}.trend-list>div:nth-child(2) b{color:#8d63ff!important}.trend-list>div:nth-child(3) b{color:#238cff!important}.trend-list>div:nth-child(4) b{color:#ff5a91!important}.trend-list>div:nth-child(5) b{color:#20c98b!important}

/* ---------- Product Detail: keep approved layout, increase visual energy ---------- */
.ref-product-hero{border-top:3px solid #238cff!important}
.ref-sales-card{border-top:3px solid #238cff!important}
.ref-origin-card{border-top:3px solid #8d63ff!important}
.ref-markets-card{border-top:3px solid #20c98b!important}
.ref-videos-card{border-top:3px solid #ff5a91!important}
.ref-creators-card{border-top:3px solid #ff9a3f!important}
.ref-similar-card{border-top:3px solid #18c6e8!important}
.ref-tiktok-btn,.ap-ai-btn,.btn{box-shadow:0 8px 20px rgba(27,128,235,.17)}
html[data-theme="dark"] .ref-donut:after{background:#10263a!important}
html[data-theme="dark"] .ref-donut b{color:#fff!important}
html[data-theme="dark"] .ref-market-row strong,
html[data-theme="dark"] .ref-video-item>strong,
html[data-theme="dark"] .ref-similar-row strong{color:#f0f7fc!important}

/* ---------- Radar / modules ---------- */
.radar-command-hero,.radar-banner{
  background:linear-gradient(120deg,#0b65c1 0%,#6150e8 52%,#bd4cd8 100%)!important;
}
.module-card:nth-child(6n+1),.micro-card:nth-child(6n+1){border-top:3px solid #238cff!important}
.module-card:nth-child(6n+2),.micro-card:nth-child(6n+2){border-top:3px solid #20c98b!important}
.module-card:nth-child(6n+3),.micro-card:nth-child(6n+3){border-top:3px solid #8d63ff!important}
.module-card:nth-child(6n+4),.micro-card:nth-child(6n+4){border-top:3px solid #ff9a3f!important}
.module-card:nth-child(6n+5),.micro-card:nth-child(6n+5){border-top:3px solid #ff5a91!important}
.module-card:nth-child(6n+6),.micro-card:nth-child(6n+6){border-top:3px solid #18c6e8!important}

/* ---------- Filters / controls ---------- */
html[data-theme="dark"] .filters,
html[data-theme="dark"] .ap-filterbar{background:#0f263a!important}
html[data-theme="dark"] .filters input,
html[data-theme="dark"] .filters select,
html[data-theme="dark"] .ap-filterbar label,
html[data-theme="dark"] .ap-more-filter{
  background:#132d43!important;color:#edf6fc!important;border-color:#35536c!important
}
html[data-theme="dark"] select option{background:#10273a;color:#eef6fc}
html[data-theme="light"] .filters input,
html[data-theme="light"] .filters select,
html[data-theme="light"] .ap-filterbar label,
html[data-theme="light"] .ap-more-filter{
  background:#fff!important;color:#173552!important;border-color:#d8e4ee!important
}

/* ---------- Accessibility/legibility floor ---------- */
.main p,.main li,.main label,.main td,.main th,.main span,.main small{font-synthesis:none}
html[data-theme="dark"] .main a:not(.btn):not(.ref-tiktok-btn):not(.ap-ai-btn){text-underline-offset:2px}