/*
   TEMA CLARO — camada visual sobre o tema padrão
   Mantém a estrutura e os estados existentes, sem lógica de alternância.
*/

:root {
  --bg:         #f7f9fc;
  --surface:    #ffffff;
  --surface2:   #f1f6fd;
  --border:     #dfe7f2;
  --text:       #102a5c;
  --text-muted: #6d7f99;
  --text-sub:   #3d5680;
  --accent:     #1877ed;
  --accent2:    #e95c78;
  --green:      #35b878;
  --yellow:     #f4b51b;
  --shadow-sm:  0 3px 12px rgba(16, 42, 92, .08);
  --shadow-md:  0 8px 24px rgba(16, 42, 92, .12);
  --shadow-lg:  0 16px 40px rgba(16, 42, 92, .16);
}

body { background: #e7ebf1; color: var(--text); }
.page { max-width: 840px; margin-left: auto; margin-right: auto; }
.page.active { background: #ffffff; }

.hdr {
  background: rgba(255, 255, 255, .94);
  border-bottom-color: var(--border);
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
.hdr h1 { color: var(--text); }
.hdr h1 b { color: var(--yellow); }
.last-update {
  background: #fff;
  border-bottom-color: var(--border);
  color: var(--text-muted);
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}
.bnav {
  background: rgba(255, 255, 255, .96);
  border-top-color: var(--border);
  box-shadow: 0 -4px 18px rgba(16, 42, 92, .06);
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
}

.hdr-btn, .arr, .pdf-btn, .dtab, .abtn, .eq-card, .irow {
  background: #fff;
}
.arr { color: var(--text); box-shadow: var(--shadow-sm); }
.pdf-btn {
  border-color: #e05c7a;
  color: #e05c7a;
  background: rgba(224, 92, 122, .06);
  box-shadow: none;
}
.dtab { box-shadow: var(--shadow-sm); }
.dtab.active {
  background: var(--accent);
  border-color: var(--accent);
  box-shadow: var(--shadow-md);
}
.dtab .dn, .dtab .dc { color: var(--text-sub); }
.dtab.active .dn, .dtab.active .dc, .dtab.active .dd { color: #fff; }
.dtab .dd { color: var(--text); }
.abtn { color: var(--yellow); border-color: rgba(244, 181, 27, .75); box-shadow: none; }

.eq-card {
  background: #f7f9fc;
  border-color: #d5e0ee;
  box-shadow: var(--shadow-sm);
}
.eq-lider { font-size: 17px; }
.eq-badge { font-size: 11px; }
.eq-chip { font-size: 12px; }
.eq-m { font-size: 13px; }
.eq-obs { font-size: 13px; }
.eq-card::before { width: 0; }
.eq-card:hover { border-color: rgba(24, 119, 237, .35); box-shadow: var(--shadow-md); }
.eq-badge { background: var(--surface2); color: var(--accent); border-color: transparent; }
.eq-chip.area {
  background: #e8f8ef;
  border: 1px solid #b9dfc9;
  color: #16804d;
}
.eq-chip.ativ {
  background: #fff7df;
  border: 1px solid #f3d58b;
  color: #9a6900;
}
.eq-m {
  background: transparent;
  border: 1px solid #c7ddfa;
  color: var(--text);
}
.eq-obs { border-top-color: var(--border); }
.add-eq { color: var(--accent); border-color: var(--accent); background: #fff; }

.fchip.sel-membro {
  background: #dbeaff;
  border-color: var(--accent);
  color: var(--text);
  font-weight: 600;
  box-shadow: 0 0 0 1px rgba(24, 119, 237, .12);
}

.fab-row {
  right: auto;
  left: 50%;
  transform: translateX(-50%);
}

.status-row { gap: 12px; }
.aus-card, .disp-card {
  background: #fff;
  border-color: var(--border);
  box-shadow: var(--shadow-sm);
}
.aus-card {
  background: #fff7f8;
  border-color: #f1cbd3;
}
.disp-card {
  background: #f3fbf6;
  border-color: #c4e6d2;
}
.aus-card-title { color: #c33b5a; }
.disp-card-title { color: #16804d; }
.aus-card-count { background: #fce4e9; color: #b5284c; }
.disp-card-count { background: #dff3e7; color: #16804d; }
.disp-chip { background: var(--surface2); color: var(--text); border-color: var(--border); }
.aus-card-hdr:active, .disp-card-hdr:active { background: var(--surface2); }

.stitle { color: #bd8100; border-bottom-color: rgba(244, 181, 27, .35); }
.modal { background: #fff; color: var(--text); box-shadow: var(--shadow-lg); }
.modal-bg { background: rgba(16, 42, 92, .24); }
.step-footer { background: #fff; }
.load-ov { background: rgba(247, 249, 252, .88); }

.auth-ov { background: var(--bg); }
.auth-input { background: #fff; }

/* Status colors retain their semantic meaning while staying legible on white. */
.aus-badge.aus-ferias, .aus-sum-ferias { background: #e8f2ff; color: #1764b0; }
.aus-badge.aus-viagem, .aus-sum-viagem { background: #e8f8ef; color: #16804d; }
.aus-badge.aus-folga, .aus-badge.aus-dayoff, .aus-sum-folga { background: #fff4df; color: #a76200; }
.aus-badge.aus-atestado, .aus-sum-atestado { background: #f1ebff; color: #6445ae; }
.aus-badge.aus-falta, .aus-sum-falta { background: #ffebef; color: #b5284c; }
.aus-badge.aus-afastamento, .aus-sum-afastamento { background: #ffeaea; color: #b73535; }
.aus-np-ferias { border-color: #a8cdf5; color: #1764b0; background: #f2f7ff; }
.aus-np-viagem { border-color: #a8dfc2; color: #16804d; background: #f2fbf6; }
.aus-np-folga { border-color: #f0c98f; color: #a76200; background: #fffaf0; }
.aus-np-atestado { border-color: #c9b7f3; color: #6445ae; background: #faf8ff; }
.aus-np-falta { border-color: #f0abbc; color: #b5284c; background: #fff7f8; }
.aus-np-afastamento { border-color: #efb0b0; color: #b73535; background: #fff7f7; }

.test-banner { color: #9a6900; background: rgba(244, 181, 27, .12); border-bottom-color: rgba(244, 181, 27, .28); }
.test-banner button { color: #9a6900; background: rgba(244, 181, 27, .12); border-color: rgba(244, 181, 27, .34); }
.toast.danger { background: #fff0f3; border-color: rgba(233, 92, 120, .42); color: #a82043; }

@media (max-width: 620px) {
  .hdr { padding-left: 18px; padding-right: 18px; }
  .page { padding-left: 16px; padding-right: 16px; }
  .pdf-row { justify-content: center; }
  .pdf-btn { width: 100%; justify-content: center; }
  .eq-lider { font-size: 19px; }
  .eq-chip { font-size: 14px; }
  .eq-m { font-size: 15px; }
  .eq-obs { font-size: 14px; }
}