.notification-sound325{padding:12px 16px;border-bottom:1px solid #d7e4e1;display:flex;flex-wrap:wrap;gap:8px;color:#1d5b55;font:14px/1.4 system-ui}.notification-sound325 button{min-height:40px;padding:8px 12px;border:1px solid #abcfc7;border-radius:7px;background:#f2faf7;color:#165e55;font:inherit;cursor:pointer}.notification-sound325 button:focus-visible{outline:2px solid #087c71;outline-offset:2px}.notification-sound325 small,.notification-sound325 [role=status]{width:100%;font-size:12px}.notification-sound325 [role=status]:empty{display:none}

.overdue-notices327{padding:12px 14px;border-top:1px solid #d8e3e2}
.overdue-notices327 h2{font-size:14px;color:#704d27;margin:0 0 10px;font-weight:650}
.overdue-notice327{display:flex;flex-direction:column;align-items:flex-start;gap:5px;box-sizing:border-box;width:100%;padding:12px;margin:0 0 8px;background:#fffaf0;border:1px solid #e1ceac;border-left:3px solid #c8943e;border-radius:9px;color:#234e4b;text-align:left;font:14px/1.4 system-ui;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.overdue-notice327:hover{background:#fff1d2;border-color:#c69b51}.overdue-notice327:focus-visible{outline:2px solid #087d72;outline-offset:2px}
.overdue-notice327 strong{font-size:14px}.overdue-notice327 small{color:#865524;font-size:12px}.overdue-open327{font-size:12px;color:#08766e}.overdue-new327{font-size:11px;font-weight:650;color:#fff;background:#98631c;border-radius:4px;padding:1px 5px}
.notifications-popover{overflow-x:hidden}.notifications-popover ion-label{white-space:normal!important;overflow-wrap:anywhere}

.overdue-notices327{box-sizing:border-box;width:100%;min-width:0}.overdue-notice327>*{max-width:100%;min-width:0}

ion-popover:has(.notifications-popover){--width:min(360px,calc(100vw - 24px));--max-width:calc(100vw - 24px)}.notifications-popover{min-width:0!important;max-width:100%;box-sizing:border-box}

ion-popover.notifications-popup327{--width:min(360px,calc(100vw - 24px));--max-width:calc(100vw - 24px)}ion-popover.notifications-popup327::part(content){left:auto!important;right:12px!important;max-width:calc(100vw - 24px)}
