/* Existing notification dialog only; actions and content are unchanged. */
#notificationPanel{box-sizing:border-box;display:flex;flex-direction:column;width:min(640px,calc(100vw - 24px));max-height:min(740px,84vh);left:50%;right:auto;top:8vh;bottom:auto;transform:translateX(-50%);border:1px solid rgba(23,53,47,.08);border-radius:24px;background:#FFFFFF;color:#17352f;font-family:'DM Sans',sans-serif;box-shadow:0 24px 70px rgba(23,53,47,.18)}
#notificationPanel.hidden{display:none}
#notificationPanel .notification-head{flex:none;min-height:88px;padding:18px 24px;gap:16px;border-bottom:1px solid #e8efea;box-sizing:border-box}
#notificationPanel .notification-head b{font:600 22px 'DM Sans',sans-serif;letter-spacing:-.035em;line-height:1.4}
#notificationPanel .notification-head small{font:400 12px 'DM Sans',sans-serif;line-height:1.5;color:#71817b;margin-top:5px}
#closeNotificationPanel{flex:none;width:36px;height:36px;border-radius:50%;background:#f0f6f3;color:#52675f;font:400 24px 'DM Sans',sans-serif}
#closeNotificationPanel:hover{background:#e4efe8;color:#214a40}
#notificationList{min-height:0;max-height:calc(min(740px,84vh) - 88px);overflow-y:auto;overscroll-behavior:contain;padding:10px;scrollbar-width:thin;scrollbar-color:#b9cfc2 transparent}
#notificationList>button{box-sizing:border-box;grid-template-columns:10px minmax(0,1fr) 18px;gap:16px;min-height:76px;padding:15px 18px;border-radius:14px;background:#FFFFFF;border:1px solid transparent;color:#17352f}
#notificationList>button+button{margin-top:4px}
#notificationList>button:hover{background:#f3f8f5;border-color:#e2ebe5}
#notificationList>button i{width:8px;height:8px;background:#3d725c;box-shadow:0 0 0 5px #edf4ef}
#notificationList>button i.critical{background:#cc5247;box-shadow:0 0 0 5px #fbefed}
#notificationList>button i.alert{background:#b58c38;box-shadow:0 0 0 5px #fbf5e8}
#notificationList>button>span{min-width:0;overflow-wrap:anywhere}
#notificationList b{font:600 13px 'DM Sans',sans-serif;line-height:1.5}
#notificationList small{font:400 12px 'DM Sans',sans-serif;line-height:1.6;color:#71817b;margin-top:5px}
#notificationList em{font:400 22px 'DM Sans',sans-serif;color:#80968b;text-align:center}
#notificationPanel button:focus-visible{outline:2px solid #214a40;outline-offset:-2px}
#notificationList .notification-empty{min-height:220px;padding:28px 20px;background:#fff}
#notificationList .notification-empty b{font-size:16px}
@media(max-width:600px){#notificationPanel{top:5vh;max-height:90vh;border-radius:20px}#notificationPanel .notification-head{padding:16px 18px;min-height:82px}#notificationPanel .notification-head b{font-size:20px}#notificationList{padding:8px;max-height:calc(90vh - 82px)}#notificationList>button{padding:14px 12px;gap:12px}}