.staff-dashboard{display:grid;gap:1rem;min-width:0}
.staff-welcome{display:flex;align-items:center;gap:1rem}
.staff-welcome-icon{display:grid;place-items:center;width:3.7rem;height:3.7rem;flex:none;border-radius:1.1rem;background:var(--primary);color:#fff}
.staff-welcome-icon .app-icon{width:1.9rem;height:1.9rem}
.staff-panel{min-width:0;padding:1.1rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff;box-shadow:var(--shadow)}
.staff-panel>h3{margin:0;color:var(--ink);font-size:1.1rem;font-weight:850;letter-spacing:-.025em}
.staff-panel-subtitle{margin:.25rem 0 .85rem;color:var(--muted);font-size:.8rem}
.staff-event-list{display:grid;gap:.7rem;margin-top:.8rem}
.staff-event-card{display:grid;grid-template-columns:minmax(0,1fr) 12rem;align-items:center;gap:1rem;padding:.9rem;border:1px solid var(--line);border-radius:.9rem;background:linear-gradient(140deg,#fff,var(--club-subtle));min-width:0}
.staff-event-info{display:grid;gap:.25rem;min-width:0}
.staff-event-info>strong{font-size:.88rem}
.staff-event-info>small{color:var(--muted);font-size:.76rem;line-height:1.45;overflow-wrap:anywhere}
.staff-event-title{display:block;padding:0;border:0;background:none;color:var(--ink);font-weight:800;font-size:.96rem;line-height:1.35;text-align:left;overflow-wrap:anywhere}
.staff-event-title:hover{color:var(--primary-dark);text-decoration:underline}
.staff-event-info .staff-event-note{font-size:.71rem}
.staff-response-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}
.staff-response{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.5rem;padding:.45rem .5rem;border:1px solid;border-radius:.65rem;font-weight:800;font-size:.78rem;white-space:nowrap}
.staff-response>span{font-size:1.15rem;font-weight:700}
.staff-response--green{color:#087932;background:#effbf1;border-color:#74c38b}
.staff-response--red{color:#bf2531;background:#fff4f5;border-color:#efadb3}
.staff-response--blue{color:#1661a2;background:#eff7ff;border-color:#8cbbea}
.staff-response--green.is-selected{color:#fff;background:#16873e;border-color:#16873e}
.staff-response--red.is-selected{color:#fff;background:#c53945;border-color:#c53945}
.staff-response--blue.is-selected{color:#fff;background:#2377bb;border-color:#2377bb}
.staff-response:disabled{opacity:.48;cursor:not-allowed}
.staff-response--referee{grid-column:1/-1}
.staff-response .app-icon{width:1.3rem;height:1.3rem}
.staff-response-message{display:block;margin-top:.3rem;color:var(--muted);font-size:.66rem;line-height:1.4}
.staff-response-message:empty{display:none}
.staff-response-message.is-error{color:var(--danger)}
.staff-create-training{display:flex;justify-content:center;width:100%;margin-top:.8rem}
.staff-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.staff-stat{display:flex;align-items:center;gap:.7rem;min-width:0;padding:.85rem;border:1px solid var(--line);border-radius:1rem;background:#fff;color:var(--ink);text-align:left;box-shadow:var(--shadow)}
.staff-stat:hover:not(:disabled){border-color:var(--primary);background:var(--club-subtle-gradient)}
.staff-stat-icon{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:.8rem}
.staff-stat-icon .app-icon{width:1.5rem;height:1.5rem}
.staff-stat-icon--blue{background:var(--club-soft-gradient);color:var(--club-text)}.staff-stat-icon--green{background:#eef9f0;color:#16873e}.staff-stat-icon--amber{background:#fff6df;color:#b88008}.staff-stat-icon--red{background:#fff0f2;color:#bf2531}
.staff-stat-content{display:grid;gap:.2rem;min-width:0;flex:1}.staff-stat-content strong{font-size:.75rem;overflow-wrap:anywhere}.staff-stat-content b{font-size:1.7rem;line-height:1.2;letter-spacing:-.05em}.staff-stat-content small{font-size:.67rem;color:var(--muted)}.staff-stat-arrow{color:var(--primary-dark);font-weight:800}
.staff-tournament-date{display:flex;align-items:center;gap:.35rem;justify-self:start;padding:.25rem .45rem;border-radius:.6rem;background:#fff6db;color:#7b5c15;font-size:.73rem;font-weight:700}.staff-tournament-date .app-icon{width:1rem;height:1rem}
.staff-category-list{display:flex;gap:.25rem;flex-wrap:wrap;margin-top:.2rem}.staff-category-list span{padding:.2rem .4rem;border:1px solid var(--club-border);border-radius:.6rem;background:var(--club-subtle-gradient);color:#53647e;font-size:.65rem;overflow-wrap:anywhere}
.staff-alert-list{display:grid;gap:.6rem;margin-top:.8rem}.staff-alert{display:flex;align-items:center;gap:.7rem;padding:.75rem;border:1px solid var(--line);border-radius:.85rem}.staff-alert>div{flex:1;min-width:0}.staff-alert strong{display:block;font-size:.8rem}.staff-alert small{display:block;color:var(--muted);font-size:.72rem;margin-top:.25rem}.staff-alert-icon{color:#b88008;flex:none}
.staff-birthdays{display:grid;gap:.45rem;margin-top:.8rem}.staff-birthday-row{display:flex;align-items:center;gap:.65rem;padding:.6rem;border:1px solid var(--line);border-radius:.8rem;min-width:0}.staff-birthday-avatar{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;overflow:hidden;border-radius:50%;background:var(--club-soft-gradient);color:var(--club-text);font-size:.82rem;font-weight:800}.staff-birthday-avatar img{width:100%;height:100%;object-fit:cover}.staff-birthday-row>div{min-width:0;flex:1}.staff-birthday-row strong{display:block;font-size:.79rem;overflow-wrap:anywhere}.staff-birthday-row small{display:block;margin-top:.2rem;color:var(--muted);font-size:.68rem}.staff-birthday-countdown{flex:none;padding:.25rem .5rem;border:1px solid var(--line);border-radius:1rem;background:var(--club-subtle-gradient);color:#53647e;font-size:.66rem;font-weight:750}
.staff-detail-response{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;margin-bottom:1rem;border:1px solid var(--line);border-radius:.8rem;background:var(--club-subtle-gradient)}.staff-detail-response>.staff-response-block{width:12rem;flex:none}
.staff-pending-list{display:grid;gap:.6rem}.staff-pending-item{display:grid;gap:.3rem;padding:.8rem;border:1px solid var(--line);border-radius:.8rem;background:#fff;color:var(--ink);text-align:left}.staff-pending-item small{color:var(--muted)}.staff-pending-item>span{font-size:.8rem;color:var(--primary-dark);font-weight:700}
@media(min-width:1100px){.staff-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:480px){.staff-panel{padding:.8rem}.staff-event-card{grid-template-columns:minmax(0,1fr) 8rem;gap:.6rem;padding:.65rem}.staff-event-info>strong{font-size:.76rem}.staff-event-title{font-size:.79rem}.staff-event-info>small{font-size:.65rem}.staff-event-info .staff-event-note{font-size:.62rem}.staff-response{font-size:.67rem;padding:.35rem .25rem;min-height:2.75rem;gap:.2rem}.staff-stats{gap:.6rem}.staff-stat{padding:.65rem;gap:.45rem}.staff-stat-icon{width:2rem;height:2rem;border-radius:.6rem}.staff-stat-icon .app-icon{width:1.2rem;height:1.2rem}.staff-stat-content strong{font-size:.67rem}.staff-stat-content b{font-size:1.5rem}.staff-stat-arrow{display:none}.staff-alert{flex-wrap:wrap}.staff-alert>.button{margin-left:auto}.staff-tournament-date{font-size:.62rem}.staff-tournament-date .app-icon{display:none}.staff-detail-response{align-items:flex-start}.staff-detail-response>.staff-response-block{width:8rem}.staff-birthday-row{gap:.4rem;padding:.5rem}.staff-birthday-row small{font-size:.62rem}.staff-welcome{gap:.7rem}.staff-welcome-icon{width:3rem;height:3rem}}

.staff-response-message:empty{display:none}

/* Daily work leads on phones; club totals stay available below it. */
.role-summary--staff .panel-header{margin-bottom:.5rem}
.role-summary--staff .panel-header h3{font-size:.85rem}
.role-summary--staff .panel-header p{display:none}
.role-summary--staff .role-summary-grid{margin:0;gap:.5rem}
.role-summary--staff .role-summary-grid>button{min-height:4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .7rem;padding:.65rem .8rem;background:var(--surface-muted,#f3f4f6);border-color:transparent}
.role-summary--staff .role-summary-grid small{font-size:.78rem;align-self:center;color:var(--ink)}
.role-summary--staff .role-summary-grid strong{font-size:1.3rem;color:var(--ink)}
.role-summary--staff .role-summary-grid span{grid-column:1/-1;font-size:.72rem;color:var(--muted)}
@media(max-width:760px){
 .staff-dashboard{display:flex;flex-direction:column;gap:.8rem}
 .staff-dashboard-header{order:0}.staff-dashboard-main{order:1}.staff-dashboard>.role-summary{order:2}.staff-stats{order:3}.staff-dashboard-aside{order:4}
 .role-summary--staff .role-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .role-summary--staff .role-summary-grid>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:.35rem;min-height:5rem;padding:.6rem}
 .role-summary--staff .role-summary-grid small{align-self:auto;font-size:.72rem;line-height:1.35}
 .role-summary--staff .role-summary-grid span{display:none}
 .role-summary--staff{padding:.75rem!important}
 .staff-section-heading{align-items:flex-start;gap:.65rem}.staff-section-heading .staff-create-training{font-size:.72rem;padding:.45rem .6rem;min-height:2.75rem}
 .staff-panel{padding:.85rem}
 .parent-dashboard-stats,.member-personal-stats{gap:.5rem!important}
 .parent-dashboard-stats .stat-card,.member-personal-stats .stat-card{min-height:0;padding:.75rem}
 .parent-dashboard-stats .stat-card strong,.member-personal-stats .stat-card strong{font-size:1.2rem}
}
@media(max-width:600px){
 .parent-task-row{display:grid;grid-template-columns:2rem minmax(0,1fr);align-items:start;gap:.5rem;padding:.7rem}
 .parent-task-copy{width:100%}.parent-task-copy strong{font-size:.875rem;line-height:1.45;overflow-wrap:break-word}
 .parent-task-copy small{font-size:.75rem;line-height:1.45}
 .parent-task-actions{grid-column:1/-1;justify-content:flex-start;align-items:center;width:100%}
 .parent-task-actions .badge{flex-basis:100%;width:max-content;max-width:max-content}
 .parent-task-actions .button{flex:1}
 .family-picker{padding:.65rem;gap:.5rem;display:flex;align-items:center;flex-wrap:wrap}
 .family-picker>strong{font-size:.75rem}.family-picker>.select{flex:1;min-width:0}.family-picker>small{display:none}
 .parent-dashboard-welcome{padding:.8rem}
}

/* The daily task has one clear priority; secondary creation stays in its section. */
.staff-dashboard-next{display:flex;align-items:center;justify-content:flex-end;gap:.8rem;flex-wrap:wrap}
.staff-dashboard-next .button{display:inline-flex;align-items:center;gap:.45rem}
@media(max-width:760px){.staff-dashboard-next{gap:.35rem}.staff-dashboard-next time{display:none}.staff-dashboard-next .button{font-size:.75rem;padding:.5rem .65rem}}