/* Update 4 – Subscriptions and Bills share Accounts/Savings/Loans mint/ivory system.
   Scopes are deliberate: approved sections, money calculations and actions untouched. */
#app .finance-full-shell.u4sb-page{--u4sb-mint:linear-gradient(123deg,color-mix(in srgb,#b8e6d1 33%,var(--card,#fff)),color-mix(in srgb,#dbe9f9 23%,var(--card,#fff)) 69%,color-mix(in srgb,#f7f0d8 38%,var(--card,#fff)));--u4sb-line:color-mix(in srgb,#087b59 13%,transparent)}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-page .finance-full-top.u4sb-top{display:flex!important;position:relative!important;align-items:center!important;justify-content:space-between!important;min-height:66px!important;margin:0!important;padding:9px 0!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-top .finance-full-heading{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;transform:translate(-50%,-50%)!important;text-align:center!important;pointer-events:none!important;width:max-content!important;max-width:calc(100% - 155px)!important}
#app .u4sb-top .finance-back{z-index:1!important;flex:0 0 42px!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-top>.u4sb-add{position:relative!important;z-index:1!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;min-width:154px!important;width:auto!important;height:44px!important;min-height:44px!important;max-width:190px!important;margin:0 0 0 auto!important;padding:0 15px!important;border:1px solid color-mix(in srgb,#087b59 22%,transparent)!important;border-radius:99px!important;background:color-mix(in srgb,#b8e6d1 45%,var(--card,#fff))!important;color:#086748!important;font-size:13px!important;font-weight:750!important;box-shadow:0 10px 24px rgba(12,76,57,.075)!important}
#app .u4sb-add-plus{font-size:20px;font-weight:500;line-height:1}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-page .u4sb-overview{margin:4px 0 16px!important;padding:22px 24px!important;border:1px solid var(--u4sb-line)!important;border-radius:26px!important;background:var(--u4sb-mint)!important;box-shadow:0 14px 35px rgba(21,67,65,.07)!important;overflow:hidden!important}
#app .u4sb-overview>.eyebrow{font-size:12px!important;letter-spacing:.10em!important;font-weight:800!important;color:#087b59!important}
#app .u4sb-overview>.eyebrow::before{content:'✦';font-size:14px;margin-right:9px}
#app .u4sb-overview .subscription-overview-grid-v75{gap:10px!important;margin-top:18px!important}
#app .u4sb-overview .subscription-overview-grid-v75>div{background:color-mix(in srgb,var(--card,#fff) 78%,transparent)!important;border:1px solid var(--u4sb-line)!important;border-radius:16px!important;min-height:70px;padding:11px 13px;display:flex;flex-direction:column;justify-content:center;gap:5px}
#app .u4sb-overview .subscription-overview-grid-v75 span{font-size:12px!important;line-height:1.2!important}
#app .u4sb-overview .subscription-overview-grid-v75 b{font-size:clamp(15px,2.1vw,20px)!important;line-height:1.2!important;margin:0!important;white-space:normal!important;overflow-wrap:anywhere}
#app .u4sb-overview .subscription-overview-foot-v75{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;font-size:12px!important;margin-top:16px!important;padding-top:13px!important}
#app .u4sb-overview .subscription-overview-foot-v75 b{margin-left:auto;font-size:12px}
#app .u4sb-page .u4sb-tools{margin:0 0 12px!important;grid-template-columns:minmax(0,1fr) minmax(128px,166px)!important;gap:10px!important}
#app .u4sb-page .u4sb-tools .subscription-sort-v75{min-width:0!important;max-width:none!important;width:100%!important}
#app .u4sb-page .subscription-filter-v75{border-radius:19px!important}
#app .u4sb-page .u4sb-list{display:grid;gap:12px}
#app .u4sb-page .u4sb-row{border-radius:22px!important;border:1px solid color-mix(in srgb,#087b59 12%,var(--border,#dde7e2))!important;background:color-mix(in srgb,var(--card,#fff) 90%,transparent)!important;box-shadow:0 9px 24px rgba(32,62,63,.055)!important;padding:18px 19px!important}
#app .u4sb-page .u4sb-row:focus-visible{outline:2px solid #087b59!important;outline-offset:3px!important}
#app .u4sb-page .u4sb-row .subscription-card-top-v75 span{font-size:11px!important}
#app .u4sb-page .u4sb-row .subscription-card-top-v75 b{font-size:16px!important}
#app .u4sb-page .u4sb-row .subscription-card-meta-v75,#app .u4sb-page .u4sb-row .subscription-card-foot-v75{font-size:12px!important}
#app .u4sb-page .u4sb-row .subscription-card-top-v75 strong{font-size:16px!important}
/* Match Savings and Loans compact, scroll-under, floating-action detail sheets. */
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #modal-root .modal.u4sb-detail-modal,#modal-root .modal.u4sb-detail-modal{position:relative!important;isolation:isolate!important;display:flex!important;flex-direction:column!important;width:min(620px,calc(100% - 20px))!important;max-width:620px!important;max-height:min(89dvh,900px)!important;overflow:hidden!important;border-radius:28px!important;padding:18px 18px 8px!important}
#modal-root .modal.u4sb-detail-modal>.u4sb-detail{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-head{flex:0 0 auto;margin:0 0 13px!important;min-height:48px;align-items:center}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-head>h2{min-width:0;flex:1;overflow-wrap:anywhere}
#modal-root .modal.u4sb-detail-modal .u4sb-header-actions{display:flex;flex:0 0 auto;gap:8px;align-items:center}
#modal-root .modal.u4sb-detail-modal .u4sb-menu{position:relative;z-index:8}
#modal-root .modal.u4sb-detail-modal .u4sb-menu>summary{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;cursor:pointer;list-style:none;background:color-mix(in srgb,var(--card,#fff) 83%,transparent);font-size:18px;color:var(--text)}
#modal-root .modal.u4sb-detail-modal .u4sb-menu>summary::-webkit-details-marker{display:none}
#modal-root .modal.u4sb-detail-modal .u4sb-menu-list{position:absolute;right:0;top:calc(100% + 8px);border:1px solid var(--border);box-shadow:0 12px 34px rgba(20,40,35,.22);background:var(--card);border-radius:16px;padding:7px;width:190px;display:grid;gap:3px}
#modal-root .modal.u4sb-detail-modal .u4sb-menu-list button{width:100%;margin:0!important;text-align:left;padding:12px 13px!important;border:0!important;background:transparent!important;border-radius:10px;color:var(--text);font-size:13px}
#modal-root .modal.u4sb-detail-modal .u4sb-menu-list button.u4sb-menu-delete{color:var(--red)!important}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 2px calc(112px + env(safe-area-inset-bottom,0px))!important}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll::-webkit-scrollbar{display:none}
#modal-root .modal.u4sb-detail-modal .u4sb-hero{border-radius:22px!important;background:linear-gradient(126deg,color-mix(in srgb,#b8e6d1 29%,var(--card,#fff)),color-mix(in srgb,#dbe9f9 14%,var(--card,#fff)) 72%,color-mix(in srgb,#f7f0d8 24%,var(--card,#fff)))!important;border:1px solid color-mix(in srgb,#087b59 12%,transparent)!important}
#modal-root .modal.u4sb-detail-modal .subscription-hero-head-v75>div>b{font-size:26px!important}
#modal-root .modal.u4sb-detail-modal .subscription-health-grid-v75>div{border:1px solid color-mix(in srgb,#087b59 9%,transparent);border-radius:15px;background:color-mix(in srgb,#b8e6d1 9%,var(--card,#fff));padding:13px!important}
#modal-root .modal.u4sb-detail-modal .subscription-health-grid-v75 b{font-size:13px!important;white-space:normal!important;overflow-wrap:anywhere}
#modal-root .modal.u4sb-detail-modal .u4sb-health,#modal-root .modal.u4sb-detail-modal .u4sb-setup,#modal-root .modal.u4sb-detail-modal .u4sb-history{border-radius:22px!important;padding:17px!important}
#modal-root .modal.u4sb-detail-modal .u4sb-insight{border-radius:19px!important;background:color-mix(in srgb,#b8e6d1 19%,var(--card,#fff))!important;border-color:color-mix(in srgb,#087b59 13%,transparent)!important;padding:15px!important}
#modal-root .modal.u4sb-detail-modal .u4sb-insight b{font-size:12px!important;color:#087b59!important}
#modal-root .modal.u4sb-detail-modal .u4sb-insight span{font-size:12px!important}
#modal-root .modal.u4sb-detail-modal .u4sb-setup .detail-list{border-radius:16px!important;overflow:hidden}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-footer{position:absolute;bottom:calc(5px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:min(calc(100% - 12px),430px);display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5;border:0;background:transparent;box-shadow:none;padding:0;margin:0}
#modal-root .modal.u4sb-detail-modal .u4sb-detail-footer>.u4sb-pay{width:100%!important;min-height:52px;border-radius:17px!important;background:#086b50!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important;box-shadow:0 14px 30px rgba(4,65,51,.20)!important;pointer-events:auto}
#modal-root .modal.u4sb-detail-modal .u4sb-pay:disabled{opacity:.5}
#modal-root .modal.u4sb-editor-modal{max-width:620px!important}
@media(max-width:600px){
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .u4sb-top>.u4sb-add{flex:0 0 44px!important;width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;padding:0!important;border-radius:50%!important}
 #app .u4sb-add-label{display:none!important}
 #app .u4sb-page .u4sb-overview{padding:19px!important;border-radius:23px!important}
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important}
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div:last-child{grid-column:auto}
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75>div{padding:10px 8px!important;min-height:76px!important}
 #app .u4sb-page .u4sb-overview .subscription-overview-grid-v75 b{font-size:12px!important;line-height:1.25!important}
 #app .u4sb-page .u4sb-tools{grid-template-columns:minmax(0,1fr) minmax(0,145px)!important;gap:9px!important}
 #modal-root .modal.u4sb-detail-modal{max-height:calc(90dvh - env(safe-area-inset-bottom,0px))!important;padding:16px 14px 7px!important}
 #modal-root .modal.u4sb-detail-modal .u4sb-detail-scroll{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
 #modal-root .modal.u4sb-detail-modal .subscription-health-grid-v75{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #modal-root .modal.u4sb-detail-modal .subscription-health-grid-v75>div:last-child{grid-column:1/-1}
}
@media(max-width:360px){#app .u4sb-page .u4sb-tools{grid-template-columns:minmax(0,1fr) 132px!important;gap:7px!important}}
html[data-theme="dark"] #app .u4sb-page .u4sb-overview{background:linear-gradient(130deg,#193d36,#213940 66%,#263239)!important;border-color:rgba(150,220,190,.17)!important}
html[data-theme="dark"] #app .u4sb-page .u4sb-row{background:#172722!important;border-color:rgba(159,222,190,.13)!important}
html[data-theme="dark"] #modal-root .modal.u4sb-detail-modal .u4sb-hero{background:linear-gradient(130deg,#193d36,#263239)!important;border-color:rgba(150,220,190,.17)!important}
html[data-theme="dark"] #modal-root .modal.u4sb-detail-modal .subscription-health-grid-v75>div{background:#203b34!important;border-color:rgba(150,220,190,.14)!important}
@media(prefers-reduced-motion:reduce){#modal-root .modal.u4sb-detail-modal *{scroll-behavior:auto!important}}