@layer notification-design {
  html body .profile-notification-stack { width: min(560px, calc(100vw - 32px)) !important; gap: 16px !important; }
  html body .profile-notification-banner {
    --notice-bg: #0d2029; --notice-border: #294654; --notice-accent: #35d6bb;
    --notice-icon-bg: #102c2b; --notice-text: #f3f6f8; --notice-muted: #b7c8d4;
    --notice-close: #172b35; --notice-divider: #34515c;
    grid-template-columns: 68px minmax(0, 1fr) !important;
    gap: 18px !important; min-height: 148px !important;
    padding: 20px 54px 20px 20px !important;
    border: 1px solid var(--notice-border) !important;
    border-left: 6px solid var(--notice-accent) !important;
    border-radius: 12px !important; background: var(--notice-bg) !important;
    box-shadow: 0 12px 26px rgba(0,0,0,.2) !important;
  }
  html[data-appearance="light"] body .profile-notification-banner {
    --notice-bg:#fff; --notice-border:#dce5ed; --notice-accent:#16cba9;
    --notice-icon-bg:#dcf8f0; --notice-text:#10213b; --notice-muted:#536681;
    --notice-close:#f0f3f7; --notice-divider:#dce5ed;
  }
  html[data-appearance="black"] body .profile-notification-banner {
    --notice-bg:#101416; --notice-border:#303a40; --notice-accent:#25d1bc;
    --notice-icon-bg:#102824; --notice-text:#f4f6f8; --notice-muted:#bfc9d2;
    --notice-close:#192025; --notice-divider:#303a40;
  }
  html[data-theme="warm-oak"] body .profile-notification-banner {
    --notice-bg:#fbf7f0; --notice-border:#d7b891; --notice-accent:#07584c;
    --notice-icon-bg:#e7ece1; --notice-text:#40271b; --notice-muted:#705746;
    --notice-close:#fbf7f0; --notice-divider:#dfcfba;
  }
  html body .profile-notification-icon { background:var(--notice-icon-bg) !important; color:var(--notice-accent) !important; border-color:transparent !important; }
  html body .profile-notification-content { border-left:1px solid var(--notice-divider) !important; }
  html body .profile-notification-title { margin:0 0 7px !important; color:var(--notice-muted) !important; font-size:13px !important; font-weight:700 !important; letter-spacing:.08em !important; text-transform:uppercase !important; }
  html body .profile-notification-heading { color:var(--notice-text) !important; font-size:21px !important; font-weight:750 !important; line-height:1.2 !important; margin-bottom:7px !important; }
  html body .profile-notification-body { color:var(--notice-text) !important; font-size:18px !important; line-height:1.35 !important; }
  html body .profile-notification-close { background:var(--notice-close) !important; border:1px solid var(--notice-border) !important; color:var(--notice-text) !important; }
  html body .banymay-header .profile-nav-badge { background:#103f3b !important; border:0 !important; color:#35dfc4 !important; box-shadow:none !important; }
  html[data-appearance="light"] body .banymay-header .profile-nav-badge { background:#def7ef !important; color:#007e6f !important; }
  html[data-theme="warm-oak"] body .banymay-header .profile-nav-badge { background:#07584c !important; color:#fff !important; }
  @media (max-width:640px) {
    html body .profile-notification-stack { width:auto !important; }
    html body .profile-notification-banner { grid-template-columns:48px minmax(0,1fr) !important; gap:12px !important; padding:15px 48px 15px 12px !important; min-height:112px !important; }
    html body .profile-notification-title { font-size:11px !important; }
    html body .profile-notification-heading { font-size:16px !important; }
    html body .profile-notification-body { font-size:14px !important; }
  }
}