/* COPY of app/shared/blokdoc.css, made by app/shared/sync.py. Do not edit here: change the source and sync again. */
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Syne:wght@500;600;700&display=swap");
/* Blokdocument (shared, see blokdoc.js). Uses the colour tokens of the app it is copied into (--surface, --line, --brand, ...). */
.bd-opm{display:grid;gap:4px;margin-top:6px}
.bd-opm-rij{display:flex;justify-content:space-between;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;background:var(--warn-bg)}
.bd-opm-rij.verwerkt{background:var(--surface-2);opacity:.7}
.bd-opm-form{display:flex;gap:6px} .bd-opm-form input{flex:1}
.bd-ntk{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .bd-ntk ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.bd-ntk label{display:flex;gap:8px;align-items:flex-start;font-size:13px}

.bd-deck-bronnen{display:flex;flex-wrap:wrap;gap:6px} .bd-deck-bronnen label{display:flex;gap:6px;align-items:center;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px;cursor:pointer}
.bd-deck-bronnen label:has(input:checked){border-color:var(--brand-2,var(--brand));background:var(--accent-soft,var(--surface-2))}

/* slides: 16:9, in the QAura deck style (templates in input/QAura-Template-*.pptx and qaura.be): dark green, lime headings in Syne,
   text in Manrope, the Q mark top right, a footer with the page number, rounded squares on the title slide, a diagonal photo on text slides */
.bd-slide{--bd-bg:#0b3227;--bd-kaart:#12402f;--bd-lijn:rgba(255,255,255,.14);--bd-lime:#b9f86f;--bd-zacht:rgba(255,255,255,.72);
  aspect-ratio:16/9;width:100%;position:relative;overflow:hidden;container-type:inline-size;counter-increment:bd-slide;
  background:url("deck/q.png") no-repeat right 2.6% top 4.2%/2.3% auto,var(--bd-bg);color:#fff;border:0;border-radius:14px;
  padding:6.5% 7% 7%;display:flex;flex-direction:column;gap:2.4%;font-family:Manrope,var(--f-body,system-ui),sans-serif;
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.bd-slide::before{content:"qaura.be · vertrouwelijk";position:absolute;left:2.4%;bottom:3.2%;font-size:.95cqw;color:rgba(255,255,255,.5);letter-spacing:.02em}
.bd-slide::after{content:counter(bd-slide);position:absolute;right:2.4%;bottom:3.2%;font-size:.95cqw;color:rgba(255,255,255,.5)}
.bd-deck,.bd-print{counter-reset:bd-slide}
.bd-slide h2{font:500 4.2cqw/1.12 Syne,var(--f-display,system-ui),sans-serif;color:var(--bd-lime);margin:0;letter-spacing:-.005em;max-width:88%}
.bd-slide .bd-sub{font:500 1.9cqw/1.3 Syne,var(--f-display,system-ui),sans-serif;color:var(--bd-lime)}
.bd-slide .bd-tekst{font-size:1.75cqw;line-height:1.6;white-space:pre-wrap;color:rgba(255,255,255,.9);max-width:62ch}
.bd-slide .bd-data{font-size:1.8cqw;line-height:1.45;flex:1;min-height:0}
.bd-slide b{font-weight:700}
.bd-slide .muted,.bd-slide .small{color:var(--bd-zacht)}
.bd-slide a{color:var(--bd-lime)}
.bd-slide .kk{display:block;font:600 1.15cqw/1.3 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.09em;color:var(--bd-lime);margin-bottom:.5cqw}
/* title slide: big title left, rounded squares right (as on the website and the template) */
.bd-slide.bd-titel{justify-content:center;
  background:url("deck/q.png") no-repeat right 2.6% top 4.2%/2.3% auto,url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 420 450'><rect x='150' y='10' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.55'/><rect x='250' y='10' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.35'/><rect x='330' y='80' width='72' height='72' rx='14' fill='%236fae4f' fill-opacity='1'/><rect x='150' y='100' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.55'/><rect x='330' y='170' width='72' height='72' rx='14' fill='%236c72b4' fill-opacity='0.95'/><rect x='60' y='190' width='72' height='72' rx='14' fill='%23b9f86f' fill-opacity='0.9'/><rect x='150' y='190' width='72' height='72' rx='14' fill='%236fae4f' fill-opacity='1'/><rect x='240' y='190' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.45'/><rect x='240' y='280' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.3'/><rect x='60' y='370' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.35'/><rect x='150' y='370' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.5'/><rect x='330' y='370' width='72' height='72' rx='14' fill='%237c958e' fill-opacity='0.4'/></svg>") no-repeat right 4% center/auto 92%,var(--bd-bg)}
.bd-slide.bd-titel>*{max-width:50%} .bd-slide.bd-titel h2{font-size:5.4cqw}
.bd-slide.bd-titel .bd-sub{color:#fff;font:400 1.9cqw/1.4 Manrope,sans-serif;margin-top:1.2cqw}
.bd-slide.bd-titel .bd-tekst{color:var(--bd-zacht)}
/* a text slide gets a photo on the right with a diagonal edge (BlokDoc.beeld) */
.bd-beeld{position:absolute;top:0;right:0;bottom:0;width:42%;background:center/cover no-repeat;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);pointer-events:none}
.bd-beeld-1{background-image:url("deck/foto-1.jpg")} .bd-beeld-2{background-image:url("deck/foto-2.jpg")} .bd-beeld-3{background-image:url("deck/foto-3.jpg")}
.bd-beeld-4{background-image:url("deck/foto-4.jpg")} .bd-beeld-5{background-image:url("deck/foto-5.jpg")} .bd-beeld-6{background-image:url("deck/foto-6.jpg")}
.bd-slide:has(.bd-beeld){justify-content:center}
/* sizes are relative to the slide width (cqw), so the text column is narrowed with max-width, not with padding */
.bd-slide:has(.bd-beeld)>*:not(.bd-beeld){max-width:50%}
.bd-slide:has(.bd-beeld) .bd-tekst{font-size:1.9cqw}
/* data building blocks */
.bd-slide .bd-kpis{display:flex;gap:5%;flex-wrap:wrap;margin:.6cqw 0 1.4cqw}
.bd-slide .bd-kpis div{display:grid;gap:.5cqw;padding-top:1cqw;border-top:.25cqw solid var(--bd-lime);min-width:16%}
.bd-slide .bd-kpis b{font:500 4cqw/1.05 Syne,sans-serif;color:#fff}
.bd-slide .bd-kpis span{font-size:1.3cqw;color:var(--bd-zacht)}
.bd-slide .bd-cols{display:grid;grid-template-columns:1fr 1fr;gap:4%}
.bd-slide .bd-lijst{margin:.6cqw 0 0;padding-left:2.4cqw;display:grid;gap:1.1cqw;max-width:70ch}
.bd-slide .bd-lijst li::marker{color:var(--bd-lime);font-weight:700}
.bd-slide .bd-kaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(28%,1fr));gap:1.6cqw}
.bd-slide .bd-kaarten>div{background:var(--bd-kaart);border:1px solid var(--bd-lijn);border-left:.35cqw solid var(--bd-lime);border-radius:.8cqw;padding:1.5cqw 1.7cqw;display:grid;gap:.5cqw;align-content:start}
.bd-slide .bd-kw{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqw}
.bd-slide .bd-kw>div{background:var(--bd-kaart);border-radius:.8cqw;border-top:.35cqw solid var(--bd-lime);padding:1.3cqw 1.4cqw;display:grid;gap:.7cqw;align-content:start}
.bd-slide .bd-kw>div>b{font:500 2cqw/1 Syne,sans-serif;color:var(--bd-lime)}
/* text layouts (BlokDoc.tekstHtml, D76) */
.bd-slide .bd-kern{margin:0;font:500 2.2cqw/1.35 Syne,sans-serif;color:#fff;max-width:80%;padding-left:1.4cqw;border-left:.35cqw solid var(--bd-lime)}
.bd-slide .bd-punten{list-style:none;margin:.8cqw 0 0;padding:0;display:grid;gap:1.6cqw;max-width:62ch;font-size:2.1cqw;line-height:1.4}
.bd-slide .bd-punten li{position:relative;padding-left:2.6cqw}
.bd-slide .bd-punten li::before{content:"";position:absolute;left:0;top:.5em;width:1.1cqw;height:1.1cqw;border-radius:.3cqw;background:var(--bd-lime)}
.bd-slide .bd-punten b{color:var(--bd-lime);font-weight:700}
.bd-slide .bd-tkaarten{display:grid;grid-template-columns:repeat(auto-fit,minmax(20%,1fr));gap:1.8cqw;margin-top:1cqw}
.bd-slide .bd-tkaarten>div{background:var(--bd-kaart);border:1px solid var(--bd-lijn);border-left:.4cqw solid var(--bd-lime);border-radius:1cqw;padding:2.4cqw 2.2cqw;display:grid;gap:1.1cqw;align-content:start;min-height:17cqw}
.bd-slide .bd-tkaarten b{font:500 2.6cqw/1.15 Syne,sans-serif;color:var(--bd-lime)}
.bd-slide .bd-tkaarten span{font-size:1.85cqw;line-height:1.45;color:var(--bd-zacht)}
.bd-slide:has(.bd-beeld) .bd-tkaarten{grid-template-columns:1fr}
.bd-slide .bd-stappen{list-style:none;margin:1cqw 0 0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:1.8cqw}
.bd-slide .bd-stappen li{display:grid;gap:.8cqw;align-content:start;padding-top:1.4cqw;border-top:.35cqw solid var(--bd-lime)}
.bd-slide .bd-stappen i{font:500 5.6cqw/1 Syne,sans-serif;font-style:normal;color:rgba(185,248,111,.35)}
.bd-slide .bd-stappen b{font:500 2.5cqw/1.2 Syne,sans-serif;color:#fff}
.bd-slide .bd-stappen span{font-size:1.8cqw;line-height:1.45;color:var(--bd-zacht)}
.bd-slide .bd-kpis-groot{gap:7%;margin-top:2cqw} .bd-slide .bd-kpis-groot div{padding-top:1.6cqw;min-width:18%} .bd-slide .bd-kpis-groot b{font-size:7.4cqw;color:var(--bd-lime)} .bd-slide .bd-kpis-groot span{font-size:1.9cqw;color:#fff}
.bd-slide .bd-citaat{margin:1cqw 0 0;padding:2.4cqw 3cqw;max-width:78%;background:var(--bd-kaart);border:1px solid var(--bd-lijn);border-radius:1.2cqw;font:500 3.4cqw/1.25 Syne,sans-serif;color:var(--bd-lime)}
.bd-slide .bd-citaat::before{content:"“";display:block;font-size:6cqw;line-height:.6;color:rgba(185,248,111,.5)}
.bd-slide .bd-kern+.bd-data{margin-top:.8cqw}
/* a slide without data: title and text centred vertically, as in the template */
.bd-slide:not(.bd-titel):not(:has(.bd-data)){justify-content:center;gap:3.2%}
/* split: a statement on the left, a numbered list of cards on the right (e.g. the course: north star and priorities) */
.bd-slide .bd-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:4cqw;align-items:start;margin-top:.6cqw}
.bd-slide .bd-split .bd-statement{display:grid;gap:.6cqw}
.bd-slide .bd-split .bd-statement b{font:500 3.4cqw/1.12 Syne,sans-serif;color:#fff}
.bd-slide .bd-split .bd-statement p{margin:0 0 1.6cqw;font-size:1.65cqw;line-height:1.45;color:var(--bd-zacht)}
.bd-slide .bd-genummerd{list-style:none;margin:0;padding:0;display:grid;gap:.9cqw}
.bd-slide .bd-genummerd li{display:grid;grid-template-columns:4cqw 1fr;align-items:center;gap:1.2cqw;background:var(--bd-kaart);border:1px solid var(--bd-lijn);border-radius:.9cqw;padding:1.05cqw 1.4cqw;font-size:1.65cqw;line-height:1.3}
.bd-slide .bd-genummerd i{font:500 2.2cqw/1 Syne,sans-serif;font-style:normal;color:var(--bd-lime)}
.bd-slide>.bd-data{overflow:hidden}
/* status colours from the apps (D42), on the dark slide: green good, orange attention, red critical, blue in motion */
.bd-slide .pill{display:inline-block;padding:.2cqw .9cqw;border-radius:99px;font-size:1.2cqw;font-weight:600;background:rgba(255,255,255,.1);color:#fff}
.bd-slide .pill.p-go{background:rgba(111,214,140,.18);color:#8ee6a6} .bd-slide .pill.p-warn{background:rgba(245,166,90,.2);color:#ffc08a}
.bd-slide .pill.p-stop{background:rgba(240,110,100,.2);color:#ff9d93} .bd-slide .pill.p-info{background:rgba(120,160,255,.2);color:#a9c1ff}
/* charts from the apps: light lines and labels on the dark background */
.bd-slide svg{max-width:100%;height:auto}
.bd-slide svg text{fill:rgba(255,255,255,.7)!important}
.bd-slide svg line.grid{stroke:rgba(255,255,255,.12)!important} .bd-slide svg line.axis{stroke:rgba(255,255,255,.4)!important}
.bd-slide svg rect.pos{fill:var(--bd-lime)!important} .bd-slide svg rect.neg{fill:#f08a5d!important} .bd-slide svg rect.zacht{fill-opacity:.45}
.bd-scherm{position:fixed;inset:0;z-index:100;background:#0b0f0e;display:grid;place-items:center}
.bd-scherm .bd-deck{width:min(100vw,177.78vh);outline:none}
.bd-scherm .bd-slide{display:none;border-radius:0} .bd-scherm .bd-slide.aan{display:flex}
.bd-deck-nav{position:fixed;bottom:14px;right:16px;display:flex;gap:8px;align-items:center;color:#cfd6d3;font-size:13px}
.bd-deck-nav .btn{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.bd-print{display:none}
@media print{
  body.bd-printen > *:not(.bd-print){display:none!important}
  body.bd-printen .bd-print{display:block} body.bd-printen .bd-deck-nav{display:none}
  body.bd-printen .bd-slide{page-break-after:always;break-after:page;border-radius:0;width:100%;height:auto}
  @page{size:A4 landscape;margin:0}
}