/* Uchôa v200 | Piloto Produção ao vivo | Escopo exclusivo body.gg-v200-producao */
body.gg-v200-producao { --u200-navy:#10233f; --u200-text:#162d4a; --u200-muted:#62758e; --u200-border:#e2e9f2; --u200-bg:#f5f7fb; font-family:Inter,"Segoe UI",Arial,sans-serif!important; }
/* Barra já existente: preserva usuário, sessão e botão Sair. */
body.gg-v200-producao .uchoa048-bar { background:#fff!important;backdrop-filter:none!important;box-shadow:0 1px 4px #10233f0d!important;border-bottom:1px solid var(--u200-border)!important;min-height:64px!important;padding:8px 24px!important;gap:12px!important;flex-wrap:nowrap!important; }
body.gg-v200-producao .u200-page-title { order:-10;margin-right:auto;min-width:0;white-space:nowrap;font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.025em;color:var(--u200-text); }
body.gg-v200-producao .uchoa048-bar .uchoa1757-notice { display:none!important; }
body.gg-v200-producao .uchoa048-bar .uchoa048-greeting,body.gg-v200-producao .uchoa048-bar .uchoa048-session { flex-shrink:0; }
/* Conteúdo: a faixa antiga vira apenas a fileira de indicadores. */
body.gg-v200-producao main.ops038 {padding-top:24px!important;}
body.gg-v200-producao main.ops038 > section.ops038-hero { background:transparent!important;background-image:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;clip-path:none!important;filter:none!important;padding:0!important;margin:0 0 20px!important;min-height:0!important;height:auto!important;display:block!important;max-width:100%!important; }
body.gg-v200-producao main.ops038 > section.ops038-hero::before,body.gg-v200-producao main.ops038 > section.ops038-hero::after {content:none!important;display:none!important;}
body.gg-v200-producao main.ops038 > section.ops038-hero > div:first-child {display:none!important;transform:none!important;}
body.gg-v200-producao .ops038-hero-metrics {display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px!important;width:100%;}
body.gg-v200-producao .ops038-hero-metrics > div {min-width:0!important;background:#fff!important;border:1px solid var(--u200-border)!important;border-radius:12px!important;padding:16px 18px!important;box-shadow:0 2px 9px #10233f08!important;}
body.gg-v200-producao .ops038-hero-metrics small {color:var(--u200-muted)!important;font-size:12px!important;font-weight:600!important;letter-spacing:0!important;}
body.gg-v200-producao .ops038-hero-metrics strong {color:var(--u200-text)!important;font-size:27px!important;line-height:1.25!important;font-weight:700!important;}
body.gg-v200-producao .ops038-section {border:1px solid var(--u200-border)!important;box-shadow:0 2px 10px #10233f08!important;border-radius:12px!important;}
body.gg-v200-producao .ops038-section h2 {font-family:Inter,"Segoe UI",Arial,sans-serif!important;font-size:17px!important;font-weight:700!important;}
body.gg-v200-producao .ops038-section-head p {font-size:13px!important;line-height:1.5!important;}
@media(max-width:1100px){body.gg-v200-producao .ops038-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:800px){body.gg-v200-producao .uchoa048-bar{min-height:64px!important;padding:8px 12px!important;flex-wrap:wrap!important;gap:6px 10px!important;}body.gg-v200-producao .u200-page-title{flex-basis:100%;font-size:17px;}body.gg-v200-producao main.ops038{padding-top:18px!important;}body.gg-v200-producao .uchoa048-bar .uchoa048-session{display:none!important;}}
@media(max-width:480px){body.gg-v200-producao .ops038-hero-metrics{gap:8px!important;}body.gg-v200-producao .ops038-hero-metrics>div{padding:12px!important;}body.gg-v200-producao .ops038-hero-metrics strong{font-size:23px!important;}}
@media print{body.gg-v200-producao .u200-page-title{display:none!important;}}

/* UCHÔA V200.2 - REFINAMENTO */
body.gg-v200-producao {
  --u200-bg: #f5f7fb;
  --u200-text: #162d4a;
  --u200-border: #e2e9f2;
  background: var(--u200-bg) !important;
  color: var(--u200-text);
}

body.gg-v200-producao .uchoa048-bar {
  background: #ffffff !important;
  border-bottom: 1px solid var(--u200-border) !important;
}

body.gg-v200-producao .u200-page-title {
  display: inline-block !important;
  font-family: Inter, "Segoe UI", Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: var(--u200-text) !important;
}

body.gg-v200-producao main.ops038 > .ops038-hero {
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

body.gg-v200-producao main.ops038 > .ops038-hero > div:first-child {
  display: none !important;
}

body.gg-v200-producao main.ops038 .ops038-hero-metrics {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  position: relative !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  width: 100% !important;
  margin: 0 !important;
  transform: none !important;
}

body.gg-v200-producao main.ops038 .ops038-hero-metrics > div {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: flex-start !important;
  min-width: 0 !important;
  min-height: 90px !important;
  padding: 16px 18px !important;
  background: #ffffff !important;
  color: var(--u200-text) !important;
  border: 1px solid var(--u200-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 2px 9px #10233f08 !important;
}

body.gg-v200-producao main.ops038 .ops038-hero-metrics small {
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #62758e !important;
}

body.gg-v200-producao main.ops038 .ops038-hero-metrics strong {
  font-size: 28px !important;
  font-weight: 700 !important;
  color: var(--u200-text) !important;
}

body.gg-v200-producao main.ops038 .ops038-section {
  background: #ffffff !important;
  border: 1px solid var(--u200-border) !important;
  border-radius: 12px !important;
}

body.gg-v200-producao main.ops038 .ops038-section h2 {
  font-size: 17px !important;
  font-weight: 700 !important;
}

@media (max-width: 1100px) {
  body.gg-v200-producao main.ops038 .ops038-hero-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  body.gg-v200-producao main.ops038 .ops038-hero-metrics {
    gap: 8px !important;
  }
}