/* Glass theme for the whole console (owner, 2026-10-15: "use glassmorphism entirely" — the overview
   hero's look on every page, the side bar and the top bar). Loaded last; it only re-colours surfaces,
   never layout. Light and dark, following the theme switch and the system setting. */
:root,:root[data-theme="light"]{
  --glass-bg:radial-gradient(1100px 620px at 4% -8%,#C9CCF4 0%,transparent 60%),radial-gradient(900px 640px at 100% 6%,#F6D6E6 0%,transparent 55%),radial-gradient(1000px 760px at 50% 112%,#D3ECF2 0%,transparent 62%),#EEF0FA;
  --glass:rgba(255,255,255,.58);--glass-2:rgba(255,255,255,.4);--glass-solid:rgba(250,250,255,.94);--glass-edge:rgba(255,255,255,.78);
  --glass-shadow:0 10px 30px rgba(60,66,140,.10);--glass-blur:blur(18px) saturate(1.35);
  --card:var(--glass);--card-2:var(--glass-2);--paper-2:rgba(255,255,255,.45);
  --line:rgba(110,118,190,.22);--line-2:rgba(110,118,190,.13);--green-soft:rgba(102,110,184,.13);
}
:root[data-theme="dark"]{
  --glass-bg:radial-gradient(1100px 620px at 4% -8%,#2B2F66 0%,transparent 60%),radial-gradient(900px 640px at 100% 6%,#4A2440 0%,transparent 55%),radial-gradient(1000px 760px at 50% 112%,#123C48 0%,transparent 62%),#12142A;
  --glass:rgba(44,50,98,.5);--glass-2:rgba(255,255,255,.06);--glass-solid:rgba(30,34,66,.96);--glass-edge:rgba(255,255,255,.12);
  --glass-shadow:0 12px 34px rgba(0,0,0,.32);
  --card:var(--glass);--card-2:var(--glass-2);--paper-2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.13);--line-2:rgba(255,255,255,.08);--green-soft:rgba(166,175,234,.16);
}
@media (prefers-color-scheme:dark){:root:where(:not([data-theme="light"])){
  --glass-bg:radial-gradient(1100px 620px at 4% -8%,#2B2F66 0%,transparent 60%),radial-gradient(900px 640px at 100% 6%,#4A2440 0%,transparent 55%),radial-gradient(1000px 760px at 50% 112%,#123C48 0%,transparent 62%),#12142A;
  --glass:rgba(44,50,98,.5);--glass-2:rgba(255,255,255,.06);--glass-solid:rgba(30,34,66,.96);--glass-edge:rgba(255,255,255,.12);
  --glass-shadow:0 12px 34px rgba(0,0,0,.32);
  --card:var(--glass);--card-2:var(--glass-2);--paper-2:rgba(255,255,255,.06);
  --line:rgba(255,255,255,.13);--line-2:rgba(255,255,255,.08);--green-soft:rgba(166,175,234,.16);
}}

/* the page behind everything */
body:not(.auth-screen){background:var(--glass-bg);background-attachment:fixed}
body:not(.auth-screen) .shell,body:not(.auth-screen) .main,body:not(.auth-screen)[data-section] .main{background:transparent}

/* side bar and top bar */
body:not(.auth-screen) .side{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
body:not(.auth-screen) .side-nav a{border-radius:12px!important;border-bottom:0!important;padding-inline:12px!important}
body:not(.auth-screen) .side-nav a:hover{background:var(--glass-2)}
body:not(.auth-screen) .side-nav a.on,body:not(.auth-screen) .side-nav a.on:hover{background:var(--glass-solid)!important;box-shadow:0 4px 14px rgba(70,76,160,.14)!important;color:var(--green-2)}
body:not(.auth-screen) .side .select-trigger,body:not(.auth-screen) .side .account-card,body:not(.auth-screen) .side .profile-chip{background:var(--glass-2);border-color:var(--glass-edge)}
body:not(.auth-screen) .topbar{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-edge)}

/* cards, tiles, panels */
body:not(.auth-screen) .card,body:not(.auth-screen) .tile,body:not(.auth-screen) .settings-identity,body:not(.auth-screen) .settings-card,body:not(.auth-screen) .notice{
  background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow)}
body:not(.auth-screen) .card .card,body:not(.auth-screen) .card .tile{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;background:var(--glass-2)}
body:not(.auth-screen) .card{border-radius:20px}
body:not(.auth-screen) .mg-box,body:not(.auth-screen) .qk-compose,body:not(.auth-screen) .qk-sol,body:not(.auth-screen) .pb-col,body:not(.auth-screen) .pb-sum{background:var(--glass-2);border-color:var(--glass-edge)}
body:not(.auth-screen) .qk-sol.pri{background:var(--glass-solid)}
body:not(.auth-screen) .mg-qi:hover,body:not(.auth-screen) .qk-row:hover{background:var(--glass-2)}
body:not(.auth-screen) .mg-qi.on{background:var(--glass-solid)}

/* switchers and tabs */
body:not(.auth-screen) .ui-sections,body:not(.auth-screen) .ov-seg{background:var(--glass-2);border-color:var(--glass-edge);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}
body:not(.auth-screen) .ui-sections>.ui-section.on,body:not(.auth-screen) .ov-seg button.on{background:var(--glass-solid);border-color:var(--glass-edge);box-shadow:0 2px 8px rgba(70,76,160,.12)}

/* tables: header rows stay readable when they stick */
body:not(.auth-screen) table.t th,body:not(.auth-screen) .t th{background:var(--glass-solid)}
body:not(.auth-screen) .mgrid thead th,body:not(.auth-screen) .mgrid tbody th{background:var(--glass-solid)}
body:not(.auth-screen) .tbl-scroll,body:not(.auth-screen) .mgrid-scroll{border-color:var(--glass-edge)}
body:not(.auth-screen) .t tbody tr:hover{background:var(--glass-2)}

/* controls */
body:not(.auth-screen) .btn:not(.primary):not(.danger),body:not(.auth-screen) .ctrl,body:not(.auth-screen) .inp,body:not(.auth-screen) .select-trigger,body:not(.auth-screen) .icon-action{background:var(--glass-2);border-color:var(--glass-edge)}
body:not(.auth-screen) .btn:not(.primary):hover,body:not(.auth-screen) .icon-action:hover{background:var(--glass-solid)}
body:not(.auth-screen) .btn.danger{background:var(--glass-2);border-color:var(--glass-edge)}
.select-menu,.month-menu{background:var(--glass-solid)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-color:var(--glass-edge)!important}

/* dialogs */
.modal-panel{background:var(--glass-solid);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);border-radius:22px}
.modal-foot{background:transparent!important}
.modal-panel .card{background:var(--glass-2);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}

