/* Updates: approved balanced-footer concept, 2026-11-07. */
@layer falue-light-polish {
html body .falue-updates-sheet.falue-notifications-sheet.show{padding:18px 20px 12px!important;border-radius:26px!important;}
html body .falue-notifications-sheet .falue-updates-heading{padding:12px 0 16px!important;}
html body .falue-notifications-sheet>.valign{margin-bottom:8px!important;}
html body .falue-notifications-sheet .tag_switch_noti{padding:3px!important;gap:2px!important;}
html body .falue-notifications-sheet .tag_switch_noti li{flex:1 1 0!important;min-width:0!important;}
html body .falue-notifications-sheet .tag_switch_noti a{min-height:38px!important;height:38px!important;padding:0 7px!important;border:0!important;gap:5px!important;}
html body .falue-notifications-sheet .tag_switch_noti a.active{box-shadow:0 3px 10px rgba(24,27,38,.045)!important;}
html body .falue-notifications-sheet :is(#hdr_activity,#hdr_notifi) .notification-list{padding:20px 4px!important;min-height:104px!important;border-bottom-color:rgba(130,132,145,.12)!important;}
html body .falue-notifications-sheet #hdr_activity .show-message-link{margin:14px auto 20px!important;}
html body .falue-notifications-sheet .falue-updates-footer{margin-top:0!important;padding:10px 0 0!important;border-top:1px solid rgba(130,132,145,.14)!important;flex-shrink:0!important;}
html body .falue-notifications-sheet .falue-updates-footer .turn-off-sound{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 4px!important;gap:12px!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;box-sizing:border-box!important;}
html body .falue-notifications-sheet .turn-off-sound svg{order:0!important;width:22px!important;height:22px!important;flex:0 0 22px!important;margin:0!important;}
html body .falue-notifications-sheet .turn-off-sound:after{order:1!important;flex:1 1 auto!important;font-size:14px!important;text-align:left!important;}
html body .falue-notifications-sheet .turn-off-sound:before{order:2!important;margin:0!important;flex:0 0 40px!important;width:40px!important;height:24px!important;background:radial-gradient(circle at 12px 12px,#fff 0 9px,transparent 9.5px) #90939e!important;box-shadow:none!important;}
html body .falue-notifications-sheet .turn-off-sound[aria-pressed="true"]:before{background:radial-gradient(circle at 28px 12px,#fff 0 9px,transparent 9.5px) var(--falue-action-bg,#242637)!important;}
html body .falue-notifications-sheet .turn-off-sound:focus-visible{outline:2px solid var(--falue-text-secondary,#5d5f93)!important;outline-offset:2px!important;}
@media(max-width:400px){html body .falue-updates-sheet.falue-notifications-sheet.show{padding-inline:16px!important;}html body .falue-notifications-sheet .tag_switch_noti a{font-size:12px!important;padding-inline:3px!important;gap:4px!important;}}
}

@layer falue-light-polish {
html body .falue-updates-sheet.falue-notifications-sheet .tag_switch_noti{background:var(--falue-bg,#f7f8fa)!important;border-radius:999px!important;}
html body .falue-updates-sheet.falue-notifications-sheet .tag_switch_noti a{border-radius:999px!important;}
html body .falue-updates-sheet.falue-notifications-sheet .tag_switch_noti a.active{background:var(--falue-surface,#fff)!important;}
@media(max-width:767px){

html body .falue-notifications-sheet .falue-updates-heading{padding:4px 0 8px!important;}
html body .falue-notifications-sheet :is(#hdr_activity,#hdr_notifi) .notification-list{padding-block:16px!important;}
}
}

@layer falue-light-polish {@media(min-width:768px) and (max-width:1024px){html body .falue-updates-sheet.falue-notifications-sheet.show{width:480px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;}}}

@layer falue-light-polish {
html body .falue-notifications-sheet #hdr_activity .show-message-link[data-has-more="false"]{display:none!important;}
html body .falue-notifications-sheet #hdr_activity .activity-container{display:flex!important;flex-direction:column!important;min-height:100%!important;}
html body .falue-notifications-sheet #hdr_activity .show-message-link{flex-shrink:0!important;margin-top:auto!important;margin-bottom:16px!important;}
html body .falue-notifications-sheet #activities-wrapper{padding-bottom:16px!important;}
@media(min-width:1025px){
html body .falue-updates-sheet.falue-notifications-sheet.show{inset:0 0 0 auto!important;transform:none!important;width:430px!important;height:100dvh!important;border-radius:24px 0 0 24px!important;padding:24px 22px 16px!important;animation:falue-updates-slide-in .22s ease-out!important;}
html body .falue-notifications-sheet .falue-notification-handle,html body .falue-notifications-sheet .falue-updates-heading:before{display:none!important;}
}
@keyframes falue-updates-slide-in{from{transform:translateX(100%);}to{transform:translateX(0);}}
@media(prefers-reduced-motion:reduce){html body .falue-updates-sheet.falue-notifications-sheet.show{animation:none!important;}}
}

/* Concept 3: shared compact pull-up menu headers. */
@layer falue-light-polish {
@media(max-width:1024px){
html body :is(.fmb-surface:has(>.fmb-handle),.falue-updates-sheet.falue-notifications-sheet){padding-top:8px!important;}
html body .fmb-surface>.fmb-handle,html body .falue-updates-sheet.falue-notifications-sheet>.falue-notification-handle{position:relative!important;display:var(--fmb-grip-display,flex)!important;align-items:flex-start!important;justify-content:center!important;width:64px!important;height:7px!important;min-height:7px!important;flex:0 0 7px!important;padding:0!important;margin:0 auto!important;border:0!important;background:transparent!important;overflow:visible!important;}
html body .fmb-surface>.fmb-handle>span{display:block!important;width:28px!important;height:3px!important;min-height:3px!important;border-radius:999px!important;margin:0!important;}
html body .falue-notifications-sheet>.falue-notification-handle:after{left:18px!important;right:auto!important;top:0!important;width:28px!important;height:3px!important;border-radius:999px!important;}
/* Keep a generous central drag/tap area without adding visual whitespace. */
html body .fmb-surface>.fmb-handle:before,html body .falue-notifications-sheet>.falue-notification-handle:before{content:''!important;position:absolute!important;inset:-8px 0 auto!important;height:44px!important;background:transparent!important;pointer-events:auto!important;}
html body .fmb-surface>.fmb-handle+:is(header,.modal-header,.fum-header,.fsv-header,.fup-heading),html body .falue-updates-sheet.falue-notifications-sheet>.falue-updates-heading{min-height:44px!important;box-sizing:border-box!important;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:8px!important;align-items:center!important;}
html body .fmb-surface>.fmb-handle+:is(header,.modal-header,.fum-header,.fsv-header,.fup-heading) :is(h2,h3,h4),html body .falue-notifications-sheet .falue-updates-heading h2{margin-block:0!important;}
html body .fmb-surface>.fmb-handle+:is(header,.modal-header,.fum-header,.fsv-header,.fup-heading) button,html body .falue-notifications-sheet .falue-updates-done{min-height:44px!important;}
html body .fr-a3-sheet:has(>.fr-a3-handle){padding-top:8px!important;}
html body .fr-a3-sheet>.fr-a3-handle{width:28px!important;height:3px!important;margin:0 auto 4px!important;}
html body .fr-a3-sheet>.fr-a3-handle+header{min-height:44px!important;padding-block:0!important;margin-block:0 8px!important;align-items:center!important;}
html[data-falue-typing-compact="true"] body .fmb-surface>.fmb-handle{display:none!important;}
}
}

@layer falue-light-polish {@media(max-width:1024px){
html body .falue-updates-sheet.falue-notifications-sheet.show{padding-top:8px!important;}
html body #fvps-sheet.fmb-surface{padding-top:8px!important;}
html body #fvps-sheet>.fvps-grab{height:7px!important;min-height:7px!important;margin:0 auto!important;padding:0!important;}
html body #fvps-sheet>.fvps-grab:before,html body #fvps-sheet>.fvps-grab:after{width:28px!important;height:3px!important;top:0!important;}
html body #fvps-sheet>.fvps-body{padding-top:0!important;}
html body #fvps-title{min-height:44px!important;display:flex!important;align-items:center!important;margin:0 0 8px!important;}
html body .fsv-panel:not(.fmb-surface){padding-top:8px!important;}
html body .fsv-panel:not(.fmb-surface):before{width:28px!important;height:3px!important;margin:0 auto 4px!important;}
html body .fsv-panel>.fsv-header{min-height:44px!important;margin:0 0 8px!important;padding-block:0!important;align-items:center!important;}
html body .ff-family-content{padding-top:8px!important;}
html body .ff-family-content>.ff-family-handle{width:28px!important;height:3px!important;margin:0 auto 4px!important;}
html body .ff-family-content>.modal-header{padding-block:0!important;min-height:44px!important;margin-bottom:8px!important;}
}}

/* Content-sized Updates sheets; desktop remains a full-height side drawer. */
@layer falue-light-polish {@media(max-width:1024px){
html body .falue-updates-sheet.falue-notifications-sheet.show{height:auto!important;min-height:0!important;max-height:calc(var(--fmb-viewport,100dvh) - 24px)!important;}
html body .falue-updates-sheet.falue-notifications-sheet>.tab-content{flex:0 1 auto!important;min-height:0!important;}
html body .falue-updates-sheet.falue-notifications-sheet .tab-pane{height:auto!important;min-height:0!important;max-height:calc(var(--fmb-viewport,100dvh) - 220px)!important;overflow-y:auto!important;}
html body .falue-updates-sheet.falue-notifications-sheet #hdr_activity .activity-container{min-height:0!important;}
html body .falue-updates-sheet.falue-notifications-sheet #activities-wrapper{padding-bottom:0!important;}
html body .falue-updates-sheet.falue-notifications-sheet #hdr_activity .show-message-link{margin-top:12px!important;}
html body .falue-updates-sheet.falue-notifications-sheet .falue-updates-footer{margin-top:4px!important;}
}}