/* App-wide polish on top of Unfold: canvas tint, rounder surfaces, sign-in backdrop. Loaded on every page. */
html:not(.dark) body { background-color:#f6f7fb; }
html.dark body { background-color:#0c0f19; }
#nav-sidebar, [id="nav-sidebar"] { backdrop-filter:saturate(1.2); }
.material-symbols-outlined { font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24; }
/* Sign-in and other unauthenticated pages */
body.login, body:has(#login-form) {
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(124,92,240,.22), transparent 60%),
    radial-gradient(800px 500px at 110% 110%, rgba(42,107,216,.18), transparent 60%),
    #f6f7fb !important;
}
html.dark body:has(#login-form) {
  background:
    radial-gradient(900px 500px at 10% -10%, rgba(139,124,246,.22), transparent 60%),
    radial-gradient(800px 500px at 110% 110%, rgba(106,162,245,.12), transparent 60%),
    #0c0f19 !important;
}
#login-form { margin-top:4px; }