.profile-notifications { margin: 0 0 24px; border: 1px solid #abc5e1; border-radius: 16px; overflow: hidden; background: #fff; }
.profile-notifications summary { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 20px; background: #e1edfb; color: #103a65; font-weight: 800; cursor: pointer; }
.profile-notifications summary::before { content: '▸'; }
.profile-notifications[open] summary::before { content: '▾'; }
#notificationCount { margin-left: auto; border-radius: 20px; background: #123f70; color: white; padding: 5px 12px; font-size: 12px; }
.notification-content { padding: 20px; }
.notification-content > p { color: #475d77; font-size: 14px; }
#notificationList { max-height: 520px; overflow-y: auto; }
.profile-notice { margin: 12px 0; padding: 18px; background: #f7f9fc; border: 1px solid #d0dbea; border-left: 4px solid #1b74c9; border-radius: 10px; }
.profile-notice.is-read { border-left-color: #b6c3d1; }
.profile-notice h3 { margin: 0 0 5px; font-size: 16px; color: #102e50; }
.profile-notice p { margin: 5px 0; color: #475d77; font-size: 13px; }
.profile-notice dl { margin: 12px 0; }
.profile-notice dt { margin-top: 10px; color: #163b60; font-size: 13px; font-weight: 800; }
.profile-notice dd { margin: 4px 0 0; font-size: 14px; overflow-wrap: anywhere; }
.profile-notice a { color: #135ca4; text-decoration: underline; }
.profile-notice button { min-height: 40px; }