/* Appel — blok "Dani · Appel geopend" (3-10-2026). Zie v2/gebruik.js.
   Bewust laag en rustig: het staat boven het toetswerk en mag dat niet wegduwen. */
.gb{background:var(--surface,#1a2233);border:1px solid var(--line,#2a3550);border-radius:20px;
  padding:12px 14px 10px;margin:0 0 14px;color:var(--ink,#eaf0f8);border-left:4px solid var(--sub,#8ea0bd)}
.gb.gb-goed{border-left-color:var(--good,#4ade80)}
.gb.gb-ok{border-left-color:var(--accent,#5bb8ff)}
.gb.gb-laag{border-left-color:var(--warn,#ffcf5b)}
.gb-kop{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}
.gb-label{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:13px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--sub,#8ea0bd)}
.gb-tel{color:var(--sub,#8ea0bd);font-size:13px}
.gb-zin{font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;font-size:17px;
  line-height:1.3;margin:6px 0 10px;overflow-wrap:anywhere}
.gb-week{display:flex;gap:6px;align-items:flex-end}
.gb-dag{flex:1;text-align:center;min-width:0}
.gb-staafbak{height:36px;display:flex;align-items:flex-end;justify-content:center}
.gb-staaf{display:block;width:100%;max-width:26px;border-radius:5px 5px 0 0;background:var(--accent,#5bb8ff)}
.gb-goed .gb-staaf{background:var(--good,#4ade80)}
.gb-laag .gb-staaf{background:var(--warn,#ffcf5b)}
.gb-nul .gb-staaf{background:var(--line,#2a3550)}
.gb-dag b{display:block;font-family:"Bricolage Grotesque",system-ui,sans-serif;font-weight:800;
  font-size:14px;margin-top:3px}
.gb-nul b{color:var(--sub,#8ea0bd)}
.gb-dag small{display:block;color:var(--sub,#8ea0bd);font-size:12px}
.gb-nu b,.gb-nu small{color:var(--ink,#eaf0f8)}
.gb-nu .gb-staafbak{border-bottom:2px solid var(--ink,#eaf0f8)}
.gb-voet{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;
  color:var(--sub,#8ea0bd);font-size:13px;margin-top:8px}
.gb-oud{color:var(--warn,#ffcf5b)}
.gb-leeg{color:var(--sub,#8ea0bd);font-size:14.5px;margin:6px 0 2px}
/* 3-10: eerlijke melding zolang geen toestel zich gemarkeerd heeft (zie gebruik.js). */
.gb.gb-stil,.gb.gb-stil2{border-left-color:var(--sub,#8ea0bd)}
.gb-let{background:var(--surface2,#212c42);border-radius:10px;padding:7px 10px;margin:8px 0 0;
  color:var(--sub,#8ea0bd);font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.gb-let a{color:var(--accent,#5bb8ff)}