/* Verdelo-inspired theme for the unmodified Bayt transaction/Supabase backend. */
:root{--verdelo-ease:cubic-bezier(.22,1,.36,1)}
html[data-theme="dark"]{--bg:#08130d;--card:#15251a;--ink:#eff5ef;--muted:#a8bcb0;--green:#75e4a8;--mint:#183d2b;--line:rgba(192,219,201,.18);--orange:#e8ba6d;--red:#f18b7e;color-scheme:dark}
html[data-theme="dark"] body{background:radial-gradient(ellipse at 45% 0%,#2b4933 0%,#142419 37%,#09130e 85%) fixed;color:var(--ink)}
html[data-theme="dark"] .sidebar{background:linear-gradient(160deg,rgba(23,41,29,.98),rgba(9,21,15,.98))!important;border-color:var(--line)!important}
html[data-theme="dark"] .topbar{background:rgba(18,36,25,.94)!important;border-color:var(--line)!important;backdrop-filter:blur(18px)}
html[data-theme="dark"] .breadcrumb,html[data-theme="dark"] .breadcrumb strong{color:var(--ink)}
html[data-theme="dark"] .household-switch,html[data-theme="dark"] .sidebar-note,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .stat-card.featured{background:rgba(22,39,27,.86)!important;border-color:var(--line)!important;color:var(--ink)}
html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card{box-shadow:0 14px 38px rgba(0,0,0,.14)}
html[data-theme="dark"] .stat-icon,html[data-theme="dark"] .house-avatar,html[data-theme="dark"] .nav-count,html[data-theme="dark"] .avatar.green{background:#263e2e!important;color:#9de7b7!important}
html[data-theme="dark"] nav a:hover,html[data-theme="dark"] .settings-link:hover{background:#263c2c!important;color:#eff5ef!important}
html[data-theme="dark"] nav a.active{background:#244b33!important;color:#9af0bf!important}
html[data-theme="dark"] .button:not(.primary),html[data-theme="dark"] .filter-input,html[data-theme="dark"] .field input,html[data-theme="dark"] .field select,html[data-theme="dark"] .field textarea,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#1e3224!important;border-color:var(--line)!important;color:var(--ink)!important}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#90a698}
html[data-theme="dark"] .button.primary{background:#75e4a8!important;color:#0c2718!important;border-color:#75e4a8!important}
html[data-theme="dark"] dialog{background:#14261b!important;color:var(--ink)!important;border:1px solid var(--line)!important}
html[data-theme="dark"] dialog::backdrop{background:rgba(0,0,0,.64)!important;backdrop-filter:blur(7px)}
html[data-theme="dark"] .sidebar-note p,html[data-theme="dark"] .panel-head p,html[data-theme="dark"] small,html[data-theme="dark"] .stat-top,html[data-theme="dark"] .field,html[data-theme="dark"] .breadcrumb{color:var(--muted)}
html[data-theme="dark"] table th,html[data-theme="dark"] table td{border-color:var(--line)!important;color:var(--ink)}
html[data-theme="dark"] tr:hover{background:rgba(120,200,140,.075)}
html[data-theme="dark"] .tabs button.active{background:#234b32!important;color:#b1f5c9!important}
.sidebar nav a,.panel,.stat-card,.button,.household-switch,.sidebar-note{transition:background-color .35s var(--verdelo-ease),border-color .35s var(--verdelo-ease),color .35s var(--verdelo-ease),box-shadow .35s var(--verdelo-ease),transform .35s var(--verdelo-ease)}
.panel,.stat-card{animation:bayt-rise .55s var(--verdelo-ease) both}
@keyframes bayt-rise{from{opacity:.35;transform:translateY(11px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
:root .panel{border-radius:18px}:root .stat-card{border-radius:17px}:root .button{border-radius:12px}
:root .sidebar nav a{border-radius:13px}:root .household-switch{border-radius:14px}
@media(prefers-reduced-motion:reduce){.panel,.stat-card{animation:none}.sidebar nav a,.panel,.stat-card,.button{transition:none}}
