/* Header notification centre. Overlays live outside the scrollable app canvas. */
.gna-header-actions .gna-notification-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;min-width:40px;height:44px;padding:8px;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}
.gna-header-actions .gna-notification-bell .gna-icon{width:23px;height:23px}
.gna-header-actions .gna-notification-bell:hover,.gna-header-actions .gna-notification-bell[aria-expanded=true]{background:#ffffff16;color:#ff9a54}
.gna-header-actions .gna-notification-bell .gna-notification-count{position:absolute;top:0;right:-1px;display:grid;place-items:center;min-width:17px;height:17px;border-radius:20px;padding:0 4px;background:linear-gradient(120deg,#e51a3e,#f76a20);color:white;font:700 10px/1 system-ui;border:2px solid #17191f;box-sizing:content-box}
.gna-notification-bell[hidden],.gna-notification-count[hidden],.gna-notifications [hidden]{display:none!important}
.gna-notifications{--nn-bg:#fff;--nn-text:#1b1e26;--nn-muted:#606979;--nn-line:#e4e6eb;--nn-soft:#f6f7fa;--nn-gold:#936117;--nn-gold-bg:#fff8e9;--nn-orange:#bd3723;color:var(--nn-text);font-family:inherit;font-size:14px;line-height:1.5}
.gna-notifications *{box-sizing:border-box}
.gna-notifications :is(button,a){font:inherit;cursor:pointer}
.gna-notifications a{color:inherit;text-decoration:none}
.gna-notifications :is(button,a):focus-visible,.gna-notification-bell:focus-visible{outline:3px solid #ff8b35;outline-offset:2px}
.gna-notification-panel,.gna-notification-toast{position:fixed;z-index:100050;top:var(--nn-top,100px);left:var(--nn-left,auto);right:auto;width:var(--nn-width,380px);max-width:calc(100vw - 24px);margin:0;border:1px solid var(--nn-line);border-radius:16px;background:var(--nn-bg);color:var(--nn-text);box-shadow:0 18px 60px #080b182e;animation:gna-notification-in .18s ease-out;overflow:hidden}
.gna-notification-panel{display:flex;flex-direction:column;max-height:var(--nn-height,70dvh)}
.gna-notification-panel>header{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--nn-line);flex:none}
.gna-notification-panel small{font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--nn-muted)}
.gna-notification-panel h2{font-size:21px;line-height:1.3;margin:3px 0 0;color:inherit;letter-spacing:-.02em}
.gna-notifications [data-notification-close],.gna-notifications [data-toast-close]{border:0;background:var(--nn-soft);color:var(--nn-muted);border-radius:9px;width:36px;height:36px;min-width:36px;padding:0;font-size:24px;line-height:1;box-shadow:none}
.gna-notification-tools{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 18px;font-size:11px;flex:none}
.gna-notification-tools button{font-size:11px;font-weight:650;border:0;background:transparent;color:var(--nn-orange);padding:4px;box-shadow:none}
.gna-notification-tools button:disabled{opacity:.45;cursor:default}
.gna-notification-wallet{margin:14px 14px 0;padding:13px;border:1px solid #bf903c40;border-radius:12px;background:var(--nn-gold-bg);flex:none}
.gna-notification-wallet strong{display:block;font-size:20px;color:var(--nn-gold)}
.gna-notification-wallet p{font-size:12px;margin:3px 0 9px;color:var(--nn-text)}
.gna-notification-wallet a{display:block;font-size:12px;font-weight:700;color:var(--nn-gold);padding:4px 0}
.gna-notification-list{overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin}
.gna-notification-row{display:grid;grid-template-columns:34px minmax(0,1fr) 9px;gap:11px;padding:16px 18px;border-top:1px solid var(--nn-line);background:var(--nn-bg);text-align:left;position:relative}
.gna-notification-row:not(.is-read){background:var(--nn-soft)}
.gna-notification-row:hover{filter:brightness(.97)}
.gna-notification-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--nn-gold-bg);color:var(--nn-gold);font-size:19px;font-weight:700}
.gna-notification-symbol.is-order{color:var(--nn-orange);background:#fff0eb}
.gna-notification-row h3,.gna-notification-toast h3{font-size:14px;font-weight:750;line-height:1.4;margin:0 0 5px;color:inherit}
.gna-notification-row p,.gna-notification-toast p{font-size:12px;line-height:1.55;margin:0 0 7px;color:var(--nn-muted);overflow-wrap:anywhere}
.gna-notification-row time{font-size:10px;color:var(--nn-muted);display:block;margin-top:7px}
.gna-notification-action{font-size:12px;font-weight:700;color:var(--nn-orange)}
.gna-notification-row[data-category=gain] .gna-notification-action,.gna-notification-row[data-category=coupon] .gna-notification-action{color:var(--nn-gold)}
.gna-notification-dot{width:6px;height:6px;border-radius:50%;background:#ed5230;margin-top:6px}
.gna-notification-row.is-read .gna-notification-dot{visibility:hidden}
.gna-notification-panel>footer{font-size:10px;color:var(--nn-muted);text-align:center;padding:10px 14px;border-top:1px solid var(--nn-line);flex:none;background:var(--nn-bg)}
.gna-notification-status{font-size:12px;margin:0;padding:0 18px;color:var(--nn-muted)}
.gna-notification-status:not(:empty){padding-bottom:12px}
.gna-notification-empty{padding:24px 18px;text-align:center;color:var(--nn-muted);font-size:13px}
.gna-notification-toast{padding:18px 52px 18px 18px;border-top:3px solid #ef652e;max-height:var(--nn-height,70dvh);overflow-y:auto}
.gna-notification-toast[data-category=gain],.gna-notification-toast[data-category=coupon]{border-top-color:#cba24d}
.gna-notification-toast [data-toast-close]{position:absolute;right:8px;top:9px}
.gna-notification-toast a{display:inline-block;font-size:12px;font-weight:750;color:var(--nn-orange);padding:5px 0}
.gna-notification-progress{position:absolute;left:0;bottom:0;right:0;height:3px;background:var(--nn-line)}
.gna-notification-progress span{display:block;background:#e97a36;width:100%;height:100%;transform-origin:left;transform:scaleX(var(--nn-remaining,1))}
@keyframes gna-notification-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.gna-notification-panel,.gna-notification-toast{animation:none}}
@media(max-width:1024px){body.gna-app .gna-header-actions .gna-notification-bell{width:40px;min-width:40px;height:44px;padding:8px}body.gna-app .gna-notification-count{right:0;top:0;font-size:9px;min-width:14px;height:14px}.gna-notification-panel{border-radius:12px}.gna-notification-wallet{max-height:160px;overflow:auto}}
@media(max-width:360px){body.gna-app .gna-header-actions :is(a,.gna-mobile-search-toggle,.gna-notification-bell){width:36px;min-width:36px;padding:6px}.gna-notification-tools{padding-inline:12px}.gna-notification-row{padding:14px 12px}}
@media(prefers-color-scheme:dark){.gna-notifications{--nn-bg:#191c23;--nn-text:#f4f5f7;--nn-muted:#b0b5c2;--nn-line:#333741;--nn-soft:#222630;--nn-gold:#edca7d;--nn-gold-bg:#302b20;--nn-orange:#ff9b70}.gna-notification-symbol.is-order{background:#392b27}.gna-notification-row:hover{filter:brightness(1.08)}}