/* v173.1 — Central de Trabalho com identidade visual do Dashboard original.
   Escopo exclusivo da Visão Geral: não altera o Painel Gerencial. */
body.cash035-shared { background:#f4f7fd; }
body.cash035-shared > main.gg173-operational {
  box-sizing:border-box;
  max-width:none;
  margin:0 0 0 244px;
  padding:24px clamp(18px,3vw,42px) 70px;
  min-height:100vh;
  background:#f4f7fd;
  color:#10284c;
}
.gg173-operational, .gg173-operational * { box-sizing:border-box; }
.gg173-operational .gg173-hero {
  position:relative;
  overflow:hidden;
  min-height:166px;
  padding:29px clamp(24px,3vw,44px);
  border:1px solid #2666ba;
  border-radius:20px;
  background:radial-gradient(circle at 78% 3%,#1593ff 0%,transparent 39%),linear-gradient(115deg,#052878,#0652c8 60%,#0743a4);
  box-shadow:0 12px 30px #0756c32b;
  color:#fff;
}
.gg173-operational .gg173-eyebrow { color:#9fdbff;letter-spacing:.13em;font-size:11px;font-weight:800; }
.gg173-operational .gg173-hero h1 { color:#fff;font-size:clamp(29px,3.6vw,43px);letter-spacing:-.04em;margin:10px 0 6px; }
.gg173-operational .gg173-hero p { color:#d4eaff;font-size:13px;margin:5px 0; }
.gg173-operational .gg173-panel {
  background:#fff;
  border:1px solid #e2e9f4;
  border-radius:16px;
  box-shadow:0 5px 22px #1b3e7510;
  padding:24px;
  margin:21px 0;
}
.gg173-operational .gg173-panel h2 { color:#10284c;font-size:20px; }
.gg173-operational .gg173-panel p { color:#7185a1;font-size:13px; }
.gg173-operational .gg173-hub-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:15px; }
.gg173-operational .gg173-hub-grid a {
  background:#fff;
  border:1px solid #e2e9f4;
  border-radius:15px;
  box-shadow:0 5px 22px #1b3e7510;
  min-height:136px;
  color:#10284c;
  padding:20px;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.gg173-operational .gg173-hub-grid a:nth-child(4n+1) span { background:#e6f0ff;color:#065ff0; }
.gg173-operational .gg173-hub-grid a:nth-child(4n+2) span { background:#e0f9ee;color:#008958; }
.gg173-operational .gg173-hub-grid a:nth-child(4n+3) span { background:#fff0de;color:#e8780a; }
.gg173-operational .gg173-hub-grid a:nth-child(4n) span { background:#f1e7ff;color:#7c36d7; }
.gg173-operational .gg173-hub-grid a span {
  display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  font-size:25px;line-height:1;
}
.gg173-operational .gg173-hub-grid a strong { color:#173861;font-size:16px; }
.gg173-operational .gg173-hub-grid a small { color:#7589a4;font-size:12px; }
.gg173-operational .gg173-hub-grid a:hover {
  transform:translateY(-4px);box-shadow:0 14px 28px #0756c326;border-color:#93baf0;
}
.gg173-operational .gg173-hub-grid a:focus-visible { outline:3px solid #065ff0;outline-offset:3px; }
@media (max-width:1050px) { .gg173-operational .gg173-hub-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:800px) {
  body.cash035-shared > main.gg173-operational {margin-left:0;padding:18px 15px 55px;}
  .gg173-operational .gg173-hero {min-height:0;padding:22px 20px;}
  .gg173-operational .gg173-panel {padding:19px;}
}
@media (max-width:560px) {
  .gg173-operational .gg173-hub-grid {grid-template-columns:1fr;}
  .gg173-operational .gg173-hub-grid a {min-height:108px;}
}
@media (prefers-reduced-motion:reduce) {
  .gg173-operational .gg173-hub-grid a {transition:none;}
  .gg173-operational .gg173-hub-grid a:hover {transform:none;}
}

/* v173.2 — cabeçalho fiel ao Dashboard Gerencial, isolado da Visão Geral */
.gg173-operational .gg173-hero{display:flex;align-items:stretch;justify-content:space-between;gap:18px;min-height:0;padding:17px 26px;border:0;border-radius:15px;background:radial-gradient(circle at 72% 5%,#1593ff 0%,transparent 36%),linear-gradient(115deg,#052878,#0652c8 60%,#0743a4);box-shadow:0 12px 30px #0756c32b}
.gg173-operational .gg173-hero-left{min-width:0;flex:1}
.gg173-operational .gg173-hero h1{font-size:clamp(25px,2.7vw,36px);margin:5px 0 3px;letter-spacing:-.05em}
.gg173-operational .gg173-hero p{font-size:12px;margin:0;color:#d4eaff}
.gg173-operational .gg173-eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:#9fdbff}
.gg173-operational .gg173-heroactions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}
.gg173-operational .gg173-heroactions a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:7px 11px;border-radius:10px;font-size:12px;font-weight:800;min-height:36px;background:#eef1f5;color:#26374e;border:1px solid #d8dfe8;transition:background-color .18s,color .18s}
.gg173-operational .gg173-heroactions a:hover,.gg173-operational .gg173-heroactions a:focus-visible{background:#2458aa;color:#fff;border-color:#2458aa}
.gg173-operational .gg173-heroactions a+a{background:#ffffff22;color:#fff;border:1px solid #ffffff40}
.gg173-operational .gg173-heroactions a+a:hover{background:#ffffff44}
.gg173-operational .gg173-heroactions a[hidden]{display:none}
.gg173-operational .gg173-heroright{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:8px;text-align:right;min-width:190px;max-width:260px}
.gg173-operational .gg173-heroright>div{font-size:12px;font-weight:700;line-height:1.3;color:#fff;overflow-wrap:anywhere}
.gg173-operational .gg124-chat-trigger{margin-top:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;white-space:nowrap;cursor:pointer;background:#eef1f5;border:1px solid #d8dfe8;border-radius:10px;color:#26374e;font-size:13px;font-weight:700;padding:10px 14px;transition:background-color .18s,color .18s,border-color .18s}
.gg173-operational .gg124-chat-trigger:hover,.gg173-operational .gg124-chat-trigger:focus-visible{background:#2458aa;border-color:#2458aa;color:#fff}
@media(max-width:800px){.gg173-operational .gg173-hero{flex-wrap:wrap;padding:15px 17px}.gg173-operational .gg173-heroright{align-items:flex-start;text-align:left;min-width:0;max-width:none;width:100%}.gg173-operational .gg124-chat-trigger{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.gg173-operational .gg173-heroactions a,.gg173-operational .gg124-chat-trigger{transition:none}}

/* v173.3 — Correções de contraste, posicionamento e banner sem degradê */
html body.cash035-shared > main.gg173-operational {
  padding-top: 102px !important;
}
html body.cash035-shared .gg173-operational .gg173-hero {
  background: #193a63 !important;
  background-image: none !important;
  color: #ffffff !important;
  min-height: 186px;
  overflow: visible;
  box-shadow: 0 12px 30px rgba(17, 49, 91, .18);
}
html body.cash035-shared .gg173-operational .gg173-hero h1,
html body.cash035-shared .gg173-operational .gg173-hero .gg173-eyebrow,
html body.cash035-shared .gg173-operational .gg173-hero p,
html body.cash035-shared .gg173-operational .gg173-heroright > div {
  color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none;
}
html body.cash035-shared .gg173-operational .gg173-hero h1 {
  font-weight: 800;
}
html body.cash035-shared .gg173-operational .gg173-heroright {
  justify-content: space-between;
  align-self: stretch;
  gap: 12px;
  min-width: 250px;
  max-width: 340px;
}
html body.cash035-shared .gg173-operational #d-now,
html body.cash035-shared .gg173-operational #gg096-weather {
  white-space: normal;
  overflow: visible;
  text-align: right;
  line-height: 1.5;
}
html body.cash035-shared .gg173-operational .gg124-chat-trigger {
  margin-top: auto;
  flex-shrink: 0;
}
@media(max-width:800px) {
  html body.cash035-shared > main.gg173-operational { padding-top: 90px !important; }
  html body.cash035-shared .gg173-operational .gg173-hero { min-height: 0; overflow: visible; }
  html body.cash035-shared .gg173-operational .gg173-heroright { min-width: 0; max-width: none; }
  html body.cash035-shared .gg173-operational #d-now,
  html body.cash035-shared .gg173-operational #gg096-weather { text-align: left; }
}



/* v173.4 — Botão Falar com o Uchôa
   Mesmo visual do botão Produção ao Vivo */

.gg173-hero .gg124-chat-trigger {
  background: rgba(255, 255, 255, 0.10) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.35) !important;
  box-shadow: none !important;
}

.gg173-hero .gg124-chat-trigger:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.55) !important;
}

.gg173-hero .gg124-chat-trigger svg {
  color: #ffffff !important;
}
