/* Savings-only screenshot and icon QA corrections, no Accounts / Wallet selectors. */
#app .finance-full-shell.u4sg-page .finance-full-top.u4sg-header.u4sg-header-fixed,
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.u4sg-page .finance-full-top.u4sg-header.u4sg-header-fixed{
 width:100%!important;max-width:100%!important;box-sizing:border-box!important;
 margin:0!important;padding:9px 0 13px!important;display:grid!important;
 grid-template-columns:42px minmax(0,1fr) auto!important;align-items:center!important;gap:12px!important;
 overflow:visible!important;
}
#app .u4sg-header-fixed .finance-full-heading{min-width:0!important;text-align:center!important}
body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.u4sg-page .u4sg-header-fixed > button.u4sg-add-button{
 position:static!important;transform:none!important;inset:auto!important;right:auto!important;
 display:inline-flex!important;min-width:112px!important;width:max-content!important;max-width:none!important;
 white-space:nowrap!important;line-height:1.1!important;justify-self:end!important;flex-shrink:0!important;
 margin:0!important;padding:0 12px!important;box-sizing:border-box!important;
}
#app .u4sg-page .u4sg-tools.u4sg-sort-fixed{display:grid!important;grid-template-columns:minmax(0,1fr) 160px!important;gap:10px!important;align-items:center!important}
#app .u4sg-page .u4sg-sort-fixed > .savings-sort-v74{
 appearance:none!important;-webkit-appearance:none!important;display:block!important;
 box-sizing:border-box!important;width:160px!important;min-width:160px!important;max-width:160px!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
 padding:0 32px 0 14px!important;font-size:13px!important;line-height:1.25!important;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230b7654' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
 background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:15px!important;
}
#app .u4sg-page .u4sg-overview{padding-top:19px!important;padding-bottom:19px!important}
#app .u4sg-page .u4sg-overview-main{margin:12px 0 14px!important}
#app .u4sg-page .u4sg-summary-grid > div{min-height:64px!important}
#app .u4sg-page .u4sg-summary-grid > div:nth-child(3) strong{font-size:clamp(14px,2.2vw,19px)!important;overflow-wrap:anywhere!important}
#app .u4sg-page .u4sg-insight{margin-bottom:16px!important}
#app .u4sg-page .u4sg-list.u4sg-one-visible{grid-template-columns:minmax(0,1fr)!important}
#app .u4sg-page .u4sg-card-symbol{color:var(--u4sg-green)!important}
#app .u4sg-page .u4sg-card-symbol svg{display:block;width:24px;height:24px}
#app .u4sg-page .u4sg-list > .u4sg-card{min-height:168px!important;gap:12px!important}
#modal-root .u4sg-detail-icon{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;
 border-radius:12px;background:color-mix(in srgb,#b8e6d1 40%,var(--card,#fff));color:var(--accent,#087b59)}
#modal-root .u4sg-detail-icon svg{width:22px;height:22px}
#modal-root .modal.u4sg-detail-refined .savings-detail-head-v74>div{display:grid!important;grid-template-columns:auto 1fr!important;align-items:center!important;gap:0 10px!important}
#modal-root .modal.u4sg-detail-refined .savings-detail-head-v74>div>.u4sg-detail-icon{grid-row:1 / 3!important;grid-column:1!important}
#modal-root .modal.u4sg-detail-refined .savings-detail-head-v74>div>span:not(.u4sg-detail-icon){grid-row:1!important;grid-column:2!important}
#modal-root .modal.u4sg-detail-refined .savings-detail-head-v74>div>b{grid-row:2!important;grid-column:2!important}
#modal-root .modal.u4sg-detail-refined .u4sg-management-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
#modal-root .modal.u4sg-detail-refined .u4sg-management-actions button{width:100%!important;margin:0!important;min-width:0!important}
#modal-root .modal.u4sg-editor-refined .u4sg-icon-trigger{
 display:flex!important;align-items:center!important;gap:12px!important;width:100%!important;min-height:64px!important;
 padding:9px 12px!important;border-radius:15px!important;border:1px solid var(--border,#dce8e4)!important;
 background:color-mix(in srgb,var(--accent,#087b59) 3%,var(--card,#fff))!important;color:var(--text)!important;
 box-shadow:none!important;text-align:left!important;font-size:13px!important;font-weight:700!important;
}
#modal-root .u4sg-icon-selected{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex:0 0 42px;
 background:color-mix(in srgb,var(--accent,#087b59) 11%,var(--card,#fff));border-radius:13px;color:var(--accent,#087b59)}
#modal-root .u4sg-icon-selected svg{width:24px;height:24px}
#modal-root .u4sg-icon-label{min-width:0;flex:1}
#modal-root .u4sg-picker-chevron{font-size:17px;color:var(--muted)}
#modal-root .modal.u4sg-editor-refined .field small.note{line-height:1.4!important;font-size:11px!important}
#modal-root .modal.u4sg-editor-refined .field input[name="saved"]::placeholder{color:var(--muted)!important;opacity:.56!important}
#modal-root .u4sg-icon-picker-overlay{position:fixed;inset:0;z-index:25000;display:flex;align-items:center;justify-content:center;
 padding:16px;box-sizing:border-box;background:rgba(11,25,24,.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#modal-root .u4sg-icon-picker-sheet{width:min(100%,520px);max-height:min(85vh,760px);display:flex;flex-direction:column;
 background:var(--card,#fff);color:var(--text,#1c2537);border:1px solid var(--border,#e2e9e6);
 border-radius:26px;box-shadow:0 22px 70px rgba(12,32,27,.28);overflow:hidden}
#modal-root .u4sg-icon-picker-header{display:flex;align-items:start;justify-content:space-between;gap:12px;padding:20px 22px 12px}
#modal-root .u4sg-icon-picker-header strong{font-size:20px;font-weight:750}
#modal-root .u4sg-icon-picker-header p{margin:5px 0 0;font-size:12px;color:var(--muted)}
#modal-root .u4sg-picker-close{display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;
 font-size:22px;width:36px;height:36px;flex:0 0 36px;background:color-mix(in srgb,var(--accent,#087b59) 6%,var(--card,#fff));color:var(--text)}
#modal-root .u4sg-icon-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px 22px 22px;overflow-y:auto}
#modal-root .u4sg-icon-choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:91px;
 border-radius:17px;border:1px solid color-mix(in srgb,var(--accent,#087b59) 12%,var(--border,#dce8e4));
 background:color-mix(in srgb,var(--accent,#087b59) 3%,var(--card,#fff));color:var(--text);font-size:11px;font-weight:650;padding:10px 3px}
#modal-root .u4sg-icon-choice svg{width:27px;height:27px;color:var(--accent,#087b59)}
#modal-root .u4sg-icon-choice span{white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}
#modal-root .u4sg-icon-choice.selected{background:color-mix(in srgb,var(--accent,#087b59) 14%,var(--card,#fff));border-color:var(--accent,#087b59);box-shadow:inset 0 0 0 1px var(--accent,#087b59)}
#modal-root .u4sg-icon-choice:focus-visible,#modal-root .u4sg-icon-trigger:focus-visible{outline:2px solid var(--accent,#087b59)!important;outline-offset:2px!important}
@media(max-width:540px){
 #app .u4sg-page .u4sg-tools.u4sg-sort-fixed{grid-template-columns:minmax(0,1fr) 122px!important;gap:8px!important}
 #app .u4sg-page .u4sg-sort-fixed > .savings-sort-v74{width:122px!important;min-width:122px!important;max-width:122px!important;font-size:12px!important;padding-left:9px!important;padding-right:23px!important;background-position:right 7px center!important}
 #app .finance-full-shell.u4sg-page .finance-full-top.u4sg-header.u4sg-header-fixed{gap:6px!important}
 body.rufiyaa-liquid-glass:not(.rufiyaa-admin-mode) #app .finance-full-shell.u4sg-page .u4sg-header-fixed > button.u4sg-add-button{min-width:102px!important;padding:0 9px!important;font-size:11px!important}
 #modal-root .u4sg-icon-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:6px 15px 18px}
 #modal-root .modal.u4sg-detail-refined .u4sg-management-actions{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){#modal-root .u4sg-icon-picker-overlay *{transition:none!important}}
/* Ensure icon picker uses the Savings emerald palette rather than the app's older purple tokens. */
#modal-root .u4sg-icon-picker-sheet{--accent:#087b59!important;--accent-soft:#d9efe3!important}
html[data-theme="dark"] #modal-root .u4sg-icon-picker-sheet{--accent:#a7e6c8!important;--accent-soft:#24473a!important}
#app .u4sg-page .u4sg-icon-art,
#app .u4sg-page .avatar .u4sg-icon-art{display:inline-flex;align-items:center;justify-content:center;color:var(--u4sg-green)}
#app .u4sg-page .u4sg-icon-art svg,
#app .u4sg-page .avatar .u4sg-icon-art svg{display:block;width:22px;height:22px}