/* Shared feedback surfaces. Notiflix still owns message creation and callbacks. */
html[data-site-theme] body {
    --sg-notice-success: #8bc94a;
    --sg-notice-success-soft: #21331a;
    --sg-notice-danger: #ff8c86;
    --sg-notice-danger-soft: #38211d;
    --sg-notice-warning: #f3c769;
    --sg-notice-warning-soft: #342c1b;
    --sg-notice-info: #99c9ed;
    --sg-notice-info-soft: #1c2e39;
}
html[data-site-theme="lime_pearl"] body {
    --sg-notice-success: #397517;
    --sg-notice-success-soft: #edf7e5;
    --sg-notice-danger: #b93835;
    --sg-notice-danger-soft: #fff0ef;
    --sg-notice-warning: #926209;
    --sg-notice-warning-soft: #fff6df;
    --sg-notice-info: #246c9b;
    --sg-notice-info-soft: #ebf5fc;
}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] {
    z-index: 10950 !important;
    top: max(20px, env(safe-area-inset-top)) !important;
    right: max(20px, env(safe-area-inset-right)) !important;
    left: auto !important;
    bottom: auto !important;
    width: min(390px, calc(100vw - 40px)) !important;
    max-height: calc(100dvh - 40px);
    overflow-y: auto;
    scrollbar-width: none;
    padding: 0 !important;
    transform: none !important;
    pointer-events: none;
}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast {
    --notice-color: var(--sg-notice-info);
    --notice-soft: var(--sg-notice-info-soft);
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    width: 100% !important;
    min-height: 86px;
    margin: 0 0 12px !important;
    padding: 18px 48px 18px 70px !important;
    overflow: hidden;
    border: 1px solid var(--ui-line, #30431e) !important;
    border-radius: 18px !important;
    background: var(--ui-panel, #111907) !important;
    background-image: none !important;
    color: var(--ui-text, #f0f5e7) !important;
    box-shadow: 0 12px 38px var(--ui-shadow, rgba(0,0,0,.25)), 0 2px 6px rgba(0,0,0,.05) !important;
    font-family: inherit !important;
    line-height: 1.5 !important;
    cursor: default !important;
    pointer-events: auto;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast[data-toast-type="success"] {--notice-color:var(--sg-notice-success);--notice-soft:var(--sg-notice-success-soft)}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast[data-toast-type="failure"] {--notice-color:var(--sg-notice-danger);--notice-soft:var(--sg-notice-danger-soft)}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast[data-toast-type="warning"] {--notice-color:var(--sg-notice-warning);--notice-soft:var(--sg-notice-warning-soft)}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast .nx-message {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    overflow-wrap: anywhere;
    word-break: normal !important;
    color: var(--ui-muted, #a0b08f) !important;
}
html[data-site-theme] body .sg-toast-title {display:block;color:var(--ui-text,#f0f5e7)!important;font-size:14px;font-weight:800;letter-spacing:-.015em;line-height:1.45}
html[data-site-theme] body .sg-toast-text {display:block;color:var(--ui-muted,#a0b08f)!important;font-size:13px;line-height:1.6}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-message-icon {
    box-sizing: border-box;
    position: absolute !important;
    top: 18px !important;
    left: 17px !important;
    right: auto !important;
    bottom: auto !important;
    width: 38px !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 9px !important;
    border-radius: 12px !important;
    background: var(--notice-soft) !important;
    color: var(--notice-color) !important;
    fill: var(--notice-color) !important;
}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-message-icon :is(g,path) {fill:var(--notice-color)!important}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-close-button {
    display: grid !important;
    place-items: center !important;
    top: 10px !important;
    right: 8px !important;
    bottom: auto !important;
    left: auto !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    border-radius: 10px;
    color: var(--ui-muted, #a0b08f) !important;
    transition: background .15s ease, color .15s ease !important;
    transform: none !important;
}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-close-button:is(:hover,:focus-visible) {background:var(--ui-hover,#202e11)!important;color:var(--ui-text,#f0f5e7)!important;transform:none!important}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-close-button:focus-visible {outline:2px solid var(--ui-accent,#bffa00);outline-offset:1px}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-close-button svg {position:static!important;width:11px!important;height:11px!important;fill:currentColor!important}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .nx-close-button svg :is(g,path) {fill:currentColor!important}
html[data-site-theme] body [id^="NotiflixNotifyWrap"] > .sg-toast > .sg-toast-custom-close {border:0;background:transparent;font-size:22px;line-height:1}
html[data-site-theme] body .sg-toast-progress {position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--notice-color);transform:scaleX(1);transform-origin:left center;opacity:.7;pointer-events:none}

/* Account notification center: compact desktop popover, comfortable mobile sheet. */
.tp-user-notifications {position:relative;flex:0 0 auto}
.tp-user-notifications [v-cloak],[v-cloak].tp-user-notifications {display:none!important}
html[data-site-theme] body .tp-notification-trigger {position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--ui-line);border-radius:14px;color:var(--ui-text);background:var(--ui-panel);box-shadow:none;transition:background .18s,border-color .18s,color .18s}
html[data-site-theme] body .tp-notification-trigger:is(:hover,[aria-expanded="true"]) {color:var(--ui-accent);border-color:var(--ui-accent);background:var(--ui-hover);box-shadow:none}
.tp-notification-trigger>i {font-size:18px}
html[data-site-theme] body .tp-notification-count {position:absolute;top:-5px;right:-4px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--ui-panel);border-radius:99px;color:var(--ui-primary-text);background:var(--ui-primary);font-size:10px;font-weight:800;line-height:1}
html[data-site-theme] body .tp-notification-panel {position:absolute;z-index:10050;top:calc(100% + 14px);right:0;width:min(400px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--ui-line);border-radius:20px;background:var(--ui-panel);color:var(--ui-text);box-shadow:0 24px 64px var(--ui-shadow),0 4px 12px rgba(0,0,0,.05);backdrop-filter:none}
.tp-notification-head {display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 20px 17px;border-bottom:1px solid var(--ui-line)}
.tp-notification-head>div:first-child {display:flex;flex-direction:column;gap:3px;min-width:0}
html[data-site-theme] body .tp-notification-head h2 {margin:0;color:var(--ui-text);font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.025em}
html[data-site-theme] body .tp-notification-head small {color:var(--ui-muted);font-size:12px;line-height:1.5}
.tp-notification-head-actions {display:flex;align-items:center;gap:8px}
html[data-site-theme] body .tp-notification-mark {min-height:36px;padding:5px 7px;border:0;border-radius:9px;color:var(--ui-accent);background:transparent;font-size:11px;font-weight:800;white-space:nowrap}
html[data-site-theme] body .tp-notification-mark:hover {background:var(--ui-hover)}
html[data-site-theme] body .tp-notification-close {display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;padding:0;border:1px solid var(--ui-line);border-radius:10px;color:var(--ui-muted);background:var(--ui-raised);font-size:13px}
.tp-notification-list {max-height:min(410px,60vh);margin:0;padding:6px;overflow-y:auto;overscroll-behavior:contain;list-style:none;scrollbar-width:thin}
html[data-site-theme] body .tp-notification-list>li {margin:0;padding:0;list-style:none}
html[data-site-theme] body .tp-notification-list a {display:grid;grid-template-columns:40px minmax(0,1fr) 7px;align-items:start;gap:12px;padding:14px 12px;border:0;border-radius:13px;color:var(--ui-text);text-decoration:none;transition:background .15s}
html[data-site-theme] body .tp-notification-list a:hover {background:var(--ui-hover)}
html[data-site-theme] body .tp-notification-item-icon {display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ui-line);border-radius:12px;color:var(--ui-accent);background:var(--ui-raised);font-size:16px}
.tp-notification-copy {display:flex;min-width:0;flex-direction:column;gap:5px}
html[data-site-theme] body .tp-notification-copy strong {overflow:hidden;color:var(--ui-text);font-size:12px;font-weight:650;line-height:1.65;text-overflow:ellipsis;overflow-wrap:anywhere}
html[data-site-theme] body .tp-notification-copy small {color:var(--ui-muted);font-size:11px;line-height:1.5}
html[data-site-theme] body .tp-notification-dot {width:7px;height:7px;margin-top:8px;border-radius:50%;background:var(--ui-accent);box-shadow:none}
.tp-notification-empty {display:flex;flex-direction:column;align-items:center;padding:38px 24px 40px;text-align:center}
html[data-site-theme] body .tp-notification-empty>span {display:grid;place-items:center;width:64px;height:64px;margin-bottom:17px;border:1px solid var(--ui-line);border-radius:22px;color:var(--ui-accent);background:var(--ui-raised);font-size:23px;box-shadow:0 0 0 7px var(--ui-page)}
html[data-site-theme] body .tp-notification-empty strong {color:var(--ui-text);font-size:15px;font-weight:800;line-height:1.5}
html[data-site-theme] body .tp-notification-empty small {max-width:250px;margin-top:7px;color:var(--ui-muted);font-size:12px;line-height:1.7}
html[data-site-theme] body .tp-notification-error {padding:12px 20px;margin:0;color:var(--sg-notice-danger);background:var(--sg-notice-danger-soft);font-size:12px;line-height:1.6}
.tp-notification-loading {display:flex;flex-direction:column;gap:11px;padding:20px}
html[data-site-theme] body .tp-notification-loading>span {height:42px;border-radius:12px;background:var(--ui-raised)}
html[data-site-theme] body .tp-notification-footer {margin:0;padding:11px 20px;border-top:1px solid var(--ui-line);color:var(--ui-muted);background:var(--ui-raised);font-size:10px;text-align:center;line-height:1.5}
.tp-user-notifications-mobile {margin-right:3px}
.tp-user-notifications-desktop {margin-left:2px}
.tp-mobile-actions {gap:8px}
.custom-nav {align-items:center}
.tp-account-notification-item {position:relative}
.tp-user-notifications-menu {width:100%;height:100%;margin:0}
html[data-site-theme] body .tp-user-notifications-menu .tp-notification-trigger {display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;height:100%;min-height:48px;padding:10px 13px;border:0;border-radius:10px;color:inherit;background:transparent;box-shadow:none}
html[data-site-theme] body .tp-user-notifications-menu .tp-notification-trigger>i {display:grid;place-items:center;width:34px;height:34px;border-radius:9px;color:var(--ui-accent);background:var(--ui-raised);font-size:15px}
.tp-notification-menu-label {font-size:12px;font-weight:600}
html[data-site-theme] body .tp-user-notifications-menu .tp-notification-count {top:8px;right:8px;border-color:var(--ui-panel)}
html[data-site-theme] body .tp-user-notifications-menu .tp-notification-panel,.tp-user-notifications-mobile .tp-notification-panel {position:fixed;top:76px;right:12px;left:12px;width:auto}
html[data-site-theme] body .tp-user-notifications :is(button,a):focus-visible {outline:2px solid var(--ui-accent);outline-offset:2px}
html[data-site-theme] body .tp-user-notifications button:disabled {opacity:.55;cursor:wait}
/* Win older page-specific !important light overrides without recoloring icons
   or unrelated account-menu links. */
html[data-site-theme] body .tp-user-notifications .tp-notification-panel {background:var(--ui-panel)!important;background-image:none!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important;box-shadow:0 24px 64px var(--ui-shadow),0 4px 12px rgba(0,0,0,.05)!important}
html[data-site-theme] body .tp-user-notifications :is(.tp-notification-head,.tp-notification-footer) {border-color:var(--ui-line)!important}
html[data-site-theme] body .tp-user-notifications :is(.tp-notification-copy strong,.tp-notification-empty strong,.tp-notification-head h2) {color:var(--ui-text)!important}
html[data-site-theme] body .tp-user-notifications :is(.tp-notification-copy small,.tp-notification-empty small,.tp-notification-head small) {color:var(--ui-muted)!important}
html[data-site-theme] body .tp-user-notifications :is(.tp-notification-item-icon,.tp-notification-empty>span) {background:var(--ui-raised)!important;color:var(--ui-accent)!important;border-color:var(--ui-line)!important}
html[data-site-theme] body .tp-user-notifications:not(.tp-user-notifications-menu)>.tp-notification-trigger {background:var(--ui-panel)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
html[data-site-theme] body .tp-user-notifications:not(.tp-user-notifications-menu)>.tp-notification-trigger:is(:hover,[aria-expanded="true"]) {background:var(--ui-hover)!important;color:var(--ui-accent)!important;border-color:var(--ui-accent)!important}
html[data-site-theme] body .tp-user-notifications .tp-notification-panel button.tp-notification-mark {display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 auto;width:auto!important;min-height:36px;padding:6px 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--ui-accent)!important;font-size:12px!important;font-weight:800;line-height:1.4!important}
html[data-site-theme] body .tp-user-notifications .tp-notification-panel button.tp-notification-mark:hover {background:var(--ui-hover)!important}
html[data-site-theme] body .tp-user-notifications .tp-notification-panel .tp-notification-error {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:12px 20px!important;margin:0!important;color:var(--sg-notice-danger)!important;background:var(--sg-notice-danger-soft)!important;font-size:12px!important;line-height:1.6!important}
html[data-site-theme] body .tp-user-notifications .tp-notification-panel .tp-notification-error button.tp-notification-mark {color:var(--sg-notice-danger)!important;border:1px solid currentColor!important;background:transparent!important}
@media(max-width:991px) {
    /* A translated profile dropdown otherwise becomes the containing block for
       its fixed notification sheet. Only release that transform while open. */
    html[data-site-theme] body .tp-account-menu:has(.tp-notification-trigger[aria-expanded="true"]) {transform:none!important}
}
@media(max-width:575px) {
    html[data-site-theme] body [id^="NotiflixNotifyWrap"] {top:max(12px,env(safe-area-inset-top))!important;right:max(12px,env(safe-area-inset-right))!important;left:max(12px,env(safe-area-inset-left))!important;width:auto!important;max-height:calc(100dvh - 24px);overflow-y:auto;scrollbar-width:none}
    html[data-site-theme] body [id^="NotiflixNotifyWrap"]>.sg-toast {min-height:82px;margin-bottom:9px!important;padding:15px 48px 15px 62px!important;border-radius:16px!important}
    html[data-site-theme] body [id^="NotiflixNotifyWrap"]>.sg-toast>.nx-message-icon {top:16px!important;left:14px!important;width:34px!important;height:34px!important;padding:8px!important;border-radius:10px!important}
    html[data-site-theme] body [id^="NotiflixNotifyWrap"]>.sg-toast>.nx-close-button {width:44px!important;height:44px!important;top:4px!important;right:3px!important}
    .tp-notification-list {max-height:calc(100dvh - 255px)}
    html[data-site-theme] body .tp-user-notifications .tp-notification-panel {position:fixed;top:max(76px,calc(env(safe-area-inset-top) + 12px));right:max(12px,env(safe-area-inset-right));left:max(12px,env(safe-area-inset-left));width:auto;max-height:calc(100dvh - max(76px,env(safe-area-inset-top)) - 12px)}
    .tp-notification-head {padding:17px 16px 14px;gap:8px}
    .tp-notification-empty {padding:35px 22px}
    html[data-site-theme] body .tp-notification-close {width:44px;height:44px}
    html[data-site-theme] body .tp-notification-mark {min-height:44px}
    html[data-site-theme] body .tp-user-notifications .tp-notification-panel button.tp-notification-mark {min-height:44px}
}
@media(prefers-reduced-motion:reduce) {
    html[data-site-theme] body [id^="NotiflixNotifyWrap"]>.sg-toast {animation:none!important;transition:none!important}
    html[data-site-theme] body .sg-toast-progress {transition:none!important}
    html[data-site-theme] body .tp-user-notifications * {transition:none!important}
}

/* Unread activity: count and glow stay until the server confirms it was seen. */
html[data-site-theme] body .tp-user-notifications:not(.tp-user-notifications-menu)>.tp-notification-trigger.has-unread {color:var(--ui-accent)!important;border-color:var(--ui-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--ui-accent) 12%,transparent),0 0 18px color-mix(in srgb,var(--ui-accent) 24%,transparent)!important;animation:sg-bell-glow 2.4s ease-in-out infinite}
@keyframes sg-bell-glow {50%{filter:brightness(1.15)}}
html[data-site-theme] body .tp-notification-detail {color:var(--ui-muted)!important;font-size:11px;line-height:1.65;overflow-wrap:anywhere;white-space:pre-line}
html[data-site-theme] body .tp-notification-list>li.is-unread>a {background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-panel))}
@media(prefers-reduced-motion:reduce) {html[data-site-theme] body .tp-user-notifications .tp-notification-trigger.has-unread {animation:none!important;filter:none!important}}