
/* V785P — Paleta Multiplica inspirada nas cores do Gmail
   Objetivo: modernizar o site inteiro com azul, vermelho, amarelo e verde suaves,
   mantendo leitura, contraste e aparência profissional. */
:root{
  --gm-blue:#4285F4;
  --gm-blue-deep:#1A73E8;
  --gm-blue-ink:#0B3D91;
  --gm-red:#EA4335;
  --gm-red-soft:#FDE8E6;
  --gm-yellow:#FBBC04;
  --gm-yellow-soft:#FFF7D6;
  --gm-green:#34A853;
  --gm-green-deep:#188038;
  --gm-green-soft:#E6F4EA;
  --gm-teal:#00A1F1;
  --gm-bg:#F5F8FF;
  --gm-surface:rgba(255,255,255,.88);
  --gm-line:#DCE6F7;
  --gm-ink:#172033;
  --gm-muted:#64748B;
  --gm-shadow:0 14px 36px rgba(26,115,232,.10);
  --gm-shadow-strong:0 18px 46px rgba(15,23,42,.14);
  --tsuru-navy:#1A73E8;
  --tsuru-blue:#4285F4;
  --tsuru-sky:#D8EAFF;
  --tsuru-red:#EA4335;
  --tsuru-red2:#F56B60;
  --tsuru-ink:#172033;
  --tsuru-muted:#64748B;
  --tsuru-surface:rgba(255,255,255,.88);
  --tsuru-border:rgba(66,133,244,.18);
  --tsuru-grad-accent:linear-gradient(135deg,#4285F4 0%,#00A1F1 38%,#34A853 72%,#FBBC04 112%);
  --tsuru-grad-accent-soft:linear-gradient(135deg,rgba(66,133,244,.12),rgba(52,168,83,.10),rgba(251,188,4,.10));
}
html, body{scrollbar-color: rgba(66,133,244,.55) rgba(245,248,255,.72);}
body,
body.theme-tsuru,
body.report-body,
body.timecard-page-body,
body.retro-body{
  color:var(--gm-ink) !important;
  background:
    radial-gradient(900px 460px at 12% -8%, rgba(66,133,244,.22), transparent 62%),
    radial-gradient(760px 420px at 92% 0%, rgba(234,67,53,.14), transparent 60%),
    linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(245,248,255,1) 52%,rgba(232,244,255,.95) 100%) !important;
  background-attachment:fixed !important;
}
body.theme-tsuru::before{opacity:.035 !important;}

/* Cabeçalho principal — mantém o novo tema global,
   mas volta o cabeçalho para a estética anterior (azul/tsuru). */
body.theme-tsuru .app-header.tsuru-hero,
body.theme-tsuru header.app-header.tsuru-hero,
.app-header{
  background: linear-gradient(135deg, rgba(43,46,107,.94) 0%, rgba(28,31,83,.92) 58%, rgba(32,74,150,.88) 115%) !important;
  border-bottom:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 12px 32px rgba(17,24,39,.18) !important;
}
body.theme-tsuru .app-header.tsuru-hero::before{
  opacity:.68 !important;
  mix-blend-mode:screen !important;
}
.app-header h1,
body.theme-tsuru .app-header.tsuru-hero h1,
body.theme-tsuru .app-header.tsuru-hero h1 p{
  color:white !important;
  text-shadow:0 2px 14px rgba(15,23,42,.22) !important;
}
.global-edicao-select,
body.theme-tsuru .app-header.tsuru-hero #global-edicao-select{
  border:1px solid rgba(255,255,255,.42) !important;
  background:rgba(255,255,255,.88) !important;
  color:#0B3D91 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.12) !important;
}
.logout-button,
#logoutButton,
button.logout-button{
  background:linear-gradient(135deg,var(--gm-red),#FF6D5E) !important;
  border:0 !important;
  color:white !important;
  box-shadow:0 10px 22px rgba(234,67,53,.25) !important;
}
.logout-button:hover{filter:saturate(1.05); transform:translateY(-1px);}

/* Superfícies */
.section,
.card,
.panel,
.container,
.container-card,
.content-box,
.box,
.modal-content,
.login-card,
.auth-card,
.wrap > .card,
body.theme-tsuru .card,
body.theme-tsuru .panel,
body.theme-tsuru .container-card,
body.theme-tsuru .modal-content,
body.theme-tsuru .box,
body.theme-tsuru .content-box{
  background:var(--gm-surface) !important;
  border:1px solid var(--gm-line) !important;
  box-shadow:var(--gm-shadow) !important;
  backdrop-filter:blur(10px);
}
h1,h2,h3,.result-header h2,.section h2,
body.theme-tsuru h1,body.theme-tsuru h2,body.theme-tsuru h3{
  color:var(--gm-green-deep) !important;
}
label,.field label{color:var(--gm-blue-ink) !important;}
.muted,.small,.card-meta{color:var(--gm-muted) !important;}

/* Menu de grupos */
.navg .navg-btn{
  border:1px solid rgba(255,255,255,.30) !important;
  box-shadow:0 12px 26px rgba(15,23,42,.13) !important;
}
.navg .navg-btn[data-group="registros"]{
  --navg-bg:#4285F4; --navg-hover:#1A73E8; --navg-active:#0B57D0;
}
.navg .navg-btn[data-group="resultados"]{
  --navg-bg:#34A853; --navg-hover:#188038; --navg-active:#0F6B2E;
}
.navg .navg-btn[data-group="consultas"]{
  --navg-bg:#3F51B5; --navg-hover:#32449E; --navg-active:#29388B;
}
.navg .navg-btn[data-group="admin"]{
  --navg-bg:#FBBC04; --navg-hover:#F4B400; --navg-active:#E8AA00;
  color:#172033 !important;
}
.navg-panel{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--gm-line) !important;
  box-shadow:var(--gm-shadow-strong) !important;
}
.navg-item:hover{background:linear-gradient(90deg,rgba(66,133,244,.09),rgba(52,168,83,.08)) !important;}

