:root{--lab-ink:#1c3849;--lab-soft:#5f7989;--lab-teal:#159b87;--lab-border:#dce9ec;--lab-back:#f3f7f8}
.lab-header{height:50px;min-height:50px;padding:4px 22px;justify-content:flex-start;background:#13283d}
.lab-brand{font-size:21px;letter-spacing:-.8px;gap:9px;flex-shrink:0}
.lab-divider{height:23px;width:1px;background:#7592a34d;margin:0 5px}
.lab-head-section{display:flex;flex-direction:column;line-height:1.1;gap:3px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.lab-head-section small{color:#8da5ba;font-size:9px;letter-spacing:1.55px;font-weight:800;line-height:1.1}
.lab-head-section strong{color:#f9ffff;font-size:15px;font-weight:710;line-height:1.2}
.lab-header-right{margin-left:auto;gap:12px}
.lab-private{white-space:nowrap;color:#afcad3}.lab-private span{color:#59c5ab;margin-right:5px}
.lab-shell{display:flex;min-height:calc(100vh - 50px);background:var(--lab-back)}
.lab-sidebar{width:206px;flex:none;background:#fff;border-right:1px solid #dfebee;display:flex;flex-direction:column;gap:18px;padding:25px 10px 14px}
.lab-sidebar-head{font-size:10px;font-weight:800;letter-spacing:.14em;color:#8a9fa9;padding:0 13px}
.lab-side-nav{display:flex;flex-direction:column;gap:5px}
.lab-side-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 12px;border:none;background:transparent;border-radius:11px;color:#486579;text-align:left}
.lab-side-nav button b{font-size:13px;font-weight:700}.lab-side-nav button span{font-size:21px;font-family:Arial,sans-serif;width:22px;text-align:center;line-height:1}
.lab-side-nav button:hover{background:#f2f8f8}.lab-side-nav button.active{background:#e0f4ee;color:#096958}
.lab-side-bottom{margin-top:auto;border-top:1px solid #ebf1f3;padding:14px 12px 3px;display:grid;gap:3px}
.lab-side-bottom span{font-size:10px;color:#5a8c85;font-weight:850;letter-spacing:.06em}.lab-side-bottom small{font-size:11px;color:#91a2aa;line-height:1.4}
.lab-main{flex:1;width:calc(100% - 206px);max-width:1600px;padding:clamp(18px,3vw,40px)}
.lab-workspace-view[hidden]{display:none}.lab-workspace-view{animation:lab-enter .2s ease-out}@keyframes lab-enter{from{opacity:.75;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.lab-intro{margin-bottom:25px}.lab-intro h1{font-size:clamp(26px,2.6vw,36px)}
.lab-overview-grid,.lab-work-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:17px;align-items:start}
.lab-overview-secondary{margin-top:17px}.lab-work-grid .lab-panel{min-height:280px}.lab-today{min-height:360px}
.lab-panel h2{font-size:19px;margin:0 0 15px}.lab-panel p{color:#6b8290;line-height:1.5}
.lab-date-compact{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#69838e;font-weight:800;letter-spacing:.06em}
.lab-date-compact input,.lab-field :is(input,textarea,select){padding:10px 12px;border-radius:9px;border:1px solid #cbdfe2;background:white;color:#203f4d;min-width:0;width:100%;font-size:14px}
.lab-field{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;color:#3b5969;margin:15px 0}
.lab-field textarea{resize:vertical;line-height:1.5}.lab-field :is(input,textarea,select):focus,.lab-date-compact input:focus{outline:2px solid #7bd9c4;outline-offset:1px}
.lab-inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lab-form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:16px 0}
.lab-form-actions button,.lab-link-btn,.lab-standalone-link{padding:9px 13px;border:1px solid #c8dadd;border-radius:9px;background:white;color:#255164;text-decoration:none;font-weight:750;font-size:13px}
.lab-form-actions .lab-primary{background:#169c88;border-color:#169c88;color:white}
.lab-form-actions button:hover,.lab-link-btn:hover{background:#eaf5f3}
.lab-form-actions .lab-primary:hover{background:#117966}
.lab-form-actions .lab-muted{font-size:12px}
.lab-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lab-shortcuts button{border:1px solid #dce9e8;border-radius:12px;text-align:left;background:#f8fcfb;padding:15px;color:#218b7a;display:grid;gap:5px;font-size:22px}
.lab-shortcuts button:hover{background:#e6f6f0;border-color:#9bd9c6}
.lab-shortcuts strong{font-size:13px;color:#1f4554}.lab-shortcuts small{font-size:11px;color:#7f929d}
.lab-lessons{display:flex;flex-direction:column;gap:8px}.lab-lesson{display:flex;gap:12px;border:1px solid #e6eeee;padding:11px 13px;border-radius:10px;background:#fafdfe}.lab-lesson-time{font-size:12px;font-weight:800;color:#0c9682;min-width:52px}.lab-lesson strong{font-size:13px;color:#1d4052}.lab-lesson small{display:block;font-size:12px;color:#67808e;line-height:1.45;margin-top:3px}.lab-lessons.compact{max-height:440px;overflow:auto}
.lab-start-preview{padding:15px;margin:10px 0;background:#edf8f3;border-radius:11px;min-height:68px;white-space:pre-wrap;line-height:1.5;color:#2a6355;font-weight:600}
.lab-smart-example{border:1px dashed #a6d6ca;border-radius:12px;background:#f5fcf9;padding:16px;margin-top:19px}.lab-smart-example small{color:#338974;font-size:10px;font-weight:800;letter-spacing:.06em}.lab-smart-example p{color:#24463c;font-size:15px}.lab-smart-example span{font-size:11px;color:#7b9290}
.lab-context-hint{font-size:12px;padding:9px 12px;background:#eef6f7;border-radius:9px;color:#577c89}
.lab-checkbox{display:flex;gap:8px;align-items:center;color:#445e69;font-size:13px}
.lab-worksheet-panel{background:#f9fcfc}.lab-sheet{background:white;color:#213e4d;min-height:350px;border:1px solid #e0ebec;border-radius:9px;padding:22px;box-shadow:0 2px 10px #26383d08}
.lab-sheet h3{font-size:22px;color:#167c6b;margin:0 0 22px}.lab-sheet-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:28px}.lab-problem{border-bottom:1px solid #dce5e7;padding:0 0 11px;font-weight:650;font-size:16px;break-inside:avoid}.lab-problem em{font-size:13px;color:#248b76;font-weight:700;font-style:normal}
.lab-dict-list{display:grid;gap:7px}.lab-dict-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(125px,.9fr);gap:9px;align-items:center}.lab-dict-row span{font-size:12px;color:#8498a4}.lab-dict-row input,.lab-dict-row select{min-width:0;padding:9px;border:1px solid #d5e3e6;border-radius:8px;font-size:13px}
.lab-observation-list{display:grid;gap:12px;max-height:640px;overflow:auto}.lab-observation{background:#f9fcfc;border:1px solid #e2ecee;border-radius:11px;padding:14px}.lab-observation header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lab-observation header strong{color:#24495c}.lab-observation header small{color:#81969f}.lab-observation p{font-size:13px;margin:8px 0;color:#4f6a77;white-space:pre-wrap}.lab-observation footer{display:flex;gap:10px}.lab-observation footer button{background:transparent;color:#207e73;border:0;padding:5px 0;font-size:12px;font-weight:750}
.lab-privacy-hint{font-size:12px;color:#81929c}.lab-console-notes{background:#f4faf8;border-radius:12px;padding:15px;white-space:pre-wrap;color:#486f66}
.lab-print-area{display:none}
.lab-login{margin:55px auto}.lab-empty{margin:0}
@media(max-width:1080px){.lab-overview-grid,.lab-work-grid{grid-template-columns:1fr}.lab-sidebar{width:180px}.lab-main{width:calc(100% - 180px)}.lab-overview-grid .lab-panel{min-height:0}}
@media(max-width:700px){.lab-header{padding:4px 12px}.lab-private{display:none}.lab-sidebar{width:62px;padding:18px 6px}.lab-sidebar-head,.lab-side-bottom,.lab-side-nav button b{display:none}.lab-side-nav button{justify-content:center;padding:12px 5px}.lab-side-nav button span{font-size:23px}.lab-main{width:calc(100% - 62px);padding:15px}.lab-intro{align-items:flex-start}.lab-intro h1{font-size:27px}.lab-shortcuts{grid-template-columns:1fr 1fr}.lab-shortcuts button{padding:9px}.lab-header-right{font-size:11px}.lab-head-section small{display:none}}
@media(max-width:470px){.lab-shortcuts{grid-template-columns:1fr}.lab-inline-fields{grid-template-columns:1fr}.lab-date-compact input{width:140px}.lab-intro{flex-wrap:wrap}.lab-dict-row{grid-template-columns:20px minmax(0,1fr)}.lab-dict-row select{grid-column:2}.lab-sheet-problems{grid-template-columns:1fr}.lab-header-right #labAccount{max-width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media print{body>*:not(.lab-print-area){display:none!important}body{background:white!important}.lab-print-area{display:block!important;font:15px system-ui,sans-serif;color:#111}.lab-print-area h1{font-size:22px;margin-bottom:8mm}.lab-print-area .lab-print-subtitle{margin-bottom:12mm;color:#777}.lab-print-area .lab-print-problems{display:grid;grid-template-columns:repeat(2,1fr);column-gap:18mm;row-gap:15mm}.lab-print-area .lab-print-problem{font-size:17px;break-inside:avoid;border-bottom:1px solid #aaa;padding-bottom:16mm}.lab-print-area.answers .lab-print-problem{padding-bottom:5mm}.lab-print-area .lab-print-note{font-size:11px;color:#777;margin-top:8mm}@page{size:A4;margin:18mm}}
@media(prefers-reduced-motion:reduce){.lab-workspace-view{animation:none}}
/* v3.9.29 · docentconsole / bediening */
.lab-live-grid{display:grid;grid-template-columns:minmax(280px,2fr) minmax(260px,1fr);gap:16px}
.lab-live-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.lab-live-heading select{width:min(100%,330px);border:1px solid #cbdee1;border-radius:9px;padding:8px 10px;background:#fff;color:#233f4b}
.lab-live-banner{background:#f1f9f8;border:1px solid #cdece3;padding:14px;border-radius:12px;margin-bottom:16px}
.lab-live-banner h3{margin:0 0 4px;font-size:18px;color:#204d48}.lab-live-banner p{margin:0;font-size:13px;color:#4d7880}
.lab-live-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.lab-live-actions button,.lab-live-page{border:1px solid #cfdee3;border-radius:10px;padding:13px 8px;background:#fff;color:#274858;font-size:13px;font-weight:750;text-align:center;cursor:pointer}
.lab-live-actions button:hover:not(:disabled),.lab-live-page:hover:not(:disabled){border-color:#37b4a6;background:#f0faf8}
.lab-live-actions button:disabled,.lab-live-page:disabled{opacity:.45;cursor:default}
.lab-live-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;max-height:240px;overflow:auto}
.lab-live-page{padding:9px 10px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lab-live-page.active{color:#136b61;background:#dff5ed;border-color:#36ab9b}
.lab-live-status{min-height:20px;color:#167c6c;font-size:13px;margin-top:12px}.lab-live-status[data-error="true"]{color:#b0444c}
.lab-live-note{font-size:12px;color:#617b86;margin:12px 0 0}
.lab-live-quiz{margin-top:16px;padding-top:12px;border-top:1px solid #e0ecee}
.lab-live-quiz .lab-live-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:940px){.lab-live-grid{grid-template-columns:1fr}}

/* BordLab 3.9.31 — kopie van de Bord/Home-logoplaatsing, in bestaande Lab-stylesheet. */
.lab-header{box-sizing:border-box;height:50px;min-height:50px;padding:0 13px;gap:12px;background:#13253a;align-items:center}
.lab-header .lab-brand{display:inline-flex;align-items:center;justify-content:flex-start;flex:0 0 auto;height:33px;
  padding:0 3px;margin:0;gap:8px;font:500 19px/1 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;letter-spacing:-.8px}
.lab-header .brand-mark{width:26px;height:26px;flex:0 0 26px;display:grid;grid-template-columns:1fr 1fr;gap:3px;transform:rotate(-11deg)}
.lab-header .brand-mark>span{border-radius:4px;background:#53d9c5}
.lab-header .brand-mark>span:nth-child(2){opacity:.7}
.lab-header .brand-mark>span:nth-child(3){opacity:.55}
.lab-header .brand-mark>span:nth-child(4){background:#fff}
.lab-header .brand-accent{color:#56dbca}
.lab-header .lab-divider{height:25px;margin:0}
.lab-header .lab-header-right{align-items:center;gap:8px;min-width:0}
.lab-header .lab-header-right button{height:33px;min-height:33px;padding:0 10px;border-radius:9px;font-size:12px}
@media(max-width:650px){.lab-header{padding-inline:11px;gap:8px}.lab-header .lab-brand{font-size:19px}}
/* 3.9.33 · Compact docentgericht Lab. De oorspronkelijke BordLab-kleuren en header blijven. */
.lab-sidebar{background:#f6fafb;border-right:1px solid #e0ebed}
.lab-main{background:#f4f8f9}.lab-sidebar-head{font-size:10px;letter-spacing:.1em}
.lab-side-nav button{border-radius:9px}.lab-intro h1{font-size:clamp(25px,2.2vw,33px)}
.lab-panel{box-shadow:none;border-color:#dde7e9;border-radius:12px}.lab-sched-layout{display:grid;grid-template-columns:212px minmax(0,1fr);gap:15px;align-items:start}.lab-sched-palette{padding:13px}.lab-sched-palette h2{font-size:16px;margin:0 0 5px}.lab-sched-palette p{font-size:11px;line-height:1.4;margin:0 0 12px}.lab-sched-palette #labSchedPalette{display:grid;gap:4px;max-height:460px;overflow-y:auto}.lab-sched-palette #labSchedPalette button{border:1px solid transparent;background:none;border-radius:7px;padding:6px 8px;display:flex;gap:9px;align-items:center;text-align:left;font-size:12px;font-weight:650;color:#254456}.lab-sched-palette #labSchedPalette button:hover{background:#e8f4f2;border-color:#a8dcd2}.lab-sched-palette #labSchedPalette button span{width:28px;height:28px;border-radius:7px;display:grid;place-items:center}.lab-sched-main{min-width:0;padding:15px}.lab-sched-actions,.lab-sched-dates,.lab-sched-modes,.lab-report-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.lab-sched-actions button,.lab-sched-dates button,.lab-sched-modes button,.lab-report-actions button{border:1px solid #d0dee4;background:#fff;color:#29495c;font-size:12px;font-weight:750;border-radius:8px;padding:8px 10px;min-height:33px}.lab-sched-actions .lab-primary,.lab-sched-actions .lab-primary:hover{background:#149b89;border-color:#149b89;color:white}.lab-sched-modes button.active{background:#e1f5ee;border-color:#58bca8;color:#126c60}.lab-sched-toolbar{background:white;border:1px solid #dae7e9;border-radius:12px;padding:10px 14px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 7px}.lab-sched-dates>div{min-width:180px;display:flex;flex-direction:column;gap:2px}.lab-sched-dates strong{font-size:13px;text-transform:capitalize}.lab-sched-dates small{font-size:11px;color:#67808c}.lab-sched-dates select{border:1px solid #d5e3e6;border-radius:8px;padding:6px;background:white;color:#203b4b;font-size:12px}.lab-sched-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 11px;margin-bottom:12px;font-size:12px;color:#67808c}.lab-sched-banner strong{color:#1a8779;text-align:right;font-size:12px}.lab-sched-banner strong[data-error=true]{color:#b5444d}.lab-sched-head,.lab-sched-row{display:grid;grid-template-columns:18px 98px minmax(145px,1fr) minmax(180px,1.2fr) minmax(170px,1.1fr) 65px;column-gap:9px;align-items:start}.lab-sched-head{padding:0 10px 10px;color:#78909c;font-size:10px;font-weight:850;letter-spacing:.08em}.lab-sched-head span:first-child{grid-column:2}.lab-sched-row{padding:11px 7px;gap:9px;background:linear-gradient(90deg,var(--tint),#fff 17%);border:1px solid #e1e9ea;border-radius:9px;margin-bottom:7px}.lab-sched-grip{cursor:grab;font-size:20px;color:#8da6ae;user-select:none;margin-top:4px}.lab-sched-times,.lab-sched-edit,.lab-sched-row-buttons{display:flex;flex-direction:column;gap:6px;min-width:0}.lab-sched-row input,.lab-sched-row select,.lab-sched-row textarea{width:100%;min-width:0;min-height:30px;border:1px solid #d7e3e6;border-radius:6px;padding:5px 7px;color:#294658;background:#fff;font-size:12px}.lab-sched-row input:focus,.lab-sched-row select:focus{outline:2px solid #67c8b6;outline-offset:0}.lab-sched-row select{padding-right:3px}.lab-sched-row-buttons{flex-direction:row;flex-wrap:wrap;gap:2px}.lab-sched-row-buttons button{padding:4px 5px;border:0;background:transparent;color:#718a96;font-size:15px;cursor:pointer}.lab-sched-row-buttons button:hover{background:#ebf4f2;color:#0b8778}.lab-goal{display:grid;grid-template-columns:75px 1fr;gap:5px}.lab-sched-expand{align-self:flex-start;color:#157d73;border:0;background:transparent;font-size:11px;font-weight:750;padding:3px}.lab-sched-details{margin-top:5px;border-top:1px solid #e3ebec;padding-top:8px;display:grid;gap:5px}.lab-sched-details[hidden]{display:none}.lab-sched-details label{font-size:10px;color:#62808e;font-weight:750}.lab-sched-empty{padding:25px;color:#7d939b}.lab-sched-add{display:block;width:100%;padding:10px;border:1px dashed #9fcac7;border-radius:8px;background:#f5fbf9;color:#117f71;font-size:12px;font-weight:800}.lab-sched-hours{border-top:1px solid #e5eeef;margin-top:16px;padding-top:13px}.lab-sched-hours strong{font-size:12px}.lab-sched-hours>div{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap;font-size:11px;color:#4f6b7b}.lab-sched-hours span{padding:5px 8px;background:#eff6f5;border-radius:6px}.lab-sched-palette form{border-top:1px solid #dce9e9;margin-top:12px;padding-top:12px;display:grid;gap:7px}.lab-sched-palette form h3{font-size:12px;margin:0}.lab-sched-palette form input{width:100%;min-width:0;border:1px solid #d2e3e4;border-radius:6px;padding:7px;font-size:12px}.lab-sched-palette form button{padding:8px;border:1px solid #c3dfda;border-radius:7px;background:#e9f7f2;color:#217c70;font-size:12px;font-weight:800}.lab-toggle{display:flex;align-items:center;gap:7px;font-size:12px;color:#3f6271;white-space:nowrap}.lab-toggle input{accent-color:#149e8b}.lab-points-col[hidden]{display:none!important}.lab-student-click{background:transparent;border:0;color:#137e71;text-align:left;font-weight:800;padding:0}.lab-student-click:hover{text-decoration:underline}.lab-review-callout{padding:10px 14px;background:#eef8f5;border:1px solid #c9e9dd;border-radius:9px;color:#346259;font-size:12px;margin:12px 0}.lab-share-tools{border-top:1px solid #e3eced;margin-top:17px;padding-top:16px}.lab-share-tools h3{margin-bottom:8px}.lab-share-tools p{font-size:12px}.lab-share-tools .lab-primary{background:#169c88;border-color:#169c88;color:white}.lab-share-tools button{min-height:35px;border-radius:8px;padding:7px 12px;border:1px solid #cfdee3;background:#fff;color:#274858;font-size:12px;font-weight:750}.lab-share-tools button:disabled{opacity:.45}.lab-share-tools video{width:175px;max-height:95px;object-fit:contain;background:#111;border-radius:8px}
@media(max-width:1200px){.lab-sched-layout{grid-template-columns:170px minmax(0,1fr)}.lab-sched-main{overflow:auto}.lab-sched-head,.lab-sched-row{min-width:725px}}
@media(max-width:760px){.lab-sched-layout{grid-template-columns:1fr}.lab-sched-palette #labSchedPalette{display:flex;flex-wrap:wrap;max-height:210px}.lab-sched-palette #labSchedPalette button{width:max-content}.lab-sched-toolbar{padding:10px}.lab-intro{align-items:flex-start;flex-wrap:wrap}}
@media print{body.lab-print-report>.lab-header,body.lab-print-report>.lab-login,body.lab-print-report>.lab-shell .lab-sidebar,body.lab-print-report>.lab-shell [data-lab-view]:not([data-lab-view="quizzes"]),body.lab-print-report>.lab-shell .lab-intro,body.lab-print-report>.lab-shell #labListView,body.lab-print-report>.lab-shell .lab-answers-panel,body.lab-print-report>.lab-shell #labReportView .lab-report-head button,body.lab-print-report>.lab-shell #labAppError{display:none!important}body.lab-print-report>.lab-shell,body.lab-print-report>.lab-shell .lab-main,body.lab-print-report>.lab-shell [data-lab-view="quizzes"],body.lab-print-report>.lab-shell #labReportView{display:block!important;width:100%!important;padding:0!important;background:white!important}body.lab-print-report .lab-panel,body.lab-print-report .lab-kpis article{break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important}body.lab-print-report #labReportView{display:block!important}body.lab-print-report .lab-report-head{margin-bottom:12px}body.lab-print-report .lab-report-head h2{color:#111}body.lab-print-report .lab-report-grid{grid-template-columns:1fr 1fr!important}body.lab-print-report #labStudentRows td{font-size:12px}body.lab-print-report>.lab-print-area{display:none!important}}