/* PRAGT Keuken: aanvullingen op styles.css van de Team-app v8 (zelfde kleuren, letters, donkere modus en onderdelen).
   Alle kleuren via de variabelen van styles.css, zodat de donkere modus vanzelf klopt. */

/* Kopbalk: wie werkt er (gedeelde keukentablet) en uitloggen */
.who{display:flex;align-items:center;gap:14px}
.who-cook{display:flex;align-items:center;gap:8px;color:#BDBDBD;font-size:14px}
.who-sel{background:transparent;color:#FFFFFF;border:1px solid #3A3A3A;border-radius:8px;height:36px;padding:0 10px;font-size:14px;font-weight:500;max-width:46vw}
.who-sel option{color:#141414}
.who .k-logout{background:none;border:0;color:var(--orange);cursor:pointer;padding:4px 0;font-weight:500}
@media (max-width:520px){ .who-cook .who-label{display:none} }
@media (min-width:900px){ body.no-nav{padding-left:0} body.no-nav .toast{left:50%} nav.tabs .tabs-in{width:100%;margin:0} }

/* Werkbalk: datumveld in dezelfde maat als de knoppen van de Team-app */
.tool-date{height:34px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);padding:0 10px;font-size:14px;font-weight:500}
.ev-tools .meta{margin:0}

/* Productie: een bon per evenement, in de stijl van de evenementenlijst */
.bons{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:14px;align-items:start;margin-top:8px}
.bon{min-width:0}
.bon-head{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:14px;align-items:center;flex-wrap:nowrap}
.bon-time b{font-size:19px;font-variant-numeric:tabular-nums}
.bon-progress{height:4px;background:var(--bg3)}
.bon-progress i{display:block;height:100%;background:var(--ok);transition:width .3s}
@media (prefers-reduced-motion:reduce){.bon-progress i{transition:none}}
.bon .p-head + .bon-progress + .p-row{border-top:0}
.k-item{align-items:flex-start}
.k-item .nu-t b{font-weight:700}
.k-item.done .pname{text-decoration:line-through;color:var(--muted)}
.k-sub{padding-left:52px}
.qty{font:700 20px/1.2 "Roboto Condensed",Roboto,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;flex:none;padding-top:2px}
.k-sub .qty{font-size:17px}
.pdesc{align-self:flex-start;background:var(--orange-soft);color:var(--warn-ink)!important;font-weight:500;border-radius:4px;padding:1px 7px}
.pby{font-size:12.5px!important}
.tick{width:40px;height:40px;flex:none;border-radius:8px;border:2px solid var(--line);background:var(--white);cursor:pointer;display:grid;place-items:center;color:transparent;font-size:20px;font-weight:900;padding:0}
.tick[aria-pressed="true"],.tick.static.on{background:var(--ok);border-color:var(--ok);color:#FFFFFF}
.tick.static{cursor:default;border-style:dashed}
.k-sub .tick{width:34px;height:34px;font-size:17px}
.k-recipe{display:block;padding-left:70px}
.recipe{background:var(--bg2);border-radius:8px;padding:10px 12px;font-size:14px}
.recipe table{width:100%;border-collapse:collapse}
.recipe td{padding:5px 0;border-bottom:1px solid var(--line);vertical-align:top}
.recipe td.n{text-align:right;white-space:nowrap;padding-left:10px;font-variant-numeric:tabular-nums}

/* HACCP: een rij per controlepunt, zoals Aandacht nodig in de Team-app */
.p-dot.ok{background:var(--ok)}
.k-task{align-items:flex-start}
.k-task .p-dot{margin-top:7px}
.k-state.open{color:var(--warn-ink);font-weight:700}
.k-state.bad{color:var(--bad);font-weight:700}
.k-state.done{color:var(--ok);font-weight:700}
.nu-t .reg{color:var(--ink)!important}
.nu-t .reg.bad b{color:var(--bad)}
.nu-t .reg .link{padding:0 0 0 6px;min-height:0;font-size:13px}
.k-off{opacity:.55}
.okpick{display:flex;gap:8px}
.okpick .btn{flex:1}
.okpick .btn[aria-pressed="true"].yes{background:var(--ok);color:#FFFFFF;box-shadow:none}
.okpick .btn[aria-pressed="true"].no{background:var(--bad);color:#FFFFFF;box-shadow:none}
.verdict{font-weight:700;font-size:14px;margin-top:8px}
.verdict.ok{color:var(--ok)} .verdict.bad{color:var(--bad)}

/* Toetsenblok voor de temperatuur (touchscreen, ook met handschoenen) */
.temp-input{font:700 30px/1.2 "Roboto Condensed",Roboto,sans-serif!important;text-align:center;font-variant-numeric:tabular-nums}
.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.keypad button{min-height:60px;border:0;border-radius:8px;background:var(--black);color:#FFFFFF;font:700 26px Roboto,sans-serif;cursor:pointer;touch-action:manipulation}
.keypad button:active{background:var(--orange)}
.keypad .kp-wide{grid-column:1 / -1;background:var(--bg3);color:var(--ink);font-size:18px}
@media (prefers-color-scheme:dark){ .keypad button{background:#2A2A2A} }

/* Liggend scherm (zoals een 15,6" keukentablet): toetsenblok links, overige velden rechts */
@media (min-width:900px){
  .sheet.sheet-reg{max-width:920px}
  .reg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
  .reg-right label.f:first-child,.reg-left label.f:first-child{margin-top:0}
}
@media (min-width:900px) and (max-height:820px){ .keypad button{min-height:54px} .sheet.sheet-reg{max-height:96%} }

/* NVWA-controle */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:8px 0 14px}
.stat{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.stat b{display:block;font:700 30px/1.1 "Roboto Condensed",Roboto,sans-serif;font-variant-numeric:tabular-nums}
.stat span{font-size:13.5px;color:var(--muted)}
.days{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.days span{font-size:12.5px;font-weight:700;padding:5px 8px;border-radius:6px;background:var(--bg3);color:var(--muted);font-variant-numeric:tabular-nums}
.days span.full{background:var(--ok-bg);color:var(--ok)}
.days span.part{background:var(--orange-soft);color:var(--warn-ink)}
.days span.hasbad{box-shadow:inset 0 0 0 2px var(--bad)}
.tablewrap{overflow-x:auto;background:var(--white);border:1px solid var(--line);border-radius:14px}
table.log{border-collapse:collapse;width:100%;font-size:14px;min-width:960px}
table.log th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:var(--bg2);padding:10px;border-bottom:1px solid var(--line)}
table.log td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}
table.log td.n{white-space:nowrap;font-variant-numeric:tabular-nums}
table.log tr.bad td{background:var(--bad-bg)}
.print-head{display:none}

/* Touchscreen: grotere vlakken om op te tikken */
@media (pointer:coarse){
  .tick{width:52px;height:52px;font-size:24px}
  .k-sub{padding-left:64px}
  .k-sub .tick{width:42px;height:42px}
  .k-recipe{padding-left:82px}
  .week-nav{height:44px} .week-nav button{font-size:16px;padding:0 16px}
  .tool-date,.tool-btn{height:44px}
  .seg-light button{min-height:40px}
  .okpick .btn{min-height:72px;font-size:20px}
  button,.tick,.link{touch-action:manipulation}
}

@media print{
  .bar,nav.tabs,.ev-tools,.sync-bar,.no-print,#toast{display:none!important}
  body{padding:0!important;background:#fff}
  .wrap{padding:0;max-width:none}
  .print-head{display:block;margin-bottom:10px}
  .tablewrap{border:0;overflow:visible}
  table.log{min-width:0;font-size:11px}
  table.log tr.bad td{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}

/* Berichten keuken <-> kantoor */
.who-sel.need{border-color:var(--orange);color:var(--orange)}
.k-links{display:flex;flex-wrap:wrap;gap:4px 16px}
.k-links .link{padding:4px 0}
.k-problem{color:var(--muted)!important;font-weight:500!important}
.k-compose .k-form{padding:12px 18px 14px}
.k-compose textarea{display:block;width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:6px;background:var(--white);color:var(--ink);font-size:16px;resize:vertical;min-height:64px}
.k-compose .actions{margin-top:10px}
.k-msg{align-items:flex-start}
.k-msg .p-dot{margin-top:7px}
.k-msg.fresh{background:var(--warm-bg)}
.nu-t .k-body{color:var(--ink)!important;font-size:15.5px!important;white-space:pre-line}
.nu-t .k-reply{display:block;margin-top:6px;padding:8px 12px;border-radius:8px;background:var(--bg2);color:var(--ink)!important;white-space:pre-line;border-left:3px solid var(--line)}
.nu-t .k-reply.kantoor{border-left-color:var(--ok)}
.nu-t .k-reply b{display:block;font-size:13px;color:var(--muted);font-weight:500}
.nu-t .k-reply small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
.k-err{color:var(--bad)}
.k-quote{background:var(--bg2);border-radius:8px;padding:10px 12px;white-space:pre-line;margin:6px 0 4px}
.k-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.k-chips .btn[aria-pressed="true"]{background:var(--black);color:#FFFFFF;box-shadow:none}
@media (prefers-color-scheme:dark){ .k-chips .btn[aria-pressed="true"]{background:var(--orange)} }
@media (pointer:coarse){ .k-chips .btn{min-height:48px;font-size:16px} }

/* Dieetwensen en allergieën (Opmerkingen uit Catermonkey) bovenaan de bon */
.k-allergy{display:flex;flex-direction:column;gap:2px;margin:0;padding:10px 18px 12px;border-top:1px solid var(--line);border-left:5px solid var(--line);background:var(--bg2);font-size:15px;white-space:pre-line}
.k-allergy b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}
.k-allergy.on{border-left-color:var(--bad);background:var(--bad-bg)}
.k-allergy.on b{color:var(--bad)}
.k-allergy mark{background:transparent;color:var(--bad);font-weight:700}
.ev-st.alg{color:var(--bad)}
.ev-st.alg::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);margin-right:6px}
.bon .bon-progress + .k-allergy{border-top:0}
.pdesc mark{background:transparent;color:var(--bad);font-weight:700}
.k-pre{white-space:pre-wrap;word-break:break-word;font-size:12.5px;background:var(--bg2);padding:10px 12px;border-radius:8px;max-height:60vh;overflow:auto}

/* ---------- V1.0 ---------- */
/* Offline en wachtrij */
.who .k-offline{background:var(--orange);color:#FFFFFF;border:0;border-radius:16px;padding:6px 12px;font:700 13px Roboto,sans-serif;cursor:pointer;white-space:nowrap}
/* Allergenen per gerecht */
.k-algs{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:2px}
.k-alg{display:inline-block;font-size:12.5px!important;font-weight:700;padding:2px 8px;border-radius:4px;background:var(--bg3);color:var(--ink)!important}
.k-alg.may{background:transparent;box-shadow:inset 0 0 0 1px var(--line);font-weight:500}
.k-alg.hit{background:var(--bad);color:#FFFFFF!important;box-shadow:none}
.k-alg.none{background:transparent;color:var(--muted)!important;font-weight:500;padding-left:0}
.k-item.k-hit{box-shadow:inset 4px 0 0 var(--bad)}
.k-hit-txt{color:var(--bad)!important;font-weight:700;font-size:13.5px!important}
.k-ahead{border-left-color:var(--ok);background:var(--ok-bg)}
.k-totals{margin-bottom:14px}
.k-totals .p-row.done .nu-t b{color:var(--muted);text-decoration:line-through}
/* Klaar voor vertrek */
.k-depart{background:var(--bg2);align-items:center}
.k-checklist{display:flex;flex-direction:column;gap:2px;margin-top:12px}
.k-checkline{display:flex!important;gap:12px;align-items:center;padding:10px 0;font-size:15.5px;cursor:pointer}
.k-checkline input{width:24px;height:24px;flex:none;accent-color:var(--ok)}
.p-row.k-checkline{padding:10px 18px}
.temp-input.bad{border-color:var(--bad)!important;color:var(--bad)}
/* HACCP: apparaat, meetmomenten, sensor */
.k-eq{display:inline-block;font-size:12.5px;font-weight:700;padding:1px 7px;border-radius:4px;background:var(--bg3);color:var(--muted);margin-left:6px;vertical-align:2px}
.k-slots{display:flex!important;flex-wrap:wrap;gap:6px;margin-top:3px}
.k-slot{font-size:12.5px!important;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--bg3);color:var(--muted)!important;font-variant-numeric:tabular-nums}
.k-slot.ok{background:var(--ok-bg);color:var(--ok)!important}
.k-slot.open{background:var(--orange-soft);color:var(--warn-ink)!important}
.k-slot.bad{background:var(--bad-bg);color:var(--bad)!important}
.k-state.later{color:var(--ok);font-weight:500}
.k-sensor{font-size:13px!important}
/* Foto */
.k-photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.k-photo img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.k-photo-btn{cursor:pointer}
.k-photo-big{display:block;max-width:100%;max-height:70vh;margin:8px auto 0;border-radius:8px}
.k-compose .actions{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
/* Beheer */
.k-btabs{flex-wrap:wrap;height:auto;flex:1 1 auto;max-width:100%}
.k-btabs button{white-space:nowrap}
.btn.ghost.danger{margin-right:auto}
/* Uitleg */
.k-uitleg{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:14px;align-items:start}
.k-uitleg ul{margin:0;padding:10px 18px 14px 36px;display:flex;flex-direction:column;gap:8px;font-size:15.5px;line-height:1.45}
.k-num{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--orange);color:#FFFFFF;font-size:14px;margin-right:10px;vertical-align:1px}
.print-only{display:none}
@media print{ .print-only{display:inline} .k-uitleg{display:block} .k-uitleg .card{break-inside:avoid;margin-bottom:10px} }

/* Etiketten (labelprinter 62 mm, bijv. Brother QL) */
#print-area{display:none}
@media print{
  body.print-labels > *:not(#print-area){display:none!important}
  body.print-labels #print-area{display:block}
  body.print-labels{padding:0!important;margin:0;background:#fff}
}
@page label{size:62mm 40mm;margin:0}
body.print-labels #print-area .lbl{page:label}
body.print-labels .lbl{width:58mm;padding:2mm;font:11pt/1.25 Roboto,Arial,sans-serif;color:#000;page-break-after:always;break-after:page}
.lbl-p{display:block;font-size:15pt;font-weight:900;line-height:1.1;margin-bottom:1mm}
.lbl-t{font-size:13pt;font-weight:900}
.lbl-a{font-weight:700;margin-top:1mm}
.lbl-s{font-size:8.5pt;margin-top:1mm}
.p-row .p-dot.ok{display:block}
/* Taken uit de Team-app (V1.1) */
.k-tasklist{margin:8px 0 14px}
.k-tasklist .p-head h2{margin:0}
.k-taskbody{white-space:pre-line;background:var(--bg2)!important;color:var(--ink)!important;font-weight:400!important}
/* Meerdaagse opdrachten */
.k-dayof{color:var(--orange)!important;font-weight:700}
.k-unlinked{font-size:13px!important;color:var(--warn-ink)!important;font-weight:500}
.k-splitinfo{font-size:13px!important}
.k-splitinfo .link,.k-unlinked .link{padding:0 0 0 6px;min-height:0;font-size:13px}
.k-splitgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:0 14px}
.k-recipe-sub{padding-left:104px}
.k-method{margin-top:8px}
.k-method summary{cursor:pointer;font-weight:700}
.k-method p{margin:6px 0 0;white-space:pre-line}
@media (pointer:coarse){ .k-recipe-sub{padding-left:116px} }
.recipe th{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:0 0 4px;text-align:left}
.recipe th.n{text-align:right;padding-left:10px}

/* ---------- V1.4 ---------- */
.ev-st.bad{color:var(--bad)}
.ev-st.bad::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bad);margin-right:6px}
.k-ready{font-variant-numeric:tabular-nums}
.k-changes{margin:0;padding:10px 18px 12px;border-top:1px solid var(--line);border-left:5px solid var(--orange);background:var(--orange-soft);display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.k-changes b{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--warn-ink)}
.k-changes ul{margin:0;padding-left:18px;font-size:15px}
.k-depart{flex-wrap:wrap}
.k-depart-links{width:100%;order:3}
.k-retour{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 14px}
.k-retour label.f > span{display:block}
/* Inkooplijst */
.k-buy{margin-bottom:14px}
.k-buy .p-head{flex-wrap:wrap;gap:10px}
.k-buy-sub{padding:8px 18px 0;margin:0}
.k-buy .notice{margin:10px 18px}
.k-buy-sup{border-top:1px solid var(--line);margin-top:10px}
.k-buy-h{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 18px;background:var(--bg2)}
.k-buy-row{cursor:pointer;align-items:center}
.k-buy-row input{width:24px;height:24px;flex:none;accent-color:var(--ok)}
.k-buy-row.done .nu-t b{text-decoration:line-through;color:var(--muted)}
/* Geen levering, koeltimer */
.k-nodel{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 8px}
.k-nodel.on{background:var(--ok-bg);color:var(--ok);font-weight:700;padding:8px 12px;border-radius:8px}
.k-nodel.on .link{color:var(--ink);font-weight:500}
.k-timers{margin-bottom:6px}
.k-timers .p-head{display:flex;justify-content:space-between;align-items:center}
.k-timer.bad{background:var(--bad-bg)}
.k-sup .btn{min-height:40px}
/* Groot scherm */
body.is-board .bar,body.is-board nav.tabs,body.is-board #title,body.is-board #subtitle,body.is-board .demo-band{display:none!important}
body.is-board{padding-left:0!important;padding-bottom:0!important}
body.is-board .wrap{max-width:none;padding-top:12px}
.board-top{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:14px}
.board-clock{font:800 56px/1 "Roboto Condensed",Roboto,sans-serif;font-variant-numeric:tabular-nums}
.board-top > span{font-size:22px;color:var(--muted)}
.board-flags{display:flex;gap:14px;font-size:20px!important}
.board-exit{margin-left:auto;font-size:14px}
.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:16px}
.board-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:14px 18px;display:flex;flex-direction:column;gap:8px}
.board-card.done{opacity:.55}
.board-h{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.board-h b{font:800 26px/1.15 "Roboto Condensed",Roboto,sans-serif}
.board-h .ev-st{font-size:20px}
.board-card ul{margin:0;padding-left:20px;font-size:20px;line-height:1.4}
/* Allergenenkaart (A4) */
#print-area .acard,#print-area .mcard{display:none}
@page card{size:A4 portrait;margin:12mm}
@media print{
  body.print-card > *:not(#print-area){display:none!important}
  body.print-card #print-area{display:block}
  body.print-card #print-area .acard{display:block;page:card;font:11pt Roboto,Arial,sans-serif;color:#000}
  .acard-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:3pt solid #EE7900;padding-bottom:6pt;margin-bottom:8pt}
  .acard-t{display:block;font-size:22pt;font-weight:900}
  .acard-logo{font-size:16pt;font-weight:900} .acard-logo i{font-style:normal;color:#EE7900}
  .acard table{border-collapse:collapse;width:100%}
  .acard th,.acard td{border:0.6pt solid #888;text-align:center;padding:3pt 2pt;font-size:12pt;font-weight:700}
  .acard th span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:8.5pt;display:inline-block;height:70pt}
  .acard .acard-name{text-align:left;font-weight:400;padding-left:5pt}
  .acard em{color:#C0392B;font-style:normal;font-size:9pt}
  .acard-group td{background:#EEE!important;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .acard p{font-size:9pt;margin:6pt 0 0}
  body.print-mat > *:not(#print-area){display:none!important}
  body.print-mat #print-area{display:block}
  body.print-mat #print-area .mcard{display:block;page:card;break-after:page;font:11pt Roboto,Arial,sans-serif;color:#000}
  body.print-mat #print-area .mcard:last-child{break-after:auto}
  body.print-mat #print-area{width:auto!important;margin:0!important;padding:0!important}
  body.print-mat #print-area .mcard{max-width:184mm;box-sizing:border-box}
  .mcard table{border-collapse:collapse;width:100%;table-layout:fixed}
  .mcard th:not(.acard-name){width:13%}
  .mcard th,.mcard td{border:0.6pt solid #888;text-align:center;padding:5pt 4pt;font-size:12pt}
  .mcard th{background:#EEE;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .mcard td:not(.acard-name){font-weight:700}
  .mcard .acard-name{text-align:left;padding-left:6pt}
  .mcard .acard-name small{display:block;font-size:8.5pt;color:#555;font-weight:400}
  .mcard .acard-head span{font-size:10.5pt}
  .msign{display:flex;flex-direction:column;gap:14pt;margin-top:22pt;font-size:11pt}
}
/* Materiaal uit de keuken (V1.5) */
.k-mat-head{background:var(--bg2);border-top:2px solid var(--line);flex-wrap:wrap}
.k-mat-head .k-links{width:100%}
.k-mat .pname{font-weight:600}
.k-mat-bad{color:#C0392B;font-weight:700}
.k-matret{display:flex;flex-direction:column;gap:6px;margin:8px 0 12px}
.k-matret-h,.k-matret-r{display:grid;grid-template-columns:minmax(0,1fr) 76px 76px 76px;gap:8px;align-items:center}
.k-matret-h{font-size:13px;color:var(--muted);font-weight:700}
.k-matret-h span:not(:first-child){text-align:center}
.k-matret-r input{width:100%;min-height:48px;font-size:20px;text-align:center!important;padding:4px!important}
@media (max-width:480px){.k-matret-h,.k-matret-r{grid-template-columns:minmax(0,1fr) 58px 58px 58px;gap:5px}}
.dk-kind{min-height:44px;max-width:210px}

/* Komt van derden (V1.5) */
.k-ext-head{background:var(--bg2);border-top:2px solid var(--line)}
.k-ext-tag{display:inline-block;font-size:13px;font-weight:700;color:var(--orange);margin-top:2px}

/* V1.6: melding, planning, voorraad, pincode */
.k-alert{background:#C0392B;color:#fff;border-radius:10px;padding:12px 16px;margin:0 0 14px;display:flex;flex-direction:column;gap:4px;font-size:17px}
.k-alert .meta{color:#fff;opacity:.85}
.k-plan-t{display:flex;flex-direction:column;align-items:flex-end;font-size:20px}
.k-plan-t small{font-size:13px;font-weight:400;color:var(--muted)}
.k-plan-t.late{color:#C0392B}
.k-stock-row{flex-wrap:wrap}
.k-stock-row.k-late{background:rgba(192,57,43,.1)}
.k-stock-row.k-late b{color:#C0392B}
.k-stock-row.k-soon b{color:var(--orange)}
.k-labels-list{display:flex;flex-direction:column;gap:6px;margin:10px 0;max-height:40vh;overflow:auto}
.k-pin{font-size:28px!important;letter-spacing:.4em;text-align:center;min-height:56px}
.k-adv{color:#C0392B;font-size:16px}

/* V1.7: n.v.t., buiten gebruik, timers, gezondheid, aftekenen */
.k-state.paused{color:var(--muted);font-weight:700}
.k-task.paused{opacity:.8}
.k-pause{display:block;margin-top:4px;padding:6px 10px;border-radius:8px;background:var(--bg2);color:var(--ink);font-size:14px}
.k-slot.na{background:var(--bg2);color:var(--muted)!important}
.nu-t .reg.na b{color:var(--muted)}
.k-na{margin-top:12px}
.k-na .btn[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
#f-na .k-chips{margin-bottom:4px}
.k-timer-info{background:var(--bg2);border-radius:8px;padding:8px 12px}
.k-health-list{margin:6px 0 10px;padding-left:22px;line-height:1.6}
.sheet-health .okpick .btn{min-height:64px;font-size:18px}
.k-signed{background:var(--ok-bg);color:var(--ok);border-radius:10px;padding:10px 14px;margin:0 0 14px;font-weight:500}
.k-sign{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}