/* Mobile panel geometry is independent of the shared account card styling. */
.sg-profile-unread-count[hidden]{display:none!important}
.sg-profile-unread-count{position:absolute;inset:-5px -4px auto auto;display:grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border:2px solid var(--ui-panel,#101908);border-radius:99px;background:var(--ui-primary,#bffa00);color:var(--ui-primary-text,#152306);font-size:10px;font-weight:850;line-height:1;z-index:2}
html[data-site-theme] body [data-mobile-notification-profile]{position:relative;overflow:visible!important}
html[data-site-theme] body [data-mobile-notification-profile].has-unread{border-color:var(--ui-accent,#bffa00)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ui-accent,#bffa00) 15%,transparent),0 0 22px color-mix(in srgb,var(--ui-accent,#bffa00) 32%,transparent)!important;animation:sg-profile-unread 2.4s ease-in-out infinite}
@keyframes sg-profile-unread{50%{filter:brightness(1.15)}}
.sg-account-backdrop[hidden]{display:none!important}
.sg-account-backdrop{position:fixed;inset:0;z-index:1090;border:0;background:#03080280;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
@media(max-width:991px){
    html.sg-mobile-account-open{overflow:hidden}
    html.sg-mobile-account-open body{overflow:hidden;overscroll-behavior:none}
    html.sg-mobile-account-open .tp-reference-header{z-index:1100!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions .tp-mobile-profile #tp-mobile-profile-menu.tp-account-menu{
        position:fixed!important;inset:var(--sg-account-top,76px) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left))!important;
        display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:0!important;width:auto!important;max-width:480px!important;
        height:min(760px,calc(100dvh - var(--sg-account-top,76px) - max(12px,env(safe-area-inset-bottom))))!important;
        max-height:calc(100dvh - var(--sg-account-top,76px) - max(12px,env(safe-area-inset-bottom)))!important;
        margin:0 0 0 auto!important;padding:0!important;overflow:hidden!important;border-radius:24px!important;transform:none!important;isolation:isolate;
    }
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .user-dropdown-body{position:static!important;min-height:0!important;max-height:none!important;height:auto!important;overflow:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .user-dropdown-footer{position:static!important;inset:auto!important;transform:none!important;min-height:0!important;height:auto!important;margin:0!important;box-shadow:none!important;z-index:auto!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-panel{position:fixed!important;inset:var(--sg-account-top,76px) max(12px,env(safe-area-inset-right)) auto max(12px,env(safe-area-inset-left))!important;width:auto!important;max-width:480px!important;margin-left:auto!important;max-height:calc(100dvh - var(--sg-account-top,76px) - 12px)!important;display:flex;flex-direction:column;z-index:4}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-list{min-height:0;max-height:calc(100dvh - var(--sg-account-top,76px) - 160px);overflow:auto}
    /* Account navigation rules must not resize the nested notification history. */
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-list>li{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-list>li>a{display:grid!important;grid-template-columns:36px minmax(0,1fr) 7px!important;align-items:start!important;justify-items:stretch!important;gap:10px!important;width:100%!important;height:auto!important;min-height:76px!important;margin:0!important;padding:14px 10px!important;border-radius:12px!important;white-space:normal!important;text-align:left!important;background:transparent!important;color:var(--ui-text)!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-list>li.is-unread>a{background:color-mix(in srgb,var(--ui-accent) 7%,var(--ui-panel))!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-list>li>a:hover{background:var(--ui-hover)!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-copy{display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important;width:auto!important;height:auto!important;white-space:normal!important;text-align:left!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-copy :is(strong,span,small){display:block!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.5!important;margin:0!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-item-icon{display:grid!important;place-items:center!important;flex:none!important;width:36px!important;height:36px!important;margin:0!important;border-radius:11px!important}
    html[data-site-theme] body .site-wrapper .tp-mobile-actions #tp-mobile-profile-menu .tp-notification-item-icon i{width:auto!important;height:auto!important;margin:0!important;padding:0!important;background:none!important}
}
@media(prefers-reduced-motion:reduce){html[data-site-theme] body [data-mobile-notification-profile].has-unread{animation:none!important;filter:none!important}}