/* RBG Shopee Intelligence | Tema interno escuro 2026-10-01 */
body.app-shell{
  --bg:#07090d;--panel:#101319;--text:#f4f7fb;--muted:#8f99aa;--line:#222832;
  --sidebar:#090b0f;--sidebar-2:#0e1117;--accent:#ee4d2d;--accent-2:#ff7659;
  --good:#3fc98b;--good-bg:rgba(63,201,139,.11);--warn:#f2b94b;--warn-bg:rgba(242,185,75,.10);
  --danger:#ff6b61;--danger-bg:rgba(255,107,97,.10);--blue:#76a9ff;--blue-bg:rgba(118,169,255,.10);
  --radius:16px;--shadow:0 18px 45px rgba(0,0,0,.28);
  background:radial-gradient(circle at 75% -10%,rgba(238,77,45,.08),transparent 28%),#07090d;color:var(--text);
}
body.app-shell code{background:#181c23;color:#d9e0ea}
body.app-shell .sidebar{width:258px;background:linear-gradient(180deg,#090b0f 0%,#0b0e13 100%);border-right:1px solid #1d222b;padding:18px 14px}
body.app-shell .main-wrap{margin-left:258px;background:transparent}
body.app-shell .sidebar-brand{padding:7px 8px 23px;border-bottom:1px solid #191e26;margin-bottom:10px}
body.app-shell .brand-mark.small{background:linear-gradient(145deg,#ff694d,#d83b20);box-shadow:0 10px 26px rgba(238,77,45,.24)}
body.app-shell .sidebar-brand strong{font-size:13px;letter-spacing:.01em;color:#fff}
body.app-shell .sidebar-brand span{color:#737e90}
body.app-shell .side-nav{gap:5px}
body.app-shell .nav-item{color:#8f99aa;border:1px solid transparent;padding:11px 12px;border-radius:10px;font-weight:700}
body.app-shell .nav-item:hover{background:#12161d;color:#fff;border-color:#1f252f}
body.app-shell .nav-item.active{background:linear-gradient(90deg,rgba(238,77,45,.18),rgba(238,77,45,.05));color:#fff;border-color:rgba(238,77,45,.22);box-shadow:inset 3px 0 #ee4d2d}
body.app-shell .nav-icon{color:#ff7659}
body.app-shell .nav-count{background:#1a202a;color:#d7dde7}
body.app-shell .sidebar-footer{border-top-color:#1c222b}
body.app-shell .sidebar-footer>a,body.app-shell .source-legend{color:#788396}body.app-shell .topbar{height:80px;background:rgba(7,9,13,.88);backdrop-filter:blur(18px);border-bottom:1px solid #1e242d;padding:0 26px}
body.app-shell .page-heading h1{font-size:19px;color:#fff;letter-spacing:-.02em}
body.app-shell .page-heading p{color:#778294}
body.app-shell .global-search-wrap input{background:#0e1218;border-color:#232a35;color:#eef3f8;padding:11px 14px}
body.app-shell .global-search-wrap input::placeholder{color:#646f80}
body.app-shell .global-search-wrap input:focus{background:#11161d;border-color:#3a4351;box-shadow:0 0 0 4px rgba(255,255,255,.035)}
body.app-shell .search-results{background:#10141b;border-color:#242b35;box-shadow:0 24px 60px rgba(0,0,0,.45)}
body.app-shell .search-results button{background:#10141b;color:#eef2f7}
body.app-shell .search-results button:hover{background:#171c24}
body.app-shell .live-state{color:#7f8998}
body.app-shell .status-dot{background:#42d892;box-shadow:0 0 0 4px rgba(66,216,146,.12)}
body.app-shell .content{padding:24px 26px 34px}
body.app-shell .metric-card,body.app-shell .panel,body.app-shell .category-card,body.app-shell .video-card,body.app-shell .health-card{
  background:linear-gradient(180deg,#11151b 0%,#0e1217 100%);border:1px solid #202631;box-shadow:var(--shadow);
}
body.app-shell .metric-card{padding:17px 16px;min-height:88px}
body.app-shell .metric-card:hover,body.app-shell .product-catalog-card:hover,body.app-shell .opportunity-card:hover{border-color:#343b47;transform:translateY(-1px)}
body.app-shell .metric-icon{background:#191e26;color:#ff7054;border:1px solid #252b35}
body.app-shell .metric-card .label,body.app-shell .metric-card .hint,body.app-shell .panel-head p{color:#7f8999}
body.app-shell .metric-card .value{color:#fff;letter-spacing:-.035em}
body.app-shell .panel{padding:18px}
body.app-shell .panel-head{padding-bottom:12px;border-bottom:1px solid #1c222b}
body.app-shell .panel-head h2,body.app-shell .section-toolbar h2{color:#f7f9fc;letter-spacing:-.015em}
body.app-shell .secondary-btn{background:#181d25;color:#dbe2eb;border:1px solid #262d38}
body.app-shell .secondary-btn:hover{background:#202630;border-color:#343c49}
body.app-shell .primary-btn{background:linear-gradient(135deg,#ff674a,#e54527);box-shadow:0 9px 24px rgba(238,77,45,.20)}
body.app-shell .link-btn{color:#ff7659}body.app-shell .product-catalog-card,body.app-shell .opportunity-card,body.app-shell .alert-item,body.app-shell .rbg-category-node{
  background:#0f1319;border-color:#232a34;transition:.18s ease;
}
body.app-shell .product-card-visual{background:#fff;border-color:#2a3039;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
body.app-shell .product-card-title,body.app-shell .text-link{color:#eef3f8}
body.app-shell .product-card-title:hover,body.app-shell .text-link:hover{color:#ff7659}
body.app-shell .product-card-id,body.app-shell .product-card-category,body.app-shell .product-card-kpis span,body.app-shell .product-meta{color:#7f8998}
body.app-shell .product-card-kpis strong{color:#f7f9fc}
body.app-shell .product-card-footer{border-top-color:#202631}
body.app-shell .product-mini,body.app-shell .trend-item,body.app-shell .category-mini{border-bottom-color:#202631}
body.app-shell .pill{background:#191e26;color:#c8d0db}
body.app-shell .pill.good{background:rgba(63,201,139,.11);color:#57d89e}
body.app-shell .pill.accent,body.app-shell .pill.observed{background:rgba(238,77,45,.12);color:#ff8068}
body.app-shell .trend-rank,body.app-shell .category-mini b{background:#1a2028;color:#ff7659}
body.app-shell .movement.stable{background:#191e26;color:#9aa5b5}
body.app-shell .movement.new{background:rgba(238,77,45,.12);color:#ff8068}
body.app-shell .video-thumb{background:linear-gradient(135deg,#171c24,#202630);color:#8f99aa}
body.app-shell .video-desc,body.app-shell .video-stats{color:#7f8998}
body.app-shell .category-stat,body.app-shell .signal-count,body.app-shell .opportunity-kpis div{background:#171c23}
body.app-shell .category-head span,body.app-shell .category-stat span{color:#7f8998}
body.app-shell .category-stat strong{color:#f5f7fb}
body.app-shell .heat{background:rgba(238,77,45,.14);color:#ff8068}
body.app-shell .formula-note,body.app-shell .trend-summary span{background:#12171e;border-color:#232a34;color:#8993a2}
body.app-shell .signal.neutral{background:#1a2028;color:#aeb7c4}
body.app-shell .freshness.unknown{background:#1a2028;color:#9aa5b5}body.app-shell input,body.app-shell select,body.app-shell textarea,
body.app-shell .filters-advanced input,body.app-shell .filters-advanced select,body.app-shell .form-grid input,body.app-shell .form-grid select,
body.app-shell .form-grid textarea,body.app-shell .table-filters input,body.app-shell .table-filters select,body.app-shell .panel-head input{
  background:#0d1117;border-color:#252c36;color:#edf2f7;
}
body.app-shell input::placeholder,body.app-shell textarea::placeholder{color:#626d7e}
body.app-shell select option{background:#11151b;color:#edf2f7}
body.app-shell .filters-advanced input:focus,body.app-shell .filters-advanced select:focus,body.app-shell .form-grid input:focus,
body.app-shell .form-grid select:focus,body.app-shell .form-grid textarea:focus,body.app-shell .table-filters input:focus,
body.app-shell .table-filters select:focus{border-color:#495364;box-shadow:0 0 0 3px rgba(255,255,255,.035)}
body.app-shell table{color:#dce3ec}
body.app-shell th{color:#7d8797}
body.app-shell th,body.app-shell td{border-bottom-color:#202631}
body.app-shell tbody tr:hover{background:#12171e}
body.app-shell .watch-btn{background:#12171e;border-color:#2a313c;color:#8e98a7}
body.app-shell .watch-btn:hover,body.app-shell .watch-btn.active{background:rgba(216,154,0,.10);border-color:#66552a;color:#e5b84c}
body.app-shell .compare-grid{border-color:#252c36}
body.app-shell .compare-head,body.app-shell .compare-corner{background:#151a21}
body.app-shell .compare-head,body.app-shell .compare-label,body.app-shell .compare-value,body.app-shell .compare-corner{border-color:#252c36}
body.app-shell .collector-tab{background:#11161d;border-color:#252c36;color:#939dac}
body.app-shell .collector-tab.active{background:rgba(238,77,45,.14);border-color:rgba(238,77,45,.28);color:#ff8068}
body.app-shell .live-import-monitor{background:#10141a;border-color:#242b35}
body.app-shell .live-import-track,body.app-shell .bulk-progress{background:#202631}
body.app-shell .live-activity-row,body.app-shell .live-product-row{border-bottom-color:#202631}
body.app-shell .product-preview-card:not([hidden]){background:#10141a;border-color:#252c36}
body.app-shell .product-preview-image-wrap{background:#fff}
body.app-shell .product-preview-kpis>div,body.app-shell .mapper-summary>div{background:#171c23}body.app-shell .health-card,body.app-shell .provenance-card{background:#10141a;border-color:#242b35}
body.app-shell .pipeline span{background:#151a21;border-color:#252c36}
body.app-shell .modal{background:rgba(0,0,0,.74);backdrop-filter:blur(6px)}
body.app-shell .modal-card{background:#0f1319;border:1px solid #272e39;box-shadow:0 35px 100px rgba(0,0,0,.55)}
body.app-shell .modal-close{background:#1b212a;color:#d9e0e9}
body.app-shell .detail-metric,body.app-shell .observed-box div,body.app-shell .data-freshness div{background:#171c23}
body.app-shell .intelligence-box{background:#11161d;border-color:#252c36}
body.app-shell .chart{background:#10141a;border-color:#252c36}
body.app-shell .axis{stroke:#2b323d}
body.app-shell .chart-empty{border-color:#303844;color:#7d8796}
body.app-shell .table-btn{background:rgba(238,77,45,.12);color:#ff8068}
body.app-shell .x-small{background:#1b212a;color:#9ca6b5}
body.app-shell .empty-state p,body.app-shell .muted{color:#7f8998}
body.app-shell ::-webkit-scrollbar{width:10px;height:10px}
body.app-shell ::-webkit-scrollbar-track{background:#0b0e13}
body.app-shell ::-webkit-scrollbar-thumb{background:#2a313b;border-radius:999px;border:2px solid #0b0e13}
body.app-shell ::-webkit-scrollbar-thumb:hover{background:#3a4350}
body.app-shell .source-badge.official{background:rgba(118,169,255,.10);color:#86b4ff}
body.app-shell .source-badge.observed{background:rgba(238,77,45,.12);color:#ff8068}
body.app-shell .saia-intro{background:linear-gradient(135deg,rgba(238,77,45,.15),rgba(17,21,27,.9));border-color:rgba(238,77,45,.25)}
body.app-shell .saia-intro p{color:#a1aab7}
@media(max-width:980px){
  body.app-shell .main-wrap{margin-left:0}
  body.app-shell .sidebar{width:258px;box-shadow:30px 0 80px rgba(0,0,0,.45)}
  body.app-shell .menu-btn{background:#171c23;color:#fff;border:1px solid #272e38}
  body.app-shell .topbar{padding:0 14px}
  body.app-shell .content{padding:14px}
}
@media(max-width:600px){
  body.app-shell .topbar{height:70px}
  body.app-shell .panel{padding:14px}
  body.app-shell .metric-card{min-height:78px}
}
/* HOTFIX 2026-10-02 - restaura tamanho compacto dos produtos no painel interno */
body.app-shell .product-catalog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
body.app-shell .product-catalog-card{display:grid!important;grid-template-columns:112px minmax(0,1fr)!important;gap:12px!important;padding:12px!important;overflow:hidden!important}
body.app-shell .product-card-visual{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;padding:0!important;overflow:hidden!important;border-radius:12px!important}
body.app-shell .product-card-visual img,body.app-shell img.product-thumb.catalog{display:block!important;width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;object-fit:cover!important;border-radius:12px!important}
body.app-shell .product-card-body{min-width:0!important;display:flex!important;flex-direction:column!important}
body.app-shell .product-card-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:9px!important}
@media(max-width:1180px){body.app-shell .product-catalog-grid{grid-template-columns:1fr!important}}
@media(max-width:700px){body.app-shell .product-catalog-card{grid-template-columns:82px minmax(0,1fr)!important;padding:10px!important;gap:10px!important}body.app-shell .product-card-visual,body.app-shell .product-card-visual img,body.app-shell img.product-thumb.catalog{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;max-width:82px!important;max-height:82px!important}body.app-shell .product-card-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* HOTFIX 2026-10-02 v2 - restaura TODAS as miniaturas do painel interno */
body.app-shell img.product-thumb,
body.app-shell .product-thumb{display:block!important;object-fit:cover!important;background:#f5f6f8!important;border:1px solid #2a3039!important;border-radius:9px!important;flex:0 0 auto!important;max-width:none!important}
body.app-shell img.product-thumb.mini,body.app-shell .product-thumb.mini{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;max-width:38px!important;max-height:38px!important}
body.app-shell img.product-thumb.table,body.app-shell .product-thumb.table{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;max-width:42px!important;max-height:42px!important}
body.app-shell img.product-thumb.opportunity,body.app-shell .product-thumb.opportunity{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}
body.app-shell img.product-thumb.detail,body.app-shell .product-thumb.detail{width:88px!important;height:88px!important;min-width:88px!important;min-height:88px!important;max-width:88px!important;max-height:88px!important;border-radius:12px!important}
body.app-shell img.product-thumb.catalog,body.app-shell .product-thumb.catalog{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;border:0!important;border-radius:12px!important}
body.app-shell .product-main-cell{display:flex!important;align-items:flex-start!important;gap:8px!important;min-width:0!important}
body.app-shell .product-mini{display:grid!important;grid-template-columns:1fr auto auto auto!important;gap:11px!important;align-items:center!important;padding:11px 0!important;overflow:hidden!important}
body.app-shell .product-title-row{display:flex!important;align-items:center!important;gap:8px!important}
body.app-shell .opportunity-heading-row{display:flex!important;align-items:flex-start!important;gap:10px!important}
body.app-shell .detail-product-title{display:flex!important;align-items:flex-start!important;gap:12px!important;min-width:0!important}
body.app-shell .product-card-visual{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;padding:0!important;overflow:hidden!important;border-radius:12px!important}
body.app-shell .product-card-visual img{width:112px!important;height:112px!important;min-width:112px!important;min-height:112px!important;max-width:112px!important;max-height:112px!important;object-fit:cover!important}
@media(max-width:700px){body.app-shell img.product-thumb.detail,body.app-shell .product-thumb.detail{width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;max-width:72px!important;max-height:72px!important}body.app-shell img.product-thumb.opportunity,body.app-shell .product-thumb.opportunity{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;max-width:48px!important;max-height:48px!important}body.app-shell .product-card-visual,body.app-shell .product-card-visual img,body.app-shell img.product-thumb.catalog,body.app-shell .product-thumb.catalog{width:82px!important;height:82px!important;min-width:82px!important;min-height:82px!important;max-width:82px!important;max-height:82px!important}}