/* Botões */
button,
.btn,
.primary,
button.primary,
.btn-primary,
.toggle-form-result,
#submitButton,
button[type="submit"]{
  border-radius:12px !important;
}
.primary,
button.primary,
.btn-primary,
button.btn-primary,
.toggle-form-result,
button[type="submit"],
#submitButton{
  background:linear-gradient(135deg,var(--gm-blue),var(--gm-teal)) !important;
  color:white !important;
  border:0 !important;
  box-shadow:0 10px 22px rgba(66,133,244,.22) !important;
}
.green,
button.green,
.btn-success,
button.btn-success{
  background:linear-gradient(135deg,var(--gm-green),#2BCB6F) !important;
  color:white !important;
  box-shadow:0 10px 22px rgba(52,168,83,.22) !important;
}
.red,
button.red,
.btn-danger,
button.btn-danger{
  background:linear-gradient(135deg,var(--gm-red),#FF6D5E) !important;
  color:white !important;
  box-shadow:0 10px 22px rgba(234,67,53,.20) !important;
}
.gray,
button.gray,
.btn-secondary,
button.btn-secondary,
.outline,
button.outline{
  background:rgba(255,255,255,.88) !important;
  color:var(--gm-blue-ink) !important;
  border:1px solid var(--gm-line) !important;
  box-shadow:0 8px 18px rgba(15,23,42,.06) !important;
}
button:hover,.btn:hover{filter:saturate(1.04); transform:translateY(-1px);}

/* Campos */
input,select,textarea,
body.theme-tsuru input,
body.theme-tsuru select,
body.theme-tsuru textarea{
  background:rgba(255,255,255,.92) !important;
  border:1px solid #C9D8F2 !important;
  border-radius:12px !important;
  color:#172033 !important;
}
input:focus,select:focus,textarea:focus,
body.theme-tsuru input:focus,
body.theme-tsuru select:focus,
body.theme-tsuru textarea:focus{
  border-color:var(--gm-blue) !important;
  box-shadow:0 0 0 4px rgba(66,133,244,.16) !important;
}

/* Tabelas */
.tablewrap, table, .dataTables_wrapper{
  border-color:var(--gm-line) !important;
}
th,
thead th,
body.theme-tsuru table thead th{
  background:linear-gradient(135deg,var(--gm-blue-ink),var(--gm-blue)) !important;
  color:white !important;
}
tr:hover td{background:rgba(66,133,244,.045) !important;}
tr.reconducao-nao{
  background:linear-gradient(90deg,rgba(234,67,53,.135),rgba(253,232,230,.86)) !important;
}
tr.reconducao-nao:hover{
  background:linear-gradient(90deg,rgba(234,67,53,.20),rgba(253,232,230,.95)) !important;
}
tr.reconducao-nao td:first-child{box-shadow:inset 4px 0 0 var(--gm-red) !important;}

/* Cards estatísticos e pílulas */
.stat,.metric-card,.pill{
  border-color:var(--gm-line) !important;
}
.stat b,.metric-card strong{color:var(--gm-blue-ink) !important;}
.pill{
  background:linear-gradient(135deg,rgba(66,133,244,.11),rgba(52,168,83,.10)) !important;
  color:var(--gm-blue-ink) !important;
}
.ok{color:var(--gm-green-deep) !important;}
.danger{color:#B3261E !important;}

/* Formulários standalone / recondução */
.wrap,
body > .container{
  position:relative;
}
.radio-group{
  background:rgba(66,133,244,.035) !important;
  border-color:var(--gm-line) !important;
}
.q,
.question-card,
.identification-fields,
.form-card{
  border-color:var(--gm-line) !important;
}

/* Rodapé flutuante */
.app-footer,
footer,
body.theme-tsuru .app-footer{
  background:rgba(255,255,255,.82) !important;
  border:1px solid var(--gm-line) !important;
  box-shadow:0 10px 30px rgba(15,23,42,.08) !important;
  color:var(--gm-muted) !important;
}

/* Destaques específicos de módulos antigos */
.notification-badge{background:var(--gm-red) !important;}
.tab-button.active{background:linear-gradient(135deg,var(--gm-green),var(--gm-blue)) !important;}
.tab-button[data-section-id="solicitacoes-presenca-admin"]{background:var(--gm-yellow-soft) !important;color:#7A4D00 !important;}
.tab-button[data-section-id="form-ocorrencias"],
.tab-button[data-section-id="form-ocorrencia"],
.tab-button[data-section-id="resultados-ocorrencias"]{background:var(--gm-red-soft) !important;color:#B3261E !important;}
.tab-button[data-section-id="links-importantes"],
.tab-button[data-section-id="evasao-monitoramento"]{background:#E8F0FE !important;color:var(--gm-blue-ink) !important;}

@media(max-width:760px){
  .section,.card,.container{border-radius:16px !important;}
  .navg .navg-btn{box-shadow:0 8px 18px rgba(15,23,42,.10) !important;}
}
