/* ===========================================================
KernGezond — gedeelde glas-stijl
Eén bestand voor alle KernGezond-dashboards en de onboarding-app.
Wordt geserveerd vanaf de portal, dus de achtergrondfoto
(/achtergrond.jpg) staat óók maar op één plek: het
beheergedeelte van de portal.
NIET voor de PPF Zorgatlas — die houdt de PPF-huisstijl.
Wijzigt uitsluitend opmaak. Geen data, tabellen, grafieken
of JavaScript worden geraakt.
Insluiten met één regel in :
=========================================================== */
:root{
--kg-blauw:#174E8D;
--kg-goud:#D2B599;
--kg-foto:url('/achtergrond.jpg'); /* relatief aan dit CSS-bestand = portal-domein */
--kg-sluier:rgba(237,229,220,.72);
--kg-glas:rgba(255,255,255,.42);
--kg-glas-sterk:rgba(255,255,255,.58);
--kg-glas-zacht:rgba(255,255,255,.65);
--kg-rand:rgba(255,255,255,.85);
--kg-schaduw:0 8px 24px rgba(23,78,141,.10);
}
/* --- 1. Achtergrond: foto + beige sluier, vast achter de pagina --- */
html{ background:transparent; }
body{ background:transparent !important; }
body::before,
body::after{ content:''; position:fixed; inset:0; pointer-events:none; }
body::before{ z-index:-2; background:var(--kg-foto) center/cover no-repeat; }
body::after{ z-index:-1; background:var(--kg-sluier); }
/* --- 2. Balken en zijbalken --- */
/* Lichte balken worden glas */
header,
.topbalk,
.topbar,
#topbar, /* financieel dashboard */
.tab-bar,
#tabs, /* financieel dashboard */
.subtab-bar{
background:var(--kg-glas-sterk) !important;
backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px);
border-bottom:1px solid rgba(255,255,255,.7) !important;
box-shadow:none !important;
}
/* Financieel dashboard: tabbalk = lichtere tweede laag met ruimte voor de pillen
(zoals de sectiebalk van sport). Staat ná de balkenlijst zodat de .34 wint van
de sterk-glas !important hierboven; glas.css laadt ná het inline