/* Oblivet 5.7 — calm mobile layout: fewer persistent controls, details on demand. */
:root { --amoled-border: rgba(255,255,255,.055); }
@media (max-width: 820px) {
  body { padding-bottom: calc(66px + env(safe-area-inset-bottom)) !important; }
  .site-header { height:54px !important; min-height:54px !important; background:#000 !important; border-bottom:1px solid rgba(255,255,255,.055) !important; }
  .header-inner { min-height:54px !important; padding:0 17px !important; }
  .brand { font-size:15px !important; }
  .brand-mark { width:20px !important; height:20px !important; }
  .header-actions { display:none !important; }
  .primary-nav { display:none !important; }
  .page-container { padding:18px 15px calc(84px + env(safe-area-inset-bottom)) !important; }
  .page-head { margin:0 0 18px !important; min-height:0 !important; }
  .page-title { font-size:26px !important; font-weight:550 !important; letter-spacing:-.05em !important; }
  .page-head .eyebrow, .page-sub { display:none !important; }
  .page-head-aside { margin-top:8px !important; }
  .page-head-aside .month-chip { border:0 !important; background:transparent !important; padding:0 !important; color:#777 !important; }
  #customizeDashboardBtn { display:none !important; }
  .stat-grid { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; margin-bottom:8px !important; }
  .stat-card { min-height:91px !important; padding:13px !important; background:#080808 !important; border:1px solid rgba(255,255,255,.07) !important; border-radius:13px !important; }
  .stat-top { margin:0 0 12px !important; }
  .stat-card .micro-label { font-size:10px !important; letter-spacing:0 !important; text-transform:none !important; color:#929292 !important; }
  .stat-value { font-size:clamp(18px,5vw,23px) !important; font-weight:550 !important; line-height:1.05 !important; }
  .stat-foot { display:none !important; }
  .mobile-dashboard-toggle { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:45px; padding:0 2px; border:0; border-bottom:1px solid rgba(255,255,255,.1); background:transparent; color:#aaa; font:500 12px/1.2 Inter, sans-serif; text-align:left; cursor:pointer; }
  .mobile-dashboard-chevron { color:#777; font-size:18px; transition:transform .18s ease; }
  .mobile-dashboard-toggle[aria-expanded="true"] .mobile-dashboard-chevron { transform:rotate(180deg); }
  .mobile-dashboard-details { display:none; padding-top:13px; }
  .mobile-dashboard-details.is-open { display:block; }
  .panel { padding:14px !important; margin-bottom:9px !important; border-radius:12px !important; background:#050505 !important; border-color:rgba(255,255,255,.07) !important; }
  .panel-head { margin-bottom:12px !important; }
  .panel-title { font-size:14px !important; }
  .panel-head .text-link, .panel-head .btn { font-size:11px !important; }
  .dash-grid { grid-template-columns:minmax(0,1fr) !important; gap:9px !important; }
  .panel--chart, .panel--categories, .panel--recent, .panel--budget { grid-column:1/-1 !important; }
  .wallet-board-grid, .wallet-grid, .budget-grid, .insight-grid { gap:8px !important; }
  .wallet-card, .wallet-mini, .budget-card, .mini-stat { padding:11px !important; }
  .mobile-nav { left:50% !important; right:auto !important; transform:translateX(-50%) !important; bottom:calc(8px + env(safe-area-inset-bottom)) !important; width:min(250px,calc(100% - 32px)) !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; padding:4px !important; border:1px solid rgba(255,255,255,.09) !important; border-radius:16px !important; background:rgba(8,8,8,.97) !important; box-shadow:0 5px 24px rgba(0,0,0,.38) !important; backdrop-filter:blur(18px) !important; }
  .mobile-nav-link { height:43px !important; border-radius:11px !important; gap:3px !important; color:#777 !important; font-size:10px !important; }
  .mobile-nav-link svg { width:17px !important; height:17px !important; }
  .mobile-nav-link.is-active { background:rgba(255,255,255,.07) !important; color:#f1f1f1 !important; }
  .mobile-quick-add { display:none !important; }
  .mobile-menu-panel { left:12px !important; right:12px !important; bottom:calc(62px + env(safe-area-inset-bottom)) !important; max-height:calc(78dvh - env(safe-area-inset-bottom)) !important; overflow:auto !important; padding:12px 15px !important; border-radius:17px !important; background:#080808 !important; box-shadow:0 14px 45px rgba(0,0,0,.6) !important; }
  .mobile-menu-head { margin-bottom:6px !important; }
  .mobile-menu-head .eyebrow { display:none !important; }
  .mobile-menu-head h2 { font-size:17px !important; }
  .mobile-menu-link { min-height:48px !important; padding:9px 4px !important; border-radius:7px !important; gap:10px !important; }
  .mobile-menu-symbol { width:30px !important; height:30px !important; border:0 !important; border-radius:8px !important; background:#111 !important; font-size:17px !important; }
  .mobile-menu-link strong { font-size:12px !important; }
  .mobile-menu-link small { font-size:10px !important; }
  .mobile-menu-arrow { font-size:18px !important; }
  .finance-alerts-panel:has(.finance-alerts-empty) { display:none !important; }
}
@media (min-width:821px) { .mobile-dashboard-toggle { display:none !important; } .mobile-dashboard-details { display:block !important; } }
@media (max-width:380px) { .stat-card { min-height:83px !important; padding:11px !important; } .stat-value { font-size:17px !important; } }
@media (prefers-reduced-motion:reduce) { .mobile-dashboard-chevron { transition:none !important; } }