/* Sessie-verlopen-banner (csrf.js, achtergrondpoll): geen herlaad onder formulierinvoer, wel een duidelijke melding.
   EEN bron voor beide stylesheetfamilies (site en portaal/admin): elke layout linkt dit bestand na tokens.css
   (twaalfde review 2026-09-20, suggestie HTML/CSS; CssTokensTest bewaakt dat styles.css en ways-site.css geen kopie dragen). */
.sess-banner { position: fixed; left: 0; right: 0; bottom: 0; z-index: 200; display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; justify-content: center; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); background: var(--warning-light); color: var(--warning); border-top: 1px solid var(--warning); font: 500 14px/1.4 var(--font-sans); }
/* Ruimte-compensatie (twaalfde review, belangrijk 12): csrf.js zet --sess-banner-h op :root; niets valt onder de banner. */
body { padding-bottom: var(--sess-banner-h); }
html { scroll-padding-bottom: var(--sess-banner-h); }
.sess-banner a { color: var(--warning); font-weight: 700; text-decoration: underline; }