/* Camada de acabamento: preto profundo, leitura nítida e hierarquia discreta. */
:root {
  --bg: #060708;
  --surface: #0d0f11;
  --surface-2: #121519;
  --line: #282c31;
  --line-gold: #6e572f;
  --ink: #f3f1ed;
  --muted: #a6a8aa;
  --gold: #d3ad64;
  --gold-light: #f2d99a;
}

body {
  background:
    linear-gradient(180deg, rgba(20, 15, 9, .30), transparent 330px),
    #060708;
  color: var(--ink);
  text-rendering: optimizeLegibility;
}

.admin-header {
  min-height: 88px;
  background: #090a0b;
  border-bottom-color: #24272b;
  box-shadow: 0 8px 26px rgba(0, 0, 0, .18);
}

.admin-brand { border-right-color: #24272b; }
.admin-brand img { width: 118px; height: 72px; }
.admin-header nav button {
  min-width: 92px;
  color: #b6b7b6;
  border-right-color: #24272b;
  gap: 6px;
  letter-spacing: .01em;
}
.nav-icon { width: 20px; height: 20px; display: grid; place-items: center; }
.nav-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.admin-header nav button:hover,
.admin-header nav button.active {
  background: linear-gradient(180deg, #17140f, #0b0c0d 78%);
  color: var(--gold-light);
  box-shadow: inset 0 -2px 0 var(--gold);
}
.admin-user strong { letter-spacing: .01em; }
.install-app { align-self: center; border: 1px solid #705d3a; border-radius: 5px; padding: 8px 11px; background: #15130f; color: var(--gold-light); font: 700 .78rem Inter, Arial, sans-serif; cursor: pointer; }
.install-app:hover { border-color: var(--gold); background: #1c1810; }

.metrics article,
.panel,
.dashboard-tip,
.plan-card,
.finance-overview article {
  background: linear-gradient(145deg, #111316, #0b0d0f);
  border-color: #2b2e33;
  box-shadow: none;
}
.metrics article { min-height: 150px; border-top-color: #3d3425; }
.metrics strong,
.finance-overview strong,
.goal-row strong,
.plan-card-footer strong { color: var(--gold-light); }
.panel { border-radius: 6px; }
.panel:hover, .metrics article:hover, .finance-overview article:hover { border-color: #474139; }

.admin-form input,
.admin-form select,
.admin-form textarea,
.plan-form-fields input,
.plan-form-fields select,
.editor-fields input,
.editor-fields select,
.editor-fields textarea,
.goal-form input {
  background: #080a0b;
  border-color: #33373c;
  border-radius: 5px;
}
.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus,
.plan-form-fields input:focus,
.plan-form-fields select:focus,
.editor-fields input:focus,
.editor-fields select:focus,
.editor-fields textarea:focus,
.goal-form input:focus {
  border-color: #b8914d;
  box-shadow: 0 0 0 3px rgba(212, 173, 97, .12);
}

.admin-form button,
.plan-editor button[type=submit],
.plan-manager-heading>button,
.goal-form button {
  background: linear-gradient(135deg, #e2c077, #b88735);
  border-color: #e6c67d;
  border-radius: 5px;
}
.secondary { background: #111417; border-color: #3b4045; border-radius: 5px; }
.secondary:hover { background: #181b1f; }

.item, .finance-item, .due-item { background: #0b0d0f; border-color: #2b2e33; border-radius: 5px; }
.item:hover, .due-item:hover { border-color: #4a4030; }
.finance-item:not(.is-paid):hover { border-color: #78603a; box-shadow: none; }
.finance-toolbar button { background: #0d0f11; border-color: #30343a; }
.finance-toolbar button.active { background: #211a0f; border-color: #b99149; }

.chart-panel { overflow: hidden; }
.chart-bars { background: repeating-linear-gradient(to top, transparent 0, transparent 38px, #20242a 39px, #20242a 40px); border-bottom-color: #383d43; }
.chart-bars .income { background: linear-gradient(#a0d3a8, #2d8052); }
.chart-bars .expense { background: linear-gradient(#e5958d, #914842); }

@media (max-width: 760px) {
  .admin-header { min-height: 68px; }
  .admin-brand { width: 84px; min-width: 84px; }
  .admin-brand img { width: 64px; height: 55px; }
  .admin-header nav button { min-width: 74px; gap: 4px; }
  .install-app { display: none; }
  .nav-icon svg { width: 18px; height: 18px; }
  .metrics article { min-height: 116px; }
}