/* phones: the slide-in menu needs to hide what is behind it */
@media (max-width:780px){body:not(.auth-screen) .side{background:var(--glass-solid)}}

/* status pills in the Overview's colours */
body:not(.auth-screen) .pill{border-radius:999px;padding:4px 10px;font-weight:600;border:0}
body:not(.auth-screen) .pill.ok{background:rgba(79,196,138,.18);color:#16733F}
body:not(.auth-screen) .pill.warn{background:rgba(242,193,78,.22);color:#7A4E0E}
body:not(.auth-screen) .pill.bad{background:rgba(240,106,94,.18);color:#A93226}
body:not(.auth-screen) .pill.info{background:rgba(143,162,255,.2);color:#3E4880}
body:not(.auth-screen) .pill.mute{background:var(--glass-2);color:var(--ink-2)}
:root[data-theme="dark"] body:not(.auth-screen) .pill.ok{color:#8fe0b8}
:root[data-theme="dark"] body:not(.auth-screen) .pill.warn{color:#f0cf86}
:root[data-theme="dark"] body:not(.auth-screen) .pill.bad{color:#f5a79f}
:root[data-theme="dark"] body:not(.auth-screen) .pill.info{color:#c3cbff}
/* page titles sit on the glass like the Overview's */
body:not(.auth-screen) .page-intro h2{letter-spacing:-1.6px}
/* the old tiles row on ledger pages: glass tiles with a coloured mark */
body:not(.auth-screen) .tile{border-radius:18px}