.rehearsalActions{margin:12px 0 16px;display:flex;gap:8px}.serviceRehearsals>.card{margin:10px 0}.serviceRehearsals .card>button{margin-top:8px}
.productionPlan.card{padding:10px 14px;margin:8px 0}.productionPlan summary{padding:0;align-items:start}.productionPlan summary b{font-size:14px;line-height:1.45}.productionPlan summary small{font-size:12px;line-height:1.5;font-weight:400}.productionOverview{display:grid;gap:1px;margin-top:4px}.productionPlanOpen{margin-top:5px!important;text-align:right}.productionPlanOpen button{padding:3px 0;min-height:25px;font-size:12px}.productionPlanRows{margin-top:14px}
.personAvatar{width:40px;height:40px;min-width:40px;min-height:40px;padding:0!important;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#eee5ed;color:var(--accent);display:inline-grid;place-items:center;border:1px solid var(--line);font-size:14px}.personAvatar img{width:100%;height:100%;object-fit:cover}.personListInfo{flex:1;min-width:0}.personFullPhoto{display:block;width:min(100%,512px);height:auto;border-radius:12px;margin:12px auto}.personProfile>.personAvatar{width:64px;height:64px}
.photoEditor{display:grid;gap:8px;margin:14px 0}.photoEditor>label{margin:0}.photoEditor small{line-height:1.5}.photoPreview img,.photoPreview canvas{width:180px;height:180px;object-fit:cover;border-radius:10px;display:block}.photoPreview canvas[hidden]{display:none}.photoEditor [type=range]{width:100%}.photoEditor [type=file]{width:100%;min-width:0}.photoEditor>button{justify-self:start}.photoEditor #photoCropControls{max-width:300px}
.attendanceTabs{margin:10px 0;gap:6px}.attendanceService{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.attendanceService b{font-size:14px}.attendanceService small{display:block;font-weight:400}.attendanceService>button{font-size:12px;min-height:32px;padding:5px 9px}
.attendancePerson{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.attendancePerson>div{flex:1;min-width:0}.attendancePerson b{font-size:14px}.attendanceStatuses{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.attendanceStatuses button{font-size:12px;padding:6px 9px;min-height:32px;background:#f3edf2;color:var(--ink);border:1px solid var(--line);border-radius:7px;font-weight:500}.attendanceStatuses button[aria-pressed=true]{background:var(--accent);color:#fff;border-color:var(--accent)}
.attendanceFilters{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.attendanceFilters label{margin:0}.attendanceOverviewRow{display:grid;grid-template-columns:1fr auto;gap:3px 10px;text-align:left;width:100%;padding:10px 0;background:transparent;color:var(--ink);border-radius:0;border:0;border-bottom:1px solid var(--line)}.attendanceOverviewRow b{font-size:14px;font-weight:600}.attendanceOverviewRow small{grid-column:1/-1;font-weight:400;font-size:12px;color:var(--muted)}
@media(max-width:600px){.attendanceFilters{grid-template-columns:repeat(2,minmax(0,1fr))}.attendanceFilters select,.attendanceFilters input{width:100%;min-width:0}.attendanceStatuses{gap:4px}.attendanceStatuses button{padding:6px 7px}.productionPlan.card{padding:10px 12px}.personListRow{gap:8px}}


.serviceDetail{overflow-anchor:none}
.serviceDetail>details>summary{position:relative;display:list-item;list-style:disclosure-closed inside;font-size:16px;line-height:24px;min-height:52px;box-sizing:border-box;padding:14px 0;color:var(--dark);font-weight:700}
.serviceDetail>details[open]>summary{list-style:disclosure-open inside}
.serviceDetail>details>summary::marker{font-size:12px}
.serviceDetail>details>summary::-webkit-details-marker{display:inline}
.serviceSectionHeading>span{font-size:inherit;line-height:inherit;font-weight:inherit}
.serviceSectionHeading>span::before{content:none}
.serviceDetail>details>summary:has(>button){padding-right:165px}
.serviceDetail>details>summary>button{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;min-height:36px;white-space:nowrap;font-size:12px;padding:8px 10px}
.serviceAttendanceHeading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:14px 0;margin-top:14px;min-height:52px}
.serviceAttendanceHeading>span{font-size:16px;line-height:24px;font-weight:700;color:var(--dark)}
.serviceAttendanceHeading>button{margin:0;min-height:36px;font-size:12px;padding:8px 10px;white-space:nowrap}
@media(max-width:600px){.serviceDetail>details>summary:has(>button){padding-right:150px}.serviceDetail>details>summary>button,.serviceAttendanceHeading>button{padding:8px}}

/* Keep the final People control above mobile navigation, including iPhone safe areas. */
@media(max-width:699px){main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}}
.serviceRehearsals>summary>span{display:inline-block;vertical-align:middle;max-width:100%}
.rehearsalPreview{display:block;font-weight:400;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.serviceRehearsals[open] .rehearsalPreview{display:none}

.serviceLeadingTeams{font-size:16px;font-weight:650;margin:12px 0 4px;color:var(--dark)}
.serviceParticipatingTeams{margin-top:4px}