/* V12.23. One presentation layer for existing screens; no changes to bank data. */
:root,:root[data-theme="light"]{
 color-scheme:light;--bg:#f7f7f5;--surface:#ffffff;--surface2:#f0f1f0;--surface3:#e6e9e9;
 --text:#20252b;--muted:#626971;--line:#e1e4e5;--line-strong:#b9c0c7;
 --accent:#365bc6;--green:#247354;--red:#b33d4b;--danger:#b33d4b;--warning:#865d17;
 --blue:#365bc6;--cyan:#317786;--purple:#806caa;--violet:#806caa;
 --shadow:0 2px 12px rgb(20 30 40 / .025);--shadow-soft:none;
 --action-ink:#fff;--selected:#e9eefc;
}
:root[data-theme="dark"]{
 color-scheme:dark;--bg:#17191c;--surface:#202327;--surface2:#292d32;--surface3:#353b42;
 --text:#eef0f3;--muted:#a8afb8;--line:#353a41;--line-strong:#69717d;
 --accent:#a5b8ff;--green:#8acba8;--red:#f29aa6;--danger:#f29aa6;--warning:#e1bd7b;
 --blue:#a5b8ff;--cyan:#8bbecb;--purple:#b7a5db;--violet:#b7a5db;
 --shadow:none;--shadow-soft:none;--action-ink:#192443;--selected:#2c354d;
}
body.v114-refined{
 --fin-card-radius:14px;--fin-control-radius:9px;--fin-control-h:44px;
 --fin-gap:24px;--fin-section-gap:28px;--fin-hairline:var(--line);
 --fin-surface:var(--surface);--fin-soft:var(--surface2);--fin-hover:var(--surface2);--fin-shadow:var(--shadow);
 --calm-gap:24px;--calm-border:1px solid var(--line);
 font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
 line-height:1.5;letter-spacing:0;
}
body.v114-refined .main{max-width:1440px!important;padding:36px clamp(20px,3.2vw,52px) 100px!important}
body.v114-refined .sidebar{background:var(--bg)!important;border-right:1px solid var(--line)!important;box-shadow:none!important}
body.v114-refined .brand-mark{background:var(--text)!important;color:var(--surface)!important;border-radius:10px!important;box-shadow:none!important}
body.v114-refined .nav{gap:4px!important}
body.v114-refined .nav button{border-radius:9px!important;min-height:44px!important;font-size:13px!important;font-weight:500!important}
body.v114-refined :is(.nav button.active,.sidebar-settings.active,.mobile-nav button.active){background:var(--selected)!important;color:var(--accent)!important;box-shadow:none!important;font-weight:650!important}
body.v114-refined .topbar.topbar-clean{margin-bottom:32px!important;gap:20px!important;align-items:center!important}
body.v114-refined .headline{font-size:clamp(28px,2.8vw,38px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:650!important}
body.v114-refined .eyebrow{font-size:11px!important;font-weight:550!important;letter-spacing:.035em!important;text-transform:none!important}
body.v114-refined :is(.card,.settings-panel-v116){background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;padding:24px!important}
body.v114-refined .section-title h3{font-size:17px!important;line-height:1.35!important;letter-spacing:-.02em!important;font-weight:650!important}
body.v114-refined .section-title .sub{font-size:12px!important;line-height:1.5!important;margin-top:4px}
body.v114-refined .dashboard-kpis{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:14px!important;overflow:hidden;margin-bottom:24px!important}
body.v114-refined .dashboard-kpis .metric-card{background:transparent!important;border:0!important;border-right:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;padding:22px!important;min-width:0;min-height:145px!important}
body.v114-refined .dashboard-kpis .metric-card:last-child{border-right:0!important}
body.v114-refined .metric-card-head{font-size:12px!important;font-weight:500!important;color:var(--muted)!important}
body.v114-refined .metric-card .metric-icon{background:transparent!important;color:var(--muted)!important;border:0!important;box-shadow:none!important}
body.v114-refined .metric-card>strong{font-size:clamp(22px,2vw,30px)!important;line-height:1.25!important;font-weight:650!important;letter-spacing:-.035em!important;color:var(--text)!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.v114-refined .metric-card-foot{margin-top:16px!important}
body.v114-refined .metric-card::before{display:none!important}
body.v114-refined .calm-overview-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)!important;gap:24px!important;align-items:start}
body.v114-refined .calm-overview-grid>.card{grid-column:auto!important;grid-row:auto!important;min-width:0}
body.v114-refined .calm-overview-grid .dashboard-recent-card{grid-column:2!important;grid-row:1 / span 2!important}
body.v114-refined :is(.tx-row,.account-table-row){border-bottom:1px solid var(--line)!important;box-shadow:none!important;border-radius:0!important;min-height:66px!important}
body.v114-refined :is(.tx-row,.account-table-row):last-child{border-bottom:0!important}
body.v114-refined :is(.row-title,.account-main-cell b){font-size:14px!important;font-weight:600!important}
body.v114-refined :is(.row-sub,.account-main-cell small){font-size:12px!important;line-height:1.5!important}
body.v114-refined .amount{font-variant-numeric:tabular-nums;font-weight:600!important}
body.v114-refined .institution-visual-card{background:transparent!important;border:1px solid var(--line)!important;border-radius:12px!important;padding:16px!important;box-shadow:none!important}
body.v114-refined .institution-visual-card:hover{background:var(--surface2)!important;border-color:var(--line-strong)!important}
body.v114-refined :is(.disclosure-card,.quick-actions-strip){background:transparent!important;border:1px solid var(--line)!important;box-shadow:none!important;border-radius:12px!important}
body.v114-refined .calm-details{margin-top:24px!important}
body.v114-refined :is(.btn,.mini-btn,.icon-btn,.soft-btn){border-radius:9px!important;box-shadow:none!important;min-height:40px;transition:background-color .15s,border-color .15s}
body.v114-refined .btn.primary{background:var(--accent)!important;color:var(--action-ink)!important;border-color:var(--accent)!important;font-weight:600!important}
body.v114-refined :is(.btn,.mini-btn):not(.primary):not(.danger){background:transparent!important;color:var(--text)!important;border-color:var(--line-strong)!important}
body.v114-refined :is(.icon-btn,.quick-command-button,.account-top-button,.period-picker){background:var(--surface)!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:10px!important}
body.v114-refined :is(.btn,.mini-btn,.icon-btn):hover:not(:disabled){filter:brightness(.97);border-color:var(--line-strong)!important}
body.v114-refined :is(.banner,.offline-app-banner,.bank-catalog-error-v117){box-shadow:none!important;border-radius:10px!important;font-size:13px;line-height:1.55}
body.v114-refined .banner.error{background:color-mix(in srgb,var(--red) 5%,var(--surface))!important;border-color:color-mix(in srgb,var(--red) 35%,var(--line))!important}
body.v114-refined :is(.status-pill,.connection-state,.bank-support-state){box-shadow:none!important;font-size:11px!important;font-weight:550!important;letter-spacing:0!important}
body.v114-refined .notification-row{background:transparent!important;box-shadow:none!important;border-radius:0!important;border-bottom:1px solid var(--line)!important;padding-top:16px!important;padding-bottom:16px!important}
body.v114-refined .modal{background:var(--surface)!important;box-shadow:0 24px 80px rgb(0 0 0 / .20)!important;border:1px solid var(--line)!important;border-radius:18px!important;padding:24px!important;overscroll-behavior:contain}
body.v114-refined .modal-backdrop{background:rgb(12 16 22 / .42)!important;backdrop-filter:blur(3px)}
body.v114-refined :is(input,select,textarea){border-color:var(--line-strong);border-radius:9px;accent-color:var(--accent)}
body.v114-refined :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--accent)!important;outline-offset:3px!important}
body.v114-refined :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed}
body.v114-refined :is(.bank-copy small,.bank-preflight-note,.bank-preflight-facts small,.transaction-source-grid small,.device-session-row small){font-size:12px!important;line-height:1.5!important}
body.v114-refined :is(.bank-copy b,.bank-preflight-facts b,.notification-row b,.device-session-copy b){font-size:14px!important}
body.v114-refined :is(.bank-live-dot,.sidebar-sync .sync-indicator){box-shadow:none!important}
body.v114-refined :is(.card,.metric-card):hover{transform:none!important}
@media(max-width:1150px){
 body.v114-refined .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.v114-refined .dashboard-kpis .metric-card:nth-child(2){border-right:0!important}
 body.v114-refined .dashboard-kpis .metric-card:nth-child(-n+2){border-bottom:1px solid var(--line)!important}
 body.v114-refined .calm-overview-grid{grid-template-columns:minmax(0,1fr)!important}
 body.v114-refined .calm-overview-grid .dashboard-recent-card{grid-column:1!important;grid-row:auto!important}
}
@media(max-width:720px){
 body.v114-refined .main{padding:24px 16px calc(110px + env(safe-area-inset-bottom))!important}
 body.v114-refined .topbar.topbar-clean{margin-bottom:24px!important;align-items:stretch!important}
 body.v114-refined :is(.card,.settings-panel-v116){padding:18px!important;border-radius:12px!important}
 body.v114-refined .calm-overview-grid{gap:16px!important}
 body.v114-refined .dashboard-kpis .metric-card{padding:16px!important;min-height:128px!important}
 body.v114-refined .metric-card-head{font-size:11px!important;flex-wrap:wrap}
 body.v114-refined .metric-card>strong{font-size:23px!important}
 body.v114-refined :is(.btn,.mini-btn,.icon-btn,.seg button){min-height:44px!important}
 body.v114-refined :is(input,select,textarea){font-size:16px!important;max-width:100%}
 body.v114-refined .modal{max-height:calc(100dvh - 24px)!important;max-width:100%!important;padding:18px!important}
 body.v114-refined .modal-backdrop{padding:12px!important}
 body.v114-refined :is(.row-copy,.bank-copy,.setting,.notification-row){min-width:0;overflow-wrap:anywhere}
 body.v114-refined .bank-picker-trust-v117{grid-template-columns:8px minmax(0,1fr)}
 body.v114-refined .bank-picker-trust-v117>i{grid-column:2}
 body.v114-refined .mobile-nav{background:var(--surface)!important;box-shadow:0 4px 24px rgb(0 0 0 / .08)!important;border:1px solid var(--line)!important;border-radius:16px!important}
 body.v114-refined .toast{max-width:calc(100vw - 32px);white-space:normal;bottom:calc(90px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){body.v114-refined .dashboard-kpis{grid-template-columns:minmax(0,1fr)!important}body.v114-refined .dashboard-kpis .metric-card{border-right:0!important;border-bottom:1px solid var(--line)!important}body.v114-refined .dashboard-kpis .metric-card:last-child{border-bottom:0!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){body.v114-refined :is(.btn,.card,.modal,.status-pill){border:1px solid CanvasText!important}}