.staff-notification-button_button__TGy_7{position:fixed;right:20px;bottom:92px;z-index:850;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.84);border-radius:8px;color:#1f2c40;background:rgba(244,248,254,.76);box-shadow:0 14px 34px rgba(47,64,89,.2);backdrop-filter:blur(22px) saturate(1.35);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;transition:left .18s ease-out,top .18s ease-out,box-shadow .16s ease-out,transform .16s ease-out;will-change:left,top}.staff-notification-button_button__TGy_7:hover{box-shadow:0 16px 38px rgba(47,64,89,.26)}.staff-notification-button_button__TGy_7:focus-visible{outline:3px solid rgba(62,126,219,.65);outline-offset:3px}.staff-notification-button_dragging__Sl9_e{cursor:grabbing;transform:scale(1.04);transition:none}.staff-notification-button_badge__WlCxZ{position:absolute;top:-7px;right:-7px;min-width:22px;height:22px;display:grid;place-items:center;padding:0 5px;border:2px solid #edf3fa;border-radius:999px;color:#fff;background:#9b3143;font-size:11px;font-weight:850;font-variant-numeric:tabular-nums}@media (max-width:560px){.staff-notification-button_button__TGy_7{right:14px;bottom:76px}}@media (max-width:820px){.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog){position:relative;height:100dvh;max-height:100dvh;grid-template-columns:minmax(0,1fr);grid-template-rows:clamp(300px,45dvh,400px) minmax(0,1fr);overflow:hidden}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog)>.studentCheckInsApprovalPhoto,.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog)>.studentCheckInsApprovalPhoto>.studentCheckInsPhotoCapture,.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog)>.studentCheckInsApprovalPhoto>.studentCheckInsPhotoPreview,.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog)>.studentCheckInsApprovalPhoto>img{height:100%;min-height:0;max-height:none}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog)>.studentCheckInsApprovalInfo{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:14px 16px calc(10px + env(safe-area-inset-bottom))}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInEyebrow{margin-bottom:6px}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo h2{margin:0;font-size:clamp(24px,7vw,30px);line-height:1.08}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo dl{margin-top:12px}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo dl>div{grid-template-columns:74px minmax(0,1fr);gap:10px;padding:7px 0}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalMobileHidden{display:none}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo dd,.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo dt{font-size:14px;line-height:1.35}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalInfo dd{min-width:0;overflow-wrap:anywhere}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalHint{margin-top:10px;font-size:14px;line-height:1.4;text-align:center}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalActions{position:sticky;z-index:2;right:auto;bottom:0;left:auto;margin:10px -4px 0;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(20,24,31,.94);box-shadow:0 12px 32px rgba(0,0,0,.4);backdrop-filter:blur(12px)}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalActions button{min-height:50px}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalActions .studentCheckInsRejectButton{box-shadow:0 0 12px rgba(255,92,104,.72),0 0 28px rgba(255,72,88,.38)}.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog) .studentCheckInsApprovalActions .studentCheckInsApproveButton{box-shadow:0 0 12px rgba(74,220,137,.72),0 0 28px rgba(46,190,110,.38)}}@media (max-width:820px) and (max-height:700px){.studentCheckInsApprovalDialog:not(.studentDropInApprovalDialog){grid-template-rows:clamp(240px,39dvh,280px) minmax(0,1fr)}}