.notification-anchor{position:relative;flex-shrink:0}
.notification-bell{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #68477d;border-radius:12px;color:#eadcf8;background:#2b2036;cursor:pointer}
.notification-bell:hover,.notification-bell[aria-expanded=true]{background:#48315b;border-color:#bc8ddd}
.notification-bell svg{width:23px;height:23px}
.notification-badge{position:absolute;right:-6px;top:-7px;min-width:20px;border:2px solid #14111b;border-radius:20px;background:#c5a0eb;color:#21112e;font-size:11px;font-weight:800;padding:1px 4px}
.notification-badge[hidden],[hidden].notification-popover,[data-notification-more][hidden]{display:none}
.notification-popover{position:absolute;right:0;top:56px;width:min(410px,calc(100vw - 32px));max-height:70vh;overflow-y:auto;border:1px solid #604578;border-radius:18px;background:#1c1525;box-shadow:0 20px 60px #0009;z-index:120;padding:18px}
.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.notification-heading h2{margin:0;font-size:1.25rem}
.notification-heading p{margin:0}
.notification-heading .link-button{font-size:.8rem;flex-shrink:0}
.notification-item{display:flex;align-items:flex-start;gap:12px;padding:18px 8px;border-bottom:1px solid #44314f;text-decoration:none;color:#e9e1f2;border-radius:8px;min-width:0}
.notification-item:hover{background:#362442}
.notification-item.is-unread{background:#b97fdf0c}
.notification-dot{flex-shrink:0;width:7px;height:7px;margin-top:7px;border-radius:50%;background:#5d4b68}
.is-unread .notification-dot{background:#cca2f2;box-shadow:0 0 10px #b77ce755}
.notification-copy{display:grid;gap:7px;flex:1;min-width:0;overflow-wrap:anywhere}
.notification-meta{font-size:.63rem;letter-spacing:.7px;color:#c8acd9;line-height:1.5}
.notification-copy strong{font-size:.95rem;line-height:1.5}
.notification-body{font-size:.82rem;color:#beb1c8;line-height:1.6;white-space:pre-line}
.notification-cta{font-size:.75rem;color:#dfb8ff;margin-top:3px}
.notification-footer{display:block;padding-top:18px;color:#dfb8ff;font-size:.8rem;line-height:1.7}
.notification-empty{padding:24px 8px;line-height:1.7}
.notification-empty p{font-size:.85rem;margin:8px 0 14px}
.notification-empty a{color:#d6b1f3;font-size:.82rem}
.notification-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:24px;align-items:start}
.notification-layout .panel>p,.notification-admin>p{font-size:.88rem;line-height:1.7;margin:12px 0 22px}
.notification-filters{margin-bottom:14px}
.notification-profile{margin:24px 0}
.notification-profile>.text-link{display:inline-block;margin-top:18px}
.notification-check{display:flex!important;grid-template-columns:none!important;align-items:start;gap:12px!important;line-height:1.5}
.notification-check input{width:18px!important;height:18px!important;accent-color:#c49ae8;flex-shrink:0;margin-top:2px}
#eposta-tercihleri .text-link{display:inline-block;margin-top:22px;font-size:.83rem}
.notification-admin{margin-bottom:24px}
.notification-admin [data-notification-delivery]{margin-top:22px}
.notification-item:focus-visible,.notification-bell:focus-visible{outline:2px solid #dbb0fb;outline-offset:3px}
@media(max-width:1100px){.notification-anchor{position:static}.notification-popover{right:16px;top:auto;margin-top:12px}.site-header .header-actions{margin-left:auto}}
@media(max-width:780px){.notification-layout{grid-template-columns:1fr}.notification-heading{flex-wrap:wrap}}
@media(max-width:480px){.site-header .header-actions .auth-nav-name{display:none}.notification-popover{max-height:65vh}.notification-item{padding:15px 4px}}