/* Paleta compartilhada pelo login e pela agenda. Verde do projeto com detalhes dourados. */
:root {
  --green: #1b7462;
  --green-dark: #164f46;
  --green-light: #edf5f0;
  --ink: #183a36;
  --muted: #5d706c;
  --gold: #b58a35;
  --gold-light: #ead8af;
  color: var(--ink);
  background: #f3f6f3;
}
a, button, .brand, .text-button, .role-label { color: var(--green); }
button, input, select, textarea { border: 1px solid var(--gold); }
input, select, textarea { color: var(--ink); accent-color: var(--green); }
button:hover { background: var(--green-light); }
.primary, .intro { background: var(--green-dark); color: white; }
.primary { border-color: var(--gold); }
.primary:hover { background: var(--green); }
.secondary { background: var(--green-light); border-color: var(--gold); color: var(--green-dark); }
button:focus-visible, a:focus-visible, input:focus, select:focus, textarea:focus {
  outline: 3px solid var(--green);
  outline-offset: 3px;
}
.intro .brand { color: white; }
.intro .brand > span:last-child, .intro .eyebrow { color: var(--gold-light); }
.intro .description, .intro .test-note { color: #d3e7df; }
.access-shell, .panel, .row, dialog, .summary-card { border: 1px solid var(--gold); }
.access-shell { box-shadow: 0 18px 70px #164f4612; }
.panel { box-shadow: 0 6px 26px #164f4608; }
dialog { box-shadow: 0 15px 80px #164f4630; }
dialog::backdrop { background: #103b3370; }
.sidebar, .topbar { border-color: var(--gold-light); }
.identity, .footnote { border-color: var(--gold-light); }
.sidebar .tabs button { border: 1px solid var(--gold); color: var(--green); }
.tabs button[aria-pressed=true], .sidebar .tabs button[aria-pressed=true] {
  background: var(--green);
  border-color: var(--gold);
  color: white;
}
.eyebrow, .identity small, .page-heading p:not(.eyebrow), .section-heading p,
.scope-note, .row p, .updated, .hint, .sidebar-note, .summary-card small,
.summary-card div > span, .money-summary small, .row time, .footnote,
.card > div > p:not(.eyebrow) { color: var(--muted); }
.scope-note { border-color: var(--gold); }
.badge, .summary-icon, .money-summary > div, .notice {
  background: var(--green-light);
  color: var(--green-dark);
}
.money-summary > div { border: 1px solid var(--gold-light); }
.summary-icon.peach { background: #fbf3e2; color: #86631e; }
.summary-icon.lavender { background: #e4f1eb; color: var(--green); }
.welcome-star { color: var(--gold); }
.empty { background: #f4f8f5; border-color: var(--gold); color: var(--muted); }
.row.cancelled { background: #f4f6f4; }
#status, .form-status, #message { color: var(--green-dark); }
.danger, .error, #status.error, #message.error { color: #9b3029; }
.blocked, .badge.warning { background: #fff3dc; color: #795624; border-color: var(--gold); }
@media print {
  .fiscal-card { display: none !important; }
  :root { background: white; color: black; }
  #financeView { border: none; box-shadow: none; }
  #financeView .row { border-color: #bbb; }
  #financeView .money-summary > div { background: white; border-color: #bbb; }
}
.fiscal-card { margin: 0 0 24px; padding: 20px; border: 1px solid var(--gold-light); border-radius: 12px; background: var(--green-light); }
.fiscal-card h3 { margin: 0; color: var(--green-dark); }
.confirmation-alert, .whole-day { padding: 18px; margin-bottom: 24px; border: 1px solid var(--gold-light); border-radius: 12px; background: var(--green-light); }
.confirmation-alert h3, .whole-day h3 { margin-top: 0; color: var(--green-dark); }
.confirmation-alert .row, .whole-day .row { padding: 12px; gap: 12px; }
#confirmationStatus { font-weight: 650; }
.fiscal-card .section-heading { margin-bottom: 10px; }
.fiscal-card .filters { margin-bottom: 0; }
.fiscal-card input:disabled { background: #f4f6f4; color: var(--muted); cursor: not-allowed; }