/* Patyta: patyta-notifications-inbox-r1.css — fuente única del módulo. */
[data-account-app-screen="notifications"] > .patyta-account-app__section-head,
[data-account-app-screen="notifications"] .pet-notices-r57,
[data-account-app-screen="notifications"] [data-patyta-account-notices-r4] { display: none !important; }

[data-account-app-screen="notifications"] .notification-inbox { color: rgb(5, 47, 94); min-width: 0px; }

[data-account-app-screen="notifications"] .notification-inbox *,
[data-account-app-screen="notifications"] .notification-inbox ::before,
[data-account-app-screen="notifications"] .notification-inbox ::after { box-sizing: border-box; }

[data-account-app-screen="notifications"] .notification-inbox svg { display: block; width: 21px; height: 21px; flex: 0 0 21px; }

[data-account-app-screen="notifications"] .notification-inbox button { font-family: inherit; cursor: pointer; touch-action: manipulation; }

[data-account-app-screen="notifications"] .notification-inbox button:disabled { opacity: 0.55; cursor: wait; }

[data-account-app-screen="notifications"] .notification-inbox button:focus-visible { outline: rgb(0, 140, 79) solid 3px; outline-offset: 3px; }

[data-account-app-screen="notifications"] .notification-inbox__hero { display: flex; align-items: center; gap: 18px; justify-content: space-between; padding: 22px 24px; border: 1px solid rgb(221, 236, 226); border-radius: 20px; background: rgb(242, 250, 244); margin-bottom: 18px; }

[data-account-app-screen="notifications"] .notification-inbox__hero > div { min-width: 0px; flex: 1 1 0%; }

[data-account-app-screen="notifications"] .notification-inbox__hero h2 { letter-spacing: -0.4px; font-size: 28px !important; line-height: 1.2 !important; color: rgb(5, 47, 94) !important; margin: 0px 0px 9px !important; font-weight: 800 !important; }

[data-account-app-screen="notifications"] .notification-inbox__hero p { font-size: 14px !important; line-height: 1.5 !important; color: rgb(96, 121, 137) !important; margin: 0px !important; }

[data-account-app-screen="notifications"] .notification-inbox__hero img { width: 112px; height: 112px; max-width: 112px; flex: 0 0 112px; object-fit: contain; }

[data-account-app-screen="notifications"] .notification-inbox__toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 0px 0px 16px; }

[data-account-app-screen="notifications"] .notification-inbox__tabs { display: flex; gap: 4px; padding: 4px; border: 1px solid rgb(223, 233, 228); border-radius: 13px; background: rgb(255, 255, 255); }

[data-account-app-screen="notifications"] .notification-inbox__tabs button { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 42px; min-width: 112px; padding: 10px 14px; border: 0px; border-radius: 10px; background: transparent; color: rgb(96, 121, 137); font-size: 12px; font-weight: 650; }

[data-account-app-screen="notifications"] .notification-inbox__tabs button[aria-pressed="true"] { background: rgb(220, 247, 216); color: rgb(5, 47, 94); }

[data-account-app-screen="notifications"] .notification-inbox__tabs span { min-width: 20px; min-height: 20px; display: grid; place-items: center; padding: 2px 5px; border-radius: 20px; background: rgb(0, 140, 79); color: rgb(255, 255, 255); font-size: 10px; }

[data-account-app-screen="notifications"] .notification-inbox__mark { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 13px; border: 1px solid rgb(159, 215, 183); border-radius: 11px; background: rgb(255, 255, 255); color: rgb(0, 126, 72); font-size: 12px; font-weight: 650; }

[data-account-app-screen="notifications"] .notification-inbox__workspace { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 16px; align-items: start; }

[data-account-app-screen="notifications"] .notification-inbox__workspace:has(.notification-inbox__detail) { grid-template-columns: minmax(0px, 1fr) minmax(300px, 0.9fr); }

[data-account-app-screen="notifications"] .notification-inbox__list { display: grid; gap: 12px; min-width: 0px; }

[data-account-app-screen="notifications"] .notification-inbox__card { display: flex; align-items: center; min-width: 0px; position: relative; border: 1px solid rgb(223, 233, 228); border-radius: 15px; background: rgb(255, 255, 255); padding: 8px 8px 8px 12px; overflow: hidden; }

[data-account-app-screen="notifications"] .notification-inbox__card.is-unread { background: rgb(250, 255, 249); border-left: 4px solid rgb(164, 236, 175); }

[data-account-app-screen="notifications"] .notification-inbox__card.is-selected { border-color: rgb(0, 140, 79); }

