.role-dashboard{display:grid;gap:24px;min-width:0}.dash-head,.dash-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.dash-head h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:0 0 12px}.dash-head p{margin:0}.dash-controls label{display:grid;gap:6px;min-width:180px}.dash-controls small{margin-left:auto}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.dash-metrics button{text-align:left;padding:22px;color:inherit;cursor:pointer;display:grid;gap:8px}.dash-metrics strong{font-size:2rem}.dash-metrics .selected{outline:2px solid var(--accent,#8963bf);outline-offset:2px}.dash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.dash-columns>section{min-width:0}.dash-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--border,#7775)}.dash-item:last-child{border-bottom:0}.dash-item>div{min-width:0;overflow-wrap:anywhere}.dash-item .button{flex-shrink:0;white-space:normal;max-width:180px}.dash-item p{margin:8px 0}.dash-item small{display:block}.dash-late{font-weight:650}.dash-attention{border-left:4px solid #b88043!important}.dash-welcome{border-left:4px solid #8870bb!important}.dash-staff{padding-top:12px;border-top:1px solid var(--border,#7775)}.role-dashboard button:focus-visible,.role-dashboard a:focus-visible{outline:3px solid var(--accent,#8963bf);outline-offset:3px}@media(max-width:1100px){.dash-columns{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.role-dashboard{gap:16px}.dash-item{flex-direction:column}.dash-controls small{margin-left:0}.dash-metrics{gap:10px}.dash-metrics button{padding:16px}.dash-head .row{width:100%}.role-dashboard .button{min-height:44px}}

/* Align actions with the control itself, not its label + control block. */
.dash-controls{justify-content:flex-start;align-items:flex-end;gap:16px}
.dash-controls>label{flex:0 1 280px;min-width:min(100%,220px);margin:0}
.dash-controls>label select{width:100%;min-width:0}
.dash-controls>.row{min-width:0;gap:12px}
.dash-controls>.row>.button{min-height:var(--control-height,44px)}
.dash-controls>small{display:flex;align-items:center;min-height:var(--control-height,44px);max-width:100%}
@media(max-width:760px){.dash-controls>.row{flex:1 1 100%}.dash-controls>label{flex:1 1 240px}.dash-controls>small{margin-left:0}.dash-head>.row{flex-wrap:wrap}}
@media(max-width:480px){.dash-controls>.row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dash-controls>.row>.button{white-space:normal;padding-inline:10px}.dash-controls>label{flex-basis:100%}.dash-controls>small{min-height:0}}

.dash-start-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.dash-start-options>.button{white-space:normal;min-width:0;height:100%;min-height:44px;padding-inline:12px}
@media(max-width:1000px){.dash-start-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.dash-start-options>.button{min-height:56px}}
