/* Extracted from index.css L3268-L3429: Personal, calendar, monthly tracking, transaction filters */

/* ── Personal page: BNZ / ASB bank headers ──────────────────── */

[data-theme="light"] .personal-bank-header {
  background: rgba(255,255,255,0.38) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  border: 1px solid rgba(255,255,255,0.50) !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.07) !important;
}
[data-theme="light"] .personal-bank-label {
  color: rgba(28,28,30,0.55) !important;
}
[data-theme="light"] .personal-bank-divider {
  background: rgba(0,0,0,0.12) !important;
}

/* ── Calendar wrapper (#cal-wrapper) ────────────────────────── */
/* calendar-styles.js injects a <style> tag with hardcoded dark  */
/* values. We override with higher specificity here.             */

[data-theme="light"] #cal-wrapper {
  background: rgba(255,255,255,0.40) !important;
  backdrop-filter: blur(20px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(140%) !important;
  border: 1px solid rgba(255,255,255,0.55) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.08) !important;
}

[data-theme="light"] #cal-title {
  color: rgba(28,28,30,0.88) !important;
}
[data-theme="light"] .cal-meta-label {
  color: rgba(28,28,30,0.45) !important;
}
[data-theme="light"] .cal-meta-value {
  color: rgba(28,28,30,0.88) !important;
}
[data-theme="light"] .cal-meta-value.teal {
  color: #0d8a5c !important;
}
[data-theme="light"] .cal-month-nav {
  color: rgba(28,28,30,0.40) !important;
}
[data-theme="light"] .cal-month-nav:hover:not(:disabled) {
  color: rgba(28,28,30,0.75) !important;
}
[data-theme="light"] .cal-month-nav-disabled,
[data-theme="light"] .cal-month-nav:disabled {
  color: rgba(28,28,30,0.18) !important;
}
[data-theme="light"] .cal-month-badge {
  color: rgba(28,28,30,0.40) !important;
}

/* Day-of-week avg bar cells */
[data-theme="light"] .cal-dow-avg-cell .cal-dow-bar-bg {
  background: rgba(0,0,0,0.10) !important;
}
[data-theme="light"] .cal-dow-avg-cell .cal-dow-label {
  color: rgba(28,28,30,0.45) !important;
}

/* Calendar day cells */
[data-theme="light"] .cal-day-cell {
  background: rgba(255,255,255,0.28) !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
}
[data-theme="light"] .cal-day-cell:hover {
  background: rgba(255,255,255,0.50) !important;
  border-color: rgba(31,214,166,0.40) !important;
}
[data-theme="light"] .cal-day-num {
  color: rgba(28,28,30,0.55) !important;
}
[data-theme="light"] .cal-today .cal-day-num {
  color: #1976d2 !important;
}
[data-theme="light"] .cal-day-cell.cal-empty {
  background: transparent !important;
  border: none !important;
}
/* Day amounts / spend text */
[data-theme="light"] .cal-day-amount,
[data-theme="light"] .cal-day-spend {
  color: rgba(28,28,30,0.75) !important;
}

/* Health-state day colours — keep saturated so they read on light */
[data-theme="light"] .cal-day-cell.cal-safe {
  background: linear-gradient(145deg, rgba(15,85,133,0.22) 0%, rgba(9,46,74,0.18) 100%) !important;
  border-color: rgba(30,160,230,0.35) !important;
}
[data-theme="light"] .cal-day-cell.cal-mid {
  background: linear-gradient(145deg, rgba(11,110,136,0.20) 0%, rgba(7,68,80,0.16) 100%) !important;
  border-color: rgba(20,190,210,0.35) !important;
}
[data-theme="light"] .cal-day-cell.cal-warn {
  background: linear-gradient(145deg, rgba(138,80,20,0.20) 0%, rgba(70,42,8,0.16) 100%) !important;
  border-color: rgba(250,175,40,0.40) !important;
}
[data-theme="light"] .cal-day-cell.cal-over {
  background: linear-gradient(145deg, rgba(138,30,14,0.20) 0%, rgba(69,10,5,0.16) 100%) !important;
  border-color: rgba(250,80,55,0.45) !important;
}

/* Calendar day-of-week header row */
[data-theme="light"] .cal-dow-header {
  color: rgba(28,28,30,0.40) !important;
}

/* Today highlight badge */
[data-theme="light"] .cal-today-badge {
  background: rgba(25,118,210,0.15) !important;
  color: #1565c0 !important;
}

/* Glass panel that slides in when a day is clicked */
[data-theme="light"] #cal-day-panel,
[data-theme="light"] .cal-day-panel {
  background: rgba(250,248,245,0.92) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(255,255,255,0.60) !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.12) !important;
  color: rgba(28,28,30,0.88) !important;
}

/* ── Monthly tracking: budget row tint strip (transparent line) */
[data-theme="light"] #monthly tbody tr {
  border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}
[data-theme="light"] #monthly tbody tr[style*="rgba(255,255,255,0.03)"] {
  background: rgba(0,0,0,0.03) !important;
}

/* ══════════════════════════════════════════════════════════════
   END TARGETED FIXES
   ══════════════════════════════════════════════════════════════ */

/* ── Transaction filter links (memo / type clickable spans) ────
   Replaces inline onmouseover/onmouseout handlers in
   features/transactions/render.js
   ─────────────────────────────────────────────────────────────── */
.tx-filter-link {
  cursor: pointer;
  color: var(--accent-blue);
  border-bottom: 1px dashed var(--border);
  transition: color 0.15s, border-bottom-color 0.15s;
}
.tx-filter-link--active {
  color: var(--text-primary);
}
.tx-filter-link:hover {
  color: var(--accent-green) !important;
  border-bottom-color: var(--accent-green);
}

/* ── close-month-btn hover / active ────────────────────────────
   Replaces 4 inline JS listeners removed from init() in Session A.
   ─────────────────────────────────────────────────────────────── */
#close-month-btn:hover  { opacity: .85; }
#close-month-btn:active { transform: scale(0.96); }