/* AION — Alertas públicas/operativas robustas. */
.ab-alert-link{position:relative}
.ab-alert-badge{position:absolute;top:-.28rem;right:-.35rem;min-width:1.15rem;height:1.15rem;border-radius:999px;background:#ffc107;color:#172033;border:2px solid var(--bs-body-bg,#fff);font-size:.66rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;padding:0 .22rem;line-height:1;box-shadow:0 8px 20px rgba(255,193,7,.28)}
.ab-alert-badge[hidden]{display:none!important}
.ab-mobile-menu-alert-host{position:relative}
.ab-alert-badge-menu{top:-.18rem;right:-.18rem;border-color:var(--bs-body-bg,#fff)}

.ab-user-alerts-drawer{--bs-offcanvas-width:min(430px,94vw);z-index:21130!important;background:var(--bs-body-bg,#fff);color:var(--bs-body-color,#172033)}
.ab-user-alerts-drawer.show{visibility:visible!important;z-index:21130!important;display:flex!important}
body.aion-alerts-drawer-open .offcanvas-backdrop.show,
html.aion-alerts-drawer-open .offcanvas-backdrop.show{z-index:21120!important}
body.aion-alerts-drawer-open .ab-user-alert-float,
body.aion-alerts-drawer-open .aion-op-alert-float,
body.aion-alerts-drawer-open .aion-cart-float,
body.aion-alerts-drawer-open .aion-compare-float,
body.aion-alerts-drawer-open .floatcart,
body.aion-alerts-drawer-open .floatcompare,
body.aion-alerts-drawer-open [class*="search-float"],
body.aion-alerts-drawer-open [class*="float-search"]{opacity:0!important;pointer-events:none!important;transform:translateY(8px) scale(.96)!important}
.ab-alerts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;padding:.75rem;border:1px solid var(--bs-border-color,rgba(127,127,127,.18));border-radius:18px;background:var(--bs-tertiary-bg,rgba(248,250,252,.82))}
.ab-alerts-count{font-size:.86rem;color:var(--bs-secondary-color,#667085)}
.ab-alerts-list{display:grid;gap:.7rem}.ab-alerts-empty{border:1px dashed var(--bs-border-color,rgba(127,127,127,.18));border-radius:18px;padding:1rem;text-align:center;color:var(--bs-secondary-color,#667085);background:var(--bs-tertiary-bg,rgba(248,250,252,.82))}
.ab-user-alert{display:grid;grid-template-columns:42px minmax(0,1fr);gap:.75rem;padding:.8rem;border:1px solid var(--bs-border-color,rgba(127,127,127,.18));border-radius:20px;background:var(--bs-body-bg,#fff);box-shadow:0 8px 22px rgba(0,0,0,.05)}
.ab-user-alert.is-unread{border-color:rgba(255,193,7,.48);background:linear-gradient(135deg,rgba(255,193,7,.14),var(--bs-body-bg,#fff) 58%)}
.ab-user-alert-icon{width:42px;height:42px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:var(--bs-tertiary-bg,rgba(248,250,252,.82));font-weight:800;color:var(--bs-emphasis-color,#172033)}
.ab-user-alert[data-alert-type="payment"] .ab-user-alert-icon{background:rgba(25,135,84,.12);color:#198754}.ab-user-alert[data-alert-type="delivery"] .ab-user-alert-icon{background:rgba(13,110,253,.12);color:#0d6efd}
.ab-user-alert-copy{min-width:0}.ab-user-alert-title{font-weight:700;color:var(--bs-emphasis-color,#172033);line-height:1.2}.ab-user-alert-body{font-size:.9rem;color:var(--bs-body-color,#172033);margin-top:.18rem}.ab-user-alert-meta{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.35rem;font-size:.76rem;color:var(--bs-secondary-color,#667085)}.ab-user-alert-meta span+span:before{content:'·';margin-right:.45rem}.ab-user-alert-actions{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.6rem;align-items:center}

/* Float público: mismo patrón que carrito/comparador, warning y más arriba */
.ab-user-alert-float{position:fixed!important;right:18px!important;bottom:max(224px,calc(env(safe-area-inset-bottom) + 218px))!important;z-index:1082!important;display:flex!important;align-items:center!important;gap:.34rem!important;border:1px solid rgba(255,193,7,.34)!important;background:rgba(255,255,255,.82)!important;color:#152034!important;border-radius:999px!important;padding:.38rem .46rem!important;box-shadow:0 18px 42px rgba(15,23,42,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;text-decoration:none!important;cursor:pointer!important;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,max-width .18s ease!important;font-weight:700!important;font-size:.82rem!important;max-width:86px!important;overflow:hidden!important;white-space:nowrap!important}
.ab-user-alert-float:hover,.ab-user-alert-float:focus-visible{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(15,23,42,.24)!important;color:#152034!important;max-width:178px!important}
.ab-user-alert-float svg{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;padding:7px!important;border-radius:999px!important;background:rgba(255,193,7,.22)!important;border:1px solid rgba(255,193,7,.32)!important;box-sizing:border-box!important;flex:0 0 auto!important;color:#7a4f00!important;order:1!important}
.ab-user-alert-float span{order:2!important;max-width:0!important;opacity:0!important;overflow:hidden!important;transition:max-width .18s ease,opacity .16s ease!important;white-space:nowrap!important}
.ab-user-alert-float strong{order:3!important;position:static!important;min-width:22px!important;height:22px!important;padding:0 .35rem!important;border:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:999px!important;background:#152034!important;color:#fff!important;font-size:.72rem!important;font-weight:750!important;box-shadow:none!important}
@media(hover:hover){.ab-user-alert-float:hover span,.ab-user-alert-float:focus-visible span{max-width:88px!important;opacity:1!important}}
.ab-user-alert-float[hidden]{display:none!important}
@media(min-width:992px){.ab-user-alert-float{display:none!important}}
@media(max-width:575.98px){.ab-user-alert-float{right:12px!important;bottom:max(222px,calc(env(safe-area-inset-bottom) + 214px))!important;padding:.34rem .42rem!important;max-width:82px!important}.ab-user-alert-float:hover,.ab-user-alert-float:focus-visible{max-width:170px!important}.ab-user-alert-float svg{width:30px!important;height:30px!important}}

/* Alertas operativas */
.aion-op-alert-btn{position:relative;display:flex;align-items:center;gap:.55rem;width:100%;border:1px solid var(--aion-op-border);border-radius:16px;padding:.58rem .68rem;background:rgba(255,193,7,.12);color:var(--aion-op-text);font-weight:620;margin:.4rem 0 .55rem}.aion-op-alert-btn:hover{filter:brightness(1.03)}
.aion-op-alert-badge{position:absolute;right:.52rem;top:.42rem;min-width:1.2rem;height:1.2rem;border-radius:999px;background:#ffc107;color:#172033;font-size:.68rem;font-weight:850;display:inline-flex;align-items:center;justify-content:center;padding:0 .24rem;box-shadow:0 8px 18px rgba(255,193,7,.28)}.aion-op-alert-badge[hidden]{display:none!important}
.aion-op-alert-float{position:fixed!important;right:16px!important;top:78px!important;z-index:21085!important;border:1px solid rgba(255,193,7,.35)!important;background:rgba(255,255,255,.82)!important;color:#152034!important;border-radius:999px!important;padding:.38rem .46rem!important;display:none!important;align-items:center!important;gap:.34rem!important;box-shadow:0 18px 42px rgba(15,23,42,.18)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;font-weight:750!important;max-width:88px!important;overflow:hidden!important;white-space:nowrap!important;transition:transform .18s ease,box-shadow .18s ease,max-width .18s ease,opacity .18s ease!important}
.aion-op-alert-float:hover,.aion-op-alert-float:focus-visible{transform:translateY(-2px)!important;box-shadow:0 22px 48px rgba(15,23,42,.24)!important;max-width:178px!important}.aion-op-alert-float-icon{order:1;display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:999px!important;background:rgba(255,193,7,.22)!important;border:1px solid rgba(255,193,7,.32)!important;color:#7a4f00!important;flex:0 0 auto!important;font-weight:900!important}.aion-op-alert-float-label{order:2;display:inline-flex!important;max-width:0!important;opacity:0!important;overflow:hidden!important;transition:max-width .18s ease,opacity .16s ease!important}.aion-op-alert-float strong{order:3;background:#152034!important;color:#fff!important;border-radius:999px!important;min-width:22px!important;height:22px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.72rem!important;padding:0 .35rem!important}.aion-op-alert-float[hidden]{display:none!important}@media(hover:hover){.aion-op-alert-float:hover .aion-op-alert-float-label,.aion-op-alert-float:focus-visible .aion-op-alert-float-label{max-width:88px!important;opacity:1!important}}
@media(max-width:991.98px){.aion-op-alert-float:not([hidden]){display:inline-flex!important}}
body.aion-shell-seller .ab-user-alerts-drawer,body.aion-shell-finance .ab-user-alerts-drawer,body.aion-shell-dealer .ab-user-alerts-drawer{z-index:21130!important}
body.aion-shell-seller .offcanvas-backdrop.show,body.aion-shell-finance .offcanvas-backdrop.show,body.aion-shell-dealer .offcanvas-backdrop.show{z-index:21120!important}

[data-bs-theme="dark"] .ab-alert-badge,body.ab-dark-theme .ab-alert-badge{border-color:#12161d}[data-bs-theme="dark"] .ab-user-alert,body.ab-dark-theme .ab-user-alert,html[data-aion-current-theme="dark"] .ab-user-alert{background:#161b23;border-color:rgba(255,255,255,.12);box-shadow:0 12px 28px rgba(0,0,0,.28)}[data-bs-theme="dark"] .ab-user-alert.is-unread,body.ab-dark-theme .ab-user-alert.is-unread,html[data-aion-current-theme="dark"] .ab-user-alert.is-unread{background:linear-gradient(135deg,rgba(255,193,7,.16),#161b23 60%);border-color:rgba(255,193,7,.36)}[data-bs-theme="dark"] .ab-alerts-toolbar,body.ab-dark-theme .ab-alerts-toolbar,[data-bs-theme="dark"] .ab-alerts-empty,body.ab-dark-theme .ab-alerts-empty,html[data-aion-current-theme="dark"] .ab-alerts-toolbar,html[data-aion-current-theme="dark"] .ab-alerts-empty{background:#111722;border-color:rgba(255,255,255,.12)}
[data-bs-theme="dark"] .ab-user-alerts-drawer,html[data-aion-current-theme="dark"] .ab-user-alerts-drawer{background:#111722;color:#eef4ff;border-left-color:rgba(255,255,255,.14)}
[data-bs-theme="dark"] .ab-user-alert-float,body.ab-dark-theme .ab-user-alert-float,html[data-aion-current-theme="dark"] .ab-user-alert-float,[data-bs-theme="dark"] .aion-op-alert-float,html[data-aion-current-theme="dark"] .aion-op-alert-float{background:rgba(17,28,47,.86)!important;color:#eef4ff!important;border-color:rgba(255,193,7,.25)!important;box-shadow:0 18px 42px rgba(0,0,0,.34)!important}
[data-bs-theme="dark"] .ab-user-alert-float:hover,html[data-aion-current-theme="dark"] .ab-user-alert-float:hover{color:#eef4ff!important}
[data-bs-theme="dark"] .ab-user-alert-float strong,html[data-aion-current-theme="dark"] .ab-user-alert-float strong,[data-bs-theme="dark"] .aion-op-alert-float strong,html[data-aion-current-theme="dark"] .aion-op-alert-float strong{background:#eef4ff!important;color:#111c2f!important}
@media (max-width:575.98px){.ab-user-alert{grid-template-columns:36px minmax(0,1fr);padding:.7rem;border-radius:18px}.ab-user-alert-icon{width:36px;height:36px;border-radius:14px}.ab-alerts-toolbar{align-items:flex-start;flex-direction:column}.ab-user-alert-actions .btn{font-size:.75rem;padding:.25rem .55rem}}


/* flotantes compactos: icono + contador, y en hover icono + texto + contador */
.aion-cart-float,.aion-compare-float{max-width:86px!important;overflow:hidden!important;white-space:nowrap!important;padding:.38rem .46rem!important;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,max-width .18s ease!important}
.aion-cart-float:hover,.aion-cart-float:focus-visible,.aion-compare-float:hover,.aion-compare-float:focus-visible{max-width:188px!important}
.aion-cart-float-icon,.aion-compare-float-icon{order:1!important;flex:0 0 auto!important}
.aion-cart-float-count,.aion-compare-float-count{order:3!important;flex:0 0 auto!important}
.aion-cart-float::after,.aion-compare-float::after{order:2!important;display:inline-flex!important;content:"";max-width:0!important;opacity:0!important;overflow:hidden!important;transition:max-width .18s ease,opacity .16s ease!important;font-weight:750!important;font-size:.82rem!important;color:inherit!important;white-space:nowrap!important}
.aion-cart-float::after{content:"Carrito"}.aion-compare-float::after{content:"Comparación"}
@media(hover:hover){.aion-cart-float:hover::after,.aion-cart-float:focus-visible::after,.aion-compare-float:hover::after,.aion-compare-float:focus-visible::after{max-width:110px!important;opacity:1!important}}
@media(max-width:575.98px){.aion-cart-float,.aion-compare-float{max-width:82px!important}.aion-cart-float:hover,.aion-cart-float:focus-visible,.aion-compare-float:hover,.aion-compare-float:focus-visible{max-width:180px!important}}

/* z-index alto y stack de flotantes */
.ab-user-alerts-drawer,
.ab-user-alerts-drawer.show,
#offcanvasUserAlerts.show,
#offcanvasOperatorAlerts.show{z-index:2147483000!important;visibility:visible!important;display:flex!important}
body.aion-alerts-drawer-open .offcanvas-backdrop.show,
html.aion-alerts-drawer-open .offcanvas-backdrop.show,
.offcanvas-backdrop[data-aion-notif-backdrop]{z-index:2147482990!important}
body.aion-alerts-drawer-open .aion-op-sidebar,
body.aion-alerts-drawer-open .aion-op-toggle,
body.aion-alerts-drawer-open .aion-op-backdrop,
body.aion-alerts-drawer-open .aion-op-close{pointer-events:none!important}

/* Alertas queda arriba de carrito/comparador y usa warning */
.ab-user-alert-float{bottom:max(232px,calc(env(safe-area-inset-bottom) + 232px))!important;background:rgba(255,193,7,.94)!important;border-color:rgba(255,193,7,.62)!important;color:#111827!important;z-index:1090!important}
.ab-user-alert-float svg{background:rgba(255,255,255,.38)!important;color:#5d3b00!important;border-color:rgba(255,255,255,.42)!important}
@media(min-width:992px){.ab-user-alert-float:not([hidden]){display:flex!important}}
@media(max-width:575.98px){.ab-user-alert-float{bottom:max(238px,calc(env(safe-area-inset-bottom) + 238px))!important}}

/* Operativos: el drawer siempre manda por encima de búsqueda/floats */
body.aion-shell-seller .ab-user-alerts-drawer,
body.aion-shell-finance .ab-user-alerts-drawer,
body.aion-shell-dealer .ab-user-alerts-drawer{z-index:2147483000!important}
body.aion-shell-seller .offcanvas-backdrop.show,
body.aion-shell-finance .offcanvas-backdrop.show,
body.aion-shell-dealer .offcanvas-backdrop.show{z-index:2147482990!important}
.aion-op-alert-float{top:86px!important;background:rgba(255,193,7,.94)!important;border-color:rgba(255,193,7,.62)!important;color:#111827!important;z-index:21080!important}
.aion-op-alert-float-icon{background:rgba(255,255,255,.38)!important;color:#5d3b00!important;border-color:rgba(255,255,255,.42)!important}

/* Flotantes compactos: reposo icono + contador, hover icono + texto + contador */
.aion-cart-float,.aion-compare-float,.ab-user-alert-float,.aion-op-alert-float{display:inline-flex!important;align-items:center!important;gap:.34rem!important;max-width:86px!important;overflow:hidden!important;white-space:nowrap!important}
.aion-cart-float:hover,.aion-cart-float:focus-visible,
.aion-compare-float:hover,.aion-compare-float:focus-visible,
.ab-user-alert-float:hover,.ab-user-alert-float:focus-visible,
.aion-op-alert-float:hover,.aion-op-alert-float:focus-visible{max-width:190px!important}
@media(hover:hover){
  .aion-cart-float:hover::after,.aion-cart-float:focus-visible::after,
  .aion-compare-float:hover::after,.aion-compare-float:focus-visible::after,
  .ab-user-alert-float:hover span,.ab-user-alert-float:focus-visible span,
  .aion-op-alert-float:hover .aion-op-alert-float-label,.aion-op-alert-float:focus-visible .aion-op-alert-float-label{max-width:112px!important;opacity:1!important}
}
.ab-alerts-empty.error{border-color:rgba(220,53,69,.25);background:rgba(220,53,69,.08);color:#842029}
[data-bs-theme="dark"] .ab-alerts-empty.error,html[data-aion-current-theme="dark"] .ab-alerts-empty.error{background:rgba(220,53,69,.15);color:#ffd5dc;border-color:rgba(255,133,161,.25)}

/* drawer propio AION, sin dependencia de offcanvas. */
.aion-drawer-backdrop{position:fixed!important;inset:0!important;z-index:2147482990!important;border:0!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important;cursor:pointer!important}
.ab-user-alerts-drawer.aion-drawer,.ab-user-alerts-drawer.aion-drawer.show,.ab-user-alerts-drawer.aion-drawer.is-open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(420px,94vw)!important;max-width:94vw!important;height:100dvh!important;transform:none!important;visibility:visible!important;display:flex!important;flex-direction:column!important;background:var(--bs-body-bg,#fff)!important;color:var(--bs-body-color,#172033)!important;box-shadow:-24px 0 64px rgba(15,23,42,.22)!important;border-left:1px solid rgba(127,127,127,.18)!important;z-index:2147483000!important;overflow:hidden!important;transition:opacity .18s ease,transform .18s ease!important;opacity:1!important}
.ab-user-alerts-drawer.aion-drawer:not(.is-open){transform:translateX(104%)!important;opacity:0!important;pointer-events:none!important}
.ab-user-alerts-drawer .offcanvas-header,.ab-user-alerts-drawer .offcanvas-body{width:100%!important;min-width:0!important}.ab-user-alerts-drawer .offcanvas-body{overflow:auto!important;flex:1 1 auto!important}
html.aion-drawer-open,body.aion-drawer-open{overflow:hidden!important}
body.aion-alerts-drawer-open .ab-user-alert-float,body.aion-alerts-drawer-open .aion-op-alert-float{z-index:2147482980!important;pointer-events:none!important;opacity:.34!important}
body.aion-alerts-drawer-open .aion-search-float,body.aion-alerts-drawer-open .search-float,body.aion-alerts-drawer-open [data-aion-search-float]{z-index:1000!important;pointer-events:none!important;opacity:.26!important}

/* Posiciones finales de floats públicos: Alertas cerca de “Enviar a”; Carrito un poco más abajo. */
.ab-user-alert-float{bottom:auto!important;top:118px!important;right:16px!important;background:rgba(255,193,7,.96)!important;border-color:rgba(255,193,7,.68)!important;color:#111827!important;z-index:1095!important}
@media(max-width:575.98px){.ab-user-alert-float{top:112px!important;right:12px!important}}
.aion-cart-float,.ab-cart-float,.floating-cart,.ab-floating-cart{bottom:max(26px,calc(env(safe-area-inset-bottom) + 26px))!important}
.aion-compare-float,.floatcompare,.ab-compare-float{bottom:max(90px,calc(env(safe-area-inset-bottom) + 90px))!important}
body.aion-alerts-drawer-open .aion-cart-float,body.aion-alerts-drawer-open .aion-compare-float,body.aion-alerts-drawer-open .floatcompare{opacity:.2!important;pointer-events:none!important}

/* Flotantes compactos/expandibles. */
.aion-cart-float,.aion-compare-float,.ab-user-alert-float,.aion-op-alert-float{display:inline-flex!important;align-items:center!important;gap:.34rem!important;max-width:86px!important;overflow:hidden!important;white-space:nowrap!important}
.aion-cart-float:hover,.aion-cart-float:focus-visible,.aion-compare-float:hover,.aion-compare-float:focus-visible,.ab-user-alert-float:hover,.ab-user-alert-float:focus-visible,.aion-op-alert-float:hover,.aion-op-alert-float:focus-visible{max-width:194px!important}
@media(hover:hover){.aion-cart-float:hover::after,.aion-cart-float:focus-visible::after,.aion-compare-float:hover::after,.aion-compare-float:focus-visible::after,.ab-user-alert-float:hover span,.ab-user-alert-float:focus-visible span,.aion-op-alert-float:hover .aion-op-alert-float-label,.aion-op-alert-float:focus-visible .aion-op-alert-float-label{max-width:116px!important;opacity:1!important}}

/* Operativos: drawer por encima de búsqueda y floats. */
body.aion-shell-seller .ab-user-alerts-drawer.aion-drawer,body.aion-shell-finance .ab-user-alerts-drawer.aion-drawer,body.aion-shell-dealer .ab-user-alerts-drawer.aion-drawer{z-index:2147483000!important}
body.aion-shell-seller.aion-alerts-drawer-open .aion-op-alert-float,body.aion-shell-finance.aion-alerts-drawer-open .aion-op-alert-float,body.aion-shell-dealer.aion-alerts-drawer-open .aion-op-alert-float{z-index:2147482980!important;pointer-events:none!important;opacity:.28!important}
.aion-op-alert-float{top:92px!important;right:18px!important;background:rgba(255,193,7,.96)!important;border-color:rgba(255,193,7,.68)!important;color:#111827!important;z-index:21080!important}

/* Favoritos usa drawer visual aunque conserve el id legacy. */
#offcanvasclientfavorites.aion-drawer,#offcanvasclientfavorites.aion-drawer.show,#offcanvasclientfavorites.aion-drawer.is-open{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:min(440px,94vw)!important;max-width:94vw!important;height:100dvh!important;transform:none!important;visibility:visible!important;display:flex!important;flex-direction:column!important;background:var(--bs-body-bg,#fff)!important;color:var(--bs-body-color,#172033)!important;box-shadow:-24px 0 64px rgba(15,23,42,.22)!important;border-left:1px solid rgba(127,127,127,.18)!important;z-index:2147483000!important;overflow:hidden!important;opacity:1!important}
#offcanvasclientfavorites.aion-drawer:not(.is-open){transform:translateX(104%)!important;opacity:0!important;pointer-events:none!important}
[data-bs-theme="dark"] .ab-user-alerts-drawer.aion-drawer,html[data-aion-current-theme="dark"] .ab-user-alerts-drawer.aion-drawer,[data-bs-theme="dark"] #offcanvasclientfavorites.aion-drawer,html[data-aion-current-theme="dark"] #offcanvasclientfavorites.aion-drawer{background:#111827!important;color:#eef4ff!important;border-left-color:rgba(255,255,255,.12)!important;box-shadow:-24px 0 64px rgba(0,0,0,.48)!important}

/* 
.ab-user-alert-float{top:96px!important;right:16px!important;bottom:auto!important;z-index:2147481200!important}
@media(max-width:575.98px){.ab-user-alert-float{top:92px!important;right:12px!important}}
.aion-cart-float,.ab-cart-float,.floating-cart,.ab-floating-cart{bottom:max(36px,calc(env(safe-area-inset-bottom) + 36px))!important}
.aion-compare-float,.floatcompare,.ab-compare-float{bottom:max(104px,calc(env(safe-area-inset-bottom) + 104px))!important}
.aion-op-alert-float:not([hidden]){display:inline-flex!important;z-index:2147481200!important;top:86px!important;right:18px!important}
body.aion-shell-finance .aion-op-alert-float:not([hidden]),body.aion-shell-seller .aion-op-alert-float:not([hidden]),body.aion-shell-dealer .aion-op-alert-float:not([hidden]){display:inline-flex!important}
.aion-op-alert-btn{color:var(--aion-op-text)!important}
.ab-user-alerts-drawer.aion-drawer,.ab-user-alerts-drawer.aion-drawer.is-open,#aionUserAlertsDrawer.aion-drawer,#aionOperatorAlertsDrawer.aion-drawer{z-index:2147483000!important}
body.aion-alerts-drawer-open .aion-op-alert-float,body.aion-alerts-drawer-open .ab-user-alert-float{opacity:.22!important;pointer-events:none!important;z-index:2147481100!important}
body.aion-shell-finance .container,body.aion-shell-finance .container-fluid{min-width:0!important;max-width:100%!important}
body.aion-shell-finance .fin-wrap,body.aion-shell-finance main{position:relative;z-index:1}
.aion-drawer-backdrop{z-index:2147482990!important}


/* Contrato visual único del drawer de Alertas.
   Ningún módulo fuerza paleta oscura por ser seller, sales, dealer, logistic o finance.
   La paleta depende únicamente del tema activo. */
.ab-user-alerts-drawer.aion-drawer,
#aionUserAlertsDrawer.aion-drawer,
#aionOperatorAlertsDrawer.aion-drawer{
  --aion-alert-bg:var(--bs-body-bg,#fff);
  --aion-alert-surface:var(--bs-body-bg,#fff);
  --aion-alert-soft:var(--bs-tertiary-bg,rgba(248,250,252,.86));
  --aion-alert-text:var(--bs-body-color,#172033);
  --aion-alert-title:var(--bs-emphasis-color,#172033);
  --aion-alert-muted:var(--bs-secondary-color,#667085);
  --aion-alert-border:var(--bs-border-color,rgba(127,127,127,.18));
  --aion-alert-shadow:-24px 0 64px rgba(15,23,42,.22);
  background:var(--aion-alert-bg)!important;
  color:var(--aion-alert-text)!important;
  border-left:1px solid var(--aion-alert-border)!important;
  box-shadow:var(--aion-alert-shadow)!important;
}
html[data-aion-current-theme="dark"] .ab-user-alerts-drawer.aion-drawer,
html[data-aion-op-theme="dark"] .ab-user-alerts-drawer.aion-drawer,
[data-bs-theme="dark"] .ab-user-alerts-drawer.aion-drawer,
body.ab-dark-theme .ab-user-alerts-drawer.aion-drawer,
body.dark .ab-user-alerts-drawer.aion-drawer,
body.dark-mode .ab-user-alerts-drawer.aion-drawer,
html[data-aion-current-theme="dark"] #aionUserAlertsDrawer.aion-drawer,
html[data-aion-current-theme="dark"] #aionOperatorAlertsDrawer.aion-drawer,
html[data-aion-op-theme="dark"] #aionUserAlertsDrawer.aion-drawer,
html[data-aion-op-theme="dark"] #aionOperatorAlertsDrawer.aion-drawer,
[data-bs-theme="dark"] #aionUserAlertsDrawer.aion-drawer,
[data-bs-theme="dark"] #aionOperatorAlertsDrawer.aion-drawer{
  --aion-alert-bg:#111827;
  --aion-alert-surface:#101c30;
  --aion-alert-soft:rgba(255,255,255,.055);
  --aion-alert-text:#eef4ff;
  --aion-alert-title:#ffffff;
  --aion-alert-muted:#b8c7dc;
  --aion-alert-border:rgba(255,255,255,.14);
  --aion-alert-shadow:-24px 0 64px rgba(0,0,0,.48);
}
.ab-user-alerts-drawer .offcanvas-header,
#aionUserAlertsDrawer .offcanvas-header,
#aionOperatorAlertsDrawer .offcanvas-header{
  background:var(--aion-alert-bg)!important;
  color:var(--aion-alert-text)!important;
  border-bottom:1px solid var(--aion-alert-border)!important;
}
.ab-user-alerts-drawer .offcanvas-body,
#aionUserAlertsDrawer .offcanvas-body,
#aionOperatorAlertsDrawer .offcanvas-body{
  background:var(--aion-alert-bg)!important;
  color:var(--aion-alert-text)!important;
}
.ab-user-alerts-drawer .offcanvas-title,
#aionUserAlertsDrawer .offcanvas-title,
#aionOperatorAlertsDrawer .offcanvas-title,
.ab-user-alert-title{
  color:var(--aion-alert-title)!important;
}
.ab-alerts-kicker,
.ab-alerts-description,
.ab-alerts-count,
.ab-user-alert-meta,
.ab-user-alerts-drawer small,
.ab-user-alerts-drawer .text-muted,
#aionUserAlertsDrawer small,
#aionUserAlertsDrawer .text-muted,
#aionOperatorAlertsDrawer small,
#aionOperatorAlertsDrawer .text-muted{
  color:var(--aion-alert-muted)!important;
}
.ab-alerts-toolbar,
.ab-user-alert,
.ab-alert-item,
.ab-alerts-empty,
.ab-user-alert-detail{
  background:var(--aion-alert-soft)!important;
  color:var(--aion-alert-text)!important;
  border-color:var(--aion-alert-border)!important;
}
.ab-user-alert{
  box-shadow:0 8px 22px rgba(15,23,42,.05)!important;
}
html[data-aion-current-theme="dark"] .ab-user-alert,
html[data-aion-op-theme="dark"] .ab-user-alert,
[data-bs-theme="dark"] .ab-user-alert,
body.ab-dark-theme .ab-user-alert,
body.dark .ab-user-alert,
body.dark-mode .ab-user-alert{
  box-shadow:0 12px 28px rgba(0,0,0,.28)!important;
}
.ab-user-alert-body{
  color:var(--aion-alert-text)!important;
}
.ab-user-alert.is-unread{
  border-color:rgba(255,193,7,.48)!important;
  background:linear-gradient(135deg,rgba(255,193,7,.14),var(--aion-alert-surface) 58%)!important;
}
html[data-aion-current-theme="dark"] .ab-user-alert.is-unread,
html[data-aion-op-theme="dark"] .ab-user-alert.is-unread,
[data-bs-theme="dark"] .ab-user-alert.is-unread,
body.ab-dark-theme .ab-user-alert.is-unread,
body.dark .ab-user-alert.is-unread,
body.dark-mode .ab-user-alert.is-unread{
  background:linear-gradient(135deg,rgba(255,193,7,.16),#161b23 60%)!important;
  border-color:rgba(255,193,7,.36)!important;
}
.ab-user-alerts-drawer .btn-outline-secondary,
#aionUserAlertsDrawer .btn-outline-secondary,
#aionOperatorAlertsDrawer .btn-outline-secondary{
  color:var(--aion-alert-text)!important;
  border-color:var(--aion-alert-border)!important;
  background:transparent!important;
}
.ab-user-alerts-drawer .btn-light,
#aionUserAlertsDrawer .btn-light,
#aionOperatorAlertsDrawer .btn-light{
  color:var(--aion-alert-text)!important;
  background:var(--aion-alert-soft)!important;
  border-color:var(--aion-alert-border)!important;
}
.ab-user-alerts-drawer .btn-close,
#aionUserAlertsDrawer .btn-close,
#aionOperatorAlertsDrawer .btn-close{
  opacity:.78!important;
}
html[data-aion-current-theme="dark"] .ab-user-alerts-drawer .btn-close,
html[data-aion-op-theme="dark"] .ab-user-alerts-drawer .btn-close,
[data-bs-theme="dark"] .ab-user-alerts-drawer .btn-close,
body.ab-dark-theme .ab-user-alerts-drawer .btn-close,
body.dark .ab-user-alerts-drawer .btn-close,
body.dark-mode .ab-user-alerts-drawer .btn-close{
  filter:invert(1) grayscale(100%)!important;
  opacity:.9!important;
}
.ab-user-alert-actions [data-alert-hide]{text-decoration:none!important;font-weight:650!important;}

/* Detalle inline de alerta. Usa las variables del componente, no estilos del shell. */
.ab-user-alert-detail{margin-top:.7rem;padding:.75rem .85rem;border:1px solid var(--aion-alert-border,rgba(148,163,184,.35));border-radius:16px;background:var(--aion-alert-soft,rgba(248,250,252,.9));color:var(--aion-alert-text,#334155);font-size:.86rem;line-height:1.45}.ab-user-alert-detail[hidden]{display:none!important}.aion-alert-drawer .btn{box-shadow:none!important}


/* Foco visual de orden desde alertas de usuario. */
.aion-alert-order-focus{
  outline:3px solid rgba(59,130,246,.65)!important;
  outline-offset:4px;
  border-radius:18px;
  box-shadow:0 0 0 8px rgba(59,130,246,.10)!important;
  transition:outline-color .2s ease, box-shadow .2s ease;
}
