.headerActions{display:flex;align-items:center;gap:7px;flex:none}.headerActions[hidden],.notificationsSettings [hidden]{display:none!important}
#notificationsButton{width:40px;min-width:40px;padding:8px}#notificationsButton svg{width:20px;height:20px}
.notificationsSettings{max-width:650px}.notificationsSettings h2{margin:0 0 8px}.notificationsSettings p{margin:8px 0;line-height:1.5;font-size:14px}.notificationsSettings .actions{margin-top:14px}.notificationsSettings .notice{margin:12px 0}.notificationsSettings #pushFeedback{color:var(--accent)}
#notificationsButton{position:relative;overflow:visible}.notificationCount{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;border-radius:10px;background:var(--accent);border:2px solid var(--bg);color:#fff;font-size:10px;line-height:15px;font-weight:600;padding:0 3px}.notificationCount[hidden]{display:none}
.notificationInbox{max-width:650px}.notificationInbox h2{margin:0 0 10px}.inboxNotice{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;color:var(--ink);background:transparent;border:0;border-radius:0;border-bottom:1px solid var(--line);padding:13px 0}.inboxNotice>span:first-child{display:grid;gap:4px;min-width:0}.inboxNotice b{font-weight:550;font-size:14px}.inboxNotice span span{font-size:13px;line-height:1.4}.inboxNotice small{font-size:11px;color:var(--muted)}.inboxNotice.unread b{color:var(--accent);font-weight:650}.noticeArrow{font-size:22px;color:var(--muted)}.pushTroubleshooting{margin:15px 0 0;border-top:1px solid var(--line);padding-top:10px}.pushTroubleshooting summary{font-size:13px;font-weight:500}
.reminderRow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.reminderRow>div:first-child{display:grid;gap:4px;min-width:0}.reminderRow b{font-weight:600;font-size:14px}.reminderRow small,.reminderRow span{font-size:12px}.reminderRow .actions{gap:5px;flex-wrap:nowrap}.reminderRow button{padding:7px 9px;font-size:12px}.attendanceCheckinTools{padding-bottom:10px;border-bottom:1px solid var(--line)}.attendanceCheckinTools button{font-size:12px;min-height:34px}.checkinResponse{display:block;color:var(--accent);font-size:11px;margin-top:4px}.rehearsalCheckin{margin-top:8px}
@media(max-width:600px){.notificationInbox,.notificationsSettings{padding:14px}.serviceReminders button{font-size:11px;min-height:33px;padding:7px 9px}.reminderRow{align-items:flex-start}.reminderRow .actions{flex-direction:column}}