[data-account-app-screen="notifications"] .notification-inbox__read { display: flex; align-items: center; gap: 11px; min-width: 0px; flex: 1 1 0%; padding: 8px 0px; border: 0px; background: none; text-align: left; color: rgb(5, 47, 94); }

[data-account-app-screen="notifications"] .notification-inbox__symbol { display: grid; place-items: center; width: 44px; height: 44px; flex: 0 0 44px; border-radius: 50%; background: rgb(239, 245, 241); color: rgb(112, 128, 141); }

[data-account-app-screen="notifications"] .is-unread .notification-inbox__symbol { background: rgb(224, 248, 220); color: rgb(0, 140, 79); }

[data-account-app-screen="notifications"] .notification-inbox__copy { display: grid; gap: 5px; min-width: 0px; flex: 1 1 0%; }

[data-account-app-screen="notifications"] .notification-inbox__copy strong { font-size: 13px; line-height: 1.4; font-weight: 700; color: rgb(5, 47, 94); overflow-wrap: anywhere; }

[data-account-app-screen="notifications"] .notification-inbox__copy > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 11px; line-height: 1.5; color: rgb(96, 121, 137); overflow-wrap: anywhere; }

[data-account-app-screen="notifications"] .notification-inbox__copy small { font-size: 10px; line-height: 1.4; color: rgb(122, 138, 152); }

[data-account-app-screen="notifications"] .notification-inbox__chevron svg { width: 16px; height: 16px; }

[data-account-app-screen="notifications"] .notification-inbox__trash,
[data-account-app-screen="notifications"] .notification-inbox__close { display: grid; place-items: center; width: 44px; height: 44px; min-width: 44px; flex: 0 0 44px; padding: 12px; border: 0px; border-radius: 11px; background: none; color: rgb(112, 128, 141); }

[data-account-app-screen="notifications"] .notification-inbox__trash:hover { background: rgb(255, 240, 240); color: rgb(195, 52, 72); }

[data-account-app-screen="notifications"] .notification-inbox__detail-host { min-width: 0px; }

[data-account-app-screen="notifications"] .notification-inbox__detail { position: relative; background: rgb(255, 255, 255); border: 1px solid rgb(223, 233, 228); border-radius: 18px; padding: 26px 22px; color: rgb(5, 47, 94); min-width: 0px; outline: none; }

[data-account-app-screen="notifications"] .notification-inbox__close { position: absolute; top: 9px; right: 9px; }

[data-account-app-screen="notifications"] .notification-inbox__status { display: inline-flex; align-items: center; gap: 6px; min-height: 25px; padding: 4px 9px; border-radius: 10px; background: rgb(223, 245, 223); color: rgb(0, 126, 72); font-size: 11px; font-weight: 650; margin: 0px 40px 22px 0px; }

[data-account-app-screen="notifications"] .notification-inbox__status svg { width: 17px; height: 17px; flex-basis: 17px; }

[data-account-app-screen="notifications"] .notification-inbox__detail h3 { overflow-wrap: anywhere; margin: 0px 0px 8px !important; font-size: 21px !important; line-height: 1.3 !important; color: rgb(5, 47, 94) !important; }

[data-account-app-screen="notifications"] .notification-inbox__detail > small { font-size: 11px; color: rgb(122, 138, 152); }

[data-account-app-screen="notifications"] .notification-inbox__message { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 14px !important; line-height: 1.7 !important; color: rgb(82, 111, 130) !important; margin: 22px 0px !important; }

[data-account-app-screen="notifications"] .notification-inbox__primary { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 11px 14px; border: 1px solid rgb(0, 140, 79); border-radius: 11px; background: rgb(0, 140, 79); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; line-height: 1.4; }

[data-account-app-screen="notifications"] .notification-inbox__delete { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 11px 14px; border-width: 1px; border-style: solid; border-image: none; border-radius: 11px; font-size: 12px; font-weight: 700; line-height: 1.4; }

[data-account-app-screen="notifications"] .notification-inbox__more { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 46px; padding: 11px 14px; border: 1px solid rgb(0, 140, 79); border-radius: 11px; font-size: 12px; font-weight: 700; line-height: 1.4; }

[data-account-app-screen="notifications"] .notification-inbox__delete { margin-top: 12px; border-color: rgb(232, 191, 197); background: rgb(255, 255, 255); color: rgb(195, 52, 72); }

[data-account-app-screen="notifications"] .notification-inbox__more { background: rgb(255, 255, 255); color: rgb(0, 140, 79); }

[data-account-app-screen="notifications"] .notification-inbox__hint { padding-top: 16px; margin: 20px 0px 0px; font-size: 11px; color: rgb(122, 138, 152); line-height: 1.5; border-top: 1px solid rgb(231, 238, 234); }

