/* DLE 2.0 — adapted from the PharmaFlow V131 visual system. */
:root{--pf-dept-primary:#006b65;--pf-dept-dark:#004f4b;--pf-dept-soft:#ddf1ef}
body[data-pf-department=Bereiden]{--pf-dept-primary:#004844;--pf-dept-dark:#003330;--pf-dept-soft:#e0eeeb}body[data-pf-department=TSD]{--pf-dept-primary:#034174;--pf-dept-dark:#002e53;--pf-dept-soft:#e3eef7}
[hidden]{display:none!important}html body[data-pf-department]{display:block;font-family:Aptos,'Segoe UI',sans-serif!important}html body[data-pf-department] .sidebar{position:fixed!important;left:0;top:0}main{margin-left:224px;width:calc(100% - 224px);padding:0;max-width:none}main>.topbar{margin:0;min-height:86px!important;padding:17px 28px!important}header .page-heading h1{margin:6px 0 0}#workspace{padding:24px 28px 40px}#message:not(:empty){margin:18px 28px;border-radius:7px}#login{margin:32px;max-width:620px}.sidebar .brand small{display:block}.sidebar .brand b{color:var(--pf-dept-primary)}.sidebar>small{position:static;margin-top:auto;padding:15px 8px;border-top:1px solid #dce3e8;color:#526571;letter-spacing:0;font-size:11px}.department-slot{margin:4px 0 24px}.department-slot label{font-size:11px;padding:0 6px}.department-slot select{margin-top:4px;width:100%;border-left:3px solid var(--pf-dept-primary);font-size:13px;font-weight:650;background:#f7f9fa}nav .nav-group{padding-top:8px!important}.filters{background:white;border:1px solid #dce3e8;border-radius:10px;padding:14px 16px;gap:16px;margin-bottom:16px}.filters label{font-size:11px;min-width:135px}input,select,textarea{border-color:#dce3e8;border-radius:6px;padding:8px 10px;font-size:13px;min-height:36px}.filters #saved{margin-left:auto;align-self:center;padding:7px 10px;background:#edf6f0;color:#186c50;border-radius:5px}.card{border:1px solid #dce3e8;box-shadow:0 2px 6px #18304206;border-radius:10px;padding:20px;margin-bottom:18px}.card h2{font-size:18px;letter-spacing:-.02em;color:#1c3039}.card>.row{padding-bottom:12px;border-bottom:1px solid #e3e9ec;margin-bottom:12px}.card>p{margin:10px 0 16px}.primary{background:var(--pf-dept-primary);border-color:var(--pf-dept-primary)}.primary:hover{background:var(--pf-dept-dark)}button{font-size:13px;font-weight:600;min-height:36px;border-radius:7px}h1,h2,h3{font-weight:650}#content>.row{margin:22px 0 14px}#content>.row h2{margin-bottom:6px}.pf-tier-level-tabs{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ccdcd8;padding:0 0 12px;margin:18px 0 12px}.level-active{font-weight:700;color:var(--pf-dept-primary);font-size:18px}.level-note{margin-left:auto;color:#64777b;font-size:12px}.view-toggle{display:flex;gap:6px;background:#eaf0f1;border:1px solid #d7e1e4;border-radius:9px;padding:5px;width:max-content;max-width:100%;flex-wrap:wrap;margin:10px 0 18px}.view-toggle button{background:transparent;border-color:transparent;min-width:125px;color:#526571;padding:9px 18px}.view-toggle button.active{background:white;color:var(--pf-dept-primary);border-color:#d4e1df;box-shadow:0 1px 4px #163c3610}.kpis{gap:14px;margin:16px 0 20px}.metric{padding:18px 20px;font-size:12px;color:#526571;border-color:#dce3e8;position:relative;overflow:hidden}.metric:before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--pf-dept-primary)}.metric b{font-size:28px;font-weight:650;color:#1c3039}.indicators{gap:16px}.indicators>label{background:#f7f9fa;border:1px solid #dce3e8;border-radius:8px;padding:15px;font-size:14px;font-weight:650}.indicators select{margin-top:7px;font-size:12px;font-weight:500}.status-picker{display:flex;gap:12px;margin-top:12px}.status-dot{width:32px;height:32px;min-height:32px;padding:0;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #bac9c6}.status-dot.groen{background:#22975d}.status-dot.rood{background:#ce454b}.status-dot.zwart{background:#28343b}.status-dot[aria-pressed=true]{outline:2px solid #164d45;outline-offset:3px}.table-scroll{max-width:100%;overflow:auto;border:1px solid #dce3e8;border-radius:8px}table{font-size:13px}th{font-size:11px;font-weight:700;background:#edf2f4;color:#526571;white-space:nowrap;padding:12px 10px}td{height:48px;padding:8px 10px}tbody tr:last-child td,tbody tr:last-child th{border-bottom:0}tbody tr:nth-child(even){background:#fafcfc}tbody tr:hover{background:#f1f7f5}td input{min-width:115px}td input[data-field=name],td input[data-field=text]{min-width:190px}td input[data-field=note]{min-width:180px}td select{min-width:120px}td button[data-remove]{border:0;color:#a54246;background:#fcf0f0;width:30px;min-height:30px;padding:2px}.footer{border-top:1px solid #dce3e8;padding:14px 0;background:#f4f6f8f5;z-index:3}.footer .primary{min-width:150px}.plan-legend{display:flex;align-items:center;gap:18px;margin:20px 0 16px;flex-wrap:wrap;font-size:12px}.plan-legend b{margin-right:auto;font-size:18px}.plan-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px;background:#dce3e8}.plan-legend .legend-production:before{background:#43a47e}.plan-legend .legend-maintenance:before{background:#e2b54c}.plan-legend .legend-stop:before{background:#d86a70}.planbutton{min-width:105px;min-height:51px;border-radius:5px;line-height:1.5;font-size:11px;background:#f2f5f6;border-color:#e0e6e9}.planbutton[data-status=Productie]{background:#e1f1e9;color:#176749;border-color:#bcdccd}.planbutton[data-status=Onderhoud]{background:#fff2d4;color:#805e0d;border-color:#ead8a3}.planbutton[data-status=Stop]{background:#f9e5e7;color:#a3333d;border-color:#ebc2c7}body[data-page=Dienstenplan] td{padding:5px}body[data-page=Dienstenplan] tbody th{position:sticky;left:0;z-index:1;min-width:100px}tr[data-shift=O]>th{border-left:4px solid #e5bb50}tr[data-shift=M]>th{border-left:4px solid #6fa3d2}tr[data-shift=N]>th{border-left:4px solid #8b80b6}tr[data-shift=N] td{border-bottom:2px solid #bdccd1}#planeditor .card{border-top:3px solid var(--pf-dept-primary)}#planform{max-width:650px}#content .muted{font-size:12px;line-height:1.5}.table-scroll textarea{min-width:190px}
@media(max-width:1050px){#workspace{padding:20px}.indicators{grid-template-columns:repeat(2,1fr)}.kpis{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){html body[data-pf-department] .sidebar{position:static!important;width:100%!important;height:auto;padding:14px!important}html body[data-pf-department] .sidebar nav{overflow:visible!important}.sidebar>small{display:none}.department-slot{margin:0 0 10px}html body[data-pf-department] .sidebar .nav-group{display:flex!important;flex-direction:row!important;margin:0}.nav-group>small{display:none!important}main{margin:0;width:100%}#workspace{padding:14px}main>.topbar{position:static!important;padding:18px!important}.filters{gap:10px;padding:12px}.filters label{min-width:120px;flex:1}.view-toggle{width:100%}.view-toggle button{min-width:0;flex:1;padding:9px}.indicators{grid-template-columns:repeat(2,1fr)}.card{padding:14px}.metric{padding:14px}.metric b{font-size:24px}#message:not(:empty){margin:12px}.level-note{display:none}.footer{flex-wrap:wrap}}@media print{html body[data-pf-department] .sidebar,#viewtools,.status-picker{display:none!important}main{margin:0;width:100%}#workspace{padding:0}.table-scroll{overflow:visible}.topbar{position:static!important}.metric{break-inside:avoid}}
/* Compact two-week planning and reporting, matching the supplied references. */
#workspace{max-width:1600px;margin:auto;padding-top:30px}.plan-kpis{display:flex;gap:10px;margin:14px 0}.plan-kpis .metric{flex:1;padding:14px}.plan-kpis .metric b{font-size:23px}.grid-card{padding:0;overflow:hidden}.grid-heading{padding:20px 15px;background:#edf6f3;border-bottom:1px solid #cadbd8}.grid-heading small{color:#006b65;font-weight:750;font-size:10px}.grid-heading h2{margin:7px 0;font-size:16px}.grid-heading p{margin:4px 0;font-size:12px}.grid-card .table-scroll{border:0;border-radius:0}.period-grid{min-width:1130px;table-layout:fixed;font-size:11px}.period-grid th,.period-grid td{padding:0!important;height:27px;border:1px solid #dae4e8;text-align:center;font-size:10px}.period-grid th:first-child{width:120px;text-align:left;padding-left:8px!important;background:white;position:sticky;left:0;z-index:2}.period-grid th:last-child{width:48px}.period-grid thead th{background:#edf3f7;color:#315875;height:26px}.period-grid thead tr:last-child th{background:#74a9d2;color:white}.period-grid .planbutton{min-width:0;width:100%;min-height:25px;height:25px;border:0;border-radius:0;padding:0;font-size:11px;line-height:25px}.period-grid .planbutton[data-status=Productie]{background:#6197cc;color:white}.period-grid .planbutton[data-status=Onderhoud]{background:#ffe5a2}.period-grid .planbutton[data-status=Stop]{background:#f3c5c6}.period-grid .has-hours{background:#def2ed;color:#006b65;font-weight:750}.period-grid .total-row>*{background:#d5eae4!important;font-weight:bold;border-top:2px solid #006b65}.period-nav{display:flex;align-items:center;gap:7px;border:1px solid #ccdeda;border-radius:6px;padding:3px;white-space:nowrap}.period-nav b{font-size:11px}.period-nav button{padding:4px 10px}.report-toolbar{display:flex;gap:8px;align-items:center;background:white;border:1px solid #ccdeda;border-radius:8px;padding:12px;margin:15px 0}.report-toolbar>div:first-child{margin-right:auto}.report-toolbar p{font-size:11px;margin:4px 0}.empty{text-align:center;padding:35px}.shift-badge{padding:5px 7px;border-radius:3px;font-size:10px}.shift-badge.O{background:#a5dfcc}.shift-badge.M{background:#ffe582}.shift-badge.N{background:#f5b0b2}body[data-page="Uren & DLE"] td{height:38px}body[data-page="Uren & DLE"] .hours-grid td{height:27px}body[data-page="Tier"] .pf-tier-level-tabs{background:var(--pf-dept-primary);color:white;padding:15px;border-radius:7px}.pf-tier-level-tabs .level-active,.pf-tier-level-tabs .level-note{color:inherit}@media(max-width:750px){.report-toolbar{flex-wrap:wrap}.plan-kpis{flex-wrap:wrap}.plan-kpis .metric{min-width:110px}#content>.row{flex-wrap:wrap}}@media print{.period-grid{min-width:0;font-size:7px}.period-grid th,.period-grid td{font-size:7px}.period-grid th:first-child{width:75px}.period-nav,.report-toolbar{display:none}}