/* Scoped to the admin notification controls; preserves the existing workspace. */
[data-admin-notifications] { display:inline-flex; flex:0 0 auto; }
.admin-topbar-actions { display:flex; align-items:center; gap:9px; }
.an-bell { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:10px 13px; border:1px solid #cbe3e6; border-radius:999px; background:#fff; color:#205e67; font:inherit; font-size:14px; font-weight:750; cursor:pointer; }
.an-bell[hidden], .an-email-card [hidden], .an-dialog [hidden] { display:none!important; }
.an-bell-icon { font-size:17px; }
.an-count { display:inline-grid; place-items:center; min-width:22px; min-height:22px; padding:1px 5px; background:#e9f6f8; border-radius:999px; font-size:12px; }
.an-bell[data-state="unread"] .an-count { background:#0e6f79; color:white; }
.an-bell[data-state="error"] .an-count { background:#fff0d7; color:#754d00; }
.an-bell:focus-visible,.an-button:focus-visible,.an-list a:focus-visible { outline:3px solid #1466d5; outline-offset:3px; }
.an-dialog { width:min(560px,calc(100vw - 24px)); max-height:85dvh; box-sizing:border-box; border:1px solid #d8e9ec; border-radius:22px; padding:22px; color:#233f45; background:#fff; box-shadow:0 18px 70px #163b4550; font-family:inherit; }
.an-dialog::backdrop { background:#19323d70; }
.an-heading { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; }
.an-heading h2 { margin:0; font-size:22px; line-height:1.25; }
.an-button { display:inline-flex; justify-content:center; align-items:center; min-height:44px; padding:10px 16px; border:1px solid #087b87; border-radius:12px; background:#087b87; color:#fff; font:inherit; font-size:14px; font-weight:750; line-height:1.3; text-decoration:none; text-align:center; cursor:pointer; }
.an-secondary { background:#fff; border-color:#c6e1e6; color:#205e67; }
.an-button:disabled { opacity:.6; cursor:default; }
.an-muted { color:#526c73; line-height:1.5; }
.an-warning { padding:12px 14px; border:1px solid #eed392; border-radius:12px; color:#71500c; background:#fff9e9; line-height:1.5; }
.an-list,.an-email-history { list-style:none; padding:0; margin:16px 0; }
.an-notification { border:1px solid #d6e9ec; border-radius:14px; margin-top:9px; background:#edf9fa; }
.an-notification.is-read { background:#fff; }
.an-notification a { display:flex; flex-direction:column; gap:5px; padding:14px; border-radius:14px; color:#205e67; text-decoration:none; overflow-wrap:anywhere; }
.an-notification a:hover { background:#e4f4f6; }
.an-notification span { font-size:13px; color:#577078; }
.an-footnote { font-size:13px; line-height:1.5; color:#59727a; }
.an-email-card { margin:0 0 20px; padding:22px; border:1px solid #dcecee; border-radius:20px; background:#fff; box-shadow:0 4px 20px #19475208; color:#233f45; }
.an-email-card h3 { margin:22px 0 12px; font-size:16px; }
.an-recipient { font-weight:750; overflow-wrap:anywhere; }
.an-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:14px; }
.an-email-attempt { display:flex; flex-direction:column; gap:5px; padding:13px 0; border-bottom:1px solid #e4eff1; overflow-wrap:anywhere; line-height:1.5; }
.an-email-attempt strong { font-size:14px; }
.an-email-attempt span,.an-email-attempt small { color:#5b7179; font-size:13px; }
.an-link-field { display:block; margin-top:14px; font-size:14px; font-weight:700; }
.an-link-field input { display:block; width:100%; box-sizing:border-box; margin-top:6px; padding:12px; border:1px solid #bddde3; border-radius:10px; background:#fff; font:inherit; }
.event-topbar [data-admin-notifications],.content-header [data-admin-notifications] { margin-left:auto; }
@media(max-width:640px) {
  .admin-topbar { flex-wrap:wrap; gap:14px; }
  .admin-topbar-actions { margin-left:auto; }
  .an-bell-text { display:none; }
  .an-bell { padding:9px 10px; gap:5px; }
  .an-dialog { padding:17px; border-radius:18px; }
  .an-email-card { padding:18px; }
  .an-heading { align-items:flex-start; }
  .an-heading h2 { font-size:20px; }
  .an-actions .an-button { flex:1 1 190px; }
  .event-topbar,.fees-header,.content-header,.privacy-header { flex-wrap:wrap; gap:12px; }
}