/* VISÃO 5.4.6 — identidade visual unificada Web. Desenvolvedor: Paulo Andrade. */
:root{
  --visao-cloud:#1597e5;
  --visao-cloud-2:#55c5e8;
  --visao-cloud-deep:#0d78bd;
  --visao-ink-brand:#0b2638;
  --visao-cream:#f6f1e7;
  --visao-cream-surface:#fffaf2;
  --visao-cream-soft:#efe7da;
  --visao-dark:#05070a;
  --visao-dark-surface:#0b1117;
  --visao-dark-soft:#111d26;
}
html:not([data-theme="dark"]){
  color-scheme:light;
  --bg:var(--visao-cream);
  --surface:var(--visao-cream-surface);
  --surface2:var(--visao-cream-soft);
  --ink:#143247;
  --muted:#667986;
  --line:#e1d8ca;
  --brand:var(--visao-cloud);
  --brand2:var(--visao-cloud-2);
  --nav:var(--visao-cloud);
  --top:var(--visao-cloud);
  --shadow:0 10px 28px rgba(45,63,76,.075);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:var(--visao-dark);
  --surface:var(--visao-dark-surface);
  --surface2:var(--visao-dark-soft);
  --ink:#f1f6f9;
  --muted:#9aadb9;
  --line:#20313d;
  --brand:var(--visao-cloud-2);
  --brand2:var(--visao-cloud);
  --nav:var(--visao-ink-brand);
  --top:var(--visao-ink-brand);
  --shadow:0 10px 30px rgba(0,0,0,.30);
}
body{background:var(--bg)!important;color:var(--ink)!important}
/* Menu principal: azul da nuvem no claro; azul-marinho da marca no escuro. */
html:not([data-theme="dark"]) .sidebar,
html:not([data-theme="dark"]) .v-nav{
  background:linear-gradient(180deg,#1597e5 0%,#0d83ce 58%,#096cae 100%)!important;
  color:#fff!important;
}
html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .v-nav{
  background:linear-gradient(180deg,#0b2638 0%,#071a28 62%,#04121c 100%)!important;
  color:#e9f5fb!important;
}
.sidebar .logo small,.sidebar .nav-title,.v-nav-foot{color:rgba(255,255,255,.72)!important}
.sidebar .nav-btn,.v-links a{color:rgba(255,255,255,.82)!important}
.sidebar .nav-btn:hover,.sidebar .nav-btn.active,.v-links a:hover,.v-links a.active{
  background:rgba(255,255,255,.16)!important;color:#fff!important;
  box-shadow:inset 3px 0 rgba(255,255,255,.88);
}
.v-links a.active{box-shadow:none}
/* Área de trabalho sem branco agressivo. */
.main,.content,.v-main,.wrap{background:transparent!important}
.topbar,.v-top,.rightbar,.card,.panel,.v-card,.v-kpi,.v-table-wrap,.modal,
input,select,textarea,.btn,.v-btn,.search-results{transition:background-color .15s ease,border-color .15s ease,color .15s ease}
html:not([data-theme="dark"]) .topbar{background:#fffaf2!important}
html[data-theme="dark"] .topbar{background:#0b1117!important}
/* Páginas legadas com cabeçalho superior continuam coerentes com a nova identidade. */
html:not([data-theme="dark"]) .top{background:linear-gradient(115deg,#0d83ce,#1597e5,#55c5e8)!important}
html[data-theme="dark"] .top{background:linear-gradient(115deg,#071a28,#0b2638,#0d334a)!important}
/* Melhor contraste de campos em ambos os temas. */
html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) textarea{background:#fffdf8!important;color:#143247!important}
html[data-theme="dark"] input,
html[data-theme="dark"] select,
html[data-theme="dark"] textarea{background:#111d26!important;color:#f1f6f9!important}
/* Evita flash branco em iframes/páginas incorporadas. */
iframe{background:var(--bg)!important}
/* Compatibilidade com páginas legadas que usam variáveis próprias. */
html:not([data-theme="dark"]){
  --tb-bg:#f6f1e7;--tb-surface:#fffaf2;--tb-surface2:#efe7da;--tb-ink:#143247;--tb-muted:#667986;--tb-line:#e1d8ca;--tb-top:#1597e5;--tb-brand:#1597e5;
  --fundo:#f6f1e7;--card:#fffaf2;--card2:#efe7da;--texto:#143247;--txt:#143247;--linha:#e1d8ca;--azul:#1597e5;--azul2:#55c5e8;--navy:#1597e5;
}
html[data-theme="dark"]{
  --tb-bg:#05070a;--tb-surface:#0b1117;--tb-surface2:#111d26;--tb-ink:#f1f6f9;--tb-muted:#9aadb9;--tb-line:#20313d;--tb-top:#0b2638;--tb-brand:#55c5e8;
  --fundo:#05070a;--card:#0b1117;--card2:#111d26;--texto:#f1f6f9;--txt:#f1f6f9;--linha:#20313d;--azul:#55c5e8;--azul2:#1597e5;--navy:#0b2638;
}