/* Oblivet 5.1 — AMOLED Minimalista
   Camada visual independente: preserva IDs, formulários e lógica existente. */
:root {
  --amoled-bg: #000;
  --amoled-surface: #080808;
  --amoled-raised: #0d0d0d;
  --amoled-border: rgba(255,255,255,.085);
  --amoled-border-strong: rgba(255,255,255,.16);
  --amoled-muted: #8b8b8b;
  --amoled-text: #ededed;
  --amoled-white: #fff;
  --amoled-radius: 18px;
}
html { background:#000; scroll-behavior:smooth; scrollbar-color:#303030 #000; }
body { background:#000; color:var(--amoled-text); }
body::selection { background:#fff; color:#000; }
.ambient { opacity:.12; pointer-events:none; }
.ambient-grid { opacity:.12; }
.orb { filter:blur(90px); opacity:.06; }
.site-header { background:rgba(0,0,0,.88); border-bottom-color:rgba(255,255,255,.06); }
.site-header.is-scrolled { background:rgba(0,0,0,.96); border-bottom-color:var(--amoled-border); }
.header-inner { max-width:1500px; }
.brand { letter-spacing:.19em; }
.nav-pill { padding:4px; background:#080808; border-color:var(--amoled-border); border-radius:14px; }
.nav-link { padding:9px 13px; border-radius:10px; }
.nav-link.is-active { background:#1b1b1b; box-shadow:inset 0 0 0 1px rgba(255,255,255,.045); }
.page-container { max-width:1420px; }
.page-head { align-items:flex-end; margin-bottom:28px; }
.page-title { letter-spacing:-.055em; }
.page-sub { max-width:680px; line-height:1.65; }
.eyebrow { letter-spacing:.16em; }
.stat-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.stat-card { min-height:142px; padding:21px 22px 18px; border-radius:var(--amoled-radius); border-color:var(--amoled-border); background:linear-gradient(145deg,#0c0c0c 0%,#050505 78%); box-shadow:none; }
.stat-card::after { left:22px; width:30px; background:#fff; opacity:.34; }
.stat-card:hover { transform:translateY(-2px); border-color:var(--amoled-border-strong); background:#0c0c0c; }
.stat-index { color:#555; }
.stat-value { letter-spacing:-.055em; font-variant-numeric:tabular-nums; }
.panel, .mini-stat, .wallet-card, .transaction-card, .portfolio-hero, .auth-card, .modal-card, .settings-card {
  border-color:var(--amoled-border) !important; border-radius:var(--amoled-radius) !important; box-shadow:none;
}
.panel { padding:23px; background:#070707; }
.panel-head { gap:18px; margin-bottom:20px; }
.panel-title { letter-spacing:-.035em; }
.wallet-board { margin-bottom:12px; }
.wallet-board-grid, .wallet-grid { gap:12px; }
.wallet-card, .wallet-board-card { background:#0a0a0a !important; }
.dash-grid { gap:12px; }
.panel--chart { grid-column:span 7; }
.panel--categories { grid-column:span 5; }
.panel--recent { grid-column:span 7; }
.panel--budget { grid-column:span 5; }
.chart-wrap { height:250px; }
.chart-foot { border-top:1px solid var(--amoled-border); border-radius:0; background:transparent; }
.progress { background:#202020; }
.progress span { background:#e8e8e8; }
.btn { min-height:40px; border-radius:12px; font-weight:550; }
.btn--primary { color:#000; background:#f2f2f2; box-shadow:none; }
.btn--primary:hover { color:#000; background:#d9d9d9; box-shadow:none; }
.btn--ghost, .btn--secondary { background:#0b0b0b; border-color:var(--amoled-border-strong); }
.btn--ghost:hover, .btn--secondary:hover { background:#161616; border-color:#333; }
.icon-btn { width:38px; height:38px; border-radius:12px; border-color:var(--amoled-border); background:#080808; }
input, select, textarea, .select-field, .search-field { color:var(--amoled-text); }
input:not([type=checkbox]):not([type=radio]), select, textarea { border-radius:12px; border-color:var(--amoled-border-strong); background:#050505; }
input:focus-visible, select:focus-visible, textarea:focus-visible, button:focus-visible, a:focus-visible { outline:2px solid rgba(255,255,255,.8); outline-offset:3px; }
.filter-chip { border-radius:10px; }
.filter-chip.is-active { background:#ededed; color:#000; }
.table-wrap, .tx-table-wrap { border-radius:14px; border-color:var(--amoled-border); }
.tx-toolbar { gap:14px; }
.month-chip { background:#090909; border-color:var(--amoled-border); }
.finance-alerts-panel { margin-bottom:12px; }
.quick-entry-panel { background:linear-gradient(145deg,#0b0b0b,#050505); }
.auth-screen { background:#000; }
.auth-card { background:#060606; }
.auth-brand-mark { color:#fff; }
.modal-backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(12px); }
.toast { border-color:var(--amoled-border-strong); background:#111; }
/* Quick actions */
.quick-actions { display:grid; grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr)); gap:10px; margin:0 0 12px; }
.quick-action { display:flex; align-items:center; gap:12px; min-width:0; padding:14px 16px; border:1px solid var(--amoled-border); border-radius:15px; background:#070707; color:var(--amoled-text); text-align:left; text-decoration:none; cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.quick-action:hover { background:#101010; border-color:var(--amoled-border-strong); transform:translateY(-1px); }
.quick-action--primary { background:#f0f0f0; color:#000; border-color:#f0f0f0; }
.quick-action--primary:hover { background:#dcdcdc; border-color:#dcdcdc; }
.quick-action-symbol { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:11px; border:1px solid currentColor; font-size:19px; line-height:1; opacity:.85; }
.quick-action-copy { display:grid; gap:3px; min-width:0; }
.quick-action-copy strong { font-size:12.5px; font-weight:600; }
.quick-action-copy small { color:var(--amoled-muted); font-size:11px; line-height:1.35; }
.quick-action--primary .quick-action-copy small { color:#555; }
@media (max-width:1100px) {
  .header-inner { gap:14px; }
  .nav-link { padding:9px 10px; font-size:12px; }
  .quick-actions { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .quick-action--primary { grid-column:span 2; }
}
@media (max-width:760px) {
  .page-container { padding-left:16px; padding-right:16px; }
  .page-head { align-items:flex-start; gap:14px; margin-bottom:21px; }
  .page-title { font-size:clamp(28px,8vw,38px); }
  .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .stat-card { min-height:124px; padding:16px 15px 14px; border-radius:15px; }
  .stat-value { font-size:clamp(21px,6vw,29px); overflow-wrap:anywhere; }
  .stat-foot { gap:4px; flex-wrap:wrap; }
  .quick-actions { gap:8px; }
  .quick-action { padding:12px; gap:9px; border-radius:13px; }
  .quick-action-symbol { flex-basis:30px; width:30px; height:30px; }
  .quick-action-copy strong { font-size:12px; }
  .quick-action-copy small { font-size:10px; }
  .panel { padding:17px; border-radius:16px !important; }
  .dash-grid { grid-template-columns:minmax(0,1fr); }
  .panel--chart,.panel--categories,.panel--recent,.panel--budget { grid-column:1/-1; }
  .chart-wrap { height:220px; }
  .panel-head { align-items:flex-start; }
}
@media (max-width:390px) {
  .stat-card { padding:14px 12px; }
  .micro-label { font-size:9px; }
  .quick-action { padding:10px; }
  .quick-action-symbol { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; transition-duration:.01ms !important; }
}