/* ═══════════════════════════════════════════════════════
   Bíblia Financeira · Shared UI CSS
   Regras comuns extraídas dos blocos <style> das páginas.
   ═══════════════════════════════════════════════════════ */

/* Typography baseline used site-wide */
body {
  font-family: 'Inter', sans-serif;
}

/* Shared budget/progress bars */
.budget-bar {
  height: 12px;
  border-radius: 99px;
  overflow: hidden;
  background: #e2e8f0;
}

.dark .budget-bar {
  background: #334155;
}

.budget-fill {
  height: 100%;
  border-radius: 99px;
  transition: width 0.4s ease;
}

.pie-segment {
  transition: stroke-dasharray 0.5s ease;
}

/* Reused surface utilities */
.bg-surface-light {
  background: #ffffff;
}

.dark .bg-surface-light {
  background: #1e2933;
}

/* === Regras globais para inputs e scroll (migradas de páginas individuais) === */
/* Scroll offset para navbar sticky */
[id] { scroll-margin-top: 5rem; }

/* Remove spinners em inputs numéricos */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { appearance: textfield; -moz-appearance: textfield; }

/* Range input com cor da marca */
input[type=range] { accent-color: #1990e6; }

.bg-surface-dark {
  background: #1e2933;
}

.border-border-light {
  border-color: #e7eef3;
}

.dark .border-border-light {
  border-color: #334155;
}