.department-workspace{display:grid;gap:1rem;max-width:1200px;margin-inline:auto}
.department-workspace>p{margin:0;color:var(--muted,#aeb4bc)}
.department-day-picker{max-width:26rem}
.department-layout{display:grid;grid-template-columns:minmax(260px,.82fr) minmax(340px,1.18fr);gap:1rem;align-items:start}
.department-layout .panel{min-width:0}
.department-summary h2,.department-plan h2{margin:.2rem 0 1rem}
.department-summary dl{display:grid;gap:.65rem;margin:0 0 1rem}
.department-summary dl>div{display:grid;grid-template-columns:8rem 1fr;gap:.5rem}
.department-summary dt{color:var(--muted,#aeb4bc)}
.department-summary dd{margin:0;overflow-wrap:anywhere}
.department-summary details{margin-bottom:1rem}
.department-summary ol{padding-left:1.4rem}
.department-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.department-fields .field:has(textarea){grid-column:1/-1}
.department-plan form{display:grid;gap:.8rem}
.department-plan form>.button{justify-self:start}
.department-tasks{display:grid;gap:.5rem}
.department-tasks>.row{justify-content:space-between;align-items:center}
.department-task{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.7rem;padding:.8rem 0;border-top:1px solid var(--border,#49515a)}
.department-task small{grid-column:1/-1}
@media(max-width:760px){.department-layout{grid-template-columns:1fr}.department-fields{grid-template-columns:1fr}.department-task{grid-template-columns:1fr auto}.department-task time{grid-column:1/-1}}