[data-account-app-screen="notifications"] .notification-inbox__empty { padding: 28px 20px; border: 1px solid rgb(223, 233, 228); border-radius: 16px; background: rgb(255, 255, 255); text-align: center; font-size: 13px; color: rgb(5, 47, 94); line-height: 1.5; }

[data-account-app-screen="notifications"] .notification-inbox__empty p { font-size: 12px; color: rgb(96, 121, 137); margin: 9px 0px 0px; }

[data-account-app-screen="notifications"] .notification-inbox__error { padding: 14px; border: 1px solid rgb(233, 206, 208); border-radius: 12px; background: rgb(255, 245, 245); color: rgb(165, 61, 75); font-size: 12px; line-height: 1.5; margin: 0px 0px 14px; }

[data-account-app-screen="notifications"] .notification-inbox__error button { min-height: 40px; border: 0px; background: transparent; color: inherit; font-weight: 700; text-decoration: underline; }

@media (max-width: 1100px) {
[data-account-app-screen="notifications"] .notification-inbox__workspace:has(.notification-inbox__detail) { grid-template-columns: minmax(0px, 1fr); }

[data-account-app-screen="notifications"] .notification-inbox__detail-host { grid-row: 1; }
}

@media (max-width: 820px) {
[data-account-app-screen="notifications"] .notification-inbox__hero { padding: 18px 16px; gap: 8px; border-radius: 17px; margin-bottom: 14px; }

[data-account-app-screen="notifications"] .notification-inbox__hero h2 { letter-spacing: -0.3px; font-size: 19px !important; }

[data-account-app-screen="notifications"] .notification-inbox__hero p { font-size: 12px !important; }

[data-account-app-screen="notifications"] .notification-inbox__hero img { width: 80px; height: 80px; max-width: 80px; flex-basis: 80px; }

[data-account-app-screen="notifications"] .notification-inbox__toolbar { gap: 10px; }

[data-account-app-screen="notifications"] .notification-inbox__tabs { width: 100%; }

[data-account-app-screen="notifications"] .notification-inbox__tabs button { flex: 1 1 0%; min-width: 0px; }

[data-account-app-screen="notifications"] .notification-inbox__mark { margin-left: auto; font-size: 11px; }

[data-account-app-screen="notifications"] .notification-inbox__read { gap: 8px; }

[data-account-app-screen="notifications"] .notification-inbox__symbol { width: 36px; height: 36px; flex-basis: 36px; }

[data-account-app-screen="notifications"] .notification-inbox__card { padding-left: 9px; }

[data-account-app-screen="notifications"] .notification-inbox__copy strong { font-size: 12px; }

[data-account-app-screen="notifications"] .notification-inbox__backdrop { position: fixed; inset: 0px; z-index: 2147483000; background: rgba(5, 47, 94, 0.27); display: flex; align-items: flex-end; justify-content: center; overscroll-behavior: contain; }

[data-account-app-screen="notifications"] .notification-inbox__detail { width: 100%; max-height: 85dvh; overflow: auto; overscroll-behavior: contain; border-radius: 22px 22px 0px 0px; border: 0px; box-shadow: rgba(5, 47, 94, 0.094) 0px -8px 32px; }

[data-account-app-screen="notifications"] .notification-inbox__detail h3 { font-size: 20px !important; }
}

@media (max-width: 360px) {
[data-account-app-screen="notifications"] .notification-inbox__hero { padding: 16px 12px; }

[data-account-app-screen="notifications"] .notification-inbox__hero img { width: 64px; height: 64px; max-width: 64px; flex-basis: 64px; }

[data-account-app-screen="notifications"] .notification-inbox__hero h2 { font-size: 17px !important; }

[data-account-app-screen="notifications"] .notification-inbox__chevron { display: none; }
}

html body [data-r4-notice-badge],
html body [data-patyta-header-notice-badge] { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 20px !important; min-height: 20px !important; padding: 2px 5px !important; border-radius: 20px !important; background: rgb(0, 140, 79) !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 750 !important; line-height: 1.2 !important; }

html body [data-r4-notice-badge][hidden],
html body [data-patyta-header-notice-badge][hidden],
[data-account-app-screen="notifications"]:has([data-patyta-notification-inbox]) > [data-account-app-slot="notifications"] { display: none !important; }

html body [data-page="cuenta"].patyta-account-app-enabled:has([data-account-app-screen="notifications"].is-active) .patyta-account-app__mobile-head { border-bottom: 0px !important; margin-bottom: 10px !important; }

/* La burbuja del menú se separa del título. */
[data-r4-notice-badge] { margin-left: 8px; vertical-align: middle; flex-shrink: 0; }