/* Ahorrito 12.4.4 notification center */
.notifications-sheet.ah-notice-v1244{max-width:640px;width:min(640px,calc(100vw - 32px));padding:0!important;overflow:hidden!important;background:#fff!important;color:#123b33!important;border:1px solid #d8e8e1!important;border-radius:24px!important;box-shadow:0 24px 75px rgba(9,49,41,.19)!important;}
.notifications-sheet.ah-notice-v1244 .ah-notice-head{padding:24px 26px 17px;margin:0!important;border-bottom:1px solid #e0eee8;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff}
.notifications-sheet.ah-notice-v1244 .ah-notice-head h2{font-size:clamp(24px,4.5vw,32px);letter-spacing:-.045em;line-height:1.1;margin:5px 0 2px;color:#123b33}
.notifications-sheet.ah-notice-v1244 .ah-notice-headline{margin:5px 0 0;color:#7a9188;font-size:13px}
.notifications-sheet.ah-notice-v1244 .ah-notice-toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0!important;padding:18px 24px 12px!important;background:#fff}
.notifications-sheet .ah-unread-counter{display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;background:#eaf8f0;color:#116854!important;font-size:12px;font-weight:800;white-space:nowrap}
.notifications-sheet .ah-unread-counter:before{content:'';display:inline-block;height:7px;width:7px;background:#0da785;border-radius:50%}
.notifications-sheet .ah-unread-counter.all-read{background:#f0f5f2;color:#54766a!important}
.notifications-sheet .ah-unread-counter.all-read:before{background:#83b0a1}
.notifications-sheet .ah-notice-toolbar-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.notifications-sheet .ah-notice-toolbar-actions button,.notifications-sheet .ah-notice-confirm button{appearance:none;min-height:42px;border-radius:13px;padding:10px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:800;border:1px solid #d5e7dd;cursor:pointer;line-height:1.1;background:#eaf9f1;color:#087b61;text-decoration:none}
.notifications-sheet .ah-notice-toolbar-actions button svg,.notifications-sheet .ah-notice-confirm button svg,.notifications-sheet .ah-notice-actions button svg{height:17px;width:17px;flex-shrink:0;display:block}
.notifications-sheet .ah-notice-toolbar-actions .ah-notice-toolbar-delete{background:#fff4f1;color:#aa473f;border-color:#f1d8d4}
.notifications-sheet .ah-notice-toolbar-actions button:disabled{opacity:.45;cursor:default}
.notifications-sheet .ah-notice-confirm{margin:0 24px 14px;border:1px solid #f3d0c9;border-radius:16px;padding:16px;background:#fff7f5;color:#74362e}
.notifications-sheet .ah-notice-confirm.hidden{display:none!important}
.notifications-sheet .ah-notice-confirm p{font-size:14px;margin:0 0 12px;font-weight:650}
.notifications-sheet .ah-notice-confirm>div{display:flex;gap:10px;flex-wrap:wrap}
.notifications-sheet .ah-notice-confirm .ah-notice-confirm-delete{background:#b84947;color:#fff;border-color:#b84947}
.notifications-sheet.ah-notice-v1244 #notificationList{padding:8px 24px 24px;overflow-y:auto;max-height:min(68vh,660px);background:#fff}
.notifications-sheet.ah-notice-v1244 .ah-notice-row{position:relative;display:flex;gap:14px;margin:0 0 12px;padding:19px!important;border:1px solid #dcebe5!important;border-radius:20px!important;background:#fff!important;color:#183c34;box-shadow:0 6px 16px rgba(9,63,45,.025);opacity:1!important}
.notifications-sheet.ah-notice-v1244 .ah-notice-row.is-unread{border-color:#6bcbb0!important;background:#f1fbf6!important}
.notifications-sheet.ah-notice-v1244 .ah-notice-row.is-read{background:#fbfdfc!important}
.notifications-sheet.ah-notice-v1244 .v5-notification-dot{width:9px;height:9px;flex:0 0 9px;margin-top:9px;background:#13b28e;border-radius:50%}
.notifications-sheet.ah-notice-v1244 .ah-notice-row.is-read .v5-notification-dot{background:#a0b8ab}
.notifications-sheet.ah-notice-v1244 .v5-notification-copy{flex:1;min-width:0}
.notifications-sheet.ah-notice-v1244 .ah-notice-title-line{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.notifications-sheet.ah-notice-v1244 .v5-notification-copy strong{font-size:17px;letter-spacing:-.025em;color:#133f35;font-weight:850;line-height:1.25}
.notifications-sheet.ah-notice-v1244 .ah-notice-status{background:#dbf6e9;color:#087e60;font-size:11px;letter-spacing:0;padding:5px 8px;border-radius:999px;white-space:nowrap}
.notifications-sheet.ah-notice-v1244 .is-read .ah-notice-status{background:#e8efeb;color:#6b8477}
.notifications-sheet.ah-notice-v1244 .v5-notification-copy .ah-notice-body{margin:10px 0;color:#506e62!important;line-height:1.55;font-size:14px}
.notifications-sheet.ah-notice-v1244 .ah-notice-date{display:block;color:#8aa296;font-size:12px}
.notifications-sheet.ah-notice-v1244 .ah-notice-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:17px}
.notifications-sheet.ah-notice-v1244 .ah-notice-actions button{border:1px solid #d8eae2;border-radius:12px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;text-decoration:none;font-size:12px;line-height:1.2;white-space:normal;font-weight:800;background:#fff;color:#126e5e;cursor:pointer}
.notifications-sheet.ah-notice-v1244 .ah-notice-actions .ah-notice-open{background:linear-gradient(105deg,#086e65,#10b89b);color:#fff;border-color:transparent;flex:1 1 auto;max-width:210px}
.notifications-sheet.ah-notice-v1244 .ah-notice-actions .ah-notice-delete{color:#bc5d54;border-color:#f1dfda;background:#fff7f6;padding:9px;min-width:40px;margin-left:auto}
.notifications-sheet.ah-notice-v1244 button:focus-visible{outline:3px solid #13b995;outline-offset:3px}
.notifications-sheet.ah-notice-v1244 .ah-notice-empty{display:flex;align-items:center;flex-direction:column;text-align:center;gap:9px;padding:40px 18px;background:#f7fbf9;border:1px dashed #b9d8cb;border-radius:18px}
.notifications-sheet.ah-notice-v1244 .ah-notice-empty svg{height:34px;width:34px;color:#2d9c80}
.notifications-sheet.ah-notice-v1244 .ah-notice-empty strong{color:#1c5949;font-size:17px}
.notifications-sheet.ah-notice-v1244 .ah-notice-empty p{color:#648176;font-size:13px;margin:0}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244,html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-head,html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-toolbar,html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 #notificationList{background:#10241e!important;color:#edf9f4!important;border-color:#305144!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-head h2,html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .v5-notification-copy strong{color:#f0fff7!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-row{background:#142d24!important;color:#edf9f4;border-color:#315a48!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-row.is-unread{background:#153c30!important;border-color:#51cda9!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-row.is-read{background:#11291f!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .v5-notification-copy .ah-notice-body{color:#c6dfd4!important}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-date{color:#a2b9b0}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-status{background:#1f5644;color:#94f2c8}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .is-read .ah-notice-status{background:#273d33;color:#a2c4b0}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-toolbar-actions .ah-notice-toolbar-read{background:#174e3c;color:#b1f8d4;border-color:#317b5c}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-toolbar-actions .ah-notice-toolbar-delete{background:#432720;color:#ffcbc3;border-color:#764b42}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-actions button{background:#16392e;color:#d3f9e6;border-color:#3c6e55}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-actions .ah-notice-open{background:linear-gradient(105deg,#08766a,#0fb49a);color:#fff;border-color:transparent}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-actions .ah-notice-delete{background:#452922;color:#ffd5ce;border-color:#775249}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-confirm{background:#392521;border-color:#7f544b;color:#ffd6cd}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-empty{background:#142f25;border-color:#376a50}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-empty strong{color:#e9fff5}
html[data-theme="dark"] .notifications-sheet.ah-notice-v1244 .ah-notice-empty p{color:#b8d4c7}
@media(max-width:720px){.notifications-sheet.ah-notice-v1244{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;max-width:none!important;border-radius:0!important;display:flex!important;flex-direction:column;overflow:hidden!important}.notifications-sheet.ah-notice-v1244 .ah-notice-head{padding:calc(23px + env(safe-area-inset-top)) 20px 17px;flex:none}.notifications-sheet.ah-notice-v1244 .ah-notice-toolbar{padding:16px 18px 12px!important;align-items:stretch;gap:10px;flex-direction:column}.notifications-sheet.ah-notice-v1244 .ah-notice-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.notifications-sheet.ah-notice-v1244 .ah-notice-toolbar-actions button{min-width:0;min-height:46px;padding:10px 8px;font-size:12px}.notifications-sheet.ah-notice-v1244 #notificationList{padding:8px 18px calc(20px + env(safe-area-inset-bottom));flex:1 1 auto;max-height:none!important;min-height:0}.notifications-sheet.ah-notice-v1244 .ah-notice-row{padding:17px!important}.notifications-sheet.ah-notice-v1244 .ah-notice-confirm{margin:0 18px 12px}}
@media(max-width:380px){.notifications-sheet.ah-notice-v1244 .ah-notice-toolbar-actions button{font-size:11px}.notifications-sheet.ah-notice-v1244 .ah-notice-actions .ah-notice-open{max-width:unset}}

/* V12.4.6: visible unread count without depending on modal rendering */
#notificationsButton{position:relative!important;overflow:visible!important}
#notificationsButton .ah-bell-count{position:absolute!important;top:-8px;right:-9px;min-width:20px;height:20px;padding:0 4px;border-radius:999px;background:#dd514d;color:#fff;font-size:11px;line-height:20px;text-align:center;white-space:nowrap;font-weight:850;box-shadow:0 2px 7px rgba(0,0,0,.18);pointer-events:none;z-index:5}
#notificationsButton .ah-bell-count[hidden]{display:none!important}
html[data-theme="dark"] #notificationsButton .ah-bell-count{background:#f1796b;color:#1e1716}
