/* Restore the page gutters used by Dagindeling on the Cockpit and Tier pages. */
body[data-pf-department] .page-content.cockpit-page{padding:22px clamp(14px,2vw,30px) 36px!important}
body[data-pf-department] .pf-tier-wrap{padding:22px clamp(14px,2vw,30px) 40px!important}
body[data-pf-department] .pf-tier-wrap>.pf-tier-banner,
body[data-pf-department] .page-content .pf-cockpit-banner{border-radius:14px!important}

/* Prevent content in assigned cards from widening its grid track. */
body[data-pf-department] .dashboard-page .line-board{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:minmax(168px,auto)}
body[data-pf-department] .dashboard-page .line-board-card{width:100%!important;min-width:0!important;max-width:none!important;min-height:168px!important;justify-self:stretch!important;align-self:stretch!important}
body[data-pf-department] .dashboard-page .line-board-card.empty{opacity:1}
@media(max-width:1100px){body[data-pf-department] .dashboard-page .line-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body[data-pf-department] .dashboard-page .line-board{grid-template-columns:minmax(0,1fr)!important}}

/* All TSD rosters appear together on Dagindeling and in editable Bezetting. */
body[data-pf-department="TSD"] .dashboard-page .line-board{grid-template-columns:repeat(4,minmax(0,1fr))!important}
body[data-pf-department="TSD"] .dashboard-page :is(.shift-pages,.dashboard-status,.rotation-track,.absence-strip,.dashboard-footer){display:none!important}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people{display:block;padding:8px 12px}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people>div{padding:7px 0;border-bottom:1px solid #e1ebe7}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people>div:last-child{border-bottom:0}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people p{margin:0}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people b{display:block;font-size:14px}
body[data-pf-department="TSD"] .dashboard-page .pf-tsd-roster-card .line-board-people small{font-size:12px;color:#617b73}
body[data-pf-department="TSD"] .printable-planning .view-toggle{display:none!important}
@media(max-width:1100px){body[data-pf-department="TSD"] .dashboard-page .line-board{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:650px){body[data-pf-department="TSD"] .dashboard-page .line-board{grid-template-columns:minmax(0,1fr)!important}}

/* One comment per batch, after the measured staffing columns. */
body[data-pf-department] .pf-tier-dle-head,
body[data-pf-department] .pf-tier-dle-row{grid-template-columns:minmax(125px,1fr) 76px 105px 65px minmax(118px,.9fr) 85px minmax(190px,1.5fr) 75px minmax(190px,1.5fr)!important;min-width:1160px!important}
body[data-pf-department] .pf-tier-dle-row>span:nth-child(4){display:flex;align-items:center}
body[data-pf-department] .pf-tier-dle-row>span:nth-child(5){display:block}
body[data-pf-department] .pf-tier-dle-row .pf-batch-number{display:block;min-width:0;overflow-wrap:anywhere;padding:0!important;background:transparent!important;border:0!important;color:#173b38!important;font-size:14px;font-weight:700}

/* Verzuim: a day is the clickable target, with a separate editor on double click. */
body[data-pf-department] .absence-calendar-days button.sick{background:#fbdad5!important;border-color:#d65b4a!important;color:#8e3027!important}
body[data-pf-department] .absence-calendar-days button.sick>b{color:#8e3027!important}
.pf-absence-backdrop{position:fixed;inset:0;z-index:11000;display:grid;place-items:center;padding:16px;background:rgba(13,37,34,.55)}
.pf-absence-dialog{width:min(440px,100%);padding:24px;border-radius:16px;background:#fff;box-shadow:0 18px 55px rgba(9,34,31,.24);color:#173b38}
.pf-absence-dialog>small{font-size:12px;font-weight:800;color:#006B65;letter-spacing:.04em}
.pf-absence-dialog h3{margin:8px 0 20px;font-size:24px}
.pf-absence-dialog label{display:grid;gap:8px;font-size:14px;font-weight:700}
.pf-absence-dialog input{height:46px;width:100%;padding:9px 12px;border:1px solid #bacfca;border-radius:8px;font-size:16px}
.pf-absence-dialog p{font-size:14px;color:#596f69}
.pf-absence-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.pf-absence-dialog-actions button{min-height:44px;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer}
.pf-absence-dialog-actions .primary{border:1px solid #006B65;background:#006B65;color:#fff}
.pf-absence-dialog-actions .outline{border:1px solid #bfd4cc;background:#fff;color:#005e57}