/* ВСПЛЫВАЮЩИЕ УВЕДОМЛЕНИЯ — СВЕТЛАЯ ТЕМА */


#notifier { width:320px; position:fixed; top:calc(20px + env(safe-area-inset-top, 0px)); right:calc(20px + env(safe-area-inset-right, 0px)); max-width:calc(100% - 40px); z-index:9999; pointer-events:none }
#notifier .n-box {pointer-events:auto;position:relative;padding:18px 35px 18px 18px;margin-bottom:10px;
background: rgba(248, 252, 255, 0.98);color:#1a1a1a;border: 1px solid rgba(0, 0, 0, 0.08);border-radius:7px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.06),0 8px 20px rgba(0, 0, 0, 0.08);opacity:0.98;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;overflow:hidden;animation:n-appear 0.4s cubic-bezier(0.2,0.8,0.2,1);transition:opacity 0.4s ease}
#notifier .n-box.n-hiding {opacity:0}
#notifier .n-box h3 {font-size:16px;font-weight:600;margin:0 0 4px 0;line-height:1.3;letter-spacing:-0.3px}
#notifier .n-box p {margin:0;font-size:16px}
#notifier .n-box p a {font-weight:600;}
#notifier .n-box p a:focus{outline:2px solid currentColor;outline-offset:2px;border-radius:2px;}
#notifier .n-box .n-close-btn {position:absolute;top:10px;right:10px;background:transparent;border:none;padding:0;margin:0;outline:none;-webkit-tap-highlight-color:transparent;font-size:24px;color:#999;line-height:20px;font-weight:400;cursor:pointer;opacity:0.8;transition:opacity 0.2s,transform 0.15s ease}
#notifier .n-box:hover .n-close-btn {opacity:0.8}
#notifier .n-box .n-close-btn:active {transform:scale(0.9)}

/* NOTICE (Инфо) */
#notifier .n-box.n-notice {border-left:none;box-shadow:inset 5px 0 0 #7cc034,0 2px 4px rgba(0,0,0,0.06),0 8px 20px rgba(0,0,0,0.08)}
#notifier .n-box.n-notice h3 {color:#7cc034}

/* ERROR (Ошибка) */
#notifier .n-box.n-error {border-left:none;box-shadow:inset 5px 0 0 #ef5350,0 2px 4px rgba(0,0,0,0.06),0 8px 20px rgba(0,0,0,0.08)}
#notifier .n-box.n-error h3 {color:#ef5350}


@keyframes n-appear{from{opacity:0;transform:translateX(50px)}to{opacity:0.98;transform:translateX(0)}}
@media (prefers-reduced-motion:reduce){#notifier .n-box{animation:none;transition:none}}