/* Final shared notification layout overrides, loaded after the site theme. */
.notification-center,
.customer-topbar__user > .notification-center,
.ops-topbar__right > .notification-center {
    overflow: visible;
}

.notification-button__badge {
    min-width: 20px !important;
    width: auto;
    height: 20px;
    min-height: 20px !important;
    box-sizing: border-box;
}

.notification-panel__related {
    justify-self: start;
}

@media (max-width: 640px) {
    .notification-panel {
        box-sizing: border-box;
        max-width: calc(100vw - 1.2rem);
    }

    .notification-panel__close {
        width: 44px;
        min-width: 44px;
        height: 44px;
        min-height: 44px;
    }

    .notification-panel__item,
    .notification-panel__item > span:first-child,
    .notification-panel__item strong,
    .notification-panel__item small {
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .notification-panel__related {
        width: 100%;
    }

    .mobile-drawer__extras .notification-panel {
        max-width: 100%;
        overflow: hidden;
    }
}