/* Public and portal pages (Addendum 81): the same calm look as the app. A flat page, hairline cards, no glow, no blur, no shadows. Light or dark follows the device.
   Loaded LAST in each page so it wins over the page's own "Vision" glass styles. */
:root{--canvas:#0c100e;--surface:#141a17;--soft:#1b221e;--edge:rgba(255,255,255,.12);--field:#1b221e;--ink:#f2f6ee;--quiet:#9fab9f;--shadow:none;--bg:#0c100e;--accent-text:#c8f04b}
@media(prefers-color-scheme:light){:root{--canvas:#f4f6f5;--surface:#ffffff;--soft:#eef2f0;--edge:#dfe4e2;--field:#f1f4f2;--ink:#15201a;--quiet:#5d6b63;--bg:#f4f6f5;--accent-text:#4f7d08}}
html body{background:var(--canvas)!important;background-image:none!important;color:var(--ink)}
body *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
body :is(.gl,.card,.box,.panel,.auth-card,.tile-card,.ccard){background:var(--surface)!important;border:1px solid var(--edge)!important;border-radius:22px!important}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]){background:var(--field)!important;border:1px solid var(--edge)!important;color:var(--ink)!important;border-radius:12px!important}
body :is(input,select,textarea):focus{outline:0;border-color:var(--accent,#c8f04b)!important}
*:focus-visible{outline:2px solid var(--accent,#c8f04b)!important;outline-offset:2px}
@media(prefers-color-scheme:light){body :is(.pillbtn,button.primary,.btn:not(.ghost)){color:#10140a}}
/* lime is a fill colour: as text on a light page it is unreadable, so links use the darker accent there */
@media(prefers-color-scheme:light){a.go-login,#forgot-open,a[style*="color:var(--accent)"],.link{color:var(--accent-text)!important}}