/* Oblivet 5.6 — visual declutter: fewer labels, quieter surfaces, stronger hierarchy. */
:root {
  --amoled-border: rgba(255,255,255,.065);
  --amoled-border-strong: rgba(255,255,255,.12);
}
html, body { background:#000; }
body::before, body::after { animation:none !important; }
.ambient, .ambient-grid, .ambient-vignette, .ambient-noise, .orb { opacity:0 !important; }

/* Keep one clear heading per area; remove decorative metadata. */
.page-head { margin-bottom:20px; }
.page-head .eyebrow,
.panel-head .eyebrow { display:none !important; }
.page-title { font-size:clamp(25px, 3vw, 34px); letter-spacing:-.045em; }
.page-sub { margin-top:5px; color:#777; font-size:12px; line-height:1.45; }
.panel-title { font-size:16px; letter-spacing:-.025em; }
.stat-index { display:none !important; }
.stat-foot-sub { display:none !important; }

/* Cards should read as quiet groups, not a stack of competing boxes. */
.stat-card, .panel, .wallet-card, .wallet-mini, .budget-card, .planning-panel,
.mini-stat, .portfolio-hero, .transaction-card {
  box-shadow:none !important;
  border-color:rgba(255,255,255,.075) !important;
}
.stat-card { background:#060606 !important; }
.stat-card::after { display:none !important; }
.stat-card:hover, .panel:hover, .wallet-card:hover, .budget-card:hover,
.planning-panel:hover, .mini-stat:hover { transform:none !important; box-shadow:none !important; }
.panel { background:#050505 !important; padding:18px; }
.panel-head { margin-bottom:14px; }
.panel-head .btn { min-height:32px; }
.page-container { padding-top:22px; padding-bottom:90px; }

/* Hide the empty alert container until it has something useful to say. */
.finance-alerts-panel:has(.finance-alerts-empty) { display:none !important; }
.finance-alerts-panel { padding:15px 17px; }
.finance-alerts-panel .panel-head { margin-bottom:8px; }

/* Quick actions: concise labels only. */
.quick-action { padding:11px 13px; background:#050505; border-color:rgba(255,255,255,.075); }
.quick-action-copy small { display:none !important; }
.quick-action-symbol { width:28px; height:28px; flex-basis:28px; border-radius:9px; font-size:16px; }

/* Navigation stays out of the way until needed. */
.nav-pill { background:#050505; border-color:rgba(255,255,255,.07); }
.mobile-nav { box-shadow:0 8px 28px rgba(0,0,0,.4) !important; background:rgba(4,4,4,.96) !important; border-color:rgba(255,255,255,.1) !important; }
.mobile-nav-link.is-active { background:rgba(255,255,255,.08) !important; }
.mobile-menu-panel { background:#050505 !important; box-shadow:0 18px 50px rgba(0,0,0,.55) !important; }

@media (max-width:760px) {
  .page-container { padding:16px 14px calc(96px + env(safe-area-inset-bottom)); }
  .page-head { margin-bottom:15px; gap:8px; }
  .page-title { font-size:27px; line-height:1.12; }
  .page-sub { display:none !important; }
  .page-head-aside { gap:7px; }
  .month-chip { padding:7px 9px; font-size:10px; }
  #customizeDashboardBtn { min-height:30px; padding:7px 9px; font-size:10px; }
  .stat-grid { gap:7px; margin-bottom:9px; }
  .stat-card { min-height:86px; padding:12px 11px 10px; border-radius:12px !important; }
  .stat-top { margin-bottom:8px; }
  .stat-card .micro-label { font-size:9px; letter-spacing:.04em; color:#929292; }
  .stat-value { font-size:clamp(17px, 5vw, 23px); line-height:1.05; letter-spacing:-.045em; }
  .stat-foot { margin-top:5px; font-size:9px; color:#777; }
  .panel { padding:13px; margin-bottom:8px; border-radius:13px !important; }
  .panel-head { margin-bottom:11px; gap:8px; align-items:center; }
  .panel-title { font-size:14px; }
  .panel-head .text-link, .panel-head .btn { font-size:10px; }
  .wallet-board-grid, .wallet-grid, .budget-grid, .insight-grid { gap:7px; }
  .wallet-card, .wallet-mini, .budget-card, .mini-stat { padding:10px !important; border-radius:11px !important; }
  .wallet-card-head { gap:6px; }
  .wallet-mark { width:25px; height:25px; }
  .wallet-name { font-size:10px; }
  .wallet-meta { display:none !important; }
  .wallet-balance { margin-top:10px; font-size:15px; }
  .wallet-tools .icon-btn { width:25px; height:25px; }
  .dash-grid { grid-template-columns:minmax(0,1fr) !important; gap:8px; }
  .panel--chart, .panel--categories, .panel--recent, .panel--budget { grid-column:1/-1 !important; }
  .chart-wrap { height:170px; }
  .chart-foot { padding-top:10px; }
  .chart-foot-note { font-size:10px; }
  .category-list { gap:9px; }
  .recent-row { padding:8px 0; }
  .quick-actions { gap:7px; }
  .quick-action { min-height:42px; padding:10px; border-radius:11px; }
  .quick-action-copy strong { font-size:11px; }
  .quick-action-symbol { display:none; }
  .planning-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:7px; }
  .planning-panel--wide { grid-column:1/-1 !important; }
  .page-head .page-head-aside { flex-wrap:wrap; }
}
@media (max-width:380px) {
  .page-container { padding-left:11px; padding-right:11px; }
  .stat-card { padding:10px 9px; }
  .stat-value { font-size:16px; }
  .planning-grid { grid-template-columns:minmax(0,1fr) !important; }
  .planning-panel--wide { grid-column:auto !important; }
}
@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after { animation:none !important; transition:none !important; }
}