/* Savings detail sheet — premium, scrollable content with a fixed action footer.
   Restricted to Savings Details; Accounts/Wallet and other modals unchanged. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sg-sticky-details,
#modal-root .modal.u4sg-sticky-details{
 display:flex!important;flex-direction:column!important;
 width:min(720px,calc(100vw - 28px))!important;
 height:min(770px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px))!important;
 max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px)!important;
 padding:16px 0 0!important;overflow:hidden!important;
 border-radius:27px!important;box-sizing:border-box!important;
}
#modal-root .modal.u4sg-sticky-details > .modal-head{
 flex:none!important;display:flex!important;align-items:center!important;gap:8px!important;
 padding:0 18px 13px!important;margin:0!important;position:relative!important;z-index:3!important;
}
#modal-root .modal.u4sg-sticky-details > .modal-head h2{
 flex:1!important;min-width:0!important;display:flex!important;align-items:center!important;gap:10px!important;
 font-size:clamp(20px,3.2vw,26px)!important;line-height:1.25!important;overflow-wrap:anywhere!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-title-icon{
 display:flex;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;
 border-radius:13px;color:var(--accent,#087b59);background:color-mix(in srgb,var(--accent,#087b59) 9%,var(--card,#fff));
}
#modal-root .modal.u4sg-sticky-details .u4sg-title-icon svg{width:22px;height:22px}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu{position:relative;flex:none;z-index:10}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu > summary{
 width:41px;height:41px;display:grid;place-items:center;list-style:none;cursor:pointer;border-radius:50%;
 background:color-mix(in srgb,var(--card,#fff) 86%,transparent);color:var(--text,#182439);
 font-size:22px;font-weight:750;letter-spacing:1px;line-height:1;box-shadow:0 7px 19px rgba(29,48,45,.06);
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu > summary::-webkit-details-marker{display:none}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu > summary:focus-visible{outline:2px solid var(--accent,#087b59);outline-offset:3px}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu-content{
 position:absolute;right:0;top:calc(100% + 8px);width:180px;padding:5px;border-radius:16px;
 background:var(--card,#fff);border:1px solid var(--border,#dce8e4);
 box-shadow:0 18px 32px rgba(20,39,38,.18);
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu-content button{
 display:block;width:100%;text-align:left;background:transparent;border:0;padding:12px 13px;border-radius:11px;
 color:var(--text,#182439);font:inherit;font-weight:650;font-size:13px;cursor:pointer;
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu-content button:focus-visible,
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu-content button:hover{background:color-mix(in srgb,var(--accent,#087b59) 8%,var(--card,#fff))}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-menu-content .u4sg-option-delete{color:#b34f58!important}
#modal-root .modal.u4sg-sticky-details > .u4sg-detail-scroll{
 min-height:0!important;flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain;
 -webkit-overflow-scrolling:touch;padding:0 18px 20px!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-hero{margin-bottom:11px!important}
#modal-root .modal.u4sg-sticky-details .u4sg-sticky-linked{
 display:grid!important;grid-template-columns:1fr!important;gap:3px!important;
 padding:11px 13px!important;margin:13px 0 0!important;border:0!important;border-radius:13px!important;
 background:color-mix(in srgb,var(--accent,#087b59) 6%,var(--card,#fff))!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-sticky-health{padding:14px 16px!important;margin-bottom:10px!important}
#modal-root .modal.u4sg-sticky-details .u4sg-sticky-health .savings-health-grid-v74{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-sticky-health .savings-health-grid-v74>div{
 min-height:62px!important;padding:10px!important;overflow-wrap:anywhere!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-insight{margin-bottom:10px!important}
#modal-root .modal.u4sg-sticky-details .u4sg-sticky-history{margin-bottom:0!important;overflow:visible!important}
#modal-root .modal.u4sg-sticky-details .savings-history-row-v74{min-height:56px!important}
#modal-root .modal.u4sg-sticky-details .savings-history-row-v74 strong{color:var(--accent,#087b59)!important}
#modal-root .modal.u4sg-sticky-details > .u4sg-detail-footer{
 flex:0 0 auto!important;position:relative!important;z-index:2!important;
 padding:12px 18px calc(14px + env(safe-area-inset-bottom))!important;
 border-top:1px solid color-mix(in srgb,var(--accent,#087b59) 11%,var(--border,#dce8e4))!important;
 background:color-mix(in srgb,var(--card,#fff) 80%,transparent)!important;
 backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);
 box-shadow:0 -8px 22px rgba(21,47,43,.055);
}
#modal-root .modal.u4sg-sticky-details > .u4sg-detail-footer > .savings-actions-v74{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-footer button{
 min-width:0!important;min-height:48px!important;border-radius:16px!important;margin:0!important;font-size:14px!important;
}
#modal-root .modal.u4sg-sticky-details .u4sg-detail-footer button.primary{
 background:#08684e!important;color:#fff!important;-webkit-text-fill-color:#fff!important;
}
@media(max-width:540px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sg-sticky-details,
 #modal-root .modal.u4sg-sticky-details{width:calc(100vw - 18px)!important;height:min(690px,calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 16px))!important}
 #modal-root .modal.u4sg-sticky-details .u4sg-sticky-health .savings-health-grid-v74{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #modal-root .modal.u4sg-sticky-details .u4sg-sticky-health .savings-health-grid-v74 > div:last-child{grid-column:1/-1!important}
 #modal-root .modal.u4sg-sticky-details > .modal-head{padding-inline:13px!important}
 #modal-root .modal.u4sg-sticky-details > .u4sg-detail-scroll{padding-inline:13px!important}
 #modal-root .modal.u4sg-sticky-details > .u4sg-detail-footer{padding-left:13px!important;padding-right:13px!important}
}
@media(prefers-reduced-motion:reduce){#modal-root .modal.u4sg-sticky-details *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}