/* RADAR → platformhuid (grafiet, licht).
   Verlegt RADAR's variabelen naar de gedeelde tokens EN overschrijft de
   donkere, hardcoded surfaces/kleuren uit style.css + _styles.php.
   Laad NA style.css en _styles.php (gelijke specificiteit, later wint). */

:root{
  --bg:var(--kq-bg); --bg-alt:var(--kq-bg-alt); --card:var(--kq-card); --surface:var(--kq-card);
  --border:var(--kq-border); --text:var(--kq-text); --muted:var(--kq-muted);
  --radius:var(--kq-radius-lg); --font-head:var(--kq-font-head); --font-body:var(--kq-font-body);
  /* accent = radar-module-identiteit (sky), leesbaar op wit */
  --accent:var(--kq-accent); --accent-2:#0ea5e9;
  --grad:linear-gradient(100deg,#0369a1,#0ea5e9);
}

/* ---- chrome: topbar + footer ---- */
.site-header{background:rgba(255,255,255,.85);}
/* hamburger ook op desktop tonen: klapt de zijbalk-rail in/uit */
.domo-menu-toggle{display:inline-flex;}
.domo-admin-pill{
  background:var(--kq-module-bg);color:var(--kq-module-ink);
  border-color:var(--kq-module-line);
}

/* ---- RADAR nieuwsoverzicht: tabs ---- */
.radar-tab{background:var(--kq-card);color:var(--kq-muted);border-color:var(--kq-border);}
.radar-tab:hover{color:var(--kq-text);border-color:var(--kq-border-strong);}
.radar-tab.is-active{color:#fff;}

/* ---- filters ---- */
.radar-filters select,
.radar-filters input[type=search]{
  background:var(--kq-card);color:var(--kq-text);border-color:var(--kq-border);
}

/* Inklap-knop voor de secundaire filters: alleen op smal scherm.
   Op desktop staat het formulier altijd open en is de knop verborgen. */
.radar-fbtoggle{display:none;}
.radar-fbtoggle-label{display:none;}
@media (max-width:720px){
  /* kop stapelt weer: tagline boven, tabs vol-breed eronder */
  .radar-controls-head .radar-tabs{flex:1 1 100%;min-width:0;}
  /* domein-pillen compact op één regel; swipebaar als het echt niet past */
  .radar-tabs{flex-wrap:nowrap;gap:.35rem;margin:1rem 0 .85rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;}
  .radar-tabs::-webkit-scrollbar{display:none;}
  .radar-tab{flex:0 0 auto;padding:.35rem .6rem;font-size:.78rem;gap:.3rem;}
  .radar-tab-count{font-size:.62rem;padding:.02rem .35rem;}
  .radar-fbtoggle-label{
    display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;
    margin:0 0 1.25rem;padding:.5rem .9rem;border-radius:999px;
    border:1px solid var(--kq-border);background:var(--kq-card);
    color:var(--kq-muted);font-weight:600;font-size:.9rem;
  }
  .radar-fbtoggle:checked + .radar-fbtoggle-label{
    color:var(--kq-text);border-color:var(--kq-border-strong);
  }
  .radar-filters{display:none;}
  .radar-fbtoggle:checked ~ .radar-filters{display:flex;}
  .radar-filters select,
  .radar-filters input[type=search]{width:100%;flex:1 1 100%;min-width:0;}
}

/* ---- kaarten ---- */
.radar-card{background:var(--kq-card);border-color:var(--kq-border);}
.radar-card:hover{border-color:var(--kq-accent);box-shadow:0 10px 28px rgba(0,0,0,.08);}
.radar-card-title{color:var(--kq-text);font-family:var(--kq-font-head);}
.radar-card-sum{color:var(--kq-muted);}
.radar-tag{color:var(--kq-muted);background:var(--kq-bg-alt);}
.radar-card-foot{border-top:none;}
.radar-src{color:var(--kq-faint);}
.radar-link{color:var(--kq-accent);}
.radar-rel{color:var(--kq-warn);}

/* ---- uitgelicht item ---- */
.radar-hero{background:var(--kq-card);border-color:var(--kq-border);}
.radar-hero:hover{box-shadow:0 14px 36px rgba(0,0,0,.1);}
.radar-hero-title{color:var(--kq-text);font-family:var(--kq-font-head);}
.radar-hero-sum{color:var(--kq-muted);}
/* hero zonder echte foto: dun gekleurd accentstrookje i.p.v. groot leeg vlak;
   titel krijgt de volle breedte */
.radar-hero--noimg{grid-template-columns:6px 1fr;}
.radar-hero--noimg .radar-hero-media .radar-thumb{min-height:100%;}
.radar-hero--noimg .radar-hero-media .radar-thumb-icon{display:none;}
.radar-hero--noimg .radar-hero-body{padding:1.5rem 1.7rem;}

/* ---- domein-badges: donkere tekst op lichte tint ---- */
.radar-badge--et{background:rgba(37,99,235,.12);color:#1d4ed8;border-color:rgba(37,99,235,.30);}
.radar-badge--wt{background:rgba(16,185,129,.12);color:#047857;border-color:rgba(16,185,129,.30);}
.radar-badge--rv{background:rgba(124,58,237,.12);color:#6d28d9;border-color:rgba(124,58,237,.30);}
.radar-badge--cat{background:var(--kq-bg-alt);color:var(--kq-muted);border-color:var(--kq-border);}

/* ---- tabel ---- */
.radar-table th,.radar-table td{border-bottom:1px solid var(--kq-border);}
.radar-table th{color:var(--kq-muted);}

/* ---- embedded in KOPPELQ-portaal: eigen chrome verbergen ---- */
.koppelq-embedded .site-header,
.koppelq-embedded .kq-platformbar,
.koppelq-embedded .domo-footer{display:none!important;}