@font-face{font-family:Inter;src:url('./ux-assets/inter-latin.woff2') format('woff2');font-display:swap;font-weight:100 900}
@font-face{font-family:'Plus Jakarta Sans';src:url('./ux-assets/jakarta-latin.woff2') format('woff2');font-display:swap;font-weight:200 800}
body.mbc-ux-review{--ux-bg:#f5f7fb;--ux-card:#fff;--ux-subtle:#f8fafb;--ux-border:#e3e7eb;--ux-text:#141619;--ux-muted:#5c636b;--ux-blue:#1c61a3;--ux-selection:#e8f2fa;--ux-green:#166607;--ux-green-bg:#e6f4dc;--ux-red:#b42318;--ux-red-bg:#fff0ed;--ux-amber:#9a5b00;--ux-amber-bg:#fff4dd;--nav:var(--ux-card);--text:var(--ux-text);--muted:var(--ux-muted);--line:var(--ux-border);--primary:var(--ux-blue);--green:var(--ux-green);--red:var(--ux-red);background:var(--ux-bg);color:var(--ux-text);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5}
body.mbc-ux-review[data-ux-theme=dark]{color-scheme:dark;--ux-bg:#111820;--ux-card:#19232e;--ux-subtle:#202d3a;--ux-border:#354353;--ux-text:#f0f4f8;--ux-muted:#bac6d3;--ux-blue:#83bbef;--ux-selection:#203d56;--ux-green:#a5df82;--ux-green-bg:#253c25;--ux-red:#ffb4a9;--ux-red-bg:#462b2b;--ux-amber:#f3c97b;--ux-amber-bg:#493c23}
body.mbc-ux-review *{box-sizing:border-box}
body.mbc-ux-review button,body.mbc-ux-review input,body.mbc-ux-review select{font-family:inherit}
body.mbc-ux-review button:focus-visible,body.mbc-ux-review a:focus-visible,body.mbc-ux-review input:focus-visible,body.mbc-ux-review select:focus-visible{outline:3px solid var(--ux-blue);outline-offset:3px}
body.mbc-ux-review button:disabled{opacity:.45;cursor:not-allowed}
body.mbc-ux-review .app-shell{display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100dvh;min-height:0;overflow:hidden}
body.mbc-ux-review .app-shell.hidden{display:none}
body.mbc-ux-review .sidebar{background:var(--ux-card);color:var(--ux-text);border-right:1px solid var(--ux-border);padding:24px 16px;height:100%;min-height:0;position:relative;inset:auto;align-self:stretch;width:auto;min-width:0;box-shadow:none;overflow:auto}
body.mbc-ux-review .brand{min-height:54px;margin:0 0 28px;padding-left:8px;display:block}
body.mbc-ux-review .brand>div{display:none}
body.mbc-ux-review .brand .ux-brand-logo{display:block;width:164px;height:54px;object-fit:contain}
body.mbc-ux-review .sidebar nav{display:grid;gap:2px}
body.mbc-ux-review .nav-btn{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 12px;border-radius:10px;background:transparent;color:var(--ux-muted);font-size:14px;text-align:left}
body.mbc-ux-review .nav-btn.active,body.mbc-ux-review .nav-btn:hover{background:var(--ux-selection);color:var(--ux-blue)}
body.mbc-ux-review .nav-btn span{display:block;font-size:14px;margin:0}
body.mbc-ux-review .ux-nav-icon{flex-shrink:0}
body.mbc-ux-review .sidebar-bottom-stack{position:static;display:flex;flex-direction:column;align-items:stretch;margin-top:auto;padding-top:28px;gap:20px;transform:none}
body.mbc-ux-review .sidebar-help-btn{width:100%;height:auto;min-height:72px;display:block;text-align:left;padding:12px;background:var(--ux-card);border:1px solid var(--ux-border);border-radius:12px;color:var(--ux-text);box-shadow:none}
body.mbc-ux-review .ux-ai-heading{display:flex!important;gap:10px;align-items:center;font-size:14px}
body.mbc-ux-review .ux-ai-icon{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0}
body.mbc-ux-review .sidebar-help-btn small{display:block;margin-top:4px;color:var(--ux-muted);font-size:12px}
body.mbc-ux-review .sidebar-profile-group{display:flex;flex-direction:column;gap:4px;padding-top:16px;border-top:1px solid var(--ux-border);margin:0}
body.mbc-ux-review .sidebar-profile-btn{width:100%;min-height:52px;padding:6px 12px;display:grid;grid-template-columns:36px 1fr;column-gap:12px;row-gap:0;background:transparent;color:var(--ux-text);border:0;box-shadow:none;text-align:left}
body.mbc-ux-review .sidebar-profile-btn .sidebar-profile-icon{display:none}
body.mbc-ux-review .sidebar-profile-btn span:last-child,body.mbc-ux-review #accountNameText{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis}
body.mbc-ux-review .ux-avatar{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ux-selection);color:var(--ux-blue);font-size:12px;font-weight:600}
body.mbc-ux-review .ux-profile-type{grid-column:2;color:var(--ux-muted);font-size:12px;font-weight:400}
body.mbc-ux-review .sidebar-signout-btn{min-height:44px;display:flex;align-items:center;gap:12px;background:transparent;color:var(--ux-muted);padding:10px 12px;border:0;box-shadow:none}
body.mbc-ux-review .sidebar-signout-btn span{display:block}
body.mbc-ux-review main{min-width:0;min-height:0;height:100%;margin-left:0;width:auto;padding:24px 40px 48px;overflow:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable}
body.mbc-ux-review .global-brand-header,body.mbc-ux-review .activity-totals-top,body.mbc-ux-review .account-actions,body.mbc-ux-review .sidebar-foot{display:none!important}
body.mbc-ux-review .topbar{min-height:44px;height:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin-bottom:24px}
body.mbc-ux-review .topbar h1,body.mbc-ux-review #monthLabel{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.6px;margin:0}
body.mbc-ux-review .topbar #viewSubtitle{display:none}
body.mbc-ux-review .topbar.ux-dashboard-header #viewTitle{display:none}
body.mbc-ux-review .topbar .month-row{display:none;margin:0;padding:0;align-items:center;gap:12px;min-height:44px;flex-wrap:wrap;border:0;background:transparent;justify-content:flex-start}
body.mbc-ux-review .topbar.ux-dashboard-header .month-row{display:flex}
body.mbc-ux-review .month-row .eyebrow{display:none}
body.mbc-ux-review .month-row>div{display:flex;gap:8px;align-items:center}
body.mbc-ux-review .icon-btn{min-width:34px;width:34px;height:34px;min-height:34px;border:1px solid var(--ux-border);border-radius:8px;background:var(--ux-card);color:var(--ux-muted);font-size:20px}
body.mbc-ux-review .user-area{display:flex;align-items:center;gap:12px;position:static;min-width:0;width:auto}
body.mbc-ux-review #cloudStatus{display:none!important}
body.mbc-ux-review .cloud-status.synced{color:var(--ux-muted)}
body.mbc-ux-review .ux-month-arrow{display:grid;place-items:center}
body.mbc-ux-review #nextMonth img{transform:rotate(180deg)}
body.mbc-ux-review [hidden]{display:none!important}
body.mbc-ux-review .mobile-top-account,body.mbc-ux-review .mobile-top-ai,body.mbc-ux-review .mobile-action-spacer{display:none}
body.mbc-ux-review .primary,body.mbc-ux-review .secondary,body.mbc-ux-review .danger,body.mbc-ux-review .file-btn{min-height:44px;border-radius:9px;font-size:14px;font-weight:600;padding:10px 14px;box-shadow:none;line-height:20px}
body.mbc-ux-review .primary{background:#1c61a3;color:#fff;border:1px solid #1c61a3}
body.mbc-ux-review .secondary,body.mbc-ux-review .file-btn{background:var(--ux-card);color:var(--ux-text);border:1px solid var(--ux-border)}
body.mbc-ux-review .link-btn{color:var(--ux-blue);font-size:13px;font-weight:500;background:transparent}
body.mbc-ux-review .cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:0 0 16px}
body.mbc-ux-review .card{min-width:0;background:var(--ux-card);border:1px solid var(--ux-border);border-radius:14px;padding:16px;box-shadow:none}
body.mbc-ux-review .ux-kpi-label{display:block;font-size:12px;line-height:17px;color:var(--ux-muted);padding-right:28px;font-weight:500}
body.mbc-ux-review .card .value{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:var(--ux-kpi-fit-size,var(--ux-kpi-font-size,24px));line-height:1.333333;min-height:32px;font-weight:600;letter-spacing:-.45px;margin:6px 0 2px;overflow-wrap:normal;word-break:normal;white-space:nowrap}
body.mbc-ux-review .card .sub{color:var(--ux-muted);font-size:11px;line-height:16px;letter-spacing:0}
body.mbc-ux-review .ux-positive .value{color:var(--ux-green)}
body.mbc-ux-review .ux-negative .value{color:var(--ux-red)}
body.mbc-ux-review .ux-info-button,body.mbc-ux-review .card-help{position:absolute;top:5px;right:5px;width:44px;height:44px;border:0;background:transparent;color:var(--ux-muted);cursor:pointer;padding:0;font-size:13px;font-weight:500;line-height:44px;z-index:1}
body.mbc-ux-review .ux-info-button::before,body.mbc-ux-review .card-help::before{content:'';position:absolute;inset:10px;border:1px solid var(--ux-border);border-radius:50%;background:var(--ux-subtle);z-index:-1}
body.mbc-ux-review .panel{min-width:0;padding:20px 22px;border:1px solid var(--ux-border);border-radius:16px;background:var(--ux-card);box-shadow:none;margin:0}
body.mbc-ux-review .panel h3{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.2px;color:var(--ux-text)}
body.mbc-ux-review .panel-head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:14px}
body.mbc-ux-review .panel-head .eyebrow,body.mbc-ux-review .settings-card>.eyebrow{display:none}
body.mbc-ux-review .dashboard-insight-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:24px;margin:24px 0}
body.mbc-ux-review .ux-budget-guidance{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;border:1px solid var(--ux-border);background:var(--ux-green-bg);color:var(--ux-green)}
body.mbc-ux-review .ux-budget-guidance[data-state=deficit]{background:var(--ux-red-bg);color:var(--ux-red)}
body.mbc-ux-review .ux-budget-guidance[data-state=tight]{background:var(--ux-amber-bg);color:var(--ux-amber)}
body.mbc-ux-review .ux-budget-guidance strong{font-weight:600;font-size:13px}
body.mbc-ux-review .ux-budget-guidance p{margin:3px 0 0;font-size:12px;line-height:18px}
body.mbc-ux-review .ux-budget-guidance .link-btn{flex-shrink:0;color:inherit;min-height:44px;text-decoration:underline;text-underline-offset:3px}
body.mbc-ux-review .ux-result-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--ux-border);font-size:14px}
body.mbc-ux-review .ux-result-row strong{font-weight:500;white-space:nowrap}
body.mbc-ux-review .ux-result-row small{display:block;color:var(--ux-muted);font-size:12px;margin-top:3px}
body.mbc-ux-review .ux-result-total{border-bottom:0;border-top:1px solid var(--ux-text);margin-top:-1px;align-items:center}
body.mbc-ux-review .ux-result-total strong:first-child{font-weight:600}
body.mbc-ux-review .ux-result-total strong:last-child{font-family:'Plus Jakarta Sans',Inter,sans-serif;font-size:24px}
body.mbc-ux-review .ux-result-track{height:6px;overflow:hidden;border-radius:10px;background:var(--ux-border)}
body.mbc-ux-review .ux-result-track span{display:block;height:100%;background:var(--ux-green-bg)}
body.mbc-ux-review .ux-result-caption{font-size:12px;color:var(--ux-green);margin:6px 0 0}
body.mbc-ux-review .good{color:var(--ux-green)}
body.mbc-ux-review .bad{color:var(--ux-red)}
body.mbc-ux-review #expenseTotalLabel{display:block;font-size:12px;order:3;width:100%;margin-top:-6px}
body.mbc-ux-review .ux-distribution-tabs{display:flex;gap:2px;padding:3px;border-radius:8px;background:var(--ux-subtle)}
body.mbc-ux-review .ux-distribution-tabs button{border:1px solid transparent;background:transparent;border-radius:6px;font-size:11px;line-height:16px;padding:6px 8px;color:var(--ux-muted);cursor:pointer}
body.mbc-ux-review .ux-distribution-tabs button[aria-selected=true]{border-color:var(--ux-border);background:var(--ux-card);color:var(--ux-text)}
body.mbc-ux-review .ux-stacked-bars{display:flex;gap:2px;height:12px;border-radius:10px;overflow:hidden;margin:4px 0 12px}
body.mbc-ux-review .ux-category-row{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 40px 84px;gap:10px;align-items:center;text-align:left;background:transparent;color:var(--ux-text);border:0;border-bottom:1px solid var(--ux-border);padding:10px 0;font-size:13px;cursor:pointer}
body.mbc-ux-review .ux-category-row:hover{background:var(--ux-subtle)}
body.mbc-ux-review .ux-category-label{display:flex;align-items:center;gap:8px;min-width:0;overflow-wrap:anywhere}
body.mbc-ux-review .ux-category-row>span:nth-child(2),body.mbc-ux-review .ux-category-row strong{text-align:right;font-size:12px}
body.mbc-ux-review .ux-dot{width:8px;height:8px;background:#8b94a4;border-radius:50%;flex-shrink:0}
body.mbc-ux-review .ux-recent-row{display:flex;width:100%;gap:12px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--ux-border);border-radius:0;background:transparent;text-align:left;color:var(--ux-text);cursor:pointer}
body.mbc-ux-review .ux-transaction-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;flex-shrink:0}
body.mbc-ux-review .ux-transaction-icon svg{width:22px;height:22px;display:block}
body.mbc-ux-review .ux-transaction-icon.income{background:#e7f4e4;color:#387329}
body.mbc-ux-review .ux-transaction-icon.expense{background:#f8ead7;color:#975b22}
body.mbc-ux-review .ux-transaction-icon.savings-deposit{background:#b4ecc2;color:#075f33}
body.mbc-ux-review .ux-transaction-icon.savings-withdrawal{background:#c9e5ff;color:#1256a0}
body.mbc-ux-review[data-ux-theme=dark] .ux-transaction-icon.income{background:#253c25;color:#a5df82}
body.mbc-ux-review[data-ux-theme=dark] .ux-transaction-icon.expense{background:#463623;color:#edbd83}
body.mbc-ux-review[data-ux-theme=dark] .ux-transaction-icon.savings-deposit{background:#205539;color:#a3f7bd}
body.mbc-ux-review[data-ux-theme=dark] .ux-transaction-icon.savings-withdrawal{background:#204574;color:#a9d4ff}
body.mbc-ux-review .ux-transaction-text{min-width:0;flex:1}
body.mbc-ux-review .ux-transaction-text strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}
body.mbc-ux-review .ux-transaction-text small{display:block;font-size:12px;color:var(--ux-muted)}
body.mbc-ux-review .txn .amount{font-size:14px;white-space:nowrap;margin-left:auto}
body.mbc-ux-review .txn .amount.income{color:var(--ux-green)}
body.mbc-ux-review dialog{background:var(--ux-card);color:var(--ux-text);border:1px solid var(--ux-border);border-radius:16px;box-shadow:0 20px 64px #0003}
body.mbc-ux-review dialog::backdrop{background:#10192366}
body.mbc-ux-review dialog input,body.mbc-ux-review dialog select,body.mbc-ux-review dialog textarea,body.mbc-ux-review .settings-grid input,body.mbc-ux-review .settings-grid select{background:var(--ux-card);color:var(--ux-text);border:1px solid var(--ux-border);border-radius:8px;min-height:44px}
body.mbc-ux-review .ux-help-dialog{max-width:480px;width:calc(100% - 32px);padding:24px}
body.mbc-ux-review .ux-help-dialog p{font-size:14px;line-height:1.7;margin:14px 0 24px}
body.mbc-ux-review .ux-help-dialog h3{font-size:20px;margin:0}
body.mbc-ux-review .ux-help-dialog button{float:right}
body.mbc-ux-review .ux-ai-panel{inset:0 0 0 auto;margin:0;max-height:100dvh;height:100dvh;width:min(430px,100%);max-width:100%;border-radius:16px 0 0 16px;padding:0}
body.mbc-ux-review .ai-chat-shell{height:100%;max-height:100%;background:var(--ux-card)}
body.mbc-ux-review .ai-chat-head,body.mbc-ux-review .ai-chat-form{background:var(--ux-card);border-color:var(--ux-border)}
body.mbc-ux-review .ai-chat-input{background:var(--ux-card);color:var(--ux-text)}
body.mbc-ux-review .ux-ai-suggestions{display:flex;flex-direction:column;gap:8px;padding:16px}
body.mbc-ux-review .ux-ai-suggestions button{background:var(--ux-selection);color:var(--ux-blue);border:1px solid var(--ux-border);border-radius:9px;padding:10px;text-align:left;font-size:12px;min-height:44px;cursor:pointer}
body.mbc-ux-review .ai-chat-messages{background:var(--ux-subtle);color:var(--ux-text)}
body.mbc-ux-review .ux-theme-settings label{display:block;color:var(--ux-muted);font-size:12px;margin:12px 0 6px}
body.mbc-ux-review .ux-theme-settings select{min-width:180px;padding:8px 12px}
body.mbc-ux-review[data-ux-theme=dark] .ux-nav-icon,body.mbc-ux-review[data-ux-theme=dark] .sidebar-signout-btn img,body.mbc-ux-review[data-ux-theme=dark] .ux-ai-heading img{filter:brightness(0) invert(.8)}
@media(min-width:1001px){body.mbc-ux-review table,body.mbc-ux-review th,body.mbc-ux-review td,body.mbc-ux-review td strong{font-size:13px;line-height:20px}body.mbc-ux-review .amount{font-size:14px}}
@media(max-width:1200px){body.mbc-ux-review .app-shell{grid-template-columns:218px minmax(0,1fr)}body.mbc-ux-review main{padding:24px}body.mbc-ux-review .cards{gap:10px}body.mbc-ux-review .card{padding:12px}body.mbc-ux-review .card .value{font-size:var(--ux-kpi-fit-size,var(--ux-kpi-font-size,21px))}}
@media(max-width:1000px){body.mbc-ux-review .app-shell{grid-template-columns:84px minmax(0,1fr)}body.mbc-ux-review .sidebar{padding:20px 12px}body.mbc-ux-review .brand{padding:0;overflow:hidden;width:58px;margin-bottom:24px}body.mbc-ux-review .brand .ux-brand-logo{width:164px;max-width:none;height:54px;object-position:left}body.mbc-ux-review .nav-btn{justify-content:center;padding:12px}body.mbc-ux-review .nav-btn span,body.mbc-ux-review #accountNameText,body.mbc-ux-review .ux-profile-type,body.mbc-ux-review .sidebar-signout-btn span,body.mbc-ux-review .sidebar-help-btn strong,body.mbc-ux-review .sidebar-help-btn small{display:none!important}body.mbc-ux-review .sidebar-profile-btn{display:block;padding:10px}body.mbc-ux-review .sidebar-help-btn{padding:12px;min-height:50px}body.mbc-ux-review .sidebar-signout-btn{justify-content:center;padding:12px}body.mbc-ux-review .cards{grid-template-columns:repeat(3,minmax(0,1fr))}body.mbc-ux-review .dashboard-insight-grid{grid-template-columns:1fr}}
@media(max-width:700px){body.mbc-ux-review .app-shell{display:block}body.mbc-ux-review .sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-right:0;border-top:1px solid var(--ux-border);overflow:visible;z-index:30}body.mbc-ux-review .sidebar .brand,body.mbc-ux-review .sidebar-bottom-stack{display:none!important}body.mbc-ux-review .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}body.mbc-ux-review .nav-btn,body.mbc-ux-review .mobile-nav-logout{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:54px;padding:6px 2px;border:0;background:transparent;color:var(--ux-muted);border-radius:8px;font-size:12px}body.mbc-ux-review .nav-btn span{display:block!important;font-size:10px;line-height:14px}body.mbc-ux-review .mobile-nav-logout span{font-size:10px;line-height:14px}body.mbc-ux-review .mobile-nav-logout svg{width:20px;height:20px;flex-shrink:0}body.mbc-ux-review main{padding:20px 16px 100px}body.mbc-ux-review .topbar{display:flex;align-items:center;gap:8px;margin-bottom:20px;min-height:44px}body.mbc-ux-review .topbar h1,body.mbc-ux-review #monthLabel{font-size:21px;line-height:28px}body.mbc-ux-review .topbar .month-row{gap:6px}body.mbc-ux-review .icon-btn{width:30px;min-width:30px;height:32px;min-height:32px}body.mbc-ux-review .month-row>div{gap:4px}body.mbc-ux-review .user-area{gap:4px}body.mbc-ux-review #addButton{min-height:44px;font-size:12px;padding:8px 10px;white-space:nowrap}body.mbc-ux-review .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.mbc-ux-review .cards .card:last-child{grid-column:1/-1}body.mbc-ux-review .card{padding:14px}body.mbc-ux-review .card .value{font-size:var(--ux-kpi-fit-size,var(--ux-kpi-font-size,24px))}body.mbc-ux-review .panel{padding:18px 16px}body.mbc-ux-review .panel h3{font-size:18px;line-height:26px}body.mbc-ux-review .cloud-status-corner{display:none}body.mbc-ux-review #uxCurrentMonth{width:100%;text-align:left;padding:0;min-height:32px;font-size:11px}body.mbc-ux-review .ux-budget-guidance{align-items:flex-start;flex-direction:column;gap:0}body.mbc-ux-review .ux-budget-guidance .link-btn{padding:6px 0;min-height:36px}body.mbc-ux-review .dashboard-insight-grid{gap:16px;margin:20px 0}body.mbc-ux-review .ux-distribution-tabs{margin-top:0}body.mbc-ux-review .ux-recent-row{gap:10px}body.mbc-ux-review .txn .amount{font-size:13px}body.mbc-ux-review .ux-result-row{font-size:13px}body.mbc-ux-review .ux-category-row{grid-template-columns:minmax(0,1fr) 32px 84px}}
@media(prefers-reduced-motion:reduce){body.mbc-ux-review *,body.mbc-ux-review *::before,body.mbc-ux-review *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* All view colours follow the selected appearance, including forms and menus. */
body.mbc-ux-review .ux-tx-search input,body.mbc-ux-review .ux-tx-filters select,body.mbc-ux-review .ux-tx-filters input,body.mbc-ux-review .ux-tx-quick button,body.mbc-ux-review .ux-tx-summary-card,body.mbc-ux-review .ux-row-menu-items,body.mbc-ux-review .ux-tx-table-panel th,body.mbc-ux-review .ux-tx-table-panel tr[data-ux-id],body.mbc-ux-review #settingsView.ux-settings .settings-grid>.settings-card{background:var(--ux-card);color:var(--ux-text);border-color:var(--ux-border)}
body.mbc-ux-review .ux-tx-filters>label,body.mbc-ux-review .ux-tx-summary-card h3,body.mbc-ux-review .ux-tx-summary-card>strong,body.mbc-ux-review .ux-row-menu-items button,body.mbc-ux-review #settingsView.ux-settings .settings-card h3,body.mbc-ux-review #settingsView.ux-settings .cloud-info dd,body.mbc-ux-review .ux-tx-table-panel td,body.mbc-ux-review .ux-recurring-group h4,body.mbc-ux-review .ux-confirm-dialog{color:var(--ux-text)}
body.mbc-ux-review .ux-tx-quick,body.mbc-ux-review .ux-tx-summary-period,body.mbc-ux-review .ux-tx-summary-card p,body.mbc-ux-review .ux-tx-summary-card>div,body.mbc-ux-review .ux-tx-budget-month,body.mbc-ux-review .ux-recurring-row small,body.mbc-ux-review #settingsView.ux-settings .settings-card p,body.mbc-ux-review #settingsView.ux-settings .cloud-info dt,body.mbc-ux-review .ux-confirm-dialog p{color:var(--ux-muted)}
body.mbc-ux-review .ux-tx-quick button[aria-pressed=true],body.mbc-ux-review .ux-row-menu-items button:hover{background:var(--ux-selection);color:var(--ux-blue);border-color:var(--ux-blue)}
body.mbc-ux-review .ux-tx-summary-card>div,body.mbc-ux-review .ux-tx-table-panel th,body.mbc-ux-review .ux-tx-table-panel td,body.mbc-ux-review .ux-recurring-row{border-color:var(--ux-border)}
body.mbc-ux-review #settingsView.ux-settings .ux-settings-danger{background:var(--ux-red-bg);border-color:var(--ux-border)}
body.mbc-ux-review #settingsView.ux-settings .ux-settings-danger h3,body.mbc-ux-review .ux-row-menu-items .ux-menu-danger{color:var(--ux-red)}
body.mbc-ux-review .ux-settings-danger-actions button:not(:disabled),body.mbc-ux-review .ux-settings-danger-actions .file-btn{color:var(--ux-red);background:var(--ux-card)}
body.mbc-ux-review #settingsView.ux-settings .chip,body.mbc-ux-review .ux-category-used{background:var(--ux-subtle);color:var(--ux-muted);border-color:var(--ux-border)}
body.mbc-ux-review .ux-tx-amount.ux-tx-income,body.mbc-ux-review .ux-recurring-amount.ux-tx-income{color:var(--ux-green)}
@media(max-width:700px){body.mbc-ux-review #uxSyncCheck,body.mbc-ux-review #cloudStatus{display:none!important}}
/* Supersede the old Android-like web overrides only inside this new layout. */
body.mbc-ux-review .nav-btn{font-weight:500}
body.mbc-ux-review .sidebar-profile-btn:hover,body.mbc-ux-review .sidebar-signout-btn:hover,body.mbc-ux-review .sidebar-help-btn:hover{background:var(--ux-selection);color:var(--ux-text)}
body.mbc-ux-review .ux-category-row:disabled{opacity:1;cursor:default}
body.mbc-ux-review .ux-tx-description,body.mbc-ux-review .ux-recurring-row>div>strong{color:var(--ux-text)}
body.mbc-ux-review .ux-tx-income{color:var(--ux-green)!important}
body.mbc-ux-review .ux-recurring-disclosure{color:var(--ux-muted)!important}
body.mbc-ux-review .ux-tx-today td{background:var(--ux-subtle)!important;color:var(--ux-blue)!important}
body.mbc-ux-review .ux-tx-table-panel .status-pill.active{background:var(--ux-green-bg);color:var(--ux-green)}
body.mbc-ux-review .ux-tx-table-panel .status-pill.inactive{background:var(--ux-subtle);color:var(--ux-muted)}
body.mbc-ux-review[data-ux-theme=dark] .ux-brand-logo{background:#fff;border-radius:8px;padding:5px}
@media(max-width:700px){
 body.mbc-ux-review .sidebar{background:var(--ux-card)!important;padding:8px 10px max(8px,env(safe-area-inset-bottom))!important}
 body.mbc-ux-review .sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:3px!important}
 body.mbc-ux-review .nav-btn,body.mbc-ux-review .mobile-nav-logout{color:var(--ux-muted)!important}
 body.mbc-ux-review .nav-btn.active,body.mbc-ux-review .nav-btn:hover,body.mbc-ux-review .mobile-nav-logout:hover{background:var(--ux-selection)!important;color:var(--ux-blue)!important}
 body.mbc-ux-review .nav-btn span,body.mbc-ux-review .mobile-nav-logout span{font-size:10px!important;white-space:normal!important;line-height:14px!important;overflow-wrap:anywhere;hyphens:auto;max-width:100%}
 body.mbc-ux-review main{padding:20px 16px calc(100px + env(safe-area-inset-bottom))!important}
 body.mbc-ux-review .topbar{display:flex!important;flex-wrap:wrap;min-height:44px!important;grid-template-rows:none!important;align-items:center!important;gap:8px!important;padding:0!important}
 body.mbc-ux-review .topbar>div:first-child{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 body.mbc-ux-review .user-area.mobile-dashboard-actions{display:flex!important;grid-template-columns:none!important;width:auto!important;height:auto!important;min-height:44px!important;max-height:none!important;justify-content:flex-end!important;gap:4px!important}
 body.mbc-ux-review .mobile-top-account,body.mbc-ux-review .mobile-top-ai,body.mbc-ux-review .mobile-action-spacer{display:none!important}
 body.mbc-ux-review .ux-tx-table-panel tr[data-ux-id]{background:var(--ux-card)}
 body.mbc-ux-review .user-area{margin-left:auto}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap{overflow:visible!important;min-width:0}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap table{display:block!important;width:100%!important;min-width:0!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap thead{display:none!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap tbody{display:block!important;width:100%!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap tr[data-ux-id]{display:grid!important;grid-template-columns:minmax(0,1fr) auto;position:relative;padding:13px 15px!important;gap:7px 12px;background:var(--ux-card)!important;border-bottom:1px solid var(--ux-border)!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td{display:block!important;border:0!important;padding:0!important;white-space:normal!important;overflow-wrap:anywhere!important;font-size:12px!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(1){grid-column:1;font-size:10px!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(2){grid-column:1;grid-row:2;max-width:none}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(3),body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(4){grid-column:1;font-size:10px!important}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(5){grid-column:2;grid-row:2;align-self:center;padding-right:36px!important;white-space:nowrap!important;text-align:right}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(6){grid-column:2;grid-row:3;padding-right:36px!important;text-align:right}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap td:nth-child(7){position:absolute;right:12px;top:36px;grid-column:auto}
 body.mbc-ux-review #transactionsView.ux-transactions .table-wrap tr.ux-tx-today{display:block!important}
}

/* The navigation owns a stable viewport; the selected view scrolls in main. */
body.mbc-ux-review{height:100dvh;overflow:hidden}
@media(max-width:700px){
 body.mbc-ux-review .app-shell:not(.hidden){display:flex;flex-direction:column}
 body.mbc-ux-review main{flex:1 1 0;height:auto}
}

/* Authentication and access gates retain their own reachable scroll area. */
body.mbc-ux-review .auth-screen,body.mbc-ux-review .billing-gate{height:100dvh;min-height:0;overflow:auto;overscroll-behavior-y:contain}
@media(max-height:700px){body.mbc-ux-review .auth-screen,body.mbc-ux-review .billing-gate{align-items:start!important}}

/* Month forecast: allow translated labels and amounts to wrap independently. */
body.mbc-ux-review #monthStatus .ux-result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
body.mbc-ux-review #monthStatus .ux-result-row>span{min-width:0;overflow-wrap:anywhere}
body.mbc-ux-review #monthStatus .ux-result-row>strong:last-child{text-align:end;white-space:normal;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
body.mbc-ux-review #monthStatus .ux-result-explanation{color:var(--ux-muted);line-height:1.6}
@media(max-width:480px){body.mbc-ux-review #monthStatus .ux-result-row{grid-template-columns:minmax(0,1fr);gap:8px}body.mbc-ux-review #monthStatus .ux-result-row>strong:last-child{text-align:start}}