/* GEDEELDE KOPPELQ-PLATFORMBALK (nav1) — LICHTE bovenbalk, identiek per module.
   Boven de donkere module-contextbalk (nav2). Structuur:
   [KOPPELQ-merk] ......... [module-acties*] [account/gebruikersmenu]
   In het portaal-iframe levert het portaal deze balk → hier verbergen (.koppelq-embedded). */
/* De KOPPELQ-platformbalk is ALTIJD licht (vaste kleuren, niet token-afhankelijk),
   zodat hij ook op donker-gethematiseerde modules (QOERZ, leidinQ) licht blijft.
   Alleen het accent (merk-Q + knoop) volgt de moduleaccentkleur. */
.kq-platformbar{
  display:flex;align-items:center;gap:.75rem;height:46px;padding:0 16px;flex:none;
  position:sticky;top:0;z-index:60;
  background:#ffffff;
  border-bottom:1px solid #e2e5ea;
  color:#16181a;
  font-family:var(--kq-font-body,system-ui,sans-serif);
}
.kq-platformbar__brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;
  font-weight:800;font-size:1rem;letter-spacing:.01em;color:#16181a;white-space:nowrap;}
.kq-platformbar__brand svg{width:22px;height:22px;flex:none;color:var(--kq-accent,#0f766e);}
.kq-platformbar__q{color:var(--kq-accent,#0f766e);}
.kq-platformbar__suffix{font-weight:600;font-size:.82rem;color:#6b7280;letter-spacing:.04em;text-transform:uppercase;}
.kq-platformbar__spacer{flex:1 1 auto;min-width:8px;}
.kq-platformbar__actions{display:inline-flex;align-items:center;gap:.5rem;}
.kq-platformbar__account{font-size:.82rem;color:#5b6675;white-space:nowrap;}
.kq-platformbar__link{font-size:.82rem;text-decoration:none;color:#16181a;
  padding:.35rem .75rem;border-radius:var(--kq-radius-pill,999px);border:1px solid #dcdcd8;
  background:#fff;white-space:nowrap;transition:background .12s ease,border-color .12s ease;}
.kq-platformbar__link:hover{background:#f4f4f1;border-color:#cbd5e1;}
.kq-platformbar__nav{display:inline-flex;align-items:center;gap:.3rem;}
/* In het portaal-iframe levert het portaal nav1 al → hier verbergen. */
html.koppelq-embedded .kq-platformbar{display:none!important;}

/* Opt-in voor apps met een eigen fixed/scroll-layout (bv. een position:fixed zijbalk):
   maak de twee balken vast bovenaan en reserveer de ruimte via body-padding.
   nav1 46px + nav2 42px = 88px. In het portaal-iframe is nav1 verborgen → 42px. */
body.kq-chrome-fixed{padding-top:88px;}
body.kq-chrome-fixed .kq-platformbar{position:fixed;top:0;left:0;right:0;z-index:200;}
body.kq-chrome-fixed .kq-context-bar{position:fixed;top:46px;left:0;right:0;z-index:200;}
html.koppelq-embedded body.kq-chrome-fixed{padding-top:42px;}
html.koppelq-embedded body.kq-chrome-fixed .kq-context-bar{top:0;}

@media print{.kq-platformbar{display:none!important;}}
@media (max-width:640px){.kq-platformbar{height:44px;padding:0 12px;}.kq-platformbar__suffix{display:none;}}