/* styles.css */
:root{
  --wmd-font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  font-family:var(--wmd-font-ui);
  font-variant-numeric:lining-nums tabular-nums;
  color:#f3f7f6;background:#0f1418;font-synthesis:none;
  --bg:#0f1418;--panel:#171d21;--panel2:#20282d;--line:#334048;--muted:#93a0a4;--text:#f3f7f6;
  --green:#55d6a8;--blue:#72c9b7;--gold:#d2b45f;--red:#d27878;--soft:#23302e;--input:#111b1a;
}
*{box-sizing:border-box}html{background:var(--bg);min-height:100%;overscroll-behavior-y:none}body{margin:0;background:#0f1418;min-height:100vh;min-height:100dvh;color:var(--text);overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}input,select{outline:none}input:focus,select:focus{border-color:#55d6a8!important;box-shadow:0 0 0 2px rgba(85,214,168,.14)}
header{max-width:1240px;margin:0 auto;padding:calc(24px + env(safe-area-inset-top,0px)) 28px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:15px;min-width:0}.brand img{width:64px;height:64px;object-fit:cover;border-radius:16px;border:1px solid #2e5c4f;box-shadow:0 10px 28px rgba(0,0,0,.28)}.brand-copy{min-width:0}.brand h1{font-family:var(--wmd-font-ui);font-size:30px;line-height:1.05;font-weight:850;letter-spacing:-.7px;margin:0;color:#f8fbfa}.brand h1 em{font-style:normal;color:var(--green)}.brand-tagline{margin-top:5px;color:#b2c1bd;font-size:12px;letter-spacing:.01em}.brand-tagline strong{color:#7ee7bd;font-weight:750}.brand-meta{display:block;margin-top:5px;color:var(--muted);font-size:11px}.brand-meta .cloud-status{font-size:11px}
.header-actions{display:flex;gap:8px;align-items:center}.header-actions button,.button,.icon-btn,.section-head button,.regenerate,.nw-section-title button,.add-sub,.history-add button{border:1px solid #46535b;background:#20282d;border-radius:8px;padding:8px 11px;display:inline-flex;align-items:center;color:#e8efed}.header-actions button:hover,.button:hover,.section-head button:hover,.regenerate:hover,.nw-section-title button:hover,.add-sub:hover,.history-add button:hover{background:#283239;border-color:#5c6b74}.header-actions time{margin-left:12px;color:#a9b3b5;font-size:13px}
main{max-width:1240px;margin:auto;padding:0 28px 52px}nav{display:flex;gap:30px;margin:14px 0 24px}nav button{border:0;background:transparent;padding:12px 0;font-size:16px;color:#8e9a9e;border-bottom:2px solid transparent}nav button.active{color:#eef3f1;border-color:var(--green)}
.hero{background:linear-gradient(145deg,#1d2428,#181e22);border:1px solid var(--line);border-radius:14px;padding:30px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:310px;box-shadow:0 14px 34px rgba(0,0,0,.16)}.hero p{color:#a6b1b3;margin:0 0 4px}.hero h2{font-family:var(--wmd-font-ui);font-size:46px;margin:0 0 5px;color:#fff}.hero span,.hero small{color:#a9b3b5}.goalbar{height:8px;border-radius:8px;background:#303b41;overflow:hidden;margin:16px 0 8px;max-width:480px}.goalbar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--blue));border-radius:8px}
.donut-wrap{display:flex;justify-content:center;align-items:center;gap:24px}.donut{width:250px;max-width:48vw}.donut-hole{fill:#1a2024}.chart-segment{cursor:help;transition:opacity .15s}.chart-segment:hover{opacity:.78}.donut-center-label{fill:#edf3f1;font-size:14px;font-weight:700}.donut-center-sub{fill:#859399;font-size:9px}.side-legend{min-width:245px;display:grid;gap:9px}.side-legend>div{display:grid;grid-template-columns:10px 1fr auto;gap:8px;align-items:center;font-size:13px}.side-legend i{width:8px;height:8px;border-radius:50%}.side-legend span{color:#aab4b7}.side-legend b{font-weight:650}
.chart-tooltip{position:fixed;z-index:9999;pointer-events:none;background:#0b0f11;color:#f8fbfa;border:1px solid #4b5961;border-radius:7px;padding:7px 9px;font-size:12px;box-shadow:0 8px 24px rgba(0,0,0,.35);opacity:0;transform:translateY(3px);transition:opacity .1s}.chart-tooltip.show{opacity:1;transform:none}
.nw-main-grid,.nw-secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.nw-section{border:1px solid var(--line);background:#171d21;border-radius:12px;overflow:hidden}.nw-section-title{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#20282d;border-bottom:1px solid var(--line)}.nw-section-title>div{display:flex;align-items:baseline;gap:12px}.nw-section-title h3{margin:0;font-family:var(--wmd-font-ui);font-size:21px}.nw-section-title span{font-weight:750}.nw-section.assets .nw-section-title{box-shadow:inset 4px 0 0 var(--green)}.nw-section.liabilities .nw-section-title{box-shadow:inset 4px 0 0 var(--red)}.nw-section.sinking .nw-section-title{box-shadow:inset 4px 0 0 var(--gold)}.nw-section.other .nw-section-title{box-shadow:inset 4px 0 0 var(--blue)}
.nw-group{border-bottom:1px solid #303940}.nw-group:last-of-type{border-bottom:0}.nw-group-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 12px;background:#242c31}.heading-name{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.heading-name input{width:min(280px,62%);min-width:100px;border:0;background:transparent;font-weight:750;color:#f2f5f4;padding:4px 2px}.heading-name strong{margin-left:auto}.group-controls{display:flex;gap:6px;align-items:center}.goal-input{display:flex;align-items:center;gap:4px;color:#9ca9ad;font-size:11px;white-space:nowrap}.goal-input input{width:72px;border:1px solid #3d4850;background:#151b1f;border-radius:5px;padding:5px;text-align:right}.add-sub{padding:5px 7px;font-size:11px}.heading-remove{width:24px;height:24px;padding:0;border:1px solid #5c4545;background:#2b2021;color:#d99a9a;border-radius:6px;font-size:15px;line-height:1}.heading-remove:hover{background:#3a2729}.group-goal{height:4px;background:#303a40;margin:0 12px}.group-goal i{height:100%;display:block;background:var(--green)}.group-goal-text{font-size:10px;color:#819096;text-align:right;padding:3px 12px 0}.subrows{padding:2px 0}.nw-subrow{display:grid;grid-template-columns:minmax(150px,1fr) 40px 120px 20px;align-items:center;gap:7px;padding:6px 10px;border-top:1px solid #293238}.nw-subrow:first-child{border-top:0}.nw-subrow input{border:1px solid transparent;background:transparent;border-radius:5px;padding:5px}.nw-subrow input:hover{border-color:#3c474e}.sub-name{width:100%;color:#d9e0de}.money-edit,.currency-input,.big-input{display:flex;align-items:center;gap:4px}.money-edit span,.currency-input span,.big-input span{color:#859399}.money-edit input,.currency-input input,.big-input input{min-width:0;width:100%;text-align:right}.nw-subrow .money-edit input{border-color:#364149;background:#151b1f}.row-remove{width:16px;height:16px;min-width:16px;padding:0;border:0;background:transparent;color:#76848a;border-radius:50%;font-size:11px;line-height:16px}.row-remove:hover{color:#e18787;background:#38282a}.cf-link{display:flex;justify-content:center;align-items:center}.cf-link input{display:none}.cf-link span{font-size:9px;font-weight:800;letter-spacing:.3px;border:1px solid #48565e;color:#7d8b91;border-radius:5px;padding:3px 4px;cursor:pointer}.cf-link input:checked+span{border-color:#79a9bc;color:#bce3ef;background:#20313a}.group-note{padding:5px 12px 9px;color:#c6ad6c;font-size:10px;font-style:italic}.section-total{display:flex;justify-content:space-between;padding:12px 14px;background:#1e2529;font-size:16px;border-top:1px solid #39434a}.section-total b{font-size:17px}
.history-panel{margin-top:24px;border:1px solid var(--line);background:#171d21;border-radius:12px;padding:18px}.history-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.history-head h3{font-family:var(--wmd-font-ui);font-size:21px;margin:0 0 4px}.history-head p{margin:0;color:#8e9ca0;font-size:12px}.history-latest{text-align:right}.history-latest span{display:block;color:#8f9ca0;font-size:11px}.history-latest b{font-size:20px}.history-chart{width:100%;height:auto;display:block;margin-top:10px}.hist-grid{stroke:#343e45;stroke-width:1}.hist-label{fill:#879399;font-size:11px}.history-area{fill:rgba(155,200,174,.18)}.history-line{fill:none;stroke:#a9d1b9;stroke-width:2.5}.history-point{fill:transparent;stroke:transparent;cursor:crosshair}.history-point:hover{fill:#d9efe1;stroke:#24362d;stroke-width:1;r:4}.history-add{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding-top:10px;border-top:1px solid #2f383e}.history-add>span{margin-right:auto;color:#88969a;font-size:11px}.history-add input{border:1px solid #3b464d;background:#141a1e;border-radius:6px;padding:7px}.history-add .currency-input{width:130px}
.budget-top{display:grid;grid-template-columns:1fr 400px;gap:24px}.summary-card,.budget-chart{background:#181f23;border:1px solid var(--line);border-radius:12px;padding:22px}.summary-card p{margin:0;color:#909da0}.summary-card h2{font-family:var(--wmd-font-ui);font-size:38px;margin:5px 0 18px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-grid span{display:flex;justify-content:space-between;gap:10px;background:#222a2f;padding:11px;border-radius:8px;font-size:14px}.summary-grid b{display:flex;gap:8px;align-items:baseline}.summary-grid em{font-style:normal;color:#a7c8b3;font-size:12px}.summary-grid .negative b,.summary-grid .negative em{color:#e38888}.budget-chart{display:flex;flex-direction:column;align-items:center;justify-content:center}.budget-chart .donut{width:260px;max-width:100%}.chart-help{margin:4px 0 0;color:#7e8b90;font-size:11px;text-align:center}
.budget-section,.flow-section{margin-top:24px;border:1px solid var(--line);background:#181f23;border-radius:10px;overflow:hidden}.section-head,.flow-head{display:flex;justify-content:space-between;align-items:center;padding:11px 14px}.section-head h3,.flow-head h3{margin:0;font-family:var(--wmd-font-ui);font-size:17px}.section-head span,.flow-head span{color:#8f9da1;font-size:12px}.budget-section.income .section-head,.flow-section.income .flow-head{background:#24342c}.budget-section.needs .section-head,.flow-section.needs .flow-head{background:#3b2828}.budget-section.wants .section-head,.flow-section.wants .flow-head{background:#3b3423}.budget-section.savings .section-head,.flow-section.savings .flow-head{background:#26313f}.flow-section.debt .flow-head{background:#332b3d}.budget-grid{display:grid;grid-template-columns:76px 1.7fr 125px 125px 155px 120px 24px;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid #2b343a}.budget-grid.grid-header,.flow-grid.grid-header{font-size:11px;font-weight:700;background:#20272c;color:#9eaaad}.budget-grid input,.budget-grid select,.flow-grid input{border:1px solid #38434a;background:#13191d;border-radius:6px;padding:7px}.budget-grid strong{font-size:13px;text-align:right}.reorder{display:flex;gap:3px}.reorder button{width:28px;height:28px;border:1px solid #3d484f;background:#20282d;border-radius:5px;color:#a4b0b3}.reorder button:disabled{opacity:.28}.monthbar{display:flex;align-items:center;gap:10px}.monthbar h2{min-width:230px;text-align:center;font-family:var(--wmd-font-ui)}.monthbar>button:not(.regenerate){border:1px solid #3b474d;background:#1b2226;border-radius:7px;width:34px;height:34px}.regenerate{margin-left:auto}.cash-summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#181f23;border:1px solid var(--line);border-radius:12px;padding:24px;margin:16px 0}.cash-summary.historical{border-color:#4a5357}.cash-summary label{color:#8f9b9f;font-size:13px}.cash-summary h2{font-family:var(--wmd-font-ui);font-size:34px;margin:6px 0}.cash-summary small{color:#829095}.big-input{font-size:31px;font-family:var(--wmd-font-ui);margin:6px 0}.big-input input{border:0;border-bottom:1px solid #4b585e;background:transparent;font:inherit;color:inherit}.danger{color:#e17a72}.flow-grid{display:grid;grid-template-columns:140px 1.5fr 115px 60px 125px 1fr;gap:10px;align-items:center;padding:8px 12px;border-top:1px solid #2a3339}.flow-grid>span,.flow-grid>b{font-size:13px}.check{width:28px;height:28px;border:1px solid #435058;background:#1e262b;border-radius:50%;color:#7d8a90}.check.done{background:#254436;color:#bfe5cb;border-color:#47705c}.panel{background:transparent}.panel-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:8px}.panel-title h3{font-family:var(--wmd-font-ui);margin:0}.panel-title span{color:#879499;font-size:11px}.cards{margin-top:26px}.card-row{display:grid;grid-template-columns:1fr 180px;align-items:center;padding:10px 0;border-bottom:1px solid #30393e}.card-row input{border:1px solid #3c474d;background:#141a1e;border-radius:6px;padding:7px}.total-row{display:flex;justify-content:space-between;padding:14px 0;font-size:18px}.empty-row{padding:18px;color:#829095;text-align:center;border-bottom:1px solid #30393e}footer{max-width:1240px;margin:0 auto 30px;padding:16px 28px;color:#738087;font-size:11px;text-align:center}
@media(max-width:980px){header{align-items:flex-start;gap:12px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-actions time{width:100%;text-align:right}.hero,.nw-main-grid,.nw-secondary-grid,.budget-top,.cash-summary{grid-template-columns:1fr}.hero{gap:22px}.budget-grid{grid-template-columns:60px 1.5fr 110px 110px 145px 110px 22px;font-size:12px;min-width:880px}.budget-section{overflow-x:auto}.flow-grid{grid-template-columns:125px minmax(170px,1fr) 100px 55px 115px 145px;min-width:760px}.flow-section{overflow-x:auto}.history-add{flex-wrap:wrap}.history-add>span{width:100%}.nw-main-grid,.nw-secondary-grid{gap:18px}}
@media(max-width:680px){header{padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;display:block}.brand img{width:54px;height:54px}.brand h1{font-size:24px}.brand-tagline{font-size:10px}.brand-meta{font-size:10px}.header-actions{justify-content:flex-start;margin-top:12px}.header-actions time{display:none}main{padding:0 14px 32px}nav{gap:22px}.hero{padding:20px}.hero h2{font-size:36px}.donut-wrap{flex-direction:column}.side-legend{width:100%;min-width:0}.donut{width:230px;max-width:80vw}.nw-group-head{align-items:flex-start;display:block}.group-controls{margin-top:6px;justify-content:flex-end}.heading-name input{width:65%}.nw-subrow{grid-template-columns:minmax(120px,1fr) 34px 105px 18px;gap:4px;padding:6px}.summary-grid{grid-template-columns:1fr}.monthbar{flex-wrap:wrap}.monthbar h2{min-width:150px;flex:1}.regenerate{width:100%;margin-left:0;justify-content:center}.cash-summary{padding:16px}.big-input{font-size:27px}.history-panel{padding:12px}.history-head{display:block}.history-latest{text-align:left;margin-top:8px}.history-chart{min-width:760px}.history-panel{overflow-x:auto}.history-add{min-width:720px;justify-content:flex-start}.budget-chart .donut{width:230px}.nw-section-title>div{display:block}.nw-section-title span{display:block;margin-top:2px}}

/* Wealth Flow v3 refinements */
.networth-goal{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.networth-goal label{font-size:11px;color:#9ca9ad;display:flex;align-items:center;gap:5px}
.networth-goal input{width:108px;border:1px solid #3d4850;background:#151b1f;border-radius:6px;padding:6px;text-align:right}
.collapse-btn{width:24px;height:24px;min-width:24px;border:1px solid #445058;background:#1b2226;color:#a8b4b7;border-radius:6px;padding:0;line-height:1;font-size:13px}
.collapse-btn:hover{background:#253036;color:#eef3f1}
.group-body.collapsed{display:none}
.nw-group.is-collapsed .nw-group-head{border-bottom:0}
.nw-subrow{grid-template-columns:minmax(150px,1fr) 118px 120px 20px}
.cf-link{justify-content:flex-start}
.cf-link span{font-size:8px;font-weight:750;letter-spacing:0;padding:4px 6px;white-space:nowrap}
.group-note-edit{display:block;width:calc(100% - 24px);margin:6px 12px 10px;padding:7px 9px;border:1px solid #5b5030!important;border-radius:6px;background:#292517!important;color:#e1c978!important;font-size:11px;font-style:italic}
.group-note-edit::placeholder{color:#8d8055}
.flow-head>div{display:flex;align-items:baseline;gap:14px;min-width:0}
.flow-add{border:1px solid #46535b;background:#20282d;border-radius:8px;padding:6px 9px;color:#e8efed;white-space:nowrap}
.flow-add:hover{background:#283239;border-color:#5c6b74}
.flow-grid{grid-template-columns:140px minmax(180px,1.7fr) 125px 60px 125px 28px}
.flow-grid .flow-name{width:100%}
.flow-grid .currency-input input{text-align:right}
.flow-remove{width:22px;height:22px;padding:0;border:0;background:transparent;color:#7b898f;border-radius:50%;font-size:15px;line-height:22px}
.flow-remove:hover{color:#e18787;background:#38282a}
.history-point{pointer-events:all}
.history-point:hover{fill:#d9efe1;stroke:#24362d;stroke-width:1}
.panel-title span{max-width:620px;text-align:right;line-height:1.35}
@media(max-width:980px){
  .flow-grid{grid-template-columns:125px minmax(180px,1fr) 110px 55px 115px 28px;min-width:700px}
  .nw-subrow{grid-template-columns:minmax(150px,1fr) 110px 110px 18px}
}
@media(max-width:680px){
  .nw-subrow{grid-template-columns:minmax(120px,1fr) 96px 105px 18px}
  .cf-link span{font-size:7px;padding:4px}
  .flow-head{align-items:flex-start;gap:8px}.flow-head>div{display:block}.flow-add{font-size:11px}
  .panel-title{display:block}.panel-title span{display:block;text-align:left;margin-top:5px}
}

/* Wealth Flow v3.2 iOS/PWA refinements */
@supports (padding: max(0px)) {
  body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
}

/* Wealth Flow v3.2 iPhone/PWA safe-area fixes */
html,body{overscroll-behavior-y:none}
@supports(padding:max(0px)){
  body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
}
@media(max-width:680px){
  header{padding-top:18px}
}

/* v3.3 mobile stability: keep wide tables inside their own scrollers and prevent page-level horizontal drift. */
html,body{max-width:100%;overflow-x:hidden}
.budget-section,.flow-section{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}

/* Wealth Flow v3.5 scrolling + iOS safe-area fix */
html{
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior-y:auto;
  height:auto;
  min-height:100%;
}
body{
  overflow-x:hidden;
  overflow-y:visible;
  overscroll-behavior-y:auto;
  height:auto;
  min-height:100vh;
  min-height:100dvh;
}
#app{
  min-height:100vh;
  min-height:100dvh;
}
@media(max-width:680px){
  header{
    padding-top:calc(18px + env(safe-area-inset-top,0px));
  }
}

/* Wealth Flow v3.7: undo, actual-vs-planned progress, and credit-card balance tools */
.header-actions button:disabled{opacity:.42;cursor:default;background:#1a2024;border-color:#344047}
.flow-progress{padding:8px 14px 10px;border-top:1px solid #2a3339;background:#171d21}
.flow-progress-label{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#9eaaad;font-size:11px;margin-bottom:6px}
.flow-progress-label b{color:#dce5e2;font-size:11px}
.flow-progress-track{height:7px;background:#2a3339;border-radius:999px;overflow:hidden}
.flow-progress-track i{display:block;height:100%;border-radius:999px;background:#8fc5af;transition:width .2s ease}
.flow-section.needs .flow-progress-track i{background:#d27878}
.flow-section.wants .flow-progress-track i{background:#c9aa59}
.flow-section.savings .flow-progress-track i{background:#8794b5}.flow-section.debt .flow-progress-track i{background:#a68bb3}
.cards-table{overflow-x:auto;-webkit-overflow-scrolling:touch}
.card-row{grid-template-columns:minmax(190px,1fr) 145px 145px 145px;gap:10px;min-width:720px}
.card-row.card-header{color:#9eaaad;font-size:11px;font-weight:700;background:#20272c;padding:8px 10px}
.card-row .money-edit input[readonly]{color:#b9c5c3;background:#1c2327;cursor:default}
@media(max-width:680px){
  .flow-progress{min-width:700px}
  .header-actions button[data-act="undo"]{order:-1}
}

/* Wealth Flow Template v3.8: public-ready blank starter + cash flow account controls */
.cash-settings{display:grid;grid-template-columns:minmax(240px,1fr) minmax(220px,.7fr);gap:18px;background:#181f23;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:16px 0}
.cash-settings label{display:flex;flex-direction:column;gap:6px;color:#8f9b9f;font-size:12px;font-weight:700}
.cash-settings select,.cash-settings input{width:100%;border:1px solid #3c474d;background:#141a1e;color:inherit;border-radius:7px;padding:9px}
.cash-settings .currency-input{max-width:220px}
.card-row{grid-template-columns:minmax(180px,1fr) 150px 150px 150px;gap:10px}
@media(max-width:680px){.cash-settings{grid-template-columns:1fr;padding:14px}.cash-settings .currency-input{max-width:none}.cards-table{min-width:760px}}

/* Wealth Flow v3.9: Supabase authentication */
.auth-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 18px;background:radial-gradient(circle at top,#1b262b 0,#111518 48%,#0e1215 100%)}
.auth-card{width:min(460px,100%);background:#181f23;border:1px solid #344047;border-radius:18px;padding:28px;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.auth-brand{display:flex;align-items:center;gap:16px;margin-bottom:24px}.auth-brand img{width:64px;height:64px;border-radius:16px}.auth-brand h1{font-family:var(--wmd-font-ui);font-size:34px;margin:0}.auth-brand p{margin:4px 0 0;color:#93a0a4;font-size:13px}
.auth-card h2{font-family:var(--wmd-font-ui);margin:8px 0 18px}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;color:#9eaaad;font-size:12px;font-weight:700}.auth-form input{width:100%;border:1px solid #3d494f;background:#11171b;color:#eef3f1;border-radius:8px;padding:11px 12px;font-size:15px}.auth-form input:focus{outline:2px solid #7fae9b55;border-color:#7fae9b}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.auth-card button{min-height:42px}.auth-card button.secondary{background:#20282d}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#f5f7f6!important;color:#182024!important;border-color:#f5f7f6!important;font-weight:750}.google-btn span{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#4285f4;font-weight:900}
.auth-divider{display:flex;align-items:center;gap:12px;color:#68767b;font-size:11px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#303a40;flex:1}.text-btn{background:transparent!important;border:0!important;color:#9ec7b4!important;min-height:auto!important;padding:4px!important;justify-self:start}.auth-note{color:#718087;font-size:11px;line-height:1.45;margin:18px 0 0}.auth-alert{padding:10px 12px;border-radius:8px;margin:0 0 14px;font-size:12px}.auth-alert.error{background:#3b2225;border:1px solid #704045;color:#efb8ba}.auth-alert.success{background:#20362d;border:1px solid #3f6653;color:#bde1cc}
.auth-alert.info{background:#1e2b30;border:1px solid #3e5660;color:#c7d9dd;line-height:1.55}.auth-alert.info strong{display:block;font-size:13px;font-weight:750;color:#e3f1ee;margin:0 0 3px}.auth-alert.info p{margin:0;font-size:12px;line-height:1.6}.auth-loading{padding:30px;text-align:center;color:#9eaaad}
@media(max-width:520px){.auth-card{padding:22px}.auth-brand h1{font-size:30px}.auth-actions{grid-template-columns:1fr}}

/* Wealth Flow v4.0: usability, cash-flow planning, mobile navigation */
.equity-setup{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:14px;align-items:end;margin-top:16px;padding:16px 18px;background:#181f23;border:1px solid var(--line);border-radius:12px}
.equity-setup>div b{display:block;font-family:var(--wmd-font-ui);font-size:16px;margin-bottom:4px}.equity-setup>div span{display:block;color:#89979b;font-size:11px;line-height:1.4}.equity-setup label{display:grid;gap:5px;color:#97a5a9;font-size:11px;font-weight:700}.equity-setup select{width:100%;border:1px solid #3c474d;background:#141a1e;border-radius:7px;padding:8px}
.group-controls{flex-wrap:wrap;justify-content:flex-end}.nw-reorder{display:inline-flex;gap:2px}.nw-reorder button{width:23px;height:23px;padding:0;border:1px solid #3d484f;background:#1b2226;color:#9ca9ad;border-radius:5px;font-size:11px;line-height:1}.nw-reorder button:disabled{opacity:.26;cursor:default}.nw-reorder button:not(:disabled):hover{background:#29333a;color:#f1f5f4}.note-btn{width:25px;height:25px;padding:0;border:1px solid #5c5335;background:#282518;color:#cdbb78;border-radius:6px;font-size:13px;line-height:1}.note-btn.has-note{background:#37301c;color:#f0d584;border-color:#7b6b39}.nw-subrow{grid-template-columns:55px minmax(140px,1fr) 118px 120px 20px}.sub-reorder{justify-content:flex-start}.group-note{padding:7px 12px 10px}

.summary-grid span{padding:14px 15px;font-size:16px;align-items:center}.summary-grid b{font-size:18px;gap:10px}.summary-grid em{font-size:13px;font-weight:700}.monthly-total{font-size:16px!important}.budget-grid.grid-header{font-size:12px}

.cash-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0}.cash-kpi{background:#181f23;border:1px solid var(--line);border-radius:11px;padding:14px 15px}.cash-kpi>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.cash-kpi span{color:#a6b1b3;font-size:12px;font-weight:700}.cash-kpi b{font-family:var(--wmd-font-ui);font-size:22px}.cash-kpi small{display:block;color:#839196;font-size:11px;margin:5px 0 8px}.kpi-track{height:7px;border-radius:999px;background:#2c353b;overflow:hidden}.kpi-track i{display:block;height:100%;background:#8fc5af;border-radius:999px}.cash-kpi.expenses .kpi-track i{background:#d27878}.cash-kpi.savings .kpi-track i{background:#8794b5}.cash-kpi.plan-status.surplus{border-color:#466656}.cash-kpi.plan-status.surplus b{color:#a9d6bd}.cash-kpi.plan-status.surplus .kpi-track i{background:#78a98d}.cash-kpi.plan-status.shortfall{border-color:#754446;background:#2c2022}.cash-kpi.plan-status.shortfall b,.cash-kpi.plan-status.shortfall small{color:#e38888}.cash-kpi.plan-status.shortfall .kpi-track i{background:#d27878}.cash-kpi.plan-status.balanced .kpi-track i{background:#9aa7aa}
.balance-entry{display:flex;align-items:center;gap:7px;margin:7px 0 8px;max-width:310px;border:1px solid #435058;background:#12181c;border-radius:9px;padding:8px 12px}.balance-entry span{font-family:var(--wmd-font-ui);font-size:27px;color:#a8b4b7}.balance-entry input{min-width:0;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;text-align:left!important;font-family:var(--wmd-font-ui);font-size:31px;color:#fff;padding:0}.balance-entry input::placeholder{font-family:var(--wmd-font-ui);font-size:13px;color:#6f7c81}.cash-summary.balance-alert{border-color:#78484b;box-shadow:inset 0 0 0 1px rgba(210,120,120,.08)}.minimum-alert{margin-top:9px;color:#ef9999;font-size:12px;font-weight:750}.flow-grid.below-min{background:rgba(132,46,50,.19);box-shadow:inset 3px 0 0 #d27878}.flow-date-cell{display:grid;gap:4px}.flow-date-cell input{width:100%}.balance-warning{color:#f09a9a;font-size:9px;font-weight:800;white-space:nowrap}.today-marker{display:flex;align-items:center;gap:10px;height:29px;padding:0 12px;background:#151b1f;border-top:1px solid #2d383e;border-bottom:1px solid #2d383e}.today-marker span{position:relative;z-index:1;transform:translateX(-8px);background:#29453b;border:1px solid #54806d;color:#d4eee1;border-radius:0 999px 999px 0;padding:4px 10px 4px 12px;font-size:9px;font-weight:900;letter-spacing:.6px;white-space:nowrap}.today-marker i{height:1px;background:#4f7567;flex:1}
.flow-section.income .today-marker span{background:#29453b;border-color:#54806d;color:#d4eee1}.flow-section.income .today-marker i{background:#4f7567}
.flow-section.needs .today-marker span{background:#4b292b;border-color:#825052;color:#f1c8c8}.flow-section.needs .today-marker i{background:#7a484b}
.flow-section.wants .today-marker span{background:#4a4026;border-color:#806f3f;color:#efe2b5}.flow-section.wants .today-marker i{background:#76683d}
.flow-section.savings .today-marker span{background:#293747;border-color:#526a86;color:#d0dbee}.flow-section.savings .today-marker i{background:#50657e}.flow-section.debt .today-marker span{background:#3a3045;border-color:#6d5a80;color:#e0d4ea}.flow-section.debt .today-marker i{background:#69577b}
.cashflow-sections-scroll{overflow-x:visible}.cashflow-sections-wide{min-width:0}.flow-section{overflow:visible!important}.card-row{grid-template-columns:minmax(170px,1fr) 145px 145px 145px 155px;min-width:930px}.card-row.card-header{display:grid}.pay-this-month input{font-weight:750;border-color:#577160}.debt-totals .total-row{border-bottom:1px solid #30393e}.debt-totals .total-row:last-child{border-bottom:0}.planned-payment b:last-child{color:#b9dcc7}

@media(max-width:980px){
  .equity-setup{grid-template-columns:1fr 1fr}.equity-setup>div{grid-column:1/-1}
  .cash-kpis{grid-template-columns:1fr 1fr}
  .cashflow-sections-scroll{overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-left:-2px;margin-right:-2px}
  .cashflow-sections-wide{min-width:720px;padding:0 2px}
  .flow-section{overflow:visible!important}
}
@media(max-width:680px){
  .equity-setup{grid-template-columns:1fr;padding:14px}.equity-setup>div{grid-column:auto}
  .group-controls{justify-content:flex-start}.group-reorder{order:-1}
  .nw-subrow{grid-template-columns:38px minmax(0,1fr) 105px 18px;gap:5px;padding:7px 6px}
  .nw-subrow>.nw-reorder{grid-column:1;grid-row:1}.nw-subrow>.sub-name{grid-column:2;grid-row:1}.nw-subrow>:nth-child(3){grid-column:2/4;grid-row:2}.nw-subrow>.money-edit{grid-column:3;grid-row:1}.nw-subrow>.row-remove{grid-column:4;grid-row:1}.sub-reorder{flex-direction:column}.sub-reorder button{width:22px;height:18px;font-size:9px}.cf-link{justify-content:flex-start}.cf-link span{font-size:8px}
  .summary-grid span{font-size:15px;padding:13px}.summary-grid b{font-size:17px}.summary-grid em{font-size:12px}.monthly-total{font-size:15px!important}
  .cash-kpis{grid-template-columns:1fr;gap:9px}.cash-kpi{padding:12px 13px}.cash-kpi b{font-size:21px}
  .balance-entry{max-width:none}.balance-entry input{font-size:28px}.cashflow-sections-wide{min-width:700px}
  .today-marker span{transform:translateX(-5px)}
  .cards-table{min-width:0;overflow-x:auto}.card-row{min-width:930px}
}


/* Wealth Flow v4.1: generalized equity, quick sorting, budget targets */
.equity-setup{display:block;padding:16px 18px}.equity-setup-head{display:flex;justify-content:space-between;align-items:center;gap:18px}.equity-setup-head>div{min-width:0}.equity-setup-head button{border:1px solid #46535b;background:#20282d;border-radius:8px;padding:7px 10px;color:#e8efed;white-space:nowrap}.equity-setup-head button:hover{background:#283239}.equity-links{display:grid;gap:8px;margin-top:12px}.equity-link-row{display:grid;grid-template-columns:minmax(170px,1fr) 24px minmax(170px,1fr) 120px 24px;gap:8px;align-items:end;background:#141a1e;border:1px solid #303a40;border-radius:9px;padding:10px}.equity-link-row label{display:grid;gap:4px;color:#8f9da1;font-size:10px;font-weight:700}.equity-link-row select{width:100%;border:1px solid #3c474d;background:#11171a;border-radius:6px;padding:7px}.equity-minus{font-size:22px;text-align:center;color:#7e8c91;padding-bottom:6px}.equity-result{display:grid;gap:3px;text-align:right}.equity-result span{color:#839096;font-size:10px;font-weight:700}.equity-result b{font-family:var(--wmd-font-ui);font-size:18px}.equity-remove{width:24px;height:31px;border:1px solid #5c4545;background:#2b2021;color:#d99a9a;border-radius:6px;font-size:15px}.equity-empty{padding:10px 2px;color:#78868c;font-size:11px}
.quick-sort{display:inline-flex;gap:2px}.quick-sort button{height:24px;min-width:29px;padding:0 5px;border:1px solid #3d484f;background:#1b2226;color:#9ca9ad;border-radius:5px;font-size:10px;font-weight:800}.quick-sort button:hover{background:#29333a;color:#f1f5f4}.add-sub{width:27px;height:25px;padding:0!important;justify-content:center;font-size:16px!important;font-weight:800}.section-actions{display:flex;align-items:center;gap:7px}.section-actions .quick-sort button{background:rgba(20,26,30,.48)}
.nw-subrow{grid-template-columns:55px minmax(190px,1fr) 120px 140px 20px}.sub-name-cell{min-width:0;display:grid;gap:1px}.sub-name-cell .sub-name{min-width:0}.cashflow-linked{display:block;color:#72b8e0;font-size:9px;font-weight:800;padding:0 5px 2px;line-height:1.1}.cf-link{justify-self:end}.cf-link-placeholder{min-width:0}
.summary-grid{align-items:stretch}.summary-item{display:grid;gap:8px;background:#222a2f;padding:14px 15px;border-radius:8px;font-size:16px;border:1px solid transparent}.summary-item-top{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.summary-item-top>span{font-size:16px}.summary-item b{display:flex;gap:10px;align-items:baseline;font-size:18px}.summary-item em{font-style:normal;color:#a7c8b3;font-size:13px;font-weight:700}.summary-item small{color:#839095;font-size:10px}.summary-item.negative{border-color:#754446;background:#2c2022}.summary-item.negative b,.summary-item.negative em{color:#e38888}.summary-item.over-target{border-color:#754446;background:#2c2022}.summary-item.over-target .summary-item-top>span,.summary-item.over-target b,.summary-item.over-target em{color:#e38888}.target-pct{display:flex;align-items:center;justify-content:flex-end;gap:4px;color:#87959a;font-size:10px;font-weight:700}.target-pct input{width:52px;border:1px solid #3d494f;background:#151b1f;border-radius:5px;padding:4px 5px;text-align:right}.summary-item.over-target .target-pct{color:#d18a8a}.budget-chart-status{display:grid;gap:3px;text-align:center;margin-top:4px;max-width:300px}.budget-chart-status b{font-size:13px;color:#b9d3c5}.budget-chart-status span{font-size:10px;color:#7f8d92;line-height:1.35}.budget-chart-status.negative b{color:#e38888}
@media(max-width:980px){.equity-link-row{grid-template-columns:1fr 20px 1fr 105px 24px}.nw-subrow{grid-template-columns:48px minmax(165px,1fr) 112px 132px 20px}}
@media(max-width:680px){.equity-setup-head{align-items:flex-start}.equity-setup-head button{font-size:11px}.equity-link-row{grid-template-columns:1fr 20px 1fr 24px}.equity-result{grid-column:1/4;grid-row:2;text-align:left;display:flex;align-items:baseline;gap:8px}.equity-remove{grid-column:4;grid-row:1/3;align-self:center}.nw-subrow{grid-template-columns:38px minmax(0,1fr) 105px 18px;gap:5px;padding:7px 6px}.nw-subrow>.nw-reorder{grid-column:1;grid-row:1/3}.nw-subrow>.sub-name-cell{grid-column:2;grid-row:1}.nw-subrow>.money-edit{grid-column:3;grid-row:1}.nw-subrow>.cf-link,.nw-subrow>.cf-link-placeholder{grid-column:2/4;grid-row:2;justify-self:end}.nw-subrow>.row-remove{grid-column:4;grid-row:1}.cashflow-linked{padding-left:5px}.summary-item{font-size:15px;padding:13px}.summary-item-top>span{font-size:15px}.summary-item b{font-size:17px}.summary-item em{font-size:12px}.section-head{gap:10px}.section-actions{gap:5px}.section-actions .quick-sort button{min-width:27px}}


/* Wealth Flow v4.2: deeper Net Worth headers, collapse-all controls, forecast status */
.nw-main-grid,.nw-secondary-grid{align-items:start}
.nw-group-head{display:block;padding:9px 12px 10px}
.heading-name{width:100%;gap:9px}
.heading-name input{width:auto;min-width:0;flex:1;font-size:16px;overflow:visible;text-overflow:clip}
.heading-name strong{margin-left:12px;flex:0 0 auto;white-space:nowrap;font-size:15px}
.group-controls{width:100%;margin-top:7px;padding-top:7px;padding-left:34px;border-top:1px solid #303940;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.group-controls-spacer{flex:1 1 auto;min-width:16px}
.goal-input{margin-left:auto}
.goal-input input{width:88px}
.nw-section-actions{display:flex;align-items:center;gap:7px}
.nw-section-actions .collapse-all-btn{padding:6px 9px;font-size:10px;color:#aeb8ba;background:#1a2226}
.nw-subrow{grid-template-columns:55px minmax(210px,1fr) 120px 112px 20px}
.cf-link{justify-self:end}
.cf-link span{font-size:7.5px;padding:4px 5px}
.cash-kpi .plan-status-detail{display:grid;gap:2px;line-height:1.25;margin:6px 0 8px}
.cash-kpi .plan-status-detail span{font-size:10px;font-weight:600;color:inherit}
.cash-kpi .plan-status-detail .plan-formula{display:block;margin-top:2px;color:#a7b2b4;font-weight:800}
.cash-kpi.plan-status.shortfall .plan-status-detail .plan-formula{color:#e6a0a0}

@media(max-width:980px){
  .nw-subrow{grid-template-columns:48px minmax(180px,1fr) 112px 108px 20px}
  .nw-section-title{align-items:flex-start;gap:10px}
  .nw-section-actions{flex-wrap:wrap;justify-content:flex-end}
}
@media(max-width:680px){
  .group-controls{padding-left:0}
  .group-controls-spacer{display:none}
  .goal-input{margin-left:0}
  .nw-section-title{align-items:flex-start}
  .nw-section-actions{display:grid;justify-items:end}
  .nw-section-actions .collapse-all-btn{font-size:9px;padding:5px 7px}
  .nw-subrow{grid-template-columns:38px minmax(0,1fr) 105px 18px}
}

/* Wealth Flow v4.3: denser Net Worth layout, optional sections, compact history controls */
.nw-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.nw-column{display:grid;gap:24px;align-content:start;min-width:0}
.nw-subrow{grid-template-columns:55px minmax(0,1fr) 120px 20px}
.sub-name-cell{min-width:0;align-content:center}
.cf-link-inline{display:inline-flex;align-items:center;width:max-content;margin:1px 0 1px 5px}
.cf-link-inline input{display:none}
.cf-link-inline span{display:inline-flex;align-items:center;border:1px solid #44535b;border-radius:999px;padding:2px 6px;color:#849399;font-size:8px;font-weight:850;letter-spacing:.15px;cursor:pointer;background:#182025}
.cf-link-inline span:hover{border-color:#647780;color:#b8c6ca}
.cf-link-inline input:checked+span{border-color:#5793b2;color:#9ed8f3;background:#18303d}
.group-note-row,.group-note-editor{display:flex;align-items:center;gap:7px;padding:5px 10px 9px 12px}
.group-note-row .group-note{padding:0;flex:1;min-width:0}
.group-note-editor .group-note-edit{flex:1;min-width:0;border:1px solid #3b464d;background:#141a1e;border-radius:6px;padding:6px 8px;color:#d7c487;font-size:10px;font-style:italic}
.note-delete{width:20px;height:20px;flex:0 0 20px;padding:0;border:0;background:transparent;color:#7d8a8f;border-radius:50%;font-size:13px;line-height:20px}
.note-delete:hover{background:#3a2729;color:#e18787}
.nw-section-actions .add-heading-btn{padding:5px 8px;font-size:10px}
.nw-section-actions .hide-section-btn{padding:5px 7px;font-size:9px;color:#89979b;background:#182025}
.hidden-sections-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:18px;padding:9px 11px;border:1px dashed #364249;border-radius:9px;background:#151b1f;color:#87959a;font-size:10px}
.hidden-sections-bar>span{font-weight:800;margin-right:2px}
.hidden-sections-bar button{border:1px solid #435058;background:#20282d;border-radius:6px;padding:5px 8px;color:#b8c3c5;font-size:9px}
.hidden-sections-bar button:hover{background:#29333a;color:#eef3f1}
.chart-help-row{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:5px}
.chart-help-row .chart-help{margin:0}
.chart-action{border:1px solid #435058;background:#1b2327;border-radius:6px;padding:4px 7px;color:#aebabc;font-size:9px;white-space:nowrap}
.chart-action:hover{background:#273137;color:#edf3f1}
.history-actions{display:flex;align-items:flex-end;gap:10px}
.history-toggle{border:1px solid #435058;background:#20282d;border-radius:7px;padding:6px 9px;color:#c3cdcf;font-size:10px;white-space:nowrap}
.history-toggle:hover{background:#29333a;color:#f0f4f3}
.history-add{margin-top:10px}
.short-term-debt-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#181f23}
.short-term-debt-panel .panel-title{background:#3b2828;padding:11px 14px;border-bottom:1px solid #5a3939}
.short-term-debt-panel .panel-title span{color:#bca4a4}
.short-term-debt-panel .cards-table,.short-term-debt-panel .debt-totals{padding-left:14px;padding-right:14px}
.short-term-debt-panel .empty-row{margin:0 14px}

@media(max-width:980px){
  .nw-board{grid-template-columns:1fr;gap:18px}
  .nw-column{display:contents}
  .nw-section.assets{order:1}.nw-section.liabilities{order:2}.nw-section.sinking{order:3}.nw-section.other{order:4}
  .nw-subrow{grid-template-columns:48px minmax(0,1fr) 112px 20px}
}
@media(max-width:680px){
  .nw-subrow{grid-template-columns:38px minmax(0,1fr) 105px 18px;gap:5px;padding:7px 6px}
  .nw-subrow>.nw-reorder{grid-column:1;grid-row:1/2}
  .nw-subrow>.sub-name-cell{grid-column:2;grid-row:1}
  .nw-subrow>.money-edit{grid-column:3;grid-row:1}
  .nw-subrow>.row-remove{grid-column:4;grid-row:1}
  .cf-link-inline{margin-left:5px}
  .history-panel{overflow:hidden}
  .history-head{display:flex;align-items:flex-start;gap:10px}
  .history-head>div:first-child{min-width:0}
  .history-actions{display:grid;justify-items:end;gap:5px;flex:0 0 auto}
  .history-latest{text-align:right;margin-top:0}
  .history-chart{width:100%;max-width:100%;min-width:0!important;height:auto}
  .hist-label{font-size:9px}
  .history-add{min-width:0!important;display:grid;grid-template-columns:1fr;justify-items:stretch;gap:7px}
  .history-add>span{width:auto;margin:0}
  .history-add .currency-input{width:100%}
  .history-add button{justify-content:center}
  .nw-section-actions .add-heading-btn{padding:4px 6px;font-size:9px}
  .section-actions [data-add-budget]{padding:5px 7px;font-size:9px}
  .short-term-debt-panel .panel-title{align-items:flex-start;gap:8px}
  .short-term-debt-panel .panel-title span{max-width:62%;text-align:right}
  .chart-help-row{justify-content:flex-start}
}

/* Wealth Flow v4.4: budget target guardrails, softer over-target state, compact add-line controls, short-term-debt due dates */
.summary-item.over-target{
  border-color:#8b5c5c;
  background:rgba(207,116,116,.11);
}
.summary-item.over-target .summary-item-top>span,
.summary-item.over-target b,
.summary-item.over-target em{color:#e6aaaa}
.summary-item.over-target .target-pct{color:#c99a9a}
.section-actions [data-add-budget],.flow-add{
  padding:4px 7px;
  font-size:10px;
  border-radius:6px;
}
.card-row{grid-template-columns:minmax(170px,1fr) 135px 135px 135px 145px 145px;min-width:1010px}
.card-due-date{
  width:100%;
  min-width:0;
  border:1px solid #3c474d;
  background:#141a1e;
  color:#dbe3e1;
  border-radius:6px;
  padding:7px;
  color-scheme:dark;
}
@media(max-width:680px){
  .section-actions [data-add-budget],.flow-add{padding:4px 6px;font-size:9px}
  .cards-table{min-width:0;overflow-x:auto}
  .card-row{min-width:1010px}
}

/* Wealth Flow v4.6: cloud-sync status and tucked-away data tools */
.cloud-status{font-weight:750;color:#9aa7aa;white-space:nowrap}
.cloud-status.loading,.cloud-status.syncing{color:#d4bd78}
.cloud-status.synced{color:#8fc5af}
.cloud-status.offline{color:#d2b06c}
.cloud-status.setup,.cloud-status.error{color:#e29a96}
@media(max-width:680px){
  .cloud-status{font-size:11px}
}


/* v4.6: keep backup/restore available without cluttering the primary header */
.data-tools{position:relative}
.data-tools summary{list-style:none;border:1px solid #46535b;background:#20282d;border-radius:8px;padding:8px 11px;color:#e8efed;cursor:pointer;line-height:1}
.data-tools summary::-webkit-details-marker{display:none}
.data-tools summary:hover{background:#283239;border-color:#5c6b74}
.data-tools-menu{position:absolute;right:0;top:calc(100% + 7px);z-index:50;min-width:165px;padding:6px;background:#182025;border:1px solid #46535b;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.32)}
.data-tools-menu button,.data-tools-restore{width:100%;box-sizing:border-box;border:0;background:transparent;color:#e8efed;padding:9px 10px;border-radius:7px;display:flex;align-items:center;cursor:pointer;font:inherit;font-size:13px;text-align:left}
.data-tools-menu button:hover,.data-tools-restore:hover{background:#283239}
@media(max-width:680px){.data-tools summary{padding:7px 9px}.data-tools-menu{left:0;right:auto}}

/* Wealth Flow v4.6: automatic cloud sync + Settings/Data */
.cloud-status.retryable{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}
.cloud-status.retryable:hover{color:#f0b2ae}
.settings-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(5,8,10,.68);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding:9vh 18px 28px}
.settings-dialog{width:min(520px,100%);background:#171e22;border:1px solid #3a464d;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.5);overflow:hidden}
.settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #303a40;background:#1c2429}
.settings-head h2{font-family:var(--wmd-font-ui);font-size:28px;margin:2px 0 0}.settings-kicker{font-size:9px;font-weight:850;letter-spacing:1.3px;color:#7f9097}.settings-close{width:32px;height:32px;padding:0;border:1px solid #46535b;background:#20282d;border-radius:8px;color:#ccd6d3;font-size:20px;line-height:1}.settings-close:hover{background:#2a343a}
.settings-section{padding:22px}.settings-section h3{margin:0 0 8px;font-size:16px}.settings-section p{margin:0 0 16px;color:#a6b2b5;font-size:13px;line-height:1.55}.settings-section small{display:block;margin-top:12px;color:#748187;line-height:1.45}.settings-data-actions{display:flex;gap:9px;flex-wrap:wrap}.settings-data-actions button,.settings-data-actions .button{border:1px solid #46535b;background:#20282d;border-radius:8px;padding:8px 11px;display:inline-flex;align-items:center;color:#e8efed}.settings-data-actions button:hover,.settings-data-actions .button:hover{background:#283239;border-color:#5c6b74}
@media(max-width:680px){.settings-backdrop{padding:calc(56px + env(safe-area-inset-top,0px)) 12px 18px;align-items:flex-start}.settings-head{padding:17px}.settings-section{padding:17px}.settings-data-actions{display:grid;grid-template-columns:1fr 1fr}.settings-data-actions button,.settings-data-actions .button{justify-content:center;padding:8px 7px;font-size:12px}}

/* v4.9: make the cash forecast's treatment of past-dated unfinished items explicit. */
.projection-note{margin:-6px 0 16px;padding:10px 12px;border:1px solid #4b4540;background:#211f1d;border-radius:9px;display:flex;gap:8px;align-items:flex-start;flex-wrap:wrap;color:#b7b0a8;font-size:11px}.projection-note b{color:#e0c99b}.projection-note span{color:#9b958f}.flow-grid.past-unfinished{opacity:.72}.past-unfinished-note{color:#d6aa72;font-size:9px;font-weight:750;white-space:nowrap}

/* Wealth Flow v5.0: month-locked Cash Flow date editor */
.flow-date-editor{display:grid;grid-template-columns:auto minmax(44px,58px) auto;align-items:center;gap:5px;width:100%;border:1px solid #38434a;background:#13191d;border-radius:6px;padding:3px 6px;color:#aab5b8;font-size:11px;box-sizing:border-box}
.flow-date-editor select{min-width:0;width:100%;border:0;background:#1b2328;color:#eef3f1;border-radius:4px;padding:4px 3px;text-align:center;font-weight:750;color-scheme:dark}
.flow-date-editor span:last-child{font-variant-numeric:tabular-nums;color:#819095}
.card-due-date{appearance:auto}
@media(max-width:680px){.flow-date-editor{gap:3px;padding:3px 4px;font-size:10px}.flow-date-editor select{padding:4px 1px}}


/* Wealth Flow v5.1: Plaid Sandbox connection */
.settings-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.feature-badge{font-size:9px;font-weight:800;letter-spacing:.08em;color:#9fd9c1;border:1px solid #36584c;background:#17251f;border-radius:999px;padding:5px 8px}
.plaid-settings{border-bottom:1px solid #303a40;padding-bottom:18px;margin-bottom:18px}
.plaid-connect{margin-top:4px;background:#21362e;border-color:#3f6d5a;color:#dff6eb;font-weight:750}
.plaid-connect:hover{background:#284438}
.plaid-status{margin-top:10px;padding:9px 10px;border-radius:8px;font-size:11px;border:1px solid #3a464d;background:#1d2428;color:#b9c4c7}
.plaid-status.success{border-color:#3f6d5a;color:#aee7c9;background:#17251f}
.plaid-status.error{border-color:#73474a;color:#f0b6ba;background:#2a1c1e}
.plaid-status.working{border-color:#5f5a3c;color:#e6d99c;background:#27251a}

/* v5.2 Plaid account preview */
.plaid-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.plaid-refresh{border:1px solid #46535b;background:#20282d;color:#dce7e3;border-radius:7px;padding:7px 10px;font-weight:700}.plaid-refresh:hover{background:#283239}.plaid-account-empty{margin-top:12px;padding:12px;border:1px dashed #3a474d;border-radius:9px;color:#869499;font-size:12px}.plaid-institutions{display:grid;gap:10px;margin-top:12px}.plaid-institution{border:1px solid #344249;border-radius:10px;overflow:hidden;background:#171e22}.plaid-institution-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border-bottom:1px solid #2e393e}.plaid-institution-head>div{display:flex;flex-direction:column;gap:2px}.plaid-institution-head strong{font-size:13px}.plaid-institution-head span{font-size:10px;color:#819095}.plaid-live-dot{color:#9fd9c1!important;border:1px solid #36584c;border-radius:999px;padding:4px 7px;background:#17251f;font-weight:700}.plaid-account-list{display:grid}.plaid-account-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:10px 12px;border-top:1px solid #273238}.plaid-account-row:first-child{border-top:0}.plaid-account-name,.plaid-account-balance{display:flex;flex-direction:column;gap:2px}.plaid-account-name strong,.plaid-account-balance strong{font-size:12px}.plaid-account-name span,.plaid-account-balance span{font-size:10px;color:#7f8d92}.plaid-account-balance{text-align:right;white-space:nowrap}@media(max-width:680px){.plaid-actions{display:grid;grid-template-columns:1fr 1fr}.plaid-actions button{font-size:11px;padding:7px 5px}.plaid-account-row{align-items:flex-start}.plaid-account-name{min-width:0}.plaid-account-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}}
.plaid-account-row.mapped{align-items:flex-start}.plaid-account-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px}.plaid-map-label{display:flex;flex-direction:column;gap:4px;max-width:430px}.plaid-map-label>span{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:#7f8d92;font-weight:700}.plaid-map-label select{width:100%;border:1px solid #3c4b52;background:#11181c;color:#dfe8e5;border-radius:7px;padding:7px 9px;font-size:11px}.plaid-map-meta{display:flex;gap:7px;align-items:center;flex-wrap:wrap;font-size:10px;color:#849399}.plaid-sync-pill{display:inline-flex;border:1px solid #36584c;background:#17251f;color:#aee7c9;border-radius:999px;padding:2px 6px;font-weight:750}.plaid-cashflow-toggle{display:flex;align-items:center;gap:6px;font-size:10px;color:#aab6b8}.plaid-cashflow-toggle input{accent-color:#7cc7a6}.plaid-account-row.mapped .plaid-account-balance{padding-top:1px}@media(max-width:680px){.plaid-account-row.mapped{display:grid;grid-template-columns:minmax(0,1fr) auto}.plaid-map-label{max-width:none}.plaid-map-label select{font-size:10px}.plaid-account-row.mapped .plaid-account-balance{min-width:80px}}

/* v5.4 Plaid-authoritative mapped balances */
.plaid-linked-note{display:block;margin-top:4px;color:#9fd7b3;font-size:.72rem;font-weight:700}
.money-edit.plaid-readonly,.balance-entry.plaid-readonly{opacity:.92}
.money-edit.plaid-readonly input,.balance-entry.plaid-readonly input{cursor:not-allowed;background:rgba(123,196,148,.07);border-color:rgba(123,196,148,.28)}

/* Wealth Flow v5.6: Cash Flow debt selection + explicit full-balance payment mode */
.cash-settings .cash-debt-selector{grid-column:1/-1;border-top:1px solid var(--line);padding-top:12px;display:grid;gap:8px}
.cash-debt-selector>span{color:#8f9b9f;font-size:12px;font-weight:700}
.cash-debt-options{display:flex;flex-wrap:wrap;gap:8px}
.cash-debt-options label{display:inline-flex;flex-direction:row;align-items:center;gap:6px;border:1px solid #3c474d;background:#141a1e;border-radius:999px;padding:7px 10px;color:#cbd6d3;font-size:11px;cursor:pointer}
.cash-debt-options input{width:auto;margin:0}
.cash-debt-selector small{color:#718087;font-size:10px}
.card-row{grid-template-columns:minmax(180px,1fr) 135px 135px 140px 120px 150px 90px;gap:10px;min-width:1020px}
.pay-full-toggle{display:flex;align-items:center;justify-content:center;gap:6px;color:#aab6b4;font-size:11px}
.pay-full-toggle input{width:auto}
.pay-full-toggle span{min-width:24px;text-align:center}
@media(max-width:680px){.card-row{min-width:1020px}}

/* v5.8 Plaid transaction reconciliation */
.review-transactions-btn{border-color:#4f765f;background:#17231d;color:#c7f0d4}
.review-transactions-btn:hover{background:#1d2c24}
.tx-review-backdrop{position:fixed;inset:0;background:rgba(4,8,10,.72);display:flex;align-items:center;justify-content:center;padding:20px;z-index:80}
.tx-review-dialog{width:min(820px,100%);max-height:min(88vh,900px);background:#171e22;border:1px solid #3a464d;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.55);overflow:hidden;display:flex;flex-direction:column}
.tx-review-head{display:flex;justify-content:space-between;gap:20px;padding:22px 24px 18px;border-bottom:1px solid var(--line)}
.tx-review-head h2{margin:2px 0 4px;font-family:var(--wmd-font-ui);font-size:27px}
.tx-review-head p{margin:0;color:#9ca8ac;font-size:12px}
.tx-review-head>button{align-self:flex-start;width:36px;height:36px;border-radius:8px;font-size:22px;padding:0}
.tx-review-tabs{display:flex;gap:8px;padding:12px 20px;border-bottom:1px solid var(--line);background:#151b1f}
.tx-review-tabs button{font-size:12px}.tx-review-tabs button.active{border-color:#60906f;background:#1b2921;color:#d7f5df}
.tx-review-list{padding:16px 20px;overflow:auto;display:grid;gap:10px}
.tx-review-card{border:1px solid #354148;border-radius:10px;background:#151c20;padding:14px;display:grid;gap:10px}
.tx-review-card.resolved{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.tx-review-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.tx-review-main{display:grid;gap:3px;min-width:0}.tx-review-main strong{font-size:14px}.tx-review-main span,.tx-review-main small{color:#89979c;font-size:11px}
.tx-review-amount{font-size:17px;font-weight:800;white-space:nowrap}
.tx-review-suggestion{font-size:11px;color:#a7b2b6}.tx-review-suggestion.has-suggestion{color:#bce8c8}
.tx-review-actions{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:8px}.tx-review-actions select{width:100%;min-width:0}
.tx-review-actions .primary{border-color:#5f8f70;background:#1a2a21;color:#d7f5df}
.tx-review-empty{padding:30px 16px;text-align:center;color:#94a0a4;border:1px dashed #39454b;border-radius:10px}
.tx-review-foot{padding:12px 20px 16px;border-top:1px solid var(--line);color:#849095;line-height:1.45}
@media(max-width:680px){.tx-review-backdrop{padding:0;align-items:stretch}.tx-review-dialog{max-height:none;height:100%;border-radius:0}.tx-review-head{padding:18px 16px}.tx-review-list{padding:12px}.tx-review-actions{grid-template-columns:1fr 1fr}.tx-review-actions select{grid-column:1/-1}.tx-review-card.resolved{grid-template-columns:1fr auto}.tx-review-card.resolved button{grid-column:1/-1}.monthbar .review-transactions-btn{width:100%}}

/* Wealth Flow v5.9: scrollable Settings modal */
.settings-dialog{max-height:82vh;display:flex;flex-direction:column;overflow:hidden}
.settings-head{position:sticky;top:0;z-index:2;flex:0 0 auto}
.settings-dialog>.settings-section{flex:0 0 auto}
.settings-dialog{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:680px){.settings-dialog{max-height:calc(100dvh - 86px)}}

/* v6.0 Cash Flow month header + transaction review CTA */
.monthbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.monthbar-nav{display:flex;align-items:center;gap:10px;min-width:0}
.monthbar-nav h2{min-width:230px;text-align:center;font-family:var(--wmd-font-ui);margin:0}
.monthbar-nav>button{border:1px solid #3b474d;background:#1b2226;border-radius:7px;width:34px;height:34px;color:inherit;font-size:20px}
.monthbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.monthbar-actions .regenerate{margin-left:0}
.review-transactions-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid #4f765f!important;background:#17231d!important;color:#d8f4e1!important;border-radius:8px!important;width:auto!important;font-weight:700;white-space:nowrap;cursor:pointer}
.review-transactions-btn:hover{background:#1d2c24!important;border-color:#659777!important}
.review-transactions-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #669278;border-radius:50%;font-size:11px;line-height:1;color:#c7f0d4}
.review-transactions-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#2f5b40;color:#dff7e7;font-size:11px;line-height:1}
@media(max-width:680px){.monthbar{display:block}.monthbar-nav{width:100%}.monthbar-nav h2{min-width:0;flex:1}.monthbar-actions{width:100%;display:grid;grid-template-columns:1fr;margin-top:10px}.monthbar-actions .regenerate,.monthbar-actions .review-transactions-btn{width:100%;margin:0;min-height:42px}.review-transactions-btn{justify-content:center}}


/* Wealth Flow v6.1: transaction review redesign */
.tx-review-backdrop{
  background:rgba(4,8,10,.78);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  padding:24px;
}
.tx-review-dialog{
  width:min(860px,calc(100vw - 48px));
  max-height:min(84vh,860px);
  background:#151c20;
  border:1px solid #3b474d;
  border-radius:16px;
  box-shadow:0 28px 90px rgba(0,0,0,.58);
}
.tx-review-head{
  padding:22px 24px 18px;
  gap:18px;
  background:linear-gradient(180deg,#1b2327 0%,#171e22 100%);
}
.tx-review-heading{min-width:0}
.tx-review-head h2{margin:3px 0 6px;font-size:29px;line-height:1.08;color:#f5f8f7}
.tx-review-head p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:#9ca8ac;font-size:12px}
.tx-review-head p>span:first-child{color:#cbd5d2;font-weight:700}
.tx-review-head-sep{color:#59676d!important}
.tx-review-close{
  appearance:none!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 36px!important;
  width:36px!important;
  height:36px!important;
  padding:0!important;
  border:1px solid #46535a!important;
  border-radius:9px!important;
  background:#20282d!important;
  color:#dfe7e4!important;
  font-size:23px!important;
  line-height:1!important;
}
.tx-review-close:hover{background:#2a3439!important;border-color:#5f6e75!important;color:#fff!important}
.tx-review-tabs{
  display:flex;
  gap:6px;
  padding:10px 24px;
  background:#12181c;
  border-bottom:1px solid #303b41;
}
.tx-review-tabs button{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:6px 10px!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#8f9ca0!important;
  font-size:12px!important;
  font-weight:700!important;
}
.tx-review-tabs button:hover{background:#1c2428!important;color:#dce4e1!important}
.tx-review-tabs button.active{background:#1c2a22!important;border-color:#476653!important;color:#d8f1e0!important}
.tx-review-tabs button strong{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:20px;
  padding:0 6px;
  border-radius:999px;
  background:#2a3338;
  color:#b6c1bd;
  font-size:10px;
  line-height:1;
}
.tx-review-tabs button.active strong{background:#31513d;color:#dff4e5}
.tx-review-list{padding:16px 20px 18px;gap:12px;background:#151c20}
.tx-review-card{
  gap:13px;
  padding:16px 17px;
  border:1px solid #354248;
  border-radius:12px;
  background:#182025;
  box-shadow:0 5px 18px rgba(0,0,0,.10);
}
.tx-review-card:hover{border-color:#44535a}
.tx-review-card-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.tx-review-main{gap:7px}
.tx-review-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tx-review-main strong{font-size:15px;line-height:1.25;color:#f1f5f3}
.tx-review-meta{display:flex;gap:7px 12px;align-items:center;flex-wrap:wrap;color:#8d9ba0;font-size:11px}
.tx-review-meta span+span{position:relative;padding-left:12px}
.tx-review-meta span+span:before{content:'•';position:absolute;left:0;color:#536168}
.tx-review-chips{display:flex;gap:6px;flex-wrap:wrap}
.tx-review-chip{
  display:inline-flex;
  align-items:center;
  min-height:20px;
  padding:2px 7px;
  border:1px solid #38464c;
  border-radius:999px;
  background:#131a1e;
  color:#8fa0a5;
  font-size:9px;
  font-weight:750;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.tx-review-chip.pending{border-color:#665b3d;background:#272318;color:#d8c37e}
.tx-review-amount{font-size:20px;line-height:1.1;font-weight:800;color:#f4f7f6;white-space:nowrap;padding-top:1px}
.tx-review-match-box{
  display:grid;
  gap:10px;
  padding:12px;
  border:1px solid #303d42;
  border-radius:10px;
  background:#12191d;
}
.tx-review-match-box.has-suggestion{border-color:#365444;background:#142019}
.tx-review-match-copy{display:grid;gap:3px}
.tx-review-match-copy>span{color:#7f8e93;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.tx-review-match-copy>strong{color:#b7c4c0;font-size:12px;font-weight:700}
.tx-review-match-box.has-suggestion .tx-review-match-copy>strong{color:#bce8c8}
.tx-review-actions{display:grid;grid-template-columns:minmax(0,1fr) 86px 78px;gap:8px;align-items:stretch}
.tx-review-actions select{
  width:100%!important;
  min-width:0!important;
  height:38px!important;
  padding:0 34px 0 10px!important;
  border:1px solid #435058!important;
  border-radius:8px!important;
  background:#1b2327!important;
  color:#dfe7e4!important;
  font-size:11px!important;
}
.tx-review-actions select:hover{border-color:#596970!important}
.tx-review-match,.tx-review-ignore,.tx-review-restore{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:38px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:11px!important;
  font-weight:800!important;
}
.tx-review-match{border:1px solid #5d8a6b!important;background:#254331!important;color:#e0f6e7!important}
.tx-review-match:hover{background:#2c503a!important;border-color:#72a180!important}
.tx-review-match:disabled{opacity:.38;cursor:not-allowed}
.tx-review-ignore{border:1px solid #46535a!important;background:#20282d!important;color:#aab6b4!important}
.tx-review-ignore:hover{background:#293338!important;color:#e1e8e5!important}
.tx-review-status{
  display:inline-flex;
  align-items:center;
  padding:3px 7px;
  border-radius:999px;
  font-size:9px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.tx-review-status.matched{border:1px solid #456b53;background:#1a2b21;color:#bce8c8}
.tx-review-status.ignored{border:1px solid #4b565c;background:#20282c;color:#aab4b7}
.tx-review-result{color:#b5c0bd;font-size:11px}
.tx-review-resolved-actions{display:flex;justify-content:flex-end;border-top:1px solid #2e393e;padding-top:11px}
.tx-review-restore{height:34px!important;border:1px solid #46535a!important;background:#20282d!important;color:#c5cfcc!important}
.tx-review-restore:hover{background:#293338!important;color:#fff!important}
.tx-review-empty{
  display:grid;
  justify-items:center;
  gap:5px;
  padding:38px 18px;
  border:1px dashed #3a474d;
  border-radius:12px;
  background:#151d21;
  color:#89979b;
}
.tx-review-empty strong{color:#dce4e1;font-size:13px}
.tx-review-empty span{font-size:11px;text-align:center}
.tx-review-empty-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:3px;
  border:1px solid #466451;
  border-radius:50%;
  background:#19251e;
  color:#bfe5ca;
  font-weight:800;
}
.tx-review-error{display:grid;gap:5px;padding:16px;border:1px solid #70484a;border-radius:10px;background:#2b1d1f;color:#dba0a0}
.tx-review-error strong{color:#f0c2c2;font-size:12px}
.tx-review-error span{font-size:11px;line-height:1.4}
.tx-review-foot{
  display:flex;
  align-items:flex-start;
  gap:9px;
  padding:12px 20px 14px;
  border-top:1px solid #303b41;
  background:#12181c;
  color:#829095;
  font-size:10px;
  line-height:1.45;
}
.tx-review-foot b{color:#aebbb7}
.tx-review-foot-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 18px;
  width:18px;
  height:18px;
  border:1px solid #3f4d53;
  border-radius:50%;
  color:#a7b4b0;
  font-size:10px;
  font-weight:800;
}
@media(max-width:680px){
  .tx-review-backdrop{padding:0;align-items:stretch}
  .tx-review-dialog{width:100%;max-height:none;height:100%;border:0;border-radius:0}
  .tx-review-head{padding:18px 16px 15px}
  .tx-review-head h2{font-size:25px}
  .tx-review-tabs{padding:9px 14px}
  .tx-review-tabs button{flex:1;justify-content:center}
  .tx-review-list{padding:12px}
  .tx-review-card{padding:14px}
  .tx-review-card-head{gap:10px}
  .tx-review-meta{display:grid;gap:3px}
  .tx-review-meta span+span{padding-left:0}
  .tx-review-meta span+span:before{display:none}
  .tx-review-amount{font-size:18px}
  .tx-review-actions{grid-template-columns:1fr 1fr}
  .tx-review-actions select{grid-column:1/-1}
  .tx-review-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
}

/* Wealth Flow v6.2: smart reconciliation + review by exception */
.tx-review-smart-note{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:10px 24px;
  border-bottom:1px solid #303b41;
  background:#162019;
  color:#9eb0a4;
  font-size:10px;
  line-height:1.45;
}
.tx-review-smart-note strong{flex:0 0 auto;color:#d9eee0;font-size:10px}
.tx-review-chip.secondary{opacity:.72;text-transform:none;letter-spacing:0}
.tx-review-match-copy>small{color:#87959a;font-size:10px;line-height:1.4;font-weight:500}
.tx-review-match-box.is-transfer{border-color:#4c4a3b;background:#1d1c17}
.tx-review-match-box.is-transfer .tx-review-match-copy>strong{color:#e0d4a7}
.tx-review-actions{grid-template-columns:minmax(0,1fr) 88px}
.tx-review-remember{
  display:flex;
  align-items:center;
  gap:8px;
  color:#8c9a9f;
  font-size:10px;
  line-height:1.3;
}
.tx-review-remember input{accent-color:#4e7b5c}
.tx-review-alt-actions{display:flex;gap:8px;flex-wrap:wrap;padding-top:2px}
.tx-review-secondary,
.tx-review-create{
  appearance:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:36px!important;
  padding:0 12px!important;
  border-radius:8px!important;
  font-size:10px!important;
  font-weight:800!important;
}
.tx-review-secondary{border:1px solid #43525a!important;background:#1a2226!important;color:#c5cfcc!important}
.tx-review-secondary:hover{background:#242e33!important;border-color:#5b6970!important;color:#fff!important}
.tx-review-ignore{height:36px!important;font-size:10px!important}
.tx-review-one-time{
  display:grid;
  gap:12px;
  padding:13px;
  border:1px solid #40505a;
  border-radius:10px;
  background:#11181c;
}
.tx-review-one-time-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.tx-review-one-time-head>div{display:grid;gap:3px}
.tx-review-one-time-head span{color:#819097;font-size:9px;font-weight:800;letter-spacing:.07em}
.tx-review-one-time-head strong{color:#dbe5e1;font-size:11px;font-weight:700}
.tx-review-one-time-head button{
  width:28px!important;height:28px!important;padding:0!important;border-radius:7px!important;
  border:1px solid #415057!important;background:#1d2529!important;color:#aebbb7!important;font-size:17px!important;
}
.tx-review-one-time-fields{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(130px,.7fr) auto auto;gap:8px;align-items:end}
.tx-review-one-time-fields label{display:grid;gap:5px}
.tx-review-one-time-fields label>span,.tx-review-one-time-amount>span{color:#7f8d93;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.tx-review-one-time-fields input,.tx-review-one-time-fields select{
  width:100%!important;height:38px!important;border:1px solid #435058!important;border-radius:8px!important;
  background:#1b2327!important;color:#dfe7e4!important;font-size:11px!important;padding:0 10px!important;
}
.tx-review-one-time-amount{display:grid;gap:5px;min-width:72px}
.tx-review-one-time-amount strong{display:flex;align-items:center;height:38px;color:#f0f5f3;font-size:13px}
.tx-review-create{height:38px!important;border:1px solid #5d8a6b!important;background:#254331!important;color:#e0f6e7!important}
.tx-review-create:hover{background:#2c503a!important}
.tx-review-status.transfer{border:1px solid #726a48;background:#292719;color:#ddcf91}
.tx-review-result-note{color:#7f8c91;font-size:10px;line-height:1.4}
.tx-review-pending-note{display:grid;gap:4px;padding:11px 12px;border:1px solid #5c563e;border-radius:9px;background:#211f18}
.tx-review-pending-note strong{color:#d9c98b;font-size:11px}
.tx-review-pending-note span{color:#9f9674;font-size:10px;line-height:1.4}
@media(max-width:680px){
  .tx-review-smart-note{padding:10px 14px;display:grid;gap:3px}
  .tx-review-actions{grid-template-columns:1fr 88px}
  .tx-review-alt-actions{display:grid;grid-template-columns:1fr 1fr}
  .tx-review-one-time-fields{grid-template-columns:1fr 1fr}
  .tx-review-one-time-fields label:first-child{grid-column:1/-1}
  .tx-review-one-time-amount{align-self:end}
  .tx-review-create{align-self:end}
}

/* Wealth Flow v6.3: Investments */
.invest-page{display:grid;gap:18px}
.invest-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:2px}.invest-title-row h2{font-family:var(--wmd-font-ui);font-size:34px;margin:2px 0 4px}.invest-title-row p{margin:0;color:#8f9da1;max-width:720px}.invest-kicker{display:block;color:#8fb7a1;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.invest-sync-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid #466052;background:#17221c;color:#b9d8c5;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:750;white-space:nowrap}
.invest-subnav{display:flex;gap:6px;padding:5px;background:#171d21;border:1px solid var(--line);border-radius:10px;width:max-content}.invest-subnav button{border:1px solid transparent;background:transparent;color:#91a0a4;border-radius:7px;padding:8px 12px;font-weight:700;font-size:12px}.invest-subnav button:hover{background:#20282d;color:#e4ebe8}.invest-subnav button.active{background:#203129;border-color:#466554;color:#d9eee1}
.invest-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:26px 28px;border:1px solid #3b4a44;border-radius:14px;background:linear-gradient(135deg,#1c2923,#171e22 68%);box-shadow:0 14px 34px rgba(0,0,0,.16)}.invest-hero h2{font-family:var(--wmd-font-ui);font-size:46px;margin:4px 0 5px}.invest-hero p{margin:0;color:#98a7a3}.invest-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.invest-hero-actions button,.invest-primary{border:1px solid #557866;background:#21362b;color:#def2e5;border-radius:8px;padding:9px 12px;font-weight:750}.invest-hero-actions button:hover,.invest-primary:hover{background:#294334;border-color:#6c957e}
.invest-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.invest-kpis article{display:grid;gap:5px;padding:15px 16px;background:#181f23;border:1px solid var(--line);border-radius:10px}.invest-kpis span{color:#91a0a4;font-size:11px}.invest-kpis strong{font-size:21px}.invest-kpis strong.negative,.invest-row strong.negative{color:#e58b8b}.invest-row strong.positive{color:#9bd0ad}.invest-kpis small{color:#718086;font-size:10px;line-height:1.35}
.invest-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.invest-panel{background:#181f23;border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.invest-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.invest-panel-head h3{font-family:var(--wmd-font-ui);font-size:21px;margin:2px 0 3px}.invest-panel-head p{margin:0;color:#87959a;font-size:11px;max-width:720px}.invest-panel-head>small{color:#87959a;white-space:nowrap}.invest-panel .donut-wrap{min-height:240px}.invest-panel .donut{width:210px}.invest-panel .side-legend{min-width:210px}
.invest-accounts-panel{padding-bottom:10px}.invest-account-snapshots{display:grid}.invest-account-snapshot{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(145px,.6fr) minmax(170px,.7fr);gap:14px;align-items:center;padding:13px 4px;border-top:1px solid #2f393f}.invest-account-snapshot:first-child{border-top:0}.invest-account-snapshot>div{display:grid;gap:3px}.invest-account-snapshot>div:nth-child(n+2){text-align:right}.invest-account-snapshot strong{font-size:13px}.invest-account-snapshot span{color:#829096;font-size:10px}.invest-gap.warn strong{color:#d8b676}.invest-footnote{border-top:1px solid #2f393f;padding:12px 4px;color:#87959a;font-size:11px}
.invest-empty{display:grid;gap:6px;justify-items:start;padding:24px;border:1px dashed #3b474d;border-radius:10px;background:#151c20;color:#88969a}.invest-empty strong{color:#dce5e2}.invest-empty button{margin-top:4px;border:1px solid #506b5d;background:#1f3027;color:#d9eee1;border-radius:7px;padding:8px 10px}
.invest-table-wrap{overflow:auto;border:1px solid #303a40;border-radius:10px}.invest-holdings-table{min-width:1210px}.invest-activity-table{min-width:1280px}.invest-row{display:grid;gap:7px;align-items:center;min-height:48px;padding:7px 9px;border-top:1px solid #2b343a;background:#171e22}.invest-row:first-child{border-top:0}.invest-holdings-table .invest-row{grid-template-columns:180px 90px 170px 150px 90px 125px 120px 130px 115px 22px}.invest-activity-table .invest-row{grid-template-columns:130px 170px 135px 85px 90px 120px 120px 125px 90px 22px}.invest-row-head{background:#222a2f!important;color:#87959a;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;min-height:34px}.invest-row input,.invest-row select,.invest-add-account select,.invest-account-config input,.invest-account-config select{width:100%;min-width:0;border:1px solid #3a464d;background:#141a1e;border-radius:6px;padding:7px 8px;font-size:11px}.invest-row strong{font-size:11px;text-align:right;white-space:nowrap}.invest-native-input{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px}.invest-native-input>span{color:#718086;font-size:9px;font-weight:800}.invest-native-input input{text-align:right}.invest-row .row-remove{justify-self:center}
.invest-add-account{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:8px;padding:12px;background:#151c20;border:1px solid #303a40;border-radius:9px;margin-bottom:14px}.invest-account-configs{display:grid;gap:8px}.invest-account-config{display:grid;grid-template-columns:30px minmax(240px,1.3fr) 150px 150px 95px 105px 135px;gap:9px;align-items:end;padding:12px;border:1px solid #303a40;border-radius:9px;background:#171e22}.invest-account-config.disabled{opacity:.55}.invest-account-config label{display:grid;gap:4px}.invest-account-config label>span{color:#7f8e93;font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em}.invest-enable{align-self:center;display:flex!important;place-items:center}.invest-enable input{width:17px!important;height:17px}.invest-account-name{display:grid;gap:4px;align-self:center}.invest-account-name strong{font-size:13px}.invest-account-name span,.invest-account-detail span{color:#7f8e93;font-size:10px}.invest-account-detail{display:grid;gap:4px;text-align:right;align-self:center}.invest-account-detail strong{font-size:13px}.invest-account-note{margin-top:14px;padding:11px 12px;border:1px solid #3d493f;background:#18221c;border-radius:8px;color:#90a09a;font-size:10px;line-height:1.45}.invest-account-note strong{color:#c8d8cf}

@media(max-width:960px){.invest-kpis{grid-template-columns:1fr 1fr}.invest-overview-grid{grid-template-columns:1fr}.invest-account-config{grid-template-columns:30px minmax(220px,1fr) 1fr 1fr}.invest-account-config .invest-fx,.invest-account-config .invest-account-detail{grid-column:auto}.invest-account-snapshot{grid-template-columns:1fr 140px 150px}}
@media(max-width:680px){.invest-title-row{display:grid;align-items:start}.invest-sync-pill{justify-self:start}.invest-subnav{width:100%;overflow-x:auto}.invest-subnav button{flex:1;white-space:nowrap}.invest-hero{display:grid;padding:20px}.invest-hero h2{font-size:38px}.invest-hero-actions{justify-content:stretch}.invest-hero-actions button{flex:1}.invest-kpis{grid-template-columns:1fr 1fr}.invest-panel{padding:14px}.invest-panel .donut-wrap{display:grid;gap:10px}.invest-panel .side-legend{min-width:0;width:100%}.invest-account-snapshot{grid-template-columns:1fr 1fr;padding:12px 0}.invest-account-snapshot>div:nth-child(2){text-align:right}.invest-account-snapshot>div:nth-child(3){grid-column:1/-1;text-align:left}.invest-add-account{grid-template-columns:1fr}.invest-account-config{grid-template-columns:26px 1fr}.invest-account-config>label:not(.invest-enable),.invest-account-config>.invest-account-detail{grid-column:1/-1}.invest-kpis article{padding:13px}.invest-kpis strong{font-size:18px}}

/* v6.3.1 investment balance-source integration */
.invest-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.invest-account-config{grid-template-columns:30px minmax(220px,1.35fr) 155px 140px 145px 90px 105px 135px}
@media(max-width:1100px){.invest-account-config{grid-template-columns:30px minmax(220px,1.2fr) 155px 1fr 1fr}.invest-account-config .invest-fx,.invest-account-config .invest-account-detail{grid-column:auto}}
@media(max-width:680px){.invest-toolbar{display:grid;grid-template-columns:1fr}.invest-toolbar .invest-sync-pill{justify-self:start}.invest-account-config{grid-template-columns:26px 1fr}.invest-account-config>label:not(.invest-enable),.invest-account-config>.invest-account-detail{grid-column:1/-1}}

/* Wealth Flow v6.3.2: investment usability + market pricing + trade tracking */
.invest-panel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.invest-panel-actions>button:not(.invest-primary){border:1px solid #425159;background:#1b2328;color:#b7c4c7;border-radius:8px;padding:9px 11px;font-weight:700}
.invest-panel-actions>button:not(.invest-primary):hover{background:#222c31;color:#e5ecea}
.invest-market-status{margin:-6px 0 12px;color:#7f8e93;font-size:10px;min-height:14px}.invest-market-status.error{color:#d99a9a}
.invest-holdings-table{min-width:1420px}
.invest-holdings-table .invest-row{grid-template-columns:175px 88px 160px 140px 90px 120px 150px 120px 110px 150px}
.invest-price-cell{display:grid;grid-template-columns:1fr auto;gap:4px 5px;align-items:center}.invest-price-cell .invest-native-input{grid-column:1/-1}.invest-price-cell small{font-size:8px;color:#718086;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invest-price-cell>button{border:0;background:transparent;color:#8fb7a1;padding:0;font-size:9px;font-weight:750;cursor:pointer}.invest-price-cell>button:hover{color:#d8ece1}
.invest-holding-actions{display:flex;gap:5px;justify-content:flex-end;align-items:center}.invest-holding-actions button{border:1px solid #3d4b51;background:#1d262b;color:#c5d0d1;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700}.invest-holding-actions button:hover{background:#263238}.invest-holding-actions button:first-child{border-color:#486b58;color:#cfe8d7}.invest-holding-actions .row-remove{padding:5px 7px}
.invest-allocation-note{margin-top:8px;border-top:1px solid #2f393f;padding-top:10px;color:#7f8e93;font-size:10px;line-height:1.4}
.invest-account-main{display:flex!important;grid-template-columns:none!important;align-items:center;gap:9px}.invest-account-copy{display:grid;gap:3px;min-width:0}.invest-move-buttons{display:inline-flex;gap:3px;flex:0 0 auto}.invest-move-buttons button{width:24px;height:24px;border:1px solid #3b474d;background:#171e22;color:#94a3a7;border-radius:5px;padding:0;font-size:11px}.invest-move-buttons button:hover:not(:disabled){color:#e2ebe7;border-color:#566b60}.invest-move-buttons button:disabled{opacity:.28;cursor:default}
.invest-account-order-controls{display:grid;gap:5px;justify-items:center;align-items:center}.invest-account-order-controls .invest-move-buttons{display:grid;grid-template-columns:1fr 1fr}.invest-account-order-controls .invest-enable{margin:auto}
.invest-activity-locked>span{font-size:10px;color:#aab5b6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invest-activity-locked .invest-activity-type{font-weight:800;color:#c9dacd}.invest-activity-locked .invest-activity-type.sell{color:#deb0a1}
.invest-trade-backdrop{z-index:80}.invest-trade-dialog{width:min(680px,calc(100vw - 32px));background:#181f23;border:1px solid #3b474d;border-radius:14px;box-shadow:0 26px 80px rgba(0,0,0,.55);overflow:hidden}.invest-trade-dialog .settings-head p{margin:6px 0 0;color:#839196;font-size:11px}.invest-trade-form{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 22px}.invest-trade-form label{display:grid;gap:5px}.invest-trade-form label>span{color:#829096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.invest-trade-form input,.invest-trade-form select{width:100%;border:1px solid #3a464d;background:#141a1e;border-radius:7px;padding:9px 10px}.invest-trade-note{margin:0 22px;padding:10px 12px;border:1px solid #3a454a;background:#151c20;border-radius:8px;color:#819095;font-size:10px;line-height:1.45}.invest-trade-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 20px}.invest-trade-actions button{border:1px solid #414d53;background:#1a2227;color:#b8c3c5;border-radius:7px;padding:9px 12px;font-weight:750}.invest-trade-actions .invest-primary{background:#21362b;color:#def2e5;border-color:#557866}
@media(max-width:680px){.invest-panel-head{display:grid}.invest-panel-actions{justify-content:stretch}.invest-panel-actions button{flex:1}.invest-trade-form{grid-template-columns:1fr}.invest-trade-dialog{width:calc(100vw - 18px)}.invest-account-main{align-items:flex-start}.invest-account-snapshot{grid-template-columns:1fr 1fr}.invest-account-order-controls{grid-template-columns:auto auto;justify-content:start}}


/* Wealth Flow v6.3.3: positive budget dashboard states */
.summary-item.positive,
.summary-item.positive-target{
  border-color:#4f765f;
  background:rgba(120,169,141,.12);
}
.summary-item.positive .summary-item-top>span,
.summary-item.positive b,
.summary-item.positive em,
.summary-item.positive-target .summary-item-top>span,
.summary-item.positive-target b,
.summary-item.positive-target em{color:#9bd0ad}
.summary-item.positive small{color:#86b798}
.summary-item.positive-target .target-pct{color:#86b798}

/* Wealth Flow v6.3.11: investment UI restoration + performance + 52-week charts */
.invest-account-config{grid-template-columns:64px minmax(230px,1.35fr) 155px 140px 145px 92px 108px 135px;gap:10px;align-items:end}
.invest-account-config.disabled{opacity:1;border-style:dashed;border-color:#344047}
.invest-account-config.disabled .invest-account-name{opacity:.68}
.invest-account-order-controls{width:58px;display:grid;gap:7px;justify-items:center;align-self:center}
.invest-account-order-controls .invest-move-buttons{display:grid;grid-template-columns:24px 24px;gap:4px}
.invest-account-order-controls .invest-enable{display:flex!important;align-items:center;justify-content:center;gap:5px;margin:0;color:#829096;font-size:9px;text-transform:none;letter-spacing:0;white-space:nowrap}
.invest-account-order-controls .invest-enable input{width:15px!important;height:15px!important;margin:0}
.invest-account-order-controls .invest-enable span{font-size:9px!important;color:#829096!important;text-transform:none!important;letter-spacing:0!important}

.invest-account-snapshot-head{display:grid;grid-template-columns:minmax(260px,1.25fr) minmax(160px,.62fr) minmax(210px,.8fr);gap:16px;padding:0 4px 8px;color:#718086;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #2f393f}
.invest-account-snapshot-head span:nth-child(n+2){text-align:right}
.invest-account-snapshot{grid-template-columns:minmax(260px,1.25fr) minmax(160px,.62fr) minmax(210px,.8fr);gap:16px;padding:15px 4px}
.invest-account-balance-cell,.invest-account-performance{display:grid;gap:4px;text-align:right}
.invest-account-performance strong{font-size:15px}
.invest-account-performance.positive strong{color:#9bd0ad}
.invest-account-performance.negative strong{color:#e58b8b}
.invest-account-performance span{white-space:normal;line-height:1.35}

.invest-holdings-table{min-width:1800px}
.invest-holdings-table .invest-row{grid-template-columns:170px 84px 112px 170px 138px 175px 88px 118px 150px 118px 110px 150px}
.invest-holdings-table .invest-row>select[data-invest-entry-mode]{font-weight:750}
.invest-holdings-table input[readonly]{color:#aebbbd;background:#151b1f}
.invest-price-cell>button:disabled{opacity:.35;cursor:default}
.invest-allocation-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 6px;align-items:center;min-width:0}
.invest-allocation-cell>span{grid-column:1/-1;color:#c7d2d1;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.invest-allocation-cell>small{color:#718086;font-size:8px;white-space:nowrap}
.invest-allocation-cell>button{border:0;background:transparent;color:#8fb7a1;padding:0;font-size:9px;font-weight:750;justify-self:end;cursor:pointer}
.invest-allocation-cell>button:hover{color:#d8ece1}
.invest-spark{display:grid;grid-template-columns:1fr;gap:1px;justify-items:end;min-width:0}
.invest-spark svg{display:block;width:124px;height:34px;overflow:visible}
.invest-spark path{fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.invest-spark span{font-size:9px;font-weight:800}
.invest-spark.up{color:#78c99a}
.invest-spark.down{color:#e47f7f}
.invest-spark.flat{color:#87959a}
.invest-spark-empty{display:block;text-align:right;color:#718086}

.invest-allocation-backdrop{z-index:82}
.invest-allocation-dialog{width:min(760px,calc(100vw - 32px));background:#181f23;border:1px solid #3b474d;border-radius:14px;box-shadow:0 26px 80px rgba(0,0,0,.55);overflow:hidden}
.invest-allocation-dialog .settings-head p{margin:6px 0 0;color:#839196;font-size:11px;max-width:600px;line-height:1.45}
.invest-allocation-mode{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:16px;align-items:end;padding:18px 22px 8px}
.invest-allocation-mode label{display:grid;gap:5px}
.invest-allocation-mode label>span,.invest-allocation-grid label>span{color:#829096;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.invest-allocation-mode select,.invest-allocation-grid input{width:100%;border:1px solid #3a464d;background:#141a1e;border-radius:7px;padding:9px 10px}
.invest-allocation-mode>div{display:grid;gap:2px;text-align:right}
.invest-allocation-mode>div strong{font-size:18px}
.invest-allocation-mode>div span{color:#718086;font-size:9px}
.invest-allocation-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;padding:10px 22px 6px}
.invest-allocation-grid label{display:grid;gap:5px}
.invest-allocation-grid label>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.invest-allocation-grid em{font-style:normal;color:#829096;font-size:11px}
.invest-allocation-grid input[readonly]{color:#aab7b9;background:#151b1f}

.plaid-institution-actions{display:flex;align-items:center;gap:7px}
.plaid-institution-actions>button{border:1px solid #604344;background:#2a1d1e;color:#e1b4b4;border-radius:7px;padding:5px 8px;font-size:10px;font-weight:750}
.plaid-institution-actions>button:hover{background:#352326;border-color:#795253;color:#f0cccc}

@media(max-width:1100px){
  .invest-account-config{grid-template-columns:64px minmax(220px,1.25fr) 155px 1fr 1fr}
  .invest-account-config .invest-fx,.invest-account-config .invest-account-detail{grid-column:auto}
  .invest-account-snapshot-head,.invest-account-snapshot{grid-template-columns:1fr 150px 180px}
}
@media(max-width:680px){
  .invest-account-config{grid-template-columns:58px 1fr}
  .invest-account-config>label:not(.invest-enable),.invest-account-config>.invest-account-detail{grid-column:1/-1}
  .invest-account-snapshot-head{display:none}
  .invest-account-snapshot{grid-template-columns:1fr 1fr;padding:14px 0}
  .invest-account-snapshot>div:nth-child(3){grid-column:1/-1;text-align:left}
  .invest-account-performance{text-align:left}
  .invest-allocation-dialog{width:calc(100vw - 18px)}
  .invest-allocation-mode{grid-template-columns:1fr}
  .invest-allocation-mode>div{text-align:left}
  .invest-allocation-grid{grid-template-columns:1fr}
  .plaid-institution-head{align-items:flex-start}
  .plaid-institution-actions{flex-direction:column;align-items:flex-end}
}


/* Where's My Dollar? v6.3.14 brand refresh */
header{background:transparent;}
.goalbar i{background:linear-gradient(90deg,#55d6a8,#86efac);}
.history-area{fill:rgba(85,214,168,.14)}
.history-line{stroke:#70dfb6}
.header-actions button:hover,.button:hover,.section-head button:hover,.regenerate:hover,.nw-section-title button:hover,.add-sub:hover,.history-add button:hover{border-color:#477566}
.cloud-status.synced{color:#79e3b9!important}
.auth-brand h1 em{font-style:normal;color:var(--green)}
@media(max-width:680px){.brand{align-items:flex-start}.brand-tagline{max-width:250px}.brand-meta{margin-top:4px}}
.auth-brand h1{font-family:var(--wmd-font-ui);font-weight:850;letter-spacing:-.5px;color:#f8fbfa}

/* Where's My Dollar? v6.3.15 - neutral app background + public landing */
:root{--bg:#0f1418;--panel:#171d21;--panel2:#20282d;--line:#334048;--muted:#93a0a4;--text:#f3f7f6;--green:#55d6a8;--blue:#76b9c7;--soft:#20292d;--input:#11171b}
html{background:#0f1418}
body{background:#0f1418!important}
header:not(.landing-header){background:transparent!important}

.landing-page{min-height:100vh;background:radial-gradient(circle at 75% -10%,rgba(96,135,150,.10),transparent 34%),linear-gradient(180deg,#0d1317 0,#10161a 58%,#0e1418 100%);color:#f4f7f6}
.landing-header{position:sticky;top:0;z-index:20;max-width:none;margin:0;padding:0;border:0;background:rgba(13,19,23,.88)!important;backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}
.landing-header-inner{width:min(1280px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 0}
.landing-brand{display:flex;align-items:center;gap:11px;color:#f7faf9;text-decoration:none;font-size:20px;font-weight:850;letter-spacing:-.35px}.landing-brand img{width:42px;height:42px;border-radius:12px}.landing-brand em{font-style:normal;color:var(--green)}
.landing-nav{display:flex;align-items:center;gap:8px;margin:0}.landing-nav a{color:#9eaaad;text-decoration:none;font-size:13px;padding:9px 6px}.landing-nav a:hover{color:#eef5f2}.landing-nav a[href="#mission"]{color:#a9b5b7}
.landing-login,.landing-secondary,.landing-primary{border-radius:9px;padding:10px 15px;font-weight:780;border:1px solid #3d4950;transition:.16s ease}.landing-login,.landing-secondary{background:#161d21;color:#dfe7e4}.landing-login:hover,.landing-secondary:hover{background:#20292e;border-color:#56636a}.landing-primary{background:#57d7aa;color:#07130f;border-color:#57d7aa;box-shadow:0 8px 26px rgba(85,214,168,.12)}.landing-primary:hover{background:#71e2bc;border-color:#71e2bc;transform:translateY(-1px)}.landing-primary.large,.landing-secondary.large{padding:12px 18px;font-size:14px}
.landing-main{max-width:none;padding:0}
.landing-hero{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:82px 0 74px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(560px,1.14fr);gap:58px;align-items:center}
.landing-eyebrow{font-size:10px;font-weight:850;letter-spacing:.16em;color:#7fdcb9}.landing-hero h1{font-family:var(--wmd-font-ui);font-size:clamp(44px,5vw,72px);line-height:.99;letter-spacing:-2.8px;margin:14px 0 22px;max-width:720px}.landing-hero h1 em{font-style:normal;color:#75e1bc}.landing-hero-copy>p{max-width:650px;color:#a9b5b7;font-size:17px;line-height:1.65;margin:0}.landing-hero-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.landing-trust{display:flex;gap:16px;flex-wrap:wrap;margin-top:18px;color:#7f8d91;font-size:11px}.landing-trust span{white-space:nowrap}
.landing-hero-visual{position:relative}.landing-hero-visual:before{content:"";position:absolute;inset:8% 12% -5%;background:radial-gradient(circle,rgba(106,145,160,.10),transparent 68%);filter:blur(24px);pointer-events:none}
.landing-product{position:relative;background:#131a1e;border:1px solid #334149;border-radius:18px;box-shadow:0 34px 90px rgba(0,0,0,.36);overflow:hidden;transform:perspective(1200px) rotateY(-2.5deg) rotateX(1deg)}
.landing-product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid #2d383e;background:#171f23}.landing-preview-brand{font-size:11px;font-weight:850;color:#e8efec}.landing-preview-tabs{display:flex;gap:13px;color:#68767b;font-size:9px}.landing-preview-tabs b{color:#78ddb9;border-bottom:1px solid #78ddb9;padding-bottom:3px}
.landing-product-grid{display:grid;grid-template-columns:1fr 1.18fr;gap:10px;padding:12px}.landing-preview-card{background:#192126;border:1px solid #2d3940;border-radius:11px;padding:15px;min-width:0}.landing-preview-card>span,.landing-card-head span{font-size:8px;font-weight:850;letter-spacing:.13em;color:#76868a}.landing-networth-card strong{display:block;font-size:29px;margin:7px 0 2px;color:#f7faf9}.landing-networth-card small,.landing-insight-card small{display:block;color:#7f8d92;font-size:9px;line-height:1.4}.landing-progress{height:5px;border-radius:99px;background:#2b363c;margin:14px 0 6px;overflow:hidden}.landing-progress i{display:block;height:100%;background:linear-gradient(90deg,#57d7aa,#92e4c5);border-radius:inherit}.landing-networth-card em{font-size:8px;font-style:normal;color:#7d8b8f}.landing-card-head{display:flex;justify-content:space-between;gap:8px}.landing-card-head b{font-size:8px;color:#78878b}.landing-cash-card svg{display:block;width:100%;height:auto;margin-top:2px}.landing-chart-labels{display:flex;justify-content:space-between;color:#59676c;font-size:7px}.landing-insight-card strong{display:block;font-size:23px;color:#76dfb9;margin:7px 0 4px}.landing-insight-card>div{display:flex;align-items:center;gap:6px;margin-top:12px;color:#9bcab8;font-size:8px}.landing-insight-card>div i{width:7px;height:7px;border-radius:50%;background:#60d9ae}.landing-growth-card{display:grid;align-content:start;gap:8px}.landing-growth-row{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #2a353a;padding-top:8px}.landing-growth-row b{font-size:8px;color:#849297;font-weight:650}.landing-growth-row strong{font-size:9px;color:#9cd8c1}
.landing-three{width:min(1180px,calc(100% - 40px));margin:0 auto 96px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.landing-three article{position:relative;background:#151c20;border:1px solid #303b41;border-radius:14px;padding:28px 24px;min-height:240px}.landing-step{position:absolute;right:20px;top:18px;color:#455258;font-size:11px;font-weight:800}.landing-step-icon{width:44px;height:44px;border-radius:12px;background:#1d2b27;border:1px solid #3c5c50;color:#70ddb7;display:grid;place-items:center;font-size:23px}.landing-three h2{font-size:25px;margin:22px 0 10px}.landing-three p{color:#8e9b9f;line-height:1.6;margin:0;font-size:13px}
.landing-demo{scroll-margin-top:86px;width:min(1180px,calc(100% - 40px));margin:0 auto 110px;display:grid;grid-template-columns:.72fr 1.28fr;gap:54px;align-items:center}.landing-demo-copy h2,.landing-feature-showcase h2,.landing-final h2{font-family:var(--wmd-font-ui);font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;line-height:1.05;margin:12px 0 17px}.landing-demo-copy>p,.landing-feature-showcase>div>p{color:#96a3a7;font-size:15px;line-height:1.7}.landing-demo-callout{margin-top:24px;padding:14px 15px;border-left:2px solid #55d6a8;background:#141d1a;display:grid;gap:5px}.landing-demo-callout b{font-size:11px;color:#dfe9e5}.landing-demo-callout span{font-size:11px;line-height:1.5;color:#83918f}
.landing-demo-window{border:1px solid #37444a;border-radius:16px;background:#141b1f;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}.landing-demo-bar{height:42px;background:#1a2227;border-bottom:1px solid #2d383e;display:flex;align-items:center;gap:6px;padding:0 13px}.landing-demo-bar>span{width:8px;height:8px;border-radius:50%;background:#39464d}.landing-demo-bar b{margin-left:auto;font-size:9px;color:#748287}.landing-demo-body{display:grid;grid-template-columns:.9fr 1.1fr;gap:0}.landing-demo-inputs{padding:18px;border-right:1px solid #2c373d;display:grid;grid-template-columns:1fr 1fr;gap:10px}.landing-demo-inputs label{position:relative;display:grid;gap:5px;color:#839095;font-size:9px;font-weight:750}.landing-demo-inputs label span{position:absolute;left:9px;bottom:9px;color:#718086}.landing-demo-inputs input{width:100%;background:#10161a;border:1px solid #354148;border-radius:7px;padding:8px 8px 8px 19px;text-align:right;color:#eef4f2}.landing-demo-inputs input:focus{border-color:#5bcfa8!important}.landing-demo-results{padding:19px;display:grid;gap:18px}.landing-demo-nw span{display:block;font-size:8px;letter-spacing:.13em;font-weight:850;color:#77868a}.landing-demo-nw strong{display:block;font-size:32px;margin:5px 0 2px}.landing-demo-nw small{color:#78dcb8;font-size:9px}.landing-demo-nw small.negative{color:#e48d8d}.landing-demo-forecast{border-top:1px solid #2c373d;padding-top:14px}.landing-forecast-bars{height:145px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;margin:10px 0 8px}.landing-forecast-bars>div{height:100%;display:grid;grid-template-rows:auto 1fr auto;justify-items:center;gap:5px;align-items:end}.landing-forecast-bars span{font-size:8px;color:#68767b;align-self:start}.landing-forecast-bars i{width:34px;min-height:12px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#6be0b7,#3d9e7d);box-shadow:0 8px 20px rgba(85,214,168,.08)}.landing-forecast-bars i.negative{background:linear-gradient(180deg,#dd8585,#8f4d4d)}.landing-forecast-bars b{font-size:8px;color:#9ea9ac}.landing-demo-forecast p{font-size:9px;line-height:1.45;color:#7f8d91;margin:5px 0 0}
.landing-feature-showcase{width:min(1180px,calc(100% - 40px));margin:0 auto 110px;display:grid;grid-template-columns:1fr .9fr;gap:70px;align-items:center;padding:58px;border:1px solid #2e3a40;border-radius:20px;background:linear-gradient(145deg,#141b1f,#10171a)}.landing-feature-showcase ul{padding:0;margin:24px 0 0;display:grid;gap:10px;list-style:none}.landing-feature-showcase li{position:relative;padding-left:24px;color:#a1adaf;font-size:12px}.landing-feature-showcase li:before{content:"✓";position:absolute;left:0;color:#64d9af}.landing-future-card{background:#192126;border:1px solid #354249;border-radius:14px;padding:20px;box-shadow:0 20px 50px rgba(0,0,0,.22)}.landing-future-head{display:grid;grid-template-columns:1fr auto;gap:4px}.landing-future-head span{font-weight:800}.landing-future-head b{color:#7b898e;font-size:9px}.landing-future-head strong{grid-column:1/-1;font-size:31px;margin-top:9px}.landing-future-list{display:grid;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #303b40}.landing-future-list div{display:flex;justify-content:space-between;color:#8d999d;font-size:11px}.landing-future-list b{color:#d9e1df}.landing-future-list .positive b{color:#6cd9b1}.landing-future-list .negative b{color:#cf9898}.landing-future-alert{display:flex;gap:10px;align-items:center;margin-top:18px;background:#14231d;border:1px solid #355749;padding:12px;border-radius:9px}.landing-future-alert>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#214a3a;color:#7ee0bb}.landing-future-alert div{display:grid;gap:3px}.landing-future-alert b{font-size:10px}.landing-future-alert small{font-size:8px;color:#7d9189}
.landing-final{text-align:center;width:min(820px,calc(100% - 40px));margin:0 auto;padding:82px 0 92px}.landing-final img{width:74px;height:74px;border-radius:18px;margin-bottom:18px}.landing-final p{color:#92a0a4;font-size:16px;margin:0 0 26px}.landing-final>div{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.landing-footer{max-width:none;margin:0;border-top:1px solid #29343a;padding:22px max(20px,calc((100% - 1180px)/2));display:flex;justify-content:space-between;color:#647277;font-size:10px}

.auth-page{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:72px 18px 32px;background:radial-gradient(circle at 50% 0,rgba(94,129,143,.12),transparent 34%),#0f1418}.auth-back{position:absolute;left:max(22px,calc((100% - 1120px)/2));top:24px;border:1px solid #364249;background:#151c20;color:#aeb9bb;border-radius:8px;padding:8px 11px;display:flex;gap:6px;align-items:center}.auth-back:hover{background:#20282d;color:#edf4f1}.auth-card{width:min(470px,100%);background:#171e22;border-color:#354148}.auth-heading{margin:-2px 0 19px}.auth-heading h2{margin:0 0 5px;font-family:var(--wmd-font-ui);font-size:24px}.auth-heading p{margin:0;color:#879499;font-size:12px}.auth-main-button{width:100%;border:1px solid #55d6a8!important;background:#55d6a8!important;color:#07140f!important;font-weight:800;border-radius:8px}.auth-main-button:hover{background:#72e0bb!important}.auth-switch{text-align:center;color:#859297;font-size:11px;margin:17px 0 0}.auth-switch button{border:0;background:transparent;color:#72dcb7;padding:0;min-height:0;font-weight:750}.auth-terms{font-size:9px;line-height:1.5;color:#68767a;text-align:center}.auth-divider span{background:#171e22}.auth-card .text-btn{min-height:0}

@media(max-width:1050px){.landing-hero{grid-template-columns:1fr;padding-top:58px}.landing-hero-copy{max-width:760px}.landing-product{transform:none}.landing-demo,.landing-feature-showcase{grid-template-columns:1fr}.landing-demo-copy{max-width:700px}.landing-feature-showcase{gap:36px}.landing-three{grid-template-columns:1fr 1fr}.landing-three article:last-child{grid-column:1/-1}}
@media(max-width:720px){.landing-header-inner{width:min(100% - 28px,1280px)}.landing-nav>a{display:none}.landing-nav{gap:7px}.landing-login,.landing-primary{padding:9px 11px;font-size:11px}.landing-brand span{font-size:16px}.landing-brand img{width:36px;height:36px}.landing-hero,.landing-three,.landing-demo,.landing-feature-showcase{width:calc(100% - 28px)}.landing-hero{padding:50px 0 56px;gap:38px}.landing-hero h1{font-size:44px;letter-spacing:-1.9px}.landing-hero-copy>p{font-size:14px}.landing-trust{display:grid;gap:6px}.landing-product-grid{grid-template-columns:1fr}.landing-three{grid-template-columns:1fr;margin-bottom:70px}.landing-three article:last-child{grid-column:auto}.landing-demo{gap:28px;margin-bottom:76px}.landing-demo-body{grid-template-columns:1fr}.landing-demo-inputs{border-right:0;border-bottom:1px solid #2c373d}.landing-feature-showcase{padding:28px 20px;margin-bottom:70px}.landing-final{padding:60px 0 70px}.landing-footer{display:grid;gap:6px;text-align:center}.auth-back span{display:none}}
@media(max-width:480px){.landing-hero h1{font-size:38px}.landing-demo-inputs{grid-template-columns:1fr}.landing-preview-tabs{display:none}.landing-feature-showcase h2,.landing-demo-copy h2,.landing-final h2{font-size:32px}.landing-hero-actions .large{width:100%;justify-content:center}.landing-final>div .large{width:100%;justify-content:center}}

/* Where's My Dollar v6.3.16 landing differentiation + trust */
.landing-v2{--landing-accent:#63d9ad;--landing-accent2:#9aebcc}
.landing-hero-v2{padding-top:78px;padding-bottom:88px;align-items:center}
.landing-hero-v2 .landing-hero-copy{max-width:690px}
.landing-hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:28px;max-width:680px}
.landing-hero-proof>span{display:grid;gap:3px;padding:11px 12px;border:1px solid #2f3a40;background:#12191d;border-radius:10px}.landing-hero-proof b{font-size:10px;color:#dfe7e5}.landing-hero-proof small{font-size:8px;line-height:1.4;color:#758388}
.landing-hero-caption{display:flex;gap:7px;align-items:center;margin:12px 4px 0;color:#67757a;font-size:8px}.landing-hero-caption i{width:6px;height:6px;border-radius:50%;background:#63d9ad;flex:0 0 auto}
.landing-question-strip{scroll-margin-top:86px;width:min(1180px,calc(100% - 40px));margin:0 auto 110px;padding:46px 48px;border-top:1px solid #2d383e;border-bottom:1px solid #2d383e;background:linear-gradient(90deg,rgba(255,255,255,.01),rgba(99,217,173,.025),rgba(255,255,255,.01))}.landing-question-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:40px;align-items:end;margin-bottom:34px}.landing-question-intro h2{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.04;letter-spacing:-1.3px}
.landing-question-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:16px;align-items:stretch}.landing-question-flow>i{align-self:center;color:#415057;font-style:normal;font-size:20px}.landing-question-flow article{position:relative;padding:20px;border:1px solid #303b41;border-radius:13px;background:#141b1f;min-height:185px}.landing-question-flow article>span{font-size:9px;font-weight:850;color:#4b5a60}.landing-question-flow article>b{display:block;margin:16px 0 8px;font-size:21px}.landing-question-flow article p{margin:0;color:#8a989c;font-size:11px;line-height:1.55}.landing-question-flow article small{position:absolute;bottom:16px;left:20px;color:#62d6aa;font-size:8px;font-weight:850;letter-spacing:.13em}
.landing-demo-legend{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.landing-demo-legend span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #344148;border-radius:999px;color:#758388;font-size:8px}.landing-demo-legend i{width:6px;height:6px;border-radius:50%;background:#63d9ad}
.landing-connected-story{width:min(1180px,calc(100% - 40px));margin:0 auto 110px}.landing-connected-copy{display:grid;grid-template-columns:.7fr 1.1fr 1fr;gap:28px;align-items:end;margin-bottom:26px}.landing-connected-copy h2{font-size:clamp(30px,3.6vw,46px);line-height:1.05;letter-spacing:-1.4px;margin:0}.landing-connected-copy p{color:#8c999e;font-size:13px;line-height:1.65;margin:0}
.landing-pipeline{display:grid;grid-template-columns:1fr auto 1.15fr auto 1fr auto 1fr;gap:8px;align-items:stretch}.landing-pipeline>div{align-self:center;color:#46555b;font-size:16px}.landing-pipeline article{padding:20px 18px;border:1px solid #303b41;background:#141b1f;border-radius:12px;min-height:170px}.landing-pipeline article.active{border-color:#46705e;background:linear-gradient(145deg,#17241f,#141b1f);box-shadow:inset 0 2px 0 rgba(99,217,173,.15)}.landing-pipeline span{font-size:8px;color:#5ed6a8;font-weight:850;letter-spacing:.13em}.landing-pipeline strong{display:block;margin:13px 0 8px;font-size:14px;line-height:1.3}.landing-pipeline p{margin:0;color:#7d8b90;font-size:10px;line-height:1.55}
.landing-future-v2{background:#12191d}
.landing-trust-section{scroll-margin-top:86px;width:min(1180px,calc(100% - 40px));margin:0 auto 80px;padding:56px 0 0;border-top:1px solid #2d383e}.landing-trust-heading{max-width:760px}.landing-trust-heading h2{font-size:clamp(32px,4vw,50px);letter-spacing:-1.6px;line-height:1.04;margin:12px 0 10px}.landing-trust-heading p{margin:0;color:#869499;font-size:15px}
.landing-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.landing-trust-grid article{padding:22px 20px;border:1px solid #303b41;background:#141b1f;border-radius:13px}.trust-icon{width:38px;height:38px;border:1px solid #3c5a50;background:#19261f;color:#6ddbb4;border-radius:10px;display:grid;place-items:center;font-size:16px}.landing-trust-grid h3{margin:17px 0 8px;font-size:15px}.landing-trust-grid p{margin:0;color:#839196;font-size:10px;line-height:1.65}
.landing-trust-note{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-top:14px;padding:16px 18px;border:1px solid #514a32;background:#1e1b13;border-radius:11px}.landing-trust-note>div{display:grid;gap:4px}.landing-trust-note b{font-size:10px;color:#e0d7ae}.landing-trust-note span{font-size:9px;line-height:1.5;color:#938b6a;max-width:760px}
.landing-final-v2 h2 em{font-style:normal;color:#69dbb1}.landing-final-v2>small{display:block;margin-top:16px;color:#657378;font-size:9px}.landing-footer a{color:#75868a;text-decoration:none}.landing-footer a:hover{color:#b9c6c3}.auth-trust-note{margin-top:16px;padding-top:14px;border-top:1px solid #2f393f;display:grid;gap:4px}.auth-trust-note b{font-size:9px;color:#a5d8c0}.auth-trust-note span{font-size:8px;line-height:1.5;color:#718086}
@media(max-width:1050px){.landing-question-intro,.landing-connected-copy{grid-template-columns:1fr}.landing-question-flow{grid-template-columns:1fr}.landing-question-flow>i{display:none}.landing-pipeline{grid-template-columns:1fr 1fr}.landing-pipeline>div{display:none}.landing-trust-grid{grid-template-columns:1fr 1fr}.landing-hero-proof{grid-template-columns:1fr 1fr}.landing-hero-proof>span:last-child{grid-column:1/-1}}
@media(max-width:720px){.landing-question-strip{width:calc(100% - 28px);padding:34px 0}.landing-question-intro{gap:15px}.landing-connected-story,.landing-trust-section{width:calc(100% - 28px)}.landing-pipeline,.landing-trust-grid,.landing-hero-proof{grid-template-columns:1fr}.landing-hero-proof>span:last-child{grid-column:auto}.landing-trust-note{align-items:flex-start;flex-direction:column}.landing-trust-note button{width:100%;justify-content:center}}


.landing-payday-showcase{scroll-margin-top:86px}
.landing-payday-showcase ul b{color:#e8efec;font-weight:700}
.landing-pay-window{border:1px solid #37444a;border-radius:16px;background:#141b1f;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.landing-pay-window-head{height:42px;background:#1a2227;border-bottom:1px solid #2d383e;display:flex;align-items:center;gap:6px;padding:0 13px}.landing-pay-window-head>span{width:8px;height:8px;border-radius:50%;background:#39464d}.landing-pay-window-head b{margin-left:auto;font-size:9px;color:#748287}
.landing-pay-window-body{padding:18px;display:grid;grid-template-columns:.9fr 1.1fr;gap:16px}
.landing-pay-schedules{display:grid;gap:12px}
.landing-pay-schedule-card{padding:16px;border:1px solid #2e3a40;background:#171f23;border-radius:12px;display:grid;gap:10px}
.landing-pay-schedule-card label{font-size:8px;letter-spacing:.14em;font-weight:850;color:#6fdcb5}
.landing-pay-person{display:grid;gap:2px;padding:10px 12px;border-radius:10px;background:#12191d;border:1px solid #2f3a40}.landing-pay-person strong{font-size:13px;color:#eef4f2}.landing-pay-person span,.landing-pay-schedule-card small{font-size:10px;line-height:1.5;color:#819096}
.landing-pay-pill-row{display:flex;flex-wrap:wrap;gap:8px}.landing-pay-pill-row span{padding:6px 8px;border-radius:999px;border:1px solid #324047;background:#12191d;color:#93a1a6;font-size:9px}
.landing-pay-timeline{padding:16px;border:1px solid #2e3a40;background:#171f23;border-radius:12px;display:grid;gap:0}
.landing-pay-timeline-head{display:flex;justify-content:space-between;gap:10px;align-items:end;padding-bottom:12px;border-bottom:1px solid #2c373d;margin-bottom:4px}.landing-pay-timeline-head b{font-size:15px}.landing-pay-timeline-head span{font-size:10px;color:#7d8b90}
.landing-pay-timeline-row{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #222c31}.landing-pay-timeline-row>span{font-size:10px;color:#7f8d92;font-weight:700}.landing-pay-timeline-row div{display:grid;gap:3px}.landing-pay-timeline-row b{font-size:12px;color:#ecf3f0}.landing-pay-timeline-row small{font-size:9px;color:#738187}.landing-pay-timeline-row strong{font-size:11px}.landing-pay-timeline-row.positive strong{color:#6edcb5}.landing-pay-timeline-row.negative strong{color:#d89a9a}
.landing-pay-window-foot{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;margin-top:10px}.landing-pay-window-foot>div{padding:12px;border-radius:10px;background:#12191d;border:1px solid #2f3a40;display:grid;gap:4px}.landing-pay-window-foot span{font-size:8px;letter-spacing:.13em;color:#748287;font-weight:850}.landing-pay-window-foot b{font-size:18px}
.landing-ideology{width:min(1180px,calc(100% - 40px));margin:0 auto 100px;padding-top:10px}
.landing-ideology-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.landing-ideology-grid article{padding:24px 22px;border:1px solid #303b41;background:#141b1f;border-radius:14px}.landing-ideology-grid article>span{font-size:9px;font-weight:850;color:#62d6aa}.landing-ideology-grid h3{margin:14px 0 10px;font-size:20px;line-height:1.2}.landing-ideology-grid p{margin:0;color:#87959a;font-size:12px;line-height:1.7}
@media(max-width:1050px){.landing-pay-window-body{grid-template-columns:1fr}.landing-ideology-grid{grid-template-columns:1fr}}
@media(max-width:720px){.landing-pay-window-foot{grid-template-columns:1fr}.landing-ideology{width:calc(100% - 28px);margin-bottom:70px}}

.landing-live-demo{scroll-margin-top:86px;width:min(1240px,calc(100% - 40px));margin:0 auto 110px;display:grid;gap:18px}
.landing-live-intro{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}
.landing-live-intro h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;line-height:1.05;margin:12px 0 14px}
.landing-live-intro p{margin:0;color:#96a3a7;font-size:15px;line-height:1.7;max-width:860px}
.landing-scenario-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.landing-scenario-chip{padding:14px 15px;border-radius:14px;border:1px solid #313c42;background:#141b1f;color:#a7b2b5;text-align:left;display:grid;gap:6px;transition:.16s ease}
.landing-scenario-chip strong{font-size:13px;color:#edf4f1}
.landing-scenario-chip span{font-size:10px;line-height:1.45;color:#7e8b90}
.landing-scenario-chip:hover{border-color:#426557;background:#17221f;transform:translateY(-1px)}
.landing-scenario-chip.active{border-color:#5cd8ac;background:linear-gradient(145deg,#18251f,#141b1f);box-shadow:inset 0 2px 0 rgba(99,217,173,.12)}
.landing-scenario-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px;padding:18px 20px;border:1px solid #2f3b40;border-radius:16px;background:#141b1f}
.landing-scenario-copy h3{margin:10px 0 8px;font-size:28px;letter-spacing:-.9px}
.landing-scenario-copy p{margin:0;color:#91a0a4;font-size:13px;line-height:1.65}
.landing-scenario-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.landing-scenario-stats article{padding:16px;border-radius:12px;background:#10171a;border:1px solid #2f3b40;display:grid;gap:6px;align-content:start}
.landing-scenario-stats span{font-size:9px;letter-spacing:.13em;font-weight:850;color:#6fdcb5}
.landing-scenario-stats b{font-size:20px;color:#eef4f2}
.landing-app-shell{border:1px solid #37444a;border-radius:18px;background:#12191d;overflow:hidden;box-shadow:0 28px 70px rgba(0,0,0,.28)}
.landing-app-head{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;border-bottom:1px solid #293338;background:#171f23}
.landing-app-brand{display:flex;align-items:center;gap:12px}.landing-app-brand img{width:36px;height:36px;border-radius:10px}.landing-app-brand b{display:block;font-size:15px}.landing-app-brand span{display:block;font-size:11px;color:#809095}
.landing-app-actions{display:flex;gap:10px;flex-wrap:wrap}.landing-app-actions .landing-secondary,.landing-app-actions .landing-primary{padding:9px 13px;font-size:12px}
.landing-app-note{padding:12px 18px;border-bottom:1px solid #232d31;color:#829094;font-size:11px;line-height:1.55;background:#12191d}
.landing-app-frame{padding:0 18px 18px;max-height:980px;overflow:auto}
#landingHeroPreview .landing-app-shell{transform:perspective(1200px) rotateY(-2.5deg) rotateX(1deg);box-shadow:0 34px 90px rgba(0,0,0,.36)}
#landingHeroPreview .landing-app-shell.compact{pointer-events:none}
#landingHeroPreview .landing-app-frame{max-height:540px}
#landingHeroPreview .landing-app-head{padding:13px 15px}
#landingHeroPreview .landing-app-note{font-size:10px}
.landing-app-shell.compact .landing-app-head{border-bottom:1px solid #273035}
.landing-app-shell.compact .hero{padding-top:18px}
.landing-app-shell.compact .history-panel{display:none}
.landing-app-shell.compact .nw-board{margin-top:16px}
.landing-app-shell .row-remove,.landing-app-shell .add-sub,.landing-app-shell .heading-remove,.landing-app-shell .note-btn,.landing-app-shell .nw-reorder,.landing-app-shell .quick-sort,.landing-app-shell [data-add-group],.landing-app-shell [data-add-sub],.landing-app-shell [data-delete-group],.landing-app-shell [data-delete-account],.landing-app-shell [data-add-budget],.landing-app-shell [data-delete-budget],.landing-app-shell [data-add-tx],.landing-app-shell [data-delete-tx],.landing-app-shell [data-add-invest-holding],.landing-app-shell [data-delete-invest-holding],.landing-app-shell [data-record-trade],.landing-app-shell [data-delete-activity],.landing-app-shell [data-refresh-investments],.landing-app-shell [data-refresh-investments-auto],.landing-app-shell [data-add-equity],.landing-app-shell [data-delete-equity],.landing-app-shell [data-toggle-note],.landing-app-shell [data-collapse-group],.landing-app-shell [data-move-group],.landing-app-shell [data-move-account],.landing-app-shell [data-move],.landing-app-shell [data-sort-budget],.landing-app-shell [data-sort-nw],.landing-app-shell [data-show-nw-section],.landing-app-shell [data-hide-nw-section],.landing-app-shell [data-toggle-history-entry],.landing-app-shell [data-act="add-history"],.landing-app-shell [data-collapse-section],.landing-app-shell [data-toggle-equity]{display:none!important}
@media(max-width:1100px){.landing-live-intro,.landing-scenario-summary{grid-template-columns:1fr}.landing-scenario-strip{grid-template-columns:1fr 1fr}.landing-scenario-stats{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:720px){.landing-live-demo{width:calc(100% - 28px);margin-bottom:70px}.landing-live-intro{grid-template-columns:1fr}.landing-scenario-strip,.landing-scenario-stats{grid-template-columns:1fr}.landing-app-head{align-items:flex-start;flex-direction:column}.landing-app-actions{width:100%}.landing-app-actions .landing-secondary,.landing-app-actions .landing-primary{flex:1;justify-content:center}.landing-app-frame{padding:0 12px 12px}.landing-scenario-copy h3{font-size:24px}}

/* Where's My Dollar v6.3.25: growth snapshot, cash runway, exact-app landing demo */
.growth-snapshot{margin-top:18px;border:1px solid var(--line);background:#171d21;border-radius:12px;padding:18px}
.growth-snapshot-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:14px}.growth-snapshot-head>div{display:grid;gap:3px}.growth-snapshot-head span{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--green)}.growth-snapshot-head h3{margin:0;font-family:var(--wmd-font-ui);font-size:21px}.growth-snapshot-head p{margin:0;color:#819095;font-size:11px;max-width:500px;text-align:right}
.growth-snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.growth-snapshot-grid article{padding:14px;border:1px solid #303a40;background:#141b1f;border-radius:10px;display:grid;gap:5px}.growth-snapshot-grid span{font-size:9px;color:#819095}.growth-snapshot-grid strong{font-size:20px;color:#eef4f2}.growth-snapshot-grid small{font-size:9px;color:#6e7c81}.growth-snapshot-grid article.positive strong{color:#7edbb8}.growth-snapshot-grid article.negative strong{color:#e18a8a}
.cash-runway,.money-timeline{margin:16px 0 0;border:1px solid var(--line);background:#171d21;border-radius:12px;padding:16px}
.cash-runway-head,.money-timeline-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:13px}.cash-runway-head>div,.money-timeline-head>div{display:grid;gap:3px}.cash-runway-head span,.money-timeline-head span{font-size:9px;font-weight:850;letter-spacing:.13em;color:var(--green)}.cash-runway-head h3,.money-timeline-head h3{margin:0;font-family:var(--wmd-font-ui);font-size:20px}.cash-runway-head p,.money-timeline-head p{margin:0;color:#809095;font-size:10px;max-width:560px;text-align:right;line-height:1.45}
.cash-runway-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cash-runway-month{padding:14px;border-radius:10px;border:1px solid #313c42;background:#141b1f;display:grid;gap:7px}.cash-runway-month>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.cash-runway-month span{font-size:11px;font-weight:800}.cash-runway-month small{font-size:8px;color:#6f7d82}.cash-runway-month strong{font-size:22px}.cash-runway-month em{font-style:normal;font-size:9px;color:#8a989c}.cash-runway-month.up strong{color:#dfe9e5}.cash-runway-month.up em{color:#78cda9}.cash-runway-month.down{border-color:#554344}.cash-runway-month.down em{color:#d08f8f}.cash-runway-month.warning{border-color:#6e5d36;background:#1d1a13}.cash-runway-month.warning b{font-size:8px;color:#dec986}
.money-timeline-scroll{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:thin}.money-timeline-event{flex:0 0 220px;display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;padding:11px 12px;border:1px solid #303a40;background:#141b1f;border-radius:10px}.money-timeline-date{display:grid;justify-items:center;border-right:1px solid #2a3439;padding-right:10px}.money-timeline-date strong{font-size:18px}.money-timeline-date span{font-size:8px;color:#79868b;text-transform:uppercase}.money-timeline-copy{min-width:0;display:grid;gap:2px}.money-timeline-copy b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.money-timeline-copy small{font-size:8px;color:#748287}.money-timeline-amount{font-size:10px;white-space:nowrap}.money-timeline-event.income .money-timeline-amount{color:#6edbb4}.money-timeline-event.saving .money-timeline-amount{color:#9aa9dd}.money-timeline-event.expense .money-timeline-amount{color:#d69797}.money-timeline-event.debt .money-timeline-amount{color:#c5a9d6}.money-timeline-event.complete{opacity:.72}.money-timeline-more{flex:0 0 110px;display:grid;place-items:center;align-content:center;border:1px dashed #38444a;border-radius:10px;color:#8d9b9f;font-size:19px}.money-timeline-more span{font-size:8px;color:#66757a;margin-top:4px}
.landing-demo-real-header{max-width:none!important;margin:0!important;padding:16px 18px!important;border-bottom:1px solid #293338!important;background:#171f23!important;border-radius:0!important}.landing-demo-real-header .brand img{width:52px;height:52px}.landing-demo-real-header .brand h1{font-size:24px}.landing-demo-real-header .brand-tagline{font-size:10px}.landing-demo-real-header .brand-meta{font-size:9px}.landing-demo-real-header .header-actions{flex-wrap:wrap}.landing-demo-real-header .header-actions button{font-size:11px;padding:7px 10px}.landing-app-note b{color:#dbe6e2}
.landing-app-frame{max-width:none!important;margin:0!important;padding:0 18px 18px!important}.landing-app-frame>nav{margin-top:14px}.landing-app-frame>.growth-snapshot{margin-top:18px}
#landingHeroPreview .landing-demo-real-header .header-actions{display:none}#landingHeroPreview .landing-demo-real-header{padding:12px 14px!important}#landingHeroPreview .landing-demo-real-header .brand img{width:42px;height:42px}#landingHeroPreview .landing-demo-real-header .brand h1{font-size:20px}#landingHeroPreview .landing-app-note{display:none}#landingHeroPreview .landing-app-frame{max-height:600px}
.landing-app-shell .cash-runway,.landing-app-shell .money-timeline,.landing-app-shell .growth-snapshot{background:#171d21}
@media(max-width:980px){.growth-snapshot-grid{grid-template-columns:1fr 1fr}.cash-runway-grid{grid-template-columns:1fr}.growth-snapshot-head,.cash-runway-head,.money-timeline-head{align-items:flex-start;display:grid}.growth-snapshot-head p,.cash-runway-head p,.money-timeline-head p{text-align:left}}
@media(max-width:680px){.growth-snapshot{padding:14px}.growth-snapshot-grid{grid-template-columns:1fr}.money-timeline-event{flex-basis:205px}.landing-demo-real-header .brand h1{font-size:20px}.landing-demo-real-header .header-actions{width:100%;margin-top:10px}.landing-demo-real-header .header-actions button{flex:1}.landing-app-frame{padding:0 10px 12px!important}}
.landing-app-shell header.landing-demo-real-header{background:#171f23!important}


/* v6.3.25 landing refinements */
.landing-question-flow article>span{font-size:11px}
.landing-question-flow article>b{font-size:24px;line-height:1.2}
.landing-question-flow article p{font-size:14px;line-height:1.65}
.landing-question-flow article small{font-size:11px}
.landing-demo-legend span{font-size:11px;padding:7px 10px}
.landing-scenario-chip strong{font-size:14px}
.landing-scenario-chip span{font-size:12px;line-height:1.55}
.landing-trust-grid h3{font-size:18px}
.landing-trust-grid p{font-size:12px;line-height:1.7}
.landing-pipeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.landing-pipeline>div{display:none}
.landing-pipeline article{min-height:0;padding:24px 20px}
.landing-pipeline strong{font-size:18px;line-height:1.3}
.landing-pipeline p{font-size:12px;line-height:1.7}
.landing-connected-copy p{font-size:15px;line-height:1.75;max-width:900px}
.landing-connected-copy{grid-template-columns:.55fr 1.45fr;gap:24px;align-items:end}
.landing-live-intro p{max-width:920px}
#landingLiveDemo{display:flex;justify-content:center}
#landingLiveDemo>.landing-app-shell{width:100%;max-width:1240px;margin:0 auto}
.landing-app-shell{width:100%;max-width:100%;margin:0 auto}
.landing-app-frame{overflow:auto;max-width:100%;padding:0 14px 18px!important}
.landing-app-shell .nw-subrow{grid-template-columns:minmax(190px,1fr) minmax(108px,126px)!important;gap:10px;padding:8px 10px}
.landing-app-shell .nw-subrow>.sub-name-cell{grid-column:1!important;grid-row:1!important}
.landing-app-shell .nw-subrow>.money-edit{grid-column:2!important;grid-row:1!important}
.landing-app-shell .nw-subrow>.cf-link,.landing-app-shell .nw-subrow>.cf-link-placeholder{display:none!important}
.landing-app-shell .sub-name-cell .sub-name{padding:6px 8px;border:1px solid #313d44;background:#141b1f}
.landing-app-shell .money-edit input{padding:6px 8px}
.landing-app-shell .heading-name input{width:min(220px,68%)}
.landing-app-shell .goal-input input{width:64px}
@media(max-width:1050px){.landing-connected-copy{grid-template-columns:1fr}.landing-pipeline{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.landing-pipeline{grid-template-columns:1fr}.landing-app-shell .nw-subrow{grid-template-columns:minmax(0,1fr) 110px!important}}

/* v6.3.25 landing polish */
.landing-question-strip{padding:46px 36px;overflow:hidden}
.landing-question-intro h2{max-width:720px;overflow-wrap:anywhere}
.landing-question-flow article{min-height:205px;padding-bottom:52px}
.landing-question-flow article small{bottom:14px}
.landing-feature-combined{align-items:start}
.landing-feature-combined ul{gap:14px}
.landing-feature-combined li{font-size:13px;line-height:1.7}
.landing-autopilot-visual{display:grid;gap:16px}
.landing-autopilot-banner{display:grid;gap:6px;padding:18px 20px;border:1px solid #355049;border-radius:14px;background:linear-gradient(135deg,#16251f,#10181b)}
.landing-autopilot-banner span{font-size:11px;font-weight:850;letter-spacing:.12em;color:#83e2be;text-transform:uppercase}
.landing-autopilot-banner b{font-size:23px;line-height:1.25;color:#f4f8f7}
.landing-cashflow-preview{margin:0}
.landing-autopilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.landing-autopilot-grid article{padding:16px;border:1px solid #303b40;border-radius:12px;background:#141b1f;display:grid;gap:5px}
.landing-autopilot-grid article.active{border-color:#426c5d;background:#14201c}
.landing-autopilot-grid span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#87dbbb;text-transform:uppercase}
.landing-autopilot-grid strong{font-size:20px;line-height:1.25}
.landing-autopilot-grid p{margin:0;color:#90a0a4;font-size:12px;line-height:1.6}
.landing-autopilot-callout{display:grid;gap:4px;padding:16px 18px;border-radius:12px;border:1px solid #355749;background:#13221c}
.landing-autopilot-callout b{font-size:18px;color:#eef5f2}
.landing-autopilot-callout span{color:#98aaa4;line-height:1.6;font-size:13px}
.landing-pipeline article span{font-size:12px}
.landing-pipeline strong{font-size:22px;line-height:1.35}
.landing-pipeline p{font-size:13px}
.landing-phone-section{width:min(1180px,calc(100% - 40px));margin:0 auto 110px;display:grid;grid-template-columns:.88fr 1.12fr;gap:42px;align-items:center;padding:36px;border:1px solid #2e3a40;border-radius:20px;background:linear-gradient(145deg,#141b1f,#10171a)}
.landing-phone-copy p{color:#96a3a7;font-size:15px;line-height:1.7}
.landing-phone-copy h2{font-family:var(--wmd-font-ui);font-size:clamp(32px,4vw,46px);letter-spacing:-1.5px;line-height:1.06;margin:12px 0 16px}
.landing-phone-steps{display:grid;gap:12px;margin-top:22px}
.landing-phone-steps article{padding:14px 16px;border:1px solid #304047;border-radius:12px;background:#141b1f;display:grid;gap:5px}
.landing-phone-steps b{font-size:14px}
.landing-phone-steps span{color:#94a1a5;font-size:13px;line-height:1.65}
.landing-phone-visual{display:flex;justify-content:center}
.landing-phone-frame{position:relative;max-width:340px;padding:18px 18px 28px;border-radius:34px;border:1px solid #334149;background:#0f1619;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.landing-phone-frame img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #253138}
.landing-home-pill{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);padding:8px 14px;border-radius:999px;background:#57d7aa;color:#07130f;font-size:12px;font-weight:800;box-shadow:0 8px 24px rgba(85,214,168,.18)}
#landingLiveDemo .review-transactions-btn.demo-premium{position:relative}
#landingLiveDemo .review-transactions-btn.demo-premium::after{content:attr(data-premium-label);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;padding:5px 8px;border-radius:7px;background:#10171b;border:1px solid #334149;color:#dbe5e1;font-size:10px;font-weight:700;opacity:0;pointer-events:none;transition:.15s ease}
#landingLiveDemo .review-transactions-btn.demo-premium:hover::after{opacity:1}
.landing-app-shell .nw-subrow{grid-template-columns:minmax(240px,1fr) minmax(92px,104px)!important}
.landing-app-shell .heading-name input{width:min(320px,84%)}
.landing-app-shell .money-edit input{max-width:100px}
@media(max-width:1050px){.landing-feature-combined,.landing-phone-section{grid-template-columns:1fr}.landing-autopilot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.landing-question-strip{padding:34px 18px}.landing-feature-combined{padding:28px 18px}.landing-autopilot-grid,.landing-phone-section{grid-template-columns:1fr}.landing-phone-section{width:calc(100% - 28px);padding:24px 18px}.landing-app-shell .nw-subrow{grid-template-columns:minmax(0,1fr) 96px!important}.landing-app-shell .heading-name input{width:100%}}

/* v6.3.25 combined difference + cash flow section */
.landing-difference-section{scroll-margin-top:86px;width:min(1180px,calc(100% - 40px));margin:0 auto 110px;padding:48px;border:1px solid #2f3b41;border-radius:20px;background:linear-gradient(145deg,#141b1f,#10171a)}
.landing-difference-section .landing-question-intro{margin-bottom:30px}
.landing-difference-section .landing-question-flow article{display:flex;flex-direction:column;min-height:210px;padding:22px}
.landing-difference-section .landing-question-flow article small{position:static;margin-top:auto;padding-top:18px;font-size:11px}
.landing-difference-section .landing-question-flow article p{font-size:14px;line-height:1.65}
.landing-difference-divider{height:1px;background:#2f3b41;margin:42px 0}
.landing-difference-cashflow{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:42px;align-items:start}
.landing-difference-cashflow h2{font-family:var(--wmd-font-ui);font-size:clamp(34px,4vw,50px);letter-spacing:-1.6px;line-height:1.04;margin:12px 0 16px}
.landing-difference-cashflow>div>p{color:#96a3a7;font-size:15px;line-height:1.75;margin:0}
.landing-difference-cashflow ul{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:14px}
.landing-difference-cashflow li{position:relative;padding-left:24px;color:#a4b0b2;font-size:13px;line-height:1.7}
.landing-difference-cashflow li:before{content:"✓";position:absolute;left:0;color:#64d9af;font-weight:900}
.landing-difference-cashflow li b{color:#eef4f2}
.landing-scenario-strip{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.landing-difference-cashflow{grid-template-columns:1fr}.landing-scenario-strip{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.landing-difference-section{width:calc(100% - 28px);padding:28px 18px}.landing-difference-divider{margin:30px 0}.landing-scenario-strip{grid-template-columns:1fr}.landing-difference-section .landing-question-flow article{min-height:0}.landing-difference-section .landing-question-flow article small{margin-top:16px}}


/* v6.3.25 autopilot layout fix */
.landing-difference-section,.landing-difference-cashflow,.landing-difference-cashflow>*{min-width:0}
.landing-difference-cashflow{overflow:hidden}
.landing-autopilot-visual{min-width:0;width:100%;max-width:100%;overflow:hidden}
.landing-autopilot-banner,.landing-cashflow-preview,.landing-autopilot-grid,.landing-autopilot-callout{min-width:0;width:100%;max-width:100%}
.landing-cashflow-preview{overflow:hidden}
.landing-cashflow-preview .money-timeline-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;min-width:0;padding-bottom:8px}
.landing-cashflow-preview .money-timeline-event{flex:0 0 205px;min-width:0}
.landing-cashflow-preview .money-timeline-copy{min-width:0}
.landing-cashflow-preview .money-timeline-copy b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.landing-autopilot-grid{grid-template-columns:1fr!important;gap:10px}
.landing-autopilot-grid article{position:relative;padding:16px 18px 16px 20px;min-width:0}
.landing-autopilot-grid article:not(:last-child)::after{content:"↓";position:absolute;left:26px;bottom:-18px;z-index:2;color:#4e6a60;font-size:14px;font-weight:800}
.landing-autopilot-grid span{font-size:11px}
.landing-autopilot-grid strong{font-size:19px;line-height:1.3}
.landing-autopilot-grid strong em{font-style:normal;color:#9db0aa;font-size:.78em;font-weight:650}
.landing-autopilot-grid p{font-size:12px;line-height:1.55}
@media(max-width:1180px){.landing-difference-cashflow{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:28px}}
@media(max-width:980px){.landing-difference-cashflow{grid-template-columns:1fr}.landing-autopilot-visual{overflow:visible}.landing-cashflow-preview{overflow:hidden}}


/* v6.3.25 Washington logo refresh + neutral backgrounds */
html,body{background:#0f1418!important}
body{background-image:none!important}
header:not(.landing-header){background:transparent!important}
.landing-page{background:radial-gradient(circle at 75% -10%,rgba(96,135,150,.10),transparent 34%),linear-gradient(180deg,#0d1317 0,#10161a 58%,#0e1418 100%)!important}
.brand img,.auth-brand img,.landing-brand img,.landing-final img,.landing-demo-real-header .brand img{object-fit:contain;background:#10171b;border-color:#334149;box-shadow:0 8px 24px rgba(0,0,0,.24)}
.brand img{padding:2px}
.landing-brand img{padding:1px}
.auth-brand img,.landing-final img{padding:2px}
.landing-hero-visual:before{background:radial-gradient(circle,rgba(100,140,156,.10),transparent 68%)!important}


/* v6.3.25 hero preview: static, intentional, no scrollbars */
#landingHeroPreview .landing-app-shell.compact{pointer-events:none;overflow:hidden!important}
#landingHeroPreview .landing-app-frame{overflow:hidden!important;max-height:none!important;padding-bottom:16px!important}
#landingHeroPreview .landing-app-frame>nav{pointer-events:none;margin-top:12px}
#landingHeroPreview .landing-app-frame>nav button,#landingHeroPreview .landing-app-frame>nav a{cursor:default!important}
#landingHeroPreview .landing-app-shell.compact .history-panel,
#landingHeroPreview .landing-app-shell.compact .nw-board,
#landingHeroPreview .landing-app-shell.compact .hidden-sections-bar{display:none!important}
#landingHeroPreview .landing-app-shell.compact .growth-snapshot{margin:14px 0 0!important}
#landingHeroPreview .landing-app-shell.compact .hero{margin-top:14px;min-height:280px;padding:22px}
#landingHeroPreview .landing-app-shell.compact .hero h2{font-size:40px}
#landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid article{padding:11px}
#landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid strong{font-size:17px}
#landingHeroPreview .landing-demo-real-header{border-bottom:1px solid #293338!important}
.landing-hero-caption{font-size:10px;color:#738287}
.landing-hero-caption span{font-weight:600}
#landingHeroPreview .landing-app-shell.compact .hero{grid-template-columns:minmax(260px,.95fr) minmax(0,1.05fr);gap:18px;align-items:center}
#landingHeroPreview .landing-app-shell.compact .donut-wrap{gap:14px}
#landingHeroPreview .landing-app-shell.compact .donut{width:208px;max-width:44vw}
#landingHeroPreview .landing-app-shell.compact .side-legend{min-width:180px;width:180px;gap:7px}
#landingHeroPreview .landing-app-shell.compact .side-legend>div{grid-template-columns:8px minmax(0,1fr) auto;gap:6px;font-size:11px}
#landingHeroPreview .landing-app-shell.compact .side-legend span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#landingHeroPreview .landing-app-shell.compact .side-legend b{font-size:11px;white-space:nowrap}
@media(max-width:1100px){
  #landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  #landingHeroPreview .landing-app-shell.compact .hero{grid-template-columns:1fr;min-height:0}
  #landingHeroPreview .landing-app-shell.compact .side-legend{width:100%;min-width:0}
  #landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:1fr 1fr}
}


/* v6.3.26 mobile section refresh + iPhone polish */
.landing-phone-section{align-items:start}
.landing-phone-copy{max-width:500px}
.landing-phone-showcase{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:18px;align-items:start;width:100%}
.landing-phone-frame{max-width:320px;padding:12px 12px 14px}
.landing-phone-frame img{width:100%;height:auto;object-fit:contain;object-position:center;border-radius:22px;border:1px solid #253138}
.landing-home-pill{bottom:8px;padding:8px 13px;background:#dce8e5;color:#0d1718;box-shadow:0 8px 24px rgba(0,0,0,.16)}
.landing-install-guides{display:grid;gap:12px}
.landing-install-card{padding:16px;border:1px solid #304047;border-radius:14px;background:#141b1f;display:grid;gap:8px}
.landing-install-card>span{font-size:11px;letter-spacing:.14em;font-weight:850;color:#6fdcb5;text-transform:uppercase}
.landing-install-card h3{margin:0;font-size:18px;line-height:1.2;color:#eef5f2}
.landing-install-card ol{margin:0;padding-left:18px;display:grid;gap:6px;color:#94a1a5;font-size:13px;line-height:1.6}
.landing-install-card strong{color:#eef5f2}
#landingLiveDemo .landing-app-shell,#landingLiveDemo .landing-app-shell *{min-width:0}
@media(max-width:1050px){.landing-phone-showcase{grid-template-columns:1fr 1fr}.landing-phone-frame{max-width:300px}}
@media(max-width:720px){
  .landing-phone-section{gap:22px}
  .landing-phone-showcase{grid-template-columns:1fr}
  .landing-phone-frame{max-width:300px;margin:0 auto}
  .landing-phone-frame img{height:auto;max-height:480px;object-fit:contain}
  .landing-install-card h3{font-size:17px}
  #landingHeroPreview .landing-app-shell{transform:none!important}
  #landingHeroPreview .landing-app-shell.compact .hero{padding:18px;min-height:0}
  #landingHeroPreview .landing-app-shell.compact .hero h2{font-size:32px}
  #landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:1fr!important}
  #landingLiveDemo .landing-demo-real-header{padding:14px 14px!important}
  #landingLiveDemo .landing-demo-real-header .brand{gap:10px;align-items:flex-start}
  #landingLiveDemo .landing-demo-real-header .brand img{width:40px;height:40px}
  #landingLiveDemo .landing-demo-real-header .brand h1{font-size:18px}
  #landingLiveDemo .landing-demo-real-header .brand-tagline{font-size:9px}
  #landingLiveDemo .landing-demo-real-header .brand-meta{font-size:8px}
  #landingLiveDemo .landing-app-note{padding:10px 14px;font-size:10px}
  #landingLiveDemo .landing-app-frame{padding:0 8px 12px!important}
  #landingLiveDemo .landing-app-frame>nav{gap:16px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  #landingLiveDemo .landing-app-frame>nav::-webkit-scrollbar{display:none}
  #landingLiveDemo .hero{grid-template-columns:1fr;min-height:0;padding:16px}
  #landingLiveDemo .hero h2{font-size:30px}
  #landingLiveDemo .goalbar{max-width:none}
  #landingLiveDemo .budget-top{grid-template-columns:1fr;gap:14px}
  #landingLiveDemo .summary-card,#landingLiveDemo .budget-chart{padding:16px}
  #landingLiveDemo .summary-card h2{font-size:30px;margin-bottom:12px}
  #landingLiveDemo .summary-grid span{padding:9px;font-size:12px}
  #landingLiveDemo .budget-section,#landingLiveDemo .flow-section{overflow-x:auto;-webkit-overflow-scrolling:touch}
  #landingLiveDemo .budget-grid{min-width:740px;font-size:11px}
  #landingLiveDemo .flow-grid{min-width:710px;font-size:11px}
  #landingLiveDemo .flow-head,#landingLiveDemo .section-head{padding:10px 12px}
  #landingLiveDemo .flow-head h3,#landingLiveDemo .section-head h3{font-size:15px}
  #landingLiveDemo .cash-summary{grid-template-columns:1fr;gap:10px;padding:14px}
  #landingLiveDemo .cash-summary .summary-item{padding:12px}
  #landingLiveDemo .history-chart{min-width:620px}
}

/* v6.3.27 Debt Paydown */
.debt-page{display:grid;gap:22px}
.debt-hero,.debt-plan-panel,.debt-accounts-panel,.debt-results-panel,.debt-connection{border:1px solid var(--line);background:#171d21;border-radius:14px;padding:24px}
.debt-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);gap:26px;align-items:center;background:linear-gradient(145deg,#1c2428,#151b1f)}
.debt-kicker,.debt-panel-head span,.debt-milestones>span,.debt-connection>div>span{display:block;color:#63d9ad;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.debt-hero h2{font-family:var(--wmd-font-ui);font-size:clamp(34px,4vw,48px);line-height:1.04;letter-spacing:-1.5px;margin:10px 0 13px}
.debt-hero>div>p{margin:0;color:#9aa7aa;font-size:14px;line-height:1.7;max-width:700px}
.debt-hero-kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.debt-hero-kpis article,.debt-result-kpis article{padding:14px;border:1px solid #334047;border-radius:11px;background:#12191d;display:grid;gap:4px}
.debt-hero-kpis span,.debt-result-kpis span{color:#829095;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.debt-hero-kpis strong{font-size:18px;color:#f0f5f3;line-height:1.25}
.debt-hero-kpis small,.debt-result-kpis small{color:#718085;font-size:9px;line-height:1.4}
.debt-panel-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:18px}
.debt-panel-head h3{margin:5px 0 0;font-family:var(--wmd-font-ui);font-size:24px;letter-spacing:-.6px}
.debt-panel-head>p{margin:0;max-width:480px;color:#839196;font-size:11px;line-height:1.55;text-align:right}
.debt-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.debt-method-card{border:1px solid #354148;background:#12191d;border-radius:12px;padding:16px;text-align:left;display:grid;gap:6px;color:#dfe8e5;transition:.15s ease}
.debt-method-card:hover{border-color:#4c655c;background:#16201d}.debt-method-card.active{border-color:#58d4a7;background:#14221c;box-shadow:inset 0 0 0 1px rgba(88,212,167,.08)}
.debt-method-card span{color:#6fdcb5;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.debt-method-card strong{font-size:17px}.debt-method-card small{color:#849297;font-size:10px;line-height:1.5}
.debt-plan-controls{display:grid;grid-template-columns:1fr 1fr 1.3fr 1.1fr;gap:10px;margin-top:14px}
.debt-plan-controls>label,.debt-fit{padding:14px;border:1px solid #334047;border-radius:11px;background:#12191d;display:grid;gap:6px;align-content:start}
.debt-plan-controls label>span,.debt-fit>span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#819095;font-weight:800}
.debt-plan-controls label>small,.debt-fit small{font-size:9px;line-height:1.45;color:#718085}
.debt-plan-controls select,.debt-plan-controls input,.debt-row input{border:1px solid #3b474e;background:#11181c;border-radius:7px;padding:8px;color:#eef4f2}
.debt-plan-controls select{width:100%}.debt-plan-controls .currency-input input{width:100%}
.debt-link-toggle>div{display:flex;align-items:center;gap:8px}.debt-link-toggle input{accent-color:#55d6a8;width:16px;height:16px}.debt-link-toggle b{font-size:12px}
.debt-fit strong{font-size:17px;line-height:1.25}.debt-fit.positive strong{color:#69ddb2}.debt-fit.negative strong{color:#df8a8a}
.debt-table-head,.debt-row{display:grid;grid-template-columns:44px minmax(170px,1.45fr) minmax(105px,.85fr) 90px minmax(105px,.8fr) 72px 90px;gap:10px;align-items:center}
.debt-table-head{padding:8px 10px;color:#7f8d92;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;border-bottom:1px solid #303a40}
.debt-row{padding:11px 10px;border-bottom:1px solid #283238;transition:.15s ease}.debt-row:last-child{border-bottom:0}.debt-row.target{background:#14201c;box-shadow:inset 3px 0 0 #55d6a8}.debt-row.excluded{opacity:.48}
.debt-include{display:grid;place-items:center}.debt-include input{width:16px;height:16px;accent-color:#55d6a8}
.debt-name{display:grid;gap:3px;min-width:0}.debt-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-name em{font-style:normal;color:#73dfb7;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.debt-name small{color:#6f7e83;font-size:9px}
.debt-row label:not(.debt-include){display:grid;gap:4px;min-width:0}.debt-row label>span,.debt-priority>span{display:none;color:#7e8d91;font-size:8px;text-transform:uppercase;letter-spacing:.07em}
.debt-row .currency-input{gap:4px}.debt-row .currency-input input{width:100%;min-width:0;text-align:right}.debt-percent{display:flex;align-items:center;gap:4px}.debt-percent input{width:100%;min-width:0;text-align:right}.debt-percent b{font-size:11px;color:#839095}.debt-day{width:100%;text-align:center}
.debt-priority{display:flex;align-items:center;justify-content:center;gap:7px}.debt-priority>b{font-size:14px}.debt-priority>div{display:flex;gap:3px}.debt-priority button{border:1px solid #39464d;background:#20282d;border-radius:6px;padding:4px 6px;color:#cfd9d6}
.debt-empty{text-align:center;padding:28px;border:1px dashed #3a474d;border-radius:12px;color:#859398}.debt-empty strong{display:block;color:#e8efed;font-size:18px}.debt-empty p{max-width:560px;margin:8px auto 14px}.debt-empty button{border:1px solid #4b6259;background:#18251f;color:#dff4eb;border-radius:8px;padding:9px 12px}
.debt-result-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.6fr);gap:16px}.debt-chart-card,.debt-milestones{border:1px solid #313d43;border-radius:12px;background:#12191d;padding:16px}
.debt-result-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.debt-result-kpis strong{font-size:17px}.debt-chart{width:100%;height:auto;display:block;overflow:visible}.debt-grid{stroke:#334047;stroke-width:1}.debt-area{fill:url(#debtArea)}.debt-line{fill:none;stroke:#55d6a8;stroke-width:3}.debt-point{fill:#9bf1ce;stroke:#153126;stroke-width:1}.debt-label{fill:#95a5a1;font-size:10px}
.debt-milestones{display:grid;align-content:start;gap:0}.debt-milestones>span{margin-bottom:8px}.debt-milestones article{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #283238}.debt-milestones article:last-child{border-bottom:0}.debt-milestones article>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #35584b;border-radius:50%;color:#70dfb6;font-size:9px;font-weight:850}.debt-milestones article div{display:grid;gap:3px}.debt-milestones strong{font-size:12px}.debt-milestones small,.debt-muted{color:#78878b;font-size:10px;line-height:1.45}.debt-muted{margin:10px 0}
.debt-connection{display:grid;grid-template-columns:.45fr 1.55fr;gap:22px;align-items:center}.debt-connection h3{margin:7px 0 0;font-size:23px}.debt-connection-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}.debt-connection-grid article{padding:14px;border:1px solid #324047;border-radius:10px;background:#12191d}.debt-connection-grid b{font-size:13px;color:#eef5f2}.debt-connection-grid p{margin:6px 0 0;color:#809095;font-size:10px;line-height:1.5}.debt-connection-grid>i{align-self:center;font-style:normal;color:#4c6058}
.debt-plan-budget-row{background:transparent}.debt-plan-budget-row input[readonly],.debt-plan-budget-row select:disabled{opacity:1;color:inherit;background:#141a1e;border-color:#3a464d}.budget-linked-name{display:grid;gap:2px}.budget-linked-name input{min-width:0;width:100%;border:1px solid #3a464d!important;background:#141a1e!important;border-radius:5px;padding:5px;color:inherit}.budget-linked-name small{color:#63cfa6;font-size:8px;font-weight:700}.debt-plan-lock{color:#63cfa6;text-align:center;font-size:10px}.debt-plan-budget-row .reorder button{opacity:1}.debt-plan-budget-row .reorder button:disabled{opacity:.35}
.landing-pipeline.five{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:1080px){.debt-hero{grid-template-columns:1fr}.debt-plan-controls{grid-template-columns:1fr 1fr}.debt-result-grid{grid-template-columns:1fr}.debt-connection{grid-template-columns:1fr}.landing-pipeline.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){nav{overflow-x:auto;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:20px}nav::-webkit-scrollbar{display:none}.debt-page{gap:14px}.debt-hero,.debt-plan-panel,.debt-accounts-panel,.debt-results-panel,.debt-connection{padding:16px}.debt-hero h2{font-size:32px}.debt-hero-kpis{grid-template-columns:1fr 1fr}.debt-panel-head{display:grid;gap:7px}.debt-panel-head>p{text-align:left}.debt-methods{grid-template-columns:1fr}.debt-plan-controls{grid-template-columns:1fr}.debt-accounts-panel{overflow:hidden}.debt-table-head{display:none}.debt-row{grid-template-columns:34px minmax(0,1fr) 110px;gap:8px;padding:14px 4px}.debt-row>.debt-include{grid-column:1;grid-row:1}.debt-row>.debt-name{grid-column:2;grid-row:1}.debt-row>label:nth-of-type(2){grid-column:3;grid-row:1}.debt-row>label:nth-of-type(3){grid-column:2;grid-row:2}.debt-row>label:nth-of-type(4){grid-column:3;grid-row:2}.debt-row>label:nth-of-type(5){grid-column:2;grid-row:3}.debt-row>.debt-priority{grid-column:3;grid-row:3;justify-content:flex-start}.debt-row label>span,.debt-priority>span{display:block}.debt-priority{display:grid;gap:3px}.debt-result-kpis{grid-template-columns:1fr}.debt-connection-grid{grid-template-columns:1fr}.debt-connection-grid>i{display:none}.landing-pipeline.five{grid-template-columns:1fr 1fr}.budget-linked-name small{display:none}}
@media(max-width:480px){.debt-hero-kpis{grid-template-columns:1fr}.landing-pipeline.five{grid-template-columns:1fr}}
.debt-connection-note{display:block;grid-column:1/-1;margin-top:2px;color:#748287;font-size:9px;line-height:1.55}


/* v6.3.28 landing brand scale */
.landing-header-inner{padding:12px 0}
.landing-brand{gap:14px;font-size:27px;letter-spacing:-.65px}
.landing-brand img{width:58px!important;height:58px!important;border-radius:15px}
.landing-brand span{font-size:27px;font-weight:850;line-height:1}
@media(max-width:720px){
  .landing-header-inner{padding:10px 0}
  .landing-brand{gap:10px}
  .landing-brand img{width:46px!important;height:46px!important;border-radius:12px}
  .landing-brand span{font-size:19px!important}
}


/* v6.3.29 debt paydown: match the rest of the app */
.debt-overview,.debt-plan-panel,.debt-accounts-panel,.debt-results-panel,.debt-connection{border:1px solid var(--line);background:#171d21;border-radius:12px;padding:18px}
.debt-overview{display:grid;gap:16px}
.debt-overview-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
.debt-overview-head h2{font-family:var(--wmd-font-ui);font-size:28px;line-height:1.15;letter-spacing:0;margin:4px 0 5px;color:#f5f8f7}
.debt-overview-head p{margin:0;color:#8f9da1;font-size:12px;line-height:1.55;max-width:720px}
.debt-method-status{min-width:180px;padding:10px 12px;border:1px solid #334047;border-radius:9px;background:#12191d;display:grid;gap:2px;text-align:right}
.debt-method-status span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7f8e93;font-weight:800}
.debt-method-status strong{font-size:16px;color:#6fdcb5}
.debt-method-status small{font-size:9px;color:#7f8e93}
.debt-hero-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.debt-hero-kpis article{padding:12px 13px;border-radius:9px}
.debt-hero-kpis strong{font-size:17px}
.debt-panel-head h3{font-family:var(--wmd-font-ui);font-size:20px;letter-spacing:0;margin:3px 0 0}
.debt-panel-head{margin-bottom:14px}
.debt-method-card{padding:13px 14px;border-radius:9px}
.debt-method-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.debt-method-top>span{color:#6fdcb5;font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.debt-method-top>em{font-style:normal;padding:2px 6px;border-radius:999px;background:#214236;color:#8ce4c2;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.debt-method-card strong{font-size:15px}
.debt-method-card small{font-size:10px}
.debt-method-card.active{box-shadow:inset 3px 0 0 #58d4a7}
@media(max-width:1080px){.debt-overview-head{align-items:flex-start}.debt-method-status{text-align:left}.debt-hero-kpis{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.debt-overview,.debt-plan-panel,.debt-accounts-panel,.debt-results-panel,.debt-connection{padding:14px}.debt-overview-head{display:grid;gap:10px}.debt-method-status{min-width:0;width:100%}.debt-hero-kpis{grid-template-columns:1fr 1fr}.debt-overview-head h2{font-size:25px}}
@media(max-width:480px){.debt-hero-kpis{grid-template-columns:1fr}}


/* v6.3.32 exact approved On Your Phone guide */
.landing-phone-section.phone-guide-full{
  width:min(1360px,calc(100% - 40px));
  margin:0 auto 110px;
  display:block;
  padding:0;
  border:0;
  border-radius:22px;
  background:transparent;
  overflow:hidden;
}
.phone-guide-scroll{width:100%;overflow:hidden;border:1px solid #2d3b41;border-radius:22px;background:#0f171a;box-shadow:0 28px 70px rgba(0,0,0,.24)}
.phone-guide-scroll img{display:block;width:100%;height:auto;max-width:none}
@media(max-width:720px){
  .landing-phone-section.phone-guide-full{width:calc(100% - 28px);margin-bottom:70px;overflow:visible}
  .phone-guide-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
  .phone-guide-scroll img{width:980px;max-width:none}
}


/* v6.3.32 landing section kicker sizing */
.landing-final .landing-eyebrow,
.landing-ideology .landing-eyebrow,
.landing-connected-story .landing-eyebrow,
.landing-live-demo .landing-eyebrow{
  font-size:14px;
  line-height:1.25;
  letter-spacing:.14em;
  font-weight:900;
}
@media(max-width:720px){
  .landing-final .landing-eyebrow,
  .landing-ideology .landing-eyebrow,
  .landing-connected-story .landing-eyebrow,
  .landing-live-demo .landing-eyebrow{
    font-size:12px;
    letter-spacing:.12em;
  }
}


/* v6.3.33 requested landing-only refinements */
.landing-hero .landing-eyebrow{
  font-size:14px;
  line-height:1.25;
  letter-spacing:.14em;
  font-weight:900;
}
#landingHeroPreview .landing-demo-real-header .brand{
  gap:9px;
  min-width:0;
}
#landingHeroPreview .landing-demo-real-header .brand-copy{
  min-width:0;
  overflow:visible;
}
#landingHeroPreview .landing-demo-real-header .brand h1{
  font-size:19px!important;
  line-height:1.05;
  letter-spacing:-.55px;
  white-space:nowrap;
}
@media(max-width:720px){
  .landing-hero .landing-eyebrow{
    font-size:12px;
    letter-spacing:.12em;
  }
}

/* v6.3.34 landing: The System interactive explainer */
.landing-system-section{scroll-margin-top:88px;width:min(1180px,calc(100% - 40px));margin:0 auto 110px;padding:46px;border:1px solid #2f3b41;border-radius:22px;background:linear-gradient(145deg,#141b1f,#10171a);display:grid;gap:28px}
.system-heading{display:grid;grid-template-columns:.48fr 1.52fr;gap:28px;align-items:end}
.system-heading h2{font-family:var(--wmd-font-ui);font-size:clamp(38px,5vw,58px);line-height:1.02;letter-spacing:-2px;margin:0;color:#f4f8f6}
.system-heading p{grid-column:2;margin:0;color:#96a3a7;font-size:15px;line-height:1.75;max-width:850px}
.system-stepper{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.system-stepper button{min-width:0;padding:17px 14px;text-align:left;border:1px solid #334149;border-radius:14px;background:#141b1f;color:#dce6e2;display:grid;gap:5px;transition:.18s ease}
.system-stepper button:hover{transform:translateY(-1px);border-color:#4f675f;background:#17211e}
.system-stepper button.active{border-color:#55d6a8;background:linear-gradient(145deg,#17251f,#141b1f);box-shadow:inset 0 2px 0 rgba(85,214,168,.12),0 10px 28px rgba(0,0,0,.14)}
.system-stepper button>span{font-size:9px;letter-spacing:.14em;font-weight:850;color:#5fddae}
.system-stepper button>b{font-size:16px;line-height:1.2}
.system-stepper button>small{font-size:10px;line-height:1.4;color:#849397}
.system-detail-card{position:relative;display:grid;grid-template-columns:.78fr 1.22fr;gap:22px;padding:26px;border:1px solid #344249;border-radius:18px;background:#11181c;min-height:330px;overflow:hidden}
.system-detail-copy{padding:8px 4px 42px;display:grid;align-content:start;gap:10px}
.system-detail-copy>span{font-size:11px;letter-spacing:.14em;font-weight:850;color:#62d9ae}
.system-detail-copy h3{font-size:clamp(31px,4vw,44px);letter-spacing:-1.4px;line-height:1.05;margin:0}
.system-detail-copy>p{font-size:14px;line-height:1.72;color:#99a6aa;margin:0}
.system-impact{margin-top:10px;padding:14px;border:1px solid #355448;border-radius:12px;background:#14211c;display:flex;gap:11px;align-items:flex-start}
.system-impact>i{font-style:normal;color:#61d9ae;font-size:18px;line-height:1}
.system-impact div{display:grid;gap:3px}
.system-impact b{font-size:12px;color:#e7efec}
.system-impact small{font-size:11px;line-height:1.5;color:#8fa09b}
.system-detail-visual{display:flex;align-items:stretch;min-width:0}
.system-mini{width:100%;border:1px solid #344249;border-radius:15px;background:linear-gradient(145deg,#171f23,#131a1e);padding:20px;display:grid;align-content:start;gap:10px;min-width:0}
.system-mini-head{display:grid;gap:4px;margin-bottom:4px}
.system-mini-head span{font-size:9px;letter-spacing:.14em;font-weight:850;color:#66dcaf}
.system-mini-head b{font-size:19px;line-height:1.25;color:#f1f6f4}
.system-mini-row,.debt-mini-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px;border-top:1px solid #283338;color:#98a6aa;font-size:12px}
.system-mini-row b,.debt-mini-row b{color:#eef4f2;font-size:13px}.system-mini-row.strong{background:#17231e;border:1px solid #355448;border-radius:10px}.system-mini-row.strong span,.system-mini-row.strong b{color:#70ddb5}
.system-timeline-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:8px 2px 13px;scrollbar-width:thin}
.system-timeline-scroll article{flex:0 0 120px;min-height:100px;padding:12px;border:1px solid #334149;border-radius:11px;background:#12191d;display:grid;gap:5px;align-content:center}
.system-timeline-scroll article strong{font-size:20px}.system-timeline-scroll article span{font-size:10px;color:#8f9ca0}.system-timeline-scroll article b{font-size:12px;color:#e1a7a7}.system-timeline-scroll article b.positive{color:#6fe0b7}.system-timeline-scroll>i{font-style:normal;color:#4e665d;font-weight:850}
.system-mini-foot{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.system-mini-foot span{padding:6px 8px;border:1px solid #314047;border-radius:999px;color:#89989c;font-size:9px}
.debt-mini-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.debt-mini-methods span{text-align:center;padding:8px 5px;border:1px solid #334149;border-radius:9px;color:#88969a;font-size:10px}.debt-mini-methods span.active{border-color:#55d6a8;color:#82e5be;background:#14221c}
.networth-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.networth-mini-grid article{padding:15px;border:1px solid #324047;border-radius:11px;background:#12191d;display:grid;gap:4px}.networth-mini-grid article.accent{grid-column:1/-1;border-color:#3c5d51;background:#15221d}.networth-mini-grid span{font-size:10px;color:#8f9ca0}.networth-mini-grid b{font-size:23px}.networth-mini-grid .accent b{color:#69dcae}
.invest-mini-row{display:grid;grid-template-columns:95px 1fr 40px;gap:10px;align-items:center;font-size:11px;color:#96a3a7;padding:6px 0}.invest-mini-row i{height:8px;border-radius:999px;background:#263239;overflow:hidden;position:relative}.invest-mini-row i:after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);background:linear-gradient(90deg,#55d6a8,#72c9b7);border-radius:999px}.invest-mini-row b{text-align:right;color:#e8efed}
.system-detail-nav{position:absolute;left:26px;bottom:20px;display:flex;gap:9px;align-items:center}.system-detail-nav button{width:34px;height:34px;border:1px solid #3b484f;border-radius:9px;background:#1a2226;color:#e7efec}.system-detail-nav button:hover{border-color:#55d6a8}.system-detail-nav span{font-size:10px;color:#7f8d91}
.system-ripple{display:grid;grid-template-columns:.72fr 1.28fr;gap:22px;padding:24px;border:1px solid #344249;border-radius:18px;background:linear-gradient(145deg,#121a1d,#101619)}
.system-ripple-copy{min-width:0}.system-ripple-copy h3{font-size:clamp(28px,3.4vw,41px);line-height:1.07;letter-spacing:-1.2px;margin:10px 0 12px}.system-ripple-copy>p{margin:0 0 18px;color:#95a3a7;font-size:13px;line-height:1.7}.system-ripple-copy label{display:grid;gap:7px;color:#dce6e2;font-size:11px;font-weight:750}.system-expense-input{display:flex;align-items:center;gap:5px;width:170px;border:1px solid #3a484f;background:#11171a;border-radius:9px;padding:7px 10px}.system-expense-input span{color:#7e8d91}.system-expense-input input{width:100%;border:0;background:transparent;font-size:20px;font-weight:800;outline:0}.system-expense-range{width:100%;accent-color:#55d6a8;margin:15px 0 10px}.system-quick-values{display:flex;gap:7px;flex-wrap:wrap}.system-quick-values button{padding:6px 9px;border:1px solid #344249;border-radius:999px;background:#151c20;color:#a1afb1;font-size:10px}.system-quick-values button:hover{border-color:#55d6a8;color:#dff5ec}
.system-ripple-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.system-ripple-results article{padding:15px;border:1px solid #334149;border-radius:12px;background:#141b1f;display:grid;gap:5px;align-content:start}.system-ripple-results article:nth-child(5){grid-column:1/-1}.system-ripple-results span{font-size:9px;letter-spacing:.12em;color:#65dbae;font-weight:850}.system-ripple-results b{font-size:22px;color:#eef4f2}.system-ripple-results b.positive{color:#6cddb3}.system-ripple-results b.negative{color:#df8888}.system-ripple-results small{font-size:10px;color:#839195;line-height:1.4}
.system-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.system-principles article{padding:18px;border:1px solid #334149;border-radius:13px;background:#141b1f;display:grid;gap:6px}.system-principles span{font-size:9px;letter-spacing:.14em;font-weight:850;color:#5fdcaf}.system-principles b{font-size:16px}.system-principles p{margin:0;color:#89979b;font-size:11px;line-height:1.55}
@media(max-width:980px){.system-heading{grid-template-columns:1fr}.system-heading p{grid-column:auto}.system-stepper{grid-template-columns:1fr 1fr 1fr}.system-detail-card,.system-ripple{grid-template-columns:1fr}.system-detail-card{padding-bottom:66px}.system-principles{grid-template-columns:1fr 1fr}.system-principles article:last-child{grid-column:1/-1}}
@media(max-width:720px){.landing-system-section{width:calc(100% - 28px);padding:26px 18px;margin-bottom:72px}.system-heading h2{font-size:38px}.system-stepper{grid-template-columns:1fr 1fr;gap:8px}.system-stepper button{padding:13px 12px}.system-stepper button:last-child{grid-column:1/-1}.system-detail-card{padding:18px 16px 62px}.system-detail-copy h3{font-size:32px}.system-mini{padding:14px}.system-ripple{padding:18px 15px}.system-ripple-results{grid-template-columns:1fr}.system-ripple-results article:nth-child(5){grid-column:auto}.system-principles{grid-template-columns:1fr}.system-principles article:last-child{grid-column:auto}.debt-mini-methods{grid-template-columns:1fr}.networth-mini-grid{grid-template-columns:1fr}.invest-growth-grid{grid-template-columns:1fr}.networth-mini-grid article.accent{grid-column:auto}}


/* v6.3.35 landing typography + unified content width */
:root{--landing-content-width:1280px}
.landing-header-inner,
.landing-hero,
.landing-system-section,
.landing-live-demo,
.landing-phone-section.phone-guide-full,
.landing-trust-section,
.landing-final{
  width:min(var(--landing-content-width),calc(100% - 40px));
}
.landing-system-section{padding:52px;gap:32px}
.system-heading{grid-template-columns:.42fr 1.58fr;gap:34px}
.system-heading .landing-eyebrow{font-size:14px;line-height:1.25;letter-spacing:.14em;font-weight:900}
.system-heading h2{font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:-2.2px}
.system-heading p{font-size:17px;line-height:1.72;max-width:920px}
.system-stepper{gap:12px}
.system-stepper button{padding:19px 16px;gap:7px}
.system-stepper button>span{font-size:10px}
.system-stepper button>b{font-size:18px;line-height:1.2}
.system-stepper button>small{font-size:12px;line-height:1.45}
.system-detail-card{grid-template-columns:.8fr 1.2fr;gap:26px;padding:30px;min-height:350px}
.system-detail-copy>span{font-size:12px}
.system-detail-copy h3{font-size:clamp(36px,4vw,48px);letter-spacing:-1.5px}
.system-detail-copy>p{font-size:16px;line-height:1.7}
.system-impact{padding:16px}
.system-impact b{font-size:14px}
.system-impact small{font-size:12px;line-height:1.55}
.system-mini{padding:22px;gap:12px}
.system-mini-head span{font-size:10px}
.system-mini-head b{font-size:22px}
.system-mini-row,.debt-mini-row{font-size:13px;padding:13px}
.system-mini-row b,.debt-mini-row b{font-size:14px}
.system-timeline-scroll article{flex-basis:132px;min-height:108px;padding:13px}
.system-timeline-scroll article span{font-size:11px}
.system-timeline-scroll article b{font-size:13px}
.system-mini-foot span{font-size:10px;padding:7px 9px}
.debt-mini-methods span{font-size:11px;padding:9px 6px}
.networth-mini-grid span{font-size:11px}
.networth-mini-grid b{font-size:25px}
.invest-mini-row{grid-template-columns:108px 1fr 44px;font-size:12px;padding:7px 0}
.invest-growth-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.invest-growth-grid article{padding:14px;border:1px solid #324047;border-radius:11px;background:#12191d;display:grid;gap:4px;align-content:start}
.invest-growth-grid span{font-size:10px;color:#8f9ca0}
.invest-growth-grid b{font-size:22px;color:#eef4f2;line-height:1.05}
.invest-growth-grid b.positive{color:#69dcae}
.invest-growth-grid small{font-size:10px;color:#819095;line-height:1.45}
.system-detail-nav span{font-size:11px}
.system-ripple{grid-template-columns:.75fr 1.25fr;gap:26px;padding:28px}
.system-ripple-copy .landing-eyebrow{font-size:12px}
.system-ripple-copy h3{font-size:clamp(32px,3.6vw,46px);line-height:1.05}
.system-ripple-copy>p{font-size:15px;line-height:1.68}
.system-ripple-copy label{font-size:12px}
.system-expense-input{width:185px;padding:8px 11px}
.system-expense-input input{font-size:22px}
.system-quick-values button{font-size:11px;padding:7px 10px}
.system-ripple-results article{padding:17px}
.system-ripple-results span{font-size:10px}
.system-ripple-results b{font-size:24px}
.system-ripple-results small{font-size:11px;line-height:1.45}
.system-principles{gap:14px}
.system-principles article{padding:20px}
.system-principles span{font-size:10px}
.system-principles b{font-size:18px}
.system-principles p{font-size:13px;line-height:1.6}
.landing-live-intro h2{font-size:clamp(36px,4.2vw,52px)}
.landing-live-intro p{font-size:16px;max-width:920px}
.landing-trust-heading{max-width:840px}
.landing-footer{padding-left:max(20px,calc((100% - var(--landing-content-width))/2));padding-right:max(20px,calc((100% - var(--landing-content-width))/2))}
@media(max-width:980px){
  .system-heading{grid-template-columns:1fr;gap:16px}
  .system-heading p{grid-column:auto}
  .system-heading h2{font-size:48px}
}
@media(max-width:720px){
  .landing-header-inner,.landing-hero,.landing-system-section,.landing-live-demo,.landing-phone-section.phone-guide-full,.landing-trust-section,.landing-final{width:calc(100% - 28px)}
  .landing-system-section{padding:28px 18px;gap:24px}
  .system-heading .landing-eyebrow{font-size:12px;letter-spacing:.12em}
  .system-heading h2{font-size:40px}
  .system-heading p{font-size:15px}
  .system-stepper button>b{font-size:16px}
  .system-stepper button>small{font-size:11px}
  .system-detail-copy h3{font-size:34px}
  .system-detail-copy>p{font-size:14px}
  .system-ripple-copy h3{font-size:32px}
  .system-ripple-copy>p{font-size:14px}
}

/* v6.3.37 Our Mission */
.landing-mission-section{scroll-margin-top:88px;width:min(var(--landing-content-width,1280px),calc(100% - 40px));margin:0 auto 80px;padding:58px 0 18px;border-top:1px solid #2d383e;display:grid;gap:28px}
.mission-heading{display:grid;grid-template-columns:.42fr 1.58fr;gap:18px 34px;align-items:start}
.mission-heading .landing-eyebrow{font-size:14px;line-height:1.25;letter-spacing:.14em;font-weight:900;padding-top:7px}
.mission-heading h2{font-family:var(--wmd-font-ui);font-size:clamp(42px,5vw,64px);line-height:1.01;letter-spacing:-2.2px;margin:0;color:#f4f8f6;max-width:980px}
.mission-heading>p{grid-column:2;margin:0;color:#9aa8ab;font-size:17px;line-height:1.75;max-width:920px}
.mission-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mission-story-grid article{padding:24px;border:1px solid #334149;border-radius:15px;background:#141b1f;display:grid;gap:9px;align-content:start}
.mission-story-grid article>span{font-size:12px;letter-spacing:.14em;font-weight:900;color:#62dcaf}
.mission-story-grid h3{margin:0;font-size:22px;line-height:1.2;color:#eef5f2}
.mission-story-grid p{margin:0;color:#98a6a9;font-size:15px;line-height:1.7}
.mission-belief{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;padding:28px;border:1px solid #355047;border-radius:18px;background:linear-gradient(145deg,#14211d,#11191c)}
.mission-belief h3{font-size:clamp(28px,3.2vw,42px);letter-spacing:-1.2px;line-height:1.08;margin:10px 0 13px;max-width:800px}
.mission-belief p{margin:0 0 12px;color:#98a6a9;font-size:16px;line-height:1.72;max-width:820px}
.mission-loop{align-self:center;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}
.mission-loop span{padding:14px 12px;border:1px solid #3a5049;border-radius:12px;background:#11191c;text-align:center;color:#e9f2ef;font-size:14px;font-weight:800}
.mission-loop i{font-style:normal;color:#55d6a8;font-weight:900}
.mission-loop span:nth-of-type(3),.mission-loop span:nth-of-type(4){grid-row:2}
.mission-loop i:nth-of-type(3){grid-row:2}
.mission-access{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:start;padding-top:6px}
.mission-access-copy h3{font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-1.2px;margin:10px 0 12px}
.mission-access-copy p{margin:0;color:#98a6a9;font-size:15px;line-height:1.7;max-width:500px}
.mission-access-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mission-access-options article{padding:20px;border:1px solid #334149;border-radius:14px;background:#141b1f;display:grid;gap:8px;align-content:start}
.mission-access-options article:first-child{border-color:#3d6657;background:linear-gradient(145deg,#15231e,#141b1f)}
.mission-access-options span{font-size:11px;letter-spacing:.14em;font-weight:900;color:#61d9ae}
.mission-access-options b{font-size:24px;color:#eef5f2}
.mission-access-options p{margin:0;color:#98a6a9;font-size:14px;line-height:1.65}
@media(max-width:980px){
  .mission-heading{grid-template-columns:1fr;gap:14px}.mission-heading>p{grid-column:auto}.mission-story-grid{grid-template-columns:1fr 1fr}.mission-story-grid article:last-child{grid-column:1/-1}.mission-belief,.mission-access{grid-template-columns:1fr}.mission-loop{grid-template-columns:1fr auto 1fr}.mission-access-options{grid-template-columns:1fr 1fr}.mission-access-options article:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .landing-mission-section{width:calc(100% - 28px);padding-top:42px;margin-bottom:64px;gap:22px}.mission-heading .landing-eyebrow{font-size:12px;letter-spacing:.12em;padding-top:0}.mission-heading h2{font-size:40px}.mission-heading>p{font-size:15px}.mission-story-grid,.mission-access-options{grid-template-columns:1fr}.mission-story-grid article:last-child,.mission-access-options article:last-child{grid-column:auto}.mission-story-grid p{font-size:14px}.mission-belief{padding:20px}.mission-belief h3{font-size:31px}.mission-belief p{font-size:15px}.mission-loop{grid-template-columns:1fr auto 1fr}.mission-access{gap:18px}.mission-access-copy p{font-size:14px}.mission-access-options p{font-size:13px}
}


/* v6.3.39 security section refresh */
.landing-security-v2{margin-top:0;margin-bottom:86px;padding-top:58px}
.landing-security-v2 .landing-trust-heading{max-width:950px}
.landing-security-v2 .landing-trust-heading .landing-eyebrow{font-size:14px;line-height:1.25;letter-spacing:.14em;font-weight:900}
.landing-security-v2 .landing-trust-heading h2{font-size:clamp(42px,5vw,62px);line-height:1.01;letter-spacing:-2px;margin:12px 0 14px;max-width:940px}
.landing-security-v2 .landing-trust-heading p{font-size:17px;line-height:1.72;color:#9aa8ab;max-width:850px}
.landing-security-v2 .landing-trust-grid{gap:14px;margin-top:30px}
.landing-security-v2 .landing-trust-grid article{padding:24px;border-radius:15px;display:grid;align-content:start}
.landing-security-v2 .trust-icon{width:42px;height:42px;font-size:18px;border-radius:11px}
.landing-security-v2 .landing-trust-grid h3{font-size:20px;line-height:1.2;margin:17px 0 9px}
.landing-security-v2 .landing-trust-grid p{font-size:14px;line-height:1.7;color:#98a6a9}
.security-practice-box{margin-top:18px;padding:26px;border:1px solid #355047;border-radius:18px;background:linear-gradient(145deg,#14211d,#11191c);display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.security-practice-copy{display:grid;align-content:start}
.security-practice-copy .landing-eyebrow{font-size:12px;letter-spacing:.14em;font-weight:900}
.security-practice-copy h3{font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-1.1px;margin:10px 0 12px;max-width:720px}
.security-practice-copy p{font-size:15px;line-height:1.72;color:#99a7aa;margin:0 0 14px;max-width:760px}
.security-practice-copy small{font-size:12px;line-height:1.6;color:#84938f;max-width:760px}
.security-practice-copy small b{color:#c9d6d1}
.security-practice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.security-practice-list span{min-height:62px;padding:13px 14px;border:1px solid #334b43;border-radius:12px;background:#11191c;color:#dce8e3;font-size:13px;font-weight:750;display:flex;gap:9px;align-items:center}
.security-practice-list i{width:23px;height:23px;border-radius:50%;background:#173327;color:#64ddb0;font-style:normal;display:grid;place-items:center;flex:0 0 auto}
.security-actions{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;padding-top:2px}
.security-actions .large{justify-content:center}
@media(max-width:980px){.landing-security-v2 .landing-trust-grid{grid-template-columns:1fr 1fr}.security-practice-box{grid-template-columns:1fr}.security-actions{grid-column:auto}}
@media(max-width:720px){.landing-security-v2{width:calc(100% - 28px);padding-top:42px;margin-bottom:64px}.landing-security-v2 .landing-trust-heading .landing-eyebrow{font-size:12px;letter-spacing:.12em}.landing-security-v2 .landing-trust-heading h2{font-size:40px}.landing-security-v2 .landing-trust-heading p{font-size:15px}.landing-security-v2 .landing-trust-grid{grid-template-columns:1fr}.landing-security-v2 .landing-trust-grid p{font-size:14px}.security-practice-box{padding:20px}.security-practice-copy h3{font-size:31px}.security-practice-copy p{font-size:14px}.security-practice-list{grid-template-columns:1fr}.security-actions{display:grid}.security-actions .large{width:100%}}


/* v6.3.40 premium pricing clarity */
.mission-access-options .premium-plan-card{border-color:#3b5d52;background:linear-gradient(145deg,#16231f,#141b1f)}
.mission-access-options .premium-plan-card>strong{font-size:13px;line-height:1.35;color:#dce8e4}
.mission-access-options .premium-plan-card>small{display:block;color:#839397;font-size:12px;line-height:1.55;margin-top:2px}
.mission-access-options .premium-plan-card>small b{font-size:inherit;color:#7fe0bc}
@media(max-width:720px){.mission-access-options .premium-plan-card>strong{font-size:12px}.mission-access-options .premium-plan-card>small{font-size:11px}}


/* v6.3.42 mission emphasis polish */
.landing-hero-v2{padding-bottom:82px}
.landing-hero-copy .landing-hero-actions{margin-bottom:0}

/* Budget preview mirrors the real Budget dashboard language. */
.budget-dashboard-mini{gap:14px}
.budget-mini-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.budget-mini-summary article{padding:13px 14px;border:1px solid #334149;border-radius:11px;background:#12191d;display:grid;gap:4px}
.budget-mini-summary span{font-size:10px;color:#8f9ca0}
.budget-mini-summary b{font-size:22px;color:#eef4f2;line-height:1.05}
.budget-mini-summary small{font-size:10px;color:#7f8e93}
.budget-mini-summary article.positive{border-color:#355448;background:#14211c}
.budget-mini-summary article.positive b{color:#69dcae}
.budget-mini-main{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:14px;align-items:stretch}
.budget-mini-categories{display:grid;gap:8px}
.budget-mini-categories article{padding:10px 12px;border:1px solid #303c42;border-radius:10px;background:#141b1f;display:grid;gap:5px}
.budget-mini-categories article>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.budget-mini-categories span{font-size:11px;color:#c4cecb}
.budget-mini-categories b{font-size:13px;color:#edf4f1;white-space:nowrap}
.budget-mini-categories em{font-style:normal;font-size:10px;color:#95a4a7;margin-left:4px}
.budget-mini-categories small{font-size:9px;color:#748288}
.budget-mini-categories .needs{border-left:3px solid #cf7474}.budget-mini-categories .wants{border-left:3px solid #d3b45d}.budget-mini-categories .savings{border-left:3px solid #7f91b8}
.budget-mini-donut-wrap{display:grid;place-items:center;align-content:center;gap:8px;padding:10px;border:1px solid #303c42;border-radius:12px;background:#12191d;text-align:center}
.budget-mini-donut{width:112px;height:112px;border-radius:50%;background:conic-gradient(#cf7474 0 51%,#d3b45d 51% 71%,#7f91b8 71% 90%,#263239 90% 100%);position:relative;display:grid;place-items:center}
.budget-mini-donut:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:#12191d}
.budget-mini-donut>div{position:relative;z-index:1;display:grid;gap:1px}.budget-mini-donut span{font-size:8px;color:#819095}.budget-mini-donut b{font-size:13px;color:#eef4f2}
.budget-mini-donut-wrap>small{font-size:9px;color:#7f8e93}

/* Cash Flow notes should be legible enough to feel like real features, not footnotes. */
.system-timeline .cashflow-demo-notes{gap:10px;margin-top:4px}
.system-timeline .cashflow-demo-notes span{font-size:12px;font-weight:750;padding:8px 11px;color:#aab8b4;border-color:#3a4a50;background:#12191d}

/* Interactive debt strategy demo. */
.debt-mini{gap:12px}
.debt-mini-methods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.debt-mini-methods button{min-width:0;text-align:left;padding:10px;border:1px solid #334149;border-radius:10px;background:#12191d;color:#dce6e2;display:grid;gap:3px;cursor:pointer;transition:.18s ease}
.debt-mini-methods button:hover{border-color:#4f675f;transform:translateY(-1px)}
.debt-mini-methods button.active{border-color:#55d6a8;background:#14221c;box-shadow:inset 0 0 0 1px rgba(85,214,168,.08)}
.debt-mini-methods button b{font-size:11px;color:#eaf2ef}.debt-mini-methods button small{font-size:9px;line-height:1.3;color:#7e8c91}.debt-mini-methods button.active b{color:#7fe0bc}
.debt-mini-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.debt-mini-results article{padding:11px;border:1px solid #303c42;border-radius:10px;background:#141b1f;display:grid;gap:4px}
.debt-mini-results span{font-size:9px;color:#7f8d91}.debt-mini-results b{font-size:14px;color:#eef4f2}.debt-mini-results b.positive{color:#69dcae}
.debt-mini-order{display:grid;gap:6px;padding-top:2px}.debt-mini-order>span{font-size:9px;letter-spacing:.13em;font-weight:850;color:#62d9ae}
.debt-mini-order>div{display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;align-items:center;padding:8px 10px;border:1px solid #2e3a40;border-radius:9px;background:#12191d}
.debt-mini-order>div>strong{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#1a2923;color:#6fddb5;font-size:10px}
.debt-mini-order p{margin:0;display:grid;gap:1px}.debt-mini-order p b{font-size:11px;color:#e8efed}.debt-mini-order p small{font-size:9px;color:#78868b}
.debt-mini-order em{font-style:normal;font-size:8px;font-weight:800;color:#77dfb8;border:1px solid #355448;border-radius:999px;padding:4px 6px;background:#14211c}

/* Net worth preview borrows the app's balance-sheet + history structure. */
.networth-dashboard-mini{gap:12px}
.nw-mini-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:10px}
.nw-mini-hero>div:first-child{padding:14px;border:1px solid #355448;border-radius:11px;background:#14211c;display:grid;gap:3px;align-content:center}
.nw-mini-hero>div:first-child>span{font-size:9px;letter-spacing:.13em;font-weight:850;color:#69dcae}.nw-mini-hero>div:first-child>b{font-size:29px;line-height:1;color:#f0f6f3}.nw-mini-hero>div:first-child>small{font-size:10px;color:#829195}.nw-mini-hero>div:first-child>small.positive{color:#79dab6}
.nw-mini-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nw-mini-kpis article{padding:11px;border:1px solid #303c42;border-radius:10px;background:#12191d;display:grid;gap:4px;align-content:center}.nw-mini-kpis span{font-size:9px;color:#819095}.nw-mini-kpis b{font-size:15px;color:#eef4f2}
.nw-mini-goal{display:grid;gap:6px;padding:9px 11px;border:1px solid #2e3a40;border-radius:10px;background:#12191d}.nw-mini-goal>div{display:flex;justify-content:space-between;gap:10px}.nw-mini-goal span{font-size:9px;color:#819095}.nw-mini-goal b{font-size:10px;color:#cfd8d5}.nw-mini-goal>i{height:7px;background:#263239;border-radius:999px;overflow:hidden}.nw-mini-goal>i>b{display:block;height:100%;background:linear-gradient(90deg,#4eb58f,#6fe0b7);border-radius:999px}
.nw-mini-history{padding:10px 11px 8px;border:1px solid #303c42;border-radius:10px;background:#12191d;overflow:hidden}.nw-mini-history>div{display:flex;justify-content:space-between;gap:10px;align-items:baseline}.nw-mini-history span{font-size:8px;letter-spacing:.12em;color:#6ad9ae;font-weight:850}.nw-mini-history b{font-size:10px;color:#a7b3b0}.nw-mini-history svg{width:100%;height:76px;margin-top:4px;overflow:visible}.nw-mini-history .area{fill:url(#nwMiniFill)}.nw-mini-history .line{fill:none;stroke:#63d9ad;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}

/* Mission belief block: make the message feel intentional rather than like another text panel. */
.mission-belief{position:relative;overflow:hidden;grid-template-columns:1.22fr .78fr;gap:28px;padding:34px;background:linear-gradient(145deg,#14231e 0%,#11191c 58%,#10171a 100%);box-shadow:inset 0 1px 0 rgba(120,225,187,.04)}
.mission-belief:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-140px;top:-170px;background:radial-gradient(circle,rgba(85,214,168,.12),rgba(85,214,168,0) 68%);pointer-events:none}
.mission-belief-copy{position:relative;z-index:1}.mission-belief h3{max-width:760px}.mission-belief h3 em{font-style:normal;color:#78dfba}
.mission-belief-note{margin-top:22px;padding:18px 20px;border-left:3px solid #55d6a8;background:#101b17;display:grid;gap:8px;max-width:760px}.mission-belief-note b{font-size:22px;line-height:1.12;color:#e8f1ee}.mission-belief-note span{font-size:17px;color:#a6b7b3;line-height:1.6}
.mission-loop{position:relative;z-index:1;align-self:stretch;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}
.mission-loop article{position:relative;padding:22px 20px;border:1px solid #3a5049;border-radius:16px;background:rgba(17,25,28,.88);display:grid;gap:8px;min-height:146px;align-content:center}
.mission-loop article span{padding:0;border:0;background:none;text-align:left;color:#5fdcaf;font-size:12px;font-weight:900;letter-spacing:.14em}.mission-loop article b{font-size:34px;line-height:1.02;color:#eef5f2}.mission-loop article small{font-size:17px;line-height:1.5;color:#9cafab}

/* Free plan CTA. */
.mission-access-options article:first-child{display:flex;flex-direction:column;align-items:stretch}
.mission-start-free{margin-top:auto;padding:10px 12px;border:1px solid #4fc89e;border-radius:9px;background:#55d6a8;color:#0e1816;font-size:12px;font-weight:850;cursor:pointer}
.mission-start-free:hover{filter:brightness(1.04);transform:translateY(-1px)}

@media(max-width:980px){
  .budget-mini-main{grid-template-columns:1fr 145px}
  .mission-belief{grid-template-columns:1fr}.mission-loop{grid-template-columns:repeat(4,minmax(0,1fr))}.mission-loop article{min-height:0}
}
@media(max-width:720px){
  .landing-hero-v2{padding-bottom:58px}
  .budget-mini-summary,.budget-mini-main,.nw-mini-hero,.debt-mini-results{grid-template-columns:1fr}
  .budget-mini-donut-wrap{min-height:150px}
  .debt-mini-methods{grid-template-columns:1fr}
  .system-timeline .cashflow-demo-notes span{font-size:11px}
  .mission-belief{padding:22px}.mission-loop{grid-template-columns:1fr 1fr}.mission-belief-note b{font-size:18px}.mission-belief-note span{font-size:14px}.mission-loop article{padding:18px;min-height:124px}.mission-loop article b{font-size:26px}.mission-loop article small{font-size:15px}
}


/* v6.3.43 mission plan CTAs + security copy refresh */
.mission-access-options article{min-height:100%}
.mission-plan-button{margin-top:auto;padding:10px 12px;border-radius:9px;font-size:12px;font-weight:850;cursor:pointer;transition:.16s ease}
.mission-donate{border:1px solid #4a625a;background:#18221f;color:#e6efec}
.mission-donate:hover{border-color:#55d6a8;color:#7fe0bc;transform:translateY(-1px)}
.mission-coming-soon{border:1px solid #34464f;background:#151d21;color:#819095;cursor:not-allowed;opacity:.9}
.security-practice-list span{font-size:14px;line-height:1.35}
@media(max-width:720px){.mission-plan-button{width:100%;font-size:13px}.security-practice-list span{font-size:13px}}

/* v6.3.44 mobile landing-page layout repair */
@media(max-width:760px){
  .landing-main,
  .landing-hero,
  .landing-system-section,
  .landing-live-demo,
  .landing-mission-section,
  .landing-trust-section,
  .landing-final{
    min-width:0;
    max-width:100%;
  }

  .landing-hero,
  .landing-system-section,
  .landing-live-demo,
  .landing-mission-section,
  .landing-trust-section,
  .landing-final{
    width:calc(100% - 24px)!important;
    margin-left:auto;
    margin-right:auto;
  }

  .landing-hero{padding:42px 0 58px!important;gap:30px!important;grid-template-columns:1fr!important}
  .landing-hero-copy,.landing-hero-visual{min-width:0;max-width:100%}
  .landing-hero h1{font-size:clamp(39px,11vw,50px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;max-width:100%;overflow-wrap:anywhere}
  .landing-hero h1 br{display:none}
  .landing-hero-copy>p{font-size:16px!important;line-height:1.65!important;max-width:100%!important;overflow-wrap:anywhere}
  .landing-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .landing-hero-actions button{width:100%;min-height:52px;justify-content:center}
  .landing-hero-caption{padding-left:2px;font-size:11px}

  /* Static product preview should read as a preview, not a nested scrolling app. */
  #landingHeroPreview,
  #landingHeroPreview .landing-app-shell,
  #landingHeroPreview .landing-app-frame{min-width:0!important;max-width:100%!important;width:100%!important}
  #landingHeroPreview .landing-app-shell{transform:none!important;border-radius:16px}
  #landingHeroPreview .landing-app-frame{max-height:none!important;overflow:visible!important;padding:0 12px 14px!important}
  #landingHeroPreview .landing-demo-real-header{padding:14px!important}
  #landingHeroPreview .landing-demo-real-header .brand{min-width:0!important}
  #landingHeroPreview .landing-demo-real-header .brand-copy{min-width:0!important}
  #landingHeroPreview .landing-demo-real-header .brand h1{font-size:18px!important;white-space:normal!important}
  #landingHeroPreview .landing-app-shell.compact .hero{grid-template-columns:1fr!important;padding:16px!important;min-height:0!important}
  #landingHeroPreview .landing-app-shell.compact .hero h2{font-size:32px!important}
  #landingHeroPreview .landing-app-shell.compact .donut-wrap{display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:12px!important}
  #landingHeroPreview .landing-app-shell.compact .donut{width:min(230px,72vw)!important;max-width:100%!important}
  #landingHeroPreview .landing-app-shell.compact .side-legend{width:100%!important;min-width:0!important;max-width:100%!important}
  #landingHeroPreview .landing-app-shell.compact .side-legend>div{grid-template-columns:8px minmax(0,1fr) auto!important;font-size:11px!important}
  #landingHeroPreview .landing-app-shell.compact .side-legend b{max-width:110px;overflow:hidden;text-overflow:ellipsis}
  #landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:1fr 1fr!important}

  /* The System: swipe the five views instead of creating a tall 2-column wall. */
  .landing-system-section{padding:26px 16px!important;gap:22px!important;overflow:hidden}
  .system-heading{display:block!important;min-width:0}
  .system-heading h2{font-size:clamp(38px,10vw,48px)!important;line-height:1.02!important;letter-spacing:-1.5px!important;margin:10px 0 14px!important}
  .system-heading p{font-size:15px!important;line-height:1.65!important;max-width:100%!important;overflow-wrap:anywhere}
  .system-stepper{display:flex!important;grid-template-columns:none!important;gap:10px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:1px 1px 8px;scroll-snap-type:x proximity;scrollbar-width:none}
  .system-stepper::-webkit-scrollbar{display:none}
  .system-stepper button{flex:0 0 160px!important;min-height:112px!important;padding:15px!important;scroll-snap-align:start}
  .system-stepper button:last-child{grid-column:auto!important}
  .system-detail-card{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;padding:18px 15px 64px!important;min-height:0!important;overflow:hidden}
  .system-detail-copy{padding:0!important;min-width:0}
  .system-detail-copy h3{font-size:34px!important;overflow-wrap:anywhere}
  .system-detail-copy>p{font-size:15px!important;line-height:1.65!important}
  .system-detail-visual{min-width:0!important;width:100%!important}
  .system-mini{min-width:0!important;max-width:100%!important;padding:15px!important}
  .system-mini-head b{font-size:18px!important}
  .system-timeline-scroll{max-width:100%;overflow-x:auto!important}
  .invest-growth-grid{grid-template-columns:1fr!important}
  .system-ripple{grid-template-columns:1fr!important;padding:18px 15px!important;gap:18px!important}
  .system-ripple-copy h3{font-size:32px!important;overflow-wrap:anywhere}
  .system-ripple-results{grid-template-columns:1fr!important}
  .system-ripple-results article:nth-child(5){grid-column:auto!important}
  .system-principles{grid-template-columns:1fr!important}

  /* Live demo intro and scenarios: keep the phone page compact and swipeable. */
  .landing-live-demo{gap:16px!important;margin-bottom:74px!important;overflow:hidden}
  .landing-live-intro{display:block!important;min-width:0}
  .landing-live-intro h2{font-size:clamp(36px,10vw,47px)!important;line-height:1.04!important;letter-spacing:-1.4px!important;max-width:100%!important;overflow-wrap:anywhere}
  .landing-live-intro p{font-size:15px!important;line-height:1.65!important;max-width:100%!important;overflow-wrap:anywhere}
  .landing-demo-legend{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:8px!important;padding-bottom:5px;scrollbar-width:none}
  .landing-demo-legend::-webkit-scrollbar{display:none}
  .landing-demo-legend span{flex:0 0 auto!important;font-size:11px!important;white-space:nowrap}
  .landing-scenario-strip{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:10px!important;padding:1px 1px 7px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .landing-scenario-strip::-webkit-scrollbar{display:none}
  .landing-scenario-chip{flex:0 0 min(82%,315px)!important;min-width:0!important;scroll-snap-align:start;padding:16px!important}
  .landing-scenario-chip strong{font-size:16px!important}
  .landing-scenario-chip span{font-size:13px!important;line-height:1.45!important}
  .landing-scenario-summary{grid-template-columns:1fr!important;padding:16px!important;gap:14px!important;min-width:0}
  .landing-scenario-copy,.landing-scenario-stats{min-width:0}
  .landing-scenario-stats{grid-template-columns:1fr!important}

  /* Remove the nested vertical scroller from the real interactive demo on phones. */
  #landingLiveDemo,
  #landingLiveDemo>.landing-app-shell,
  #landingLiveDemo .landing-app-frame{width:100%!important;max-width:100%!important;min-width:0!important}
  #landingLiveDemo>.landing-app-shell{overflow:hidden!important;border-radius:16px}
  #landingLiveDemo .landing-app-frame{max-height:none!important;overflow:visible!important;padding:0 10px 14px!important}
  #landingLiveDemo .landing-demo-real-header{padding:14px 12px!important}
  #landingLiveDemo .landing-demo-real-header .brand{width:100%;min-width:0!important}
  #landingLiveDemo .landing-demo-real-header .brand-copy{min-width:0!important}
  #landingLiveDemo .landing-demo-real-header .brand h1{font-size:18px!important;white-space:normal!important}
  #landingLiveDemo .landing-demo-real-header .brand-tagline{font-size:9px!important}
  #landingLiveDemo .landing-demo-real-header .brand-meta{font-size:8px!important}
  #landingLiveDemo .landing-demo-real-header .header-actions{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}
  #landingLiveDemo .landing-demo-real-header .header-actions button{min-width:0!important;width:100%!important}
  #landingLiveDemo .landing-app-frame>nav{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:22px!important;scrollbar-width:none;padding-bottom:2px}
  #landingLiveDemo .landing-app-frame>nav::-webkit-scrollbar{display:none}
  #landingLiveDemo .landing-app-frame>nav button{flex:0 0 auto!important;white-space:nowrap!important}
  #landingLiveDemo .hero{grid-template-columns:1fr!important;padding:18px 14px!important;min-width:0!important}
  #landingLiveDemo .hero h2{font-size:34px!important}
  #landingLiveDemo .donut-wrap{display:grid!important;grid-template-columns:1fr!important;justify-items:center;gap:14px!important;min-width:0!important}
  #landingLiveDemo .donut{width:min(250px,74vw)!important;max-width:100%!important}
  #landingLiveDemo .side-legend{width:100%!important;min-width:0!important;max-width:100%!important}
  #landingLiveDemo .side-legend>div{grid-template-columns:8px minmax(0,1fr) auto!important;gap:7px!important}
  #landingLiveDemo .side-legend span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  #landingLiveDemo .side-legend b{white-space:nowrap!important;font-size:12px!important}
  #landingLiveDemo .growth-snapshot{padding:14px!important}
  #landingLiveDemo .growth-snapshot-head{display:block!important}
  #landingLiveDemo .growth-snapshot-head p{text-align:left!important;margin-top:8px!important}
  #landingLiveDemo .growth-snapshot-grid{grid-template-columns:1fr!important}
  #landingLiveDemo .history-panel,#landingLiveDemo .table-wrap,#landingLiveDemo .invest-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}

  /* Mission/security text should wrap cleanly instead of widening the page. */
  .landing-mission-section,.landing-trust-section{overflow:hidden}
  .mission-heading,.mission-belief,.mission-access,.landing-trust-heading,.security-practice-box{min-width:0!important;max-width:100%!important}
  .mission-heading h2,.mission-belief h3,.mission-access h3,.landing-trust-heading h2,.security-practice-copy h3{overflow-wrap:anywhere}
}

@media(max-width:430px){
  .landing-hero h1{font-size:40px!important}
  .landing-header-inner{width:calc(100% - 20px)!important}
  .landing-brand span{font-size:15px!important}
  .landing-login,.landing-primary{padding:9px 10px!important;font-size:11px!important}
  .system-stepper button{flex-basis:148px!important}
  #landingHeroPreview .landing-app-shell.compact .growth-snapshot-grid{grid-template-columns:1fr!important}
  .mission-loop{grid-template-columns:1fr!important}
}


/* v6.3.48 Investments: daily performance overview */
.invest-today{display:grid;gap:16px;padding:20px;border:1px solid #344249;border-radius:14px;background:linear-gradient(145deg,#182126,#151d21)}
.invest-today-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}
.invest-today-head h3{font-family:var(--wmd-font-ui);font-size:32px;margin:4px 0 7px}.invest-today-head p{margin:0;color:#8fa0a4;font-size:13px;line-height:1.6;max-width:780px}
.invest-today-total{min-width:230px;text-align:right;display:grid;gap:3px}.invest-today-total>span{font-size:12px;color:#8c9b9f}.invest-today-total strong{font-size:31px;line-height:1.05}.invest-today-total b{font-size:15px}.invest-today-total small{font-size:10px;color:#748388}
.invest-today .positive strong,.invest-today .positive b,.invest-today .positive span{color:#70ddb5}.invest-today .negative strong,.invest-today .negative b,.invest-today .negative span{color:#e58b8b}.invest-today .flat strong,.invest-today .flat b{color:#dce6e2}
.invest-today-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:14px;align-items:stretch}.invest-today-accounts,.invest-movers-col{border:1px solid #2f3c42;border-radius:11px;background:#141b1f;overflow:hidden}.invest-today-section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 15px;border-bottom:1px solid #2e393f}.invest-today-section-title>span{font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#8fb7a1}.invest-today-section-title small{font-size:10px;color:#738287}
.invest-today-account,.invest-mover-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 15px;border-bottom:1px solid #283338}.invest-today-account:last-child,.invest-mover-row:last-child{border-bottom:0}.invest-today-account>div,.invest-mover-row>div{display:grid;gap:3px;min-width:0}.invest-today-account>div:last-child,.invest-mover-row>div:last-child{text-align:right;justify-items:end}.invest-today-account strong,.invest-mover-row strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.invest-today-account span,.invest-mover-row span{font-size:10px;color:#809095;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.invest-today-account b,.invest-mover-row b{font-size:15px}.invest-today-movers{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:100%}.invest-movers-col{align-self:stretch;max-height:560px;overflow-y:auto;scrollbar-width:thin}.invest-today-empty{padding:18px 15px;color:#748388;font-size:11px}
@media(max-width:980px){.invest-today-grid{grid-template-columns:1fr}.invest-today-movers{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.invest-today{padding:14px}.invest-today-head{display:grid}.invest-today-head h3{font-size:30px}.invest-today-head p{font-size:12px}.invest-today-total{text-align:left;min-width:0}.invest-today-total strong{font-size:28px}.invest-today-grid{grid-template-columns:1fr}.invest-today-movers{grid-template-columns:1fr}.invest-movers-col{max-height:none}.invest-today-section-title>span{font-size:11px}.invest-today-account strong,.invest-mover-row strong{font-size:13px;max-width:180px}.invest-today-account span,.invest-mover-row span{font-size:10px;max-width:180px}.invest-today-account b,.invest-mover-row b{font-size:14px}}

/* v6.3.50 - larger fonts for Investments > Account Performance */
.invest-accounts-panel .invest-panel-head h3{font-size:30px;line-height:1.1}
.invest-accounts-panel .invest-panel-head p{font-size:14px;line-height:1.55;max-width:900px}
.invest-accounts-panel .invest-panel-head>small{font-size:13px}
.invest-accounts-panel .invest-kicker{font-size:12px;letter-spacing:.11em}
.invest-accounts-panel .invest-account-snapshot-head{font-size:11px;padding:2px 4px 10px}
.invest-accounts-panel .invest-account-snapshot{padding:18px 4px;gap:18px}
.invest-accounts-panel .invest-account-copy{gap:5px}
.invest-accounts-panel .invest-account-copy strong{font-size:17px;line-height:1.25}
.invest-accounts-panel .invest-account-copy span{font-size:13px;line-height:1.4;color:#8b989d}
.invest-accounts-panel .invest-account-balance-cell strong{font-size:18px;line-height:1.2}
.invest-accounts-panel .invest-account-balance-cell span{font-size:13px;line-height:1.4;color:#8b989d}
.invest-accounts-panel .invest-account-performance strong{font-size:18px;line-height:1.2}
.invest-accounts-panel .invest-account-performance span{font-size:13px;line-height:1.45;color:#8b989d}
.invest-accounts-panel .invest-footnote{font-size:13px;line-height:1.5}
@media(max-width:960px){
  .invest-accounts-panel .invest-panel-head h3{font-size:27px}
  .invest-accounts-panel .invest-account-snapshot-head{font-size:10px}
  .invest-accounts-panel .invest-account-copy strong,
  .invest-accounts-panel .invest-account-balance-cell strong,
  .invest-accounts-panel .invest-account-performance strong{font-size:16px}
  .invest-accounts-panel .invest-account-copy span,
  .invest-accounts-panel .invest-account-balance-cell span,
  .invest-accounts-panel .invest-account-performance span,
  .invest-accounts-panel .invest-footnote{font-size:12px}
}
@media(max-width:680px){
  .invest-accounts-panel .invest-panel-head h3{font-size:24px}
  .invest-accounts-panel .invest-panel-head p{font-size:13px}
  .invest-accounts-panel .invest-kicker{font-size:11px}
  .invest-accounts-panel .invest-account-snapshot{padding:16px 0}
  .invest-accounts-panel .invest-account-copy strong,
  .invest-accounts-panel .invest-account-balance-cell strong,
  .invest-accounts-panel .invest-account-performance strong{font-size:15px}
  .invest-accounts-panel .invest-account-copy span,
  .invest-accounts-panel .invest-account-balance-cell span,
  .invest-accounts-panel .invest-account-performance span,
  .invest-accounts-panel .invest-footnote{font-size:11.5px}
}


/* v6.3.51 investment activity workflow */
.invest-activity-panel{display:grid;gap:16px}
.invest-trade-guidance{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px;border:1px solid #3d5a4e;border-radius:12px;background:linear-gradient(145deg,#16251f,#131c19)}
.invest-trade-guidance>div{display:grid;gap:5px}.invest-trade-guidance strong{font-size:20px}.invest-trade-guidance p{margin:0;color:#91a09b;font-size:13px;line-height:1.5;max-width:760px}.invest-trade-guidance button{white-space:nowrap;padding:10px 15px;border:1px solid #4a6a5a;background:#1a2a22;color:#dff2e8;border-radius:8px;font-weight:800}
.invest-trade-success{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid #37604f;border-radius:10px;background:#15241d;color:#9fd6bc}.invest-trade-success strong{font-size:13px;color:#dff4e9}.invest-trade-success span{font-size:12px;line-height:1.45}.invest-trade-success button{margin-left:auto;padding:7px 10px;border:1px solid #466052;background:#17221c;border-radius:7px;color:#d8ece1}
.invest-activity-explainer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.invest-activity-explainer span{padding:11px 13px;border:1px solid #303c41;border-radius:9px;background:#151c20;color:#89989c;font-size:12px;line-height:1.45}.invest-activity-explainer b{color:#dce7e3}
.invest-activity-list{display:grid;gap:10px}.invest-activity-card{border:1px solid #303b40;border-radius:11px;background:#151c20;overflow:hidden}.invest-activity-card.manual{padding:13px}.invest-activity-form{display:grid;grid-template-columns:130px minmax(210px,1.25fr) minmax(180px,1fr) minmax(130px,.7fr) minmax(180px,1fr) 34px;gap:10px;align-items:end}.invest-activity-form label{display:grid;gap:5px;min-width:0}.invest-activity-form label>span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#7d8d91}.invest-activity-form label>span em{font-style:normal;text-transform:none;letter-spacing:0;font-weight:600;color:#657479}.invest-activity-form input,.invest-activity-form select{width:100%;min-width:0;border:1px solid #3a464d;background:#11181b;border-radius:7px;padding:9px 10px;font-size:12px}.invest-activity-form label small{font-size:9px;line-height:1.35;color:#6f7e82;min-height:24px}.invest-activity-note{grid-column:auto}.invest-activity-delete{align-self:center;justify-self:center}
.invest-activity-card-main{display:grid;grid-template-columns:150px minmax(210px,1fr) 86px minmax(260px,1.4fr) 130px;gap:14px;align-items:center;padding:15px}.invest-activity-date,.invest-activity-account,.invest-activity-trade-summary{display:grid;gap:3px}.invest-activity-date span,.invest-activity-account strong,.invest-activity-trade-summary b{font-size:13px;color:#e7efec}.invest-activity-date small,.invest-activity-account span,.invest-activity-trade-summary span{font-size:10px;color:#7f8e93;line-height:1.4}.invest-activity-badge{justify-self:start;padding:6px 8px;border:1px solid #3e5148;border-radius:999px;background:#18231e;color:#9fd6bc;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.invest-activity-badge.sell{border-color:#5a4242;background:#231919;color:#e0a0a0}.invest-activity-lock{justify-self:end;font-size:10px;color:#718086;white-space:nowrap}
@media(max-width:1050px){.invest-activity-form{grid-template-columns:1fr 1fr 1fr}.invest-activity-note{grid-column:1/3}.invest-activity-delete{grid-column:3}.invest-activity-card-main{grid-template-columns:120px 1fr 80px 1.2fr}.invest-activity-lock{grid-column:1/-1;justify-self:start}}
@media(max-width:680px){.invest-trade-guidance{display:grid;padding:15px}.invest-trade-guidance strong{font-size:18px}.invest-trade-guidance button{width:100%}.invest-activity-explainer{grid-template-columns:1fr}.invest-activity-form{grid-template-columns:1fr 1fr}.invest-activity-form label{grid-column:auto}.invest-activity-note{grid-column:1/-1}.invest-activity-delete{grid-column:2;justify-self:end}.invest-activity-card-main{grid-template-columns:1fr 1fr;padding:13px}.invest-activity-trade-summary{grid-column:1/-1}.invest-activity-lock{grid-column:1/-1}.invest-trade-success{display:grid}.invest-trade-success button{margin-left:0;width:100%}}


/* v6.3.53 - clearer Investment Activity workflow */
.invest-activity-head{align-items:center}
.invest-activity-head .invest-primary,
.invest-activity-panel .invest-primary,
.invest-activity-panel .invest-secondary,
.invest-trade-guidance .invest-holdings-cta{
  appearance:none!important;
  -webkit-appearance:none!important;
  border-radius:9px!important;
  padding:11px 16px!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.15!important;
  cursor:pointer!important;
  box-shadow:none!important;
  opacity:1!important;
}
.invest-activity-panel .invest-primary{
  border:1px solid #4a765f!important;
  background:#1d3529!important;
  color:#eef8f3!important;
}
.invest-activity-panel .invest-primary:hover{background:#234331!important;border-color:#63a57d!important}
.invest-activity-panel .invest-secondary,
.invest-trade-guidance .invest-holdings-cta{
  border:1px solid #486057!important;
  background:#17211d!important;
  color:#dcebe4!important;
}
.invest-activity-panel .invest-secondary:hover,
.invest-trade-guidance .invest-holdings-cta:hover{background:#1c2b24!important;border-color:#62a27d!important;color:#f1faf6!important}
.invest-trade-guidance{padding:20px 22px;gap:24px}
.invest-trade-guidance-copy{display:grid;gap:5px;min-width:0}
.invest-trade-guidance-copy strong{font-size:21px;line-height:1.2;color:#edf5f1}
.invest-trade-guidance-copy p{margin:0;color:#9aaba5;font-size:13px;line-height:1.55;max-width:820px}
.invest-trade-guidance-copy p b{color:#dcebe5}
.invest-trade-guidance .invest-holdings-cta{white-space:nowrap;min-width:150px}
.invest-activity-legend{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.invest-activity-legend article{padding:14px 15px;border:1px solid #303d41;border-radius:10px;background:#151c20;display:grid;grid-template-columns:auto auto;gap:4px 10px;align-items:center}
.invest-activity-legend article>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:#77d7b1}
.invest-activity-legend article>b{justify-self:end;font-size:12px;color:#e5eeea}
.invest-activity-legend article>small{grid-column:1/-1;font-size:12px;line-height:1.5;color:#89979b}
.invest-activity-empty{display:grid;gap:9px}
.invest-activity-empty>div{display:flex;gap:9px;flex-wrap:wrap;margin-top:4px}
.invest-activity-card.trade{border-color:#355047;background:#151f1b}
.invest-activity-card.manual{border-color:#344047}
@media(max-width:760px){
  .invest-activity-head{display:grid!important;gap:14px}
  .invest-activity-head .invest-primary{width:100%}
  .invest-trade-guidance{display:grid!important;padding:16px}
  .invest-trade-guidance .invest-holdings-cta{width:100%;min-width:0}
  .invest-activity-legend{grid-template-columns:1fr}
  .invest-activity-empty>div{display:grid}
  .invest-activity-empty .invest-primary,.invest-activity-empty .invest-secondary{width:100%}
}


/* v6.3.53 - Investment Activity alignment + money-in/out clarity */
.invest-activity-form{align-items:start}
.invest-activity-form label{align-self:start}
.invest-activity-form label>span{min-height:18px;display:flex;align-items:center;gap:7px}
.invest-activity-form input,.invest-activity-form select{min-height:40px}
.invest-activity-type-field small,.invest-activity-form label small{min-height:34px;margin-top:1px}
.invest-activity-direction{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:9px!important;line-height:1;font-weight:850!important;letter-spacing:.02em!important;text-transform:none!important}
.invest-activity-direction.in{border:1px solid #35604e;background:#15261f;color:#7fe1b8!important}
.invest-activity-direction.out{border:1px solid #674646;background:#281b1b;color:#efa4a4!important}
.invest-activity-direction.other{border:1px solid #445158;background:#1b2327;color:#aab7ba!important}
.invest-activity-legend article>small strong{color:#dce7e3;font-weight:800}
@media(max-width:1050px){.invest-activity-form{align-items:start}}


/* v6.3.54 - holdings account filter, readable type, and add-holding fix */
.invest-holdings-panel .invest-panel-head h3{font-size:29px;line-height:1.1}
.invest-holdings-panel .invest-panel-head p{font-size:14px;line-height:1.55;max-width:900px}
.invest-holdings-panel .invest-kicker{font-size:12px}
.invest-holdings-toolbar{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px;padding:14px 16px;border:1px solid #314047;border-radius:10px;background:#151c20}
.invest-holdings-toolbar label{display:grid;gap:6px;min-width:min(460px,55vw)}
.invest-holdings-toolbar label>span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8fb7a1}
.invest-holdings-toolbar select{width:100%;border:1px solid #425159;background:#12191d;color:#eef4f2;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:700}
.invest-holdings-toolbar small{font-size:12px;color:#89979b;padding-bottom:9px}
.invest-holdings-panel .invest-row-head{font-size:10.5px;min-height:40px}
.invest-holdings-panel .invest-row{min-height:62px;padding:10px 10px;gap:8px}
.invest-holdings-panel .invest-row input,.invest-holdings-panel .invest-row select{font-size:13px;padding:9px 9px}
.invest-holdings-panel .invest-row strong{font-size:13px}
.invest-holdings-panel .invest-native-input>span{font-size:10px}
.invest-holdings-panel .invest-allocation-cell>span{font-size:12px}
.invest-holdings-panel .invest-allocation-cell>small,.invest-holdings-panel .invest-allocation-cell>button{font-size:10px}
.invest-holdings-panel .invest-price-cell small{font-size:10px}
.invest-holdings-panel .invest-holding-actions button{font-size:11px}
@media(max-width:680px){
  .invest-holdings-panel .invest-panel-head h3{font-size:25px}
  .invest-holdings-panel .invest-panel-head p{font-size:13px}
  .invest-holdings-toolbar{display:grid;gap:8px}
  .invest-holdings-toolbar label{min-width:0;width:100%}
  .invest-holdings-toolbar small{padding-bottom:0}
}

/* v6.3.55 - holdings delete button polish */
.invest-holding-actions .row-remove{
  width:30px;
  height:30px;
  min-width:30px;
  padding:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #5a3d41;
  background:#241a1d;
  color:#d98b91;
  border-radius:7px;
  font-size:18px;
  line-height:1;
  font-weight:700;
}
.invest-holding-actions .row-remove:hover{
  border-color:#8b555b;
  background:#352126;
  color:#ffb0b6;
}


/* v6.3.57 Net Worth liability toggle + Debt Breakdown visuals */
.nw-chart-panel{min-width:0}
.nw-chart-switch{display:grid;grid-template-columns:auto minmax(120px,1fr) auto;gap:10px;align-items:center;margin-bottom:10px}
.nw-chart-switch button{border:1px solid #3b484f;background:#171f23;color:#aab7b4;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:750;white-space:nowrap}
.nw-chart-switch button:hover,.nw-chart-switch button.active{border-color:#55d6a8;color:#e6f5ef;background:#17251f}
.nw-chart-switch>div{display:grid;justify-items:center;gap:2px}.nw-chart-switch>div span{font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#7f8e92}.nw-chart-switch>div strong{font-size:15px;color:#eef4f2}
.nw-chart-empty{padding:34px 18px;text-align:center;border:1px dashed #38454b;border-radius:10px;color:#829096}
.debt-breakdown-panel{border:1px solid var(--line);background:#171d21;border-radius:12px;padding:18px}
.debt-breakdown-list{display:grid;gap:8px}
.debt-breakdown-list article{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:11px 12px;border:1px solid #303d43;border-radius:10px;background:#12191d}
.debt-breakdown-rank{display:grid;place-items:center;width:30px;height:30px;border:1px solid #35584b;border-radius:50%;color:#6fdcb5;font-size:9px;font-weight:850}
.debt-breakdown-main{display:grid;gap:8px;min-width:0}.debt-breakdown-line{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.debt-breakdown-line strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debt-breakdown-line span{font-size:11px;color:#94a29f;white-space:nowrap}
.debt-breakdown-track{height:8px;border-radius:999px;background:#28343a;overflow:hidden}.debt-breakdown-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#55d6a8,#7aa7b8)}
@media(max-width:680px){.nw-chart-switch{grid-template-columns:1fr 1fr}.nw-chart-switch>div{grid-column:1/-1;grid-row:1}.nw-chart-switch button{grid-row:2}.debt-breakdown-line{display:grid;gap:3px}.debt-breakdown-line span{white-space:normal}.debt-breakdown-list article{padding:10px}.debt-breakdown-line strong{font-size:12px}}

/* v6.3.58 mobile swipe conflict fix */
@media(max-width:760px){
  .cashflow-sections-scroll,.budget-section,.flow-section,.cards-table,.history-panel,.invest-table-wrap,.invest-subnav,.money-timeline-scroll,.system-stepper,.system-timeline-scroll,.landing-demo-legend,.landing-scenario-strip{
    touch-action:pan-x pan-y;
    overscroll-behavior-x:contain;
  }
}


/* v6.5.0 Guided onboarding, Setup Center, and How It Works */
.guide-settings{border-bottom:1px solid #303a40;background:linear-gradient(180deg,rgba(108,184,150,.055),transparent)}
.settings-guide-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.settings-guide-actions>button{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left;border:1px solid #3c4a50;background:#161d21;border-radius:11px;padding:11px;color:#e8efed}
.settings-guide-actions>button:hover{background:#1d2827;border-color:#527563}
.settings-guide-actions>button>span:nth-child(2){display:grid;gap:2px}
.settings-guide-actions b{font-size:12px}.settings-guide-actions small{font-size:9px;color:#829096;margin:0}.settings-guide-actions i{font-style:normal;color:#7fb99e}
.settings-guide-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid #3f6655;background:#17271f;color:#aee7c9;font-weight:850;font-size:15px}
@media(max-width:680px){.settings-guide-actions{grid-template-columns:1fr}}

.onboarding-backdrop{position:fixed;inset:0;z-index:1300;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(3,7,9,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.onboarding-shell{position:relative;width:min(980px,100%);max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain;background:radial-gradient(circle at 88% 0%,rgba(104,184,149,.12),transparent 28%),linear-gradient(180deg,#182126 0%,#11171b 100%);border:1px solid #3b4a50;border-radius:24px;box-shadow:0 32px 110px rgba(0,0,0,.62);color:#e9f0ed}
.onboarding-x{position:absolute;right:20px;top:20px;z-index:4;width:38px;height:38px;padding:0;border-radius:11px;border:1px solid #45545b;background:rgba(24,31,35,.88);color:#d9e3df;font-size:23px;line-height:1}
.onboarding-x:hover{background:#263238}.onboarding-x.inline{position:static;flex:0 0 auto}
.onboarding-kicker{display:block;color:#85bca4;font-size:10px;font-weight:900;letter-spacing:.16em}
.onboarding-primary,.onboarding-secondary,.onboarding-text{border-radius:11px;font-weight:800;cursor:pointer}
.onboarding-primary{border:1px solid #65977c;background:#254a39;color:#e7fff1;padding:11px 16px}.onboarding-primary:hover{background:#2c5944}.onboarding-primary span{margin-left:8px}
.onboarding-secondary{border:1px solid #45545b;background:#1c252a;color:#dce6e2;padding:11px 16px}.onboarding-secondary:hover{background:#253137}
.onboarding-text{border:0;background:transparent;color:#8d9b9f;padding:10px 12px}.onboarding-text:hover{color:#dbe5e1}
.onboarding-primary.compact{padding:9px 13px}

.onboarding-welcome{padding:52px 58px 36px}
.onboarding-welcome-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.onboarding-welcome-brand img{width:48px;height:48px;object-fit:contain}.onboarding-welcome-brand span{font-size:12px;font-weight:900;letter-spacing:.15em;color:#a5b2b5}
.onboarding-welcome-copy{max-width:760px}.onboarding-welcome-copy h2{font-family:var(--wmd-font-ui);font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:-.03em;margin:9px 0 16px}.onboarding-welcome-copy h2 em{font-style:normal;color:#95d0b5}.onboarding-welcome-copy p{max-width:650px;color:#a7b3b6;font-size:15px;line-height:1.65;margin:0}
.onboarding-welcome-path{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:center;gap:8px;margin:34px 0 28px}
.onboarding-welcome-path>i{font-style:normal;text-align:center;color:#526067;font-size:22px}
.onboarding-welcome-path article{min-height:154px;border:1px solid #344349;background:rgba(17,24,28,.76);border-radius:16px;padding:18px;display:grid;align-content:start;gap:6px}
.onboarding-welcome-path article>b{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:#1a3026;border:1px solid #3c6653;color:#99d5b9;font-size:11px;margin-bottom:5px}.onboarding-welcome-path article>span{color:#78878c;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.onboarding-welcome-path article>strong{font-family:var(--wmd-font-ui);font-size:23px}.onboarding-welcome-path article>small{color:#8c999d;line-height:1.5;font-size:11px}
.onboarding-welcome-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.onboarding-welcome-foot{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #2e3a40;margin-top:32px;padding-top:18px;color:#6f7e83;font-size:10px}

.onboarding-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:30px 34px 24px;border-bottom:1px solid #303c42;background:rgba(22,30,34,.74);position:sticky;top:0;z-index:3;backdrop-filter:blur(8px)}
.onboarding-head h2{font-family:var(--wmd-font-ui);font-size:32px;margin:5px 0 8px;line-height:1.12}.onboarding-head p{margin:0;max-width:680px;color:#91a0a4;line-height:1.55;font-size:12px}
.setup-center{padding-bottom:26px}.setup-progress{margin:24px 34px 0;padding:14px 16px;border:1px solid #34464a;background:#141c1f;border-radius:13px}.setup-progress>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:9px}.setup-progress span{font-size:11px;color:#a1adb0;font-weight:750}.setup-progress strong{font-size:12px;color:#a5dfc2}.setup-progress>i{display:block;height:8px;background:#273238;border-radius:999px;overflow:hidden}.setup-progress>i>b{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#54866f,#8bc7aa)}
.setup-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:18px 34px}
.setup-step-card{display:flex;flex-direction:column;min-height:250px;border:1px solid #37454b;background:#151d21;border-radius:16px;padding:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.015)}.setup-step-card.done{border-color:#416653;background:linear-gradient(180deg,#17261f,#151d21 58%)}
.setup-step-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.setup-step-top>span{font-size:10px;font-weight:900;letter-spacing:.12em;color:#68787d}.setup-step-top>b{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#819095}.setup-step-card.done .setup-step-top>b{color:#9ed7b9}.setup-step-card h3{font-family:var(--wmd-font-ui);font-size:22px;line-height:1.1;margin:28px 0 10px}.setup-step-card p{color:#8f9da1;line-height:1.55;font-size:11px;margin:0 0 20px}.setup-step-card button{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #3e5056;background:#1a2428;color:#dbe5e1;border-radius:10px;padding:10px 11px;text-align:left;font-size:10px;font-weight:800}.setup-step-card button:hover{background:#233038;border-color:#557160}.setup-step-card.done button{border-color:#456a58;color:#c9eedb}
.setup-optional{margin:0 34px 18px;border:1px solid #334047;background:#12191d;border-radius:16px;padding:18px;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:20px;align-items:center}.setup-optional-copy>span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#6f7f84}.setup-optional-copy h3{font-family:var(--wmd-font-ui);font-size:20px;margin:5px 0 6px}.setup-optional-copy p{font-size:10px;line-height:1.5;color:#78868b;margin:0}.setup-optional-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.setup-optional-actions button{display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;text-align:left;border:1px solid #35434a;background:#172024;border-radius:11px;padding:10px;color:#dce6e2}.setup-optional-actions button:hover{background:#202b30}.setup-optional-actions button.configured{border-color:#416653}.setup-optional-actions button>span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:#202c31;color:#9ecab7}.setup-optional-actions button>div{display:grid;gap:1px}.setup-optional-actions b{font-size:11px}.setup-optional-actions small{font-size:9px;color:#75848a}.setup-optional-actions i{font-style:normal;color:#75868b}
.onboarding-footer-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 34px}

.howto-shell{overflow:hidden}.howto-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px;padding:34px}.howto-main{min-width:0}.howto-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:15px;border:1px solid #416653;background:#17271f;color:#9ed7b9;font-size:23px;margin-bottom:22px}.howto-kicker{display:block;color:#7d8c91;font-size:9px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.howto-body{color:#a3afb2;font-size:14px;line-height:1.65;margin:0 0 22px}.howto-main ul{display:grid;gap:10px;padding:0;margin:0;list-style:none}.howto-main li{display:grid;grid-template-columns:21px 1fr;gap:9px;align-items:start;color:#c6d0cd;font-size:11px;line-height:1.45}.howto-main li i{display:flex;align-items:center;justify-content:center;width:19px;height:19px;border-radius:50%;font-style:normal;background:#1a3026;border:1px solid #3f6654;color:#9cd8b8;font-size:9px}
.howto-visual{display:flex;align-items:center;justify-content:center;min-height:310px;border:1px solid #334147;background:radial-gradient(circle at 50% 30%,rgba(111,185,153,.08),transparent 45%),#11181c;border-radius:18px;padding:28px;overflow:hidden}
.onboarding-system-map{width:100%;display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:5px}.onboarding-system-map>div{min-height:128px;border:1px solid #3a4b50;background:#172025;border-radius:14px;padding:14px;display:grid;align-content:center;text-align:center;gap:4px}.onboarding-system-map b{margin:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#213d30;color:#a8dec4}.onboarding-system-map span{font-family:var(--wmd-font-ui);font-size:17px}.onboarding-system-map small{font-size:9px;color:#76858a}.onboarding-system-map>i{font-style:normal;text-align:center;color:#627178}
.onboarding-equation,.onboarding-invest-visual,.onboarding-link-chain{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;text-align:center}.onboarding-equation span,.onboarding-invest-visual span,.onboarding-link-chain span{border:1px solid #3b4b51;background:#172126;border-radius:11px;padding:13px 15px;color:#cbd5d2}.onboarding-equation b,.onboarding-invest-visual b,.onboarding-link-chain i{font-style:normal;color:#728187}.onboarding-equation strong,.onboarding-invest-visual strong,.onboarding-link-chain strong{border:1px solid #456a58;background:#1b3026;border-radius:11px;padding:13px 15px;color:#aee3c7}
.onboarding-mini-bars{display:grid;gap:14px;width:100%}.onboarding-mini-bars span{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;background:#202a2f;border-radius:999px;overflow:hidden;position:relative;min-height:34px;padding-right:11px}.onboarding-mini-bars span i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#355c4a,#54856f);opacity:.8}.onboarding-mini-bars span b{grid-column:2;position:relative;z-index:1;font-size:10px}
.onboarding-runway{display:flex;align-items:center;width:100%;gap:0}.onboarding-runway span,.onboarding-runway strong{white-space:nowrap;border:1px solid #3b4a50;background:#172126;border-radius:10px;padding:10px;font-size:10px}.onboarding-runway strong{border-color:#4b735f;color:#b4e4ca}.onboarding-runway i{height:2px;background:#4a665a;flex:1;min-width:16px}
.onboarding-rule-card{text-align:center;border:1px solid #416553;background:#17261f;border-radius:16px;padding:24px}.onboarding-rule-card strong{display:block;font-family:var(--wmd-font-ui);font-size:23px;color:#b6e5ce}.onboarding-rule-card span{display:block;margin-top:8px;color:#81918d;font-size:10px}
.howto-nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px 34px 22px;border-top:1px solid #303c42;background:#12191d}.howto-prev{border:1px solid #3d4b51;background:#192126;color:#c6d1ce;border-radius:9px;padding:9px 12px;font-weight:750}.howto-prev:disabled{opacity:.3}.howto-dots{display:flex;justify-content:center;gap:6px}.howto-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#46545a}.howto-dots button.active{width:22px;border-radius:999px;background:#81bfa2}

@media(max-width:780px){
  .onboarding-backdrop{padding:0;align-items:stretch}.onboarding-shell{width:100%;max-height:100dvh;border-radius:0;border-left:0;border-right:0}
  .onboarding-welcome{padding:32px 20px 24px}.onboarding-x{right:14px;top:14px}.onboarding-welcome-brand{margin-bottom:30px}.onboarding-welcome-copy h2{font-size:38px}
  .onboarding-welcome-path{grid-template-columns:1fr;gap:9px}.onboarding-welcome-path>i{transform:rotate(90deg);height:18px}.onboarding-welcome-path article{min-height:0}.onboarding-welcome-foot{display:grid}
  .onboarding-head{padding:22px 18px 18px}.onboarding-head h2{font-size:27px}.setup-progress{margin:16px 18px 0}.setup-core-grid{grid-template-columns:1fr;padding:14px 18px}.setup-step-card{min-height:0}.setup-step-card h3{margin-top:18px}
  .setup-optional{margin:0 18px 16px;grid-template-columns:1fr}.setup-optional-actions{grid-template-columns:1fr}.onboarding-footer-actions{padding:0 18px;display:grid;grid-template-columns:1fr}.onboarding-footer-actions button{width:100%}
  .howto-layout{grid-template-columns:1fr;padding:22px 18px;gap:18px}.howto-visual{min-height:220px;padding:18px}.howto-nav{padding:14px 18px;grid-template-columns:auto 1fr auto}.howto-dots{gap:4px}.onboarding-system-map{grid-template-columns:1fr}.onboarding-system-map>i{transform:rotate(90deg);height:14px}.onboarding-system-map>div{min-height:88px}
}
@media(max-width:470px){
  .onboarding-welcome-actions{display:grid;grid-template-columns:1fr}.onboarding-welcome-actions button{width:100%}.onboarding-welcome-copy h2{font-size:34px}.onboarding-welcome-copy p{font-size:13px}
  .howto-nav{grid-template-columns:1fr 1fr}.howto-dots{grid-column:1/-1;grid-row:1}.howto-prev{grid-column:1}.howto-nav>.onboarding-primary{grid-column:2}.howto-visual{min-height:190px}
}


/* v6.5.1 focused landing page + cinematic hero + premium coming soon */
.landing-v3{background:#0e1417;color:#edf4f1}
.landing-main-v3{overflow:hidden}
.landing-header-v3{background:rgba(14,20,23,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.landing-header-v3 .landing-header-inner{width:min(1220px,calc(100% - 40px))}
.landing-header-v3 .landing-nav{gap:18px}
.landing-header-v3 .landing-nav>a{font-size:11px;color:#8d9a9f}
.landing-header-v3 .landing-nav>a:hover{color:#dce7e3}

.landing-cinematic-hero{position:relative;min-height:calc(100vh - 84px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid #263137}
.cinematic-film{position:absolute;inset:0;background:#0a1013;overflow:hidden}
.cinematic-grid{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:48px 48px;transform:perspective(900px) rotateX(67deg) translateY(38%);transform-origin:center bottom;opacity:.55}
.cinematic-glow{position:absolute;border-radius:50%;filter:blur(100px);opacity:.25}.cinematic-glow-a{width:460px;height:460px;right:8%;top:10%;background:#63d9ad}.cinematic-glow-b{width:380px;height:380px;left:4%;bottom:8%;background:#305e4b}
.cinematic-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,11,13,.94) 0%,rgba(7,11,13,.76) 38%,rgba(7,11,13,.34) 64%,rgba(7,11,13,.58) 100%),linear-gradient(180deg,rgba(7,11,13,.2),rgba(7,11,13,.3) 65%,rgba(7,11,13,.82))}
.cinematic-hero-copy{position:relative;z-index:4;width:min(1220px,calc(100% - 40px));padding:80px 0 90px}
.cinematic-hero-copy h1{max-width:940px;margin:13px 0 20px;font-size:clamp(58px,7.5vw,106px);line-height:.94;letter-spacing:-4px;font-weight:740}
.cinematic-hero-copy h1 em{font-style:normal;color:#8fe0be}
.cinematic-hero-copy>p{max-width:690px;margin:0;color:#a4b0b3;font-size:18px;line-height:1.7}
.cinematic-hero-copy .landing-hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:31px}
.cinematic-cta{font-size:14px;padding:14px 18px}
.cinematic-link{text-decoration:none;font-size:13px;padding:14px 18px}
.cinematic-proof{display:flex;align-items:center;gap:10px;margin-top:28px;color:#78878b;font-size:10px;font-weight:750;letter-spacing:.04em}.cinematic-proof i{width:3px;height:3px;border-radius:50%;background:#536167}
.cinematic-scroll-cue{position:absolute;z-index:4;bottom:24px;right:max(20px,calc((100% - 1220px)/2));display:flex;align-items:center;gap:10px;color:#66757a;font-size:8px;letter-spacing:.18em;font-weight:900}.cinematic-scroll-cue i{width:42px;height:1px;background:#536167}

.cinematic-scene{position:absolute;right:7%;top:50%;width:min(520px,44vw);opacity:0;transform:translateY(-50%) translateX(35px) scale(.97);animation:cinematicScene 16s infinite ease-in-out}
.scene-paycheck{animation-delay:0s}.scene-plan{animation-delay:4s}.scene-surprise{animation-delay:8s}.scene-grow{animation-delay:12s}
@keyframes cinematicScene{0%,18%{opacity:0;transform:translateY(-50%) translateX(34px) scale(.97)}5%,14%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}23%,100%{opacity:0;transform:translateY(-50%) translateX(-26px) scale(1.01)}}
@media(prefers-reduced-motion:reduce){.cinematic-scene{animation:none!important}.scene-grow{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}.scene-paycheck,.scene-plan,.scene-surprise{display:none}}

.cinematic-date,.cinematic-scene-label{margin-bottom:10px;color:#769087;font-size:9px;font-weight:900;letter-spacing:.16em}
.cinematic-money-card,.cinematic-balance,.cinematic-month-end,.cinematic-alert,.cinematic-growth-card{border:1px solid #3d4d52;background:rgba(16,24,28,.88);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 28px 70px rgba(0,0,0,.36)}
.cinematic-money-card{display:grid;gap:6px;padding:22px}.cinematic-money-card span,.cinematic-balance span,.cinematic-month-end span,.cinematic-growth-card span{font-size:9px;letter-spacing:.14em;color:#748489;font-weight:900}.cinematic-money-card strong{font-size:42px;color:#8be0bb}.cinematic-money-card small{color:#7c8b8f;font-size:11px}
.cinematic-balance{margin-top:10px;padding:16px 18px}.cinematic-balance strong{display:block;font-size:25px;margin:4px 0 10px}.cinematic-balance i{display:block;height:5px;background:#29343a;border-radius:999px;overflow:hidden}.cinematic-balance i b{display:block;width:68%;height:100%;background:#66cfa7;border-radius:999px}
.cinematic-flow-line{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:7px;align-items:center}.cinematic-flow-line>i{font-style:normal;color:#5c696e}.cinematic-flow-line article{min-height:96px;padding:13px;border:1px solid #344147;border-radius:13px;background:rgba(18,27,31,.88);display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center}.cinematic-flow-line article>span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9px;background:#1e3029;color:#91d2b4;font-size:10px;font-weight:850}.cinematic-flow-line article div{display:grid;gap:4px}.cinematic-flow-line small{font-size:9px;color:#829095}.cinematic-flow-line b{font-size:13px}
.cinematic-month-end{margin-top:10px;padding:16px}.cinematic-month-end strong{display:block;font-size:30px;margin:4px 0}.cinematic-month-end small{font-size:10px;color:#78b79b}
.cinematic-alert{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:17px;border-color:#6a4b4d;background:rgba(42,27,29,.9)}.cinematic-alert span{font-size:8px;color:#e6a2a5;font-weight:900;letter-spacing:.13em}.cinematic-alert strong{font-size:16px}.cinematic-alert b{font-size:18px;color:#f0b1b3}
.cinematic-ripple{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.cinematic-ripple article{padding:14px;border:1px solid #354349;background:rgba(16,24,28,.9);border-radius:12px;display:grid;gap:4px}.cinematic-ripple span{font-size:8px;color:#718086;letter-spacing:.08em}.cinematic-ripple b{font-size:18px}.cinematic-ripple small{font-size:8px;color:#708078}
.cinematic-growth-card{padding:22px;overflow:hidden}.cinematic-growth-card strong{display:block;font-size:41px;margin:6px 0 2px}.cinematic-growth-card small{font-size:10px;color:#78c5a4}.cinematic-growth-card svg{width:100%;height:110px;margin-top:8px}.cinematic-growth-card path{fill:none;stroke:#68d9ad;stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 8px rgba(104,217,173,.25))}
.cinematic-wordmark{display:flex;align-items:center;gap:12px;margin-top:12px;padding:15px 16px;border:1px solid #385249;background:rgba(18,29,25,.9);border-radius:14px}.cinematic-wordmark img{width:42px;height:42px;object-fit:contain}.cinematic-wordmark>div{display:grid;gap:3px}.cinematic-wordmark strong{font-size:16px}.cinematic-wordmark span{font-size:9px;color:#81908b}.cinematic-wordmark em{font-style:normal;color:#8bd9b8}

.landing-focus-system{scroll-margin-top:90px;width:min(1160px,calc(100% - 40px));margin:0 auto;padding:110px 0 96px}
.landing-focus-heading{display:grid;grid-template-columns:.36fr 1.64fr;gap:16px 42px;align-items:start}.landing-focus-heading .landing-eyebrow{padding-top:8px}.landing-focus-heading h2{margin:0;font-size:clamp(46px,5.7vw,72px);line-height:.98;letter-spacing:-2.7px}.landing-focus-heading p{grid-column:2;max-width:780px;margin:0;color:#97a4a8;font-size:17px;line-height:1.7}
.landing-core-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;gap:10px;align-items:center;margin-top:42px}.landing-core-flow>i{font-style:normal;text-align:center;color:#4c5b60;font-size:22px}.landing-core-flow article{min-height:310px;padding:23px;border:1px solid #334047;background:#131a1e;border-radius:18px;display:flex;flex-direction:column}.landing-core-flow article.active{border-color:#466d5c;background:linear-gradient(160deg,#17241f,#131a1e)}.landing-core-flow article>span{font-size:9px;color:#607076;letter-spacing:.13em;font-weight:900}.core-flow-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #3b594d;background:#182720;border-radius:13px;color:#90d7b8;font-size:20px;margin:30px 0 18px}.landing-core-flow h3{font-family:var(--wmd-font-ui);font-size:28px;margin:0 0 8px}.landing-core-flow b{font-size:13px;color:#dce6e2}.landing-core-flow p{color:#89979b;font-size:12px;line-height:1.6}.landing-core-flow small{margin-top:auto;color:#6cd8ad;font-size:8px;letter-spacing:.13em;font-weight:900}
.landing-next-layers{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:15px;padding:18px;border:1px solid #2d393f;background:#10171a;border-radius:15px}.landing-next-layers>div span{font-size:8px;color:#6e7d82;font-weight:900;letter-spacing:.12em}.landing-next-layers>div h3{font-size:18px;margin:6px 0 0}.landing-next-layers article{border-left:1px solid #2d393f;padding-left:18px}.landing-next-layers b{font-size:12px}.landing-next-layers p{margin:5px 0 0;color:#7e8c90;font-size:10px;line-height:1.5}.landing-one-rule{display:flex;align-items:center;gap:16px;margin-top:24px;border-top:1px solid #273238;padding-top:24px}.landing-one-rule span{font-size:8px;color:#65d3aa;font-weight:900;letter-spacing:.13em}.landing-one-rule strong{font-size:18px}

.landing-live-demo-v3{width:min(1160px,calc(100% - 40px));margin-bottom:110px;padding-top:12px}
.landing-live-intro-v3{grid-template-columns:1fr auto;align-items:end}.landing-live-intro-v3 h2{font-size:clamp(42px,5vw,62px);margin-bottom:10px}.landing-live-intro-v3 p{max-width:720px}
.landing-demo-prompt{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:8px;color:#69777c;font-size:9px;letter-spacing:.08em}.landing-demo-prompt span{font-weight:900}
.landing-live-demo-v3 #landingScenarioSummary{display:none}
.landing-live-demo-v3 .landing-demo-legend{display:none}

.landing-why-section{scroll-margin-top:90px;width:min(1160px,calc(100% - 40px));margin:0 auto 105px;padding-top:82px;border-top:1px solid #2a353b}
.landing-why-copy{display:grid;grid-template-columns:.36fr 1.64fr;gap:16px 42px}.landing-why-copy .landing-eyebrow{padding-top:8px}.landing-why-copy h2{font-size:clamp(45px,5.4vw,68px);line-height:.99;letter-spacing:-2.5px;margin:0}.landing-why-copy>p{grid-column:2;margin:0;color:#95a2a6;font-size:17px;line-height:1.72;max-width:820px}.landing-why-note{grid-column:2;display:flex;gap:12px;align-items:center;margin-top:8px}.landing-why-note b{color:#8bdfbd;font-size:14px}.landing-why-note span{color:#6e7c81;font-size:11px}
.landing-why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.landing-why-cards article{padding:23px;border:1px solid #303c42;background:#131b1e;border-radius:16px}.landing-why-cards span{font-size:9px;color:#68d7ac;font-weight:900;letter-spacing:.12em}.landing-why-cards h3{font-size:20px;margin:16px 0 9px}.landing-why-cards p{margin:0;color:#849398;font-size:12px;line-height:1.65}
.landing-simple-pricing{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.landing-simple-pricing article{padding:22px;border:1px solid #324046;background:#11181b;border-radius:15px;display:flex;flex-direction:column;gap:8px}.landing-simple-pricing article.premium{border-color:#3d6253;background:linear-gradient(150deg,#16241f,#11181b)}.landing-simple-pricing article>span{font-size:8px;color:#758489;letter-spacing:.11em;font-weight:900}.landing-simple-pricing strong{font-size:28px}.landing-simple-pricing strong small{font-size:12px;color:#728086}.landing-simple-pricing p{margin:0 0 12px;color:#859398;font-size:11px;line-height:1.55}.landing-simple-pricing button{margin-top:auto;align-self:flex-start}

.landing-security-v3{width:min(1160px,calc(100% - 40px));margin-bottom:85px;padding-top:72px}.landing-security-v3 .landing-trust-heading{max-width:900px}.landing-security-v3 .landing-trust-heading h2{font-size:clamp(44px,5vw,62px)}.landing-trust-grid-v3{grid-template-columns:repeat(3,1fr)}
.landing-security-v3 .landing-trust-grid article{min-height:190px}
.landing-final-v3{width:min(1160px,calc(100% - 40px));padding:88px 20px 104px}.landing-final-v3 h2{font-size:clamp(46px,6vw,78px);letter-spacing:-2.7px}.landing-final-v3 p{font-size:15px}

.premium-preview-settings .feature-badge{color:#e4d79f;border-color:#5b5338;background:#272318}
.premium-settings-note{display:grid;gap:3px;margin:12px 0 0;padding:11px 12px;border:1px solid #3e4c51;background:#151d21;border-radius:9px}.premium-settings-note b{font-size:12px;color:#dce6e2}.premium-settings-note span{font-size:10px;color:#7c8b90;line-height:1.45}
.premium-soon-backdrop{position:fixed;inset:0;z-index:1500;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(3,7,9,.82);backdrop-filter:blur(8px)}
.premium-soon-dialog{position:relative;width:min(470px,100%);padding:34px;background:radial-gradient(circle at 90% 0%,rgba(103,214,171,.11),transparent 36%),#151d21;border:1px solid #3a4a50;border-radius:20px;box-shadow:0 28px 90px rgba(0,0,0,.55);text-align:center}.premium-soon-close{position:absolute;right:14px;top:14px;width:32px;height:32px;padding:0;border:1px solid #425159;background:#1d262b;border-radius:9px;color:#d9e2df;font-size:20px}.premium-soon-mark{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 16px;border-radius:16px;border:1px solid #446a59;background:#1a2e25;color:#8cd8b8;font-size:24px}.premium-soon-dialog h2{font-family:var(--wmd-font-ui);font-size:30px;margin:8px 0 12px}.premium-soon-dialog>p{margin:0 auto;color:#95a3a7;line-height:1.65;font-size:12px;max-width:390px}.premium-soon-price{display:grid;gap:2px;margin:22px auto;padding:17px;border:1px solid #39574b;background:#132019;border-radius:13px}.premium-soon-price strong{font-size:30px;color:#a7e3c7}.premium-soon-price strong span{font-size:12px;color:#789388}.premium-soon-price small{font-size:10px;color:#80918b}.premium-soon-points{display:grid;gap:8px;text-align:left;margin:0 0 22px}.premium-soon-points span{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;font-size:11px;color:#b8c5c1}.premium-soon-points i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#183126;color:#89d5b5;font-style:normal;font-size:9px}.premium-soon-dialog>.onboarding-primary{width:100%}

@media(max-width:980px){
  .cinematic-scene{right:-2%;width:52vw}
  .cinematic-hero-copy h1{max-width:760px;font-size:72px}
  .landing-core-flow{grid-template-columns:1fr}.landing-core-flow>i{transform:rotate(90deg)}
  .landing-core-flow article{min-height:230px}
  .landing-next-layers{grid-template-columns:1fr 1fr}.landing-next-layers>div{grid-column:1/-1}.landing-next-layers article{border-left:0;border-top:1px solid #2d393f;padding:14px 0 0}
  .landing-why-cards,.landing-simple-pricing,.landing-trust-grid-v3{grid-template-columns:1fr 1fr}.landing-why-cards article:last-child,.landing-simple-pricing article:last-child,.landing-trust-grid-v3 article:last-child{grid-column:1/-1}
}
@media(max-width:720px){
  .landing-header-v3 .landing-header-inner,.cinematic-hero-copy,.landing-focus-system,.landing-live-demo-v3,.landing-why-section,.landing-security-v3,.landing-final-v3{width:calc(100% - 28px)}
  .landing-header-v3 .landing-nav>a{display:none}
  .landing-cinematic-hero{min-height:800px;align-items:flex-end}
  .cinematic-hero-copy{padding:90px 0 86px}.cinematic-hero-copy h1{font-size:54px;letter-spacing:-2.5px}.cinematic-hero-copy>p{font-size:15px;max-width:560px}
  .cinematic-scene{width:84vw;right:8%;top:27%;transform:translateY(-50%) translateX(35px) scale(.92)}@keyframes cinematicScene{0%,18%{opacity:0;transform:translateY(-50%) translateX(28px) scale(.92)}5%,14%{opacity:.82;transform:translateY(-50%) translateX(0) scale(.94)}23%,100%{opacity:0;transform:translateY(-50%) translateX(-20px) scale(.95)}}
  .cinematic-shade{background:linear-gradient(180deg,rgba(7,11,13,.12),rgba(7,11,13,.34) 32%,rgba(7,11,13,.94) 60%,#0e1417 100%)}
  .cinematic-scroll-cue{display:none}.cinematic-flow-line{grid-template-columns:1fr}.cinematic-flow-line>i{display:none}.cinematic-ripple{grid-template-columns:1fr 1fr}.cinematic-ripple article:last-child{grid-column:1/-1}
  .landing-focus-system{padding:78px 0 70px}.landing-focus-heading,.landing-why-copy{grid-template-columns:1fr;gap:12px}.landing-focus-heading p,.landing-why-copy>p,.landing-why-note{grid-column:auto}.landing-focus-heading h2,.landing-why-copy h2{font-size:45px}.landing-focus-heading p,.landing-why-copy>p{font-size:15px}
  .landing-next-layers{grid-template-columns:1fr}.landing-next-layers>div{grid-column:auto}
  .landing-one-rule{align-items:flex-start;flex-direction:column;gap:7px}.landing-one-rule strong{font-size:16px}
  .landing-live-intro-v3{grid-template-columns:1fr}.landing-live-intro-v3>button{justify-self:start}.landing-live-intro-v3 h2{font-size:43px}
  .landing-why-cards,.landing-simple-pricing,.landing-trust-grid-v3{grid-template-columns:1fr}.landing-why-cards article:last-child,.landing-simple-pricing article:last-child,.landing-trust-grid-v3 article:last-child{grid-column:auto}
  .landing-why-note{align-items:flex-start;flex-direction:column;gap:4px}
}
@media(max-width:460px){
  .cinematic-hero-copy h1{font-size:45px}.cinematic-hero-copy .landing-hero-actions{display:grid}.cinematic-hero-copy .landing-hero-actions>*{width:100%;justify-content:center;box-sizing:border-box}.cinematic-proof{flex-wrap:wrap}
  .cinematic-scene{right:5%;width:90vw}.cinematic-money-card strong,.cinematic-growth-card strong{font-size:32px}.cinematic-flow-line article{min-height:72px}.cinematic-growth-card svg{height:72px}
  .landing-focus-heading h2,.landing-why-copy h2,.landing-live-intro-v3 h2{font-size:38px}.landing-core-flow article{min-height:210px;padding:19px}
  .premium-soon-dialog{padding:30px 20px 22px}
}


/* v6.5.2 cinematic hero spacing refinement */
.landing-cinematic-hero{min-height:760px}
.cinematic-hero-copy{
  position:relative;
  z-index:4;
  width:min(1220px,calc(100% - 40px));
  padding:96px 0 110px;
  pointer-events:none;
}
.cinematic-hero-copy>*{pointer-events:auto}
.cinematic-hero-copy h1,
.cinematic-hero-copy>p,
.cinematic-hero-copy .landing-hero-actions,
.cinematic-proof,
.cinematic-hero-copy>.landing-eyebrow{
  max-width:600px;
}
.cinematic-hero-copy h1{
  font-size:clamp(56px,6.25vw,88px);
  line-height:.95;
  letter-spacing:-3.2px;
}
.cinematic-scene{
  right:max(28px,calc((100% - 1220px)/2));
  top:51%;
  width:min(500px,40vw);
}
.cinematic-shade{
  background:
    linear-gradient(90deg,rgba(7,11,13,.97) 0%,rgba(7,11,13,.93) 30%,rgba(7,11,13,.58) 48%,rgba(7,11,13,.12) 68%,rgba(7,11,13,.22) 100%),
    linear-gradient(180deg,rgba(7,11,13,.08),rgba(7,11,13,.2) 70%,rgba(7,11,13,.78));
}

@media(max-width:1080px){
  .cinematic-hero-copy h1,
  .cinematic-hero-copy>p,
  .cinematic-hero-copy .landing-hero-actions,
  .cinematic-proof,
  .cinematic-hero-copy>.landing-eyebrow{max-width:54vw}
  .cinematic-scene{right:24px;width:42vw}
}

@media(max-width:820px){
  .landing-cinematic-hero{
    min-height:980px;
    align-items:flex-end;
  }
  .cinematic-film{overflow:hidden}
  .cinematic-scene{
    top:28%;
    right:50%;
    width:min(620px,88vw);
    transform:translate(50%,-50%) translateX(35px) scale(.94);
  }
  @keyframes cinematicScene{
    0%,18%{opacity:0;transform:translate(50%,-50%) translateX(28px) scale(.92)}
    5%,14%{opacity:.95;transform:translate(50%,-50%) translateX(0) scale(.94)}
    23%,100%{opacity:0;transform:translate(50%,-50%) translateX(-20px) scale(.95)}
  }
  .cinematic-hero-copy{
    width:calc(100% - 32px);
    padding:0 0 76px;
  }
  .cinematic-hero-copy>.landing-eyebrow,
  .cinematic-hero-copy h1,
  .cinematic-hero-copy>p,
  .cinematic-hero-copy .landing-hero-actions,
  .cinematic-proof{
    max-width:none;
  }
  .cinematic-hero-copy h1{
    font-size:clamp(44px,10vw,64px);
    letter-spacing:-2.4px;
  }
  .cinematic-shade{
    background:
      linear-gradient(180deg,rgba(7,11,13,.04) 0%,rgba(7,11,13,.18) 32%,rgba(7,11,13,.86) 57%,rgba(7,11,13,.98) 100%);
  }
}

@media(max-width:520px){
  .landing-cinematic-hero{min-height:940px}
  .cinematic-scene{top:25%;width:92vw}
  .cinematic-hero-copy{padding-bottom:60px}
  .cinematic-hero-copy h1{font-size:44px;line-height:.98}
  .cinematic-hero-copy>p{font-size:14px;line-height:1.6}
  .cinematic-proof{gap:8px;font-size:9px}
}


/* v6.5.3 landing readability + demo CTA */
.landing-v3 .landing-eyebrow{font-size:13px;letter-spacing:.13em}
.cinematic-hero-copy>p{font-size:20px;line-height:1.72}
.cinematic-proof{font-size:12px}
.cinematic-demo-link{border-color:#416153;background:#16231e;color:#c9eee0}
.cinematic-demo-link:hover{background:#1d3028;border-color:#5b8b75}

.landing-focus-heading p,
.landing-why-copy>p,
.landing-live-intro-v3 p,
.landing-security-v3 .landing-trust-heading p{font-size:18px;line-height:1.72}

.landing-core-flow article>b{font-size:15px}
.landing-core-flow article>p{font-size:14px;line-height:1.65}
.landing-core-flow article>span,
.landing-core-flow article>small,
.landing-next-layers>div span,
.landing-one-rule span,
.landing-simple-pricing article>span,
.landing-demo-prompt{font-size:10px}
.landing-next-layers b{font-size:14px}
.landing-next-layers p{font-size:12px;line-height:1.6}
.landing-one-rule strong{font-size:20px}

.landing-why-cards h3{font-size:22px}
.landing-why-cards p{font-size:14px;line-height:1.68}
.landing-simple-pricing p{font-size:13px;line-height:1.6}
.landing-simple-pricing strong small{font-size:14px}
.landing-security-v3 .landing-trust-grid h3{font-size:18px}
.landing-security-v3 .landing-trust-grid p{font-size:13px;line-height:1.65}
.landing-final-v3 p{font-size:17px}
.landing-final-v3>small{font-size:11px}

@media(max-width:820px){
  .cinematic-hero-copy>p{font-size:17px}
  .cinematic-proof{font-size:11px}
  .landing-focus-heading p,
  .landing-why-copy>p,
  .landing-live-intro-v3 p,
  .landing-security-v3 .landing-trust-heading p{font-size:16px}
  .landing-core-flow article>p,.landing-why-cards p,.landing-security-v3 .landing-trust-grid p{font-size:13px}
}


/* v6.5.4 landing section hierarchy + guided demo */
.landing-section-kicker{
  width:min(1160px,100%);
  margin:0 0 24px;
  display:grid;
  grid-template-columns:42px auto 1fr;
  gap:12px;
  align-items:center;
}
.landing-section-kicker>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  border:1px solid #446755;
  background:#17271f;
  color:#9adcbc;
  font-size:11px;
  font-weight:900;
  letter-spacing:.06em;
}
.landing-section-kicker>b{
  color:#dfe9e5;
  font-size:15px;
  letter-spacing:.15em;
  font-weight:900;
}
.landing-section-kicker>i{
  height:1px;
  background:linear-gradient(90deg,#3c5a4e,#263238 70%,transparent);
}

.landing-focus-system,
.landing-live-demo-v3,
.landing-why-section,
.landing-security-v3{
  position:relative;
}
.landing-live-demo-v3,
.landing-why-section,
.landing-security-v3{
  padding-top:86px;
  border-top:1px solid #2b373c;
}
.landing-focus-system{padding-top:100px}

.demo-tab-coach{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:3px 12px;
  align-items:center;
  margin:12px 0 10px;
  padding:12px 15px;
  border:1px solid #3d554b;
  border-radius:12px;
  background:linear-gradient(90deg,#15221d,#12191d);
}
.demo-tab-coach>span{
  grid-row:1/3;
  display:grid;
  place-items:center;
  min-width:84px;
  min-height:42px;
  border-radius:9px;
  background:#1c3328;
  color:#8dd6b6;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.demo-tab-coach>b{font-size:13px;color:#e0e9e6}
.demo-tab-coach>small{font-size:10px;color:#80908d;line-height:1.45}

#landingLiveDemo .landing-app-frame>nav{
  position:relative;
  overflow:visible;
}
#landingLiveDemo .landing-app-frame>nav button{
  position:relative;
  z-index:1;
}
#landingLiveDemo .landing-app-frame>nav button::after{
  content:"";
  position:absolute;
  inset:-6px;
  border:2px solid rgba(100,218,174,.9);
  border-radius:10px;
  opacity:0;
  pointer-events:none;
  box-shadow:0 0 0 0 rgba(100,218,174,.4);
}
#landingLiveDemo .landing-app-frame>nav button:nth-child(1)::after{animation:demoTabCoach 12.5s infinite}
#landingLiveDemo .landing-app-frame>nav button:nth-child(2)::after{animation:demoTabCoach 12.5s 2.5s infinite}
#landingLiveDemo .landing-app-frame>nav button:nth-child(3)::after{animation:demoTabCoach 12.5s 5s infinite}
#landingLiveDemo .landing-app-frame>nav button:nth-child(4)::after{animation:demoTabCoach 12.5s 7.5s infinite}
#landingLiveDemo .landing-app-frame>nav button:nth-child(5)::after{animation:demoTabCoach 12.5s 10s infinite}
@keyframes demoTabCoach{
  0%,16%{opacity:0;box-shadow:0 0 0 0 rgba(100,218,174,.36)}
  3%,12%{opacity:1;box-shadow:0 0 0 9px rgba(100,218,174,0)}
  18%,100%{opacity:0}
}
#landingLiveDemo .landing-app-frame>nav:hover button::after,
#landingLiveDemo .landing-app-frame>nav:focus-within button::after{animation-play-state:paused}

#landingLiveDemo .chart-tooltip{
  position:fixed;
  z-index:3000;
}
#landingLiveDemo .nw-chart-switch button,
#landingLiveDemo [data-add-group],
#landingLiveDemo [data-add-sub],
#landingLiveDemo [data-add-budget],
#landingLiveDemo [data-add-tx],
#landingLiveDemo [data-toggle-note],
#landingLiveDemo [data-delete-account],
#landingLiveDemo [data-delete-budget]{
  cursor:pointer;
}

@media(max-width:720px){
  .landing-section-kicker{
    grid-template-columns:36px auto 1fr;
    gap:9px;
    margin-bottom:18px;
  }
  .landing-section-kicker>span{width:34px;height:34px;border-radius:10px}
  .landing-section-kicker>b{font-size:12px;letter-spacing:.11em}
  .demo-tab-coach{grid-template-columns:1fr;padding:11px 12px}
  .demo-tab-coach>span{grid-row:auto;justify-self:start;min-width:0;min-height:0;padding:7px 9px}
  #landingLiveDemo .landing-app-frame>nav button::after{inset:-4px}
}
@media(prefers-reduced-motion:reduce){
  #landingLiveDemo .landing-app-frame>nav button::after{animation:none!important}
  #landingLiveDemo .landing-app-frame>nav button.active::after{opacity:.8}
}


/* v6.6.0 visual system cleanup + Budget/Cash Flow categories */
:root{
  --panel:#151c20;
  --panel2:#1b2429;
  --line:#2f3c42;
  --muted:#8f9da1;
  --green:#65d7ad;
}
body{
  background:
    radial-gradient(circle at 50% -180px,rgba(83,150,124,.08),transparent 430px),
    #0d1316;
}
header{
  max-width:1280px;
  padding:calc(20px + env(safe-area-inset-top,0px)) 28px 15px;
  border-bottom:0;
}
.brand{gap:12px}
.brand img{width:54px;height:54px;border-radius:14px}
.brand h1{font-size:27px;letter-spacing:-.65px}
.brand-tagline{font-size:11px}
.brand-meta{font-size:10px}
.header-actions button{
  border-color:#344249;
  background:#161e22;
  border-radius:9px;
  padding:8px 10px;
}
.header-actions button:hover{background:#1d292e;border-color:#49605a}
.header-actions time{color:#718086;font-size:11px}

main{max-width:1280px;padding:0 28px 64px}
main>nav{
  position:relative;
  z-index:20;
  display:flex;
  gap:4px;
  width:max-content;
  max-width:100%;
  margin:10px 0 26px;
  padding:5px;
  border:1px solid #2e3a40;
  border-radius:12px;
  background:#12191d;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}
main>nav button{
  margin:0;
  padding:9px 15px;
  border:1px solid transparent;
  border-radius:8px;
  color:#859399;
  font-size:13px;
  font-weight:760;
  line-height:1;
}
main>nav button:hover{color:#d5dfdc;background:#182125}
main>nav button.active{
  color:#eaf7f1;
  border-color:#3a5d4f;
  background:#1a2b23;
  box-shadow:inset 0 0 0 1px rgba(101,215,173,.05);
}

.page-intro{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:end;
  margin:6px 0 20px;
  padding:8px 2px 3px;
}
.page-intro>div:first-child>span{
  display:block;
  margin-bottom:7px;
  color:#71c9a7;
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;
}
.page-intro h2{
  margin:0;
  font-family:var(--wmd-font-ui);
  font-size:clamp(29px,3.2vw,40px);
  line-height:1.08;
  letter-spacing:-.6px;
}
.page-intro p{
  max-width:760px;
  margin:8px 0 0;
  color:#8b999d;
  font-size:13px;
  line-height:1.65;
}
.page-intro-chip{
  min-width:180px;
  padding:13px 16px;
  border:1px solid #33463e;
  border-radius:12px;
  background:linear-gradient(145deg,#16231e,#12191d);
  text-align:right;
}
.page-intro-chip b{
  display:block;
  color:#eaf6f0;
  font-family:var(--wmd-font-ui);
  font-size:22px;
  font-weight:700;
}
.page-intro-chip span{
  display:block;
  margin-top:2px;
  color:#778780;
  font-size:9px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}

/* Unified card treatment */
.hero,.summary-card,.budget-chart,.category-overview,.cash-settings,.cash-summary,.cash-runway,.money-timeline,
.history-panel,.nw-section,.equity-setup,.short-term-debt-panel,.debt-overview,.debt-plan-panel,.debt-accounts-panel,
.debt-breakdown-panel,.debt-results-panel,.debt-connection,.invest-panel,.invest-toolbar{
  border-color:#2f3c42;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.hero{background:linear-gradient(145deg,#182126,#141b1f)}
.summary-card,.budget-chart,.cash-settings,.cash-summary,.history-panel,.short-term-debt-panel,
.debt-overview,.debt-plan-panel,.debt-accounts-panel,.debt-breakdown-panel,.debt-results-panel,.debt-connection,.invest-panel{
  background:#141b1f;
}
input,select{transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}
input:focus,select:focus{background:#111a18!important}
button{transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}
button:active{transform:translateY(1px)}

/* Category system */
.category-overview{
  margin-top:20px;
  padding:20px;
  background:linear-gradient(155deg,#151e22,#12191d);
}
.category-overview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
}
.category-overview-head>div>span{
  display:block;
  color:#70cba8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.category-overview-head h3{
  margin:4px 0 4px;
  font-family:var(--wmd-font-ui);
  font-size:22px;
}
.category-overview-head p{
  margin:0;
  color:#829095;
  font-size:11px;
  line-height:1.5;
}
.category-overview-head>strong{
  display:grid;
  justify-items:end;
  color:#e6efec;
  font-family:var(--wmd-font-ui);
  font-size:23px;
  white-space:nowrap;
}
.category-overview-head>strong small{
  margin-top:2px;
  color:#718087;
  font-family:var(--wmd-font-ui);
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.category-stack{
  display:flex;
  width:100%;
  height:10px;
  margin:17px 0 15px;
  overflow:hidden;
  border-radius:999px;
  background:#263238;
}
.category-stack i{display:block;height:100%;background:var(--cat);min-width:2px}
.category-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.category-card{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:9px;
  align-items:center;
  min-width:0;
  padding:11px;
  overflow:hidden;
  border:1px solid #2e3a40;
  border-radius:10px;
  background:#11181c;
}
.category-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:var(--cat);
}
.category-icon{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  border:1px solid color-mix(in srgb,var(--cat) 44%,#2d383e);
  border-radius:9px;
  background:color-mix(in srgb,var(--cat) 12%,#151d21);
  color:var(--cat);
  font-size:13px;
  font-weight:900;
}
.category-card>div{min-width:0;display:grid;gap:2px}
.category-card b{
  overflow:hidden;
  color:#dbe5e2;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.category-card small{color:#718087;font-size:8px;line-height:1.25}
.category-card>strong{font-size:11px;white-space:nowrap}
.category-card-track{
  grid-column:2/4;
  height:3px;
  overflow:hidden;
  border-radius:999px;
  background:#263137;
}
.category-card-track em{display:block;height:100%;border-radius:999px;background:var(--cat)}
.category-empty{
  margin-top:14px;
  padding:15px;
  border:1px dashed #334047;
  border-radius:10px;
  color:#748287;
  text-align:center;
  font-size:11px;
}

.category-picker{
  --cat:#7f8d92;
  display:grid;
  grid-template-columns:25px minmax(0,1fr);
  align-items:center;
  min-width:0;
  overflow:hidden;
  border:1px solid #354148;
  border-radius:8px;
  background:#12191d;
}
.category-picker>i{
  display:grid;
  place-items:center;
  height:100%;
  min-height:34px;
  border-right:1px solid #354148;
  background:color-mix(in srgb,var(--cat) 12%,#141b1f);
  color:var(--cat);
  font-style:normal;
  font-size:10px;
  font-weight:900;
}
.category-picker select{
  min-width:0!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  padding:7px 7px!important;
  box-shadow:none!important;
  color:#c9d3d0;
  font-size:10px!important;
  font-weight:750;
}
.category-pill{
  --cat:#7f8d92;
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  padding:7px 8px;
  border:1px solid #354148;
  border-radius:8px;
  background:#12191d;
}
.category-pill i{
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border-radius:6px;
  background:color-mix(in srgb,var(--cat) 13%,#141b1f);
  color:var(--cat);
  font-style:normal;
  font-size:9px;
}
.category-pill b{
  overflow:hidden;
  color:#aebbb7;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Budget */
.budget-top{gap:16px}
.summary-card,.budget-chart{padding:20px}
.summary-card h2{font-size:35px}
.summary-item{background:#192126;border-color:#29353b;border-radius:10px}
.summary-item.positive-target,.summary-item.positive{border-color:#355e4d;background:#15231d}
.section-kicker{
  display:block;
  margin-bottom:3px;
  color:#75858a!important;
  font-size:8px!important;
  font-weight:900;
  letter-spacing:.11em;
}
.budget-section,.flow-section{
  margin-top:18px;
  border-color:#2e3b41;
  border-radius:12px;
  background:#141b1f;
}
.section-head,.flow-head{padding:13px 14px}
.section-head h3,.flow-head h3{font-size:18px}
.budget-section.income .section-head,.flow-section.income .flow-head{background:linear-gradient(90deg,#1d3028,#18231f)}
.budget-section.needs .section-head,.flow-section.needs .flow-head{background:linear-gradient(90deg,#342426,#221b1d)}
.budget-section.wants .section-head,.flow-section.wants .flow-head{background:linear-gradient(90deg,#342f22,#211f19)}
.budget-section.savings .section-head,.flow-section.savings .flow-head{background:linear-gradient(90deg,#202d39,#191f27)}
.flow-section.debt .flow-head{background:linear-gradient(90deg,#302838,#211d27)}
.budget-grid{
  grid-template-columns:58px minmax(190px,1.45fr) 155px 120px 108px 150px 110px 24px;
  gap:8px;
  min-width:1020px;
  padding:8px 10px;
}
.budget-grid.grid-header{font-size:10px}
.budget-grid input,.budget-grid>select{border-radius:8px;padding:8px}
.budget-section{overflow-x:auto;overscroll-behavior-x:contain}

/* Cash Flow */
.cash-settings{
  grid-template-columns:minmax(180px,.8fr) minmax(180px,.7fr) minmax(0,1.5fr);
  padding:14px;
  gap:12px;
}
.cash-kpis{gap:10px}
.cash-kpi{background:#141b1f;border-radius:12px;padding:13px 14px}
.cash-kpi b{font-size:20px}
.cash-summary{margin:14px 0;padding:20px}
.flow-grid{
  grid-template-columns:128px minmax(180px,1.35fr) 150px 112px 54px 112px 28px;
  gap:8px;
  min-width:900px;
  padding:8px 10px;
}
.flow-grid.grid-header{font-size:10px}
.flow-grid input{border-radius:8px;padding:8px}
.flow-section{overflow-x:auto!important}
.flow-progress{min-width:900px}
.cashflow-sections-wide{min-width:0}
.cashflow-sections-scroll{overflow:visible}
.money-timeline,.cash-runway{border-radius:14px}
.money-timeline-event{border-radius:10px}

/* Net Worth */
.hero{border-radius:16px;padding:25px;min-height:280px}
.hero h2{font-size:43px}
.nw-board{gap:18px;margin-top:18px}
.nw-column{gap:18px}
.nw-section{border-radius:14px}
.nw-section-title{padding:13px 15px;background:#1a2328}
.nw-group-head{background:#1c252a}
.nw-subrow{padding-top:7px;padding-bottom:7px}
.history-panel{margin-top:18px}

/* Debt + investments */
.debt-page{gap:16px}
.debt-overview,.debt-plan-panel,.debt-accounts-panel,.debt-breakdown-panel,.debt-results-panel,.debt-connection{padding:17px}
.debt-hero-kpis article,.debt-result-kpis article{background:#11181c;border-radius:10px}
.debt-method-card{background:#11181c}
.invest-page{display:grid;gap:14px}
.invest-toolbar{
  margin:0;
  padding:7px;
  background:#12191d;
}
.invest-subnav{gap:4px}
.invest-subnav button{border-radius:8px}
.invest-panel{padding:18px}

/* Make small supporting copy readable throughout the signed-in app */
.history-head p,.chart-help,.panel-title span,.cash-summary small,.cash-settings small,
.debt-panel-head>p,.debt-plan-controls label>small,.debt-fit small,.debt-connection-grid p,.debt-connection-note,
.invest-panel-head p,.invest-account-config small,.invest-market-status{
  font-size:11px;
  line-height:1.5;
}

@media(max-width:1080px){
  .category-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cash-settings{grid-template-columns:1fr 1fr}
  .cash-debt-selector{grid-column:1/-1}
}
@media(max-width:760px){
  header{padding-left:16px;padding-right:16px}
  main{padding-left:14px;padding-right:14px}
  main>nav{
    width:100%;
    overflow-x:auto;
    gap:3px;
    margin-bottom:20px;
    scrollbar-width:none;
  }
  main>nav::-webkit-scrollbar{display:none}
  main>nav button{flex:0 0 auto;padding:9px 12px;font-size:12px}
  .page-intro{grid-template-columns:1fr;gap:12px;margin-bottom:17px}
  .page-intro h2{font-size:30px}
  .page-intro p{font-size:12px}
  .page-intro-chip{min-width:0;width:100%;text-align:left}
  .page-intro-chip b{font-size:20px}
  .category-overview{padding:15px}
  .category-overview-head{align-items:flex-start;display:grid;gap:10px}
  .category-overview-head>strong{justify-items:start}
  .category-card-grid{grid-template-columns:1fr 1fr}
  .budget-top{gap:12px}
  .budget-grid{min-width:980px}
  .flow-grid,.flow-progress{min-width:870px}
  .cashflow-sections-scroll{overflow-x:auto}
  .cashflow-sections-wide{min-width:870px}
  .cash-settings{grid-template-columns:1fr}
  .cash-debt-selector{grid-column:auto}
}
@media(max-width:480px){
  .category-card-grid{grid-template-columns:1fr}
  .category-card{grid-template-columns:32px minmax(0,1fr) auto}
}


/* v6.6.1 category picker, cash balance prominence, and Money Calendar */
.cashflow-top-balances{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  min-width:390px;
}
.cashflow-top-balances .page-intro-chip{
  min-width:0;
  text-align:left;
  padding:14px 16px;
}
.cashflow-top-balances .page-intro-chip.current{
  border-color:#355749;
  background:linear-gradient(145deg,#172820,#121a17);
}
.cashflow-top-balances .page-intro-chip.projected{
  border-color:#425d54;
  background:linear-gradient(145deg,#18241f,#12191d);
}
.cashflow-top-balances .page-intro-chip.warning{
  border-color:#764b4e;
  background:linear-gradient(145deg,#2a1f21,#171719);
}
.cashflow-top-balances .page-intro-chip b{
  font-size:27px;
  line-height:1;
}
.cashflow-top-balances .page-intro-chip span{
  margin-top:7px;
  color:#92a39c;
  font-size:9px;
}
.cashflow-top-balances .page-intro-chip small{
  display:block;
  margin-top:3px;
  color:#6f8079;
  font-size:9px;
}

/* Dark custom category picker. Avoids the OS/browser white select menu. */
.category-picker-wrap{
  --cat:#7c8b91;
  position:relative;
  min-width:0;
}
.category-picker{
  width:100%;
  min-width:0;
  height:38px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  padding:6px 9px;
  border:1px solid #39474d;
  border-radius:8px;
  background:#11191d;
  color:#d9e4e0;
  text-align:left;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--cat) 78%,transparent);
}
.category-picker:hover,
.category-picker[aria-expanded="true"]{
  border-color:color-mix(in srgb,var(--cat) 58%,#43525a);
  background:#172126;
}
.category-picker>span{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  font-size:15px;
  line-height:1;
}
.category-picker>b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:800;
}
.category-picker>i{
  color:#859398;
  font-style:normal;
  font-size:11px;
}
.category-menu{
  position:absolute;
  z-index:400;
  left:0;
  top:calc(100% + 5px);
  width:max(220px,100%);
  max-height:320px;
  display:none;
  overflow:auto;
  padding:6px;
  border:1px solid #425159;
  border-radius:11px;
  background:#10171b;
  box-shadow:0 18px 48px rgba(0,0,0,.55);
}
.category-picker-wrap.open{z-index:450}
.category-picker-wrap.open .category-menu{display:grid;gap:3px}
.category-option{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  width:100%;
  min-height:36px;
  padding:6px 8px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#cbd6d2;
  text-align:left;
}
.category-option:hover{background:#1a2429;border-color:#34444a}
.category-option.selected{
  background:color-mix(in srgb,var(--cat) 10%,#172025);
  border-color:color-mix(in srgb,var(--cat) 42%,#36434a);
}
.category-option>span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border-radius:7px;
  background:color-mix(in srgb,var(--cat) 12%,#182025);
  font-size:15px;
}
.category-option>b{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
}
.category-option>i{color:#76d3ad;font-style:normal;font-size:11px}
.category-option.create{
  margin-top:4px;
  border-top:1px solid #2c383e;
  border-radius:0 0 8px 8px;
  padding-top:9px;
  color:#91d9bc;
}
.category-option.create>span{background:#183127}
.category-option.create small{
  grid-column:2/4;
  margin-top:-5px;
  color:#708078;
  font-size:8px;
}
.category-pill{
  padding:7px 9px;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--cat) 75%,transparent);
}
.category-pill b{
  font-size:10px;
  white-space:nowrap;
}

/* Make category composition visually distinct, even when colors are similar. */
.category-stack{
  gap:3px;
  height:12px;
  padding:2px;
  background:#0e1518;
  border:1px solid #2e3a40;
}
.category-stack i{
  position:relative;
  min-width:4px;
  border-radius:4px;
  background:var(--cat);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}
.category-stack i:nth-child(even){filter:brightness(1.12) saturate(1.08)}
.category-stack i:nth-child(3n){filter:brightness(.90) saturate(1.18)}
.category-card{
  border-color:color-mix(in srgb,var(--cat) 22%,#303d43);
}
.category-icon{
  border-color:color-mix(in srgb,var(--cat) 38%,#354147);
  background:color-mix(in srgb,var(--cat) 10%,#151d21);
  font-size:16px;
}

/* Money Calendar */
.money-calendar{
  margin:16px 0;
  padding:18px;
  border:1px solid #303d43;
  border-radius:14px;
  background:#141b1f;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.money-calendar-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:14px;
}
.money-calendar-head>div>span{
  display:block;
  color:#69d5aa;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.money-calendar-head h3{
  margin:4px 0 0;
  font-family:var(--wmd-font-ui);
  font-size:23px;
}
.money-calendar-head p{
  max-width:590px;
  margin:0;
  color:#859398;
  font-size:11px;
  line-height:1.5;
  text-align:right;
}
.money-calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.money-calendar-weekdays,
.money-calendar-grid{
  min-width:850px;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
}
.money-calendar-weekdays{
  margin-bottom:6px;
  color:#67767b;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
  text-align:center;
}
.money-calendar-day{
  min-height:118px;
  padding:9px;
  border:1px solid #2c383e;
  border-radius:10px;
  background:#10171b;
  display:flex;
  flex-direction:column;
  min-width:0;
}
.money-calendar-day.blank{
  border-color:transparent;
  background:transparent;
}
.money-calendar-day.has-items{background:#121b1f}
.money-calendar-day.today{
  border-color:#559178;
  box-shadow:inset 0 0 0 1px rgba(101,215,173,.12);
}
.money-calendar-date{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:5px;
  margin-bottom:7px;
}
.money-calendar-date>b{font-size:13px;color:#d8e2df}
.money-calendar-date>span{
  padding:2px 5px;
  border-radius:999px;
  background:#1b392d;
  color:#7ed8b2;
  font-size:7px;
  font-weight:900;
  letter-spacing:.08em;
}
.money-calendar-items{
  display:grid;
  gap:4px;
  flex:1;
  align-content:start;
}
.calendar-item{
  position:relative;
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:4px;
  align-items:center;
  min-width:0;
  padding:4px 5px;
  overflow:hidden;
  border-radius:6px;
  background:color-mix(in srgb,var(--cat) 10%,#151d21);
}
.calendar-item:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:2px;
  background:var(--cat);
}
.calendar-item i{
  font-style:normal;
  font-size:11px;
  text-align:center;
}
.calendar-item b{
  overflow:hidden;
  color:#aebbb7;
  font-size:8px;
  font-weight:750;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.money-calendar-items>small{
  color:#6f7e83;
  font-size:8px;
  padding-left:3px;
}
.money-calendar-net{
  margin-top:7px;
  padding-top:6px;
  border-top:1px solid #273238;
  font-size:9px;
  font-weight:850;
  text-align:right;
}
.money-calendar-net.positive{color:#6dd3aa}
.money-calendar-net.negative{color:#cf8084}

@media(max-width:900px){
  .cashflow-top-balances{min-width:0;width:100%}
}
@media(max-width:760px){
  .cashflow-top-balances{grid-template-columns:1fr 1fr}
  .cashflow-top-balances .page-intro-chip b{font-size:22px}
  .money-calendar{padding:14px}
  .money-calendar-head{display:grid;gap:7px}
  .money-calendar-head p{text-align:left}
}
@media(max-width:480px){
  .cashflow-top-balances{grid-template-columns:1fr}
  .category-menu{position:fixed;left:14px;right:14px;top:auto;bottom:14px;width:auto;max-height:55dvh}
}


/* v6.6.2 interactive Cash Flow calendar */
.calendar-item{
  width:100%;
  border:1px solid transparent;
  cursor:pointer;
  text-align:left;
}
.calendar-item:hover{
  border-color:color-mix(in srgb,var(--cat) 38%,#354147);
  background:color-mix(in srgb,var(--cat) 15%,#172126);
}
.calendar-item{
  grid-template-columns:16px 18px minmax(0,1fr) auto;
}
.calendar-status{
  display:grid;
  place-items:center;
  width:14px;
  height:14px;
  border-radius:50%;
  color:#6f7e83;
  font-size:8px;
  font-weight:900;
}
.calendar-item.complete{
  opacity:.68;
}
.calendar-item.complete .calendar-status{
  background:#1a4a37;
  color:#8ce0bb;
}
.calendar-item.complete b{
  text-decoration:line-through;
  text-decoration-thickness:1px;
  text-decoration-color:#7f8e89;
}
.calendar-item.complete em{color:#82918c}
.calendar-item.past-due{
  border-color:#6d4c33;
  background:#211a16;
}
.calendar-item.past-due .calendar-status{
  background:#51351f;
  color:#efb36c;
}
.calendar-item em{
  font-style:normal;
  font-size:8px;
  font-weight:800;
  color:#93a19d;
  white-space:nowrap;
}
.money-calendar-day.all-done{
  background:linear-gradient(160deg,#13211b,#10171b);
  border-color:#2e5948;
}
.money-calendar-day.past-due{
  border-color:#63432d;
  box-shadow:inset 0 0 0 1px rgba(216,143,78,.05);
}
.money-calendar-date>div{
  display:flex;
  align-items:center;
  gap:5px;
}
.calendar-add{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  padding:0;
  border:1px solid #354249;
  border-radius:7px;
  background:#151e22;
  color:#89d5b5;
  font-size:15px;
  line-height:1;
}
.calendar-add:hover{
  border-color:#4e7b68;
  background:#1b2d25;
}

/* Calendar quick editor */
.cash-calendar-editor-backdrop{
  position:fixed;
  inset:0;
  z-index:1700;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(4,8,10,.84);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.cash-calendar-editor{
  position:relative;
  width:min(680px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  padding:28px;
  border:1px solid #3a4a50;
  border-radius:20px;
  background:
    radial-gradient(circle at 88% 0%,rgba(91,177,143,.10),transparent 30%),
    #141c20;
  box-shadow:0 30px 100px rgba(0,0,0,.58);
}
.cash-calendar-editor-close{
  position:absolute;
  right:14px;
  top:14px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #415058;
  border-radius:9px;
  background:#1b252a;
  color:#dce5e2;
  font-size:21px;
}
.cash-calendar-editor-head>span{
  display:block;
  color:#72d0aa;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.cash-calendar-editor-head h2{
  margin:5px 0 6px;
  font-family:var(--wmd-font-ui);
  font-size:29px;
}
.cash-calendar-editor-head p{
  margin:0 44px 20px 0;
  color:#839196;
  font-size:11px;
  line-height:1.55;
}
.cash-calendar-editor-grid{
  display:grid;
  grid-template-columns:1.5fr 1fr 1fr;
  gap:10px;
}
.cash-calendar-editor-grid>label{
  display:grid;
  gap:5px;
}
.cash-calendar-editor-grid>label>span,
.cash-calendar-category>div>span{
  color:#75858a;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.cash-calendar-editor-grid input,
.cash-calendar-editor-grid select{
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.cash-calendar-done{
  grid-template-columns:auto 34px minmax(0,1fr);
  align-items:center;
  align-self:end;
  min-height:38px;
  padding:0 10px;
  border:1px solid #344148;
  border-radius:8px;
  background:#11191d;
}
.cash-calendar-done>span{grid-column:1}
.cash-calendar-done input{grid-column:2;width:18px}
.cash-calendar-done b{
  color:#a9b7b3;
  font-size:10px;
  font-weight:800;
}
.cash-calendar-category{
  margin-top:16px;
  padding-top:15px;
  border-top:1px solid #2b373d;
}
.cash-calendar-category>div:first-child{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.cash-calendar-category>div:first-child>strong{
  display:flex;
  align-items:center;
  gap:7px;
  color:#cdd8d4;
  font-size:11px;
}
.cash-calendar-category>div:first-child i{
  font-style:normal;
  font-size:16px;
}
.cash-calendar-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:10px;
}
.cash-calendar-cat{
  --cat:#7c8b91;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:7px;
  align-items:center;
  min-width:0;
  padding:7px 8px;
  border:1px solid #303d43;
  border-radius:9px;
  background:#11181c;
  color:#becbc7;
  text-align:left;
}
.cash-calendar-cat:hover{
  background:#182227;
  border-color:color-mix(in srgb,var(--cat) 45%,#3a474e);
}
.cash-calendar-cat.selected{
  border-color:color-mix(in srgb,var(--cat) 70%,#3a474e);
  background:color-mix(in srgb,var(--cat) 12%,#151d21);
}
.cash-calendar-cat>span{
  display:grid;
  place-items:center;
  width:27px;
  height:27px;
  border-radius:7px;
  background:color-mix(in srgb,var(--cat) 12%,#182025);
  font-size:15px;
}
.cash-calendar-cat>b{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
}
.cash-calendar-cat.create{
  border-style:dashed;
  color:#8fd9bb;
}
.cash-calendar-editor-actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-top:20px;
  padding-top:16px;
  border-top:1px solid #2b373d;
}
.cash-calendar-editor-actions>div{
  display:flex;
  gap:8px;
  margin-left:auto;
}
.cash-calendar-delete,
.cash-calendar-cancel,
.cash-calendar-save{
  padding:10px 13px;
  border-radius:9px;
  font-weight:800;
}
.cash-calendar-delete{
  border:1px solid #664246;
  background:#27191c;
  color:#dfa0a5;
}
.cash-calendar-cancel{
  border:1px solid #3d4b51;
  background:#192126;
  color:#b8c5c1;
}
.cash-calendar-save{
  border:1px solid #4d806a;
  background:#214a38;
  color:#e4f8ee;
}

@media(max-width:720px){
  .cash-calendar-editor{padding:22px 16px 18px;border-radius:16px}
  .cash-calendar-editor-grid{grid-template-columns:1fr 1fr}
  .cash-calendar-category-grid{grid-template-columns:1fr 1fr}
  .cash-calendar-editor-actions{align-items:stretch;flex-direction:column-reverse}
  .cash-calendar-editor-actions>div{width:100%;margin-left:0}
  .cash-calendar-editor-actions button{flex:1}
  .cash-calendar-delete{width:100%}
}


/* v6.6.3 category cleanup + editable top balance + calendar editor polish */
.cashflow-top-balances .page-intro-chip.current{
  display:grid;
  align-content:start;
}
.top-balance-entry{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:4px;
  margin-bottom:7px;
}
.top-balance-entry>span{
  color:#8ed9bb;
  font-family:var(--wmd-font-ui);
  font-size:27px;
  line-height:1;
}
.top-balance-entry input{
  width:100%;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
  color:#f3f7f5;
  font-family:var(--wmd-font-ui);
  font-size:27px;
  font-weight:700;
  line-height:1;
  box-shadow:none;
}
.top-balance-entry input:focus{
  background:transparent!important;
  outline:none;
  box-shadow:0 1px 0 #67d6ad;
}
.top-balance-entry.plaid-readonly input{color:#c8d3cf}

.category-menu{
  z-index:5000!important;
  max-height:360px;
  overscroll-behavior:contain;
}
.category-option>span{font-size:17px}
.category-option>b{font-size:11px}
.category-picker>span{font-size:16px}
.category-picker{overflow:visible}
.category-picker-wrap.open{z-index:5001}

.category-overview{
  padding:22px;
  background:
    radial-gradient(circle at 90% 0%,rgba(97,183,145,.05),transparent 26%),
    linear-gradient(155deg,#151e22,#12191d);
}
.category-stack{
  height:14px;
  gap:4px;
  padding:3px;
  margin:18px 0;
}
.category-stack i{
  border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),0 0 0 1px rgba(0,0,0,.26);
}
.category-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.category-card{
  min-height:76px;
  padding:12px;
  border-radius:12px;
  background:linear-gradient(145deg,#11191d,#0f1619);
}
.category-card:before{width:4px}
.category-icon{
  width:36px;
  height:36px;
  border-radius:11px;
  font-size:19px;
}
.category-card b{font-size:12px}
.category-card small{font-size:9px}
.category-card>strong{font-size:12px}
.category-more{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid #2a363b;
}
.category-more>span{
  display:block;
  margin-bottom:8px;
  color:#6f7f83;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.category-more>div{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.category-more-pill{
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid color-mix(in srgb,var(--cat) 28%,#324047);
  border-radius:999px;
  background:color-mix(in srgb,var(--cat) 7%,#11181c);
}
.category-more-pill i{font-style:normal;font-size:13px}
.category-more-pill b{font-size:9px;color:#c3ceca}
.category-more-pill strong{font-size:9px;color:#93a19d}

/* Let category popovers escape row/section clipping. */
.budget-section,.flow-section{overflow:visible!important}
.cashflow-sections-scroll{overflow-x:auto;overflow-y:visible}
.cashflow-sections-wide{overflow:visible}
.budget-grid,.flow-grid{position:relative}
.budget-grid:has(.category-picker-wrap.open),
.flow-grid:has(.category-picker-wrap.open){z-index:6000}
.budget-section:has(.category-picker-wrap.open),
.flow-section:has(.category-picker-wrap.open){z-index:6000}

/* Calendar editor: dark, legible fields and tighter composition */
.cash-calendar-editor{
  width:min(720px,100%);
  background:
    radial-gradient(circle at 85% -10%,rgba(97,183,145,.09),transparent 30%),
    #131b1f;
}
.cash-calendar-editor-grid{
  grid-template-columns:1.4fr .8fr 1fr;
}
.cash-calendar-editor-grid input,
.cash-calendar-editor-grid select,
.cash-calendar-editor-grid .currency-input{
  background:#0f161a!important;
  border-color:#3b484e!important;
  color:#e7efec!important;
}
.cash-calendar-editor-grid input::placeholder{color:#627177}
.cash-calendar-editor-grid select{
  color-scheme:dark;
}
.cash-calendar-editor-grid input[type="date"]{
  color-scheme:dark;
}
.cash-calendar-editor-grid input:disabled{
  opacity:.58;
  background:#182024!important;
  color:#899793!important;
}
.cash-calendar-done{
  background:#0f161a;
  border-color:#3b484e;
}
.cash-calendar-category{
  margin-top:18px;
}
.cash-calendar-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.cash-calendar-cat{
  min-height:58px;
  border-radius:11px;
}
.cash-calendar-cat>span{font-size:18px}
.cash-calendar-cat>b{font-size:10px}
.cash-calendar-cat.selected{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 32%,transparent);
}
.cash-calendar-editor-actions{
  position:sticky;
  bottom:-28px;
  margin-left:-28px;
  margin-right:-28px;
  padding:16px 28px 0;
  background:linear-gradient(180deg,rgba(19,27,31,0),#131b1f 22%);
}

/* Improve category column width a little for readable labels */
.budget-grid{
  grid-template-columns:58px minmax(190px,1.45fr) 180px 120px 108px 150px 110px 24px;
  min-width:1045px;
}
.flow-grid{
  grid-template-columns:128px minmax(180px,1.35fr) 175px 112px 54px 112px 28px;
  min-width:925px;
}
.flow-progress{min-width:925px}

@media(max-width:1080px){
  .category-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .category-card-grid{grid-template-columns:1fr}
  .cash-calendar-editor-grid{grid-template-columns:1fr 1fr}
  .cash-calendar-category-grid{grid-template-columns:1fr 1fr}
  .cash-calendar-editor-actions{
    bottom:-18px;
    margin-left:-16px;
    margin-right:-16px;
    padding-left:16px;
    padding-right:16px;
  }
}


/* v6.6.4 category hover details + cleaner past-due Cash Flow */
.category-stack-segment{
  cursor:help;
  transition:filter .12s ease,transform .12s ease,box-shadow .12s ease;
}
.category-stack-segment:hover{
  filter:brightness(1.22) saturate(1.08);
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,255,255,.22),0 2px 9px rgba(0,0,0,.25);
}
.category-stack-segment:focus-visible{
  outline:2px solid #71d5ae;
  outline-offset:2px;
}

/* Keep the date control normal; make past-due status a compact secondary cue. */
.flow-grid.past-unfinished{
  opacity:1;
  background:rgba(109,68,42,.07);
  box-shadow:inset 3px 0 0 #8c623e;
}
.flow-grid.past-unfinished.below-min{
  background:rgba(132,46,50,.15);
  box-shadow:inset 3px 0 0 #d27878;
}
.flow-grid.past-unfinished .flow-date-editor{
  border-color:#445159;
  background:#131b1f;
  color:#b9c4c1;
}
.flow-grid.past-unfinished .flow-date-editor select{
  background:#1a2429;
  color:#eef3f1;
}
.past-unfinished-note{
  display:inline-flex;
  align-items:center;
  gap:5px;
  width:max-content;
  max-width:100%;
  min-height:20px;
  padding:2px 7px;
  overflow:hidden;
  border:1px solid #654a32;
  border-radius:999px;
  background:#241c17;
  color:#dfb77e;
  font-size:8px;
  font-weight:850;
  line-height:1.25;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.past-unfinished-note span{
  color:#efc184;
  font-weight:900;
}
.past-unfinished-note em{
  overflow:hidden;
  color:#9f8f7c;
  font-style:normal;
  font-weight:700;
  text-overflow:ellipsis;
}
.flow-date-cell{align-content:center}


/* v6.6.5 custom category deletion */
.category-option-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:4px;
  align-items:center;
}
.category-option-row>.category-option{
  min-width:0;
}
.category-option-delete{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #573c40;
  border-radius:8px;
  background:#21171a;
  color:#c8888e;
  font-size:17px;
  line-height:1;
}
.category-option-delete:hover{
  border-color:#875158;
  background:#321f23;
  color:#f0abb1;
}
.category-option-row.custom .category-option{
  border-color:rgba(113,213,174,.08);
}


/* v6.6.6 interactive money mix rail */
.category-overview.money-mix{
  padding:24px;
}
.money-mix .category-overview-head{
  margin-bottom:18px;
}
.money-mix-stage{
  display:grid;
  gap:12px;
}
.money-mix-focus{
  --cat:#65d7ad;
  display:flex;
  align-items:center;
  gap:13px;
  min-height:64px;
  padding:12px 15px;
  border:1px solid color-mix(in srgb,var(--cat) 36%,#344149);
  border-radius:13px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--cat) 10%,#12191d),#12191d 72%);
}
.money-mix-focus>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 auto;
  border-radius:12px;
  background:color-mix(in srgb,var(--cat) 14%,#172025);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat) 38%,#37444a);
  font-size:24px;
  transition:transform .16s ease;
}
.money-mix-focus>div{
  display:grid;
  gap:2px;
}
.money-mix-focus b{
  font-size:14px;
  color:#e5edea;
}
.money-mix-focus strong{
  display:flex;
  align-items:center;
  gap:7px;
  color:#dce6e2;
  font-size:18px;
}
.money-mix-focus strong em{
  font-style:normal;
}
.money-mix-focus strong i{
  color:#627177;
  font-style:normal;
}
.money-mix-focus small{
  color:#76868b;
  font-size:9px;
}
.money-mix-rail{
  display:flex;
  align-items:stretch;
  width:100%;
  min-height:54px;
  gap:4px;
  padding:4px;
  overflow:visible;
  border:1px solid #344148;
  border-radius:14px;
  background:#0d1417;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.money-mix-segment{
  --cat:#7c8b91;
  flex:var(--share) 1 0;
  min-width:8px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:46px;
  padding:5px 8px;
  overflow:visible;
  border:0;
  border-radius:10px;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--cat) 94%,white 3%),color-mix(in srgb,var(--cat) 82%,black 10%));
  color:#f6fbf8;
  cursor:pointer;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
  transition:flex-grow .18s ease,transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.money-mix-segment span{
  font-size:17px;
  line-height:1;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.28));
  transition:font-size .18s ease,transform .18s ease;
}
.money-mix-segment b{
  max-width:110px;
  overflow:hidden;
  font-size:9px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.35);
}
.money-mix-segment:hover,
.money-mix-segment:focus-visible,
.money-mix-segment.selected{
  z-index:5;
  flex-grow:calc(var(--share) * 1.10);
  transform:translateY(-5px) scaleY(1.08);
  filter:brightness(1.13) saturate(1.08);
  box-shadow:0 10px 24px rgba(0,0,0,.28),inset 0 0 0 2px rgba(255,255,255,.30);
  outline:none;
}
.money-mix-segment:hover span,
.money-mix-segment:focus-visible span,
.money-mix-segment.selected span{
  font-size:24px;
  transform:translateY(-1px);
}
.money-mix-segment:hover b,
.money-mix-segment:focus-visible b,
.money-mix-segment.selected b{
  font-size:10px;
}
.money-mix-legend{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:13px;
}
.money-mix-legend-item,
.money-mix-more{
  --cat:#7c8b91;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  border:1px solid #354249;
  border-radius:999px;
  background:#11191d;
  color:#aebbb7;
}
.money-mix-legend-item:hover,
.money-mix-legend-item.selected{
  border-color:color-mix(in srgb,var(--cat) 55%,#445158);
  background:color-mix(in srgb,var(--cat) 10%,#131b1f);
  color:#e0e8e5;
}
.money-mix-legend-item i{
  font-style:normal;
  font-size:13px;
}
.money-mix-legend-item b{
  font-size:9px;
}
.money-mix-legend-item span{
  color:#78878c;
  font-size:9px;
  font-weight:800;
}
.money-mix-more{
  color:#8bd5b7;
  border-color:#3c5b4e;
  font-size:9px;
  font-weight:850;
}
.money-mix-all{
  display:none;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px;
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #2a363b;
}
.money-mix-all.open{display:grid}
.money-mix-all-item{
  --cat:#7c8b91;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  gap:7px;
  align-items:center;
  padding:7px 9px;
  border:1px solid #303d43;
  border-radius:9px;
  background:#10171b;
  color:#b9c5c1;
  text-align:left;
}
.money-mix-all-item:hover,
.money-mix-all-item.selected{
  border-color:color-mix(in srgb,var(--cat) 48%,#3b474e);
  background:color-mix(in srgb,var(--cat) 8%,#131b1f);
}
.money-mix-all-item i{
  font-style:normal;
  font-size:15px;
}
.money-mix-all-item b{
  overflow:hidden;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.money-mix-all-item span{
  color:#78878c;
  font-size:8px;
  white-space:nowrap;
}

/* Old category cards are no longer used in v6.6.6 */
.money-mix .category-card-grid,
.money-mix .category-more,
.money-mix .category-stack{
  display:none!important;
}

@media(max-width:760px){
  .category-overview.money-mix{padding:16px}
  .money-mix-focus{min-height:58px}
  .money-mix-rail{
    min-height:58px;
    gap:3px;
  }
  .money-mix-segment{
    min-height:50px;
    padding:4px 5px;
  }
  .money-mix-segment b{
    display:none;
  }
  .money-mix-segment span{
    font-size:15px;
  }
  .money-mix-segment:hover,
  .money-mix-segment:focus-visible,
  .money-mix-segment.selected{
    transform:translateY(-3px) scaleY(1.05);
  }
  .money-mix-segment:hover span,
  .money-mix-segment:focus-visible span,
  .money-mix-segment.selected span{
    font-size:21px;
  }
  .money-mix-all{grid-template-columns:1fr}
}


/* v6.6.7 landing hero mobile separation + richer product animation */
.cinematic-scene{
  animation-duration:24s!important;
}
.scene-paycheck{animation-delay:0s!important}
.scene-mix{animation-delay:4s!important}
.scene-calendar{animation-delay:8s!important}
.scene-surprise{animation-delay:12s!important}
.scene-plan{animation-delay:16s!important}
.scene-grow{animation-delay:20s!important}

@keyframes cinematicScene{
  0%,14%{opacity:0;transform:translateY(-50%) translateX(30px) scale(.97)}
  3%,11%{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}
  17%,100%{opacity:0;transform:translateY(-50%) translateX(-24px) scale(1.01)}
}

.cinematic-mix-card,
.cinematic-calendar-card{
  border:1px solid #3c4b51;
  border-radius:18px;
  background:rgba(15,23,27,.91);
  box-shadow:0 28px 70px rgba(0,0,0,.36);
  backdrop-filter:blur(12px);
}
.cinematic-mix-card{padding:18px}
.cinematic-mix-focus{
  display:flex;
  align-items:center;
  gap:13px;
  padding:12px;
  border:1px solid #36564a;
  border-radius:13px;
  background:#14221c;
}
.cinematic-mix-focus>span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:12px;
  background:#1f332a;
  font-size:23px;
}
.cinematic-mix-focus>div{display:grid;gap:2px}
.cinematic-mix-focus small{
  color:#6fd0aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.cinematic-mix-focus b{font-size:23px}
.cinematic-mix-focus em{
  color:#7e8f89;
  font-size:9px;
  font-style:normal;
}
.cinematic-mini-rail{
  display:flex;
  gap:4px;
  align-items:stretch;
  height:48px;
  margin-top:11px;
  padding:4px;
  border:1px solid #303d43;
  border-radius:12px;
  background:#0e1518;
}
.cinematic-mini-rail i{
  flex:var(--w) 1 0;
  display:grid;
  place-items:center;
  min-width:6px;
  border-radius:8px;
  background:var(--mix);
  font-style:normal;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.13);
  animation:cinematicMixPulse 2.4s ease-in-out infinite;
}
.cinematic-mini-rail i:nth-child(2){animation-delay:.18s}
.cinematic-mini-rail i:nth-child(3){animation-delay:.36s}
.cinematic-mini-rail i:nth-child(4){animation-delay:.54s}
.cinematic-mini-rail i:nth-child(5){animation-delay:.72s}
.cinematic-mini-rail i:nth-child(6){animation-delay:.9s}
.cinematic-mini-rail i:nth-child(7){animation-delay:1.08s}
.cinematic-mini-rail i:nth-child(8){animation-delay:1.26s}
.cinematic-mini-rail span{font-size:14px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}
@keyframes cinematicMixPulse{
  0%,100%{transform:translateY(0);filter:brightness(.92)}
  45%,55%{transform:translateY(-4px);filter:brightness(1.14)}
}
.cinematic-mix-caption{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  margin-top:11px;
  color:#75858a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
}
.cinematic-mix-caption i{font-style:normal;color:#4e645b}
.cinematic-mix-caption b{color:#8fd7b9}

.cinematic-calendar-card{padding:17px}
.cinematic-calendar-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  margin-bottom:10px;
}
.cinematic-calendar-head span{
  color:#6ecdaa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.cinematic-calendar-head b{
  color:#dce8e3;
  font-size:11px;
}
.cinematic-calendar-days{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
.cinematic-calendar-days article{
  min-height:108px;
  display:flex;
  flex-direction:column;
  padding:9px;
  border:1px solid #303c42;
  border-radius:11px;
  background:#11181c;
}
.cinematic-calendar-days article.done{
  border-color:#365846;
  background:#122019;
  opacity:.77;
}
.cinematic-calendar-days span{
  color:#e1e9e6;
  font-family:var(--wmd-font-ui);
  font-size:19px;
}
.cinematic-calendar-days small{
  margin-bottom:auto;
  color:#66767b;
  font-size:7px;
  font-weight:900;
}
.cinematic-calendar-days b{
  margin-top:8px;
  color:#d99598;
  font-size:10px;
}
.cinematic-calendar-days b.positive{color:#6fd1a9}
.cinematic-calendar-days em{
  margin-top:4px;
  overflow:hidden;
  color:#83918d;
  font-size:7px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}

/* Mobile hero is two distinct zones: animated product stage first, copy second. */
@media(max-width:820px){
  .landing-cinematic-hero{
    display:block!important;
    min-height:0!important;
    overflow:hidden;
    padding:0 0 58px;
  }
  .cinematic-film{
    position:absolute!important;
    inset:0 0 auto 0!important;
    height:470px!important;
    overflow:hidden!important;
    border-bottom:1px solid #253137;
    background:
      radial-gradient(circle at 50% 34%,rgba(91,189,149,.10),transparent 45%),
      #091013;
  }
  .cinematic-shade{
    inset:0 0 auto 0!important;
    height:505px!important;
    background:
      linear-gradient(180deg,rgba(7,11,13,.02) 0%,rgba(7,11,13,.04) 70%,rgba(14,20,23,.86) 90%,#0e1417 100%)!important;
    pointer-events:none;
  }
  .cinematic-scene{
    top:50%!important;
    right:50%!important;
    width:min(620px,90vw)!important;
    transform:translate(50%,-50%) scale(.94)!important;
  }
  @keyframes cinematicScene{
    0%,14%{opacity:0;transform:translate(50%,-50%) translateX(24px) scale(.92)}
    3%,11%{opacity:1;transform:translate(50%,-50%) translateX(0) scale(.95)}
    17%,100%{opacity:0;transform:translate(50%,-50%) translateX(-20px) scale(.96)}
  }
  .cinematic-hero-copy{
    position:relative!important;
    width:calc(100% - 32px)!important;
    margin:0 auto!important;
    padding:520px 0 0!important;
  }
  .cinematic-hero-copy>.landing-eyebrow,
  .cinematic-hero-copy h1,
  .cinematic-hero-copy>p,
  .cinematic-hero-copy .landing-hero-actions,
  .cinematic-proof{
    max-width:none!important;
  }
  .cinematic-hero-copy h1{
    margin-top:12px;
    font-size:clamp(44px,10vw,62px)!important;
    line-height:.98!important;
    letter-spacing:-2.4px!important;
  }
  .cinematic-hero-copy>p{
    font-size:17px!important;
    line-height:1.62!important;
  }
  .cinematic-flow-line{grid-template-columns:1fr auto 1fr auto 1fr!important}
  .cinematic-flow-line>i{display:block!important}
  .cinematic-flow-line article{min-height:82px!important;padding:10px!important}
  .cinematic-ripple{grid-template-columns:repeat(3,1fr)!important}
  .cinematic-ripple article:last-child{grid-column:auto!important}
}

@media(max-width:560px){
  .landing-cinematic-hero{padding-bottom:44px}
  .cinematic-film{height:420px!important}
  .cinematic-shade{height:455px!important}
  .cinematic-scene{width:91vw!important}
  .cinematic-hero-copy{padding-top:470px!important}
  .cinematic-hero-copy h1{font-size:44px!important}
  .cinematic-money-card strong,.cinematic-growth-card strong{font-size:31px}
  .cinematic-money-card{padding:17px}
  .cinematic-growth-card{padding:17px}
  .cinematic-growth-card svg{height:72px}
  .cinematic-flow-line article{
    grid-template-columns:25px 1fr!important;
    gap:6px!important;
    min-height:70px!important;
    padding:8px!important;
  }
  .cinematic-flow-line article>span{width:24px;height:24px}
  .cinematic-flow-line small{font-size:7px}
  .cinematic-flow-line b{font-size:9px}
  .cinematic-month-end{padding:12px}
  .cinematic-month-end strong{font-size:24px}
  .cinematic-ripple{gap:5px!important}
  .cinematic-ripple article{padding:10px}
  .cinematic-ripple b{font-size:14px}
  .cinematic-mix-card,.cinematic-calendar-card{padding:13px}
  .cinematic-mini-rail{height:42px}
  .cinematic-mini-rail span{font-size:12px}
  .cinematic-calendar-days{gap:4px}
  .cinematic-calendar-days article{min-height:93px;padding:7px}
  .cinematic-calendar-days span{font-size:17px}
  .cinematic-calendar-days b{font-size:8px}
  .cinematic-calendar-days em{font-size:6px}
  .cinematic-hero-copy .landing-hero-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  .cinematic-hero-copy .landing-hero-actions>*{
    width:100%!important;
    box-sizing:border-box;
    justify-content:center;
  }
}

@media(prefers-reduced-motion:reduce){
  .cinematic-scene{animation:none!important;display:none!important}
  .scene-grow{display:block!important;opacity:1!important}
  .cinematic-mini-rail i{animation:none!important}
}


/* v6.6.8 mobile table stability + clearer Cash Flow starting balance */
.balance-input-kicker{
  display:block;
  margin-bottom:6px;
  color:#72d4ad!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
}
.cashflow-top-balances .page-intro-chip.current{
  border-color:#4f7c68;
  box-shadow:inset 0 0 0 1px rgba(101,215,173,.05);
}
.cashflow-top-balances .page-intro-chip.current .top-balance-entry{
  margin:3px 0 8px;
  padding:9px 11px;
  border:1px solid #4b6d5f;
  border-radius:10px;
  background:#0f1814;
  box-shadow:inset 0 0 0 1px rgba(101,215,173,.04);
}
.cashflow-top-balances .page-intro-chip.current .top-balance-entry:focus-within{
  border-color:#71d5ae;
  box-shadow:0 0 0 3px rgba(101,215,173,.10);
}
.cashflow-top-balances .page-intro-chip.current .top-balance-entry input{
  cursor:text;
}
.cashflow-top-balances .page-intro-chip.current>span:not(.balance-input-kicker){
  color:#b8c7c1;
  font-size:10px;
}

/* One horizontal scroller owns all Cash Flow detail rows on phones. */
@media(max-width:760px){
  .cashflow-sections-scroll{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .cashflow-sections-wide{
    width:925px!important;
    min-width:925px!important;
    max-width:none!important;
    padding:0!important;
    overflow:visible!important;
  }
  .cashflow-sections-wide .flow-section{
    width:100%!important;
    max-width:none!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .cashflow-sections-wide .flow-head,
  .cashflow-sections-wide .flow-grid,
  .cashflow-sections-wide .flow-progress,
  .cashflow-sections-wide .today-marker{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .cashflow-sections-wide .flow-grid{
    grid-template-columns:128px minmax(220px,1fr) 175px 118px 58px 118px 28px!important;
  }

  /* Budget sections scroll themselves cleanly on narrow screens. */
  .budget-section{
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:thin;
  }
  .budget-section .section-head{
    min-width:1045px;
    box-sizing:border-box;
  }
  .budget-section .budget-grid{
    min-width:1045px!important;
    width:1045px!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }

  .cashflow-top-balances{
    grid-template-columns:1fr 1fr!important;
    gap:8px;
  }
  .cashflow-top-balances .page-intro-chip{
    padding:12px;
  }
  .cashflow-top-balances .page-intro-chip b,
  .cashflow-top-balances .top-balance-entry input,
  .cashflow-top-balances .top-balance-entry>span{
    font-size:21px!important;
  }
}

@media(max-width:520px){
  .cashflow-top-balances{
    grid-template-columns:1fr!important;
  }
}

/* Phone landscape: keep Budget summary and donut compact and undistorted. */
@media(max-width:980px) and (orientation:landscape) and (min-width:650px){
  .budget-top{
    grid-template-columns:minmax(0,1fr) 250px!important;
    gap:12px!important;
    align-items:stretch;
  }
  .budget-chart{
    min-width:0;
    padding:14px!important;
  }
  .budget-chart .donut-wrap{
    width:100%;
    min-width:0;
    justify-content:center;
    align-items:center;
  }
  .budget-chart .donut{
    width:180px!important;
    height:180px!important;
    min-width:180px!important;
    max-width:180px!important;
    aspect-ratio:1/1!important;
    flex:0 0 180px;
  }
  .budget-chart-status{
    max-width:220px;
    margin-top:0;
  }
  .summary-card{
    min-width:0;
    padding:16px!important;
  }
  .summary-card h2{
    font-size:30px!important;
    margin-bottom:12px;
  }
  .summary-grid{
    grid-template-columns:1fr 1fr!important;
    gap:7px;
  }
  .summary-item{
    padding:10px!important;
  }
}


/* v6.6.9 align category emojis with their real segments + swipeable Money Mix on mobile */
.money-mix-rail-scroll{
  width:100%;
  max-width:100%;
  overflow:visible;
}
.money-mix-rail{
  min-width:0;
}

/* Keep each emoji centered in its own actual segment. */
.money-mix-segment{
  position:relative;
  justify-content:center;
}
.money-mix-segment>span{
  position:relative;
  left:auto;
  right:auto;
  margin:0;
  pointer-events:none;
}
.money-mix-segment>b{
  pointer-events:none;
}

/* Landing hero category animation: lock emoji to segment geometry, no floating offset. */
.cinematic-mini-rail{
  align-items:stretch;
}
.cinematic-mini-rail i{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  overflow:hidden;
}
.cinematic-mini-rail i>span{
  position:static!important;
  transform:none!important;
  margin:0!important;
  line-height:1;
}
.cinematic-mini-rail i:nth-child(n){
  padding:0;
}

/* On phones, preserve meaningful segment width and let the user swipe through the full mix. */
@media(max-width:760px){
  .money-mix-rail-scroll{
    overflow-x:auto!important;
    overflow-y:visible!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    padding:5px 0 9px;
  }
  .money-mix-rail{
    width:max-content!important;
    min-width:760px!important;
    max-width:none!important;
    flex-wrap:nowrap!important;
  }
  .money-mix-segment{
    flex:var(--share) 0 0!important;
    min-width:42px!important;
    max-width:none!important;
  }
  .money-mix-segment:hover,
  .money-mix-segment:focus-visible,
  .money-mix-segment.selected{
    flex-grow:var(--share)!important;
  }

  /* Same principle in the landing demo so the visual proportions and emojis stay tied together. */
  .landing-live-demo .money-mix-rail{
    min-width:760px!important;
  }
}

/* Cinematic hero on small screens: enough segment width for emoji to stay visually centered. */
@media(max-width:560px){
  .cinematic-mini-rail{
    overflow:hidden;
    gap:3px;
  }
  .cinematic-mini-rail i{
    min-width:18px;
  }
  .cinematic-mini-rail i span{
    font-size:11px!important;
  }
}


/* v6.7.0 Cash Flow hierarchy: calendar first, cards/debt next, detail last */
.cash-priority-section{
  margin:18px 0;
  padding:18px;
  border:1px solid #334047;
  border-radius:15px;
  background:
    radial-gradient(circle at 100% 0%,rgba(116,92,154,.07),transparent 28%),
    #12191d;
}
.cash-priority-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:13px;
}
.cash-priority-heading>div>span{
  display:block;
  color:#b59bd0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.cash-priority-heading h3{
  margin:4px 0 4px;
  font-family:var(--wmd-font-ui);
  font-size:23px;
}
.cash-priority-heading p{
  max-width:720px;
  margin:0;
  color:#819095;
  font-size:11px;
  line-height:1.55;
}
.cash-priority-heading>a{
  flex:0 0 auto;
  color:#a9d8c4;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.cash-priority-heading>a:hover{text-decoration:underline}
.cash-priority-section .short-term-debt-panel{
  margin:0;
}
.cash-debt-paydown-wrap{
  margin-top:12px;
}
.cash-debt-paydown-wrap .flow-section{
  margin-top:0;
}
.cash-debt-empty{
  display:grid;
  gap:3px;
  padding:14px;
  border:1px dashed #3a454b;
  border-radius:10px;
  background:#10171b;
}
.cash-debt-empty span{
  color:#c3ceca;
  font-size:11px;
  font-weight:800;
}
.cash-debt-empty small{
  color:#748287;
  font-size:9px;
}

.cashflow-detail-drawer{
  margin:18px 0 0;
  border:1px solid #303d43;
  border-radius:15px;
  background:#11181c;
  overflow:hidden;
}
.cashflow-detail-drawer>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  cursor:pointer;
  list-style:none;
  background:linear-gradient(90deg,#151e22,#11181c);
}
.cashflow-detail-drawer>summary::-webkit-details-marker{display:none}
.cashflow-detail-drawer>summary>div>span{
  display:block;
  color:#70cba8;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.cashflow-detail-drawer>summary h3{
  margin:3px 0 3px;
  font-family:var(--wmd-font-ui);
  font-size:22px;
}
.cashflow-detail-drawer>summary p{
  margin:0;
  color:#7c8a8f;
  font-size:10px;
}
.cashflow-detail-drawer>summary>b{
  flex:0 0 auto;
  padding:8px 10px;
  border:1px solid #3a4a50;
  border-radius:9px;
  background:#182126;
  color:#b7c4c0;
  font-size:9px;
}
.cashflow-detail-drawer[open]>summary{
  border-bottom:1px solid #2f3b41;
}
.cashflow-detail-drawer[open]>summary>b::after{content:"  ↑"}
.cashflow-detail-drawer:not([open])>summary>b::after{content:"  ↓"}
.cashflow-detail-drawer .cashflow-sections-scroll{
  margin:0;
  padding:0 0 1px;
}
.cashflow-detail-drawer .flow-section:first-child{margin-top:0}

@media(max-width:760px){
  .cash-priority-section{
    padding:14px;
    margin-top:15px;
  }
  .cash-priority-heading{
    display:grid;
    gap:8px;
    align-items:start;
  }
  .cash-priority-heading h3{font-size:20px}
  .cash-priority-heading>a{justify-self:start}
  .cash-priority-section .short-term-debt-panel{
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
  }
  .cash-priority-section .cards-table,
  .cash-priority-section .debt-totals{
    min-width:860px;
  }
  .cash-debt-paydown-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .cash-debt-paydown-wrap .flow-section{
    min-width:925px;
  }
  .cashflow-detail-drawer>summary{
    align-items:flex-start;
    padding:15px;
  }
  .cashflow-detail-drawer>summary h3{font-size:19px}
  .cashflow-detail-drawer>summary p{font-size:9px;line-height:1.45}
}


/* v6.7.1 keep the signed-in app utility-first */
.cashflow-utility-top{
  display:flex;
  justify-content:flex-end;
  margin:4px 0 14px;
}
.cashflow-utility-top .cashflow-top-balances{
  width:min(470px,100%);
}
.networth-intro,.budget-intro,.cashflow-intro,.debt-intro,.investments-intro{
  display:none!important;
}

/* Compact landing-page trust section */
.compact-trust{
  padding-top:74px!important;
}
.compact-trust-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:28px;
  align-items:end;
}
.compact-trust-head h2{
  max-width:780px;
  margin:6px 0 8px;
  font-family:var(--wmd-font-ui);
  font-size:clamp(30px,3.4vw,45px);
  line-height:1.06;
  letter-spacing:-.6px;
}
.compact-trust-head p{
  max-width:780px;
  margin:0;
  color:#8e9ca0;
  font-size:14px;
  line-height:1.65;
}
.compact-trust-note{
  padding:15px 16px;
  border:1px solid #3b584d;
  border-radius:12px;
  background:linear-gradient(145deg,#16231e,#11191d);
}
.compact-trust-note b{
  display:block;
  color:#dff2e9;
  font-size:13px;
}
.compact-trust-note span{
  display:block;
  margin-top:4px;
  color:#7f918a;
  font-size:10px;
  line-height:1.45;
}
.compact-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:11px;
  margin-top:22px;
}
.compact-trust-grid article{
  min-width:0;
  padding:17px;
  border:1px solid #303d43;
  border-radius:13px;
  background:#12191d;
}
.compact-trust-grid article:hover{
  border-color:#3f524c;
  background:#151e22;
}
.trust-provider{
  display:flex;
  align-items:center;
  gap:10px;
}
.trust-provider>span{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  flex:0 0 auto;
  border:1px solid #39474d;
  border-radius:10px;
  background:#182126;
  font-size:18px;
}
.trust-provider small{
  display:block;
  color:#6fd0aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.trust-provider h3{
  margin:2px 0 0;
  color:#e1e9e6;
  font-size:15px;
}
.compact-trust-grid p{
  margin:12px 0 10px;
  color:#819095;
  font-size:11px;
  line-height:1.55;
}
.compact-trust-grid a{
  color:#8fd7b9;
  font-size:10px;
  font-weight:800;
  text-decoration:none;
}
.compact-trust-grid a:hover{text-decoration:underline}
.compact-trust-grid .trust-control{
  background:
    radial-gradient(circle at 100% 0%,rgba(91,189,149,.07),transparent 38%),
    #12191d;
}
.provider-compliance-note{
  margin:12px 0 0;
  color:#66757a;
  font-size:9px;
  line-height:1.5;
}

@media(max-width:820px){
  .cashflow-utility-top{
    justify-content:stretch;
  }
  .cashflow-utility-top .cashflow-top-balances{
    width:100%;
  }
  .compact-trust-head{
    grid-template-columns:1fr;
    gap:14px;
  }
  .compact-trust-grid{
    grid-template-columns:1fr;
  }
  .compact-trust{
    padding-top:56px!important;
  }
}


/* v6.7.3: make landing-page household scenarios unmistakably interactive */
.landing-scenario-chip{
  position:relative;
  overflow:visible;
}
.landing-scenario-chip .landing-scenario-click{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:2px;
  color:#72dcb4;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
  line-height:1.2;
  text-transform:uppercase;
}
.landing-scenario-chip .landing-scenario-click i{
  display:inline-block;
  font-style:normal;
  transition:transform .16s ease;
}
.landing-scenario-chip:hover .landing-scenario-click i,
.landing-scenario-chip:focus-visible .landing-scenario-click i{
  transform:translateX(4px);
}
.landing-scenario-chip:focus-visible{
  outline:2px solid rgba(100,218,174,.9);
  outline-offset:3px;
}
.landing-scenario-chip::after{
  content:"";
  position:absolute;
  inset:-5px;
  border:2px solid rgba(100,218,174,.94);
  border-radius:18px;
  opacity:0;
  pointer-events:none;
  box-shadow:0 0 0 0 rgba(100,218,174,.38);
}
.landing-scenario-chip:nth-child(1)::after{animation:landingHouseholdCoach 15s infinite}
.landing-scenario-chip:nth-child(2)::after{animation:landingHouseholdCoach 15s 2.5s infinite}
.landing-scenario-chip:nth-child(3)::after{animation:landingHouseholdCoach 15s 5s infinite}
.landing-scenario-chip:nth-child(4)::after{animation:landingHouseholdCoach 15s 7.5s infinite}
.landing-scenario-chip:nth-child(5)::after{animation:landingHouseholdCoach 15s 10s infinite}
.landing-scenario-chip:nth-child(6)::after{animation:landingHouseholdCoach 15s 12.5s infinite}
@keyframes landingHouseholdCoach{
  0%,16%{opacity:0;box-shadow:0 0 0 0 rgba(100,218,174,.38)}
  3%,12%{opacity:1;box-shadow:0 0 0 10px rgba(100,218,174,0)}
  18%,100%{opacity:0}
}
.landing-scenario-strip:hover .landing-scenario-chip::after,
.landing-scenario-strip:focus-within .landing-scenario-chip::after{
  animation-play-state:paused;
}
@media(max-width:720px){
  .landing-scenario-chip::after{inset:2px;border-radius:12px}
  .landing-scenario-chip .landing-scenario-click{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .landing-scenario-chip::after{animation:none!important}
  .landing-scenario-chip .landing-scenario-click i{transition:none}
}


/* v6.7.4 installable app experience */
.install-app-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
}
.install-app-btn>span{font-weight:900}
.install-app-btn.installed{
  opacity:.75;
  cursor:default;
}

.landing-install-nav{
  padding:9px 12px;
  border:1px solid #3c5e50;
  border-radius:9px;
  background:#15231d;
  color:#a7dec8;
  font-size:12px;
  font-weight:850;
}
.landing-install-nav:hover{
  background:#1b3027;
  border-color:#53806c;
  color:#dff6ec;
}

.landing-install-section{
  width:min(1160px,calc(100% - 40px));
  margin:88px auto 0;
  display:grid;
  grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);
  gap:42px;
  align-items:center;
  padding:38px;
  border:1px solid #304039;
  border-radius:24px;
  background:
    radial-gradient(circle at 18% 20%,rgba(98,205,164,.10),transparent 30%),
    linear-gradient(145deg,#141d1a,#10171a 70%);
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
.landing-install-visual{
  min-height:280px;
  display:grid;
  place-items:center;
  position:relative;
}
.landing-install-phone{
  width:230px;
  aspect-ratio:.62;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:22px;
  border:1px solid #41544b;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 30%,rgba(101,215,173,.10),transparent 32%),
    #0d1518;
  box-shadow:0 30px 70px rgba(0,0,0,.36),inset 0 0 0 7px #121b1f;
  text-align:center;
}
.landing-install-phone:before{
  content:"";
  position:absolute;
  width:82px;
  height:18px;
  margin-top:-242px;
  border-radius:999px;
  background:#1d272b;
}
.landing-install-phone img{
  width:82px;
  height:82px;
  border-radius:22px;
  margin-bottom:14px;
}
.landing-install-phone>span{
  color:#e7efec;
  font-size:16px;
  font-weight:900;
}
.landing-install-phone>small{
  max-width:170px;
  margin-top:6px;
  color:#71817b;
  font-size:9px;
  line-height:1.5;
}
.landing-install-badge{
  position:absolute;
  right:0;
  bottom:18px;
  padding:8px 10px;
  border:1px solid #4b765f;
  border-radius:999px;
  background:#1a3026;
  color:#89d8b7;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}
.landing-install-copy h2{
  margin:8px 0 12px;
  font-family:var(--wmd-font-ui);
  font-size:clamp(34px,4vw,52px);
  line-height:1.02;
}
.landing-install-copy>p{
  max-width:680px;
  margin:0;
  color:#8d9b98;
  font-size:15px;
  line-height:1.7;
}
.landing-install-benefits{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0;
}
.landing-install-benefits span{
  padding:8px 10px;
  border:1px solid #34463f;
  border-radius:999px;
  background:#111a17;
  color:#aebcb7;
  font-size:10px;
  font-weight:800;
}
.landing-install-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.landing-footer-install{
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  font:inherit;
  text-decoration:underline;
  cursor:pointer;
}

.settings-install-card{
  display:grid;
  grid-template-columns:54px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
  border:1px solid #33453e;
  border-radius:12px;
  background:linear-gradient(145deg,#151f1b,#11191d);
}
.settings-install-card>img{
  width:54px;
  height:54px;
  border-radius:14px;
}
.settings-install-card>div{
  min-width:0;
}
.settings-install-card b{
  display:block;
  color:#d9e4df;
  font-size:12px;
}
.settings-install-card p{
  margin:3px 0;
  color:#879691;
  font-size:10px;
  line-height:1.45;
}
.settings-install-card small{
  color:#6f7e79;
  font-size:8px;
}
.settings-install-button{
  padding:9px 11px;
  border:1px solid #4a765f;
  border-radius:9px;
  background:#1d3a2d;
  color:#dff7ed;
  font-size:10px;
  font-weight:850;
}

.install-app-backdrop{
  position:fixed;
  inset:0;
  z-index:2200;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  background:rgba(4,8,10,.84);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.install-app-dialog{
  position:relative;
  width:min(560px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  padding:26px;
  border:1px solid #3a4d44;
  border-radius:20px;
  background:
    radial-gradient(circle at 90% 0%,rgba(101,215,173,.10),transparent 30%),
    #131b1f;
  box-shadow:0 30px 100px rgba(0,0,0,.56);
}
.install-app-close{
  position:absolute;
  right:14px;
  top:14px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid #3b4b51;
  border-radius:9px;
  background:#1a2429;
  color:#dce6e2;
  font-size:21px;
}
.install-app-brand{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  gap:13px;
  align-items:center;
  padding-right:40px;
}
.install-app-brand img{
  width:58px;
  height:58px;
  border-radius:15px;
}
.install-app-brand span{
  color:#6fd1aa;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.install-app-brand h2{
  margin:3px 0 0;
  font-family:var(--wmd-font-ui);
  font-size:25px;
  line-height:1.08;
}
.install-app-lead{
  margin:18px 0;
  color:#889793;
  font-size:11px;
  line-height:1.6;
}
.install-app-steps{
  display:grid;
  gap:8px;
}
.install-app-steps article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:12px;
  border:1px solid #303e43;
  border-radius:11px;
  background:#10181b;
}
.install-app-steps article>span{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:9px;
  background:#1b362a;
  color:#86d9b6;
  font-size:11px;
  font-weight:900;
}
.install-app-steps b{
  color:#d2ddda;
  font-size:11px;
}
.install-app-steps p{
  margin:3px 0 0;
  color:#75858a;
  font-size:9px;
  line-height:1.5;
}
.install-app-note{
  display:grid;
  gap:3px;
  margin:14px 0;
  padding:11px 12px;
  border:1px solid #3a5549;
  border-radius:10px;
  background:#14221c;
}
.install-app-note b{
  color:#bde5d4;
  font-size:10px;
}
.install-app-note span{
  color:#7f938a;
  font-size:9px;
  line-height:1.45;
}
.install-app-done{
  width:100%;
  padding:11px;
  border:1px solid #4c7a65;
  border-radius:10px;
  background:#204936;
  color:#e6f8f0;
  font-weight:850;
}

@media(max-width:900px){
  .landing-install-section{
    grid-template-columns:1fr;
    gap:18px;
  }
  .landing-install-visual{min-height:220px}
  .landing-install-phone{
    width:180px;
  }
  .landing-install-phone:before{
    margin-top:-190px;
  }
}
@media(max-width:760px){
  .landing-install-nav{display:none}
  .landing-install-section{
    width:calc(100% - 28px);
    margin-top:58px;
    padding:22px 16px;
    border-radius:18px;
  }
  .landing-install-copy h2{font-size:34px}
  .landing-install-copy>p{font-size:13px}
  .landing-install-actions{
    display:grid;
    grid-template-columns:1fr;
  }
  .landing-install-actions>*{width:100%}
  .settings-install-card{
    grid-template-columns:48px minmax(0,1fr);
  }
  .settings-install-card>img{width:48px;height:48px}
  .settings-install-button{
    grid-column:1/-1;
    width:100%;
  }
}


/* v6.7.4: surface the real app sooner and simplify install focus */
.cinematic-app-cta{
  min-width:238px;
  display:inline-flex!important;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:10px 16px!important;
  border-color:#63d9ad!important;
  background:linear-gradient(145deg,#1a3328,#14231d)!important;
  box-shadow:0 0 0 1px rgba(99,217,173,.08),0 10px 28px rgba(0,0,0,.18);
}
.cinematic-app-cta:hover{
  background:linear-gradient(145deg,#214235,#193027)!important;
  border-color:#86e8c2!important;
  transform:translateY(-1px);
}
.cinematic-app-cta-icon{
  display:grid;
  place-items:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:9px;
  background:#28503f;
  color:#9be9c9;
  font-size:15px;
}
.cinematic-app-cta>span:last-child{
  display:grid;
  gap:2px;
  text-align:left;
}
.cinematic-app-cta b{
  color:#e8f8f1;
  font-size:13px;
}
.cinematic-app-cta small{
  color:#91b6a7;
  font-size:9px;
  font-weight:700;
}
.landing-install-actions .install-app-btn{
  min-width:240px;
  justify-content:center;
}
@media(max-width:720px){
  .cinematic-app-cta{width:100%;min-width:0}
  .cinematic-app-cta small{font-size:10px}
}


/* v6.7.5: distinct app-install and live-demo hero paths */
.cinematic-app-cta{
  position:relative;
  overflow:hidden;
}
.cinematic-app-cta::before{
  content:"";
  position:absolute;
  inset:auto -22px -34px auto;
  width:92px;
  height:92px;
  border-radius:50%;
  background:rgba(101,215,173,.08);
  pointer-events:none;
}
.cinematic-app-cta-icon{
  font-size:20px!important;
  line-height:1;
  background:linear-gradient(145deg,#2b5846,#203d32)!important;
  box-shadow:inset 0 0 0 1px rgba(151,236,202,.12);
}
.cinematic-demo-link{
  border-color:#40545e;
  background:#172027;
  color:#d5e5eb;
}
.cinematic-demo-link:hover{
  background:#1d2a32;
  border-color:#5a7480;
}


/* v6.7.7: cleaner Cash Flow cards + mobile demo calendar */
.cash-debt-paydown-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:14px 2px 8px;
}
.cash-debt-paydown-head>span{
  color:#b59bd0;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.cash-debt-paydown-head>a{
  color:#a9d8c4;
  font-size:10px;
  font-weight:850;
  text-decoration:none;
}
.cash-debt-paydown-head>a:hover{text-decoration:underline}

@media(max-width:760px){
  /* A 7-column desktop month is unreadable inside the iPhone landing demo.
     Use horizontal day cards there instead. */
  #landingLiveDemo .money-calendar{
    padding:12px!important;
    overflow:hidden;
  }
  #landingLiveDemo .money-calendar-head{
    margin-bottom:10px;
  }
  #landingLiveDemo .money-calendar-scroll{
    width:100%;
    max-width:100%;
    overflow-x:auto!important;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    padding-bottom:6px;
    scroll-snap-type:x proximity;
  }
  #landingLiveDemo .money-calendar-weekdays{
    display:none!important;
  }
  #landingLiveDemo .money-calendar-grid{
    display:flex!important;
    width:max-content!important;
    min-width:0!important;
    gap:8px!important;
  }
  #landingLiveDemo .money-calendar-day.blank{
    display:none!important;
  }
  #landingLiveDemo .money-calendar-day{
    flex:0 0 184px!important;
    width:184px!important;
    min-width:184px!important;
    min-height:132px!important;
    scroll-snap-align:start;
  }
  #landingLiveDemo .money-calendar-day:not(.has-items):not(.today){
    flex-basis:86px!important;
    width:86px!important;
    min-width:86px!important;
    min-height:92px!important;
  }
  #landingLiveDemo .calendar-item{
    grid-template-columns:14px 18px minmax(0,1fr)!important;
  }
  #landingLiveDemo .calendar-item em{
    grid-column:2/4;
    padding-left:2px;
  }
}

/* v6.8.7: Retirement workspace */
.retirement-page{padding:4px 0 44px}
.retirement-head{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;align-items:end;margin:2px 0 18px}
.retirement-kicker{display:block;color:#86c6aa;font-size:9px;font-weight:900;letter-spacing:.17em;margin-bottom:8px}
.retirement-head h2{margin:0;font-family:var(--wmd-font-ui);font-size:clamp(31px,4vw,46px);line-height:1.03;letter-spacing:-.8px}
.retirement-head p{max-width:820px;margin:9px 0 0;color:#89979c;font-size:12px;line-height:1.65}
.retirement-source{padding:16px;border:1px solid #2c3b40;border-radius:14px;background:linear-gradient(145deg,#15221e,#12191d);box-shadow:0 16px 40px rgba(0,0,0,.1)}
.retirement-source>b{display:block;color:#e8f2ef;font-family:var(--wmd-font-ui);font-size:25px}.retirement-source>span{display:block;margin-top:3px;color:#91aaa0;font-size:9px;font-weight:900;letter-spacing:.08em}.retirement-source>small{display:block;margin-top:7px;color:#71807f;font-size:9px;line-height:1.45}
.retirement-source-actions{display:flex;gap:7px;margin-top:12px}.retirement-source-actions button{border:1px solid #3a5248;background:#172a22;color:#a9d7c3;border-radius:8px;padding:8px 10px;font-size:10px;font-weight:850}.retirement-source-actions button:hover{background:#1d332a}
.retirement-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.9fr);gap:18px;align-items:start}.retirement-main-stack,.retirement-side-stack{display:grid;gap:18px}.retirement-card{border:1px solid #28363b;border-radius:15px;background:#171d21;box-shadow:0 16px 40px rgba(0,0,0,.11)}
.retirement-outlook{padding:18px}.retirement-status-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.retirement-status-row>div:first-child>span,.retirement-section-head h3+span{color:#7d8b90;font-size:9px;font-weight:900;letter-spacing:.08em}.retirement-status-row h3{margin:5px 0 4px;font-size:25px;letter-spacing:-.4px}.retirement-status-row p{max-width:720px;margin:0;color:#88969b;font-size:11px;line-height:1.55}.retirement-status-pill{padding:9px 11px;border:1px solid #37614f;border-radius:999px;background:#172a22;color:#b8e2d1;font-size:10px;font-weight:900;white-space:nowrap}.retirement-status-pill.warn{border-color:#5f4b38;background:#2c251e;color:#e2c39e}.retirement-status-pill.bad{border-color:#5d3b3b;background:#2a1f20;color:#efb3b3}
.retirement-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}.retirement-kpis article{padding:12px 13px;border:1px solid #2a383d;border-radius:11px;background:#20282d}.retirement-kpis span{display:block;color:#7d8a8f;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.retirement-kpis strong{display:block;margin-top:5px;font-size:19px}.retirement-kpis small{display:block;margin-top:3px;color:#7d8a8f;font-size:9px}
.retirement-chart-card{padding:18px}.retirement-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:8px}.retirement-section-head h3{margin:0;font-size:15px;letter-spacing:-.2px}.retirement-section-head p{margin:4px 0 0;color:#7e8b90;font-size:10px;line-height:1.4}.retirement-section-head>span{color:#7e8b90;font-size:9px;white-space:nowrap}.retirement-chart{height:290px}.retirement-chart svg{width:100%;height:100%;display:block}.retirement-grid{stroke:#fff;stroke-opacity:.07;vector-effect:non-scaling-stroke}.retirement-axis{fill:#849197;font-size:10px}.retirement-area{fill:rgba(116,200,167,.08)}.retirement-line{fill:none;stroke:#74c8a7;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.retirement-marker{stroke:#d7a271;stroke-width:1.5;stroke-dasharray:5 5;vector-effect:non-scaling-stroke}.retirement-marker-text{fill:#d7a271;font-size:10px}.retirement-target{stroke:#84949d;stroke-width:1.3;stroke-dasharray:4 5;vector-effect:non-scaling-stroke}.retirement-target-text{fill:#84949d;font-size:10px}.retirement-empty-chart{height:100%;display:grid;place-items:center;border:1px dashed #304047;border-radius:11px;color:#7e8b90;font-size:11px;text-align:center;padding:20px}
.retirement-legend{display:flex;gap:16px;flex-wrap:wrap;color:#7d8a8f;font-size:9px;margin-top:2px}.retirement-legend span{display:inline-flex;align-items:center;gap:6px}.retirement-dot{display:inline-block;width:9px;height:9px;border-radius:3px}.retirement-dot.projected{background:#74c8a7}.retirement-dot.target{background:#84949d}.retirement-dot.transition{background:#d7a271}
.retirement-callouts{display:grid;grid-template-columns:1.2fr .95fr;gap:10px;margin-top:14px}.retirement-callouts article{padding:13px;border:1px solid #2a383d;border-radius:11px;background:#20282d}.retirement-callouts article.warn{border-color:#5b493a;background:#2b241d}.retirement-callouts article.good{border-color:#375f4f;background:#172a22}.retirement-callouts b{display:block;font-size:15px}.retirement-callouts p{margin:5px 0 0;color:#849197;font-size:10px;line-height:1.5}
.retirement-connection{padding:18px}.retirement-connection>div:first-child>span{color:#7e8c90;font-size:9px;font-weight:900;letter-spacing:.08em}.retirement-connection h3{margin:5px 0;font-size:15px}.retirement-connection p{margin:0;color:#849197;font-size:10px;line-height:1.55}.retirement-connection-grid{display:grid;grid-template-columns:1fr 20px 1fr 20px 1fr;gap:8px;align-items:center;margin-top:13px}.retirement-connection-grid article{padding:11px;border:1px solid #2a383d;border-radius:11px;background:#20282d}.retirement-connection-grid span{display:block;color:#7e8b90;font-size:8px;font-weight:900;letter-spacing:.08em}.retirement-connection-grid b{display:block;margin-top:4px;font-size:14px}.retirement-connection-grid small{display:block;margin-top:3px;color:#7e8b90;font-size:9px}.retirement-connection-grid>i{color:#748187;font-style:normal;text-align:center;font-size:16px}
.retirement-assumptions,.retirement-actions{padding:17px}.retirement-assumptions details+details{margin-top:9px}.retirement-assumptions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:9px 0;color:#e5efec;font-size:13px;font-weight:900}.retirement-assumptions summary::-webkit-details-marker{display:none}.retirement-assumptions summary:after{content:'+';color:#77858a;font-size:17px;font-weight:400}.retirement-assumptions details[open] summary:after{content:'−'}.retirement-grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.retirement-grid2>label{display:grid;gap:6px;min-width:0}.retirement-grid2>label>span{color:#8d9a9f;font-size:11px;font-weight:800;line-height:1.4}.retirement-grid2>label>span>b{float:right;color:#dbe7e3;font-size:11px}.retirement-grid2 input,.retirement-grid2 select{width:100%;min-width:0;border:1px solid #2c3940;border-radius:9px;background:#171f23;color:#e7efec;padding:11px 10px;min-height:44px;outline:none;font-size:15px;line-height:1.2}.retirement-grid2 input:focus,.retirement-grid2 select:focus{border-color:#517264;box-shadow:0 0 0 2px rgba(113,201,167,.08)}.retirement-grid2 input[type=range]{padding:0;border:0;background:transparent;min-height:24px;height:24px}.retirement-grid2 small{color:#77858a;font-size:9px;line-height:1.4}.retirement-linked-input,.retirement-money-input{display:flex;align-items:center;border:1px solid #2c3940;border-radius:9px;background:#171f23;overflow:hidden;min-width:0;min-height:44px}.retirement-linked-input>span,.retirement-money-input>span{padding-left:10px;color:#78868b;font-size:13px}.retirement-linked-input input,.retirement-money-input input{border:0!important;border-radius:0!important;background:transparent!important;padding-left:6px!important;font-size:15px!important;min-height:42px!important}.retirement-linked-input>b{padding-right:8px;color:#77b99c;font-size:8px;white-space:nowrap;letter-spacing:.07em}.retirement-help{margin:9px 0 0;color:#748187;font-size:10px;line-height:1.5}.retirement-category-overview{margin-top:12px;padding:14px;border:1px solid #2c3940;border-radius:12px;background:#141b1f}.retirement-category-overview .category-overview-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:11px}.retirement-category-overview .category-overview-head>div>span{display:block;color:#7f8d92;font-size:9px;font-weight:900;letter-spacing:.1em}.retirement-category-overview .category-overview-head h3{margin:3px 0 2px;color:#e7efec;font-size:14px}.retirement-category-overview .category-overview-head p{margin:0;color:#77858a;font-size:10px;line-height:1.45}.retirement-category-overview .category-overview-head>strong{font-size:15px;white-space:nowrap;text-align:right}.retirement-category-overview .category-overview-head>strong small{display:block;margin-top:2px;color:#77858a;font-size:8px;font-weight:700}.retirement-category-editor{margin-top:10px;padding:12px;border:1px solid #365d4f;border-radius:10px;background:#18231f}.retirement-category-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.retirement-category-editor-head b{display:block;font-size:12px}.retirement-category-editor-head small{display:block;margin-top:3px;color:#7f8c91;font-size:9px;line-height:1.4}.retirement-category-editor-head button,.retirement-category-reset{border:1px solid #355347;background:#1b2d25;color:#9dd8bf;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900}.retirement-category-amount{display:grid;gap:6px;margin-top:11px}.retirement-category-amount>span{color:#b7c2bf;font-size:10px;font-weight:800}.retirement-category-amount .retirement-money-input{min-height:48px}.retirement-category-amount .retirement-money-input input{font-size:16px!important}.retirement-savings-link{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 10px;border:1px solid #2d4038;border-radius:9px;background:#15201c}.retirement-savings-link label{display:flex;align-items:center;gap:7px;color:#b7c2bf;font-size:10px;font-weight:800}.retirement-savings-link span{color:#7f8c91;font-size:9px;white-space:nowrap}.retirement-checkbox{display:flex!important;align-items:center!important;gap:7px!important;min-height:0!important;display:flex!important;color:#7f8c91!important;font-size:9px!important}.retirement-checkbox input{width:auto!important;min-height:0!important;padding:0!important}.retirement-category-reset{margin-top:9px;background:transparent}
.retirement-actions .retirement-section-head{margin-bottom:10px}.retirement-action-list{display:grid;gap:8px}.retirement-action{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border:1px solid #2c3940;border-radius:10px;background:#20282d}.retirement-action.highlight{border-color:#365d4f;background:#172a22}.retirement-action b{display:block;font-size:10px}.retirement-action small{display:block;margin-top:2px;color:#79868b;font-size:8px;line-height:1.35}.retirement-action strong{font-size:12px;white-space:nowrap}.retirement-action button{border:0;background:transparent;color:#78c6a4;font-size:10px;font-weight:900;white-space:nowrap}.retirement-footnote{max-width:980px;margin:15px 2px 0;color:#76848a;font-size:8.5px;line-height:1.5}
.retirement-landing-mini{min-height:270px}.retirement-landing-hero{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.retirement-landing-hero article,.retirement-landing-grid article{padding:11px;border:1px solid rgba(119,201,170,.18);border-radius:10px;background:rgba(255,255,255,.025)}.retirement-landing-hero span,.retirement-landing-grid span{display:block;color:#7e9290;font-size:8px;font-weight:900;letter-spacing:.09em}.retirement-landing-hero b{display:block;margin-top:4px;color:#e7f2ee;font-size:20px}.retirement-landing-hero small,.retirement-landing-grid small{display:block;margin-top:3px;color:#72827f;font-size:8px}.retirement-landing-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.retirement-landing-grid b{display:block;margin-top:4px;color:#e0eee9;font-size:11px}

@media(max-width:1020px){.retirement-head{grid-template-columns:1fr}.retirement-layout{grid-template-columns:1fr}.retirement-source{max-width:none}.retirement-source-actions{justify-content:flex-start}}
@media(max-width:760px){.retirement-category-overview .category-overview-head{align-items:flex-start;flex-direction:column}.retirement-category-overview .category-overview-head>strong{text-align:left}.retirement-savings-link{align-items:flex-start;flex-direction:column}.retirement-page{padding:3px 0 30px}.retirement-head{gap:11px;margin-bottom:14px}.retirement-head h2{font-size:34px}.retirement-head p{font-size:11px}.retirement-source{padding:13px}.retirement-source>b{font-size:22px}.retirement-source-actions{flex-wrap:wrap}.retirement-kpis{grid-template-columns:1fr 1fr}.retirement-kpis strong{font-size:16px}.retirement-chart-card,.retirement-outlook,.retirement-connection,.retirement-assumptions,.retirement-actions{padding:14px}.retirement-chart{height:230px}.retirement-callouts{grid-template-columns:1fr}.retirement-grid2{grid-template-columns:1fr}.retirement-grid2>label>span{font-size:12px}.retirement-grid2 input,.retirement-grid2 select{font-size:16px;min-height:48px;padding:12px 11px}.retirement-linked-input,.retirement-money-input{min-height:48px}.retirement-linked-input input,.retirement-money-input input{font-size:16px!important;min-height:46px!important}.retirement-status-row{flex-direction:column}.retirement-status-pill{width:max-content}.retirement-connection-grid{grid-template-columns:1fr;gap:5px}.retirement-connection-grid>i{transform:rotate(90deg);height:12px}.retirement-landing-hero,.retirement-landing-grid{grid-template-columns:1fr}.retirement-action{align-items:flex-start}.retirement-action strong{font-size:11px}}

/* Retirement v6.8.7 desktop fit + category detail */
.retirement-page,.retirement-layout,.retirement-main-stack,.retirement-side-stack,.retirement-card{min-width:0}
.retirement-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,.78fr)}
.retirement-head{grid-template-columns:minmax(0,1fr) 300px}
.retirement-category-overview .category-overview-head>strong{min-width:0}
.retirement-category-metrics{display:grid;gap:2px;margin-top:4px;color:#77858a;font-size:9px;line-height:1.35}
.retirement-category-metrics b{color:#dfe9e5;font-weight:800}
.retirement-category-amount .retirement-money-input input{min-width:0}
@media(max-width:1180px) and (min-width:901px){
  main{padding-left:20px;padding-right:20px}
  .retirement-layout{grid-template-columns:minmax(0,1.5fr) minmax(285px,.75fr)}
  .retirement-head{grid-template-columns:minmax(0,1fr) 285px}
}
@media(max-width:900px) and (min-width:761px){
  .retirement-layout{grid-template-columns:1fr}
  .retirement-head{grid-template-columns:1fr}
  .retirement-source{max-width:none}
}

/* Retirement v6.8.8: responsive full-width planning surface */
.retirement-page{width:100%;max-width:100%;min-width:0;overflow-x:clip}
.retirement-layout{display:flex!important;flex-direction:column!important;gap:16px;width:100%;min-width:0;max-width:100%}
.retirement-main-stack,.retirement-side-stack{display:grid;width:100%;min-width:0;max-width:100%;gap:16px}
.retirement-card,.retirement-chart-card,.retirement-chart,.retirement-category-overview{max-width:100%;min-width:0;box-sizing:border-box}
.retirement-chart{height:auto!important;aspect-ratio:3 / 1;min-height:190px;max-height:420px}
.retirement-chart svg{width:100%!important;height:100%!important;min-width:0}
.retirement-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
.retirement-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}
.retirement-wide{grid-column:1/-1;min-width:0}
.retirement-expense-section{min-width:0;margin-top:18px}
.retirement-expense-tools{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.retirement-expense-tools button,.retirement-subplanner>button{padding:10px 14px;background:#1d342a;color:#c3e7d6;border:1px solid #41634f;border-radius:9px;font-weight:800;cursor:pointer}
.retirement-future{margin-top:18px;padding:15px;border:1px solid #35564b;border-radius:12px;background:#15231e}
.retirement-future h4,.retirement-subplanner h4{margin:0 0 7px;font-size:14px}
.retirement-future p,.retirement-subplanner p{font-size:12px;color:#98aaa4;line-height:1.5}
.retirement-future-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:8px}
.retirement-future-item{display:grid;gap:4px;border:1px solid #32473e;border-radius:9px;padding:10px;min-width:0}
.retirement-future-item span{font-size:12px;word-break:break-word}.retirement-future-item b{font-size:16px}.retirement-future-item small{font-size:11px;color:#8d9c96}
.retirement-subplanner{margin-top:18px;padding:14px;border-radius:12px;border:1px solid #2d4340;background:#151f20;min-width:0}
.retirement-extra-row,.retirement-stage-row{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(90px,1fr) minmax(105px,1fr) auto;gap:8px;align-items:end;margin:10px 0}
.retirement-stage-row{grid-template-columns:repeat(5,minmax(0,1fr)) auto}
.retirement-extra-row input,.retirement-extra-row select,.retirement-stage-row input,.retirement-category-controls input{min-width:0;max-width:100%;width:100%;box-sizing:border-box;border:1px solid #354744;background:#111b1c;color:#e6ece8;border-radius:8px;padding:10px;min-height:43px;font-size:14px}
.retirement-extra-row label,.retirement-stage-row label,.retirement-category-controls label{color:#a5b8b0;font-size:11px;min-width:0}
.retirement-extra-row button,.retirement-stage-row button,.retirement-category-controls button{background:#342526;color:#e4b5b5;border:1px solid #604347;border-radius:8px;padding:9px 12px;cursor:pointer;min-height:40px}
.retirement-category-controls{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:12px 0}.retirement-category-controls label{display:grid;gap:4px;flex:1 1 170px}
.retirement-ss-result{padding:13px;border:1px solid #325b48;border-radius:10px;background:#192c24;display:grid;gap:6px;min-width:0}
.retirement-ss-result strong{font-size:24px}.retirement-ss-result small{color:#a6b7b0;font-size:12px;line-height:1.5}
.retirement-dual-amounts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.retirement-dual-amounts label{display:grid;gap:5px;font-size:11px;min-width:0}
.retirement-dual-amounts input{width:100%;min-width:0;box-sizing:border-box;padding:10px;border:1px solid #374943;border-radius:9px;background:#121d1b;color:#e9f4ee;font-size:16px}
.retirement-money-input,.retirement-linked-input{max-width:100%}
.retirement-money-input input,.retirement-linked-input input{width:100%!important;flex:1;min-width:0!important}
.retirement-kpis strong,.retirement-callouts b{overflow-wrap:anywhere}
.retirement-category-overview .money-mix-legend{min-width:0;max-width:100%}
@media(max-width:760px){
 .retirement-page{overflow-x:clip}.retirement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .retirement-grid2{grid-template-columns:1fr}.retirement-chart{min-height:215px;aspect-ratio:1.4}
 .retirement-extra-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .retirement-extra-row button{width:100%}.retirement-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .retirement-stage-row button{grid-column:1/-1}
 .retirement-callouts{grid-template-columns:1fr}.retirement-section-head{flex-wrap:wrap}
 .retirement-connection-grid{grid-template-columns:1fr}
 .retirement-future-grid{grid-template-columns:1fr}
 .retirement-category-overview{padding:11px}
}
.retirement-healthbreakdown{border:1px solid #334740;padding:12px;border-radius:10px}.retirement-healthbreakdown h4{margin:0 0 5px}.retirement-healthbreakdown p{font-size:11px;color:#a4b6ad;line-height:1.5}
@media(max-width:760px){.retirement-chart{overflow-x:auto;overflow-y:hidden;max-width:100%;overscroll-behavior-x:contain}.retirement-chart svg{width:700px!important;max-width:none!important;min-width:700px!important}.retirement-chart-card .retirement-section-head p:after{content:' Swipe chart to see all ages →';color:#82d8ab}}

/* v6.9.0 retirement responsive layout and legibility */
.retirement-page,.retirement-layout,.retirement-main-stack,.retirement-side-stack{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}
.retirement-page{overflow-x:visible!important}
.retirement-layout{display:flex!important;flex-direction:column!important;align-items:stretch!important}
.retirement-layout>*,.retirement-page section,.retirement-page article,.retirement-page details{min-width:0;box-sizing:border-box}
.retirement-page .retirement-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
.retirement-chart{overflow-x:auto!important;overflow-y:hidden!important;max-width:100%;min-height:250px;aspect-ratio:auto!important}
.retirement-chart svg{width:900px!important;min-width:900px!important;max-width:none!important;height:300px!important}
.retirement-page small,.retirement-page label,.retirement-page p,.retirement-page .retirement-help,.retirement-page .retirement-axis,.retirement-page .retirement-stage-row label,.retirement-page .retirement-extra-row label{font-size:14px!important;line-height:1.5}
.retirement-page input,.retirement-page select,.retirement-page button{font-size:16px!important;min-height:42px}
.retirement-page .retirement-section-head h3,.retirement-page .retirement-subplanner h4{font-size:19px!important}
.retirement-earner{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:10px;margin:12px 0;padding:12px;border:1px solid #38554a;border-radius:10px}
.retirement-earner label,.retirement-stage-accounts label{display:grid;gap:5px;min-width:0}
.retirement-earner input,.retirement-stage-accounts input,.retirement-stage-row select{width:100%;min-width:0;box-sizing:border-box;background:#111b1c;border:1px solid #354744;border-radius:8px;color:#e6ece8;padding:9px}
.retirement-investment-account{display:flex;gap:12px;align-items:center;padding:10px;border-bottom:1px solid #30423a}
.retirement-investment-account input{width:20px;height:20px;flex:none;min-height:20px}
.retirement-investment-account span{flex:1;min-width:0;overflow-wrap:anywhere}
.retirement-stage-accounts{grid-column:1/-1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:10px;padding:10px;border-radius:10px;background:#202e2a}
.retirement-stage-accounts>b{grid-column:1/-1}
.retirement-stage-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))!important}
.retirement-grid2,.retirement-connection-grid,.retirement-future-grid{max-width:100%;min-width:0}
@media(max-width:760px){.retirement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.retirement-page{padding-left:0!important;padding-right:0!important}.retirement-card{padding:12px!important}.retirement-chart{touch-action:pan-x pan-y}}

/* v6.9.1 - Cash Flow calendar: readable day summaries and a single day-detail editor. */
.money-calendar{max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;padding:20px}
.money-calendar-head{align-items:start;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.money-calendar-head>div>span{font-size:12px;letter-spacing:.11em}
.money-calendar-head h3{font-family:inherit;font-size:clamp(22px,2.1vw,29px);font-weight:850;letter-spacing:-.04em}
.money-calendar-head p{font-size:14px;line-height:1.5;color:#a7b9b4;text-align:left;max-width:480px}
.cash-calendar-legend{display:flex;flex-wrap:wrap;gap:9px 20px;margin:8px 0 14px;color:#acbeb9;font-size:12px;font-weight:650}
.cash-calendar-legend>span{display:flex;align-items:center;gap:6px}
.cash-calendar-legend i{display:inline-block;width:12px;height:12px;border-radius:4px}
.cash-calendar-legend .legend-today{border:2px solid #62d6aa;background:#17382a}
.cash-calendar-legend .legend-overdue{border:2px solid #eda657;background:#342519}
.cash-calendar-legend .legend-balance{background:#386d84}
.money-calendar-scroll{overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:8px;scrollbar-color:#58746a #1b2729;scrollbar-width:thin}
.money-calendar-grid,.money-calendar-weekdays{min-width:1078px;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}
.money-calendar-weekdays{font-size:12px;color:#a3b4b0;margin-bottom:8px}
.money-calendar-day{min-height:203px;padding:0;position:relative;border-radius:12px;overflow:hidden;transition:background .16s,border-color .16s;background:#141d20}
.money-calendar-day.blank{opacity:0;pointer-events:none}
.money-calendar-day.has-items{background:#192327}
.money-calendar-day:hover,.money-calendar-day.selected{border-color:#6a998a;background:#1c2c29}
.money-calendar-day.today{border:2px solid #69d9ac;box-shadow:0 0 0 2px rgba(105,217,172,.1),inset 0 0 25px rgba(55,153,111,.06)}
.money-calendar-day.past-due{border:2px solid #d89c58;background:#29221e;box-shadow:inset 0 0 0 1px rgba(239,185,105,.14)}
.money-calendar-day.past-due.selected{background:#312822}
.money-calendar-open{display:flex;flex-direction:column;gap:8px;width:100%;min-height:202px;text-align:left;cursor:pointer;background:transparent;border:0;padding:12px 10px 36px;color:#eaf6f1}
.money-calendar-open:focus-visible{outline:3px solid #75ddbb;outline-offset:-4px;border-radius:10px}
.money-calendar-date{width:100%;margin:0;min-height:21px;gap:5px}
.money-calendar-date>b{font-size:17px;color:#f2f9f6}
.money-calendar-date>span{font-size:10px;font-weight:850}
.calendar-day-today{display:inline-block;padding:4px 6px;border-radius:5px;background:#1d5139;color:#b1f9d7;letter-spacing:.05em}
.calendar-day-overdue{display:inline-block;padding:4px 6px;border-radius:5px;background:#62402a;color:#ffd8a2}
.calendar-day-done{color:#7cdeb2}
.calendar-day-cash{display:grid;gap:4px;margin-top:3px;width:100%}
.calendar-day-amount{display:flex;align-items:baseline;justify-content:space-between;gap:4px;min-width:0;font-variant-numeric:tabular-nums;font-size:12px}
.calendar-day-amount>span{color:#a8bbb6;font-size:11px;font-weight:750}
.calendar-day-amount>strong{font-weight:850;font-size:14px;white-space:nowrap}
.calendar-day-amount.incoming>strong{color:#86e2bb}
.calendar-day-amount.outgoing>strong{color:#f0a5a3}
.calendar-day-amount.net{padding-top:6px;border-top:1px solid #43524d;margin-top:2px}
.calendar-day-amount.net>span,.calendar-day-amount.net>strong{color:#f0faf6;font-weight:900}
.calendar-day-balance{display:grid;gap:3px;margin-top:2px;width:100%;background:#22383a;border:1px solid #335961;border-radius:8px;padding:7px 8px;box-sizing:border-box}
.calendar-day-balance>span{font-size:10px;color:#acc8c7;font-weight:750}
.calendar-day-balance>b{font-size:15px;color:#bde7e1;font-variant-numeric:tabular-nums;white-space:nowrap}
.calendar-day-balance.low{background:#342822;border-color:#8b6742}
.calendar-day-balance.low>b{color:#ffd3a4}
.calendar-day-count{margin-top:auto;display:block;color:#96cbb3;font-size:10px;font-weight:750}
.money-calendar-day .calendar-add{position:absolute;right:9px;bottom:9px;width:26px;height:26px;background:#224236;color:#b9ffdc;border-color:#507968;font-size:21px;font-weight:550;z-index:2}
.money-calendar-day .calendar-add:hover{background:#295a44}
.cash-calendar-swipe{display:none;font-size:12px;color:#8fb8aa;margin:0 0 8px;font-weight:700}
.cash-calendar-explainer{color:#9aaca8;font-size:12px;line-height:1.6;margin:8px 0 0;max-width:1100px}
.cash-day-detail{margin:0 0 15px;border:1px solid #426957;background:linear-gradient(145deg,#1c322b,#192329);border-radius:14px;padding:16px;box-shadow:0 12px 34px rgba(0,0,0,.12)}
.cash-day-detail>header{display:flex;justify-content:space-between;align-items:start;gap:16px;padding-bottom:12px;border-bottom:1px solid #345044}
.cash-day-detail>header>div>span{color:#93dfba;font-size:11px;font-weight:900;letter-spacing:.12em}
.cash-day-detail h4{font-size:21px;margin:5px 0;color:#f2fff7}
.cash-day-detail>header p{margin:2px 0 0;color:#b6c8c0;font-size:13px;line-height:1.45}
.cash-day-detail-close{color:#a6b9b1;background:#23352e;border:1px solid #416758;min-width:36px;min-height:36px;border-radius:9px;font-size:23px;cursor:pointer}
.cash-day-detail-rows{display:grid;gap:8px;margin-top:12px}
.cash-day-detail-row{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border-radius:10px;border:1px solid #344941;background:#162321}
.cash-day-detail-row.overdue{border-color:#86613f;background:#2b251f}
.cash-day-detail-icon{display:grid;place-items:center;flex:none;width:31px;height:31px;font-size:19px;border-radius:9px;background:#23362e;color:#89d8af}
.cash-day-detail-icon.expense{background:#372c2b;color:#e5aaaa}
.cash-day-detail-name{display:grid;gap:3px;min-width:0;flex:1}
.cash-day-detail-name b{font-size:14px;color:#f1f8f4;overflow-wrap:anywhere}
.cash-day-detail-name small{font-size:12px;color:#9eaaa5;line-height:1.35}
.cash-day-detail-row>strong{font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cash-day-detail-row>strong.income{color:#8fe2b9}
.cash-day-detail-row>strong.expense{color:#eeaaa8}
.cash-day-detail-row>button,.cash-day-detail-add{padding:9px 12px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:850;min-height:36px;border:1px solid #4b7260;background:#254236;color:#cff5e3}
.cash-day-detail-row>button:hover,.cash-day-detail-add:hover{background:#315a47}
.cash-day-detail-add{margin-top:12px;font-size:14px;padding:10px 16px}
.cash-day-detail-empty{color:#aab9b3;font-size:14px}
.cash-day-overdue-note{padding:10px 12px;border-radius:9px;background:#39291d;color:#efc090;font-size:13px;line-height:1.5}
@media(max-width:1140px){.cash-calendar-swipe{display:block}}
@media(max-width:760px){
 .money-calendar{padding:12px;border-radius:12px}
 .money-calendar-head h3{font-size:22px}
 .money-calendar-head p{font-size:14px}
 .money-calendar-grid,.money-calendar-weekdays{min-width:1078px}
 .cash-day-detail-row{flex-wrap:wrap;gap:8px}
 .cash-day-detail-name{flex:1 1 calc(100% - 120px)}
 .cash-day-detail-row>strong{margin-left:40px}
 .cash-calendar-explainer{font-size:13px}
 /* The public interactive demo retains horizontal cards instead of squeezing seven columns. */
 #landingLiveDemo .money-calendar-day{flex:0 0 156px!important;width:156px!important;min-width:156px!important;min-height:204px!important}
 #landingLiveDemo .money-calendar-day:not(.has-items):not(.today){flex:0 0 156px!important;width:156px!important;min-width:156px!important;min-height:204px!important}
 #landingLiveDemo .money-calendar-open{min-height:203px!important}
 #landingLiveDemo .money-calendar-grid{gap:7px!important}
}

/* v6.9.1 final responsive guardrails: content should wrap, never widen the whole page. */
.retirement-page .category-overview-head{flex-wrap:wrap;align-items:center;gap:10px 16px}
.retirement-page .category-overview-head>strong{min-width:0;flex:1 1 180px;max-width:100%;overflow-wrap:anywhere}
.retirement-page .category-overview-head>strong small{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;font-size:13px!important}
.retirement-page .money-mix-stage{display:grid;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;max-width:100%;box-sizing:border-box}
.retirement-page .money-mix-focus{width:100%;min-width:0;max-width:100%;box-sizing:border-box;flex-wrap:wrap;overflow-wrap:anywhere}
.retirement-page .money-mix-focus strong{min-width:0;flex-wrap:wrap;overflow-wrap:anywhere}
.retirement-page .money-mix-rail-scroll{max-width:100%;min-width:0}
.retirement-page .retirement-expense-section,.retirement-page .retirement-category-overview{max-width:100%;min-width:0;box-sizing:border-box}
.retirement-page .retirement-chart{max-width:100%;box-sizing:border-box}
@media(min-width:1000px){.retirement-page .retirement-chart svg{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important}}
@media(max-width:440px){
 .retirement-page .category-overview-head{align-items:stretch}
 .retirement-page .category-overview-head>strong{flex-basis:100%;text-align:left}
 .retirement-page .money-mix-focus strong{font-size:clamp(14px,4.5vw,20px)!important}
 .retirement-page .retirement-card{padding:12px!important}
 .retirement-page input,.retirement-page select,.retirement-page button{max-width:100%}
}
/* Comfortable legibility on all Cash Flow calendar cards, including phone view. */
.money-calendar .money-calendar-date>span,.money-calendar .calendar-day-amount>span,.money-calendar .calendar-day-balance>span,.money-calendar .calendar-day-count{font-size:12px}
.money-calendar .cash-calendar-legend,.money-calendar .money-calendar-weekdays,.money-calendar .cash-calendar-swipe{font-size:13px}
.money-calendar .calendar-day-amount>strong{font-size:14px}
.money-calendar .calendar-day-balance>b{font-size:15px}
.calendar-day-cash.inactive{display:grid;place-items:center;flex:1}
.calendar-day-empty{font-size:12px;line-height:1.4;color:#738c85;text-align:center;font-weight:650;max-width:120px}
.money-calendar .calendar-jump-today{border:1px solid #427c5e;border-radius:9px;background:#1b4632;color:#aaf2cf;padding:8px 13px;min-height:36px;font-weight:800;font-size:13px;cursor:pointer}
.money-calendar .calendar-jump-today:hover{background:#23583e;color:#d0ffe6}
.retirement-page .retirement-category-metrics span,.retirement-page .retirement-category-amount>span,.retirement-page .retirement-stage-accounts>b,.retirement-page .retirement-extra-row label,.retirement-page .retirement-subplanner p{font-size:14px!important;line-height:1.45!important}
/* Retirement readability: replace legacy 8-11px metadata with a minimum comfortable size. */
.retirement-page .retirement-kicker,.retirement-page .retirement-source>span,
.retirement-page .retirement-status-row>div:first-child>span,.retirement-page .retirement-status-pill,
.retirement-page .retirement-kpis span,.retirement-page .retirement-kpis small,
.retirement-page .retirement-section-head>span,.retirement-page .retirement-legend,
.retirement-page .retirement-connection>div:first-child>span,.retirement-page .retirement-connection-grid span,
.retirement-page .retirement-connection-grid small,.retirement-page .retirement-grid2>label>span,
.retirement-page .retirement-grid2>label>span>b,.retirement-page .retirement-linked-input>b,
.retirement-page .retirement-category-overview .category-overview-head>div>span,
.retirement-page .retirement-category-editor-head b,.retirement-page .retirement-category-editor-head small,
.retirement-page .retirement-category-editor-head button,.retirement-page .retirement-category-reset,
.retirement-page .retirement-checkbox,.retirement-page .retirement-savings-link label,
.retirement-page .retirement-savings-link span{font-size:13px!important;line-height:1.4!important}
.retirement-page .retirement-status-row p,.retirement-page .retirement-section-head p,
.retirement-page .retirement-connection p,.retirement-page .retirement-category-overview .category-overview-head p{font-size:14px!important;line-height:1.5!important}
.retirement-page .retirement-grid2 small{font-size:13px!important;line-height:1.5!important}
.retirement-page .retirement-category-overview .category-overview-head h3{font-size:18px!important}
.retirement-page .retirement-connection-grid{max-width:100%;min-width:0}
.retirement-page .retirement-chart svg text{font-size:13px!important}

/* v6.9.2: Cash Flow controls share a single compact toolbar; no empty hero row. */
.cash-settings.cash-settings-integrated{
  display:block;
  width:100%;max-width:100%;min-width:0;
  box-sizing:border-box;
  padding:14px 16px 12px;
  margin:12px 0 16px;
}
.cash-settings-integrated .cash-settings-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:stretch;
  gap:12px;
  width:100%;min-width:0;
}
.cash-settings-integrated .cash-setting-field{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items:stretch;
  box-sizing:border-box;
  min-width:0;
  gap:6px;
  padding:12px 13px;
  min-height:0;
  border:1px solid #37474a;
  border-radius:11px;
  background:#121b1e;
}
.cash-settings-integrated .cash-setting-field .cash-setting-title{
  display:block;
  margin:0 0 2px;
  color:#a8bcb9;
  font-size:13px;
  line-height:1.35;
  font-weight:800;
  letter-spacing:.005em;
}
.cash-settings-integrated .cash-setting-field select,
.cash-settings-integrated .cash-setting-field input{
  box-sizing:border-box;
  min-width:0;
  width:100%;
  min-height:39px;
  border:1px solid #49615d;
  background:#10191d;
  color:#e8f5f1;
  border-radius:8px;
  padding:7px 9px;
  font-size:16px;
  font-weight:700;
}
.cash-settings-integrated .cash-setting-field .currency-input,
.cash-settings-integrated .cash-inline-balance{
  display:flex;align-items:center;
  box-sizing:border-box;
  width:100%;max-width:none;
  padding:0 9px;
  border:1px solid #49615d;
  border-radius:8px;
  background:#10191d;
  color:#a8c8ba;
}
.cash-settings-integrated .cash-setting-field .currency-input input,
.cash-settings-integrated .cash-inline-balance input{
  min-width:0;min-height:38px;
  border:0;outline:0;box-shadow:none;
  background:transparent;
  padding:6px 4px;
  font-size:19px;
  font-variant-numeric:tabular-nums;
}
.cash-settings-integrated .cash-setting-field .currency-input:focus-within,
.cash-settings-integrated .cash-inline-balance:focus-within{border-color:#7dddaf;box-shadow:0 0 0 2px rgba(111,209,154,.14)}
.cash-settings-integrated .cash-balance-choice{background:linear-gradient(135deg,#142620,#131b1a);border-color:#426c57}
.cash-settings-integrated .cash-inline-balance{background:#0d1b15;border-color:#4b765c}
.cash-settings-integrated .cash-setting-field small{
  color:#98aaa7;
  font-size:12px;
  font-weight:500;
  line-height:1.4;
  overflow-wrap:anywhere;
}
.cash-settings-integrated .cash-projected-choice{border-color:#45645c;background:linear-gradient(145deg,#162621,#141d20)}
.cash-settings-integrated .cash-projected-choice .cash-projected-total{
  display:block;
  margin:0 0 1px;
  color:#a6eed0;
  font-family:var(--wmd-font-ui);
  font-size:clamp(28px,2.75vw,38px);
  line-height:1.2;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
.cash-settings-integrated .cash-projected-choice.warning{border-color:#94675c;background:#291e1c}
.cash-settings-integrated .cash-projected-choice.warning .cash-projected-total{color:#f3b3a4}
/* Display the key cash figures first, with the account and safety floor as compact controls. */
.cash-settings-integrated .cash-balance-choice,
.cash-settings-integrated .cash-projected-choice{
  min-height:146px;
  padding:18px 18px 16px;
  box-shadow:inset 0 1px 0 rgba(149,237,195,.07);
}
.cash-settings-integrated .cash-balance-choice .cash-setting-title,
.cash-settings-integrated .cash-projected-choice .cash-setting-title{font-size:15px}
.cash-settings-integrated .cash-balance-choice .cash-inline-balance{min-height:52px}
.cash-settings-integrated .cash-balance-choice .cash-inline-balance>span{font-size:19px;font-weight:750}
.cash-settings-integrated .cash-balance-choice .cash-inline-balance input{
  font-size:clamp(25px,2.7vw,34px);
  font-weight:800;
  letter-spacing:-.025em;
  text-align:right;
}
.cash-settings-integrated .cash-account-choice,
.cash-settings-integrated .cash-min-choice{
  min-height:98px;
  padding:11px 13px;
  background:#11191c;
}
.cash-settings-integrated .cash-account-choice .cash-setting-title,
.cash-settings-integrated .cash-min-choice .cash-setting-title{font-size:12px;font-weight:750}
.cash-settings-integrated .cash-account-choice select{min-height:38px;font-size:16px;font-weight:650}
.cash-settings-integrated .cash-min-choice .currency-input input{font-size:17px}
.cash-settings-integrated .cash-account-choice small,
.cash-settings-integrated .cash-min-choice small{font-size:11px;line-height:1.3}
.cash-settings-integrated .cash-debt-selector{
  grid-column:auto;
  margin-top:14px;
  padding:12px 2px 2px;
  border-top:1px solid #30413e;
}
.cash-settings-integrated .cash-debt-selector>span{font-size:13px}
.cash-settings-integrated .cash-debt-options label{font-size:12px;min-height:34px}
.cash-settings-integrated .cash-debt-selector small{font-size:12px}
.cash-settings-integrated .cash-setting-field input[readonly]{opacity:.85;cursor:not-allowed}
.money-calendar .calendar-jump-today:focus-visible{outline:2px solid #a6f0c7;outline-offset:3px}
.cash-day-detail{scroll-margin-top:18px}
@media(max-width:600px){
 .cash-settings.cash-settings-integrated{padding:12px}
 .cash-settings-integrated .cash-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .cash-settings-integrated .cash-balance-choice,
 .cash-settings-integrated .cash-projected-choice{min-height:130px;padding:14px 11px}
 .cash-settings-integrated .cash-balance-choice .cash-setting-title,
 .cash-settings-integrated .cash-projected-choice .cash-setting-title{font-size:13px}
 .cash-settings-integrated .cash-balance-choice .cash-inline-balance{padding:0 5px}
 .cash-settings-integrated .cash-balance-choice .cash-inline-balance input{font-size:clamp(21px,5.8vw,28px);padding:6px 1px}
 .cash-settings-integrated .cash-projected-choice .cash-projected-total{font-size:clamp(25px,6.6vw,31px)}
 .cash-settings-integrated .cash-account-choice,
 .cash-settings-integrated .cash-min-choice{min-height:94px;padding:11px 9px}
 .cash-settings-integrated .cash-min-choice .currency-input{padding:0 5px}
 .cash-settings-integrated .cash-min-choice .currency-input input{font-size:16px;padding:6px 1px}
}
@media(max-width:370px){
 .cash-settings.cash-settings-integrated{padding:10px}
 .cash-settings-integrated .cash-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .cash-settings-integrated .cash-balance-choice,
 .cash-settings-integrated .cash-projected-choice{padding:12px 8px}
 .cash-settings-integrated .cash-account-choice,
 .cash-settings-integrated .cash-min-choice{padding:10px 7px}
 .cash-settings-integrated .cash-account-choice .cash-setting-title,
 .cash-settings-integrated .cash-min-choice .cash-setting-title{font-size:11px}
}


/* v6.9.3 Retirement clarity: readable household summaries and compact, responsive category picks. */
.retirement-household-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:10px;margin:11px 0 14px}
.retirement-household-totals>div{display:grid;gap:5px;align-content:start;min-width:0;padding:13px;border:1px solid #314941;border-radius:11px;background:#121f1d}
.retirement-household-totals small{font-size:13px!important;color:#a1b8ae;line-height:1.35}
.retirement-household-totals strong{font-size:clamp(20px,2vw,25px);font-weight:800;color:#f1f9f5;overflow-wrap:anywhere}
.retirement-household-totals span{font-size:12px;color:#9aaca6;line-height:1.45}
.retirement-household-totals-highlight{border-color:#438569!important;background:linear-gradient(145deg,#183428,#12281f)!important}
.retirement-household-totals-highlight strong{color:#9af0c6}
.retirement-override-total{display:flex;align-items:end;gap:10px;flex-wrap:wrap;min-width:0;margin:12px 0 16px}
.retirement-override-total>label{display:grid;gap:5px;flex:1 1 220px;min-width:0}
.retirement-override-total>label>span{font-size:14px;color:#acbeb8;font-weight:750}
.retirement-override-total small{font-size:12px!important;color:#99aaa4}
.retirement-override-total>button{background:#244738;color:#b9f1d4;border:1px solid #468061;border-radius:9px;padding:9px 12px;cursor:pointer}
.retirement-earner{position:relative}
.retirement-earner>button.retirement-earner-remove{display:inline-flex;align-items:center;justify-content:center;gap:7px;justify-self:start;align-self:end;min-height:42px;max-width:190px;padding:9px 12px;background:#2b2023!important;color:#fac3c3!important;border:1px solid #70474b!important;border-radius:9px;font-weight:750;cursor:pointer}
.retirement-earner>button.retirement-earner-remove:hover{background:#42272b!important;border-color:#af777b!important}
.retirement-earner-remove span{font-size:18px;line-height:1}
.retirement-chart-milestone{display:flex;align-items:center;flex-wrap:wrap;gap:7px 14px;padding:10px 13px;margin:12px 0 3px;border-radius:11px;border:1px solid #345c4a;background:linear-gradient(90deg,#182e25,#192225)}
.retirement-chart-milestone span{font-size:11px;color:#b1c8bd;letter-spacing:.07em;font-weight:800}
.retirement-chart-milestone strong{color:#ecf7f1;font-size:16px;font-weight:800}
.retirement-chart-milestone b{margin-left:auto;color:#92efc3;font-size:15px}
.retirement-axis-year{fill:#d1e5dc;font-weight:850}.retirement-axis-age{fill:#9cb0a8}
.retirement-category-shortcuts{display:grid;gap:9px;margin:12px 0}
.retirement-category-quick,.retirement-category-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:7px}
.retirement-category-extra[hidden]{display:none!important}
.retirement-category-chip{--cat:#7c8b91;display:flex;align-items:center;gap:8px;min-width:0;text-align:left;border:1px solid #32443f;border-radius:9px;padding:10px;background:#111b1b;color:#cadbd3;cursor:pointer}
.retirement-category-chip i{font-style:normal;font-size:19px;line-height:1;flex:none}
.retirement-category-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:13px;font-weight:700;white-space:nowrap}
.retirement-category-chip b{color:#dcece4;font-size:13px;white-space:nowrap}
.retirement-category-chip:hover,.retirement-category-chip.selected,.retirement-category-chip:focus-visible{border-color:color-mix(in srgb,var(--cat) 68%,#4e665b);background:color-mix(in srgb,var(--cat) 12%,#111c1b)}
.retirement-category-more-toggle{justify-self:start;border:1px solid #46674e;background:#1b3028;border-radius:9px;padding:9px 14px;font-size:13px;color:#b9ead2;font-weight:750;cursor:pointer}
.retirement-category-more-toggle:hover{background:#264637}
.retirement-future{margin-top:18px;padding:15px;border:1px solid #304e41;border-radius:12px;background:#131f1b}
.retirement-future-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.retirement-future-heading h4{font-size:18px;margin:0 0 4px;color:#f1f5f2}
.retirement-future-heading p{margin:0;font-size:13px;color:#a4b6ae}
.retirement-future-heading>strong{color:#e4f7e9;font-size:19px;white-space:nowrap}
.retirement-future-heading>strong small{display:block;text-align:right;font-size:12px;color:#a4b7ab}
.retirement-future-rail{width:100%;min-height:52px}
.retirement-future-segment{--cat:#7c8b91;flex:var(--share) 1 0;min-width:9px;min-height:45px;display:flex;align-items:center;justify-content:center;gap:4px;padding:5px;position:relative;border-radius:9px;background:linear-gradient(180deg,color-mix(in srgb,var(--cat) 91%,white 3%),color-mix(in srgb,var(--cat) 83%,black 10%));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);color:#fff;cursor:help;outline:none}
.retirement-future-segment span{font-size:17px;line-height:1;pointer-events:none}
.retirement-future-segment b{font-size:11px;overflow:hidden;max-width:100px;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}
.retirement-future-segment:hover,.retirement-future-segment:focus-visible{filter:brightness(1.15);box-shadow:0 0 0 2px #c0e0c9;z-index:3}
.retirement-future-insight{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:45px;padding:9px 12px;margin-top:9px;border:1px solid transparent;color:#91aaa0;font-size:13px;line-height:1.4}
.retirement-future-insight.active{border-color:#3a604e;border-radius:9px;background:#193027;color:#d1e8dc}
.retirement-future-insight span{font-weight:800}.retirement-future-insight strong{color:#e8f9ec}
@media(max-width:760px){.retirement-future-rail{min-width:720px!important;width:max-content!important;flex-wrap:nowrap!important}.retirement-future-segment{min-width:40px!important;flex:var(--share) 0 0!important}.retirement-future-segment b{display:none}.retirement-chart-milestone b{margin-left:0}}
@media(max-width:420px){.retirement-household-totals{grid-template-columns:repeat(2,minmax(0,1fr))}.retirement-household-totals>div{padding:10px}.retirement-household-totals strong{font-size:18px}.retirement-category-quick,.retirement-category-extra{grid-template-columns:1fr}.retirement-future-heading>strong{white-space:normal}.retirement-future-heading>strong small{text-align:left}}

/* v6.9.4: retirement chart clarity, nested disclosures and compact earners */
.retirement-subplanner-disclosure{padding:0!important;overflow:hidden;border:1px solid #38564c!important}
.retirement-page .retirement-subplanner-disclosure>summary{
  display:flex;flex-direction:row;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:4px 12px;min-height:56px;margin:0!important;padding:12px 15px!important;
  list-style:none;cursor:pointer;color:#e9f4ef;border:0;
}
.retirement-page .retirement-subplanner-disclosure>summary::-webkit-details-marker{display:none}
.retirement-page .retirement-subplanner-disclosure>summary::after{content:'+';color:#95d8bb;font-size:20px!important;font-weight:500;order:3;margin-left:auto}
.retirement-page .retirement-subplanner-disclosure[open]>summary::after{content:'−'}
.retirement-page .retirement-subplanner-disclosure>summary>span{font-weight:850;font-size:17px!important;line-height:1.35}
.retirement-page .retirement-subplanner-disclosure>summary>small{font-size:13px!important;color:#acc7b9;line-height:1.35;margin-left:auto}
.retirement-page .retirement-subplanner-disclosure>summary:hover,.retirement-page .retirement-subplanner-disclosure>summary:focus-visible{background:#1c3028;outline-offset:-2px}
.retirement-subplanner-disclosure .retirement-subplanner-content{padding:0 14px 14px;border-top:1px solid #304a3d}
.retirement-subplanner-disclosure .retirement-subplanner-content>p{margin:12px 0}
.retirement-subplanner-content>button{padding:9px 13px;border:1px solid #41634f;border-radius:9px;background:#1d342a;color:#c3e7d6;font-size:14px!important;font-weight:800;cursor:pointer}
.retirement-subplanner-disclosure:not([open]) .retirement-subplanner-content{display:none}
.retirement-page .retirement-earner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:10px;padding:13px;margin:12px 0}
.retirement-page .retirement-earner>label{display:flex!important;flex-direction:column;justify-content:flex-start;align-self:start;gap:6px!important;min-width:0;font-size:13px!important;line-height:1.35!important;color:#b3c9be}
.retirement-page .retirement-earner input{box-sizing:border-box!important;width:100%;height:41px!important;min-height:41px!important;max-height:41px!important;flex:0 0 auto;padding:8px 10px!important;font-size:15px!important}
.retirement-page .retirement-earner .retirement-earner-remove{justify-self:start;align-self:end;max-width:100%;height:41px;min-height:41px!important;padding:8px 11px;font-size:14px!important}
.retirement-page .retirement-earner-note{grid-column:1/-1;margin:0!important;font-size:13px!important;color:#93b2a3;line-height:1.4!important}
.retirement-page .retirement-mix-comparison-labels{display:flex;gap:14px;justify-content:space-between;flex-wrap:wrap;max-width:590px;color:#b4c7bc}
.retirement-page .retirement-mix-comparison-labels span{font-size:12px!important;font-weight:750}
.retirement-page .retirement-mix-comparison-labels span:last-child{color:#a3e5c0}
.retirement-page .retirement-mix-note{font-size:13px!important;color:#9db9ae;margin:10px 0 5px;line-height:1.45!important}
.retirement-page .money-mix-focus strong{gap:12px;flex-wrap:wrap;font-size:clamp(16px,2.15vw,24px)!important;line-height:1.3}
.retirement-page .money-mix-focus strong em:last-child{color:#b2f5d1}
.retirement-page .money-mix-focus small{font-size:13px!important;color:#a5bcaf;line-height:1.4!important}
.retirement-page .retirement-investment-account{font-size:14px!important}
@media (max-width:1020px){.retirement-page .retirement-earner{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:600px){
  .retirement-page .retirement-earner{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px;gap:10px}
  .retirement-page .retirement-subplanner-disclosure>summary{align-items:flex-start}
  .retirement-page .retirement-subplanner-disclosure>summary>span{font-size:15px!important}
  .retirement-page .retirement-subplanner-disclosure>summary>small{order:2;margin-left:0;flex:1 1 80%;font-size:12px!important}
  .retirement-page .retirement-subplanner-disclosure>summary::after{order:1}
  .retirement-page .retirement-mix-comparison-labels span{font-size:12px!important}
}
@media (max-width:365px){.retirement-page .retirement-earner{grid-template-columns:1fr}}

/* Mobile category segments don't jump when a touch browser retains :hover. */
@media(max-width:760px){
 .retirement-page .money-mix-segment:hover:not(.selected){
   transform:none!important;filter:none!important;
   box-shadow:inset 0 0 0 1px rgba(255,255,255,.13)!important;
 }
 .retirement-page .money-mix-segment:hover:not(.selected)>span{font-size:15px!important;transform:none!important}
}

.retirement-page .retirement-extra-row.asset>.retirement-asset-preview{grid-column:1/-1;font-size:13px!important;color:#9bbbad;line-height:1.4;overflow-wrap:anywhere}
.retirement-page .retirement-asset-preview b{color:#a5e5c3;font-size:14px}
.retirement-page .retirement-target-text{paint-order:stroke fill;stroke:#111b20;stroke-width:4px;stroke-linejoin:round}


/* v6.9.5: simple purchasing-power view for retirement without changing the financial model. */
.retirement-money-basis-note{margin:12px 0 0;color:#adbbb6;font-size:13px;line-height:1.5}
.retirement-money-basis-note strong{color:#c7ebd8;font-weight:800}
.retirement-chart-head{align-items:start;flex-wrap:wrap;gap:12px 18px;margin-bottom:10px}
.retirement-chart-head>div:first-child{flex:1 1 250px;min-width:0}
.retirement-chart-head>div:first-child p{max-width:580px;font-size:13px!important;color:#a5b9ae;line-height:1.5}
.retirement-dollar-controls{display:flex;align-items:flex-end;flex-direction:column;gap:6px;min-width:0;max-width:100%}
.retirement-dollar-controls>span{font-size:12px;color:#a5b9b1;font-weight:700}
.retirement-dollar-switch{display:flex;gap:3px;align-items:stretch;max-width:100%;padding:3px;border:1px solid #365449;border-radius:11px;background:#111c1a}
.retirement-dollar-switch button{margin:0;padding:10px 13px;min-height:41px;border:1px solid transparent;border-radius:8px;white-space:nowrap;background:transparent;color:#afc3b8;font-weight:800;font-size:13px;line-height:1.2;cursor:pointer}
.retirement-dollar-switch button.active,.retirement-dollar-switch button[aria-pressed="true"]{color:#f2fff8;background:#28513e;border-color:#4b9270;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.retirement-dollar-switch button:hover:not(.active){background:#203129;color:#d9f2e5}
.retirement-dollar-switch button:focus-visible{outline:2px solid #9aefc6;outline-offset:2px}
.retirement-assumption-line{display:flex;gap:6px 10px;flex-wrap:wrap;color:#93aaa0;font-size:12px;line-height:1.4;margin:6px 0 12px}
.retirement-assumption-line strong{color:#cae9db;font-weight:800}
.retirement-assumption-line i{font-style:normal;opacity:.55}
.retirement-chart-under{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin:7px 0 4px;font-size:13px;color:#a7bcb0;line-height:1.45}
.retirement-chart-under strong{color:#d2f1e1;font-size:13px}
.retirement-real-return{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-top:13px;padding:12px 14px;border:1px solid #3c6954;border-radius:10px;background:#162920}
.retirement-real-return>div{display:grid;gap:4px;flex:0 0 auto}
.retirement-real-return span{font-size:12px;color:#b1c6b9;font-weight:750}
.retirement-real-return strong{font-size:20px;color:#a4ebc5;line-height:1.15}
.retirement-real-return small{flex:1 1 210px;max-width:540px;font-size:12px!important;line-height:1.5;color:#aabdb1}
.retirement-point-hit{fill:transparent;stroke:transparent;stroke-width:2;cursor:crosshair;pointer-events:all}
.retirement-point-hit:hover,.retirement-point-hit:focus-visible{fill:#8ce9bc;stroke:#102721;outline:none;filter:drop-shadow(0 0 3px #68caa1)}
@media(max-width:760px){
  .retirement-dollar-controls{width:100%;align-items:flex-start}
  .retirement-dollar-switch{width:100%;box-sizing:border-box}
  .retirement-dollar-switch button{flex:1 1 0;white-space:normal}
  .retirement-chart-under{font-size:12px}
  .retirement-money-basis-note{font-size:12px}
}
@media(max-width:365px){
  .retirement-dollar-switch button{padding:9px 7px;font-size:12px}
  .retirement-assumption-line{font-size:11.5px}
}

/* v6.9.6: retirement planning readability, timeline inspection, and life events */
.retirement-page .retirement-chart-inspector{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,auto);gap:10px 20px;
  align-items:center;margin:12px 0 9px;padding:15px 17px;border:1px solid #457763;
  border-radius:13px;background:linear-gradient(112deg,#1a302a,#142420);min-width:0;
}
.retirement-page .retirement-inspector-date,.retirement-page .retirement-inspector-balance{display:grid;gap:3px;min-width:0}
.retirement-page .retirement-chart-inspector span{font-size:12px!important;color:#9dc9b2;letter-spacing:.06em;font-weight:850}
.retirement-page .retirement-inspector-date strong{font-size:20px;line-height:1.2;color:#f5fff9;overflow-wrap:anywhere}
.retirement-page .retirement-inspector-balance strong{font-size:clamp(23px,2.4vw,30px);line-height:1.15;color:#adf6cf;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.retirement-page .retirement-chart-inspector small{font-size:14px!important;color:#b6cbbf!important;line-height:1.4}
.retirement-page .retirement-chart-inspector p{grid-column:1/-1;margin:2px 0 0!important;color:#cce1d5;font-size:14px!important;line-height:1.4;overflow-wrap:anywhere}
.retirement-page .retirement-active-guide{stroke:#a7f4cd;stroke-width:1.2;stroke-dasharray:3 5;opacity:.75;pointer-events:none;vector-effect:non-scaling-stroke}
.retirement-page .retirement-active-dot{fill:#8ef0c1;stroke:#163a2a;stroke-width:2.5;filter:drop-shadow(0 0 5px #68cfa3);pointer-events:none;vector-effect:non-scaling-stroke}
.retirement-page .retirement-chart-scrubber{display:grid;gap:7px;max-width:100%;padding:8px 4px 5px;color:#c3ddd0}
.retirement-page .retirement-chart-scrubber label{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:15px!important;font-weight:750;color:#d8eee0}
.retirement-page .retirement-chart-scrubber label span{font-size:17px;font-weight:900;color:#a7f1c6}
.retirement-page .retirement-chart-scrubber input{width:100%;min-width:0;accent-color:#79dbad;min-height:28px;cursor:pointer}
.retirement-page .retirement-chart-scrubber small{font-size:13px!important;color:#a3bcb0!important}
.retirement-page .retirement-chart{cursor:crosshair}

/* Critical assumptions have prominent, informative headings even when collapsed. */
.retirement-page .retirement-assumptions>details{
  min-width:0;overflow:visible;border:1px solid #34483e;border-radius:12px;
  background:#14211e;margin-top:12px!important;
}
.retirement-page .retirement-assumptions>details[open]{border-color:#426e59;background:#15231f}
.retirement-page .retirement-assumptions>details>summary{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;
  padding:15px 16px;min-height:64px;border-radius:11px;
  font-size:18px!important;line-height:1.3!important;color:#eaf5ed!important;
  font-weight:850!important;
}
.retirement-page .retirement-assumptions>details>summary:hover{background:#1c3229}
.retirement-page .retirement-assumptions>details>summary:focus-visible{outline:2px solid #8fdcb4;outline-offset:-2px}
.retirement-page .retirement-assumptions>details>summary::after{font-size:22px!important;order:2;margin-left:auto;color:#9fe3bd;line-height:1}
.retirement-page .retirement-assumptions>details>summary .retirement-summary-title{font-size:18px!important;flex:1 1 220px;min-width:0;color:#effcf5;font-weight:850!important}
.retirement-page .retirement-assumptions>details>summary .retirement-summary-meta{order:3;flex:1 1 100%;font-size:14px!important;line-height:1.4!important;color:#afd6c0!important;font-weight:550;letter-spacing:0}
.retirement-page .retirement-assumptions>details[open]>summary{border-bottom:1px solid #2f5542;border-bottom-left-radius:0;border-bottom-right-radius:0}
.retirement-page .retirement-assumptions>details>.retirement-grid2,
.retirement-page .retirement-assumptions>details>.retirement-household-totals,
.retirement-page .retirement-assumptions>details>.retirement-override-total{margin:14px!important}
.retirement-page .retirement-assumptions>details>.retirement-grid2{padding:0 3px}
.retirement-page .retirement-assumptions>details>p.retirement-help{padding:0 15px 15px;margin:8px 0 0!important}
.retirement-page .retirement-assumptions>details> .retirement-expense-section{padding:0 12px}
.retirement-page .retirement-assumptions .retirement-grid2>label>span,
.retirement-page .retirement-assumptions .retirement-grid2>label>span>b{
  font-size:15px!important;line-height:1.4!important;color:#bdd5c8;
}
.retirement-page .retirement-assumptions .retirement-grid2>label>span>b{font-size:18px!important;font-weight:900;color:#d9ffe9}
.retirement-page .retirement-assumptions input[type=range]{accent-color:#78d7a8;min-height:34px;cursor:pointer}
.retirement-page .retirement-assumptions .retirement-grid2 small,
.retirement-page .retirement-assumptions .retirement-real-return small{font-size:14px!important;color:#b1cbbf;line-height:1.5!important}
.retirement-page .retirement-assumptions .retirement-real-return{margin:12px 15px;gap:14px}
.retirement-page .retirement-assumptions .retirement-real-return span{font-size:14px!important;color:#bde5d1}
.retirement-page .retirement-assumptions .retirement-real-return strong{font-size:26px}
.retirement-page .retirement-assumptions .retirement-real-return small{flex:1 1 280px}
.retirement-page .retirement-assumptions .retirement-help{font-size:14px!important;line-height:1.5}
.retirement-page .retirement-assumptions .retirement-ss-result,
.retirement-page .retirement-assumptions .retirement-healthbreakdown{padding:14px;border-radius:10px}

/* Collapsible contributions and expanded real-world life-phase planning. */
.retirement-page .retirement-life-planner .retirement-subplanner-content{padding:0 14px 15px;display:grid;gap:10px}
.retirement-page .retirement-life-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px 14px;margin:13px 0 1px;padding-top:16px;border-top:1px solid #314c3f}
.retirement-page .retirement-life-heading h4{margin:0;font-size:18px;color:#f2fff8}
.retirement-page .retirement-life-heading span{font-size:14px;color:#b2d4c0}
.retirement-page .retirement-phase-card{display:grid;gap:12px;margin:4px 0 9px;padding:14px;border:1px solid #395949;border-radius:12px;background:#12231d;min-width:0}
.retirement-page .retirement-phase-top{display:flex;justify-content:space-between;align-items:end;flex-wrap:wrap;gap:10px 16px}
.retirement-page .retirement-phase-top>div{flex:1 1 240px;display:grid;gap:7px;min-width:0}
.retirement-page .retirement-phase-kicker{font-size:12px;letter-spacing:.07em;font-weight:850;color:#93deb5}
.retirement-page .retirement-phase-top label,.retirement-page .retirement-stage-row label{display:grid;gap:5px;color:#bcd5c7;font-size:14px!important;line-height:1.45!important;min-width:0}
.retirement-page .retirement-phase-top input,.retirement-page .retirement-phase-card input,.retirement-page .retirement-phase-card select{min-width:0;max-width:100%;width:100%;border:1px solid #426153;border-radius:9px;background:#0f1c1b;color:#f0f8f3;padding:9px 11px;min-height:44px;font-size:15px!important;box-sizing:border-box}
.retirement-page .retirement-phase-top button{min-height:44px;padding:10px 13px;border-radius:9px;border:1px solid #75484b;color:#f4b5bb;background:#302024;font-weight:750;cursor:pointer}
.retirement-page .retirement-life-planner .retirement-stage-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:start;gap:10px;margin:0}
.retirement-page .retirement-phase-hint{margin:0;color:#b1c9b9;font-size:14px!important;line-height:1.5!important}
.retirement-page .retirement-phase-hint strong{color:#eaf4d1}
.retirement-page .retirement-phase-accounts{border:1px solid #3a5d4b;border-radius:9px;background:#172921;overflow:hidden;min-width:0}
.retirement-page .retirement-phase-accounts summary{display:flex;flex-wrap:wrap;gap:5px 12px;align-items:center;min-height:46px;padding:11px 13px!important;list-style:none;cursor:pointer;font-size:15px!important;font-weight:800!important;color:#dbf9e8!important}
.retirement-page .retirement-phase-accounts summary::-webkit-details-marker{display:none}
.retirement-page .retirement-phase-accounts summary:after{content:'+';margin-left:auto;color:#a6e5c6}
.retirement-page .retirement-phase-accounts[open] summary:after{content:'−'}
.retirement-page .retirement-phase-accounts summary small{display:block;flex:1 1 100%;order:3;font-size:13px!important;color:#a9c9b8!important;font-weight:500!important}
.retirement-page .retirement-phase-account-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid #345342}
.retirement-page .retirement-phase-account-grid>label{display:grid;gap:6px;min-width:0;font-size:14px;color:#d3e5d8}
.retirement-page .retirement-phase-account-grid>label>span{display:grid;gap:2px;font-size:15px;font-weight:750}
.retirement-page .retirement-phase-account-grid small{font-size:13px;color:#a6c7b6;font-weight:500}
.retirement-page .retirement-phase-warning,.retirement-page .retirement-event-caution{padding:12px!important;margin:4px 0!important;border:1px solid #726444;border-radius:9px;background:#2c291c;color:#e6dcbd;font-size:14px!important;line-height:1.5!important}
.retirement-page .retirement-event-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1.3fr) auto;gap:9px;align-items:end;min-width:0;padding:12px;border:1px solid #365846;border-radius:10px;background:#12231d}
.retirement-page .retirement-event-row label{display:grid;gap:5px;min-width:0;font-size:14px;color:#c7d8cc}
.retirement-page .retirement-event-row input,.retirement-page .retirement-event-row select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;border:1px solid #426153;background:#0f1d1a;color:#f4f9f6;border-radius:9px;padding:9px 10px;font-size:15px}
.retirement-page .retirement-event-row button{width:44px;height:44px;min-height:44px;border:1px solid #774a4f;border-radius:9px;background:#322225;color:#f1bdc0;font-size:20px;cursor:pointer}
.retirement-page .retirement-event-preview{grid-column:1/-1;font-size:14px!important;color:#a5d9b8!important;line-height:1.4}
.retirement-page .retirement-life-planner .retirement-subplanner-content>button{justify-self:start;min-height:42px;font-size:15px!important}
@media(max-width:1000px){.retirement-page .retirement-event-row{grid-template-columns:repeat(2,minmax(0,1fr))}.retirement-page .retirement-event-row button{justify-self:start}}
@media(max-width:760px){
 .retirement-page .retirement-chart-inspector{grid-template-columns:1fr;padding:13px;gap:12px}
 .retirement-page .retirement-inspector-date strong{font-size:18px}
 .retirement-page .retirement-inspector-balance strong{font-size:26px}
 .retirement-page .retirement-assumptions>details>summary{padding:13px;min-height:68px}
 .retirement-page .retirement-assumptions>details>summary .retirement-summary-title{font-size:17px!important;flex-basis:210px}
 .retirement-page .retirement-assumptions>details>summary .retirement-summary-meta{font-size:14px!important}
 .retirement-page .retirement-life-planner .retirement-stage-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .retirement-page .retirement-phase-account-grid{grid-template-columns:1fr}
}
@media(max-width:400px){
 .retirement-page .retirement-life-planner .retirement-stage-row{grid-template-columns:1fr!important}
 .retirement-page .retirement-event-row{grid-template-columns:1fr}
 .retirement-page .retirement-phase-card{padding:11px}
 .retirement-page .retirement-event-row button{justify-self:start}
}

/* Two-tier pricing (Free and Premium only). */
@media (max-width:980px) and (min-width:721px){.landing-simple-pricing{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-simple-pricing article:last-child{grid-column:auto}}


/* Net Worth History chart refresh: readable at phone size, touch inspection, no side scrolling. */
.history-panel{
  margin-top:24px;padding:clamp(16px,2.8vw,26px);box-sizing:border-box;
  border:1px solid #344e49;border-radius:20px;
  background:linear-gradient(150deg,#192227 0%,#131b1e 80%);overflow:visible;
}
.history-panel .history-head{display:flex;align-items:start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:15px}
.history-panel .history-head>div:first-child{min-width:0;flex:1 1 200px}
.history-panel .history-eyebrow{display:block;margin-bottom:5px;color:#74dcb1;font-size:10px;letter-spacing:.15em;font-weight:850}
.history-panel .history-head h3{margin:0;color:#f0f6f3;font-family:var(--wmd-font-ui);font-size:clamp(27px,3vw,37px);line-height:1.15}
.history-panel .history-toggle{min-height:42px;flex:0 0 auto;border:1px solid #4b635b;color:#c7e9d9;background:#1d2c2a;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:750;cursor:pointer}
.history-panel .history-toggle:hover,.history-panel .history-toggle:focus-visible{border-color:#72e0b4;background:#243d33}
.history-panel .history-metrics{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:16px}
.history-panel .history-metrics>div{padding:15px 16px;border:1px solid #30433f;border-radius:12px;display:grid;gap:6px;min-width:0;background:#11191c}
.history-panel .history-metrics span{color:#9daeb0;font-size:13px;line-height:1.35}
.history-panel .history-latest{text-align:left;margin:0;justify-items:start}
.history-panel .history-latest b{font-size:clamp(28px,3.5vw,40px);line-height:1.12;color:#f0fbf6;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.history-panel .history-range-change{justify-items:start}
.history-panel .history-range-change strong{color:#e8f2ed;font-size:clamp(16px,1.7vw,20px);line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.history-panel .positive{color:#78e0b6!important}
.history-panel .negative{color:#e9999b!important}
.history-panel .history-periods{display:flex;gap:6px;width:max-content;max-width:100%;margin:0 0 14px;padding:4px;border:1px solid #314441;background:#10191b;border-radius:12px}
.history-panel .history-periods button{min-width:66px;min-height:40px;padding:8px 15px;background:transparent;border:1px solid transparent;color:#a9bdb8;border-radius:9px;font-size:13px;font-weight:800;cursor:pointer}
.history-panel .history-periods button.active{background:#203f33;color:#e0f9ec;border-color:#519b79;box-shadow:inset 0 0 0 1px rgba(115,228,181,.12)}
.history-panel .history-periods button:hover:not(.active){background:#1b2929;color:#e4f2ed}
.history-panel button:focus-visible,.history-panel svg:focus-visible{outline:2px solid #8becc0;outline-offset:3px}
.history-panel .history-chart-frame{position:relative;min-width:0;width:100%;padding:8px 2px 3px;box-sizing:border-box;border:1px solid #2b3c3b;border-radius:13px;background:linear-gradient(180deg,#111b1d,#101819)}
.history-panel .history-chart{display:block;width:100%;max-width:100%;min-width:0!important;height:auto;margin:0;overflow:visible;touch-action:pan-y;cursor:crosshair}
.history-panel .hist-grid{stroke:#4a5c5b;stroke-opacity:.42;stroke-width:1;vector-effect:non-scaling-stroke}
.history-panel .hist-label{font-size:12px;fill:#99aaa8;font-family:var(--wmd-font-ui)}
.history-panel .hist-x-label{fill:#a3b3b0}
.history-panel .history-area{fill:#62dca9;fill-opacity:.14}
.history-panel .history-line{fill:none;stroke:#79e7bc;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.history-panel .history-hit-area{pointer-events:all;cursor:crosshair}
.history-panel .history-focus{pointer-events:none}
.history-panel [data-history-focus-line]{stroke:#8fedc5;stroke-opacity:.64;stroke-width:1.5;vector-effect:non-scaling-stroke;stroke-dasharray:4 5}
.history-panel [data-history-focus-dot]{fill:#a0f1d0;stroke:#123324;stroke-width:2.5;vector-effect:non-scaling-stroke}
.history-panel .history-hover-tip{position:absolute;transform:translateX(-50%);pointer-events:none;display:grid;gap:3px;min-width:112px;max-width:200px;padding:8px 12px;border-radius:9px;border:1px solid #50846e;background:#18342b;box-shadow:0 9px 26px rgba(0,0,0,.35);z-index:2;text-align:center}
.history-panel .history-hover-tip[hidden]{display:none}
.history-panel .history-hover-tip span{font-size:11px;color:#aed7c3}
.history-panel .history-hover-tip strong{font-size:15px;color:#f0fff7;font-weight:850;font-variant-numeric:tabular-nums}
.history-panel .history-inspector{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:12px;padding:14px 16px;border:1px solid #34483e;background:#172620;border-radius:12px}
.history-panel .history-inspector>div{display:grid;gap:5px;align-content:start;min-width:0}
.history-panel .history-inspector span{font-size:12px;color:#a4bfaf}
.history-panel .history-inspector strong{color:#eefaf2;font-size:20px;line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.history-panel .history-inspector small{font-size:12px;line-height:1.35;color:#a7c7b4;font-variant-numeric:tabular-nums}
.history-panel .history-caption{margin:10px 0 0;color:#9cafab;font-size:12px;line-height:1.5}
.history-panel .history-empty-chart{min-height:220px;display:grid;align-content:center;justify-items:center;text-align:center;gap:7px;padding:18px}
.history-panel .history-empty-chart strong{color:#e9f8ef;font-size:17px}
.history-panel .history-empty-chart span{color:#afbbb8;font-size:13px}
.history-panel .history-add{margin-top:16px;min-width:0!important;display:flex;justify-content:flex-start;align-items:center;gap:10px;flex-wrap:wrap;padding:14px;border:1px solid #3c5e4d;border-radius:11px;background:#12221d}
.history-panel .history-add>span{flex:0 0 100%;width:auto;color:#c9e5d6;font-size:14px;font-weight:750}
.history-panel .history-add label{color:#afc8ba;font-size:12px}
.history-panel .history-add input{min-height:42px;max-width:100%;box-sizing:border-box}
.history-panel .history-add button{min-height:42px}
@media(max-width:680px){
  .history-panel{padding:15px 12px;border-radius:16px;overflow:visible}
  .history-panel .history-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:13px}
  .history-panel .history-head>div:first-child{flex:1 1 180px}
  .history-panel .history-head h3{font-size:27px}
  .history-panel .history-eyebrow{font-size:9px}
  .history-panel .history-toggle{font-size:12px;padding:8px 10px;min-height:40px}
  .history-panel .history-metrics{gap:8px;margin-bottom:13px}
  .history-panel .history-metrics>div{padding:11px 10px;gap:5px}
  .history-panel .history-metrics span{font-size:11px}
  .history-panel .history-latest b{font-size:clamp(23px,6.2vw,30px)}
  .history-panel .history-range-change strong{font-size:clamp(15px,3.8vw,18px)}
  .history-panel .history-periods{width:100%;box-sizing:border-box;gap:4px}
  .history-panel .history-periods button{flex:1;min-width:0;min-height:44px;padding:8px 4px;font-size:13px}
  .history-panel .history-chart-frame{padding:7px 0 2px}
  .history-panel .history-chart{width:100%;min-width:0!important;max-width:100%}
  .history-panel .hist-label{font-size:12px}
  .history-panel .history-inspector{gap:9px;margin-top:10px;padding:12px 11px}
  .history-panel .history-inspector strong{font-size:16px}
  .history-panel .history-inspector span,.history-panel .history-inspector small{font-size:11px}
  .history-panel .history-caption{font-size:11px}
  .history-panel .history-add{display:grid;grid-template-columns:1fr;gap:7px;padding:12px}
  .history-panel .history-add>span{width:100%;font-size:14px}
  .history-panel .history-add label{display:block}
  .history-panel .history-add .currency-input{width:100%}
  #landingLiveDemo .history-panel .history-chart,#landingHeroPreview .history-panel .history-chart{width:100%;min-width:0!important;max-width:100%}
}


/* v6.9.8: dedicated Budget table scrolling in portrait and phone landscape.
   The header remains visible while every Budget column scrolls inside its own region.
   Do not rely on .budget-section overflow: earlier styles explicitly show category menus. */
.budget-section{
  min-width:0;
  max-width:100%;
}
.budget-section .section-head{
  min-width:0!important;
  max-width:100%;
  box-sizing:border-box;
  flex-wrap:wrap;
  gap:10px;
}
.budget-section .section-head>div:first-child{
  min-width:0;
  flex:1 1 210px;
}
.budget-section .section-actions{
  flex:0 0 auto;
}
.budget-section .budget-table-scroll{
  position:relative;
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-x pan-y;
  overscroll-behavior-x:contain;
  scrollbar-width:thin;
  scrollbar-color:#536e64 #172025;
  border-radius:0 0 12px 12px;
}
.budget-section .budget-table-scroll>.budget-grid{
  width:max(1045px,100%)!important;
  min-width:1045px!important;
  max-width:none!important;
  box-sizing:border-box!important;
}
.budget-section .budget-table-scroll::-webkit-scrollbar{
  height:8px;
}
.budget-section .budget-table-scroll::-webkit-scrollbar-thumb{
  border-radius:6px;
  background:#516d64;
}
.budget-section .budget-table-scroll::-webkit-scrollbar-track{
  background:#172025;
}
.budget-scroll-hint{
  display:none;
  margin:0;
  padding:7px 14px;
  color:#a1c5b4;
  background:#172720;
  border-top:1px solid #335146;
  font-size:12px;
  line-height:1.35;
}
.budget-scroll-hint span{
  color:#83e4b8;
  font-size:15px;
  font-weight:850;
}
@media(max-width:1180px){
  .budget-section{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }
  .budget-section .budget-table-scroll{
    overflow-x:auto!important;
    overflow-y:hidden!important;
  }
}
@media(max-width:1180px) and (pointer:coarse){
  .budget-scroll-hint{display:block;}
}


/* v6.9.9: portrait scan-first Budget and detailed Cash Flow tables. */
/* Outside portrait mode, keep the familiar full editing table. */
.budget-mobile-name,
.budget-mobile-header-name,
.flow-mobile-name,
.flow-mobile-amount,
.flow-mobile-header-name,
.flow-mobile-header-amount{display:none;}

@media(max-width:680px){
  /* Budget: put description and calculated monthly total in the first two columns.
     Everything else remains in the same editable row, reached with a horizontal swipe. */
  .budget-section .budget-table-scroll>.budget-grid{
    display:grid!important;
    grid-template-columns:clamp(116px,calc(100vw - 198px),270px) 118px 60px 185px 176px 135px 126px 154px 36px!important;
    width:max-content!important;
    min-width:1045px!important;
    max-width:none!important;
    box-sizing:border-box!important;
    gap:8px!important;
    padding:9px 10px!important;
  }
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(1){grid-column:1;min-width:0;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(2){grid-column:3;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(3){grid-column:4;min-width:0;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(4){grid-column:5;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(5){grid-column:6;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(6){grid-column:7;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(7){grid-column:8;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(8){grid-column:2;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(9){grid-column:9;}
  .budget-section .budget-table-scroll>.budget-grid.grid-header>.budget-mobile-header-name{
    display:block;
    font-size:12px;
    color:#c1d5cc;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>.budget-mobile-name{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    align-self:center;
    min-width:0;
    color:#edf5ef;
    font-size:14px;
    font-weight:760;
    line-height:1.28;
    overflow-wrap:anywhere;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header){min-height:64px;}
  .budget-section .budget-table-scroll>.budget-grid.grid-header{min-height:43px;}
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(3){
    font-size:12px;
    color:#c1d5cc;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(8){
    font-size:11px;
    text-align:right;
    white-space:normal;
    line-height:1.2;
    color:#c1d5cc;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>input[data-budget="name"],
  .budget-section .budget-table-scroll>.budget-grid .budget-linked-name input{
    width:100%!important;
    min-width:0!important;
    height:44px;
    box-sizing:border-box;
    border:1px solid transparent!important;
    background:transparent!important;
    color:#eef5f1!important;
    font-size:15px!important;
    font-weight:740;
    line-height:1.25;
    padding:8px 2px!important;
    text-overflow:ellipsis;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>input[data-budget="name"]:focus,
  .budget-section .budget-table-scroll>.budget-grid .budget-linked-name input:focus{
    border-color:#65c99b!important;
    background:#12241f!important;
    padding-left:8px!important;
  }
  .budget-section .budget-table-scroll>.budget-grid .budget-linked-name{min-width:0;}
  .budget-section .budget-table-scroll>.budget-grid .budget-linked-name small{font-size:10px;}
  .budget-section .budget-table-scroll>.budget-grid .monthly-total{
    color:#e7f8ef;
    font-size:15px!important;
    font-weight:850;
    font-variant-numeric:tabular-nums;
    text-align:right;
    white-space:nowrap;
    min-width:0;
    padding-right:2px;
  }

  /* Detailed Cash Flow: each group gets its own scroller. Keep group titles,
     spending progress, and Add Line visible without scrolling the whole page sideways. */
  .cashflow-detail-drawer .cashflow-sections-scroll,
  .cashflow-detail-drawer .cashflow-sections-wide{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }
  .cashflow-detail-drawer .flow-section{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    overflow:visible!important;
  }
  .cashflow-detail-drawer .flow-head{
    width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:10px;
  }
  .cashflow-detail-drawer .flow-head>div{min-width:0;flex:1 1 180px;}
  .cashflow-detail-drawer .flow-progress{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  .cashflow-detail-drawer .flow-table-scroll{
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    overscroll-behavior-x:contain;
    scrollbar-width:thin;
    scrollbar-color:#516c62 #172025;
    border-radius:0 0 12px 12px;
  }
  .cashflow-detail-drawer .flow-table-scroll::-webkit-scrollbar{height:8px;}
  .cashflow-detail-drawer .flow-table-scroll::-webkit-scrollbar-thumb{
    border-radius:8px;background:#516c62;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid{
    display:grid!important;
    width:max-content!important;
    min-width:1070px!important;
    max-width:none!important;
    grid-template-columns:clamp(110px,calc(100vw - 208px),250px) 94px 46px 130px 190px 124px 112px 32px!important;
    gap:8px!important;
    padding:9px 10px!important;
    box-sizing:border-box!important;
    align-items:center;
  }
  /* One editable description column. The visible amount and Done control stay beside it. */
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(1){grid-column:1;min-width:0;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(2){grid-column:2;min-width:0;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(3){grid-column:4;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(4){grid-column:5;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(5){grid-column:6;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(6){grid-column:3;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(7){grid-column:7;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>:nth-child(8){grid-column:8;}
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid:not(.grid-header){
    min-height:70px;
    background:#151f23;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid.flow-row-done:not(.grid-header){
    background:#14231f;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid.grid-header{
    min-height:44px;
    background:#202a2c;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-header-name,
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-header-amount{
    display:block;
    color:#c8d9d1;
    font-size:12px;
    font-weight:800;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-header-amount{
    text-align:right;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-name{
    display:grid;
    gap:4px;
    min-width:0;
    align-content:center;
  }
  .cashflow-detail-drawer .flow-mobile-name strong{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    color:#edf6f0;
    font-size:14px;
    font-weight:760;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .cashflow-detail-drawer .flow-mobile-name small{
    display:block;
    color:#99aea8;
    font-size:11px;
    line-height:1.35;
  }
  .cashflow-detail-drawer .flow-grid.past-unfinished .flow-mobile-name small{
    color:#e9b3a0;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-amount{
    display:grid;
    justify-items:end;
    gap:4px;
    min-width:0;
  }
  .cashflow-detail-drawer .flow-mobile-amount strong{
    color:#e7f4ec;
    font-size:14px;
    font-weight:850;
    font-variant-numeric:tabular-nums;
    white-space:nowrap;
  }
  .cashflow-detail-drawer .flow-section.income .flow-mobile-amount strong{
    color:#8ce1b7;
  }
  .cashflow-detail-drawer .flow-mobile-amount.is-done strong{color:#8ce1b7;}
  .cashflow-detail-drawer .flow-mobile-amount small{
    color:#8da59b;
    font-size:10px;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid:not(.grid-header)>.check{
    justify-self:center;
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    min-width:44px;
    border-radius:12px;
    font-size:20px;
    font-weight:850;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid:not(.grid-header)>.check.done{
    border-color:#62bc92;
    background:#214735;
    color:#a9f2cb;
  }
}

/* v6.9.9 compact swipe hints */
.cashflow-scan-hint{display:none;}
@media(max-width:680px){
  .budget-section .budget-scroll-hint{
    padding:4px 11px;
    border-top:1px solid #2b3d37;
    background:#14221e;
    color:#9db7ab;
    font-size:11px;
  }
  .budget-section .budget-scroll-hint span{font-size:12px;}
  .cashflow-detail-drawer .cashflow-scan-hint{
    display:block;
    width:100%;
    min-width:0;
    box-sizing:border-box;
    margin:0;
    padding:9px 13px;
    border-bottom:1px solid #2f463d;
    background:#14221e;
    color:#abc5b9;
    font-size:12px;
    line-height:1.45;
  }
  .cashflow-detail-drawer .cashflow-scan-hint span{color:#81e3b6;font-weight:900;}
  .cashflow-detail-drawer .flow-mobile-amount strong{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:clamp(12px,3.5vw,14px);
  }
}

/* Mobile compact row alignment and category emoji fields */
@media(max-width:680px){
  /* Assign all reordered cells to the SAME row. Without this, the CSS grid
     auto-places some cells onto second rows and breaks Name/Total alignment. */
  .budget-section .budget-table-scroll>.budget-grid>*,
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>*{
    grid-row:1!important;
  }
  .budget-section .budget-table-scroll>.budget-grid{
    grid-auto-rows:minmax(0,auto)!important;
    align-items:center!important;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>.budget-mobile-name{
    display:flex!important;
    align-items:center;
    min-width:0;
    min-height:46px;
    padding:7px 8px;
    gap:8px;
    border:1px solid #3e5556;
    border-radius:10px;
    background:#111b20;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    box-sizing:border-box;
    color:#e8f4ef;
    line-height:1.25;
  }
  .budget-section .budget-table-scroll .budget-mobile-category{
    flex:0 0 27px;
    width:27px;
    height:29px;
    display:grid;
    place-items:center;
    font-size:20px;
    line-height:1;
    border-radius:7px;
    background:#202f35;
  }
  .budget-section .budget-table-scroll .budget-mobile-label{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    flex:1;
    min-width:0;
    font-size:14px;
    font-weight:760;
    line-height:1.25;
    overflow-wrap:anywhere;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>.budget-mobile-header-name{
    display:block!important;
    align-self:center;
    text-align:left;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(8){
    align-self:center;
    text-align:right!important;
  }
  .budget-section .budget-table-scroll>.budget-grid .monthly-total{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center;
    justify-self:end;
    margin:0!important;
    padding:0!important;
    text-align:right!important;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid{
    grid-auto-rows:minmax(0,auto)!important;
    align-items:center!important;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-name{
    align-self:center;
    gap:3px;
  }
  .cashflow-detail-drawer .flow-mobile-main{
    display:flex;
    align-items:center;
    gap:7px;
    min-height:43px;
    padding:5px 7px;
    box-sizing:border-box;
    border:1px solid #3e5556;
    border-radius:10px;
    background:#111b20;
    min-width:0;
  }
  .cashflow-detail-drawer .flow-mobile-category{
    display:grid;
    place-items:center;
    flex:0 0 24px;
    width:24px;
    min-height:27px;
    border-radius:6px;
    background:#203039;
    font-size:18px;
    line-height:1;
  }
  .cashflow-detail-drawer .flow-mobile-main strong{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    min-width:0;
    flex:1;
    font-size:13px;
    line-height:1.2;
    overflow-wrap:anywhere;
  }
  .cashflow-detail-drawer .flow-mobile-name>small{
    padding-left:3px;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid.grid-header>.flow-mobile-header-name,
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid.grid-header>.flow-mobile-header-amount{
    align-self:center;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.flow-mobile-amount,
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid>.check{
    align-self:center;
    grid-row:1!important;
  }
}


/* Budget portrait editable description and floating dropdown fix */
.budget-grid>.budget-name-edit{
  display:flex;
  gap:0;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  min-width:0;
}
.budget-grid>.budget-name-edit>input,
.budget-name-linked-fields>input{
  display:block;
  flex:1;
  min-width:0;
  width:100%;
  box-sizing:border-box;
}
.budget-grid .budget-name-emoji{display:none;}
.budget-grid .budget-name-linked-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:3px;
  flex:1;
  min-width:0;
}
.budget-grid .budget-name-linked-fields small{
  color:#9dabac;
  font-size:10px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.category-menu.category-menu-floating{
  display:grid!important;
  position:fixed!important;
  z-index:2147483000!important;
  box-sizing:border-box;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y;
  background:#121c20;
  border:1px solid #536e66;
  box-shadow:0 18px 60px rgba(0,0,0,.75);
}
.category-menu-floating .category-option{
  min-height:43px;
}
@media(max-width:680px){
  /* First-screen order: editable description, total, spacer, then sorting/editing controls.
     The spacer ensures reorder arrows cannot peek into the first phone viewport. */
  .budget-section .budget-table-scroll>.budget-grid{
    grid-template-columns:clamp(132px,calc(100vw - 184px),245px) 120px 20px 60px 185px 135px 126px 154px 36px!important;
    width:max-content!important;
    min-width:1045px!important;
    grid-auto-rows:minmax(0,auto)!important;
    align-items:center!important;
  }
  .budget-section .budget-table-scroll>.budget-grid>*{
    grid-row:1!important;
    min-width:0;
  }
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(1){grid-column:4!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(2){grid-column:1!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(3){grid-column:5!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(4){grid-column:6!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(5){grid-column:7!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(6){grid-column:8!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(7){grid-column:2!important;}
  .budget-section .budget-table-scroll>.budget-grid>:nth-child(8){grid-column:9!important;}
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>.budget-name-edit{
    display:flex!important;
    gap:7px;
    min-height:49px;
    padding:6px 8px;
    border-radius:10px;
    border:1px solid #526762;
    background:#111c21;
    box-shadow:inset 0 1px rgba(255,255,255,.04);
    grid-column:1!important;
    grid-row:1!important;
  }
  .budget-section .budget-table-scroll>.budget-grid>.budget-name-edit:focus-within{
    border-color:#70ddb0;
    background:#132820;
    box-shadow:0 0 0 2px rgba(105,221,174,.22);
  }
  .budget-section .budget-table-scroll>.budget-grid .budget-name-emoji{
    display:grid!important;
    flex:0 0 27px;
    place-items:center;
    height:30px;
    border-radius:7px;
    background:#26353a;
    font-size:20px;
    line-height:1;
  }
  .budget-section .budget-table-scroll>.budget-grid .budget-name-edit>input[data-budget="name"],
  .budget-section .budget-table-scroll>.budget-grid .budget-name-linked-fields>input{
    display:block;
    width:100%!important;
    min-width:0!important;
    flex:1;
    margin:0!important;
    padding:5px 0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#eff8f2!important;
    font-size:16px!important;
    font-weight:740!important;
    line-height:1.3!important;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-appearance:none;
    appearance:none;
  }
  .budget-section .budget-table-scroll>.budget-grid .budget-name-linked-fields>input{
    font-size:14px!important;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(2){
    grid-column:1!important;
    display:block;
    text-align:left;
    align-self:center;
    font-size:12px;
    font-weight:800;
    color:#c4d8ce;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(7){
    grid-column:2!important;
    align-self:center;
    justify-self:end;
    white-space:nowrap;
    font-size:12px;
    text-align:right!important;
    color:#c4d8ce;
  }
  .budget-section .budget-table-scroll>.budget-grid:not(.grid-header)>.monthly-total{
    grid-column:2!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:end!important;
    margin:0!important;
    padding:0 1px 0 0!important;
    min-width:0;
    color:#eefcf3!important;
    font-size:clamp(18px,5.15vw,23px)!important;
    font-weight:850!important;
    font-variant-numeric:tabular-nums;
    letter-spacing:-.035em;
    line-height:1.1;
    white-space:nowrap!important;
    text-align:right!important;
  }
  .budget-section .budget-table-scroll>.budget-grid>.reorder{
    grid-column:4!important;
    grid-row:1!important;
    justify-self:start;
    min-width:0;
  }
  .budget-section .budget-table-scroll>.budget-grid.grid-header>:nth-child(1){
    grid-column:4!important;
  }
}

/* Detailed Cash Flow: one description editor at every screen size. */
@media(min-width:681px){
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid{
    display:grid;
    align-items:center;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>*{
    min-width:0;
    grid-row:1;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>.flow-mobile-name,
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid.grid-header>.flow-mobile-header-name{
    display:flex;
    align-items:center;
    grid-column:2;
    min-width:0;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-mobile-name .flow-mobile-main{
    display:flex;
    width:100%;
    min-width:0;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-mobile-name .flow-mobile-category,
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-mobile-name>small,
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>.flow-mobile-amount,
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid.grid-header>.flow-mobile-header-amount{
    display:none;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-mobile-edit{
    display:block;
    box-sizing:border-box;
    width:100%;
    min-width:0;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(3){grid-column:1;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(4){grid-column:3;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(5){grid-column:4;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(6){grid-column:5;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(7){grid-column:6;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(8){grid-column:7;}
}

/* Portrait: the first visible description is editable, with no second description field. */
@media(max-width:680px){
  .cashflow-detail-drawer .flow-mobile-main:focus-within{
    border-color:#70ddb0;
    background:#132820;
    box-shadow:0 0 0 2px rgba(105,221,174,.18);
  }
  .cashflow-detail-drawer .flow-mobile-main .flow-mobile-edit{
    display:block;
    flex:1;
    width:100%!important;
    min-width:0!important;
    min-height:36px;
    margin:0;
    padding:5px 0!important;
    box-sizing:border-box;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    outline:none;
    color:#eff8f2!important;
    font-size:14px!important;
    font-weight:760;
    line-height:1.3;
    text-overflow:ellipsis;
    white-space:nowrap;
    -webkit-appearance:none;
    appearance:none;
  }
}

/* Landscape phones: keep Cash Flow cards, headings, and progress within the
   viewport while each detailed transaction group scrolls horizontally. */
@media(min-width:681px) and (max-width:1024px) and (orientation:landscape){
  .cashflow-detail-drawer,
  .cashflow-detail-drawer .cashflow-sections-scroll,
  .cashflow-detail-drawer .cashflow-sections-wide,
  .cashflow-detail-drawer .flow-section,
  .cashflow-detail-drawer .flow-head,
  .cashflow-detail-drawer .flow-progress{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
  }
  .cashflow-detail-drawer .cashflow-sections-scroll,
  .cashflow-detail-drawer .cashflow-sections-wide,
  .cashflow-detail-drawer .flow-section{
    overflow:visible!important;
  }
  .cashflow-detail-drawer{
    overflow:hidden!important;
  }
  .cashflow-detail-drawer .flow-table-scroll{
    display:block;
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x pan-y;
    border-radius:0 0 12px 12px;
  }
  .cashflow-detail-drawer .flow-table-scroll>.flow-grid{
    width:max(925px,100%)!important;
    min-width:925px!important;
    max-width:none!important;
    box-sizing:border-box!important;
  }
  .cashflow-detail-drawer .today-marker{
    min-width:0!important;
    max-width:100%!important;
  }
}

/* Cash Flow calendar quick navigation and compact swipeable card/debt sections. */
.money-calendar-head .calendar-view-past-due{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:39px;padding:9px 12px;border:1px solid #96744a;border-radius:9px;
  background:#2a2119;color:#efc590;font-size:12px;font-weight:800;cursor:pointer;
}
.money-calendar-head .calendar-view-past-due:hover{background:#3b2d20}
@media(max-width:760px){
  .cash-priority-section{padding:11px!important;overflow:hidden;min-width:0;width:100%;box-sizing:border-box}
  .cash-priority-section .short-term-debt-panel{width:100%;max-width:100%;min-width:0;overflow:visible!important}
  .cash-priority-section .short-term-debt-panel .panel-title{padding:12px 10px;flex-wrap:wrap;gap:6px}
  .cash-priority-section .short-term-debt-panel .panel-title h3{font-size:16px;line-height:1.2;overflow-wrap:anywhere}
  .cash-priority-section .short-term-debt-panel .panel-title span{font-size:11px}
  .cash-priority-section .cards-table{
    width:100%;max-width:100%;min-width:0!important;
    overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    touch-action:pan-x pan-y;
  }
  .cash-priority-section .cards-table .card-row{
    display:grid!important;
    grid-template-columns:clamp(142px,calc(100vw - 206px),280px) 115px 130px 130px 100px 140px 84px!important;
    gap:9px!important;width:max-content!important;min-width:950px!important;max-width:none!important;
    align-items:center;box-sizing:border-box;padding:10px 11px!important;
  }
  .cash-priority-section .cards-table .card-row>*{min-width:0;grid-row:1}
  .cash-priority-section .cards-table .card-row>.card-account-name{
    grid-column:1;white-space:normal;overflow-wrap:anywhere;font-weight:750;font-size:13px;
  }
  .cash-priority-section .cards-table .card-row>.card-balance-edit{grid-column:2}
  .cash-priority-section .cards-table .card-balance-edit input{font-size:16px;font-weight:800}
  .cash-priority-section .cards-table .card-row .money-edit input{min-width:0;width:100%;box-sizing:border-box}
  .cash-priority-section .debt-totals{min-width:0!important;width:100%;padding:5px 10px;box-sizing:border-box}
  .cash-priority-section .debt-totals .total-row{gap:8px;align-items:center;font-size:13px;padding:10px 0}
  .cash-priority-section .debt-totals .total-row>b:first-child{min-width:0;overflow-wrap:anywhere}
  .cash-priority-section .debt-totals .total-row>b:last-child{white-space:nowrap;font-size:15px}
  .cash-debt-paydown-wrap{width:100%;max-width:100%;min-width:0;overflow:visible!important}
  .cash-debt-paydown-head{flex-wrap:wrap;gap:8px}
  .cash-debt-paydown-wrap .flow-section{
    width:100%!important;min-width:0!important;max-width:100%!important;overflow:visible!important;
  }
  .cash-debt-paydown-wrap .flow-head,.cash-debt-paydown-wrap .flow-progress{
    width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box;
  }
  .cash-debt-paydown-wrap .flow-table-scroll{
    width:100%;max-width:100%;min-width:0;
    overflow-x:auto!important;overflow-y:hidden!important;
    -webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;
  }
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid{
    width:max-content!important;min-width:900px!important;max-width:none!important;
    grid-template-columns:126px 220px 175px 112px 54px 112px 28px!important;
    box-sizing:border-box;
  }
}
@media(min-width:761px) and (max-width:1024px) and (orientation:landscape){
  .cash-priority-section,.cash-priority-section .short-term-debt-panel,
  .cash-debt-paydown-wrap,.cash-debt-paydown-wrap .flow-section{
    width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box;
  }
  .cash-priority-section .short-term-debt-panel,.cash-debt-paydown-wrap .flow-section{overflow:visible!important}
  .cash-priority-section .cards-table,.cash-debt-paydown-wrap .flow-table-scroll{
    display:block;overflow-x:auto!important;overflow-y:hidden!important;
    width:100%;max-width:100%;min-width:0;box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
  }
  .cash-priority-section .debt-totals{min-width:0!important}
  .cash-debt-paydown-wrap .flow-head,.cash-debt-paydown-wrap .flow-progress{min-width:0!important}
}

/* Keep the Cash Flow calendar's two navigation buttons together. */
.money-calendar-head .cash-calendar-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.money-calendar-head .cash-calendar-actions .calendar-jump-today,
.money-calendar-head .cash-calendar-actions .calendar-view-past-due{
  position:static;
  margin:0;
  flex:0 0 auto;
}
@media(max-width:480px){
  .money-calendar-head .cash-calendar-actions{width:100%;gap:7px}
  .money-calendar-head .cash-calendar-actions button{font-size:11px;padding:8px 9px}
}

/* Consolidated past-due Cash Flow review, grouped chronologically by due date. */
.cash-past-due-summary .cash-past-due-group{margin:14px 0 0}
.cash-past-due-summary .cash-past-due-group h5{
  margin:0 0 7px;padding:7px 10px;
  color:#f2cf9d;background:#2a251d;border:1px solid #775a36;
  border-radius:8px;font-size:13px;font-weight:800;
}
.cash-past-due-summary .cash-past-due-group .cash-day-detail-rows{display:grid;gap:7px}
.cash-past-due-summary .cash-day-detail-row{min-width:0}
@media(max-width:600px){
 .cash-past-due-summary .cash-day-detail-row{flex-wrap:wrap;gap:7px;padding:10px}
 .cash-past-due-summary .cash-day-detail-name{flex:1 1 150px;min-width:0}
}

/* Compact Cash Flow cards and debt rows v6.9.12 */
.calendar-day-balance.low{
  background:rgba(177,66,76,.18);
  border-color:#b66b72;
  box-shadow:inset 0 0 0 1px rgba(243,146,152,.05);
}
.calendar-day-balance.low>span{color:#f2b6bb}
.calendar-day-balance.low>b{color:#ffd0d3}
.money-calendar-day .calendar-day-balance.low:focus-within{outline:2px solid #eca6ae}

/* Keep the original seven-column editable credit-card table on desktop. */
.cash-priority-section .cards-table .card-row.card-desktop>*{grid-row:1}
.cash-priority-section .cards-table .card-row:not(.card-header)>.card-account-name{grid-column:1}
.cash-priority-section .cards-table .card-row:not(.card-header)>.card-balance-edit{grid-column:2}
.cash-priority-section .cards-table .card-row:not(.card-header)>.pay-full-toggle{grid-column:5}
.cash-priority-section .cards-table .card-row:not(.card-header)>.pay-this-month{grid-column:6}
.cash-priority-section .cards-table .card-advanced-fields{display:contents}
.cash-priority-section .cards-table .card-advanced-fields>summary{display:none}
.cash-priority-section .cards-table .card-advanced-grid,
.cash-priority-section .cards-table .card-due-wrap{display:contents}
.cash-priority-section .cards-table .card-due-wrap>span{display:none}
.cash-priority-section .cards-table .card-credit-limit-edit{grid-column:3}
.cash-priority-section .cards-table .card-available-credit-edit{grid-column:4}
.cash-priority-section .cards-table .card-due-date{grid-column:7}

/* Debt uses one editable description element regardless of viewport. */
.cash-debt-paydown-wrap .flow-table-scroll{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid{
  display:grid!important;
  grid-template-columns:128px minmax(220px,1.4fr) 170px 120px 58px 120px 30px!important;
  min-width:940px!important;
  box-sizing:border-box!important;
  align-items:center;
}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>*{grid-row:1}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(1){grid-column:2}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(2){display:none}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(3){grid-column:1}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(4){grid-column:3}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(5){grid-column:4}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(6){grid-column:5}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(7){grid-column:6}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(8){grid-column:7}
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-name,
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-header-name{
  display:flex;
  align-items:center;
  min-width:0;
}
.cash-debt-paydown-wrap .flow-mobile-main{display:flex;align-items:center;width:100%;min-width:0}
.cash-debt-paydown-wrap .flow-mobile-edit{
  width:100%;min-width:0;min-height:38px;
  box-sizing:border-box;
}
.cash-debt-paydown-wrap .flow-mobile-category,
.cash-debt-paydown-wrap .flow-mobile-name>small,
.cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-header-amount{display:none}

@media(max-width:760px), (max-width:1024px) and (pointer:coarse){
  /* No wide credit card table or unnecessary page-level scrolling. */
  .cash-priority-section{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;padding:12px!important;overflow:hidden!important;
  }
  .cash-priority-section .short-term-debt-panel{
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow:visible!important;
  }
  .cash-priority-section .short-term-debt-panel .panel-title{
    padding:12px 11px;gap:5px;align-items:flex-start;flex-wrap:wrap;
  }
  .cash-priority-section .short-term-debt-panel .panel-title h3{
    font-size:16px;line-height:1.2;overflow-wrap:anywhere;
  }
  .cash-priority-section .short-term-debt-panel .panel-title span{font-size:11px;line-height:1.4}
  .cash-priority-section .cards-table{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box;overflow:visible!important;
    display:grid;gap:9px;padding:9px 10px;
  }
  .cash-priority-section .cards-table .card-row.card-header{display:none!important}
  .cash-priority-section .cards-table .card-row:not(.card-header){
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-auto-rows:minmax(0,auto);
    align-items:center;gap:9px!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
    padding:13px 12px!important;
    border:1px solid #38514c;border-radius:12px;
    background:#151e21;
    box-shadow:0 3px 10px rgba(0,0,0,.09);
  }
  .cash-priority-section .cards-table .card-row:not(.card-header)>*{
    min-width:0!important;
    grid-row:auto;
  }
  .cash-priority-section .cards-table .card-row:not(.card-header)>.card-account-name{
    grid-column:1/-1!important;grid-row:1!important;
    color:#edf6f1;font-size:15px;font-weight:800;line-height:1.3;
    white-space:normal;overflow-wrap:anywhere;
  }
  .cash-priority-section .cards-table .card-row:not(.card-header)>.card-balance-edit{
    grid-column:1!important;grid-row:2!important;
  }
  .cash-priority-section .cards-table .card-row:not(.card-header)>.pay-this-month{
    grid-column:2!important;grid-row:2!important;
  }
  .cash-priority-section .cards-table .card-balance-edit,
  .cash-priority-section .cards-table .pay-this-month{
    display:flex;flex-direction:row;align-items:center;gap:4px;
    position:relative;min-width:0;padding-top:18px;
  }
  .cash-priority-section .cards-table .card-balance-edit::before{
    content:"Card balance";position:absolute;top:0;left:0;display:block;color:#9eb5aa;font-size:11px;font-weight:750;
  }
  .cash-priority-section .cards-table .pay-this-month::before{
    content:"Payment this month";position:absolute;top:0;left:0;display:block;color:#9eb5aa;font-size:11px;font-weight:750;
  }
  .cash-priority-section .cards-table .card-balance-edit input,
  .cash-priority-section .cards-table .pay-this-month input{
    width:100%!important;min-width:0!important;box-sizing:border-box!important;
    font-size:16px!important;font-weight:800!important;
  }
  .cash-priority-section .cards-table .card-row:not(.card-header)>.pay-full-toggle{
    grid-column:1!important;grid-row:3!important;
    display:flex;flex-direction:row;align-items:center;justify-content:start;
    gap:7px;min-height:36px;font-size:12px;color:#d7e7df;white-space:nowrap;
  }
  .cash-priority-section .cards-table .pay-full-toggle input{width:18px;min-width:18px;height:18px;accent-color:#6bc69a}
  .cash-priority-section .cards-table .card-advanced-fields{
    display:block!important;grid-column:2!important;grid-row:3!important;
    min-width:0;box-sizing:border-box;justify-self:end;
  }
  .cash-priority-section .cards-table .card-advanced-fields>summary{
    display:flex!important;align-items:center;justify-content:center;gap:5px;
    padding:8px 9px;min-height:34px;box-sizing:border-box;
    border:1px solid #405952;border-radius:9px;
    background:#1d292a;color:#bcdacc;
    cursor:pointer;font-weight:750;font-size:11px;white-space:nowrap;
    list-style:none;
  }
  .cash-priority-section .cards-table .card-advanced-fields>summary::-webkit-details-marker{display:none}
  .cash-priority-section .cards-table .card-advanced-fields[open]{
    grid-column:1/-1!important;grid-row:4!important;
    justify-self:stretch;
    width:100%;
  }
  .cash-priority-section .cards-table .card-advanced-fields[open]>summary{justify-content:flex-start}
  .cash-priority-section .cards-table .card-advanced-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;min-width:0;
    margin-top:9px;padding-top:9px;border-top:1px solid #2d4540;
  }
  .cash-priority-section .cards-table .card-credit-limit-edit,
  .cash-priority-section .cards-table .card-available-credit-edit{
    grid-column:auto!important;min-width:0;
    display:flex;flex-direction:row;align-items:center;gap:4px;
    position:relative;padding-top:18px;
  }
  .cash-priority-section .cards-table .card-credit-limit-edit::before{
    content:"Credit limit";position:absolute;top:0;left:0;color:#a6b7b2;font-size:11px;
  }
  .cash-priority-section .cards-table .card-available-credit-edit::before{
    content:"Available credit";position:absolute;top:0;left:0;color:#a6b7b2;font-size:11px;
  }
  .cash-priority-section .cards-table .card-due-wrap{
    grid-column:1/-1!important;display:flex!important;
    flex-direction:column;gap:5px;min-width:0;color:#a6b7b2;font-size:11px;
  }
  .cash-priority-section .cards-table .card-due-wrap>span{display:block}
  .cash-priority-section .cards-table .card-due-date{
    grid-column:auto!important;min-width:0;width:100%;font-size:14px;
  }
  .cash-priority-section .cards-table .card-advanced-grid input{width:100%!important;min-width:0!important;box-sizing:border-box}
  .cash-priority-section .debt-totals{
    width:100%;max-width:100%;min-width:0!important;
    padding:0 10px 7px;box-sizing:border-box;
  }
  .cash-priority-section .debt-totals .total-row{
    display:flex;gap:10px;align-items:center;justify-content:space-between;
    padding:9px 0;font-size:12px;
  }
  .cash-priority-section .debt-totals .total-row>b:first-child{min-width:0;line-height:1.35}
  .cash-priority-section .debt-totals .total-row>b:last-child{font-size:15px;white-space:nowrap}
  /* Debt Paydown summary stays readable; only its optional editing columns scroll. */
  .cash-debt-paydown-wrap,
  .cash-debt-paydown-wrap .flow-section{
    width:100%!important;max-width:100%!important;min-width:0!important;
    overflow:visible!important;box-sizing:border-box!important;
  }
  .cash-debt-paydown-head{margin:12px 0 4px;justify-content:flex-end;flex-wrap:wrap}
  .cash-debt-paydown-head>span{display:none}
  .cash-debt-paydown-head>a{font-size:11px}
  .cash-debt-paydown-wrap .flow-head{
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box;
  }
  .cash-debt-paydown-wrap .flow-head h3{font-size:17px}
  .cash-debt-paydown-wrap .flow-head>div{min-width:0;flex:1 1 180px}
  .cash-debt-paydown-wrap .flow-progress{
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box;
  }
  .cash-debt-paydown-wrap .flow-table-scroll{
    width:100%!important;max-width:100%!important;min-width:0!important;
    display:block;overflow-x:auto!important;overflow-y:hidden!important;
    box-sizing:border-box;touch-action:pan-x pan-y;
  }
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid{
    display:grid!important;
    width:max-content!important;min-width:930px!important;max-width:none!important;
    grid-template-columns:clamp(108px,calc(100vw - 228px),240px) 84px 44px 150px 160px 112px 112px 32px!important;
    gap:6px!important;padding:8px 8px!important;
    box-sizing:border-box!important;align-items:center;
    grid-auto-rows:minmax(0,auto)!important;
  }
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>*{grid-row:1!important;min-width:0}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(1){grid-column:1!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(2){grid-column:2!important;display:grid!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(3){grid-column:4!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(4){grid-column:5!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(5){grid-column:6!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(6){grid-column:3!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(7){grid-column:7!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>:nth-child(8){grid-column:8!important}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-name,
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-header-name{
    display:grid!important;min-width:0;
  }
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-amount,
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.flow-mobile-header-amount{
    display:grid!important;min-width:0;
    justify-items:end;text-align:right;
  }
  .cash-debt-paydown-wrap .flow-grid.grid-header{background:#202a2c;font-size:12px}
  .cash-debt-paydown-wrap .flow-mobile-main{
    display:flex;align-items:center;min-width:0;
    padding:5px 7px;min-height:46px;
    border:1px solid #435b55;border-radius:9px;background:#101b1c;
  }
  .cash-debt-paydown-wrap .flow-mobile-main:focus-within{
    border-color:#70ddb0;box-shadow:0 0 0 2px rgba(105,221,174,.2);
  }
  .cash-debt-paydown-wrap .flow-mobile-category{
    display:grid!important;place-items:center;
    flex:0 0 25px;min-width:25px;height:28px;
    margin-right:5px;border-radius:6px;background:#243638;font-size:18px;
  }
  .cash-debt-paydown-wrap .flow-mobile-edit{
    width:100%!important;min-width:0!important;flex:1;
    min-height:34px;margin:0;padding:5px 1px!important;
    background:transparent!important;border:0!important;
    outline:0;box-shadow:none;color:#e7f4ef!important;
    font-size:13px!important;font-weight:750;
    text-overflow:ellipsis;white-space:nowrap;
  }
  .cash-debt-paydown-wrap .flow-mobile-name>small{
    display:block!important;font-size:11px;color:#9fb3ad;padding-left:4px;
  }
  .cash-debt-paydown-wrap .flow-mobile-amount strong{
    font-size:15px;font-weight:850;color:#c5e5d5;white-space:nowrap;
  }
  .cash-debt-paydown-wrap .flow-mobile-amount small{font-size:10px;color:#8fa89c}
  .cash-debt-paydown-wrap .flow-table-scroll>.flow-grid>.check{
    display:grid;place-items:center;justify-self:center;
    width:42px;height:42px;min-width:42px;
    border-radius:11px;font-size:19px;
  }
}

/* Mobile Cash Flow credit card fields: labels above each compact monetary input. */
@media(max-width:760px), (max-width:1024px) and (pointer:coarse){
  .cash-priority-section .cards-table .card-row.card-compact .card-balance-edit,
  .cash-priority-section .cards-table .card-row.card-compact .pay-this-month,
  .cash-priority-section .cards-table .card-row.card-compact .card-credit-limit-edit,
  .cash-priority-section .cards-table .card-row.card-compact .card-available-credit-edit{
    display:grid!important;
    grid-template-columns:min-content minmax(0,1fr);
    grid-template-rows:auto minmax(38px,auto);
    gap:3px 4px;
    align-items:center;
    min-width:0;
  }
  .cash-priority-section .cards-table .card-row.card-compact .card-balance-edit::before,
  .cash-priority-section .cards-table .card-row.card-compact .pay-this-month::before,
  .cash-priority-section .cards-table .card-row.card-compact .card-credit-limit-edit::before,
  .cash-priority-section .cards-table .card-row.card-compact .card-available-credit-edit::before{
    grid-column:1/-1;
    grid-row:1;
    margin:0 0 3px;
    white-space:normal;
    line-height:1.25;
  }
  .cash-priority-section .cards-table .card-row.card-compact .card-balance-edit>span,
  .cash-priority-section .cards-table .card-row.card-compact .pay-this-month>span,
  .cash-priority-section .cards-table .card-row.card-compact .card-credit-limit-edit>span,
  .cash-priority-section .cards-table .card-row.card-compact .card-available-credit-edit>span{
    grid-column:1;
    grid-row:2;
    font-size:14px;
    align-self:center;
  }
  .cash-priority-section .cards-table .card-row.card-compact .card-balance-edit>input,
  .cash-priority-section .cards-table .card-row.card-compact .pay-this-month>input,
  .cash-priority-section .cards-table .card-row.card-compact .card-credit-limit-edit>input,
  .cash-priority-section .cards-table .card-row.card-compact .card-available-credit-edit>input{
    grid-column:2;
    grid-row:2;
    width:100%!important;
    min-width:0!important;
    max-width:100%;
    padding:7px 5px!important;
    text-align:right;
    font-variant-numeric:tabular-nums;
  }
  .cash-priority-section .cards-table .card-row.card-compact .pay-full-toggle{
    min-width:0;
    line-height:1.2;
  }
  .cash-priority-section .cards-table .card-row.card-compact .pay-full-toggle>span{
    min-width:0;
    text-align:left;
    white-space:normal;
  }
}

/* Compact Net Worth overview: chart visible sooner at normal desktop zoom. */
.history-panel{margin-top:14px;padding:14px 18px}
.history-panel .history-head{align-items:center;margin-bottom:10px;gap:12px}
.history-panel .history-head-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;min-width:0}
.history-panel .history-head-summary .history-metrics{display:block;margin:0}
.history-panel .history-head-summary .history-metrics>div{
  padding:0;border:0;background:transparent;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;
}
.history-panel .history-head-summary .history-metrics span{font-size:12px}
.history-panel .history-head-summary .history-range-change strong{font-size:clamp(14px,1.4vw,19px);font-weight:800}
.history-panel .history-periods{margin-bottom:8px}
.history-panel .history-chart-frame{margin-top:0}
@media(min-width:1000px){
 .hero{min-height:0!important;padding-top:17px!important;padding-bottom:17px!important}
 .hero .donut-wrap .donut{max-height:220px}
 .history-panel{margin-top:14px!important}
}
@media(max-width:680px){
 .history-panel .history-head{align-items:flex-start}
 .history-panel .history-head-summary{display:grid;gap:5px}
}
/* Asset/liability mix acts as a navigation index for Net Worth headings. */
.nw-chart-panel .chart-segment-link,
.nw-chart-panel .nw-legend-link{cursor:pointer}
.nw-chart-panel .chart-segment-link:hover,
.nw-chart-panel .chart-segment-link:focus-visible{filter:brightness(1.2);stroke-width:27;outline:none}
.nw-chart-panel .nw-legend-link{border-radius:7px;padding:5px 7px;margin:-5px -7px}
.nw-chart-panel .nw-legend-link:hover,
.nw-chart-panel .nw-legend-link:focus-visible{background:rgba(109,217,172,.10);outline:2px solid #69d9ac;outline-offset:2px}
.nw-chart-panel .nw-legend-link span{font-size:clamp(13px,1.1vw,16px);font-weight:750}
.nw-group{scroll-margin-top:22px}

/* Budget dashboard links and editable category Money Mix panel. */
.budget-summary-jump,.budget-income-jump{
 display:flex;width:100%;justify-content:space-between;align-items:center;gap:6px;
 color:inherit;background:transparent;border:0;text-align:left;
 cursor:pointer;padding:0;font:inherit;
}
.budget-income-jump{color:#a6b7b1;font-weight:650}
.budget-summary-jump:hover,.budget-income-jump:hover{color:#82e5b9}
.budget-summary-jump:focus-visible,.budget-income-jump:focus-visible,
.budget-chart-link:focus-visible{outline:2px solid #78ddb1;outline-offset:3px}
.budget-chart-link{cursor:pointer}
.budget-chart-link:hover{filter:brightness(1.25);stroke-width:27}
.budget-section{scroll-margin-top:16px}
.money-mix-editor[hidden]{display:none!important}
.money-mix-editor{
 position:relative;z-index:3;margin:16px 0 8px;padding:16px;
 border:1px solid #4b7a65;border-radius:13px;background:#15221f;
 box-shadow:0 12px 34px rgba(0,0,0,.25);
}
.money-mix-editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.money-mix-editor-head strong{font-size:18px;color:#b3f3d6}
.money-mix-editor-head button{border:1px solid #51695f;background:#20302b;border-radius:8px;padding:7px 12px;cursor:pointer;color:#e3f3ea}
.money-mix-editor>p{color:#a7bbb2;font-size:12px;margin:5px 0 12px}
.money-mix-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 138px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #32473e}
.money-mix-edit-row>input,.money-mix-edit-amount{min-width:0;width:100%;box-sizing:border-box;min-height:42px;background:#101b1a;border:1px solid #48665a;border-radius:8px;color:#edf7f2}
.money-mix-edit-row>input{padding:9px 11px;font-weight:650;font-size:14px}
.money-mix-edit-amount{display:flex;align-items:center;gap:5px;padding:0 9px}
.money-mix-edit-amount>span{color:#9bd5b9}
.money-mix-edit-amount input{width:100%;min-width:0;border:0;outline:0;color:#f1faf4;background:transparent;text-align:right;font-size:15px;font-weight:750}
@media(max-width:480px){.money-mix-editor{padding:11px}.money-mix-edit-row{grid-template-columns:minmax(0,1fr) 105px;gap:6px}.money-mix-edit-row>input{font-size:13px;padding:7px}.money-mix-edit-amount{padding:0 5px}}

/* Cash Flow dashboard quick navigation and Money Mix transaction dates */
.cash-kpi-jump{cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.cash-kpi-jump:hover,.cash-kpi-jump:focus-visible{border-color:#82d7ae;background:#1b2927;outline-offset:3px}
.cash-kpi-jump:focus-visible{outline:2px solid #91e4b8}
.cash-debt-shortcuts{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.cash-debt-shortcuts>span{color:#aab8b6;font-size:13px;font-weight:750}
.cash-debt-shortcuts>div{display:flex;gap:8px;flex-wrap:wrap}
.cash-debt-shortcuts button{color:#c8f3df;border:1px solid #436d5d;border-radius:8px;background:#1c3029;font-size:12px;padding:8px 11px;cursor:pointer;font-weight:700}
.cash-debt-shortcuts button:hover{background:#2a4638}
.money-mix-edit-row.with-date{grid-template-columns:minmax(0,1fr) 152px 138px}
.money-mix-edit-date{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#9ab9aa}
.money-mix-edit-date input{min-width:0;width:100%;box-sizing:border-box;min-height:42px;background:#101b1a;border:1px solid #48665a;border-radius:8px;color:#edf7f2;padding:7px;font-size:13px;color-scheme:dark}
.flow-section,.cashflow-detail-drawer,#cashflow-credit-cards,#cashflow-debt-paydown{scroll-margin-top:20px}
@media(max-width:600px){.money-mix-edit-row.with-date{grid-template-columns:minmax(0,1fr) 108px}.money-mix-edit-row.with-date .money-mix-edit-date{grid-column:1;grid-row:2}.money-mix-edit-row.with-date .money-mix-edit-amount{grid-column:2;grid-row:1 / span 2}.money-mix-edit-date input{font-size:12px;min-height:36px}.cash-debt-shortcuts>div{width:100%}}

/* Explain projected cash commitments without crowding the balance */
.cash-projected-choice .cash-overdue-assumption{display:block;margin-top:7px;line-height:1.4;color:#c5d4ce;font-size:11px;max-width:440px}
.monthbar-actions .regenerate{display:inline-flex;align-items:center;gap:7px;font-weight:700}
.monthbar-actions .regenerate span{font-size:18px;line-height:1}

/* Cash Flow 2026-10-10 refinements */
.cash-settings-integrated .cash-advanced-toggle{grid-column:1/-1;min-width:0;border-top:1px solid #344449;padding-top:9px}
.cash-settings-integrated .cash-advanced-toggle>summary{cursor:pointer;color:#a9c8c0;font-size:13px;font-weight:800;padding:6px 0}
.cash-settings-integrated .cash-advanced-toggle[open]>summary{margin-bottom:10px}
.cash-settings-integrated .cash-advanced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:650px){.cash-settings-integrated .cash-advanced-grid{grid-template-columns:minmax(0,1fr)}}
.cash-kpis .cash-kpi-jump>div:first-child{flex-wrap:wrap;align-items:center;row-gap:4px}
.cash-kpis .cash-kpi-jump span{font-size:clamp(14px,1.2vw,16px);line-height:1.35}
.cash-kpis .cash-kpi-jump b{font-size:clamp(23px,2vw,29px);line-height:1.16}
.cash-kpis .cash-kpi-jump small{font-size:13px;line-height:1.45}
.money-mix-edit-row.with-date .money-mix-status{font-size:12px;font-weight:800;white-space:nowrap;padding:5px 7px;border-radius:6px}
.money-mix-status.completed{color:#a8dfc4;background:#163b2c}
.money-mix-status.overdue{color:#f0c48b;background:#3a2e20}
.money-mix-status.upcoming,.money-mix-status.planned{color:#a9b8b9;background:transparent;font-weight:600}
.cash-past-due-summary .cash-past-due-group h5{background:transparent;border-color:transparent;color:#b6c9c9;padding:5px 0}

/* Net Worth progressive disclosure: readable primary category totals. */
.nw-overview-section{overflow:hidden}
.nw-overview-section .nw-overview-toggle{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:18px 15px;border:0;background:transparent;color:inherit;cursor:pointer;min-height:76px}
.nw-overview-section .nw-overview-toggle:hover{background:rgba(130,190,177,.08)}
.nw-overview-section .nw-overview-icon{font-size:24px;flex:none}
.nw-overview-section .nw-overview-label{font-family:var(--wmd-font-ui);font-size:clamp(20px,2vw,26px);font-weight:700;flex:1;min-width:0}
.nw-overview-section .nw-overview-amount{font-family:var(--wmd-font-ui);font-size:clamp(20px,2vw,26px);white-space:nowrap;font-variant-numeric:tabular-nums}
.nw-overview-section .nw-overview-chevron{font-size:24px;color:#94bdb4}
.nw-overview-section.assets .nw-overview-amount{color:#85debb}
.nw-overview-section.liabilities .nw-overview-amount{color:#e39a9c}
.nw-overview-section.sinking .nw-overview-amount{color:#e9c67b}
.nw-overview-section.other .nw-overview-amount{color:#a2c6e3}
.nw-overview-section .nw-overview-detail[hidden]{display:none!important}
.nw-overview-section .nw-overview-tools{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap;padding:0 12px 12px}
.nw-overview-section .nw-overview-detail{border-top:1px solid #35494b}
@media(max-width:600px){.nw-overview-section .nw-overview-toggle{padding:15px 10px;gap:7px}.nw-overview-section .nw-overview-icon{font-size:20px}.nw-overview-section .nw-overview-label,.nw-overview-section .nw-overview-amount{font-size:19px}}

/* Net Worth accordion action buttons: preserve dark theme and contrast. */
.nw-overview-section .nw-overview-tools button{appearance:none;background:#19262b!important;color:#e2f4f1!important;border:1px solid #45605e!important;border-radius:7px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer;line-height:1.35}
.nw-overview-section .nw-overview-tools button:hover{background:#29423c!important;border-color:#75c7ab!important;color:#fff!important}
.nw-overview-section .nw-overview-tools button:focus-visible{outline:2px solid #8cddc3;outline-offset:2px}

/* Net Worth history drag-to-compare summary. */
.history-panel .history-range-result{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 2px;padding:12px 14px;border:1px solid #405b55;border-radius:9px;background:#172725;color:#b9d1cc;font-size:13px}
.history-range-result strong{color:#e6f4ef}.history-range-result b{font-size:17px;margin-left:auto;font-family:var(--wmd-font-ui);color:#a8d7c0}
.history-range-result b.negative{color:#ec9696}.history-range-result b.positive{color:#8fe0b8}
.history-chart{cursor:crosshair}
@media(max-width:650px){.history-panel .history-range-result{gap:6px;flex-direction:column;align-items:flex-start}.history-range-result b{margin-left:0}}

/* Budget and Cash Flow category picker: a clean, consistent trailing chevron. */
.category-picker-wrap .category-picker{grid-template-columns:22px minmax(0,1fr) 18px!important;gap:7px!important;padding:6px 10px!important;align-items:center!important;overflow:hidden!important}
.category-picker-wrap .category-picker>i{display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#a9c2be!important;font-size:17px!important;font-weight:700!important;line-height:1!important;font-style:normal!important;transform:none!important}
.category-picker-wrap.open .category-picker>i{transform:rotate(180deg)!important}
.category-picker-wrap .category-picker>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Highlight newly added Net Worth subheadings briefly. */
@keyframes nw-new-row-glow{0%,15%{background:rgba(108,221,175,.28);box-shadow:inset 0 0 0 2px #78e5bb}100%{background:transparent;box-shadow:inset 0 0 0 0 transparent}}
.nw-subrow.nw-new-row-flash{animation:nw-new-row-glow 1.8s ease-out both;border-radius:7px}
@media(prefers-reduced-motion:reduce){.nw-subrow.nw-new-row-flash{animation:none;outline:2px solid #78e5bb}}

/* Dark, unobtrusive scrollbars for category dropdowns and app scroll panels. */
.category-menu,.category-menu-floating,.category-picker-wrap .category-menu{scrollbar-width:thin;scrollbar-color:#536d6d #142025;color-scheme:dark}
.category-menu::-webkit-scrollbar,.category-menu-floating::-webkit-scrollbar{width:8px;height:8px}
.category-menu::-webkit-scrollbar-track,.category-menu-floating::-webkit-scrollbar-track{background:#142025;border-radius:8px}
.category-menu::-webkit-scrollbar-thumb,.category-menu-floating::-webkit-scrollbar-thumb{background:#536d6d;border:2px solid #142025;border-radius:8px}
.category-menu::-webkit-scrollbar-thumb:hover,.category-menu-floating::-webkit-scrollbar-thumb:hover{background:#789997}

/* Budget collapsible category summaries */
.budget-overview-section{overflow:hidden}
.budget-overview-toggle{display:flex;align-items:center;gap:12px;width:100%;min-height:76px;padding:16px 18px;text-align:left;color:#e9f4f0;background:#172126;border:0;cursor:pointer}
.budget-overview-toggle:hover{background:#20322e}
.budget-overview-toggle:focus-visible{outline:2px solid #8fdec0;outline-offset:-3px}
.budget-overview-icon{font-size:24px;flex-shrink:0}
.budget-overview-label{flex:1;font-family:var(--wmd-font-ui);font-weight:700;font-size:clamp(19px,2vw,25px)}
.budget-overview-amount{font-family:var(--wmd-font-ui);font-size:clamp(20px,2vw,25px);font-variant-numeric:tabular-nums;white-space:nowrap;color:#8bdec0}
.budget-overview-section.needs .budget-overview-amount,.budget-overview-section.wants .budget-overview-amount{color:#eaa1a1}
.budget-overview-chevron{font-size:23px;color:#a1beba}
.budget-overview-body[hidden]{display:none!important}
.budget-overview-body{border-top:1px solid #3b4c4b}
.budget-overview-body .section-head{padding:9px 14px}
.budget-overview-body .section-head h3,.budget-overview-body .section-kicker{display:none}
.budget-overview-body .section-actions{width:100%;justify-content:flex-end}
.budget-overview-body .section-actions button{background:#19262b!important;color:#e2f4f1!important;border:1px solid #45605e!important;border-radius:7px;padding:7px 11px;cursor:pointer}
.budget-overview-body .section-actions button:hover{background:#29423c!important}
@media(max-width:650px){.budget-overview-toggle{padding:14px 10px;gap:8px}.budget-overview-icon{font-size:20px}.budget-overview-label,.budget-overview-amount{font-size:18px}}

/* Cash Flow detail categories: same progressive-disclosure language as Net Worth and Budget. */
.cash-category-board{display:grid;gap:12px;margin:20px 0;background:transparent;border:0;padding:0;overflow:visible}
.cash-category-board-intro{padding:6px 2px 7px}
.cash-category-board-intro>span{font-size:11px;letter-spacing:.1em;font-weight:800;color:#8ebcb1}
.cash-category-board-intro h3{margin:4px 0;font-family:var(--wmd-font-ui);font-size:23px;color:#edf5f1}
.cash-category-board-intro p{margin:4px 0;color:#a6bbba;font-size:13px}
.cash-category-card{overflow:hidden;background:#151f23;border:1px solid #35484d;border-radius:12px}
.cash-category-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:17px 18px;min-height:76px;border:0;background:transparent;color:#eff5f3;text-align:left;cursor:pointer}
.cash-category-toggle:hover{background:#20312e}
.cash-category-toggle:focus-visible{outline:2px solid #80dfbf;outline-offset:-3px}
.cash-category-icon{font-size:24px;flex:none}
.cash-category-name{flex:1;font:700 clamp(19px,2vw,25px) var(--wmd-font-ui);min-width:0}
.cash-category-total{font:700 clamp(20px,2vw,25px) var(--wmd-font-ui);color:#88ddbd;white-space:nowrap;font-variant-numeric:tabular-nums}
.cash-category-card.needs .cash-category-total,.cash-category-card.wants .cash-category-total{color:#e89a9b}
.cash-category-arrow{font-size:23px;color:#a1c3ba}
.cash-category-body[hidden]{display:none!important}
.cash-category-body{border-top:1px solid #35484d}
.cash-category-progress{font-size:12px;color:#b0c9c3;padding:11px 15px 0;margin:0}
.cash-category-body .flow-section{margin:0;border:0;border-radius:0}
.cash-category-body .flow-head{padding:11px 15px;background:#19272b}
.cash-category-body .flow-head h3{display:none}
.cash-category-body .flow-head .flow-add{background:#1c302c;color:#e8f5f0;border:1px solid #4b7869;border-radius:7px}
.cash-category-body .flow-table-scroll{max-width:100%}
@media(max-width:650px){.cash-category-toggle{padding:14px 11px;gap:8px}.cash-category-icon{font-size:20px}.cash-category-name,.cash-category-total{font-size:18px}}

/* Net Worth Growth Snapshot collapsible card */
.growth-snapshot-collapsible>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;min-height:64px}
.growth-snapshot-collapsible>summary::-webkit-details-marker{display:none}
.growth-snapshot-collapsible>summary:focus-visible{outline:2px solid #87d9b7;outline-offset:-2px;border-radius:9px}
.growth-snapshot-collapsible .growth-snapshot-chevron{font-size:24px;color:#a5d3c2;margin-left:auto;transition:transform .18s ease}
.growth-snapshot-collapsible[open] .growth-snapshot-chevron{transform:rotate(180deg)}
.growth-snapshot-collapsible[open] .growth-snapshot-grid{margin-top:12px}
@media(max-width:600px){.growth-snapshot-collapsible>summary{flex-wrap:wrap}.growth-snapshot-collapsible>summary p{order:3;flex-basis:100%}}

/* Cash Flow: collapsible spending cards and read-only debt panels. */
.cash-debt-selectors{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.cash-debt-select-card,.cash-payment-detail{min-width:0;border:1px solid #385451;border-radius:11px;background:#14201f;overflow:hidden}
.cash-debt-select-card>summary,.cash-payment-detail>summary{display:flex;gap:9px;align-items:center;cursor:pointer;list-style:none;padding:14px 15px;font-size:14px;font-weight:800;color:#e6f4f0}
.cash-debt-select-card>summary::-webkit-details-marker,.cash-payment-detail>summary::-webkit-details-marker{display:none}
.cash-debt-select-card>summary>span:first-child,.cash-payment-detail>summary>span:first-child{flex:1}
.cash-debt-select-card>summary>span:last-child,.cash-payment-detail>summary>span:last-child{color:#9dcdb9;font-size:17px}
.cash-debt-select-card[open]>summary>span:last-child,.cash-payment-detail[open]>summary>span:last-child{transform:rotate(180deg)}
.cash-debt-count{font-size:12px;color:#a6c6bc;font-weight:600}
.cash-debt-select-card .cash-debt-selector{padding:12px 14px;border-top:1px solid #314742}
.cash-debt-select-card .cash-debt-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.cash-debt-select-card .cash-debt-selector>button,.cash-debt-locked-list button{border:1px solid #497263;background:#1c3530;color:#e3f6ef;border-radius:7px;padding:8px 11px;cursor:pointer;margin:8px 8px 0 0}
.cash-debt-locked-list{padding:13px 16px;border-top:1px solid #354c46}
.cash-debt-locked-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #344743;padding:10px 0;color:#d5e4df}
.cash-debt-locked-item small{display:block;color:#8eaaa0;font-size:11px}
.cash-debt-locked-list p{font-size:12px;color:#a4bcb5;line-height:1.5}
.cash-priority-section{display:grid;gap:13px}
.cash-payment-detail>summary{min-height:62px;font-size:clamp(16px,1.6vw,21px)}
.cash-payment-detail>summary>strong{font-family:var(--wmd-font-ui);font-size:clamp(18px,2vw,24px);color:#98dfbe;white-space:nowrap}
.cash-payment-detail .panel{margin:0;border:0;border-radius:0}
.cash-payment-detail.cash-debt-locked>summary>strong{color:#e7bc9c}
@media(max-width:720px){.cash-debt-selectors{grid-template-columns:minmax(0,1fr)}.cash-payment-detail>summary{padding:12px 10px;gap:7px}}

/* Compact collapsed Growth Snapshot, same vertical rhythm as the Net Worth cards. */
.growth-snapshot-collapsible:not([open]){padding:0 15px!important;min-height:0!important}
.growth-snapshot-collapsible:not([open])>summary{min-height:70px!important;padding:8px 0!important;gap:12px!important;flex-wrap:nowrap!important}
.growth-snapshot-collapsible:not([open])>summary>div{flex:0 0 auto;min-width:0}
.growth-snapshot-collapsible:not([open])>summary p{flex:1 1 auto;min-width:0;margin:0!important;line-height:1.3;font-size:12px}
.growth-snapshot-collapsible:not([open]) .growth-snapshot-chevron{flex:none;margin-left:auto}
@media(max-width:650px){.growth-snapshot-collapsible:not([open])>summary p{display:none!important}}

/* Cash Flow dashboard polish: deliberate typography and balanced cards. */
.cash-settings.cash-settings-integrated{background:#141e21;border:1px solid #344a48;border-radius:16px;padding:17px 18px 14px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
.cash-settings-integrated .cash-settings-grid{gap:12px}
.cash-settings-integrated .cash-balance-choice,.cash-settings-integrated .cash-projected-choice{border-radius:12px;padding:17px 19px;min-height:162px}
.cash-settings-integrated .cash-balance-choice{background:linear-gradient(135deg,#142a22,#111d1c)}
.cash-settings-integrated .cash-projected-choice{background:linear-gradient(135deg,#152924,#142022)}
.cash-settings-integrated .cash-advanced-toggle{padding-top:6px;border-top-color:#324542}
.cash-settings-integrated .cash-advanced-toggle>summary{padding:9px 3px;font-size:13px;color:#b4d5c8}
.cash-debt-selectors{margin-top:3px;gap:10px}
.cash-debt-select-card{background:#162224;border-color:#37514e;border-radius:10px}
.cash-debt-select-card>summary{padding:13px 15px;min-height:56px;line-height:1.3}
.cash-debt-select-card>summary:hover{background:#1f3430}
.cash-debt-select-card>summary>span:first-child{font-size:14px}
.cash-debt-count{font-size:12px;color:#a4c6ba;white-space:nowrap}
.cash-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch;margin:16px 0 18px}
.cash-kpi{min-width:0;min-height:154px;padding:17px 16px!important;border:1px solid #37494b;border-radius:13px;background:linear-gradient(160deg,#192326,#151c20);display:flex;flex-direction:column;gap:7px;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.cash-kpi.cash-kpi-jump{cursor:pointer}
.cash-kpi.cash-kpi-jump:hover{border-color:#6c9d8e;background:#1d2c2a;transform:translateY(-1px)}
.cash-kpi.cash-kpi-jump:focus-visible{outline:2px solid #92ddbe;outline-offset:2px}
.cash-kpis .cash-kpi-jump>div:first-child,.cash-kpi.plan-status>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px}
.cash-kpis .cash-kpi-jump span{font-size:14px;line-height:1.3;color:#b8cecb;font-weight:750}
.cash-kpis .cash-kpi-jump b,.cash-kpi.plan-status b{font-size:clamp(23px,2vw,29px);font-family:var(--wmd-font-ui);line-height:1.15;white-space:nowrap}
.cash-kpis .cash-kpi-jump small{margin:1px 0 0;font-size:12px;line-height:1.45;color:#a3b6b6}
.cash-kpi .kpi-track{margin-top:auto;height:6px;background:#2b393e}
.cash-kpi.plan-status .plan-status-detail{font-size:11px;line-height:1.4;display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}
.cash-kpi.plan-status .plan-status-detail span{font-size:11px;font-weight:400;line-height:1.4}
.cash-kpi.plan-status .plan-status-detail .plan-formula{font-size:10px;font-weight:600;color:#acc4bd}
.cash-kpi.plan-status.surplus{background:linear-gradient(145deg,#192d27,#172420);border-color:#477a67}
.cash-kpi.plan-status.shortfall{background:linear-gradient(145deg,#322122,#241b20)}
@media(max-width:1080px){.cash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.cash-kpi{min-height:145px}}
@media(max-width:650px){.cash-settings.cash-settings-integrated{padding:11px}.cash-settings-integrated .cash-balance-choice,.cash-settings-integrated .cash-projected-choice{padding:13px 12px;min-height:0}.cash-kpis{gap:9px}.cash-kpi{padding:12px!important;min-height:145px}.cash-kpis .cash-kpi-jump b,.cash-kpi.plan-status b{font-size:23px}.cash-kpis .cash-kpi-jump span{font-size:12px}}
@media(max-width:385px){.cash-kpis{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.cash-kpi{transition:none}.cash-kpi.cash-kpi-jump:hover{transform:none}}

/* Cash runway cards navigate to months; show an accessible loading transition. */
button.cash-runway-month{appearance:none;text-align:left;font:inherit;color:inherit;cursor:pointer;width:100%}
button.cash-runway-month:hover{border-color:#77cdb0!important;background:#20332f}
button.cash-runway-month:focus-visible{outline:2px solid #91dfc1;outline-offset:2px}
.cash-return-current{border:1px solid #507b6d;background:#173129;color:#b7ead2;border-radius:8px;padding:10px 13px;font-weight:750;cursor:pointer}
.cash-return-current:hover{background:#25453a;color:#fff}
.cash-month-loading{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:rgba(8,15,18,.79);backdrop-filter:blur(3px)}
.cash-month-loading-card{display:flex;flex-direction:column;align-items:center;gap:14px;background:#121e20;border:1px solid #3f6f5e;border-radius:18px;padding:28px 44px;color:#eef9f5;box-shadow:0 20px 60px #0008}
.cash-month-loading-card img{width:55px;height:55px;object-fit:contain}
.cash-month-spinner{width:25px;height:25px;border-radius:50%;border:3px solid #27435a;border-top-color:#8ec8f3;animation:cash-month-spin .7s linear infinite}
@keyframes cash-month-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.cash-month-spinner{animation:none;border-top-color:#57d7aa}}

/* Cash Flow calendar: quiet completed and empty days, focus on actionable dates. */
.money-calendar-day:not(.today):not(.past-due):not(.selected).all-done{background:#12191c!important;border-color:#2a383c!important;box-shadow:none!important}
.money-calendar-day:not(.today):not(.past-due):not(.selected).all-done .money-calendar-open{opacity:.54;transition:opacity .18s ease}
.money-calendar-day:not(.today):not(.past-due):not(.selected).all-done .calendar-add{opacity:.48}
.money-calendar-day:not(.has-items):not(.today):not(.past-due):not(.selected){background:#11181b!important;border-color:#29363a!important;box-shadow:none!important}
.money-calendar-day:not(.has-items):not(.today):not(.past-due):not(.selected) .money-calendar-open{opacity:.4;transition:opacity .18s ease}
.money-calendar-day:not(.has-items):not(.today):not(.past-due):not(.selected) .calendar-add{opacity:.4}
.money-calendar-day:not(.today):not(.past-due):is(.all-done,:not(.has-items)):hover .money-calendar-open,.money-calendar-day:not(.today):not(.past-due):is(.all-done,:not(.has-items)):focus-within .money-calendar-open{opacity:1}
.money-calendar-day:not(.today):not(.past-due):is(.all-done,:not(.has-items)):hover .calendar-add,.money-calendar-day:not(.today):not(.past-due):is(.all-done,:not(.has-items)):focus-within .calendar-add{opacity:1}
@media(prefers-reduced-motion:reduce){.money-calendar-day .money-calendar-open,.money-calendar-day .calendar-add{transition:none!important}}

/* Floating back-to-top action across authenticated pages. */
.app-back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:5500;display:flex;align-items:center;justify-content:center;gap:7px;min-width:62px;min-height:44px;padding:9px 14px;border-radius:999px;border:1px solid #619883;background:rgba(28,57,48,.94);color:#e7f9f1;font-size:19px;font-weight:800;box-shadow:0 8px 26px #0008;backdrop-filter:blur(10px);cursor:pointer;transition:transform .18s ease,background .18s ease}
.app-back-to-top span{font-size:12px;font-weight:750}
.app-back-to-top:hover{background:#28634e;transform:translateY(-3px)}
.app-back-to-top:focus-visible{outline:2px solid #98e9c3;outline-offset:3px}
.app-back-to-top[hidden]{display:none!important}
@media(max-width:650px){.app-back-to-top{right:max(15px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:45px;min-width:45px;height:45px;padding:0}.app-back-to-top span{display:none}}
@media(prefers-reduced-motion:reduce){.app-back-to-top{transition:none}.app-back-to-top:hover{transform:none}}


/* Private display mode: hide financial figures without altering stored account data. */
.header-actions .privacy-toggle{width:39px;min-width:39px;height:38px;padding:8px;justify-content:center}
.header-actions .privacy-toggle svg{display:block;width:18px;height:18px;flex-shrink:0}
.header-actions .privacy-toggle[aria-pressed="true"]{color:#79dfbb;border-color:#477964;background:#172b26}
.header-actions .privacy-toggle:focus-visible{outline:2px solid #79dfbb;outline-offset:3px}
#app.wmd-privacy-on span.wmd-private-value{display:inline-block;filter:blur(7px);-webkit-filter:blur(7px);user-select:none;-webkit-user-select:none;pointer-events:none}
#app.wmd-privacy-on svg text.wmd-private-value{filter:blur(7px);-webkit-filter:blur(7px)}
#app.wmd-privacy-on .wmd-private-input{filter:blur(6px);-webkit-filter:blur(6px)}
#app.wmd-privacy-on .chart-tooltip{visibility:hidden!important}

/* Net Worth 6.9.14: one compact dashboard, snapshot/mix on the left and trend on the right. */
.nw-unified-dashboard{
  display:grid;
  grid-template-columns:minmax(0, .91fr) minmax(0, 1.09fr);
  gap:0;
  align-items:start;
  min-width:0;
  overflow:visible;
  padding:21px 23px;
  border:1px solid #35484b;
  border-radius:17px;
  background:linear-gradient(145deg,#1a2428 0%,#151e22 80%);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
}
.nw-unified-dashboard .nw-unified-overview{
  min-width:0;
  min-height:0!important;
  display:flex;
  flex-direction:column;
  gap:17px;
  padding:7px 24px 3px 0!important;
  margin:0;
  border:0;
  border-radius:0;
  box-shadow:none;
  background:none;
  align-items:stretch;
}
.nw-unified-dashboard .nw-unified-totals{min-width:0}
.nw-unified-dashboard .nw-unified-totals>p{margin:0 0 4px;color:#b4c8c8;font-size:14px}
.nw-unified-dashboard .nw-unified-totals>h2{font-size:clamp(32px,3.1vw,43px);line-height:1.06;margin:0 0 5px;letter-spacing:-.025em}
.nw-unified-dashboard .nw-unified-totals>span{display:block;font-size:13px;line-height:1.4;color:#aec5c9}
.nw-unified-dashboard .goalbar{max-width:100%;height:7px;margin:11px 0 8px}
.nw-unified-dashboard .networth-goal{margin-top:3px;gap:9px}
.nw-unified-dashboard .networth-goal label{font-size:11px}
.nw-unified-dashboard .networth-goal input{width:103px}
.nw-unified-dashboard .nw-chart-panel{min-width:0}
.nw-unified-dashboard .nw-chart-switch{gap:7px;margin:0 0 9px;grid-template-columns:auto minmax(85px,1fr) auto}
.nw-unified-dashboard .nw-chart-switch button{padding:7px 8px;font-size:11px}
.nw-unified-dashboard .nw-chart-switch>div strong{font-size:14px}
.nw-unified-dashboard .nw-chart-panel .donut-wrap{
  display:flex;flex-direction:row;align-items:center;justify-content:flex-start;
  gap:12px;min-width:0;
}
.nw-unified-dashboard .nw-chart-panel .donut{width:clamp(128px,13vw,172px);min-width:0;max-width:none;max-height:none;flex:none}
.nw-unified-dashboard .nw-chart-panel .side-legend{
  flex:1 1 0;min-width:0;width:auto;gap:7px;
}
.nw-unified-dashboard .nw-chart-panel .side-legend>div{
  grid-template-columns:8px minmax(0,1fr) auto;gap:6px;min-width:0;font-size:12px;
}
.nw-unified-dashboard .nw-chart-panel .side-legend span{
  min-width:0;font-size:12px;line-height:1.3;overflow-wrap:anywhere;
}
.nw-unified-dashboard .nw-chart-panel .side-legend b{white-space:nowrap;font-size:12px;font-variant-numeric:tabular-nums}
.nw-unified-dashboard .chart-help-row{
  margin-top:11px;gap:5px 8px;justify-content:flex-start;
  align-items:baseline;
}
.nw-unified-dashboard .chart-help-row p{font-size:10px;line-height:1.4;color:#93aba9}
.nw-unified-dashboard .chart-action{font-size:10px;white-space:normal;text-align:left}
.nw-unified-trend{min-width:0;padding:0 0 0 22px;border-left:1px solid #354548;align-self:stretch}
.nw-unified-dashboard .history-panel{
  min-width:0;
  display:block;
  margin:0!important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.nw-unified-dashboard .history-panel .history-head{
  align-items:center;margin:0 0 10px;gap:10px;
}
.nw-unified-dashboard .history-head-summary{display:flex;align-items:center;gap:6px 13px;flex-wrap:wrap}
.nw-unified-dashboard .history-head-summary .history-eyebrow{margin:0;font-size:10px;white-space:nowrap}
.nw-unified-dashboard .history-head-summary .history-metrics>div{padding:0;gap:6px}
.nw-unified-dashboard .history-head-summary .history-metrics span{font-size:11px}
.nw-unified-dashboard .history-head-summary .history-range-change strong{font-size:14px;white-space:nowrap}
.nw-unified-dashboard .history-panel .history-toggle{
  min-height:34px;padding:6px 10px;border-radius:8px;font-size:11px;
}
.nw-unified-dashboard .history-panel .history-periods{margin-bottom:10px;padding:3px;gap:3px}
.nw-unified-dashboard .history-panel .history-periods button{min-width:53px;min-height:34px;padding:6px 10px;font-size:12px}
.nw-unified-dashboard .history-panel .history-chart-frame{
  width:100%;margin-top:0;padding:5px 3px 0;box-sizing:border-box;border-radius:10px;
}
.nw-unified-dashboard .history-panel .history-chart{width:100%;height:auto;max-height:290px;min-width:0!important}
.nw-unified-dashboard .history-panel .history-inspector{
  gap:10px;margin-top:9px;padding:9px 11px;
  border-radius:9px;background:#172523;
}
.nw-unified-dashboard .history-panel .history-inspector>div{gap:3px}
.nw-unified-dashboard .history-panel .history-inspector strong{font-size:15px}
.nw-unified-dashboard .history-panel .history-inspector span,
.nw-unified-dashboard .history-panel .history-inspector small{font-size:10px}
.nw-unified-dashboard .history-panel .history-caption{font-size:10px;line-height:1.4;margin-top:7px}
.nw-unified-dashboard .history-panel .history-range-result[hidden]{display:none!important}
.nw-unified-dashboard .history-panel .history-range-result{font-size:11px;gap:7px;padding:9px 10px;margin-top:8px}
.nw-unified-dashboard .history-panel .history-range-result b{font-size:13px}
.nw-unified-dashboard .history-panel .history-empty-chart{min-height:165px}
@media(max-width:1120px){
  .nw-unified-dashboard{grid-template-columns:1fr;gap:17px;padding:19px 20px}
  .nw-unified-dashboard .nw-unified-overview{padding:0!important;gap:13px}
  .nw-unified-dashboard .nw-unified-overview .nw-chart-panel .donut{width:166px}
  .nw-unified-dashboard .nw-unified-overview .nw-chart-panel .side-legend{max-width:360px}
  .nw-unified-trend{padding:17px 0 0;border-left:0;border-top:1px solid #354548}
}
@media(max-width:680px){
  .nw-unified-dashboard{padding:15px 13px;border-radius:15px;gap:14px}
  .nw-unified-dashboard .nw-unified-totals>h2{font-size:clamp(31px,8vw,38px)}
  .nw-unified-dashboard .nw-chart-switch{grid-template-columns:1fr 1fr;gap:7px}
  .nw-unified-dashboard .nw-chart-switch>div{grid-row:1;grid-column:1/-1}
  .nw-unified-dashboard .nw-chart-switch button{grid-row:2;min-height:36px}
  .nw-unified-dashboard .nw-chart-panel .donut-wrap{gap:10px}
  .nw-unified-dashboard .nw-chart-panel .donut{width:clamp(108px,33vw,145px);max-width:none}
  .nw-unified-dashboard .nw-chart-panel .side-legend{gap:6px;max-width:none}
  .nw-unified-dashboard .nw-chart-panel .side-legend span,
  .nw-unified-dashboard .nw-chart-panel .side-legend b{font-size:11px}
  .nw-unified-dashboard .history-panel .history-head{gap:8px}
  .nw-unified-dashboard .history-panel .history-head-summary{flex:1 1 175px}
  .nw-unified-dashboard .history-panel .history-head-summary .history-eyebrow{font-size:9px}
  .nw-unified-dashboard .history-panel .history-head-summary .history-metrics span{font-size:10px}
  .nw-unified-dashboard .history-panel .history-toggle{min-height:36px}
  .nw-unified-dashboard .history-panel .history-periods{width:100%}
  .nw-unified-dashboard .history-panel .history-periods button{min-width:0;flex:1;min-height:39px}
  .nw-unified-dashboard .history-panel .history-chart{max-height:none}
  .nw-unified-dashboard .history-panel .history-inspector strong{font-size:14px}
  .nw-unified-dashboard .history-panel .history-caption{font-size:10px}
}
@media(max-width:390px){
  .nw-unified-dashboard .nw-chart-panel .donut-wrap{flex-wrap:wrap;justify-content:center}
  .nw-unified-dashboard .nw-chart-panel .donut{width:160px}
  .nw-unified-dashboard .nw-chart-panel .side-legend{flex:1 1 100%;width:100%;max-width:none}
}


/* Landing page v4: Apple-style marketing around the real application screens. */
.landing-v4{
  --landing-border:rgba(128,163,161,.22);
  --landing-panel:#111a1e;
  --landing-panel-soft:#162126;
  --landing-glow:rgba(111,223,187,.18);
}
.landing-header-v4{position:sticky;top:0;z-index:30;background:rgba(9,14,18,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(113,144,147,.14)}
.landing-main-v4{display:flex;flex-direction:column;gap:28px;padding-bottom:46px}
.landing-hero-v4{
  display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:center;
  padding:32px clamp(20px,5vw,52px) 18px;
}
.landing-hero-copy-v4 h1{margin:8px 0 14px;font-size:clamp(42px,7vw,76px);line-height:.98;letter-spacing:-.045em;max-width:8.2em}
.landing-hero-copy-v4 p{margin:0;max-width:560px;font-size:17px;line-height:1.65;color:#bfd2d5}
.landing-hero-proof{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-top:18px;color:#9eb6b8;font-size:13px}
.landing-hero-proof i{width:4px;height:4px;border-radius:999px;background:#5fd8ac;display:inline-block;opacity:.85}
.landing-hero-visual-v4{min-width:0;position:relative}
.landing-hero-stack{position:relative;padding:26px 0 18px}
.landing-hero-stack-main{
  position:relative;min-height:520px;border-radius:32px;padding:18px;background:
  radial-gradient(circle at top left,rgba(95,216,172,.18),transparent 42%),
  linear-gradient(160deg,#172126,#0f171b 72%);
  border:1px solid rgba(108,151,150,.26);box-shadow:0 30px 80px rgba(0,0,0,.32);overflow:hidden;
}
.landing-hero-float{
  position:absolute;padding:12px 15px;border-radius:16px;background:rgba(12,20,24,.86);border:1px solid rgba(112,155,154,.25);
  box-shadow:0 20px 35px rgba(0,0,0,.25);backdrop-filter:blur(18px)
}
.landing-hero-float span{display:block;font-size:10px;letter-spacing:.18em;color:#7ad9b3}
.landing-hero-float b{display:block;margin-top:4px;font-size:14px;color:#f6fbff}
.landing-hero-float-a{left:-10px;top:46px}
.landing-hero-float-b{right:6px;top:88px}
.landing-hero-float-c{right:42px;bottom:6px}
.landing-statement-band{overflow:hidden;padding:0 clamp(20px,5vw,52px)}
.landing-statement-track{
  display:flex;gap:30px;align-items:center;padding:16px 20px;border:1px solid var(--landing-border);border-radius:18px;
  background:linear-gradient(90deg,rgba(96,216,172,.08),rgba(82,118,142,.08),rgba(218,177,88,.08));
  color:#e9f5f7;font-size:clamp(22px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;overflow:auto;white-space:nowrap
}
.landing-screen-gallery-v4,.landing-system-v4{padding:0 clamp(20px,5vw,52px)}
.landing-focus-heading-wide{max-width:900px}
.landing-screen-chip-row{display:flex;gap:12px;overflow:auto;padding:4px 0 10px;margin:0 0 8px}
.landing-screen-chip{
  flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:16px;text-decoration:none;color:#eaf5f6;
  border:1px solid rgba(105,142,144,.26);background:rgba(18,27,31,.78);min-width:150px;transition:transform .22s ease,border-color .22s ease,background .22s ease;
}
.landing-screen-chip:hover{transform:translateY(-2px);border-color:#79dfbb;background:rgba(21,36,34,.9)}
.landing-screen-chip span{font-size:10px;letter-spacing:.18em;color:#85d8b4}
.landing-screen-chip b{font-size:15px}
.landing-showcase-stack{display:flex;flex-direction:column;gap:22px;margin-top:6px}
.landing-showcase-card{
  display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:22px;align-items:center;
  padding:22px;border-radius:28px;border:1px solid var(--landing-border);
  background:linear-gradient(145deg,rgba(21,31,36,.94),rgba(15,22,26,.92));box-shadow:0 24px 60px rgba(0,0,0,.16)
}
.landing-showcase-card.reverse{grid-template-columns:minmax(0,1fr) minmax(280px,360px)}
.landing-showcase-card.reverse .landing-showcase-copy{order:2}
.landing-showcase-card.reverse .landing-showcase-visual{order:1}
.landing-showcase-copy h3{margin:8px 0 12px;font-size:clamp(28px,3.2vw,40px);line-height:1.04;letter-spacing:-.04em}
.landing-showcase-copy p{margin:0;color:#b9cfd0;font-size:15px;line-height:1.65}
.landing-showcase-points{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.landing-showcase-points span{padding:8px 11px;border-radius:999px;background:rgba(31,48,52,.78);border:1px solid rgba(109,150,147,.18);font-size:12px;color:#dce9ec}
.landing-showcase-visual{min-width:0}
.landing-product-frame{
  position:relative;border-radius:22px;padding:12px;background:
  radial-gradient(circle at top left,rgba(111,223,187,.16),transparent 36%),
  linear-gradient(160deg,#111a1f,#0c1216 72%);border:1px solid rgba(109,147,149,.24);overflow:hidden;
}
.landing-product-app{pointer-events:none}
.landing-product-app-header{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 12px;gap:12px}
.landing-product-brand{display:flex;align-items:center;gap:10px;min-width:0}
.landing-product-brand img{width:30px;height:30px;border-radius:8px;border:1px solid rgba(125,158,161,.26)}
.landing-product-brand strong{display:block;font-size:14px;line-height:1.15}
.landing-product-brand span{display:block;font-size:11px;color:#95adb1}
.landing-product-window-dots{display:flex;gap:5px}
.landing-product-window-dots i{width:8px;height:8px;border-radius:999px;background:#5b6f76;display:block}
.landing-product-window-dots i:first-child{background:#7ad9b3}
.landing-product-window-dots i:nth-child(2){background:#d7b55e}
.landing-product-window-dots i:nth-child(3){background:#db8b85}
.landing-product-app-main{transform:scale(.43);transform-origin:top left;width:232.56%;margin-bottom:-56%;border-radius:16px;overflow:hidden}
.landing-product-app-main > nav,.landing-product-app-main > section,.landing-product-app-main > .history-panel{box-shadow:none}
.landing-product-app-main input,.landing-product-app-main button,.landing-product-app-main select,.landing-product-app-main textarea{pointer-events:none}
.landing-core-flow-v4{margin-top:8px}
.landing-benefit-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.landing-benefit-grid-v4 article{padding:18px;border-radius:18px;border:1px solid rgba(105,145,143,.18);background:rgba(18,28,32,.84)}
.landing-benefit-grid-v4 span{display:block;font-size:11px;letter-spacing:.15em;color:#85d8b4}
.landing-benefit-grid-v4 h3{margin:10px 0 8px;font-size:21px;line-height:1.1}
.landing-benefit-grid-v4 p{margin:0;color:#b6c8cb;font-size:14px;line-height:1.6}
.landing-install-v4{margin:0 clamp(20px,5vw,52px)}
.landing-final-v4{margin:0 clamp(20px,5vw,52px)}
@media (max-width:1100px){
  .landing-hero-v4{grid-template-columns:1fr;gap:18px}
  .landing-hero-copy-v4 h1{max-width:none}
  .landing-showcase-card,.landing-showcase-card.reverse{grid-template-columns:1fr}
  .landing-showcase-card.reverse .landing-showcase-copy,.landing-showcase-card.reverse .landing-showcase-visual{order:initial}
  .landing-benefit-grid-v4{grid-template-columns:1fr}
  .landing-hero-stack-main{min-height:460px}
  .landing-product-app-main{transform:scale(.36);width:277.78%;margin-bottom:-76%}
}
@media (max-width:720px){
  .landing-main-v4{gap:22px}
  .landing-hero-v4,.landing-screen-gallery-v4,.landing-system-v4{padding-left:16px;padding-right:16px}
  .landing-statement-band{padding:0 16px}
  .landing-hero-copy-v4 p{font-size:15px}
  .landing-hero-stack-main{min-height:330px;border-radius:24px;padding:10px}
  .landing-hero-float{display:none}
  .landing-screen-chip{min-width:132px}
  .landing-showcase-card{padding:14px;border-radius:22px;gap:14px}
  .landing-showcase-copy h3{font-size:28px}
  .landing-product-frame{padding:8px;border-radius:18px}
  .landing-product-brand strong{font-size:12px}
  .landing-product-brand span{font-size:10px}
  .landing-product-app-main{transform:scale(.28);width:357.15%;margin-bottom:-104%}
  .landing-install-v4,.landing-final-v4{margin:0 16px}
}



/* Product-led landing refinements (v6.10.1): readable real screens, motion, and direct navigation. */
.landing-v4 .landing-hero-v4{display:flex;flex-direction:column;align-items:stretch;gap:24px;padding:clamp(28px,5vw,72px) clamp(16px,4vw,58px) 12px}
.landing-v4 .landing-hero-copy-v4{width:min(100%,1150px);margin:0 auto;text-align:center}
.landing-v4 .landing-hero-copy-v4 h1{font-size:clamp(44px,6.15vw,94px);max-width:1080px;margin:10px auto 18px;line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.landing-v4 .landing-hero-copy-v4 h1 em{font-style:normal;color:#77dcb2}
.landing-v4 .landing-hero-copy-v4 p{max-width:760px;margin:0 auto;font-size:clamp(15px,1.2vw,19px);line-height:1.6}
.landing-v4 .landing-hero-v4 .landing-hero-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin:25px 0 0}
.landing-v4 .landing-hero-v4 .landing-hero-actions>*{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:50px;padding:12px 22px;box-sizing:border-box;font-size:14px;font-weight:750;line-height:1.2;text-decoration:none;white-space:nowrap;border-radius:11px}
.landing-v4 .landing-hero-v4 .landing-tour-link{border:1px solid #456169;background:rgba(21,34,38,.78);color:#eef8f6}
.landing-v4 .landing-hero-v4 .landing-tour-link:hover{border-color:#82deba;background:rgba(34,62,55,.8)}
.landing-v4 .landing-hero-v4 .landing-hero-proof{justify-content:center;margin-top:19px;gap:10px 14px}
.landing-v4 .landing-hero-visual-v4{width:min(100%,1450px);margin:0 auto;min-width:0}
.landing-v4 .landing-hero-stack{padding:0;display:flex;flex-direction:column;gap:15px}
.landing-v4 .landing-hero-stack-main{min-height:0;padding:clamp(8px,1.5vw,19px);border-radius:clamp(18px,2.4vw,30px);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.36);background:radial-gradient(ellipse at 35% -10%,rgba(72,199,151,.16),transparent 65%),linear-gradient(145deg,#18272a,#0d151a 72%)}
.landing-v4 .landing-hero-stage{will-change:opacity,transform}
.landing-v4 .landing-hero-stage.landing-stage-animate{animation:landing-app-arrive .72s cubic-bezier(.15,.75,.2,1) both}
@keyframes landing-app-arrive{from{opacity:.22;transform:translateY(16px) scale(.986)}to{opacity:1;transform:translateY(0) scale(1)}}
.landing-v4 .landing-product-frame{padding:clamp(8px,1.2vw,15px);border-radius:18px;min-width:0}
.landing-v4 .landing-product-viewport{height:clamp(260px,26vw,440px);position:relative;overflow:hidden;min-width:0;mask-image:linear-gradient(to bottom,#000 84%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 84%,transparent 100%)}
.landing-v4 .landing-hero-stage .landing-product-viewport{height:clamp(310px,32vw,530px)}
.landing-v4 .landing-product-app-main{width:1260px;transform:none;transform-origin:top left;margin:0;overflow:visible;border-radius:14px}
.landing-v4 .landing-product-app-main>nav{margin:0 0 12px}
.landing-v4 .landing-product-app{pointer-events:none}
.landing-v4 .landing-product-frame .landing-product-app-header{padding:4px 7px 12px}
.landing-v4 .landing-product-brand img{width:36px;height:36px}
.landing-v4 .landing-product-brand strong{font-size:15px}
.landing-v4 .landing-hero-stage-meta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:1px 6px}
.landing-v4 .landing-hero-stage-caption{display:flex;flex-direction:column;gap:6px;min-width:0}
.landing-v4 .landing-hero-stage-caption span{font-size:11px;font-weight:800;letter-spacing:.16em;color:#80d7b5}
.landing-v4 .landing-hero-stage-caption strong{font-size:clamp(16px,1.75vw,25px);font-weight:720;letter-spacing:-.02em;line-height:1.2}
.landing-v4 .landing-hero-controls{display:flex;gap:8px;flex:none}
.landing-v4 .landing-hero-controls button{width:45px;height:45px;border:1px solid #476067;border-radius:50%;display:grid;place-items:center;font-size:24px;color:#d9f0eb;background:#172429;transition:background .2s,border-color .2s,transform .2s;cursor:pointer}
.landing-v4 .landing-hero-controls button:hover{background:#24453c;border-color:#7bd9b5;transform:translateY(-2px)}
.landing-v4 .landing-hero-screen-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
.landing-v4 .landing-hero-screen-tab{padding:11px 6px;font-size:clamp(11px,1vw,14px);border:1px solid #354c50;border-radius:10px;background:#131e23;color:#adc1c4;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.landing-v4 .landing-hero-screen-tab:hover{background:#20332f;color:#fff}
.landing-v4 .landing-hero-screen-tab.active{background:#1e3d35;border-color:#62cda3;color:#c4fae4}
.landing-v4 .landing-hero-screen-tab:focus-visible,.landing-v4 .landing-hero-controls button:focus-visible{outline:2px solid #76dbb0;outline-offset:3px}
.landing-v4 .landing-statement-track{justify-content:space-around;white-space:normal;flex-wrap:wrap;gap:12px;text-align:center;padding:clamp(18px,3.4vw,34px) 16px;font-size:clamp(22px,4vw,52px)}
.landing-v4 .landing-statement-track span:last-child{color:#80dbb4}
.landing-v4 .landing-showcase-card{overflow:hidden}
.landing-v4 .landing-showcase-card.landing-reveal,.landing-v4 .landing-benefit-grid-v4 article.landing-reveal,.landing-v4 .landing-statement-band.landing-reveal{opacity:0;transform:translateY(32px);transition:opacity .8s cubic-bezier(.18,.7,.2,1),transform .8s cubic-bezier(.18,.7,.2,1)}
.landing-v4 .landing-showcase-card.landing-entered,.landing-v4 .landing-benefit-grid-v4 article.landing-entered,.landing-v4 .landing-statement-band.landing-entered{opacity:1;transform:translateY(0)}
.landing-v4 .landing-showcase-card .landing-product-viewport{height:clamp(260px,28vw,430px)}
.landing-v4 .landing-showcase-card .landing-showcase-copy h3{font-size:clamp(26px,3vw,41px)}
.landing-v4 .landing-hero-v4 .landing-hero-copy-v4{animation:landing-copy-arrive .9s ease-out both}
@keyframes landing-copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){
  .landing-v4 .landing-hero-v4{padding-top:35px;gap:20px}
  .landing-v4 .landing-hero-screen-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .landing-v4 .landing-hero-stage .landing-product-viewport{height:clamp(250px,52vw,440px)}
  .landing-v4 .landing-showcase-card .landing-product-viewport{height:clamp(250px,45vw,400px)}
}
@media(max-width:600px){
  .landing-v4 .landing-hero-v4{padding:29px 14px 6px;gap:18px}
  .landing-v4 .landing-hero-copy-v4 h1{font-size:clamp(39px,10.3vw,55px);line-height:1.05}
  .landing-v4 .landing-hero-v4 .landing-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:10px}
  .landing-v4 .landing-hero-v4 .landing-hero-actions>*{width:100%;min-height:48px;white-space:normal;text-align:center}
  .landing-v4 .landing-hero-v4 .landing-hero-proof{font-size:11px;gap:8px}
  .landing-v4 .landing-hero-screen-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
  .landing-v4 .landing-hero-screen-tab{font-size:11px;padding:9px 4px}
  .landing-v4 .landing-hero-stage .landing-product-viewport{height:240px}
  .landing-v4 .landing-showcase-card .landing-product-viewport{height:255px}
  .landing-v4 .landing-hero-stage-meta{gap:8px}
  .landing-v4 .landing-hero-controls button{height:40px;width:40px}
  .landing-v4 .landing-hero-stage-caption strong{font-size:16px}
  .landing-v4 .landing-product-brand strong{font-size:12px}
  .landing-v4 .landing-product-brand span{font-size:10px}
  .landing-v4 .landing-product-brand img{height:29px;width:29px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v4 .landing-hero-stage.landing-stage-animate,.landing-v4 .landing-hero-v4 .landing-hero-copy-v4{animation:none!important}
  .landing-v4 .landing-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .landing-v4 .landing-hero-controls button,.landing-v4 .landing-hero-screen-tab{transition:none!important}
}

@media(max-width:600px){
  .landing-v4 .landing-hero-stage .landing-product-viewport{height:335px}
  .landing-v4 .landing-showcase-card .landing-product-viewport{height:315px}
}



/* v6.10.2 · Native-app carousel, feature-first previews, clean marketing rhythm. */
.landing-v4 .landing-hero-v4 .landing-hero-copy-v4{display:flex;flex-direction:column;align-items:center}
.landing-v4 .landing-hero-v4 .landing-hero-actions{width:100%;margin-top:24px;}
.landing-v4 .landing-hero-v4 .landing-hero-proof{width:max-content;max-width:100%;margin:18px auto 0;justify-content:center;align-items:center;gap:9px 13px}
.landing-v4 .landing-header-v4 .landing-nav{display:flex;align-items:center;gap:14px}
.landing-v4 .landing-header-v4 .landing-nav>a,
.landing-v4 .landing-header-v4 .landing-nav>button{display:inline-flex;align-items:center;justify-content:center;min-height:39px;line-height:1;vertical-align:middle;margin:0;white-space:nowrap;box-sizing:border-box;}
.landing-v4 .landing-header-v4 .landing-nav>a{padding:9px 8px;font-size:12px}
.landing-v4 .landing-header-v4 .landing-nav .landing-install-nav{padding:9px 12px;border-radius:10px;background:#142820;border:1px solid #47705d;color:#b6ebd4;gap:7px}
.landing-v4 .landing-header-v4 .landing-nav .landing-install-nav:hover{background:#1d4130;border-color:#6fdaa9;color:#fff}
.landing-v4 .landing-header-v4 .landing-nav .landing-login,.landing-v4 .landing-header-v4 .landing-nav .landing-primary{padding:9px 13px}
.landing-v4 .landing-product-app{pointer-events:auto}
.landing-v4 .landing-product-native-tabs{display:block;padding:4px 6px 12px;pointer-events:none}
.landing-v4 .landing-hero-stage .landing-product-native-tabs{pointer-events:auto}
.landing-v4 .landing-product-native-tabs>nav{
  display:flex;align-items:center;flex-wrap:nowrap;gap:6px;overflow-x:auto;scrollbar-width:thin;
  min-width:0;width:100%;padding-bottom:3px;overscroll-behavior-x:contain;
}
.landing-v4 .landing-product-native-tabs>nav button{
  flex:0 0 auto;min-height:36px;padding:8px clamp(9px,1.15vw,17px);border:1px solid transparent;border-radius:9px;
  color:#a9c1c2;background:rgba(20,31,34,.84);font-size:clamp(11px,.95vw,13px);font-weight:750;
  text-align:center;white-space:nowrap;pointer-events:auto;cursor:pointer;transition:background .18s,border-color .18s,color .18s;
}
.landing-v4 .landing-product-native-tabs>nav button.active{color:#d6f9e8;background:#1a4032;border-color:#529d79}
.landing-v4 .landing-product-native-tabs>nav button:hover{color:#fff;background:#254236}
.landing-v4 .landing-product-native-tabs>nav button:focus-visible{outline:2px solid #94ebbf;outline-offset:2px}
.landing-v4 .landing-product-viewport{display:block;overflow:hidden;pointer-events:none;mask-image:linear-gradient(#000 93%,transparent);-webkit-mask-image:linear-gradient(#000 93%,transparent)}
.landing-v4 .landing-product-app-main{min-width:0;transform-origin:top left}
.landing-v4 .landing-product-frame{background:radial-gradient(ellipse at 50% 0%,rgba(54,116,105,.09),transparent 78%),#10191d}
.landing-v4 .landing-feature-focus{width:100%;min-width:0;display:block}
.landing-v4 .landing-feature-networth>.nw-unified-dashboard{margin:0;max-width:100%}
.landing-v4 .landing-feature-budget{display:flex;flex-direction:column;gap:14px}
.landing-v4 .landing-feature-budget>.budget-top{margin:0}
.landing-v4 .landing-feature-budget>.money-mix{margin:0}
.landing-v4 .landing-feature-cashflow{display:flex;flex-direction:column;gap:14px}
.landing-v4 .landing-feature-cashflow .cash-runway{margin:0;padding:16px;border-color:#3a5452;border-radius:15px;background:#182526}
.landing-v4 .landing-feature-cashflow .cash-runway-head{margin-bottom:12px}
.landing-v4 .landing-feature-cashflow .cash-runway-grid{gap:11px}
.landing-v4 .landing-feature-cashflow .cash-runway-month{padding:13px 15px;border-radius:12px}
.landing-v4 .landing-feature-cashflow .cash-runway-month strong{font-size:clamp(22px,2.1vw,28px)}
.landing-v4 .landing-feature-cashflow .cash-runway-head>div h3{font-size:23px}
.landing-v4 .landing-feature-cashflow .money-calendar{margin:0;padding:15px;border:1px solid #37504d;border-radius:15px;max-width:100%}
.landing-v4 .landing-feature-cashflow .money-calendar-head{margin-bottom:8px}
.landing-v4 .landing-feature-cashflow .money-calendar-head h3{font-size:24px}
.landing-v4 .landing-feature-cashflow .money-calendar-head p{font-size:12px}
.landing-v4 .landing-feature-cashflow .money-calendar-grid,.landing-v4 .landing-feature-cashflow .money-calendar-weekdays{min-width:0;gap:5px}
.landing-v4 .landing-feature-cashflow .money-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}
.landing-v4 .landing-feature-cashflow .money-calendar-scroll{overflow:hidden}
.landing-v4 .landing-feature-cashflow .money-calendar-day{min-height:125px;border-radius:8px}
.landing-v4 .landing-feature-cashflow .money-calendar-open{min-height:123px;padding:7px 7px 24px}
.landing-v4 .landing-feature-cashflow .money-calendar-date>b{font-size:14px}
.landing-v4 .landing-feature-cashflow .calendar-day-amount>strong{font-size:11px}
.landing-v4 .landing-feature-cashflow .calendar-day-balance{display:none}
.landing-v4 .landing-feature-cashflow .calendar-add{display:none}
.landing-v4 .landing-feature-debt{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:16px}
.landing-v4 .landing-feature-debt .debt-overview,.landing-v4 .landing-feature-debt .debt-chart-card{margin:0;max-width:100%}
.landing-v4 .landing-feature-retirement{display:grid;grid-template-columns:34% minmax(0,66%);align-items:stretch;gap:14px}
.landing-v4 .landing-retirement-outlook,.landing-v4 .landing-retirement-graph{min-width:0}
.landing-v4 .landing-retirement-outlook .retirement-outlook,.landing-v4 .landing-retirement-graph .retirement-chart-card{height:100%;margin:0;box-sizing:border-box}
.landing-v4 .landing-retirement-outlook .retirement-outlook{padding:22px 17px}
.landing-v4 .landing-retirement-outlook .retirement-status-row{display:flex;flex-wrap:wrap;gap:8px}
.landing-v4 .landing-retirement-outlook .retirement-status-row h3{font-size:24px}
.landing-v4 .landing-retirement-outlook .retirement-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.landing-v4 .landing-retirement-outlook .retirement-kpis article{padding:9px}
.landing-v4 .landing-retirement-outlook .retirement-kpis article strong{font-size:17px}
.landing-v4 .landing-retirement-graph .retirement-chart-card{padding:19px 15px}
.landing-v4 .landing-retirement-graph .retirement-chart{height:290px;margin-top:8px}
.landing-v4 .landing-retirement-graph .retirement-chart-inspector,
.landing-v4 .landing-retirement-graph .retirement-chart-milestone,
.landing-v4 .landing-retirement-graph .retirement-chart-scrubber,
.landing-v4 .landing-retirement-graph .retirement-callouts{display:none}
.landing-v4 .landing-retirement-graph .retirement-assumption-line{margin:8px 0}
.landing-v4 .landing-retirement-graph .retirement-legend{margin-top:10px}
.landing-v4 .landing-feature-investments{padding:22px;border-radius:16px;border:1px solid #354b4b;background:#172125}
.landing-v4 .landing-investment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.landing-v4 .landing-investment-header h3{font-size:28px;margin:5px 0}
.landing-v4 .landing-investment-header p{font-size:12px;color:#a7b9b7;line-height:1.5;margin:0}
.landing-v4 .landing-investment-pill{font-size:11px;letter-spacing:.1em;color:#a7f1d1;border:1px solid #355e4f;background:#1a332d;padding:8px 10px;border-radius:999px;white-space:nowrap}
.landing-v4 .landing-investment-stocks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.landing-v4 .landing-investment-stock{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:10px;padding:17px 16px;border:1px solid #355052;background:#101b1f;border-radius:15px;min-width:0}
.landing-v4 .landing-investment-identity{min-width:0;display:grid;gap:4px}
.landing-v4 .landing-investment-identity span{font-size:19px;color:#e7f7f5;font-weight:850}
.landing-v4 .landing-investment-identity strong{font-size:11px;color:#98abae;font-weight:500;overflow-wrap:anywhere}
.landing-v4 .landing-investment-history{min-width:0}
.landing-v4 .landing-investment-history .invest-spark{justify-items:stretch;width:100%}
.landing-v4 .landing-investment-history .invest-spark svg{width:100%;height:70px}
.landing-v4 .landing-investment-history .invest-spark span{font-size:13px;text-align:center}
.landing-v4 .landing-investment-value{display:grid;gap:3px;justify-items:end;min-width:0}
.landing-v4 .landing-investment-value span{font-size:10px;color:#93a8a8}
.landing-v4 .landing-investment-value strong{font-size:17px;overflow-wrap:anywhere}
.landing-v4 .landing-investment-value small{font-size:10px;color:#8fcba9}
.landing-v4 .landing-privacy-spotlight{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 19px;border-radius:16px;border:1px solid #34554c;background:linear-gradient(100deg,rgba(49,108,85,.21),rgba(19,33,34,.72))}
.landing-v4 .landing-privacy-spotlight-copy{display:flex;align-items:center;flex-wrap:wrap;gap:6px 18px}
.landing-v4 .landing-privacy-spotlight-copy>span{font-size:11px;font-weight:850;letter-spacing:.15em;color:#8de5c1;white-space:nowrap}
.landing-v4 .landing-privacy-spotlight-copy p{font-size:13px;line-height:1.5;margin:0;color:#b8cdca}
.landing-v4 .landing-preview-eye{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:10px 18px;border-radius:11px;color:#e6fff2;border:1px solid #589c7e;background:#1b5039;font-size:13px;font-weight:800;cursor:pointer}
.landing-v4 .landing-preview-eye.active{border-color:#75bbaf;color:#d8f8fa;background:#204647}
.landing-v4 .landing-preview-eye:hover{background:#23694b}
.landing-v4 .landing-preview-eye:focus-visible{outline:2px solid #83efd0;outline-offset:3px}
.landing-v4.landing-preview-hidden .landing-private-amount{filter:blur(8px);-webkit-filter:blur(8px);user-select:none!important;-webkit-user-select:none!important}
.landing-v4.landing-preview-hidden .landing-product-app-main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
.landing-v4.landing-preview-hidden .landing-product-app-main select{filter:blur(6px);-webkit-filter:blur(6px)}
.landing-v4 .landing-connection-story{display:grid;grid-template-columns:350px minmax(0,1fr);gap:30px;padding:clamp(22px,3vw,42px);border:1px solid #35504c;border-radius:26px;background:radial-gradient(circle at 18% 0%,rgba(57,135,99,.17),transparent 55%),linear-gradient(150deg,#172327,#111b1e 78%)}
.landing-v4 .landing-connection-intro>span,.landing-v4 .landing-connection-note span{font-size:11px;letter-spacing:.17em;color:#8cddbb;font-weight:800}
.landing-v4 .landing-connection-intro h3{font-size:clamp(32px,3.2vw,51px);line-height:1.04;letter-spacing:-.045em;margin:16px 0}
.landing-v4 .landing-connection-intro h3 em{color:#77dcb2;font-style:normal}
.landing-v4 .landing-connection-intro p{color:#b6c9c9;font-size:15px;line-height:1.65;margin:0}
.landing-v4 .landing-connection-accent{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:13px;color:#d6e9e6;font-weight:700}
.landing-v4 .landing-connection-accent i{width:30px;height:2px;background:#7bd8b0}
.landing-v4 .landing-connection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.landing-v4 .landing-connection-step{position:relative;min-width:0;padding:21px 16px;border:1px solid #354949;border-radius:17px;background:rgba(19,31,34,.76);overflow:hidden}
.landing-v4 .landing-connection-step.featured{background:linear-gradient(135deg,#224a3e,#15342e);border-color:#578a72}
.landing-v4 .landing-connection-step>span{display:block;font-size:11px;color:#91bcaa;font-weight:800;letter-spacing:.1em}
.landing-v4 .landing-connection-symbol{font-size:28px;color:#8fdfbb;margin-top:14px}
.landing-v4 .landing-connection-step h4{font-size:17px;margin:9px 0 7px;letter-spacing:-.025em}
.landing-v4 .landing-connection-step p{font-size:12px;line-height:1.5;color:#a6bab9;margin:0}
.landing-v4 .landing-connection-step::after{content:'→';position:absolute;top:16px;right:14px;color:#719989;font-size:19px}
.landing-v4 .landing-connection-note{display:flex;align-items:center;gap:30px;margin-top:16px;padding:21px 28px;border:1px solid #334743;background:#121f21;border-radius:20px}
.landing-v4 .landing-connection-note>div{flex:1.15;min-width:0}
.landing-v4 .landing-connection-note h3{font-size:23px;letter-spacing:-.035em;margin:6px 0 0;line-height:1.2}
.landing-v4 .landing-connection-note p{flex:1;color:#b7c8c5;font-size:13px;line-height:1.6;margin:0}
.landing-v4 .landing-connection-note button{flex:none;white-space:nowrap}
.landing-v4 .landing-connection-step.landing-reveal,.landing-v4 .landing-connection-note.landing-reveal{opacity:0;transform:translateY(18px);transition:transform .65s ease,opacity .65s ease}
.landing-v4 .landing-connection-step.landing-entered,.landing-v4 .landing-connection-note.landing-entered{opacity:1;transform:none}
@media(max-width:1140px){
 .landing-v4 .landing-connection-story{grid-template-columns:1fr}
 .landing-v4 .landing-feature-retirement{grid-template-columns:39% 61%;gap:10px}
 .landing-v4 .landing-investment-stocks{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
 .landing-v4 .landing-header-v4 .landing-nav>a:not(.landing-install-nav){display:none}
 .landing-v4 .landing-header-v4 .landing-nav{gap:8px}
 .landing-v4 .landing-connection-note{align-items:flex-start;flex-wrap:wrap}
 .landing-v4 .landing-connection-note>div,.landing-v4 .landing-connection-note p{flex:1 1 45%}
 .landing-v4 .landing-feature-cashflow .money-calendar-grid,.landing-v4 .landing-feature-cashflow .money-calendar-weekdays{min-width:0}
}
@media(max-width:600px){
 .landing-v4 .landing-hero-v4 .landing-hero-proof{width:100%;gap:7px;justify-content:center}
 .landing-v4 .landing-hero-v4 .landing-hero-proof span{font-size:10px;white-space:nowrap}
 .landing-v4 .landing-header-v4 .landing-nav{gap:6px}
 .landing-v4 .landing-header-v4 .landing-nav .landing-install-nav{display:none}
 .landing-v4 .landing-product-native-tabs{padding:3px 2px 10px}
 .landing-v4 .landing-product-native-tabs>nav{gap:4px}
 .landing-v4 .landing-product-native-tabs>nav button{font-size:12px;padding:7px 10px;min-height:35px}
 .landing-v4 .landing-privacy-spotlight{align-items:flex-start;flex-direction:column;padding:14px}
 .landing-v4 .landing-preview-eye{width:100%}
 .landing-v4 .landing-feature-budget>.budget-top{display:none}
 .landing-v4 .landing-feature-cashflow .cash-runway-head p{display:none}
 .landing-v4 .landing-feature-cashflow .cash-runway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}
 .landing-v4 .landing-feature-cashflow .cash-runway-month{padding:8px 5px;gap:5px}
 .landing-v4 .landing-feature-cashflow .cash-runway-month>div{flex-wrap:wrap;gap:3px}
 .landing-v4 .landing-feature-cashflow .cash-runway-month strong{font-size:15px}
 .landing-v4 .landing-feature-cashflow .cash-runway-month small{font-size:7px}
 .landing-v4 .landing-feature-cashflow .cash-runway-month em{font-size:8px}
 .landing-v4 .landing-feature-cashflow .money-calendar-head p,.landing-v4 .landing-feature-cashflow .cash-calendar-actions{display:none}
 .landing-v4 .landing-feature-cashflow .money-calendar{padding:9px}
 .landing-v4 .landing-feature-cashflow .money-calendar-scroll{overflow:hidden}
 .landing-v4 .landing-feature-cashflow .money-calendar-grid{gap:3px}
 .landing-v4 .landing-feature-cashflow .money-calendar-day{min-height:70px}
 .landing-v4 .landing-feature-cashflow .money-calendar-open{min-height:70px;padding:5px 2px}
 .landing-v4 .landing-feature-cashflow .calendar-day-amount,.landing-v4 .landing-feature-cashflow .calendar-day-count{display:none}
 .landing-v4 .landing-feature-cashflow .money-calendar-date>b{font-size:11px}
 .landing-v4 .landing-feature-retirement{grid-template-columns:1fr;gap:10px}
 .landing-v4 .landing-feature-retirement .retirement-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .landing-v4 .landing-retirement-outlook .retirement-outlook{padding:12px}
 .landing-v4 .landing-retirement-outlook .retirement-status-row p,
 .landing-v4 .landing-retirement-outlook .retirement-money-basis-note,
 .landing-v4 .landing-retirement-outlook .retirement-kpis article:nth-child(n+3){display:none}
 .landing-v4 .landing-retirement-outlook .retirement-status-row h3{font-size:20px}
 .landing-v4 .landing-retirement-outlook .retirement-kpis{margin-top:9px}
 .landing-v4 .landing-retirement-outlook .retirement-kpis article{padding:6px}
 .landing-v4 .landing-retirement-outlook .retirement-kpis article strong{font-size:15px}
 .landing-v4 .landing-retirement-graph .retirement-chart{height:174px}
 .landing-v4 .landing-retirement-graph .retirement-section-head p,.landing-v4 .landing-retirement-graph .retirement-assumption-line,.landing-v4 .landing-retirement-graph .retirement-dollar-controls{display:none}
 .landing-v4 .landing-retirement-graph .retirement-chart-card{padding:13px}
 .landing-v4 .landing-feature-debt{grid-template-columns:1fr}
 .landing-v4 .landing-feature-investments{padding:12px}
 .landing-v4 .landing-investment-header{margin-bottom:9px;flex-wrap:wrap}
 .landing-v4 .landing-investment-header h3{font-size:21px}
 .landing-v4 .landing-investment-stocks{grid-template-columns:1fr;gap:7px}
 .landing-v4 .landing-investment-stock{padding:10px;gap:7px;grid-template-columns:minmax(0,.7fr) minmax(0,1fr) minmax(0,.6fr)}
 .landing-v4 .landing-investment-identity span{font-size:13px}
 .landing-v4 .landing-investment-identity strong{font-size:9px}
 .landing-v4 .landing-investment-history .invest-spark svg{height:46px}
 .landing-v4 .landing-investment-value strong{font-size:12px}
 .landing-v4 .landing-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .landing-v4 .landing-connection-step{padding:14px}
 .landing-v4 .landing-connection-step h4{font-size:14px}
 .landing-v4 .landing-connection-step p{font-size:10px}
 .landing-v4 .landing-connection-note{padding:16px;display:grid;gap:10px}
 .landing-v4 .landing-connection-note button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 .landing-v4 .landing-connection-step.landing-reveal,.landing-v4 .landing-connection-note.landing-reveal{opacity:1!important;transform:none!important;transition:none!important}
}


/* Landing v6.10.3: one compact, responsive, interactive product showcase. */
.landing-v5{
  --tour-surface:#10191d;
  --tour-stroke:rgba(133,172,168,.24);
  --tour-mint:#72dfb4;
  background:radial-gradient(ellipse 75% 550px at 50% 100px,rgba(45,110,91,.14),transparent 74%),#0c1317;
  color:#f4faf8;
  overflow-x:clip;
}
.landing-v5 .landing-header{background:rgba(10,17,20,.85);backdrop-filter:blur(18px)}
.landing-v5 .landing-main-v5{display:flex;flex-direction:column;gap:clamp(44px,6vw,96px);padding:0 0 24px}
.landing-v5 #screens,.landing-v5 #system,.landing-v5 #trust{scroll-margin-top:90px}
.landing-v5 .landing-intro-v5{padding:clamp(32px,5vw,76px) 24px 0;text-align:center;max-width:1150px;margin:0 auto}
.landing-v5 .landing-intro-v5 .landing-eyebrow{color:#83e2ba;letter-spacing:.16em;font-weight:800}
.landing-v5 .landing-intro-v5 h1{margin:16px 0 17px;font-size:clamp(43px,6.4vw,96px);line-height:1.03;letter-spacing:-.059em;font-weight:850;text-wrap:balance}
.landing-v5 .landing-intro-v5 h1 em{font-style:normal;color:var(--tour-mint)}
.landing-v5 .landing-intro-v5>p{margin:0 auto;max-width:800px;color:#b8cbd0;font-size:clamp(15px,1.45vw,18px);line-height:1.55}
.landing-v5 .landing-hero-ctas-v5{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin-top:23px}
.landing-v5 .landing-hero-ctas-v5>*{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:45px;box-sizing:border-box;border-radius:10px;padding:12px 23px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s,border-color .2s,background .2s}
.landing-v5 .landing-hero-ctas-v5>*:hover{transform:translateY(-2px)}
.landing-v5 .landing-tour-link-v5{border:1px solid #3b575b;background:#152127;color:#e3f3ef}
.landing-v5 .landing-tour-link-v5:hover{background:#1f3932;border-color:#77dcb3}
.landing-v5 .landing-product-tour-v5{width:calc(100% - clamp(28px,6vw,110px));max-width:1460px;margin:calc(-1*clamp(25px,4vw,52px)) auto 0;min-width:0}
.landing-v5 .landing-tour-heading{display:flex;justify-content:space-between;align-items:end;gap:26px;margin:0 4px 17px}
.landing-v5 .landing-tour-heading .landing-eyebrow{font-size:11px;letter-spacing:.16em;color:#77dfb7}
.landing-v5 .landing-tour-heading h2{font-size:clamp(23px,2.6vw,38px);line-height:1.12;letter-spacing:-.037em;margin:5px 0 0}
.landing-v5 .landing-tour-heading>p{max-width:400px;margin:0;color:#aec4c7;font-size:13px;line-height:1.55}
.landing-v5 .landing-tour-shell{min-width:0}
.landing-v5 .landing-tour-tablist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin:0 0 12px;min-width:0}
.landing-v5 .landing-tour-tab{position:relative;display:block;min-height:52px;border:1px solid rgba(106,151,149,.2);border-radius:12px;background:#141f23;color:#b7c9ca;font-size:clamp(12px,1.15vw,15px);font-weight:740;letter-spacing:-.01em;cursor:pointer;white-space:nowrap;padding:12px 7px;transition:color .2s,background .2s,border-color .2s,transform .2s}
.landing-v5 .landing-tour-tab:hover{color:white;background:#1c302d;border-color:#4b8073}
.landing-v5 .landing-tour-tab.active{color:#e9fff2;background:linear-gradient(165deg,#214239,#172e2a);border-color:#71d8ac;box-shadow:inset 0 0 0 1px rgba(114,216,172,.10)}
.landing-v5 .landing-tour-tab:focus-visible,.landing-v5 .landing-tour-arrows button:focus-visible,.landing-v5 .landing-tour-viewport:focus-visible{outline:2px solid #83e3b9;outline-offset:3px}
.landing-v5 .landing-tour-stage{position:relative;border-radius:24px;padding:clamp(9px,1.55vw,22px);border:1px solid var(--tour-stroke);background:radial-gradient(ellipse at 14% 3%,rgba(94,211,170,.14),transparent 51%),linear-gradient(145deg,#142125,#0d161a);box-shadow:0 27px 66px rgba(0,0,0,.3);overflow:hidden;min-width:0}
.landing-v5 .landing-tour-stage::after{content:'';position:absolute;pointer-events:none;inset:auto 15px 0;height:16px;background:linear-gradient(0deg,rgba(13,22,26,.8),transparent);border-radius:22px}
.landing-v5 #landingTourDevice{min-width:0}
.landing-v5 #landingTourDevice.landing-tour-enter{animation:landing-tour-intro .58s cubic-bezier(.16,.72,.2,1) both}
@keyframes landing-tour-intro{from{opacity:.25;transform:translateY(12px) scale(.991)}to{opacity:1;transform:translateY(0) scale(1)}}
.landing-v5 .landing-tour-device{min-width:0;border-radius:17px;background:#0e171b;border:1px solid rgba(141,178,177,.22);overflow:hidden}
.landing-v5 .landing-tour-device-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid rgba(105,151,148,.2);background:rgba(9,17,19,.62)}
.landing-v5 .landing-tour-device-brand{display:flex;align-items:center;gap:10px;min-width:0}
.landing-v5 .landing-tour-device-brand img{display:block;height:35px;width:35px;object-fit:cover;border-radius:9px;border:1px solid rgba(113,152,150,.25)}
.landing-v5 .landing-tour-device-brand strong{display:block;letter-spacing:-.025em;font-size:15px;line-height:1.1}
.landing-v5 .landing-tour-device-brand strong em{font-style:normal;color:#77deb8}
.landing-v5 .landing-tour-device-brand span{display:block;color:#9db8b9;font-size:11px;margin-top:2px}
.landing-v5 .landing-tour-device-lights{display:flex;align-items:center;gap:6px}
.landing-v5 .landing-tour-device-lights i{display:block;width:8px;height:8px;border-radius:100%;background:#80dbb5}
.landing-v5 .landing-tour-device-lights i:nth-child(2){background:#dabb69}
.landing-v5 .landing-tour-device-lights i:nth-child(3){background:#d4867f}
.landing-v5 .landing-tour-viewport{position:relative;height:clamp(325px,38vw,545px);max-height:60vh;min-width:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-color:#395b57 #111d21;scrollbar-width:thin;touch-action:pan-y}
.landing-v5 .landing-tour-viewport::-webkit-scrollbar{width:8px}
.landing-v5 .landing-tour-viewport::-webkit-scrollbar-track{background:#111d21}
.landing-v5 .landing-tour-viewport::-webkit-scrollbar-thumb{background:#3b6358;border-radius:999px}
.landing-v5 .landing-tour-app-main{position:relative;width:1260px;transform-origin:top left;transform:scale(1);margin:0!important;padding:8px 12px 80px;box-sizing:border-box;overflow:visible!important;border-radius:0!important}
.landing-v5 .landing-tour-app-main button,.landing-v5 .landing-tour-app-main a,.landing-v5 .landing-tour-app-main input,.landing-v5 .landing-tour-app-main select,.landing-v5 .landing-tour-app-main textarea{pointer-events:none!important}
.landing-v5 .landing-tour-app-main>nav{margin-top:0;margin-bottom:13px}
.landing-v5 .landing-tour-app-main>.hero,.landing-v5 .landing-tour-app-main>.history-panel{box-shadow:none}
.landing-v5 .landing-tour-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 26px;padding:19px 5px 5px}
.landing-v5 .landing-tour-caption{min-width:0}
.landing-v5 .landing-tour-caption>span{display:block;color:#7ce1b9;font-size:10px;letter-spacing:.16em;font-weight:800}
.landing-v5 .landing-tour-caption h3{font-size:clamp(24px,2.3vw,33px);letter-spacing:-.032em;line-height:1.12;margin:5px 0 5px}
.landing-v5 .landing-tour-caption p{font-size:14px;line-height:1.5;color:#adbfbe;margin:0;max-width:760px}
.landing-v5 .landing-tour-foot-controls{display:flex;align-items:center;justify-content:flex-end;gap:15px;flex-wrap:wrap}
.landing-v5 .landing-tour-scroll-hint{color:#90aead;font-size:11px;white-space:nowrap}
.landing-v5 .landing-tour-count{font-variant-numeric:tabular-nums;font-size:12px;font-weight:800;color:#c7e6d8;white-space:nowrap}
.landing-v5 .landing-tour-arrows{display:flex;align-items:center;gap:9px}
.landing-v5 .landing-tour-arrows button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #46615f;background:#172a29;color:#e8f7f3;cursor:pointer;font-size:23px;transition:background .2s,transform .2s,border-color .2s}
.landing-v5 .landing-tour-arrows button:hover{background:#25473c;border-color:#74ddb5;transform:translateY(-2px)}
.landing-v5 .landing-system-v5{width:calc(100% - clamp(28px,6vw,110px));max-width:1370px;margin:0 auto;min-width:0}
.landing-v5 .landing-system-heading-v5{margin:14px 0 30px;max-width:1050px}
.landing-v5 .landing-system-heading-v5 h2{font-size:clamp(39px,5.5vw,70px);line-height:1.05;letter-spacing:-.046em;margin:9px 0 14px}
.landing-v5 .landing-system-heading-v5 h2 em{font-style:normal;color:#77ddb4}
.landing-v5 .landing-system-heading-v5>p{max-width:735px;font-size:clamp(15px,1.4vw,18px);line-height:1.6;color:#aec2c5;margin:0}
.landing-v5 .landing-system-v5 .landing-core-flow{margin-top:0}
.landing-v5 .landing-install-v5,.landing-v5 .landing-final-v5,.landing-v5 .landing-security-v5{margin-left:clamp(14px,3vw,55px);margin-right:clamp(14px,3vw,55px)}
.landing-v5 .landing-security-v5{margin-top:0}
.landing-v5 .landing-v5-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}
.landing-v5 .landing-v5-reveal.landing-v5-visible{opacity:1;transform:none}
@media(max-width:950px){
  .landing-v5 .landing-tour-heading{align-items:start;flex-direction:column;gap:5px}
  .landing-v5 .landing-tour-heading>p{max-width:700px}
  .landing-v5 .landing-tour-tablist{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:0 0 9px;scrollbar-width:thin}
  .landing-v5 .landing-tour-tab{flex:0 0 145px;min-height:45px;scroll-snap-align:start}
  .landing-v5 .landing-tour-foot{grid-template-columns:1fr;gap:13px}
  .landing-v5 .landing-tour-foot-controls{justify-content:space-between}
}
@media(max-width:640px){
  .landing-v5 .landing-main-v5{gap:53px}
  .landing-v5 .landing-intro-v5{padding:26px 16px 0}
  .landing-v5 .landing-intro-v5 h1{font-size:clamp(38px,10vw,51px);line-height:1.04;letter-spacing:-.052em;margin:12px 0}
  .landing-v5 .landing-intro-v5>p{font-size:14px;line-height:1.55}
  .landing-v5 .landing-hero-ctas-v5{margin-top:19px;gap:9px}
  .landing-v5 .landing-hero-ctas-v5>*{font-size:13px;min-height:43px;padding:10px 16px}
  .landing-v5 .landing-product-tour-v5{width:calc(100% - 28px);margin-top:-32px}
  .landing-v5 .landing-tour-heading{margin-bottom:12px}
  .landing-v5 .landing-tour-heading h2{font-size:24px}
  .landing-v5 .landing-tour-heading>p{font-size:12px}
  .landing-v5 .landing-tour-tablist{margin-bottom:7px}
  .landing-v5 .landing-tour-tab{flex-basis:132px;min-height:43px;font-size:12px}
  .landing-v5 .landing-tour-stage{padding:7px;border-radius:19px}
  .landing-v5 .landing-tour-device{border-radius:13px}
  .landing-v5 .landing-tour-device-bar{padding:8px 10px}
  .landing-v5 .landing-tour-device-brand img{height:28px;width:28px}
  .landing-v5 .landing-tour-device-brand strong{font-size:12px}
  .landing-v5 .landing-tour-device-brand span{font-size:9px}
  .landing-v5 .landing-tour-device-lights{gap:4px}
  .landing-v5 .landing-tour-device-lights i{height:6px;width:6px}
  .landing-v5 .landing-tour-viewport{height:320px;max-height:none}
  .landing-v5 .landing-tour-app-main{padding:5px 8px 40px}
  .landing-v5 .landing-tour-foot{padding:14px 1px 0;gap:10px}
  .landing-v5 .landing-tour-caption h3{font-size:25px}
  .landing-v5 .landing-tour-caption p{font-size:12px}
  .landing-v5 .landing-tour-scroll-hint{font-size:10px;white-space:normal}
  .landing-v5 .landing-tour-arrows button{height:38px;width:38px;font-size:21px}
  .landing-v5 .landing-system-v5{width:calc(100% - 28px)}
  .landing-v5 .landing-system-heading-v5{margin-bottom:20px}
  .landing-v5 .landing-system-heading-v5 h2{font-size:39px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v5 #landingTourDevice.landing-tour-enter{animation:none!important}
  .landing-v5 .landing-v5-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .landing-v5 .landing-tour-tab,.landing-v5 .landing-tour-arrows button,.landing-v5 .landing-hero-ctas-v5>*{transition:none!important}
}

/* Landing page 6.10.3: one editorial product tour, focused authentic screens. */
.landing-v6{overflow-x:clip}
.landing-v6 .landing-main-v5{gap:clamp(42px,5.5vw,78px)}
.landing-v6 .landing-header-v4 .landing-header-inner .landing-nav{display:flex;align-items:center;gap:clamp(10px,1vw,19px)}
.landing-v6 .landing-header-v4 .landing-nav>a,
.landing-v6 .landing-header-v4 .landing-nav>button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;line-height:1.2;min-height:39px;box-sizing:border-box;margin:0}
.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav{padding:8px 12px;min-height:39px}
.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav *{vertical-align:middle}
.landing-v6 .landing-intro-v5{padding-top:clamp(26px,4vw,55px)}
.landing-v6 .landing-intro-v5 h1{font-size:clamp(42px,6.1vw,84px);margin:9px 0 12px;line-height:1.015}
.landing-v6 .landing-intro-v5>p{max-width:700px;font-size:clamp(14px,1.4vw,17px);line-height:1.55}
.landing-v6 .landing-hero-ctas-v5{margin-top:21px}
.landing-v6 .landing-product-tour-v5{margin-top:calc(-1 * clamp(24px,4.1vw,56px))}
.landing-v6 .landing-tour-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}
.landing-v6 .landing-tour-heading>p{font-size:13px;color:#9fb8bc;max-width:none;text-align:right}
.landing-v6 .landing-tour-tablist{margin-bottom:11px;gap:7px}
.landing-v6 .landing-tour-tab{min-height:48px}
.landing-v6 .landing-tour-stage{padding:clamp(10px,1.5vw,17px);overflow:hidden}
.landing-v6 .landing-tour-stage-bar{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;flex-wrap:wrap;padding:3px 4px 13px}
.landing-v6 .landing-tour-stage-bar-label{display:flex;gap:8px;align-items:center;white-space:nowrap}
.landing-v6 .landing-tour-stage-bar-label>span{font-size:10px;letter-spacing:.13em;color:#74d5b0;font-weight:800}
.landing-v6 .landing-tour-stage-bar-label strong{font-size:12px;color:#d1e3e0;font-weight:600}
.landing-v6 .landing-tour-stage-actions{display:flex;align-items:center;justify-content:flex-end;gap:11px;flex-wrap:wrap}
.landing-v6 .landing-tour-focus{display:flex;align-items:center;gap:5px;border:1px solid #39514d;border-radius:10px;padding:3px;background:#101d20}
.landing-v6 .landing-tour-focus button{border:0;background:transparent;color:#a8c1c0;font-size:12px;padding:8px 13px;border-radius:7px;cursor:pointer;white-space:nowrap}
.landing-v6 .landing-tour-focus button.active{background:#24483e;color:#e5fff2}
.landing-v6 .landing-tour-blur{display:flex;align-items:center;justify-content:center;gap:8px;min-height:38px;padding:8px 14px;color:#e4f5ef;font-size:12px;font-weight:650;background:#14272a;border:1px solid #436a60;border-radius:10px;cursor:pointer;white-space:nowrap}
.landing-v6 .landing-tour-blur[aria-pressed="true"]{background:#234b3d;color:#91f7c5;border-color:#65daa6}
.landing-v6 .landing-tour-blur svg{width:16px;height:16px;display:block}
.landing-v6 .landing-tour-blur:focus-visible,.landing-v6 .landing-tour-focus button:focus-visible,.landing-v6 .landing-feature-card button:focus-visible{outline:2px solid #7de4b7;outline-offset:3px}
.landing-v6 .landing-tour-device{border-color:#395650}
.landing-v6 .landing-tour-device-bar{min-height:49px;box-sizing:border-box;padding:9px 14px}
.landing-v6 .landing-tour-device-actions{display:flex;gap:14px;align-items:center}
.landing-v6 .landing-tour-sample-label{font-size:9px;letter-spacing:.14em;font-weight:800;color:#789f9a}
/* The real view is positioned inside a fixed viewport, not scaled in flow. This
   prevents its 4000+ px document height from creating blank page scroll. */
.landing-v6 .landing-tour-viewport{position:relative;height:clamp(310px,36vw,485px);max-height:none;min-width:0;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#51766d #152126;-webkit-overflow-scrolling:touch}
.landing-v6 .landing-tour-scroll-track{height:0;pointer-events:none}
.landing-v6 .landing-tour-viewport:focus-visible{outline:2px solid #83e3b9;outline-offset:2px}
.landing-v6 .landing-tour-viewport::-webkit-scrollbar{width:8px}
.landing-v6 .landing-tour-viewport::-webkit-scrollbar-track{background:#152126}
.landing-v6 .landing-tour-viewport::-webkit-scrollbar-thumb{background:#51766d;border-radius:99px}
.landing-v6 .landing-tour-app-main{position:absolute!important;top:0;left:0;width:100%;padding:5px 9px 24px;box-sizing:border-box;transform:none!important;margin:0!important;overflow:visible!important;max-width:none!important;border:0!important}
.landing-v6 .landing-tour-app-main>nav{display:none}
.landing-v6 .landing-tour-app-main>.category-overview,.landing-v6 .landing-tour-app-main>.money-calendar{margin-top:0}
.landing-v6 .landing-tour-app-main .invest-table-wrap{overflow:hidden;scrollbar-width:none}
.landing-v6 .landing-tour-app-main .invest-table-wrap::-webkit-scrollbar{display:none}
.landing-v6 .landing-tour-app-main .retirement-page{margin:0}
.landing-v6 .landing-tour-masked .landing-tour-masked-value{filter:blur(7px);user-select:none;pointer-events:none}
.landing-v6 .landing-tour-masked svg text.landing-tour-masked-value{filter:blur(6px)}
.landing-v6 .landing-tour-masked .landing-tour-masked-input{filter:blur(6px)}
.landing-v6 .landing-tour-foot{align-items:center;padding:15px 7px 0;gap:16px}
.landing-v6 .landing-tour-caption h3{font-size:clamp(25px,2.5vw,36px)}
.landing-v6 .landing-tour-disclaimer{margin:10px 4px 0;color:#89a4a2;font-size:11px;text-align:center}
.landing-v6 .landing-tour-count{font-size:13px}
.landing-v6 .landing-tour-arrows button{min-width:41px}
/* Rebuild the connected-system section into a compact meaningful flow. */
.landing-v6 .landing-system-v6,.landing-v6 .landing-feature-spotlight,.landing-v6 .landing-install-v5,.landing-v6 .landing-security-v5,.landing-v6 .landing-final-v5{width:calc(100% - clamp(28px,6vw,110px));max-width:1370px;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box;min-width:0}
.landing-v6 .landing-system-v6{padding:clamp(22px,3.6vw,46px);border-radius:26px;border:1px solid rgba(110,153,149,.24);background:radial-gradient(ellipse 70% 90% at 50% 0%,rgba(66,134,108,.12),transparent),#121d20}
.landing-v6 .landing-system-heading-v6{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.8fr);align-items:end;gap:26px}
.landing-v6 .landing-system-heading-v6 h2{margin:9px 0 0;font-size:clamp(38px,5.1vw,70px);line-height:1.03;letter-spacing:-.047em}
.landing-v6 .landing-system-heading-v6 h2 em{font-style:normal;color:#76ddb3}
.landing-v6 .landing-system-heading-v6>p{margin:0 0 7px;max-width:530px;font-size:clamp(14px,1.37vw,17px);color:#b6cacc;line-height:1.65}
.landing-v6 .landing-system-rail{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:9px;margin:35px 0 17px;padding:13px;border:1px solid rgba(109,147,140,.23);border-radius:19px;background:#0d171a}
.landing-v6 .landing-system-step{display:flex;flex-direction:column;justify-content:center;min-height:127px;padding:21px clamp(10px,2.3vw,32px);border-radius:13px;transition:background .35s}
.landing-v6 .landing-system-step:nth-of-type(2){background:linear-gradient(135deg,rgba(52,116,90,.26),rgba(39,80,76,.12));border:1px solid rgba(99,172,135,.28)}
.landing-v6 .landing-system-step>span{font-size:11px;font-weight:800;letter-spacing:.15em;color:#8ae2b9}
.landing-v6 .landing-system-step>strong{font-size:clamp(16px,2vw,25px);line-height:1.15;letter-spacing:-.022em;margin:11px 0 7px}
.landing-v6 .landing-system-step>small{font-size:12px;color:#8faeae}
.landing-v6 .landing-system-rail>i{font-size:20px;font-style:normal;color:#6aaf93}
.landing-v6 .landing-system-closer{display:flex;gap:13px;align-items:center;justify-content:center;padding:13px 14px;color:#adc7c8;text-align:center}
.landing-v6 .landing-system-closer p{margin:0;font-size:13px;line-height:1.55}
.landing-v6 .landing-system-closer b{color:#e5f5f0}
.landing-v6 .landing-system-pulse{display:block;flex:none;width:8px;height:8px;border-radius:50%;background:#70e5b3;box-shadow:0 0 0 6px rgba(91,218,169,.13)}
.landing-v6 .landing-feature-heading{text-align:center;margin:0 auto 22px;max-width:890px}
.landing-v6 .landing-feature-heading h2{margin:12px 0;font-size:clamp(41px,5.3vw,68px);line-height:1.04;letter-spacing:-.048em}
.landing-v6 .landing-feature-heading h2 em{font-style:normal;color:#75dab3}
.landing-v6 .landing-feature-heading>p{margin:0;color:#a9bdbf;font-size:16px}
.landing-v6 .landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.landing-v6 .landing-feature-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(20px,2.6vw,31px);min-height:284px;box-sizing:border-box;min-width:0;border-radius:22px;border:1px solid rgba(108,148,145,.24);background:linear-gradient(150deg,#172729,#101b1f);transition:transform .25s,border-color .25s}
.landing-v6 .landing-feature-card:hover{transform:translateY(-4px);border-color:#4a927a}
.landing-v6 .landing-feature-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;border:1px solid #3b7866;background:#1f4437;color:#85efba;font-size:25px;margin-bottom:20px}
.landing-v6 .landing-feature-kicker{font-size:10px;letter-spacing:.14em;font-weight:800;color:#87dabc}
.landing-v6 .landing-feature-card h3{margin:7px 0 10px;font-size:clamp(22px,2.1vw,28px);line-height:1.14;letter-spacing:-.035em}
.landing-v6 .landing-feature-card p{margin:0 0 22px;color:#b4c8c6;font-size:14px;line-height:1.6}
.landing-v6 .landing-feature-card button{margin-top:auto;display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#85e7bc;font-weight:750;font-size:13px;padding:7px 0;cursor:pointer;text-align:left}
.landing-v6 .landing-feature-card button span{font-size:17px;transition:transform .2s}
.landing-v6 .landing-feature-card button:hover span{transform:translate(2px,-2px)}
/* App and Security now share the same page grid and left edge. */
.landing-v6 .landing-install-v5{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:40px;padding:clamp(20px,3vw,42px);border-radius:25px}
.landing-v6 .landing-install-v5 .landing-install-visual{min-width:0}
.landing-v6 .landing-install-v5 .landing-install-copy{min-width:0}
.landing-v6 .landing-security-v5{padding:clamp(20px,3.2vw,42px);border:1px solid rgba(105,150,146,.22);border-radius:25px;background:#121d20}
.landing-v6 .landing-security-v5 .compact-trust-head{display:flex;align-items:end;justify-content:space-between;gap:25px}
.landing-v6 .landing-security-v5 .compact-trust-head>div:first-child{flex:1;min-width:0}
.landing-v6 .landing-security-v5 .compact-trust-head>div:first-child p{max-width:880px}
.landing-v6 .landing-security-v5 .compact-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.landing-v6 #screens,.landing-v6 #system,.landing-v6 #features,.landing-v6 #install-app,.landing-v6 #trust{scroll-margin-top:96px}
@media(max-width:1000px){
  .landing-v6 .landing-header-v4 .landing-nav{gap:8px}
  .landing-v6 .landing-system-heading-v6{grid-template-columns:1fr}
  .landing-v6 .landing-system-heading-v6>p{max-width:780px}
  .landing-v6 .landing-feature-grid{grid-template-columns:1fr 1fr}
  .landing-v6 .landing-feature-card:last-child{grid-column:1/-1;min-height:210px}
  .landing-v6 .landing-security-v5 .compact-trust-head{align-items:start;flex-direction:column}
}
@media(max-width:700px){
  .landing-v6 .landing-main-v5{gap:42px}
  .landing-v6 .landing-intro-v5{padding:25px 16px 0}
  .landing-v6 .landing-intro-v5 h1{font-size:clamp(37px,9.8vw,50px);line-height:1.06;margin:10px 0}
  .landing-v6 .landing-intro-v5>p{font-size:14px}
  .landing-v6 .landing-product-tour-v5{margin-top:-22px;width:calc(100% - 26px)}
  .landing-v6 .landing-tour-heading{flex-direction:column;align-items:start;gap:4px}
  .landing-v6 .landing-tour-heading>p{font-size:11px;text-align:left}
  .landing-v6 .landing-tour-stage{padding:7px;border-radius:18px}
  .landing-v6 .landing-tour-stage-bar{padding:7px 5px 9px;align-items:start}
  .landing-v6 .landing-tour-stage-bar-label{display:none}
  .landing-v6 .landing-tour-stage-actions{width:100%;justify-content:space-between;gap:8px}
  .landing-v6 .landing-tour-focus{max-width:100%;gap:3px;min-width:0}
  .landing-v6 .landing-tour-focus button{font-size:10px;padding:8px 7px}
  .landing-v6 .landing-tour-blur{min-height:34px;padding:6px 9px;font-size:10px;gap:5px}
  .landing-v6 .landing-tour-device-bar{min-height:43px;padding:7px 9px}
  .landing-v6 .landing-tour-sample-label{display:none}
  .landing-v6 .landing-tour-viewport{height:clamp(285px,87vw,360px)}
  .landing-v6 .landing-tour-app-main{padding:3px 4px 14px}
  .landing-v6 .landing-tour-foot{gap:9px;padding:12px 2px 0}
  .landing-v6 .landing-tour-caption h3{font-size:24px}
  .landing-v6 .landing-tour-caption p{font-size:12px}
  .landing-v6 .landing-tour-disclaimer{font-size:10px;line-height:1.5}
  .landing-v6 .landing-system-v6,.landing-v6 .landing-feature-spotlight,.landing-v6 .landing-install-v5,.landing-v6 .landing-security-v5,.landing-v6 .landing-final-v5{width:calc(100% - 26px)}
  .landing-v6 .landing-system-v6{padding:19px 15px;border-radius:20px}
  .landing-v6 .landing-system-heading-v6 h2{font-size:clamp(36px,10vw,51px)}
  .landing-v6 .landing-system-heading-v6>p{font-size:14px}
  .landing-v6 .landing-system-rail{grid-template-columns:1fr;gap:3px;padding:10px 12px;margin:21px 0 5px}
  .landing-v6 .landing-system-rail>i{display:none}
  .landing-v6 .landing-system-step{min-height:auto;padding:14px 15px;border-left:2px solid #3a7a61}
  .landing-v6 .landing-system-step>strong{font-size:18px;margin:6px 0 3px}
  .landing-v6 .landing-system-closer{align-items:flex-start;text-align:left}
  .landing-v6 .landing-feature-heading h2{font-size:40px}
  .landing-v6 .landing-feature-grid{grid-template-columns:1fr;gap:10px}
  .landing-v6 .landing-feature-card,.landing-v6 .landing-feature-card:last-child{grid-column:auto;min-height:0;padding:21px}
  .landing-v6 .landing-feature-icon{margin-bottom:14px}
  .landing-v6 .landing-install-v5{grid-template-columns:1fr;gap:16px;padding:18px}
  .landing-v6 .landing-security-v5{padding:20px 16px}
  .landing-v6 .landing-security-v5 .compact-trust-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-feature-card,.landing-v6 .landing-feature-card button span{transition:none}
}

/* Small-screen alignment and a fuller chart-focused view. */
@media(max-width:700px){
  .landing-v6 .landing-header-v4 .landing-nav>a,.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav{display:none!important}
  .landing-v6 .landing-header-v4 .landing-nav{gap:7px!important}
  .landing-v6 .landing-header-v4 .landing-header-inner{width:calc(100% - 24px);gap:8px}
  .landing-v6 .landing-header-v4 .landing-login,.landing-v6 .landing-header-v4 .landing-primary{min-height:36px;padding:8px!important;font-size:11px}
  .landing-v6 .landing-header-v4 .landing-brand span{font-size:14px}
  .landing-v6 .landing-tour-viewport{height:390px}
}


/* Landing campaign v6.10.4: typography-led, with no invented product imagery. */
.landing-v6 .landing-king-campaign{
  isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;
  justify-content:space-between;min-height:clamp(460px,48vw,660px);
  width:calc(100% - clamp(28px,6vw,110px));max-width:1370px;min-width:0;
  margin:0 auto!important;box-sizing:border-box;padding:clamp(24px,4.4vw,58px);
  border:1px solid rgba(116,196,163,.34);border-radius:27px;
  background:radial-gradient(ellipse 75% 120% at 95% 52%,rgba(48,131,103,.27) 0,transparent 70%),
             radial-gradient(ellipse 75% 95% at 0 5%,rgba(32,68,80,.36),transparent 77%),#091316;
  box-shadow:0 30px 100px rgba(0,0,0,.34),inset 0 1px rgba(198,255,225,.09);
}
.landing-v6 .landing-king-campaign::before{
  content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(139,227,186,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(139,227,186,.035) 1px,transparent 1px);
  background-size:64px 64px;opacity:.5;
  mask-image:linear-gradient(115deg,transparent 12%,#000 100%);
  -webkit-mask-image:linear-gradient(115deg,transparent 12%,#000 100%);
}
.landing-v6 .landing-king-campaign::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  width:70%;height:165%;left:-90%;top:-30%;transform:rotate(17deg);
  background:linear-gradient(90deg,transparent 25%,rgba(125,250,204,.09) 50%,transparent 75%);
  animation:landingKingSweep 10s ease-in-out infinite;
}
@keyframes landingKingSweep{0%,13%{left:-90%;opacity:0}20%{opacity:.65}63%{left:125%;opacity:.8}76%,100%{left:125%;opacity:0}}
.landing-v6 .landing-king-chrome{display:flex;align-items:center;gap:12px;color:#85bca7;font-size:10px;font-weight:800;letter-spacing:.18em;position:relative;z-index:1}
.landing-v6 .landing-king-indicator{display:block;width:7px;height:7px;border-radius:50%;background:#76e5b9;box-shadow:0 0 0 5px rgba(118,229,185,.12),0 0 15px rgba(118,229,185,.4);flex:none}
.landing-v6 .landing-king-chrome-right{margin-left:auto;font-variant-numeric:tabular-nums;white-space:nowrap;color:#719b8e}
.landing-v6 .landing-king-content{position:relative;z-index:1;max-width:1190px;margin:20px 0 24px}
.landing-v6 .landing-king-eyebrow{display:block;margin:0 0 18px;font-size:clamp(10px,1vw,12px);letter-spacing:.24em;font-weight:850;color:#8ae8bc}
.landing-v6 .landing-king-content h2{margin:0;font-family:var(--wmd-font-ui);line-height:.92;letter-spacing:-.07em;font-weight:900;text-wrap:balance}
.landing-v6 .landing-king-lead{display:block;font-size:clamp(53px,8.6vw,136px);color:#f5fcfa}
.landing-v6 .landing-king-content h2 strong{display:block;margin-top:13px;font-weight:850;font-size:clamp(35px,5.1vw,80px);letter-spacing:-.065em;color:#e5eeeb;line-height:.99}
.landing-v6 .landing-king-content h2 em{font-style:normal;color:#79e2b8;text-shadow:0 0 44px rgba(81,230,165,.21)}
.landing-v6 .landing-king-content>p{max-width:730px;margin:23px 0 22px;color:#aecac5;font-size:clamp(15px,1.4vw,20px);line-height:1.6}
.landing-v6 .landing-king-cta{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:49px;padding:12px 20px;border-radius:10px;background:#66d9ab;color:#081812!important;text-decoration:none;font-size:14px;font-weight:850;border:1px solid #8aefc4;transition:transform .22s ease,background .22s ease,box-shadow .22s ease}
.landing-v6 .landing-king-cta:hover{transform:translateY(-2px);background:#90ecc7;box-shadow:0 8px 26px rgba(99,224,171,.21)}
.landing-v6 .landing-king-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
.landing-v6 .landing-king-footer{position:relative;z-index:1;display:flex;align-items:center;gap:15px;border-top:1px solid rgba(130,210,178,.23);padding-top:21px;font-size:10px;letter-spacing:.18em;font-weight:850;color:#91b7a9}
.landing-v6 .landing-king-footer>i{display:block;height:1px;width:30px;background:#4a8772}
.landing-v6 .landing-king-frequency{display:flex;align-items:center;gap:3px;height:23px;margin-left:auto}
.landing-v6 .landing-king-frequency b{display:block;width:3px;height:35%;background:#76e0b2;border-radius:5px;transform-origin:bottom;animation:landingKingFrequency 1.5s ease-in-out infinite alternate;opacity:.78}
.landing-v6 .landing-king-frequency b:nth-child(3n){height:75%;animation-delay:-.65s}
.landing-v6 .landing-king-frequency b:nth-child(4n){height:45%;animation-delay:-1.1s}
.landing-v6 .landing-king-frequency b:nth-child(5n){height:100%;animation-delay:-.25s}
@keyframes landingKingFrequency{from{transform:scaleY(.45);opacity:.38}to{transform:scaleY(1);opacity:1}}
.landing-v6 .landing-king-campaign.landing-v5-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
@media(max-width:850px){
  .landing-v6 .landing-king-campaign{min-height:480px;padding:30px 24px}
  .landing-v6 .landing-king-chrome-right{display:none}
  .landing-v6 .landing-king-lead{font-size:clamp(50px,11vw,90px)}
  .landing-v6 .landing-king-content h2 strong{font-size:clamp(32px,6.3vw,54px)}
}
@media(max-width:600px){
  .landing-v6 .landing-king-campaign{width:calc(100% - 26px);min-height:430px;padding:24px 19px;border-radius:19px}
  .landing-v6 .landing-king-chrome{font-size:8px;letter-spacing:.11em;gap:9px}
  .landing-v6 .landing-king-eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:13px}
  .landing-v6 .landing-king-lead{font-size:clamp(46px,13.3vw,73px);letter-spacing:-.075em}
  .landing-v6 .landing-king-content h2 strong{font-size:clamp(30px,8vw,43px);margin-top:8px;line-height:1.02}
  .landing-v6 .landing-king-content>p{margin:17px 0;font-size:14px;line-height:1.5}
  .landing-v6 .landing-king-footer{gap:9px;padding-top:14px;font-size:9px;letter-spacing:.11em}
  .landing-v6 .landing-king-footer>i{width:13px}
  .landing-v6 .landing-king-frequency{display:none}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-king-campaign::after,.landing-v6 .landing-king-frequency b{animation:none!important}
  .landing-v6 .landing-king-cta{transition:none}
}

/* Landing campaign carousel v6.10.9, responsive typographic slides and accessible controls. */
.landing-v6 .landing-king-campaign{gap:12px;min-height:clamp(505px,48vw,690px);transition:background .5s ease}
.landing-v6 .landing-king-brand{display:flex;align-items:center;gap:12px;min-width:0}
.landing-v6 .landing-king-stage{min-width:0;flex:1 1 auto;display:flex;align-items:center;max-width:100%}
.landing-v6 .landing-king-slide{width:100%;min-width:0;padding:18px 0 24px;transform-origin:center left}
.landing-v6 .landing-king-slide.landing-king-enter{animation:kingSlideIn .55s cubic-bezier(.2,.7,.2,1) both}
.landing-v6 .landing-king-slide.landing-king-enter-reverse{animation:kingSlideInReverse .55s cubic-bezier(.2,.7,.2,1) both}
@keyframes kingSlideIn{from{opacity:0;transform:translateX(38px);filter:blur(7px)}to{opacity:1;transform:translateX(0);filter:none}}
@keyframes kingSlideInReverse{from{opacity:0;transform:translateX(-38px);filter:blur(7px)}to{opacity:1;transform:translateX(0);filter:none}}
.landing-v6 .landing-king-slide .landing-king-lead{font-size:clamp(43px,7.4vw,112px);line-height:.96;letter-spacing:-.07em;overflow-wrap:normal}
.landing-v6 .landing-king-slide h2 strong{font-size:clamp(32px,4.7vw,74px);line-height:1.05;overflow-wrap:normal}
.landing-v6 .landing-king-slide p{max-width:800px;margin:24px 0 18px;color:#bcd2ce;font-size:clamp(15px,1.35vw,20px);line-height:1.6}
.landing-v6 .landing-king-slide .landing-king-cta{margin-top:5px;white-space:normal;text-align:center}
.landing-v6 .landing-king-slide.landing-king-theme-know .landing-king-lead,
.landing-v6 .landing-king-slide.landing-king-theme-tool .landing-king-lead,
.landing-v6 .landing-king-slide.landing-king-theme-first-dollar .landing-king-lead,
.landing-v6 .landing-king-slide.landing-king-theme-freedom .landing-king-lead{font-size:clamp(35px,5.8vw,90px)}
.landing-v6 .landing-king-slide.landing-king-theme-action .landing-king-lead,
.landing-v6 .landing-king-slide.landing-king-theme-incentives .landing-king-lead{font-size:clamp(37px,6.5vw,99px)}
.landing-v6 .landing-king-slide.landing-king-theme-first-dollar h2 strong em,
.landing-v6 .landing-king-slide.landing-king-theme-century h2 strong em{color:#e9c477;text-shadow:0 0 36px rgba(242,187,77,.16)}
.landing-v6 .landing-king-slide.landing-king-theme-freedom h2 strong em{color:#8dbaf3}
.landing-v6 .landing-king-controls{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:13px 0;border-top:1px solid rgba(116,196,163,.25)}
.landing-v6 .landing-king-swipe-hint{font-size:10px;white-space:nowrap;color:#8cb7a5;letter-spacing:.11em;font-weight:800}
.landing-v6 .landing-king-swipe-hint span{font-size:17px;color:#c1e7d6}
.landing-v6 .landing-king-dots{display:flex;align-items:center;justify-content:center;gap:3px;min-width:0;flex:1 1 220px}
.landing-v6 .landing-king-dot{width:25px;height:34px;padding:0 2px;background:transparent;border:0;display:flex;align-items:center;cursor:pointer}
.landing-v6 .landing-king-dot span{height:4px;width:100%;border-radius:10px;background:#476359;transition:background .22s ease,height .22s ease,box-shadow .22s ease}
.landing-v6 .landing-king-dot.active span{height:5px;background:#85e4bb;box-shadow:0 0 12px rgba(104,236,177,.26)}
.landing-v6 .landing-king-dot:hover span{background:#afe4cc}
.landing-v6 .landing-king-nav{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.landing-v6 .landing-king-counter{color:#b6ccc2;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums;margin-right:4px;white-space:nowrap}
.landing-v6 .landing-king-nav button{height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;color:#e1f0e8;border:1px solid rgba(144,196,171,.33);border-radius:10px;background:#162824;cursor:pointer;font-size:18px;transition:background .18s,border-color .18s}
.landing-v6 .landing-king-nav button:hover{background:#265545;border-color:#86dbb3}
.landing-v6 .landing-king-nav .landing-king-play-toggle{font-size:15px;color:#83e2b8}
.landing-v6 .landing-king-campaign button:focus-visible,.landing-v6 .landing-king-campaign a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.landing-v6 .landing-king-footer{border-top:0;padding-top:4px}
.landing-v6 .landing-king-screen-reader{position:absolute!important;height:1px;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.landing-v6 .landing-king-timeline{display:flex;align-items:stretch;gap:15px;margin:14px 0 0;max-width:760px}
.landing-v6 .landing-king-timeline article{min-width:0;flex:1;padding:12px 15px;border:1px solid rgba(185,198,130,.35);border-radius:11px;background:rgba(27,52,47,.74)}
.landing-v6 .landing-king-timeline article span{display:block;font-size:10px;letter-spacing:.12em;color:#b7cdac;font-weight:750}
.landing-v6 .landing-king-timeline article strong{display:block;margin-top:6px;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.6vw,34px);color:#edc785;letter-spacing:-.045em}
.landing-v6 .landing-king-timeline>i{align-self:center;color:#a5c1ad;font-size:20px;font-style:normal}
.landing-v6 .landing-king-math{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin:16px 0 0;max-width:830px}
.landing-v6 .landing-king-math article{padding:13px 19px;border:1px solid rgba(134,179,159,.38);border-radius:14px;background:rgba(16,35,34,.8);min-width:0}
.landing-v6 .landing-king-math article span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#b5c9bf}
.landing-v6 .landing-king-math article strong{display:block;margin:2px 0;font-size:clamp(34px,4.3vw,61px);color:#e6eee9;letter-spacing:-.045em;font-variant-numeric:tabular-nums}
.landing-v6 .landing-king-math article small{display:block;font-size:11px;line-height:1.45;color:#adbfb8}
.landing-v6 .landing-king-math .landing-king-math-grow{border-color:rgba(219,179,110,.55)}
.landing-v6 .landing-king-math .landing-king-math-grow strong{color:#edc785}
.landing-v6 .landing-king-math-vs{font-weight:850;font-size:12px;letter-spacing:.12em;color:#b1c8bd}
.landing-v6 .landing-king-math-note{display:block;max-width:860px;margin:10px 0;font-size:10px;color:#adc6bb;line-height:1.48}
.landing-v6 .landing-king-theme-first-dollar .landing-king-cta,.landing-v6 .landing-king-theme-century .landing-king-cta{margin-top:11px}
@media(max-width:820px){
 .landing-v6 .landing-king-controls{justify-content:center}
 .landing-v6 .landing-king-swipe-hint{display:none}
 .landing-v6 .landing-king-dots{order:2;flex-basis:100%}
 .landing-v6 .landing-king-nav{order:1;width:100%;justify-content:space-between}
 .landing-v6 .landing-king-dot{width:30px;max-width:10%}
}
@media(max-width:600px){
 .landing-v6 .landing-king-campaign{min-height:530px;gap:8px;padding:21px 16px}
 .landing-v6 .landing-king-slide{padding:12px 0}
 .landing-v6 .landing-king-slide .landing-king-lead{font-size:clamp(34px,10.2vw,51px);line-height:1.02}
 .landing-v6 .landing-king-slide h2 strong{font-size:clamp(29px,8.15vw,39px);line-height:1.07}
 .landing-v6 .landing-king-slide.landing-king-theme-know .landing-king-lead,
 .landing-v6 .landing-king-slide.landing-king-theme-tool .landing-king-lead,
 .landing-v6 .landing-king-slide.landing-king-theme-first-dollar .landing-king-lead,
 .landing-v6 .landing-king-slide.landing-king-theme-freedom .landing-king-lead{font-size:clamp(30px,8.9vw,42px)}
 .landing-v6 .landing-king-slide.landing-king-theme-action .landing-king-lead,
 .landing-v6 .landing-king-slide.landing-king-theme-incentives .landing-king-lead{font-size:clamp(31px,9.1vw,45px)}
 .landing-v6 .landing-king-slide p{margin:15px 0 13px;font-size:13px;line-height:1.53}
 .landing-v6 .landing-king-eyebrow{font-size:8px;letter-spacing:.13em}
 .landing-v6 .landing-king-slide .landing-king-cta{font-size:12px;min-height:42px;padding:10px 13px}
 .landing-v6 .landing-king-timeline{gap:6px}
 .landing-v6 .landing-king-timeline>i{font-size:13px}
 .landing-v6 .landing-king-timeline article{padding:9px 6px;border-radius:9px}
 .landing-v6 .landing-king-timeline article span{font-size:8px;letter-spacing:0}
 .landing-v6 .landing-king-timeline article strong{font-size:19px}
 .landing-v6 .landing-king-math{gap:5px;grid-template-columns:minmax(0,1fr) 17px minmax(0,1fr)}
 .landing-v6 .landing-king-math article{padding:10px 8px}
 .landing-v6 .landing-king-math article span{font-size:8px;letter-spacing:0}
 .landing-v6 .landing-king-math article strong{font-size:clamp(29px,8vw,39px)}
 .landing-v6 .landing-king-math article small{font-size:9px}
 .landing-v6 .landing-king-math-vs{font-size:10px}
 .landing-v6 .landing-king-math-note{font-size:9px;line-height:1.4}
 .landing-v6 .landing-king-dots{gap:0}
 .landing-v6 .landing-king-counter{font-size:11px}
 .landing-v6 .landing-king-nav button{height:35px;min-width:35px}
 .landing-v6 .landing-king-footer{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .landing-v6 .landing-king-slide.landing-king-enter,
 .landing-v6 .landing-king-slide.landing-king-enter-reverse{animation:none!important;filter:none!important;transform:none!important}
 .landing-v6 .landing-king-dot span,.landing-v6 .landing-king-nav button{transition:none!important}
}



/* Landing v6.10.9: readable product eyebrow on desktop and phone. */
.landing-v6 .landing-intro-v5 .landing-eyebrow{
  font-size:clamp(12px,1.15vw,15px);
  line-height:1.35;
  letter-spacing:.14em;
  font-weight:900;
}
@media(max-width:600px){
  .landing-v6 .landing-intro-v5 .landing-eyebrow{font-size:12.5px;letter-spacing:.115em}
}


/* 6.10.9 - inspect each Monthly Money Mix category on hover or keyboard focus. */
.money-mix-tooltip{
  --cat:#79dfbb;
  position:fixed;
  z-index:11000;
  pointer-events:none;
  width:min(315px,calc(100vw - 24px));
  max-height:min(350px,calc(100dvh - 24px));
  overflow:hidden;
  padding:13px 14px 10px;
  border:1px solid color-mix(in srgb,var(--cat) 45%,#4b5e63);
  border-radius:13px;
  color:#eef8f3;
  background:linear-gradient(150deg,#1d292c,#111a1e);
  box-shadow:0 20px 46px rgba(0,0,0,.45),inset 0 1px rgba(255,255,255,.05);
  animation:moneyMixTooltipIn .14s ease-out;
}
.money-mix-tooltip[hidden]{display:none!important}
.money-mix-tooltip-head{display:flex;align-items:center;gap:10px;min-width:0}
.money-mix-tooltip-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:9px;background:color-mix(in srgb,var(--cat) 15%,#18242a);font-size:19px}
.money-mix-tooltip-head>div{display:grid;min-width:0;gap:3px;flex:1}
.money-mix-tooltip-head>div>b{color:#f5fbf7;font-size:13px;line-height:1.2;overflow-wrap:anywhere}
.money-mix-tooltip-head>div>small{color:#a1b9b7;font-size:10px;line-height:1.25}
.money-mix-tooltip-head>strong{flex:0 0 auto;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#a3ebcb}
.money-mix-tooltip-lines{list-style:none;display:grid;gap:7px;margin:11px 0 5px;padding:10px 0 0;border-top:1px solid #33474a}
.money-mix-tooltip-lines li{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;min-width:0;font-size:11px}
.money-mix-tooltip-lines li span{min-width:0;flex:1;color:#c7d7d5;overflow-wrap:anywhere}
.money-mix-tooltip-lines li b{flex:0 0 auto;color:#f1f6f2;white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums}
.money-mix-tooltip-extra{font-size:10px;color:#97b3aa;margin:7px 0 0}
.money-mix-tooltip-hint{display:block;margin-top:11px;padding-top:8px;border-top:1px solid #263b3e;color:#81d9af;font-size:10px;font-weight:700}
.money-mix-is-hovering .money-mix-segment:not(.selected){opacity:.67}
.money-mix-segment{transition:opacity .16s ease,flex-grow .18s ease,transform .18s ease,filter .18s ease,box-shadow .18s ease}
@keyframes moneyMixTooltipIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.money-mix-tooltip{animation:none}.money-mix-segment{transition:none}}



/* v6.10.9: the Budget showcase's actual Money Mix rail is now swipeable. */
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .landing-budget-rail-heading{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:2px 2px 9px;min-width:0;
}
.landing-v6 .landing-budget-rail-heading>span{
  font-size:10px;font-weight:850;letter-spacing:.12em;color:#b9dffa;
}
.landing-v6 .landing-budget-rail-buttons{display:flex;gap:7px;flex:none}
.landing-v6 .landing-budget-rail-buttons button{
  display:grid;place-items:center;width:35px;height:34px;padding:0;
  border:1px solid #527d9a;border-radius:9px;background:#1b3549;
  color:#eef7ff;font-size:18px;pointer-events:auto!important;cursor:pointer;
}
.landing-v6 .landing-budget-rail-buttons button:hover,
.landing-v6 .landing-budget-rail-buttons button:focus-visible{
  border-color:#8ec8f3;background:#294d66;outline:2px solid #b9dffa;outline-offset:1px;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-rail-scroll{
  display:block;max-width:100%;min-width:0;overflow-x:auto!important;
  overflow-y:hidden!important;scrollbar-width:thin;scrollbar-color:#527e9c #112336;
  overscroll-behavior-x:contain;touch-action:pan-x;
  padding:4px 3px 12px!important;scroll-padding-inline:5px;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-rail-scroll::-webkit-scrollbar{height:7px}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-rail-scroll::-webkit-scrollbar-thumb{background:#527e9c;border-radius:8px}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-rail{
  display:flex!important;gap:8px;flex-wrap:nowrap!important;
  width:max-content!important;min-width:max-content!important;max-width:none!important;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-segment{
  flex:0 0 168px!important;min-width:168px!important;max-width:168px!important;
  min-height:69px;display:grid;grid-template-columns:29px minmax(0,1fr);
  align-items:center;justify-content:start;gap:8px;padding:9px 10px;
  transform:none!important;scroll-snap-align:start;pointer-events:auto!important;
  text-align:left;transition:filter .16s,box-shadow .16s,opacity .16s;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-segment>span:first-child{
  display:block;font-size:23px!important;transform:none!important;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .landing-budget-preview-category-copy{
  display:grid;gap:3px;min-width:0;text-align:left;pointer-events:none;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .landing-budget-preview-category-copy b{
  font-size:12px!important;line-height:1.15;max-width:none;
  white-space:normal;overflow-wrap:anywhere;text-overflow:clip;color:#fff;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .landing-budget-preview-amount{
  font-size:16px;line-height:1.1;font-weight:850;color:#edf7ff;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-segment.selected{
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.5),0 6px 18px rgba(0,0,0,.32);
  filter:brightness(1.12);
}
@media(max-width:700px){
  .landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-segment{
    flex-basis:150px!important;min-width:150px!important;max-width:150px!important;
    min-height:66px;padding:7px 8px;
  }
  .landing-v6 .landing-budget-rail-heading>span{font-size:9px;letter-spacing:.06em}
  .landing-v6 .landing-tour-app-main[data-landing-budget-preview] .landing-budget-preview-amount{font-size:15px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-tour-app-main[data-landing-budget-preview] .money-mix.budget .money-mix-segment{transition:none}
}

/* Permit native horizontal touch scrolling inside the Budget preview. */
.landing-v6 .landing-tour-viewport-budget{touch-action:pan-x pan-y}

/* v6.10.10 | Fit mobile tour previews and inspect real sample figures. */
.landing-v6 .landing-tour-device{position:relative;isolation:isolate}
.landing-v6 .landing-tour-app-main[data-landing-preview]{
  transform-origin:top left!important;
  transform:scale(var(--landing-tour-fit,1))!important;
  backface-visibility:hidden;
}
.landing-v6 .landing-tour-app-main [data-landing-inspect="yes"]{
  pointer-events:auto!important;
  cursor:help;
}
.landing-v6 .landing-tour-app-main .debt-method-card[data-landing-inspect="yes"],
.landing-v6 .landing-tour-app-main .cash-runway-month[data-landing-inspect="yes"],
.landing-v6 .landing-tour-app-main .history-periods button,
.landing-v6 .landing-tour-app-main .nw-chart-switch button,
.landing-v6 .landing-tour-app-main .retirement-dollar-switch button{
  pointer-events:auto!important;
  cursor:pointer;
}
.landing-v6 .landing-tour-app-main [data-landing-inspect="yes"]:hover:not(svg):not(circle),
.landing-v6 .landing-tour-app-main [data-landing-inspect="yes"]:focus-visible:not(svg):not(circle){
  outline:2px solid rgba(121,225,177,.68);
  outline-offset:1px;
}
.landing-v6 .landing-tour-app-main .chart-segment[data-landing-inspect="yes"]:hover,
.landing-v6 .landing-tour-app-main .chart-segment[data-landing-inspect="yes"]:focus-visible{
  filter:brightness(1.35);
  stroke-width:28;
}
.landing-v6 .landing-tour-app-main .history-chart[data-landing-inspect="yes"],
.landing-v6 .landing-tour-app-main .retirement-chart svg[data-landing-inspect="yes"],
.landing-v6 .landing-tour-app-main .debt-chart[data-landing-inspect="yes"]{cursor:crosshair}
.landing-v6 .landing-tour-app-main .invest-spark[data-landing-inspect="yes"]{cursor:crosshair}
.landing-v6 .landing-tour-app-main .landing-tour-safe-slider{
  pointer-events:auto!important;
  cursor:ew-resize;
}
.landing-v6 .landing-tour-app-main .money-calendar-day.landing-earlier-overdue{
  background:#121b1f!important;
  border-color:#314245!important;
  box-shadow:none!important;
}
.landing-v6 .landing-tour-app-main .money-calendar-day.landing-earlier-overdue .money-calendar-open{
  opacity:.68;
}
.landing-v6 .landing-tour-app-main .money-calendar-day.landing-earlier-overdue:hover .money-calendar-open{
  opacity:1;
}
.landing-v6 .landing-tour-inspector{
  position:absolute;z-index:50;box-sizing:border-box;
  width:min(302px,calc(100% - 16px));max-height:calc(100% - 62px);
  overflow:hidden;overflow-wrap:anywhere;
  padding:12px 14px;border-radius:13px;
  border:1px solid rgba(123,224,183,.7);
  background:linear-gradient(150deg,#162d2b,#101c22);
  color:#f0fff7;box-shadow:0 16px 48px rgba(0,0,0,.62);
  pointer-events:none;
}
.landing-v6 .landing-tour-inspector[hidden]{display:none!important}
.landing-v6 .landing-tour-inspector-title{
  display:flex;justify-content:space-between;align-items:start;gap:9px;
  font-size:14px;line-height:1.3;font-weight:800;
}
.landing-v6 .landing-tour-inspector-title>span{
  color:#8ddfba;font-size:9px;letter-spacing:.09em;font-weight:750;
  white-space:nowrap;padding-top:3px;
}
.landing-v6 .landing-tour-inspector-lines{display:grid;gap:7px;margin-top:10px;padding-top:9px;border-top:1px solid #35514c}
.landing-v6 .landing-tour-inspector-lines>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px;line-height:1.35}
.landing-v6 .landing-tour-inspector-lines span{color:#b5cfc8;flex:1;min-width:0}
.landing-v6 .landing-tour-inspector-lines strong{color:#e9fff3;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;min-width:0;overflow-wrap:anywhere}
.landing-v6 .landing-tour-inspector p{font-size:10px;color:#99c8b6;line-height:1.5;margin:9px 0 0}
@media(max-width:700px){
  .landing-v6 .landing-tour-viewport{
    /* More of each 465px-wide app screen visible at a glance. */
    height:clamp(360px,112vw,465px)!important;
    touch-action:pan-x pan-y;
  }
  .landing-v6 .landing-tour-viewport .landing-tour-inspectable{touch-action:manipulation}
  .landing-v6 .landing-tour-inspector{width:min(265px,calc(100% - 14px));padding:10px 12px}
  .landing-v6 .landing-tour-inspector-title{font-size:12px}
  .landing-v6 .landing-tour-inspector-lines>div{font-size:10px}
  .landing-v6 .landing-tour-inspector-lines strong{font-size:11px}
  .landing-v6 .landing-tour-focus button{font-size:10px;padding:8px 7px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-tour-app-main [data-landing-inspect="yes"]{transition:none!important}
}
/* Avoid vertically stacked labels on small tap inspection cards. */
.landing-v6 .landing-tour-inspector-lines>div{
  display:grid;
  grid-template-columns:minmax(84px,44%) minmax(0,1fr);
  align-items:start;
  column-gap:10px;
}
.landing-v6 .landing-tour-inspector-lines strong{max-width:100%}

/* Cash Flow: put the actual account balance and interactive three-month runway first. */
.cash-settings.cash-position-overview{
  margin:12px 0 9px;
  padding:14px;
  border:1px solid #36574c;
  background:linear-gradient(145deg,#182623,#131c20);
  border-radius:17px;
}
.cash-position-overview .cash-settings-grid{
  grid-template-columns:minmax(200px,.8fr) minmax(0,1.65fr);
  gap:12px;
  align-items:stretch;
}
.cash-position-overview .cash-balance-choice{
  height:100%;
  min-height:0;
  background:linear-gradient(145deg,#142d24,#101f1d);
  border-color:#426b59;
}
.cash-position-overview .cash-balance-choice .cash-setting-title{font-size:clamp(14px,1.45vw,17px)}
.cash-position-overview .cash-balance-choice small{margin-top:5px;overflow-wrap:anywhere}
.cash-position-overview .cash-runway{
  margin:0;
  min-width:0;
  box-sizing:border-box;
  padding:13px 15px;
  background:linear-gradient(145deg,#142422,#121c20);
  border:1px solid #3a5b51;
  border-radius:12px;
}
.cash-position-overview .cash-runway-head{margin-bottom:11px}
.cash-position-overview .cash-runway-head h3{font-size:clamp(17px,1.75vw,22px);line-height:1.2}
.cash-position-overview .cash-runway-head p{display:none}
.cash-position-overview .cash-runway-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.cash-position-overview .cash-runway-month{
  min-width:0;
  padding:12px 10px;
  border-radius:10px;
  background:#10201e;
  border-color:#335049;
}
.cash-position-overview .cash-runway-month>div{align-items:flex-start;flex-wrap:wrap;gap:3px}
.cash-position-overview .cash-runway-month span{font-size:12px}
.cash-position-overview .cash-runway-month small{font-size:9px}
.cash-position-overview .cash-runway-month strong{font-size:clamp(17px,1.95vw,25px);line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cash-position-overview .cash-runway-month em{font-size:10px}
.cash-position-overview .cash-runway-month.warning{background:#28221a}
.cash-position-overview .cash-position-help{
  margin:10px 2px 0;
  color:#94aaa5;
  font-size:11px;
  line-height:1.4;
}
.cash-settings.cash-settings-secondary{
  display:block;
  margin:0 0 16px;
  padding:8px 15px 12px;
  border-radius:13px;
  background:#151e21;
  border-color:#34454a;
}
.cash-settings-secondary .cash-settings-grid{grid-template-columns:minmax(0,1fr);gap:0}
.cash-settings-secondary .cash-advanced-toggle{border-top:0;padding-top:0}
.cash-settings-secondary .cash-advanced-toggle>summary{padding:10px 2px}
.cash-settings-secondary .cash-debt-selectors{margin-top:3px}
@media(max-width:950px){
  .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr)}
  .cash-position-overview .cash-runway-grid{grid-template-columns:minmax(0,1fr);gap:6px}
  .cash-position-overview .cash-runway-month{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    column-gap:8px;
    row-gap:3px;
    padding:9px 11px;
  }
  .cash-position-overview .cash-runway-month>div{grid-column:1;grid-row:1;min-width:0}
  .cash-position-overview .cash-runway-month>div small{display:none}
  .cash-position-overview .cash-runway-month strong{grid-column:2;grid-row:1;text-align:right;font-size:clamp(16px,2.3vw,22px)}
  .cash-position-overview .cash-runway-month em{grid-column:1/-1;grid-row:2}
  .cash-position-overview .cash-runway-month b{grid-column:1/-1}
}
@media(max-width:600px){
  .cash-settings.cash-position-overview{padding:9px;margin:11px 0 8px}
  .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,.73fr) minmax(0,1.27fr);gap:8px}
  .cash-position-overview .cash-balance-choice{padding:12px 8px;min-height:0}
  .cash-position-overview .cash-balance-choice .cash-setting-title{font-size:13px;line-height:1.3}
  .cash-position-overview .cash-balance-choice .cash-inline-balance{padding:0 5px;min-width:0}
  .cash-position-overview .cash-balance-choice .cash-inline-balance>span{font-size:16px}
  .cash-position-overview .cash-balance-choice .cash-inline-balance input{font-size:clamp(19px,5.15vw,25px);padding:6px 2px}
  .cash-position-overview .cash-balance-choice small{font-size:10px;line-height:1.4}
  .cash-position-overview .cash-runway{padding:10px 8px}
  .cash-position-overview .cash-runway-head{margin-bottom:8px}
  .cash-position-overview .cash-runway-head h3{font-size:clamp(14px,3.8vw,17px)}
  .cash-position-overview .cash-runway-head span{font-size:8px}
  .cash-position-overview .cash-runway-grid{gap:6px}
  .cash-position-overview .cash-runway-month{padding:8px 7px;column-gap:5px}
  .cash-position-overview .cash-runway-month span{font-size:10px;white-space:nowrap}
  .cash-position-overview .cash-runway-month strong{font-size:clamp(14px,4vw,18px)}
  .cash-position-overview .cash-runway-month em{font-size:9px}
  .cash-position-overview .cash-runway-month.warning b{font-size:9px}
  .cash-position-overview .cash-position-help{font-size:10px;margin-top:8px}
  .cash-settings.cash-settings-secondary{padding:7px 11px 11px}
}
@media(max-width:350px){
  .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,1fr)}
  .cash-position-overview .cash-balance-choice{min-height:0}
  .cash-position-overview .cash-runway-month{grid-template-columns:minmax(0,1fr) auto}
}

/* Cash Flow: original budget vs evolving full-month actual + planned outlook. */
.cash-kpis .cash-kpi .cash-expense-budget{
  margin:1px 0 4px;
  line-height:1.35;
  font-size:11px;
  font-weight:650;
}
.cash-kpis .cash-kpi .cash-expense-budget.over{color:#e8aea8}
.cash-kpis .cash-kpi .cash-expense-budget.under{color:#a5d9bd}
.cash-kpis .cash-kpi .cash-expense-budget.even{color:#a7bdb7}
.cash-kpi.plan-status .plan-status-detail .cash-plan-benchmark{font-weight:550;color:#b0c3bd}
.cash-kpi.plan-status .plan-status-detail .cash-plan-variance{font-size:12px;font-weight:750;line-height:1.3}
.cash-kpi.plan-status .plan-status-detail .cash-plan-variance.ahead{color:#a9dec4}
.cash-kpi.plan-status .plan-status-detail .cash-plan-variance.behind{color:#eab0a5}
.cash-kpi.plan-status .plan-status-detail .cash-plan-variance.even{color:#b0c4c0}
@media(max-width:650px){
  .cash-kpis .cash-kpi .cash-expense-budget{font-size:11px}
  .cash-kpi.plan-status .plan-status-detail .cash-plan-variance{font-size:11px}
}

/* Full-month result: show budgeted vs expected surplus OR deficit clearly. */
.cash-kpi.plan-status .cash-outlook-heading{font-size:14px;line-height:1.25;color:#c2dcd1;font-weight:800}
.cash-kpi.plan-status .cash-outlook-result{display:block;font-size:12px;font-weight:800;color:#a5d9bd}
.cash-kpi.plan-status.shortfall .cash-outlook-result{color:#efa6a1}
.cash-kpi.plan-status.balanced .cash-outlook-result{color:#c5d3d3}
.cash-kpi.plan-status .plan-status-detail{margin:3px 0 0;gap:4px}
.cash-kpi.plan-status .cash-outlook-details{margin:5px 0 8px;min-width:0;color:#b9c9c3}
.cash-outlook-details>summary{cursor:pointer;font-size:12px;font-weight:750;color:#c5e4d6;padding:5px 0;list-style:revert}
.cash-outlook-details[open]>summary{margin-bottom:8px}
.cash-outlook-breakdown{display:grid;gap:5px;border-top:1px solid #3b554b;border-bottom:1px solid #3b554b;padding:8px 0}
.cash-outlook-breakdown>div{display:flex;justify-content:space-between;gap:7px;align-items:baseline}
.cash-outlook-breakdown span{font-size:11px;line-height:1.35;color:#a9c6bc}
.cash-outlook-breakdown strong{font-size:12px;white-space:nowrap;font-weight:750;color:#e2f5ec}
.cash-outlook-breakdown .cash-outlook-total span,.cash-outlook-breakdown .cash-outlook-total strong{font-weight:900;color:#d8f0e3}
.cash-outlook-details p{font-size:11px;line-height:1.45;color:#a1bbb0;margin:7px 0}
.cash-outlook-details button{margin:4px 0 0;border:1px solid #56806d;background:#1c3930;color:#d7f1e4;border-radius:7px;font-weight:750;font-size:11px;padding:8px 10px;cursor:pointer}
.cash-outlook-details button:focus-visible,.cash-outlook-details>summary:focus-visible{outline:2px solid #9be7bf;outline-offset:2px}
.cash-debt-progress{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px;margin-bottom:5px;background:#132622;border:1px solid #375f50;border-radius:9px}
.cash-debt-progress>div{display:grid;gap:3px;min-width:0}
.cash-debt-progress span{font-size:11px;color:#acc8bc}
.cash-debt-progress strong{font-size:15px;color:#e6f6ef;font-variant-numeric:tabular-nums}
.cash-debt-progress .cash-debt-progress-total{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-top:1px solid #3a584e;padding-top:8px}
.cash-debt-line-amount{text-align:right;min-width:90px}
.cash-debt-line-amount strong{font-size:13px;font-variant-numeric:tabular-nums}
.debt-breakdown-payment-note{display:block;font-size:11px;color:#aac3b8;line-height:1.4}
@media(max-width:650px){
 .cash-kpi.plan-status .cash-outlook-heading{font-size:13px}
 .cash-kpi.plan-status .cash-outlook-result{font-size:11px}
 .cash-outlook-breakdown{gap:4px}
 .cash-outlook-breakdown span{font-size:10px}
 .cash-outlook-breakdown strong{font-size:11px}
 .cash-debt-progress strong{font-size:13px}
 .debt-breakdown-payment-note{font-size:10px}
}

/* Cash Flow: savings, income and debt allocations explain the moving surplus. */
.cash-kpis .cash-kpi .cash-budget-delta{display:block;margin:1px 0 3px;line-height:1.35;font-size:11px;font-weight:700;overflow-wrap:anywhere}
.cash-kpis .cash-kpi .cash-budget-delta.even{color:#a4bdb5}
.cash-kpis .cash-kpi .cash-budget-delta.positive{color:#addfbb}
.cash-kpis .cash-kpi .cash-budget-delta.caution{color:#e4aaa6}
.cash-kpis .cash-kpi .cash-budget-delta.goal-extra{color:#a7d9d7}
.cash-kpis .cash-kpi .cash-budget-delta.goal-less{color:#d3c7a9}
.cash-kpi.plan-status .plan-status-detail .cash-plan-variance.behind{color:#d3d9cd}
.cash-kpi.plan-status .plan-status-detail .cash-goals-note{display:block;color:#9fd9cd;font-size:11px;line-height:1.4;font-weight:750}
.cash-outlook-change-title{font-family:inherit;margin:12px 0 4px;color:#bedbcc;font-size:11px;font-weight:800}
.cash-outlook-changes{border:1px solid #38564a;border-radius:8px;padding:7px 8px;display:grid;gap:7px;min-width:0}
.cash-outlook-changes .cash-outlook-change{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.cash-outlook-changes .cash-outlook-change>span{font-size:11px;line-height:1.3;min-width:0;color:#c4d7ca}
.cash-outlook-changes .cash-outlook-change>span small{display:block;margin-top:2px;color:#93b4a5;font-size:10px;font-weight:550}
.cash-outlook-changes .cash-outlook-change>strong{font-size:12px;font-weight:800;white-space:nowrap;font-variant-numeric:tabular-nums}
.cash-outlook-changes .cash-outlook-change.positive>strong{color:#addfbb}
.cash-outlook-changes .cash-outlook-change.caution>strong{color:#e4aaa6}
.cash-outlook-changes .cash-outlook-change.goals>strong{color:#a7d9d7}
.cash-outlook-changes .cash-outlook-change.even>strong{color:#acbcb7}
.cash-outlook-changes .cash-outlook-change-total{border-top:1px solid #38564a;margin-top:3px;padding-top:7px}
.cash-debt-progress .cash-debt-extra span{color:#a1ded0}
.cash-debt-progress .cash-debt-extra strong{color:#b0ead5}
@media(max-width:650px){
  .cash-kpis .cash-kpi .cash-budget-delta{font-size:11px}
  .cash-outlook-changes{padding:7px;gap:6px}
  .cash-outlook-changes .cash-outlook-change>strong{font-size:11px}
}

/* Historical balances are saved amounts, visually separate from forward forecasts. */
.cash-position-overview .cash-history-choice{background:linear-gradient(145deg,#1a2930,#132128);border-color:#48666d}
.cash-position-overview .cash-history-choice .cash-inline-balance{border-color:#567b79;background:#101d22}
.cash-position-overview .cash-history-choice .cash-inline-balance input::placeholder{color:#8fa8a7;opacity:1;font-size:clamp(13px,2vw,18px)}
.cash-position-overview .historical-runway{border-color:#49636d;background:linear-gradient(145deg,#17282d,#121d23)}
.cash-position-overview .historical-runway .cash-runway-month.historical{border-color:#3f6668;background:#17292a}
.cash-position-overview .historical-runway .cash-runway-month.unrecorded{border-style:dashed;border-color:#45575d;background:#172024;color:#a1b2b4}
.cash-position-overview .historical-runway .cash-runway-month.unrecorded strong{color:#a7b9ba}
.cash-position-overview .historical-runway .cash-runway-month strong{font-variant-numeric:tabular-nums}
.cash-position-overview .historical-runway .cash-runway-month em{font-style:normal}
/* Full-width at >=100%, with more legible, smoother progress for Cash Flow. */
.cash-kpis .cash-kpi .kpi-track,.flow-section .flow-progress-track{height:10px;flex-shrink:0;border-radius:999px;overflow:hidden;background:linear-gradient(180deg,#25373a,#1c292f);box-shadow:inset 0 1px 3px rgba(0,0,0,.5);border:1px solid rgba(106,151,152,.23)}
.cash-kpis .cash-kpi .kpi-track{margin-top:auto}
.cash-kpis .cash-kpi .kpi-track i,.flow-section .flow-progress-track i{display:block;height:100%;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#5da88d,#a5e4c5);box-shadow:inset 0 1px rgba(255,255,255,.24),0 0 9px rgba(117,213,176,.13);transition:width .24s ease}
.cash-kpis .cash-kpi.income .kpi-track i,.flow-section.income .flow-progress-track i{background:linear-gradient(90deg,#4f9e85,#9bd8bd)}
.cash-kpis .cash-kpi.expenses .kpi-track i,.flow-section.needs .flow-progress-track i{background:linear-gradient(90deg,#bf686a,#ed9895)}
.flow-section.wants .flow-progress-track i{background:linear-gradient(90deg,#b19152,#e7ca8c)}
.cash-kpis .cash-kpi.savings .kpi-track i,.flow-section.savings .flow-progress-track i{background:linear-gradient(90deg,#778dc6,#b1c2f0)}
.flow-section.debt .flow-progress-track i{background:linear-gradient(90deg,#9e80b4,#ceb1dc)}
.cash-kpis .cash-kpi.plan-status.surplus .kpi-track i{background:linear-gradient(90deg,#469d79,#9cdbb6)}
.cash-kpis .cash-kpi.plan-status.shortfall .kpi-track i{background:linear-gradient(90deg,#ad565e,#ec8c91)}
.cash-kpis .cash-kpi.plan-status.balanced .kpi-track i{background:linear-gradient(90deg,#83949d,#b3c6c9)}
.cash-kpis .cash-kpi .kpi-track.is-full i,.flow-section .flow-progress-track.is-full i{box-shadow:inset 0 1px rgba(255,255,255,.3),0 0 12px rgba(117,213,176,.2)}
@media(prefers-reduced-motion:reduce){.cash-kpis .cash-kpi .kpi-track i,.flow-section .flow-progress-track i{transition:none}}


/* Unified Cash Flow dashboard; keep account settings and Money Mix separate below. */
.cashflow-dashboard{display:grid;gap:12px;min-width:0;width:100%;box-sizing:border-box;margin:14px 0 12px;padding:18px;border:1px solid #40695b;border-radius:19px;background:linear-gradient(145deg,#182824 0%,#131f23 58%,#142021 100%);box-shadow:0 12px 32px rgba(0,0,0,.14),inset 0 1px rgba(156,224,191,.045)}
.cashflow-dashboard-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px 16px}
.cashflow-dashboard-head>div>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:850;color:#8fd6b8}
.cashflow-dashboard-head h3{margin:2px 0 0;font-size:clamp(19px,2.2vw,26px);line-height:1.2;letter-spacing:-.025em;color:#f4fff9}
.cashflow-dashboard-period{font-size:12px;color:#bdd9ce;font-weight:750;padding:6px 10px;border:1px solid #385f53;border-radius:999px;background:#1a302a}
.cashflow-dashboard .cash-settings.cash-position-overview{margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
.cashflow-dashboard .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(210px,1fr) minmax(0,2.25fr);gap:12px}
.cashflow-dashboard .cash-position-overview .cash-balance-choice{padding:18px;min-height:0}
.cashflow-dashboard .cash-position-overview .cash-runway{padding:14px}
.cashflow-dashboard .cash-position-overview .cash-position-help{margin:9px 2px 1px;color:#a2beb1;font-size:11px}
.cashflow-dashboard .cash-kpis{margin:1px 0 0;gap:10px}
.cashflow-dashboard .cash-kpi{min-height:0;padding:14px!important;gap:5px}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child{gap:5px}
.cashflow-dashboard .cash-kpi .kpi-track{margin-top:auto}
.cashflow-dashboard .cash-kpi.expenses .kpi-track.is-over i{background:linear-gradient(90deg,#c15a5d,#f2a3a0)}
.cashflow-dashboard.is-historical{border-color:#48666d;background:linear-gradient(145deg,#1b282b,#131e23)}
.cash-settings.cash-settings-secondary{margin:0 0 14px}
@media(max-width:1080px){.cashflow-dashboard .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(180px,.9fr) minmax(0,1.7fr)}}
@media(max-width:760px){
.cashflow-dashboard{padding:13px;border-radius:15px;gap:10px}
.cashflow-dashboard .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,1fr);gap:10px}
.cashflow-dashboard .cash-position-overview .cash-balance-choice{padding:14px 16px;min-height:0}
.cashflow-dashboard .cash-position-overview .cash-balance-choice .cash-inline-balance{max-width:none}
.cashflow-dashboard .cash-position-overview .cash-runway{padding:12px;min-width:0}
.cashflow-dashboard .cash-position-overview .cash-runway-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(175px,72%);gap:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding:0 0 8px}
.cashflow-dashboard .cash-position-overview .cash-runway-month{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:5px;padding:12px;scroll-snap-align:start;min-height:94px}
.cashflow-dashboard .cash-position-overview .cash-runway-month>div,.cashflow-dashboard .cash-position-overview .cash-runway-month strong,.cashflow-dashboard .cash-position-overview .cash-runway-month em,.cashflow-dashboard .cash-position-overview .cash-runway-month b{grid-column:auto;grid-row:auto;text-align:left}
.cashflow-dashboard .cash-position-overview .cash-runway-month strong{font-size:22px}
.cashflow-dashboard .cash-position-overview .cash-runway-month em{font-size:11px}
.cashflow-dashboard .cash-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.cashflow-dashboard .cash-kpi{padding:11px!important;min-width:0}
.cashflow-dashboard .cash-kpis .cash-kpi b{font-size:clamp(20px,5vw,25px);white-space:normal;overflow-wrap:anywhere}
.cashflow-dashboard .cash-kpi.plan-status .plan-status-detail span{overflow-wrap:anywhere}
.cashflow-dashboard .cash-outlook-details{max-width:100%;min-width:0}
.cashflow-dashboard .cash-kpi .kpi-track{height:9px}
}
@media(max-width:385px){.cashflow-dashboard .cash-kpis{grid-template-columns:minmax(0,1fr)}.cashflow-dashboard-period{padding:4px 8px}}
/* Phone activity list uses the actual Cash Flow dates and original editor. */
.cash-calendar-mobile-tools,.cash-calendar-agenda{display:none}
@media(max-width:760px){
.money-calendar[data-mobile-view] .cash-calendar-mobile-tools{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:4px 0 11px}
.cash-calendar-mobile-modes{display:flex;gap:3px;padding:3px;background:#121e20;border:1px solid #35524a;border-radius:10px}
.cash-calendar-mobile-modes button,.cash-calendar-show-all{min-height:40px;border:0;border-radius:8px;padding:8px 12px;background:transparent;color:#a9c9bc;font-weight:750;font-size:13px;cursor:pointer}
.cash-calendar-mobile-modes button[aria-pressed="true"]{background:#285240;color:#edfff6;box-shadow:0 2px 10px #0004}
.cash-calendar-show-all{border:1px solid #466c5d;background:#1c312b;color:#d9f5e7}
.cash-calendar-mobile-modes button:focus-visible,.cash-calendar-show-all:focus-visible,.cash-agenda-open:focus-visible,.cash-agenda-add:focus-visible{outline:2px solid #9aeac1;outline-offset:2px}
.money-calendar[data-mobile-view="agenda"] .money-calendar-scroll,.money-calendar[data-mobile-view="agenda"] .cash-calendar-swipe{display:none}
.money-calendar[data-mobile-view="agenda"] .cash-calendar-agenda{display:grid;gap:8px;min-width:0}
.money-calendar[data-mobile-view="grid"] .cash-calendar-show-all{display:none}
.money-calendar[data-mobile-view="agenda"][data-show-all-days="false"] .cash-agenda-day.agenda-quiet{display:none}
.cash-agenda-summary{margin:0 0 2px;color:#a3c5b6;font-size:12px;line-height:1.45}
.cash-agenda-empty{border:1px dashed #456257;padding:16px;border-radius:11px;color:#b8d5c7;font-size:14px}
.cash-agenda-day{display:flex;align-items:stretch;min-width:0;min-height:76px;border:1px solid #35544b;border-radius:12px;background:linear-gradient(145deg,#1a2a28,#141f22);overflow:hidden}
.cash-agenda-day.today{border-color:#76cfaa;background:#1a3229}.cash-agenda-day.past-due{border-color:#b48a58;background:#30271f}.cash-agenda-day.selected{outline:2px solid #8bdec1;outline-offset:1px}.cash-agenda-day.agenda-quiet{opacity:.82}
.cash-agenda-open{appearance:none;display:grid;grid-template-columns:41px minmax(0,1fr) auto;align-items:center;gap:9px;flex:1;min-width:0;padding:10px 4px 10px 11px;border:0;background:transparent;text-align:left;color:#eafff3;cursor:pointer}
.cash-agenda-open time{display:grid;place-items:center;gap:2px;align-self:stretch;align-content:center;border-right:1px solid #34554b;padding-right:8px}
.cash-agenda-open time span{font-size:10px;font-weight:800;text-transform:uppercase;color:#99cbb5}.cash-agenda-open time b{font-size:20px;line-height:1.05;font-variant-numeric:tabular-nums}
.cash-agenda-copy{display:grid;gap:5px;min-width:0}.cash-agenda-copy strong{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;line-height:1.3;color:#ebf7f0}
.cash-agenda-copy small{font-size:11px;line-height:1.4;color:#a2bcb2;overflow-wrap:anywhere}
.cash-agenda-copy em{font-style:normal;font-size:9px;font-weight:850;border-radius:5px;padding:2px 5px;color:#baf2d1;background:#264b37}
.cash-agenda-copy em.overdue{background:#5b3d28;color:#ffdaa7}
.cash-agenda-figures{display:grid;gap:5px;text-align:right;align-content:center;min-width:0;max-width:110px}
.cash-agenda-figures b{font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}
.cash-agenda-figures b.positive{color:#8cdbb5}.cash-agenda-figures b.negative{color:#edaaa5}.cash-agenda-figures b.neutral{color:#b9c9c3}
.cash-agenda-figures small{font-size:10px;line-height:1.25;color:#9ebdb6;overflow-wrap:anywhere}.cash-agenda-figures small.low{color:#f2c28c}
.cash-agenda-add{align-self:stretch;flex:none;min-width:37px;border:0;border-left:1px solid #37584c;background:#19362b;color:#abefd0;font-size:24px;cursor:pointer}
.cash-agenda-add:hover{background:#295441}
.money-calendar[data-mobile-view="grid"] .cash-calendar-swipe{display:block}
.money-calendar[data-mobile-view="grid"] .money-calendar-scroll{display:block}
.money-calendar .cash-day-detail{scroll-margin-top:18px}
}
@media(max-width:390px){.cash-agenda-open{grid-template-columns:35px minmax(0,1fr) auto;gap:6px;padding-left:7px}.cash-agenda-figures{max-width:82px}.cash-agenda-figures b{font-size:12px}.cash-agenda-add{min-width:32px}.cash-calendar-mobile-modes button,.cash-calendar-show-all{font-size:12px;padding:8px 9px}}
@media(prefers-reduced-motion:reduce){.cash-agenda-day,.cash-calendar-mobile-modes button{transition:none}}


/* Future Cash Flow months use their projected starting amount, not today's actual bank balance. */
.cashflow-dashboard .cash-future-choice{display:flex;justify-content:flex-start;gap:12px;background:linear-gradient(145deg,#162a2b,#102024);border-color:#456b6d}
.cashflow-dashboard .cash-future-start{font-family:var(--wmd-font-ui);font-size:clamp(28px,3vw,39px);font-weight:800;line-height:1.2;color:#b4ead8;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cashflow-dashboard .cash-future-choice small{font-size:12px;line-height:1.5}


/* Compact single-location Cash Flow card and debt controls. */
.cash-settings-secondary .cash-top-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px}
.cash-settings-secondary .cash-top-panel{background:#142223;border-color:#3e5b52;min-width:0;overflow:visible}
.cash-settings-secondary .cash-top-panel>summary{display:flex;align-items:center;gap:8px;min-height:69px;padding:12px 13px;list-style:none;cursor:pointer}
.cash-settings-secondary .cash-top-panel>summary::-webkit-details-marker{display:none}
.cash-top-title{flex:1;display:grid;gap:4px;min-width:0;font-size:15px;line-height:1.3;font-weight:800;color:#eafbF3}
.cash-top-title small{font-size:11px;line-height:1.25;color:#a0bcb0;font-weight:650}
.cash-top-stats{display:grid;gap:3px;text-align:right;flex:none;font-size:12px;color:#b3e5cf;font-weight:800;font-variant-numeric:tabular-nums}
.cash-top-stats small{font-size:11px;font-weight:600;color:#9ebeb1}
.cash-top-arrow{font-size:19px;flex:none;color:#9bccb2;transition:transform .15s}
.cash-top-panel[open]>summary{border-bottom:1px solid #38574d}
.cash-top-panel[open] .cash-top-arrow{transform:rotate(180deg)}
.cash-top-panel-body{display:grid;gap:12px;min-width:0;padding:13px}
.cash-top-panel-body>p,.cash-top-explainer{font-size:12px;line-height:1.5;color:#acc4b7;margin:0}
.cash-top-explainer{font-size:11px;color:#91ac9e}
.cash-top-picker{border:1px solid #395a4d;background:#192d25;border-radius:10px;min-width:0}
.cash-top-picker>summary{display:flex;justify-content:space-between;align-items:center;gap:9px;list-style:none;padding:12px;font-size:13px;font-weight:800;color:#d4efde;cursor:pointer}
.cash-top-picker>summary::-webkit-details-marker{display:none}
.cash-top-picker>summary>span{font-size:11px;color:#9fc9b1}
.cash-top-picker-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:9px;border-top:1px solid #38594e;padding:12px}
.cash-top-picker-options label{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #3e6451;border-radius:9px;min-height:45px;background:#142720;cursor:pointer;font-size:12px;color:#e7f5eb}
.cash-top-picker-options input{width:18px;height:18px;flex:none;accent-color:#6cd0a1}
.cash-top-picker-options>p{margin:0;font-size:12px;line-height:1.4;color:#bdd4c6}
.cash-top-cards{display:grid;gap:10px;min-width:0}
.cash-top-card{background:linear-gradient(145deg,#182924,#142022);border:1px solid #39594c;border-radius:12px;padding:13px;display:grid;gap:12px;min-width:0}
.cash-top-card-head{display:flex;align-items:center;gap:9px;min-width:0}
.cash-card-emoji{display:grid;place-items:center;flex:none;width:36px;height:36px;background:#244b36;border:1px solid #477a5e;border-radius:10px}
.cash-top-card-head>div{min-width:0;display:grid;gap:4px;flex:1}
.cash-top-card-head strong{font-size:14px;color:#ecfff3;overflow-wrap:anywhere}
.cash-top-card-head small{font-size:11px;color:#9cbbac;line-height:1.3}
.cash-card-source{font-size:10px;font-weight:800;color:#afe0be;border:1px solid #3c674f;border-radius:99px;padding:5px 7px;white-space:nowrap}
.cash-top-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0}
.cash-top-field{min-width:0;display:grid;gap:5px;align-content:start}
.cash-top-field>span{font-size:12px;font-weight:750;color:#cadfd4;line-height:1.35}
.cash-top-field small{font-size:11px;color:#92b0a2;line-height:1.4;overflow-wrap:anywhere}
.cash-top-money{display:flex;align-items:center;gap:4px;width:100%;min-height:44px;border:1px solid #4b6b60;border-radius:9px;padding:0 10px;background:#101e1b}
.cash-top-money:focus-within{outline:2px solid #629a7b}
.cash-top-money>span{color:#add5bf;font-size:17px;font-weight:750}
.cash-top-money input{width:100%;min-width:0;background:transparent!important;border:0!important;outline:none!important;box-shadow:none!important;color:#f1fff8!important;text-align:right;font-size:17px!important;font-variant-numeric:tabular-nums;padding:7px 0}
.cash-top-money input[readonly]{cursor:default;color:#c5ddcd!important}
.cash-top-check{min-height:44px;display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid #4b6b60;border-radius:9px;background:#112a20;cursor:pointer}
.cash-top-check input{width:20px;height:20px;accent-color:#77d3a7;flex:none}
.cash-top-check b{color:#d2f1de;font-weight:750;font-size:13px}
.cash-top-day{width:100%;min-width:0;min-height:44px;border:1px solid #4b6b60;background:#122221;border-radius:9px;color:#e4f2eb;padding:8px 10px;font-size:16px}
.cash-top-day:disabled{opacity:.65}
.cash-top-card-advanced{border:1px solid #364e44;background:#15221f;border-radius:9px;min-width:0}
.cash-top-card-advanced>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px;list-style:none;cursor:pointer;font-size:12px;font-weight:750;color:#bfd5c8}
.cash-top-card-advanced>summary::-webkit-details-marker{display:none}
.cash-top-card-advanced>summary>span{font-size:18px}
.cash-top-card-advanced[open]>summary>span{transform:rotate(180deg)}
.cash-top-card-advanced>.cash-top-card-grid{padding:11px;border-top:1px solid #354b42}
.cash-top-card-advanced>p{font-size:11px;line-height:1.4;color:#94af9f;margin:0;padding:0 11px 11px}
.cash-top-total{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:11px 12px;background:#1e352a;border:1px solid #426b54;border-radius:9px}
.cash-top-total span{color:#b8ddc7;font-size:12px;line-height:1.4}
.cash-top-total strong{color:#a9edc9;font-family:var(--wmd-font-ui);font-size:clamp(19px,2vw,24px);font-variant-numeric:tabular-nums}
.cash-top-empty{margin:0;padding:16px;border:1px dashed #415e50;border-radius:10px;color:#aecdb9;font-size:13px;line-height:1.4}
.cash-top-debt-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.cash-top-debt-metrics>div{display:grid;gap:5px;min-width:0;border:1px solid #375247;border-radius:10px;padding:12px;background:#192b25}
.cash-top-debt-metrics span{font-size:11px;color:#a7c4b2}
.cash-top-debt-metrics strong{font-size:clamp(17px,1.8vw,21px);font-variant-numeric:tabular-nums;color:#eefcf1;overflow-wrap:anywhere}
.cash-top-debt-items{display:grid;gap:8px}
.cash-top-debt-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;padding:11px;border:1px solid #3f5749;border-radius:10px;background:#192820;min-width:0}
.cash-top-debt-item.paid{background:#18231f;border-color:#334b40}
.cash-top-debt-item>div{display:grid;gap:5px;min-width:0}
.cash-top-debt-item strong{font-size:13px;line-height:1.4;color:#ecfaf0;overflow-wrap:anywhere}
.cash-top-debt-item small{color:#9bb8a8;font-size:11px;line-height:1.35}
.cash-top-debt-item>b{color:#eef8f1;font-size:15px;font-variant-numeric:tabular-nums}
.cash-top-debt-item>button{grid-column:1/-1;min-height:42px;justify-self:start;border:1px solid #567762;border-radius:9px;background:#234631;color:#e4fae8;cursor:pointer;font-size:12px;font-weight:800;padding:10px 14px}
.cash-top-debt-item.paid>button{background:#27372d;color:#b8d4c0}
.cash-top-managed{border:1px solid #3b554b;border-radius:10px;background:#162621}
.cash-top-managed>summary{display:flex;justify-content:space-between;gap:9px;padding:11px;cursor:pointer;list-style:none;font-size:12px;font-weight:800;color:#d0e8d7}
.cash-top-managed>summary::-webkit-details-marker{display:none}
.cash-top-managed>summary span{font-size:11px;color:#aacbbb}
.cash-top-managed>div{padding:0 12px;border-top:1px solid #3b554b}
.cash-top-debt-balance{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #365044;padding:11px 0}
.cash-top-debt-balance:last-child{border-bottom:0}
.cash-top-debt-balance>span{font-size:12px;color:#e9f6ef;overflow-wrap:anywhere}
.cash-top-debt-balance small{display:block;color:#9eb8ab;font-size:10px;margin-top:4px}
.cash-top-debt-balance strong{white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums;color:#eaf7ee}
.cash-top-manage-debt{width:100%;min-height:44px;padding:11px;border:1px solid #628d71;background:#274b34;border-radius:9px;color:#e6faea;cursor:pointer;font-size:13px;font-weight:800}
.cash-top-panel :is(input,select,button,summary):focus-visible{outline:2px solid #a3e9c1;outline-offset:2px}
@media(max-width:1120px){.cash-settings-secondary .cash-top-control-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.cash-settings.cash-settings-secondary{padding:10px}.cash-settings-secondary .cash-top-panel>summary{gap:8px;padding:12px;min-height:69px}.cash-top-panel-body{padding:11px}.cash-top-card{padding:11px}}
@media(max-width:455px){.cash-top-card-grid{grid-template-columns:minmax(0,1fr)}.cash-top-title{font-size:14px}.cash-top-stats{font-size:11px}.cash-card-source{margin-left:45px}.cash-top-card-head{flex-wrap:wrap}.cash-top-debt-item>button{justify-self:stretch;width:100%}.cash-top-managed>summary{flex-wrap:wrap}}
/* Completed days fade on calendar grid and on mobile activity list without blocking edits. */
.money-calendar .cash-calendar-legend .legend-complete{background:#626b70;border:1px solid #99a6a5}
.money-calendar .money-calendar-day.all-done:not(.selected){background:#141a1d!important;border-color:#354146!important;box-shadow:none!important}
.money-calendar .money-calendar-day.all-done:not(.selected) .money-calendar-open{opacity:.62;filter:grayscale(1);transition:opacity .16s,filter .16s}
.money-calendar .money-calendar-day.all-done:not(.selected) .calendar-add{opacity:.48;filter:grayscale(1)}
.money-calendar .money-calendar-day.all-done:not(.selected):is(:hover,:focus-within) .money-calendar-open,
.money-calendar .money-calendar-day.all-done:not(.selected):is(:hover,:focus-within) .calendar-add{opacity:1;filter:none}
.money-calendar .cash-agenda-day.all-done:not(.selected){background:#151b1e;border-color:#364249;box-shadow:none}
.money-calendar .cash-agenda-day.all-done:not(.selected) .cash-agenda-open{opacity:.61;filter:grayscale(1);transition:opacity .16s,filter .16s}
.money-calendar .cash-agenda-day.all-done:not(.selected) .cash-agenda-add{opacity:.5;filter:grayscale(1);background:#222a2e}
.money-calendar .cash-agenda-day.all-done .cash-agenda-copy em.done{color:#c2caca;background:#394345}
.money-calendar .cash-agenda-day.all-done:not(.selected):is(:hover,:focus-within) .cash-agenda-open,
.money-calendar .cash-agenda-day.all-done:not(.selected):is(:hover,:focus-within) .cash-agenda-add{opacity:1;filter:none}
@media(prefers-reduced-motion:reduce){.money-calendar .cash-agenda-day.all-done:not(.selected) .cash-agenda-open,.money-calendar .money-calendar-day.all-done:not(.selected) .money-calendar-open{transition:none}}



/* Cash Flow vNext: actionable monthly checklist comes before detailed category tables and calendar. */
.cash-checklist{display:grid;gap:14px;min-width:0;box-sizing:border-box;margin:19px 0 14px;padding:20px;border:1px solid #447466;border-radius:17px;background:linear-gradient(150deg,#182c27,#141f23 72%);scroll-margin-top:22px}
.cash-checklist-head{display:flex;align-items:end;justify-content:space-between;gap:14px 20px;flex-wrap:wrap}
.cash-checklist-head>div:first-child{min-width:0;flex:1 1 320px}
.cash-checklist-eyebrow{display:block;color:#8de4ba;font-size:11px;letter-spacing:.1em;font-weight:800}
.cash-checklist-head h3{margin:6px 0 5px;font-size:clamp(22px,2.1vw,30px);line-height:1.17;letter-spacing:-.025em;font-family:var(--wmd-font-ui);color:#f0fcf4}
.cash-checklist-head p{margin:0;color:#a8bfb5;line-height:1.5;font-size:13px;max-width:780px}
.cash-checklist-overview{display:grid;gap:5px;justify-items:end;flex:none;max-width:100%}
.cash-checklist-overview strong{font-size:17px;color:#e8faed;font-variant-numeric:tabular-nums;line-height:1.25}
.cash-checklist-overview span{font-size:12px;color:#9dcdb3;font-weight:650}
.cash-checklist-progress{height:8px;background:#243934;border:1px solid #395e50;border-radius:999px;overflow:hidden}
.cash-checklist-progress i{display:block;height:100%;max-width:100%;background:linear-gradient(90deg,#4c9e7c,#a3e9bf);border-radius:999px}
.cash-checklist-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;padding:0}
.cash-checklist-tools button{min-height:40px;padding:9px 13px;border:1px solid #476e5c;background:#1c342b;color:#d4f3e1;border-radius:9px;font-size:12px;font-weight:760;cursor:pointer}
.cash-checklist-tools button[aria-pressed="true"]{background:#2d5944;border-color:#78c79e;color:#f4fff8}
.cash-checklist-tools button:hover,.cash-checklist-tools button:focus-visible{border-color:#9ee8bd;background:#254838}
.cash-checklist-group{display:grid;gap:8px;min-width:0}
.cash-checklist-group h4{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:0;font-size:14px;color:#d9ede4;font-weight:800;padding:5px 3px;line-height:1.3}
.cash-checklist-group h4 small{font-size:11px;color:#aac8b7;border:1px solid #3c6050;border-radius:99px;padding:4px 9px;white-space:nowrap}
.cash-checklist-group.overdue h4{color:#f2bb92}
.cash-checklist-group.done h4{color:#a8c2b7}
.cash-checklist-group-items{display:grid;gap:7px}
.cash-checklist-item{display:grid;grid-template-columns:45px minmax(0,1fr) minmax(120px,150px) 72px;align-items:center;gap:11px;padding:11px 12px;min-width:0;border-radius:11px;border:1px solid #3b544c;background:#152321}
.cash-checklist-item.is-overdue{border-color:#976a4f;background:#2b2621}
.cash-checklist-item.is-done{background:#1a2324;border-color:#394849}
.cash-checklist-done{appearance:none;display:grid;place-items:center;min-width:43px;width:43px;height:43px;padding:0;border:1px solid #618e7a;border-radius:12px;color:#aad6bd;background:#20392f;cursor:pointer;font-size:23px;font-weight:800;line-height:1}
.cash-checklist-done[aria-pressed="true"]{background:#3f6554;color:#f0fff3;border-color:#87d1a7}
.cash-checklist-done:hover{background:#2d5742}
.cash-checklist-main{display:grid;gap:6px;min-width:0}
.cash-checklist-title{display:flex;align-items:center;gap:8px;min-width:0;color:#effaf4}
.cash-checklist-title>span{flex:none;font-size:19px}
.cash-checklist-title strong{min-width:0;flex:1;font-size:14px;line-height:1.32;font-weight:770;overflow-wrap:anywhere}
.cash-checklist-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;min-width:0}
.cash-checklist-meta>span{font-size:11px;color:#a3beb2;line-height:1.35}
.cash-checklist-status{font-size:10px;font-style:normal;font-weight:820;white-space:nowrap;color:#a7d7c0;background:#20372e;border:1px solid #355b48;border-radius:99px;padding:3px 7px}
.cash-checklist-status.overdue{color:#f5ce9f;background:#493728;border-color:#8a6441}
.cash-checklist-status.today{color:#aff1c8;border-color:#5e9275;background:#244935}
.cash-checklist-status.done{color:#a9bbb4;background:#2a3936;border-color:#4c5c56}
.cash-checklist-amount{display:grid;gap:5px;min-width:0}
.cash-checklist-amount>span:first-child{font-size:11px;color:#afc7bc;font-weight:750}
.cash-checklist-money{display:flex;align-items:center;gap:3px;min-width:0;border:1px solid #49675c;background:#0f1c1b;border-radius:8px;padding:0 10px;min-height:42px}
.cash-checklist-money:focus-within{border-color:#97e4b7;box-shadow:0 0 0 2px rgba(140,216,180,.13)}
.cash-checklist-money>span{flex:none;color:#a6cdb5;font-size:15px;font-weight:780}
.cash-checklist-money input{display:block;width:100%;min-width:0;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:#f3fff8!important;font-size:16px!important;font-variant-numeric:tabular-nums;text-align:right;padding:8px 0}
.cash-checklist-edit{border:1px solid #49695f;background:#1a322b;color:#d7f2e5;border-radius:9px;padding:9px 9px;min-height:42px;font-size:12px;font-weight:800;cursor:pointer;white-space:nowrap}
.cash-checklist-edit span{font-size:14px;color:#99cfae}
.cash-checklist-edit:hover{background:#2d5142;border-color:#8dcaab}
.cash-checklist-item.is-done .cash-checklist-main,.cash-checklist-item.is-done .cash-checklist-amount{opacity:.7}
.cash-checklist-item.is-done .cash-checklist-title strong{text-decoration:line-through;text-decoration-color:#849c8d;text-decoration-thickness:1px}
.cash-checklist-help{margin:2px 1px 0;color:#91b0a3;font-size:11px;line-height:1.5}
.cash-checklist-empty{padding:16px;border:1px dashed #53675c;border-radius:11px;color:#c1d8cc;font-size:13px;line-height:1.55}
.cash-checklist button:focus-visible{outline:2px solid #9ce6b8;outline-offset:2px}
.cash-category-board{margin-top:16px}
.cash-category-board-intro>span{color:#93b4b5}
.money-calendar{scroll-margin-top:18px}
@media(max-width:940px){.cash-checklist-item{grid-template-columns:44px minmax(0,1fr) 125px 68px;gap:8px;padding:10px}}
@media(max-width:720px){
.cash-checklist{margin:14px 0;padding:13px;border-radius:13px;gap:11px}
.cash-checklist-head{align-items:start;gap:10px}
.cash-checklist-overview{justify-items:start}
.cash-checklist-item{grid-template-columns:41px minmax(0,1fr) 67px;grid-template-rows:auto auto;gap:6px 9px;padding:10px}
.cash-checklist-done{grid-column:1;grid-row:1;align-self:start;width:41px;min-width:41px;height:41px}
.cash-checklist-main{grid-column:2/4;grid-row:1;align-self:center}
.cash-checklist-amount{grid-column:2;grid-row:2;display:grid;grid-template-columns:55px minmax(0,1fr);align-items:center}
.cash-checklist-amount>span:first-child{font-size:10px}
.cash-checklist-money{min-height:42px}
.cash-checklist-edit{grid-column:3;grid-row:2;min-width:67px}
.cash-checklist-title strong{font-size:14px}
.cash-checklist-meta>span{font-size:11px}
.cash-checklist-head p{font-size:12px}
.cash-checklist-overview strong{font-size:16px}
.cash-checklist-tools button{flex:1 1 150px}
}
@media(max-width:385px){.cash-checklist-item{grid-template-columns:40px minmax(0,1fr) 61px;gap:5px}.cash-checklist-amount{grid-template-columns:45px minmax(0,1fr);gap:4px}.cash-checklist-money{padding:0 6px}.cash-checklist-money input{font-size:15px!important}.cash-checklist-edit{padding:6px;min-width:61px}}



/* Landing product tour vNext: show actual current app UI, not legacy calendar-first crops. */
.landing-v6 #landingTourFocusButtons{min-width:0;max-width:100%}
.landing-v6 .landing-tour-focus{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#456b5c transparent}
.landing-v6 .landing-tour-focus button{flex:0 0 auto;white-space:nowrap}
.landing-v6 .landing-tour-app-main .cashflow-dashboard,
.landing-v6 .landing-tour-app-main .cash-checklist,
.landing-v6 .landing-tour-app-main .cash-top-panel,
.landing-v6 .landing-tour-app-main .money-calendar{min-width:0}
.landing-v6 .landing-tour-app-main .cash-checklist-head{gap:10px}
.landing-v6 .landing-tour-app-main .cash-checklist-tools{margin-bottom:2px}
.landing-v6 .landing-tour-app-main .cash-checklist-item.landing-tour-inspectable{cursor:help}
.landing-v6 .landing-tour-app-main .cash-checklist-item[data-landing-inspect="yes"]:hover,
.landing-v6 .landing-tour-app-main .cash-checklist-item[data-landing-inspect="yes"]:focus-visible{outline:2px solid rgba(130,229,183,.68);outline-offset:1px}
@media(max-width:760px){
  .landing-v6 .landing-tour-stage-bar{align-items:stretch;gap:10px}
  .landing-v6 .landing-tour-stage-actions{min-width:0;flex-wrap:wrap}
  .landing-v6 #landingTourFocusButtons{flex:1 1 240px;max-width:100%}
  .landing-v6 .landing-tour-focus{justify-content:flex-start}
  .landing-v6 .landing-tour-focus button{font-size:11px;padding:9px 11px}
}


/* One Cash Runway presentation for the signed-in app and the real landing tour. */
.cashflow-dashboard .cash-position-overview .cash-runway-head{display:grid;align-items:start;justify-content:stretch;gap:4px}
.cashflow-dashboard .cash-position-overview .cash-runway-head p{
  display:block!important;max-width:none;margin:2px 0 0;text-align:left;
  font-size:11px;line-height:1.45;color:#aac8bc
}
.cashflow-dashboard .cash-position-overview .cash-runway-month small{
  font-size:10px;color:#9dbcae;font-weight:650;white-space:normal
}
.cashflow-dashboard .cash-position-overview .cash-runway-month>div{gap:4px 8px}
.landing-real-cash-runway{padding:13px;border:1px solid #426759;border-radius:14px;background:#172621;min-width:0}
.landing-real-cash-runway .cash-runway{margin:0;min-width:0}
.landing-real-cash-runway .cash-runway-head{display:grid;gap:4px}
.landing-real-cash-runway .cash-runway-head p{display:block!important;text-align:left;color:#a9c9bc;font-size:11px}
.landing-real-cash-runway .system-mini-foot{margin-top:10px}
@media(max-width:760px){
  .cashflow-dashboard .cash-position-overview .cash-runway-head p{font-size:11px}
  .cashflow-dashboard .cash-position-overview .cash-runway-month>div small{display:block}
  .landing-v6 .landing-tour-stage-actions{max-width:100%;min-width:0}
}


/* Cash Flow compact disclosures: check off in checklist, inspect timing in calendar. */
.cashflow-dashboard{padding:14px!important}
.cashflow-disclosure{display:block;box-sizing:border-box;min-width:0;overflow:hidden;border:1px solid #42665c;border-radius:16px;background:linear-gradient(145deg,#182723,#141f23);margin:16px 0;scroll-margin-top:18px}
.cash-checklist.cashflow-disclosure{display:block;padding:0;margin:18px 0 14px;border-color:#447466}
.cashflow-calendar-card{border-color:#3d5b56;background:linear-gradient(145deg,#172625,#141f22)}
.cashflow-disclosure-summary{display:flex;align-items:center;justify-content:space-between;gap:14px 18px;width:100%;min-width:0;margin:0;box-sizing:border-box;padding:16px 20px;cursor:pointer;list-style:none;text-align:left;color:#edfcf4;background:transparent;min-height:88px;user-select:none}
.cashflow-disclosure-summary::-webkit-details-marker{display:none}
.cashflow-disclosure-summary::marker{content:""}
.cashflow-disclosure-summary:hover{background:rgba(122,194,155,.07)}
.cashflow-disclosure-summary:focus-visible{outline:2px solid #8ee4b5;outline-offset:-4px}
.cashflow-disclosure[open]>.cashflow-disclosure-summary{border-bottom:1px solid rgba(124,166,148,.25)}
.cashflow-disclosure-summary>div:first-child,.cashflow-disclosure-label{flex:1 1 300px;min-width:0}
.cashflow-disclosure-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#8bdcb6}
.cashflow-disclosure-summary h3{font-family:var(--wmd-font-ui);font-size:clamp(20px,2vw,25px);line-height:1.17;letter-spacing:-.025em;margin:5px 0 3px;color:#effdf5}
.cashflow-disclosure-summary p{margin:0;color:#a4bdb2;font-size:12px;line-height:1.45;max-width:700px}
.cashflow-disclosure .cash-checklist-overview{flex:none;max-width:230px;text-align:right;justify-items:end;align-self:center}
.cashflow-disclosure .cash-checklist-overview strong{font-size:15px;color:#e5faef;line-height:1.35}
.cashflow-disclosure .cash-checklist-overview span{font-size:11px;color:#a5cfb5}
.cashflow-disclosure-chevron{display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid #426758;border-radius:9px;background:#1e3b31;color:#a8e5c0;font-size:23px;line-height:1;transition:transform .18s ease,background .18s}
.cashflow-disclosure[open]>.cashflow-disclosure-summary .cashflow-disclosure-chevron{transform:rotate(180deg)}
.cashflow-disclosure:not([open])>.cashflow-disclosure-body{display:none}
.cashflow-disclosure-body.cash-checklist-body{display:grid;gap:14px;padding:16px 19px 18px}
.cashflow-disclosure .cashflow-disclosure-body{min-width:0;box-sizing:border-box}
.cashflow-calendar-month{flex:none;color:#bddacb;font-size:12px;font-weight:750;padding:7px 10px;border:1px solid #45695c;border-radius:999px;background:#1c342c;white-space:nowrap}
.cashflow-calendar-body{padding:12px 15px 16px}
.cashflow-calendar-card .money-calendar{margin:0;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.cashflow-calendar-card .money-calendar-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px}
.cashflow-calendar-card .money-calendar-head>div:first-child{display:none}
.cashflow-calendar-card .money-calendar-head>p{flex:1 1 260px;margin:0;color:#b0c6bc;font-size:12px;line-height:1.55}
.cashflow-calendar-card .money-calendar-head .cash-calendar-actions{display:flex;gap:8px;flex-wrap:wrap}
.cashflow-calendar-card .cash-calendar-legend{margin-top:8px}
@media(max-width:760px){
 .cashflow-dashboard{padding:12px!important}
 .cashflow-disclosure{margin:12px 0;border-radius:13px}
 .cash-checklist.cashflow-disclosure{margin:14px 0;padding:0;border-radius:13px}
 .cashflow-disclosure-summary{min-height:75px;padding:13px 12px;gap:10px 12px;flex-wrap:nowrap;align-items:flex-start}
 .cashflow-disclosure-summary>div:first-child,.cashflow-disclosure-label{flex:1 1 auto;min-width:0}
 .cashflow-disclosure-summary h3{font-size:21px;margin:4px 0}
 .cashflow-disclosure-summary p{font-size:11px}
 .cashflow-disclosure .cash-checklist-overview{max-width:125px;align-self:center}
 .cashflow-disclosure .cash-checklist-overview strong{font-size:13px}
 .cashflow-disclosure .cash-checklist-overview span{font-size:10px}
 .cashflow-disclosure-chevron{width:30px;height:30px;font-size:20px}
 .cashflow-calendar-month{font-size:10px;padding:6px 7px}
 .cashflow-disclosure-body.cash-checklist-body{padding:12px;gap:11px}
 .cashflow-calendar-body{padding:12px}
 .cashflow-calendar-card .money-calendar-head{display:grid;gap:9px}
 .cashflow-calendar-card .money-calendar-head .cash-calendar-actions{width:100%}
}
@media(max-width:510px){
 .cashflow-disclosure-summary{display:grid;grid-template-columns:minmax(0,1fr) 31px;grid-template-rows:auto auto;gap:7px 10px}
 .cashflow-disclosure-summary>div:first-child,.cashflow-disclosure-label{grid-column:1;grid-row:1}
 .cashflow-disclosure .cash-checklist-overview,.cashflow-calendar-month{grid-column:1;grid-row:2;justify-self:start;text-align:left;justify-items:start;max-width:none;margin:0}
 .cashflow-disclosure-summary>.cashflow-disclosure-chevron{grid-column:2;grid-row:1;justify-self:end}
 .cashflow-disclosure .cash-checklist-overview{display:flex;flex-wrap:wrap;gap:4px 9px}
 .cashflow-disclosure .cash-checklist-overview span{align-self:center}
 .cashflow-disclosure-summary h3{font-size:21px}
 .cashflow-disclosure-summary p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.cashflow-disclosure-chevron{transition:none}}

/* v6.10.12: Consistent vector arrows across all signed-in Cash Flow controls. */
.ui-chevron,.cash-nav-arrow{display:block;flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.cash-category-arrow{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;transform-origin:center;transition:transform .18s ease}
.cash-category-toggle[aria-expanded="true"] .cash-category-arrow{transform:rotate(180deg)}
.cash-top-arrow{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;transform-origin:center}
.cash-top-card-advanced>summary>span:last-child{display:inline-grid;place-items:center;width:22px;height:22px}
.cash-top-managed>summary>span:last-child{display:inline-flex;align-items:center;gap:5px}
.cash-top-managed[open]>summary .ui-chevron{transform:rotate(180deg)}
.cashflow-disclosure-chevron .ui-chevron{width:19px;height:19px}
.cash-settings-integrated .cash-advanced-toggle>summary{display:flex;align-items:center;justify-content:space-between;gap:9px;list-style:none}
.cash-settings-integrated .cash-advanced-toggle>summary::-webkit-details-marker{display:none}
.cash-settings-integrated .cash-advanced-toggle>summary::marker{content:""}
.cashflow-settings-chevron{display:inline-flex;align-items:center;justify-content:center;flex:none;width:24px;height:24px;color:#a7cebc;transition:transform .18s ease}
.cash-advanced-toggle[open]>summary .cashflow-settings-chevron{transform:rotate(180deg)}
.monthbar-nav>button .cash-nav-arrow{width:21px;height:21px;margin:auto}
.cash-return-current .cash-nav-arrow{display:inline-block;width:17px;height:17px;vertical-align:middle;margin-right:3px}
.cash-checklist-tools [data-checklist-calendar] .cash-nav-arrow{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-left:2px}
.cash-checklist-edit .cash-nav-arrow{display:inline-block;width:14px;height:14px;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.cash-category-arrow,.cashflow-settings-chevron{transition:none}}

/* v6.10.13: Shared, consistent disclosure chevrons across the household money system.
   Directional arrows for navigation, trends and ordering remain intentionally distinct. */
.ui-chevron{display:block;width:20px;height:20px;min-width:0;min-height:0;flex:none;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.category-picker-wrap .category-picker>i .ui-chevron{width:16px;height:16px}
.invest-position-summary-icon,.invest-ticker-chevron{display:inline-grid;place-items:center;flex:none}
.invest-position-summary-icon .ui-chevron,.invest-ticker-chevron .ui-chevron{width:18px;height:18px}
.nw-overview-section .nw-overview-chevron,.budget-overview-chevron,.growth-snapshot-chevron{display:inline-grid;place-items:center;flex:none;width:27px;height:27px;transform-origin:center;transition:transform .18s ease}
.nw-overview-section .nw-overview-toggle[aria-expanded="true"] .nw-overview-chevron,.budget-overview-toggle[aria-expanded="true"] .budget-overview-chevron{transform:rotate(180deg)}
.nw-overview-section .nw-overview-chevron .ui-chevron,.budget-overview-chevron .ui-chevron,.growth-snapshot-chevron .ui-chevron{width:21px;height:21px}
.nw-group .collapse-btn{display:inline-grid;place-items:center}
.nw-group .collapse-btn .ui-chevron{width:15px;height:15px}
.nw-group .collapse-btn[aria-expanded="false"] .ui-chevron{transform:rotate(-90deg)}
.retirement-category-more-toggle{display:inline-flex;align-items:center;gap:8px}
.retirement-category-more-chevron{display:inline-grid;place-items:center;flex:none;transition:transform .18s ease}
.retirement-category-more-toggle[aria-expanded="true"] .retirement-category-more-chevron{transform:rotate(180deg)}
.retirement-category-more-chevron .ui-chevron{width:16px;height:16px}
.cash-outlook-details>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none}
.cash-outlook-details>summary::-webkit-details-marker{display:none}
.cash-outlook-details>summary::marker{content:""}
.cash-outlook-chevron{display:inline-grid;place-items:center;flex:none;width:23px;height:23px;color:#a4d2bd;transition:transform .18s ease}
.cash-outlook-chevron .ui-chevron{width:17px;height:17px}
.cash-outlook-details[open]>summary .cash-outlook-chevron{transform:rotate(180deg)}
.cash-top-picker>summary::marker{content:""}
.cash-top-picker>summary>span:nth-child(1){margin-left:auto}
.cash-top-picker-chevron{display:inline-grid;place-items:center;flex:none;color:#a4d2bd;transition:transform .18s ease}
.cash-top-picker-chevron .ui-chevron{width:18px;height:18px}
.cash-top-picker[open]>summary .cash-top-picker-chevron{transform:rotate(180deg)}
.cash-category-arrow .ui-chevron,.cash-top-arrow .ui-chevron{width:20px;height:20px}
.cash-top-card-advanced[open]>summary>span:last-child{transform:rotate(180deg)}
.calendar-day-count .cash-nav-arrow{display:inline-block;width:12px;height:12px;vertical-align:middle;margin-left:1px}
.cash-outlook-details button .cash-nav-arrow,.cash-top-manage-debt .cash-nav-arrow{display:inline-block;width:15px;height:15px;vertical-align:middle;margin-left:3px}
@media(prefers-reduced-motion:reduce){.nw-overview-section .nw-overview-chevron,.budget-overview-chevron,.growth-snapshot-chevron,.retirement-category-more-chevron,.cash-outlook-chevron,.cash-top-picker-chevron{transition:none}}

/* v6.10.14: Debt Paydown adopts the same disclosure-card treatment as Cash Flow. */
.debt-page{gap:15px}
.debt-page .debt-overview,.debt-page .debt-accounts-panel,.debt-page .debt-breakdown-panel,.debt-page .debt-results-panel{border-radius:16px;border-color:#344942;background:linear-gradient(145deg,#172320,#141d21);min-width:0}
.debt-page .debt-overview-head{align-items:flex-start}
.debt-page .debt-overview-head h2{font-size:clamp(25px,2.5vw,32px)}
.debt-page .debt-overview-head p{font-size:13px;line-height:1.5;max-width:720px;color:#a5bcb3}
.debt-page .debt-hero-kpis span,.debt-page .debt-result-kpis span{font-size:10px;color:#a7bcb2}
.debt-page .debt-hero-kpis small,.debt-page .debt-result-kpis small{font-size:11px;line-height:1.4;color:#9caea8}
.debt-page .debt-panel-head h3{font-size:clamp(20px,2vw,24px);line-height:1.2}
.debt-page .debt-panel-head>p{font-size:12px;line-height:1.5;color:#a2b6ac}
.debt-page .debt-method-card strong{font-size:16px}
.debt-page .debt-method-card small{font-size:12px;line-height:1.45;color:#a4b6af}
.debt-page .debt-plan-controls label>span,.debt-page .debt-fit>span{font-size:10px;color:#9eb7ab}
.debt-page .debt-plan-controls label>small,.debt-page .debt-fit small{font-size:11px;line-height:1.45;color:#a0b3a9}
.debt-page .debt-name strong{font-size:13px}
.debt-page .debt-name small{font-size:10px}
.debt-page .debt-strategy-disclosure{display:block;padding:0!important;margin:0;border:1px solid #42665c;border-radius:16px;background:linear-gradient(145deg,#182723,#141f23);overflow:hidden;min-width:0}
.debt-strategy-disclosure>summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,auto) 35px;gap:12px 18px;align-items:center;min-height:88px;padding:16px 20px;box-sizing:border-box;cursor:pointer;list-style:none;color:#eaf8ef;user-select:none}
.debt-strategy-disclosure>summary::-webkit-details-marker{display:none}
.debt-strategy-disclosure>summary::marker{content:""}
.debt-strategy-disclosure>summary:hover{background:rgba(122,194,155,.07)}
.debt-strategy-disclosure>summary:focus-visible{outline:2px solid #8ee4b5;outline-offset:-3px}
.debt-strategy-summary-main{min-width:0}
.debt-strategy-summary .debt-kicker{font-size:10px;color:#8bdcb6}
.debt-strategy-summary h3{font-family:var(--wmd-font-ui);font-size:clamp(21px,2.1vw,26px);line-height:1.18;margin:5px 0 4px;color:#f0fcf4;letter-spacing:-.025em}
.debt-strategy-summary-main p{font-size:12px;line-height:1.45;margin:0;color:#a4bdb2}
.debt-strategy-summary-current{display:grid;gap:3px;min-width:0;text-align:right;justify-items:end}
.debt-strategy-summary-current strong{font-size:15px;color:#dcf8e7}
.debt-strategy-summary-current small{font-size:12px;color:#b5d9c8}
.debt-strategy-summary-current>span{font-size:10px;line-height:1.25;color:#92b6a8}
.debt-strategy-chevron{display:grid;place-items:center;flex:none;width:35px;height:35px;border:1px solid #426758;border-radius:9px;background:#1e3b31;color:#a8e5c0;transition:transform .18s ease}
.debt-strategy-chevron .ui-chevron{width:19px;height:19px}
.debt-strategy-disclosure[open]>summary{border-bottom:1px solid rgba(124,166,148,.25)}
.debt-strategy-disclosure[open]>summary .debt-strategy-chevron{transform:rotate(180deg)}
.debt-strategy-body{padding:17px 20px 19px;display:grid;gap:14px;box-sizing:border-box}
.debt-strategy-body .debt-methods,.debt-strategy-body .debt-plan-controls{min-width:0}
.debt-strategy-body .debt-plan-controls{margin-top:0}
.debt-strategy-helper{margin:0;color:#a7c1b4;font-size:12px;line-height:1.5}
.debt-strategy-link-note{margin:0;padding:11px 13px;border-radius:9px;background:#182f27;color:#b2d8c2;font-size:11px;line-height:1.5}
@media(max-width:760px){
 .debt-page .debt-strategy-disclosure{padding:0!important;border-radius:13px}
 .debt-strategy-disclosure>summary{grid-template-columns:minmax(0,1fr) 31px;gap:8px 10px;padding:14px 13px;min-height:76px}
 .debt-strategy-summary-main{grid-column:1;grid-row:1}
 .debt-strategy-summary-current{grid-column:1;grid-row:2;text-align:left;justify-items:start;display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px}
 .debt-strategy-summary-current>span{flex:1 0 100%}
 .debt-strategy-chevron{grid-column:2;grid-row:1;width:30px;height:30px}
 .debt-strategy-summary h3{font-size:21px}
 .debt-strategy-summary-main p{font-size:11px}
 .debt-strategy-body{padding:13px;gap:12px}
 .debt-strategy-body .debt-methods,.debt-strategy-body .debt-plan-controls{grid-template-columns:1fr}
 .debt-page .debt-overview,.debt-page .debt-accounts-panel,.debt-page .debt-breakdown-panel,.debt-page .debt-results-panel{padding:14px;border-radius:13px}
}
@media(max-width:480px){
 .debt-page .debt-hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .debt-page .debt-hero-kpis article{padding:10px;min-width:0}
 .debt-page .debt-hero-kpis strong{font-size:clamp(14px,4vw,17px);overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){.debt-strategy-chevron{transition:none}}
.debt-strategy-disclosure:not([open])>.debt-strategy-body{display:none}

/* v6.10.16: Private, responsive Plaid sandbox testing in Settings. */
.sandbox-plaid-settings{border:1px solid rgba(105,197,153,.5);background:linear-gradient(140deg,rgba(28,66,50,.27),rgba(15,29,36,.26))}
.sandbox-plaid-settings .plaid-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.sandbox-plaid-settings .plaid-actions button{min-height:40px;white-space:normal}
.sandbox-plaid-settings .plaid-institution{min-width:0}
.sandbox-plaid-settings .plaid-account-row{min-width:0}
.sandbox-plaid-settings .plaid-map-label select{max-width:100%;min-width:0}
.plaid-sandbox-note{display:grid;gap:5px;border:1px solid rgba(116,204,159,.22);background:rgba(81,155,113,.08);border-radius:10px;padding:11px 13px;margin:12px 0;font-size:12px;line-height:1.5}
.plaid-sandbox-note b{color:#c8f5da}
.plaid-sandbox-note span{color:#b2c5bf}
@media(max-width:720px){.sandbox-plaid-settings .plaid-actions{display:grid;grid-template-columns:1fr}.sandbox-plaid-settings .plaid-actions button{width:100%}}
.plaid-sandbox-freshness{font-size:11px;line-height:1.5;color:#b5c9c1;margin:9px 0 0}
.plaid-holdings-preview{display:grid;gap:9px;margin-top:10px}
.plaid-holdings-preview section{border:1px solid #385449;border-radius:10px;padding:12px;min-width:0}
.plaid-holdings-preview section>strong{font-size:13px;color:#d4f6e0}
.plaid-holdings-row{display:flex;gap:9px;align-items:center;justify-content:space-between;border-top:1px solid #344940;padding:8px 0}
.plaid-holdings-row>span{display:grid;gap:2px;min-width:0}
.plaid-holdings-row b{font-size:12px;overflow-wrap:anywhere}
.plaid-holdings-row small{font-size:10px;color:#9fb9ad}
.plaid-holdings-row>strong{font-size:12px;white-space:nowrap}

/* launch.css */
.landing-v6 .launch-quick,.landing-v6 .launch-goals,.landing-v6 .launch-pricing{width:calc(100% - clamp(28px,6vw,110px));max-width:1370px;min-width:0;margin:0 auto;box-sizing:border-box;scroll-margin-top:100px}
.landing-v6 .launch-quick{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:center;background:#142121;border:1px solid #456b5a;border-radius:24px;padding:clamp(22px,3vw,44px)}
.landing-v6 .launch-eyebrow{color:#8adfb7;font-weight:850;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.landing-v6 .launch-quick h2,.landing-v6 .launch-goals h2,.landing-v6 .launch-pricing h2{color:#f0faf5;font-size:clamp(33px,4.4vw,57px);line-height:1.1;letter-spacing:-.04em;margin:12px 0}
.landing-v6 .launch-quick h2 em,.landing-v6 .launch-goals h2 em{font-style:normal;color:#81e6b8}
.landing-v6 .launch-quick-copy>p,.landing-v6 .launch-goals-header>p,.landing-v6 .launch-pricing-header>p{font-size:16px;line-height:1.65;color:#b8cfca;max-width:660px}
.landing-v6 .launch-quick-points{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.landing-v6 .launch-quick-points li{color:#d4e8df;font-size:14px}.landing-v6 .launch-quick-points li:before{content:'✓';color:#8be7b9;margin-right:9px}
.landing-v6 .launch-quick-card,.landing-v6 .launch-plan-card{background:#101c1e;border:1px solid #40564f;border-radius:18px;padding:clamp(18px,2.5vw,30px);min-width:0}
.landing-v6 .launch-quick-card-head,.landing-v6 .launch-plan-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.landing-v6 .launch-quick-card-head span,.landing-v6 .launch-plan-meta span{font-size:11px;color:#b5e9cd;border:1px solid #46735e;border-radius:24px;padding:5px 9px}
.landing-v6 .launch-quick-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.landing-v6 .launch-quick-fields label{display:grid;gap:6px;min-width:0;color:#c9e0d7;font-size:12px;font-weight:650}
.landing-v6 .launch-quick-fields input{width:100%;min-width:0;min-height:44px;background:#1e2c2b;border:1px solid #526b62;border-radius:9px;color:#fff;padding:10px;font-size:17px}
.landing-v6 .launch-quick-fields input:focus-visible{outline:2px solid #9af5c9;outline-offset:2px}
.landing-v6 .launch-quick-result{background:#1b382d;border:1px solid #4b785b;border-radius:14px;padding:16px;margin:18px 0 12px}
.landing-v6 .launch-quick-result.launch-quick-warning{background:#3b2b28;border-color:#a8655a}
.landing-v6 .launch-result-values{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.landing-v6 .launch-result-values div{display:grid;gap:6px}.landing-v6 .launch-result-values span{font-size:11px;color:#c3d9cb;line-height:1.4}
.landing-v6 .launch-result-values strong{font-size:clamp(23px,3vw,32px);letter-spacing:-.03em;color:#eafff0;overflow-wrap:anywhere}
.landing-v6 .launch-quick-result p{font-size:13px;line-height:1.5;color:#d9ede1;margin:13px 0 0;padding-top:12px;border-top:1px solid #ffffff22}
.landing-v6 .launch-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0}
.landing-v6 .launch-actions .landing-primary{min-height:43px;padding:12px 18px;border-radius:10px}
.landing-v6 .launch-actions a{color:#a8e5c4;font-size:13px;text-underline-offset:4px}
.landing-v6 .launch-quick-reset{background:transparent;border:0;color:#b3c7c0;text-decoration:underline;font-size:12px;padding:4px 0}
.landing-v6 .launch-quick-privacy{color:#a0b9af;font-size:12px;line-height:1.55;margin:10px 0 0}
.landing-v6 .launch-goals-header,.landing-v6 .launch-pricing-header{max-width:800px;margin-bottom:25px}
.landing-v6 .launch-goals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.landing-v6 .launch-goal-card{border:1px solid #405a51;background:#182628;border-radius:18px;padding:26px}
.landing-v6 .launch-goal-icon{font-size:27px}.landing-v6 .launch-goal-card h3{font-size:23px;color:#f3faf6;margin:14px 0 8px}
.landing-v6 .launch-goal-card p{color:#b8ccc7;font-size:14px;line-height:1.6;margin:0}
.landing-v6 .launch-goal-footer{border-top:1px solid #3a5147;margin-top:18px;padding-top:14px;color:#96d4af;font-size:12px;font-weight:750}
.landing-v6 .launch-pricing{border:1px solid #3a5652;border-radius:24px;padding:clamp(22px,3vw,42px);background:#132023}
.landing-v6 .launch-pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.landing-v6 .launch-plan-card:first-child{border-color:#67a282;background:#1a302a}
.landing-v6 .launch-plan-meta b{color:#f3fbf6;font-size:20px}
.landing-v6 .launch-plan-price{display:flex;align-items:baseline;gap:9px;margin:22px 0 12px}
.landing-v6 .launch-plan-price strong{font-size:clamp(34px,4vw,48px);letter-spacing:-.04em}
.landing-v6 .launch-plan-price small{color:#b8ccc4}.landing-v6 .launch-plan-card>p{font-size:14px;line-height:1.5;color:#bfcfc7}
.landing-v6 .launch-plan-card ul{list-style:none;padding:0;display:grid;gap:9px;margin:18px 0 25px}
.landing-v6 .launch-plan-card li{font-size:14px;color:#deebe3}.landing-v6 .launch-plan-card li:before{content:'✓';margin-right:9px;color:#8ee5b4}
.landing-v6 .launch-plan-card .landing-primary,.landing-v6 .launch-pricing-link{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:11px 20px;min-height:43px;font-size:14px;text-decoration:none}
.landing-v6 .launch-pricing-link{border:1px solid #688579;color:#e6faed;background:#253936}
.landing-v6 .launch-pricing-note{color:#a8bdb6;font-size:12px;line-height:1.5;margin-top:20px}
@media(max-width:950px){.landing-v6 .launch-quick{grid-template-columns:1fr}.landing-v6 .launch-goals-grid{grid-template-columns:1fr 1fr}.landing-v6 .launch-goal-card:last-child{grid-column:1/-1}}
@media(max-width:680px){.landing-v6 .launch-quick,.landing-v6 .launch-pricing{padding:20px;border-radius:18px}.landing-v6 .launch-goals-grid,.landing-v6 .launch-pricing-grid{grid-template-columns:1fr}.landing-v6 .launch-goal-card:last-child{grid-column:auto}.landing-v6 .launch-quick-card{padding:16px}.landing-v6 .launch-quick-fields input{font-size:16px}.landing-v6 .launch-result-values strong{font-size:clamp(22px,6vw,29px)}}
@media(max-width:380px){.landing-v6 .launch-quick-fields{grid-template-columns:1fr}.landing-v6 .launch-result-values{grid-template-columns:1fr}}


/* Landing value demonstration: the five-input exercise is a contrast to a recurring plan,
   never a substitute for the real app preview. */
.landing-v6 .launch-quick-copy>p.launch-quick-promise{margin:22px 0 0;padding:15px 18px;border-left:3px solid #82e7b6;background:rgba(112,197,149,.075);color:#e3f9eb;border-radius:0 10px 10px 0;font-size:15px;line-height:1.5}
.landing-v6 .launch-quick-promise strong{font-weight:760}
.landing-v6 .launch-quick-transition{background:linear-gradient(130deg,rgba(59,127,100,.18),rgba(23,53,50,.52));border:1px solid #557e69;border-radius:14px;padding:19px 20px;margin:19px 0 0;display:grid;gap:9px}
.landing-v6 .launch-quick-transition .launch-eyebrow{font-size:11px;color:#91e9c0;letter-spacing:.12em}
.landing-v6 .launch-quick-transition>strong{display:block;color:#f3fff7;font-size:clamp(17px,2vw,21px);line-height:1.3;letter-spacing:-.015em}
.landing-v6 .launch-quick-transition>p{margin:0;color:#c8e4d6;font-size:13px;line-height:1.55}
.landing-v6 .launch-quick-transition>p.launch-quick-focus{color:#b1f1ce;font-weight:750}
.landing-v6 .launch-actions{margin:18px 0;gap:12px}
.landing-v6 .launch-actions .launch-preview-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;background:#6cddb0;color:#082d20;border:1px solid #a5f9d4;text-decoration:none;border-radius:10px;padding:11px 15px;font-size:13px;font-weight:800;line-height:1.35;text-align:center;transition:background .15s}
.landing-v6 .launch-actions .launch-preview-link:hover{background:#a6f3cf;color:#072a1d}
.landing-v6 .launch-actions .launch-preview-link:focus-visible{outline:2px solid #f1fffb;outline-offset:3px}
.landing-v6 .launch-actions .landing-primary{background:#243e33;border:1px solid #75ae8d;color:#e5fbeb}
.landing-v6 .launch-actions .landing-primary:hover{background:#325340}
.landing-v6 .launch-quick-reset{margin-left:auto}
.landing-v6 details.launch-quick-privacy{border-top:1px solid #2c4940;padding:10px 0 0;margin-top:4px}
.landing-v6 details.launch-quick-privacy summary{display:list-item;cursor:pointer;font-size:12px;line-height:1.5;color:#b5d1c1;list-style-position:inside;min-height:29px}
.landing-v6 details.launch-quick-privacy summary:focus-visible{outline:2px solid #9af5c9;outline-offset:3px}
.landing-v6 details.launch-quick-privacy>p{font-size:12px;color:#a5c1b2;line-height:1.6;margin:8px 0 1px}
@media(max-width:680px){
 .landing-v6 .launch-quick-copy>p.launch-quick-promise{font-size:13px;padding:13px 15px;margin-top:17px}
 .landing-v6 .launch-quick-transition{padding:15px 16px;margin-top:16px;gap:8px}
 .landing-v6 .launch-quick-transition>strong{font-size:18px}
 .landing-v6 .launch-actions .launch-preview-link{width:100%;font-size:14px}
 .landing-v6 .launch-actions .landing-primary{width:100%;justify-content:center}
 .landing-v6 .launch-quick-reset{margin:0 auto}
}
@media(prefers-reduced-motion:reduce){.landing-v6 .launch-actions .launch-preview-link{transition:none}}


/* 6.10.102: One-decision ripple demo. The selling point is the connection
   between workspaces, not a five-field arithmetic exercise. */
.landing-v6 .launch-quick{
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  align-items:center;
  background:linear-gradient(145deg,#121f20,#101a1d);
  border-color:#344f47
}
.landing-v6 .launch-quick-copy>p.launch-quick-bigger{color:#c7d8d4!important;max-width:590px}
.landing-v6 .launch-quick-card.launch-ripple-card{
  padding:clamp(18px,2.2vw,27px);
  border-color:#344a45;
  background:#0f191c;
  box-shadow:0 18px 48px rgba(0,0,0,.18)
}
.landing-v6 .launch-ripple-head{align-items:flex-start;margin-bottom:14px}
.landing-v6 .launch-ripple-head>div{display:grid;gap:5px;min-width:0}
.landing-v6 .launch-ripple-head>div>b{font-size:clamp(17px,1.7vw,21px);line-height:1.3;color:#f0f7f4}
.landing-v6 .launch-ripple-kicker{padding:0!important;border:0!important;color:#82dfb8!important;font-size:10px!important;letter-spacing:.12em;font-weight:850}
.landing-v6 .launch-ripple-head>span{flex:none;font-size:9px!important;letter-spacing:.08em;background:#172521!important;color:#b9d8ca!important}
.landing-v6 .launch-ripple-control{
  display:grid;gap:8px;padding:15px 16px;margin-bottom:13px;
  border:1px solid #30463f;border-radius:13px;background:#142022
}
.landing-v6 .launch-ripple-control-top{display:flex;align-items:center;justify-content:space-between;gap:14px}
.landing-v6 .launch-ripple-control-top>label{font-size:13px;font-weight:760;color:#d9e7e2}
.landing-v6 .launch-ripple-amount{
  display:flex;align-items:center;gap:4px;width:132px;min-height:42px;padding:0 10px;
  border:1px solid #4d6b60;border-radius:9px;background:#1a2928;color:#aee8cb
}
.landing-v6 .launch-ripple-amount>span{font-size:16px;font-weight:800}
.landing-v6 .launch-ripple-amount input{
  width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;
  color:#f2faf6;font-size:20px;font-weight:820;padding:6px 0!important;box-shadow:none!important
}
.landing-v6 .launch-ripple-range{width:100%;accent-color:#7fdcb6}
.landing-v6 .launch-ripple-range:focus-visible{outline:2px solid #91e8c2;outline-offset:4px}
.landing-v6 .launch-ripple-scale{display:flex;justify-content:space-between;color:#7f9690;font-size:10px}
.landing-v6 .launch-ripple-control>p{margin:2px 0 0;color:#91a9a3;font-size:10.5px;line-height:1.45}
.landing-v6 .launch-ripple-results{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.landing-v6 .launch-ripple-results article{
  --ripple-accent:#90b8aa;
  position:relative;display:grid;align-content:start;gap:5px;min-width:0;min-height:112px;
  padding:13px 12px 12px;border:1px solid #2d3e40;border-radius:11px;background:#131e22;
  transition:border-color .16s ease,background .16s ease,transform .16s ease
}
.landing-v6 .launch-ripple-results article::before{
  content:"";position:absolute;left:12px;right:12px;top:-1px;height:2px;border-radius:3px;
  background:var(--ripple-accent);opacity:.42
}
.landing-v6 .launch-ripple-results article[data-ripple-area="budget"]{--ripple-accent:var(--wmd-budget-accent,#d6bc91)}
.landing-v6 .launch-ripple-results article[data-ripple-area="cashflow"]{--ripple-accent:var(--wmd-cashflow-accent,#a0c4df)}
.landing-v6 .launch-ripple-results article[data-ripple-area="debt"]{--ripple-accent:var(--wmd-debt-accent,#d4afb2)}
.landing-v6 .launch-ripple-results article[data-ripple-area="investments"]{--ripple-accent:var(--wmd-investments-accent,#b6acd7)}
.landing-v6 .launch-ripple-results article[data-ripple-area="networth"]{--ripple-accent:var(--wmd-networth-accent,#8ac8b1)}
.landing-v6 .launch-ripple-results article[data-ripple-area="retirement"]{--ripple-accent:var(--wmd-retirement-accent,#a0c7d4)}
.landing-v6 .launch-ripple-results article.is-affected{
  border-color:color-mix(in srgb,var(--ripple-accent) 42%,#334348);
  background:color-mix(in srgb,var(--ripple-accent) 7%,#131e22)
}
.landing-v6 .launch-ripple-results article.is-warning{box-shadow:inset 0 0 0 1px rgba(220,168,122,.12)}
.landing-v6 .launch-ripple-results article>span{color:var(--ripple-accent);font-size:9px;font-weight:850;letter-spacing:.09em}
.landing-v6 .launch-ripple-results article>strong{
  color:#eef6f3;font-size:clamp(17px,1.6vw,22px);line-height:1.12;letter-spacing:-.025em;overflow-wrap:anywhere
}
.landing-v6 .launch-ripple-results article>small{color:#9fb3b1;font-size:10.5px;line-height:1.42}
.landing-v6 .launch-ripple-takeaway{
  display:grid;gap:4px;margin-top:11px;padding:13px 15px;border-left:3px solid #82e0b8;
  border-radius:0 10px 10px 0;background:#152723
}
.landing-v6 .launch-ripple-takeaway>span{font-size:9px;letter-spacing:.11em;font-weight:850;color:#83ddb7}
.landing-v6 .launch-ripple-takeaway>strong{font-size:14px;line-height:1.4;color:#effaf4}
.landing-v6 .launch-ripple-takeaway>p{margin:0;color:#abc1ba;font-size:11px;line-height:1.45}
.landing-v6 .launch-ripple-card .launch-actions{margin:13px 0 8px}
.landing-v6 .launch-ripple-disclaimer{margin:7px 0 0;color:#7f9691;font-size:10px;line-height:1.5}
@media(max-width:950px){
  .landing-v6 .launch-quick{grid-template-columns:1fr}
}
@media(max-width:700px){
  .landing-v6 .launch-ripple-results{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing-v6 .launch-ripple-control-top{align-items:flex-start}
}
@media(max-width:430px){
  .landing-v6 .launch-ripple-results{grid-template-columns:1fr}
  .landing-v6 .launch-ripple-control-top{display:grid}
  .landing-v6 .launch-ripple-amount{width:100%;box-sizing:border-box}
  .landing-v6 .launch-ripple-results article{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .launch-ripple-results article{transition:none}
}


/* 6.10.104: keep the ripple demo visually stationary while the slider changes.
   Dynamic values and notes reserve the same space instead of reflowing the card. */
.landing-v6 .launch-ripple-amount input,
.landing-v6 .launch-ripple-results article>strong{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1
}
.landing-v6 .launch-ripple-results article{
  grid-template-rows:auto 2.4em 3.25em;
  min-height:120px
}
.landing-v6 .launch-ripple-results article>strong{
  display:block;
  min-height:2.4em;
  font-size:clamp(15px,1.45vw,20px);
  line-height:1.18;
  white-space:nowrap
}
.landing-v6 .launch-ripple-results article>small{
  display:block;
  min-height:3.25em
}
.landing-v6 .launch-ripple-takeaway>strong{
  display:block;
  min-height:2.8em
}
.landing-v6 .launch-ripple-amount input{text-align:right}
@media(max-width:700px){
  .landing-v6 .launch-ripple-results article>strong{font-size:16px}
}
@media(max-width:430px){
  .landing-v6 .launch-ripple-results article{
    grid-template-rows:auto auto auto;
    min-height:0
  }
  .landing-v6 .launch-ripple-results article>strong,
  .landing-v6 .launch-ripple-results article>small,
  .landing-v6 .launch-ripple-takeaway>strong{min-height:0}
}


/* 6.10.105: the Net Worth before/after value is the longest ripple metric.
   Let that one value use the already-reserved two-line value row instead of
   overflowing its card. Other metrics remain single-line and stationary. */
.landing-v6 .launch-ripple-results article[data-ripple-area="networth"]>strong{
  white-space:normal;
  overflow-wrap:normal;
  max-width:100%
}

/* investments-refresh.css */
/* Investments: clearer hierarchy, honest portfolio coverage and adaptive position cards.
   Scoped to signed-in Investments; the same markup remains usable in the public product preview. */
.invest-page.invest-refresh{--invest-border:#3d514d;--invest-muted:#a8bbb6;--invest-ink:#edf7f2;--invest-accent:#9fcbb8;display:grid;gap:20px;min-width:0}
.invest-refresh button,.invest-refresh input,.invest-refresh select{font-family:inherit}
.invest-refresh button:focus-visible,.invest-refresh summary:focus-visible,.invest-refresh input:focus-visible,.invest-refresh select:focus-visible{outline:2px solid #a8d6c2;outline-offset:3px}
.invest-refresh .invest-toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:17px 22px;margin:0;border:1px solid #304b48;border-radius:16px;background:linear-gradient(115deg,#162729,#121d23)}
.invest-toolbar-title{display:grid;gap:3px;min-width:0}.invest-toolbar-title>.invest-kicker{font-size:10px}
.invest-toolbar-title>strong{font-size:27px;letter-spacing:-.035em;line-height:1.12;color:var(--invest-ink)}
.invest-toolbar-title>small{font-size:13px;line-height:1.45;color:var(--invest-muted)}
.invest-toolbar-navigation{display:grid;gap:8px;justify-items:end;min-width:0}
.invest-refresh .invest-subnav{display:flex;gap:4px;width:auto;max-width:100%;margin:0;padding:5px;border-color:#36514d;background:#101c1f}
.invest-refresh .invest-subnav button{font-size:13px;padding:10px 14px;min-height:40px;border-radius:9px;white-space:nowrap}
.invest-refresh .invest-subnav button.active{background:#25483b;color:#f2fff7;border-color:#638b75}
.invest-refresh .invest-sync-pill{font-size:11px;padding:6px 12px;color:#b8e5d0}
.invest-refresh .invest-hero-refreshed{border-radius:22px;min-height:205px;padding:30px 32px;background:radial-gradient(ellipse at 7% 20%,rgba(75,161,112,.19),transparent 64%),linear-gradient(125deg,#1b2c2b,#111c22);border:1px solid #4b7060;box-shadow:0 18px 42px rgba(0,0,0,.14);gap:26px}
.invest-refresh .invest-hero-copy{min-width:0;flex:1}
.invest-refresh .invest-hero-copy .invest-kicker{color:#92edc3;font-size:12px;letter-spacing:.14em}
.invest-refresh .invest-hero-refreshed h2{font-family:var(--wmd-font-ui);font-size:clamp(38px,5.6vw,64px);font-weight:860;letter-spacing:-.047em;line-height:1.05;margin:11px 0 9px;color:#f7fff9;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invest-refresh .invest-hero-refreshed p{font-size:15px;line-height:1.6;color:#c1d5ce;max-width:650px;margin:0}
.invest-hero-meta{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.invest-hero-meta>span{font-size:12px;font-weight:650;line-height:1.4;padding:7px 10px;color:#bddfcd;border-radius:99px;background:#ffffff0d;border:1px solid #ffffff1a}
.invest-refresh .invest-hero-actions{display:grid;gap:9px;min-width:190px;justify-content:stretch}
.invest-refresh .invest-hero-actions button{min-height:43px;font-size:13px;font-weight:760;border-radius:10px;padding:10px 13px;white-space:normal}
.invest-refresh .invest-hero-actions .invest-hero-emphasis{background:#317151;border-color:#66ba8a;color:#f4fff8}
.invest-refresh .invest-hero-actions .invest-hero-emphasis:hover{background:#398360}
.invest-clarity{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.96fr) minmax(0,1fr);gap:14px;min-width:0}
.invest-clarity>div{border:1px solid #38514b;border-radius:16px;padding:21px;background:#162024;min-width:0}
.invest-clarity .invest-kicker{font-size:11px;color:#8fddb9;line-height:1.45}
.invest-clarity-focus{background:radial-gradient(circle at 90% 0%,rgba(65,141,104,.15),transparent),#192a27!important;border-color:#507660!important}
.invest-clarity-focus h3{font-size:clamp(19px,2.2vw,25px);line-height:1.2;letter-spacing:-.03em;color:#f0fcf6;margin:11px 0 9px}
.invest-clarity-focus p{font-size:13px;line-height:1.65;margin:0;color:#b6d1c6;max-width:480px}
.invest-clarity-focus button{border:1px solid #69a683;background:#244c37;color:#effff4;font-weight:750;border-radius:9px;padding:11px 14px;margin-top:17px;min-height:42px}
.invest-clarity-focus button:hover{background:#2c6346}
.invest-clarity-coverage{display:grid;gap:3px;margin:12px 0 12px}
.invest-clarity-coverage strong{font-size:40px;line-height:1.1;color:#f2fcf7;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.invest-clarity-coverage span{font-size:13px;line-height:1.5;color:#c5d7d0}
.invest-clarity-track{height:9px;border-radius:99px;overflow:hidden;background:#31413e;margin:13px 0}
.invest-clarity-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#5aaf9a,#a6e7bd)}
.invest-clarity-completeness>small{display:block;color:#9fb5ac;line-height:1.5;font-size:11px}
.invest-clarity-top-head{display:grid;gap:4px;border-bottom:1px solid #334340;padding-bottom:11px;margin-bottom:6px}
.invest-clarity-top-head small{font-size:11px;color:#a4b8b2;line-height:1.45}
.invest-clarity-position{display:flex;gap:14px;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2a3a39}
.invest-clarity-position:last-of-type{border-bottom:0}
.invest-clarity-position>div{min-width:0;display:grid;gap:3px}
.invest-clarity-position>div:last-child{text-align:right;justify-items:end}
.invest-clarity-position strong{font-size:13px;color:#eff5f1;overflow-wrap:anywhere}
.invest-clarity-position b{font-size:14px;color:#eef9f4;font-variant-numeric:tabular-nums;white-space:nowrap}
.invest-clarity-position span,.invest-clarity-position small{font-size:11px;color:#9baea9;line-height:1.35}
.invest-clarity-empty{color:#a9bcb5;font-size:13px;line-height:1.6}
.invest-refresh .invest-today{border-radius:18px;padding:23px;background:linear-gradient(135deg,#171f25,#151d20);border-color:#34474c}
.invest-refresh .invest-today-head h3{font-family:var(--wmd-font-ui);font-size:clamp(23px,2.5vw,30px);font-weight:780;letter-spacing:-.035em}
.invest-refresh .invest-today-head p{font-size:13px;color:#9fb3b6}
.invest-refresh .invest-today-total{border:1px solid #3b5750;background:#18272a;border-radius:13px;padding:14px 18px;min-width:215px}
.invest-refresh .invest-today-total strong{font-size:28px}
.invest-refresh .invest-today-section-title>span{font-size:12px}
.invest-refresh .invest-today-account strong,.invest-refresh .invest-mover-row strong{font-size:14px}
.invest-refresh .invest-today-account span,.invest-refresh .invest-mover-row span{font-size:11px}
.invest-refresh .invest-today-empty{font-size:12px}
.invest-refresh .invest-kpis{gap:13px}
.invest-refresh .invest-kpis article{padding:18px;border-radius:14px;border:1px solid #3c4b4b;background:linear-gradient(160deg,#1a272b,#172026);min-width:0}
.invest-refresh .invest-kpis span{font-size:12px;font-weight:700;letter-spacing:.015em;color:#b5c7c4}
.invest-refresh .invest-kpis strong{font-size:clamp(21px,2.7vw,30px);font-weight:800;letter-spacing:-.025em;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invest-refresh .invest-kpis strong.positive{color:#86dbad}
.invest-refresh .invest-kpis small{font-size:11px;line-height:1.5;color:#9cadad}
.invest-refresh .invest-panel{border-color:#34484a;border-radius:16px}
.invest-refresh .invest-panel-head h3{font-family:var(--wmd-font-ui);font-size:24px;letter-spacing:-.026em;font-weight:760;line-height:1.2}
.invest-refresh .invest-panel-head p{font-size:13px;line-height:1.6;color:#a8b9b8}
.invest-refresh .invest-panel .side-legend span,.invest-refresh .invest-panel .side-legend b{font-size:13px}
.invest-refresh .invest-panel .side-legend{min-width:0}
.invest-refresh .invest-allocation-note{font-size:12px;line-height:1.55}
.invest-refresh .invest-account-copy strong{font-size:16px}
.invest-refresh .invest-account-balance-cell strong,.invest-refresh .invest-account-performance strong{font-size:18px}
.invest-refresh .invest-account-copy span,.invest-refresh .invest-account-balance-cell span,.invest-refresh .invest-account-performance span{font-size:12px;line-height:1.5}
.invest-refresh .invest-holdings-modern{padding:0;border:0;background:none;display:grid;gap:16px}
.invest-refresh .invest-holdings-modern .invest-panel-head{padding:5px 2px 0;margin:0}
.invest-refresh .invest-holdings-modern .invest-panel-head h3{font-size:clamp(24px,3vw,34px)}
.invest-refresh .invest-holdings-toolbar{border-radius:13px;padding:14px 17px;margin:0;background:#172329;border-color:#375053}
.invest-refresh .invest-holdings-toolbar label>span{font-size:12px;color:#98dac0}
.invest-refresh .invest-holdings-toolbar select{min-height:44px;font-size:14px}
.invest-refresh .invest-holdings-toolbar small{font-size:12px}
.invest-position-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.invest-position-summary>div{display:grid;align-content:start;gap:5px;padding:17px 20px;border:1px solid #395451;border-radius:13px;background:#172528}
.invest-position-summary>div span{font-size:12px;font-weight:700;color:#b3cbc0}
.invest-position-summary>div strong{font-size:clamp(22px,2.5vw,30px);letter-spacing:-.035em;font-weight:780;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.invest-position-summary>div strong.positive{color:#88dfae}
.invest-position-summary>div strong.negative{color:#e89991}
.invest-position-summary>div small{color:#a0b5ae;font-size:11px;line-height:1.5}
.invest-position-list{display:grid;gap:13px;min-width:0}
.invest-position{min-width:0;background:linear-gradient(115deg,#1b282c,#172124);border:1px solid #3c5153;border-radius:16px;overflow:hidden;transition:border-color .15s,box-shadow .15s}
.invest-position:hover{border-color:#638e7c;box-shadow:0 6px 22px rgba(0,0,0,.13)}
.invest-position-core{display:grid;grid-template-columns:minmax(170px,1.55fr) minmax(120px,1fr) minmax(132px,.92fr) minmax(135px,.93fr) minmax(105px,.64fr);gap:18px;align-items:center;padding:19px 20px}
.invest-position-core>div{min-width:0}
.invest-position-identity{display:grid;gap:5px;align-content:center}
.invest-position-symbol{width:max-content;max-width:100%;padding:5px 9px;border:1px solid #416c58;background:#254237;border-radius:7px;color:#aff1cc;font-size:11px;font-weight:850;letter-spacing:.07em;overflow-wrap:anywhere}
.invest-position-identity strong{color:#f3fbf7;font-size:16px;font-weight:790;line-height:1.3;overflow-wrap:anywhere}
.invest-position-identity small{font-size:12px;color:#a0b6ad;line-height:1.4;overflow-wrap:anywhere}
.invest-position-caption{display:block;color:#a5bdb6;text-transform:uppercase;letter-spacing:.055em;font-size:10px;font-weight:780;margin-bottom:7px}
.invest-position-trend .invest-spark{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0}
.invest-position-trend .invest-spark svg{width:min(96px,65%);height:43px;flex:none;max-width:100%}
.invest-position-trend .invest-spark span{font-size:11px;font-weight:800}
.invest-position-trend .invest-spark-empty{font-size:12px;color:#9caba9}
.invest-position-value,.invest-position-return{display:grid;gap:4px;align-content:center}
.invest-position-value>strong,.invest-position-return>strong{font-weight:820;font-size:clamp(17px,1.8vw,22px);letter-spacing:-.02em;line-height:1.2;color:#f7fcf8;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invest-position-return>strong.positive{color:#89dcab}
.invest-position-return>strong.negative{color:#e99890}
.invest-position-return>strong.unknown{color:#d9e0de}
.invest-position-value>small,.invest-position-return>small{font-size:11px;line-height:1.4;color:#9aafaa}
.invest-position-trades{display:grid;gap:7px}
.invest-position-trades button{min-height:38px;border:1px solid #4c655a;border-radius:8px;background:#20352b;color:#d6eee1;padding:9px 11px;font-size:12px;font-weight:760}
.invest-position-trades button:first-child{background:#2b5740;border-color:#4e9471;color:#f3fff8}
.invest-position-trades button:hover:not(:disabled){background:#306547}
.invest-position-trades button:disabled{opacity:.4;cursor:not-allowed}
.invest-refresh .invest-position-trades button[data-trade-type="Sell"]{background:#5c282f;border-color:#bf6570;color:#ffe5e8}
.invest-refresh .invest-position-trades button[data-trade-type="Sell"]:hover:not(:disabled){background:#7a333d;border-color:#df8994;color:#fff5f6}
.invest-position-details{border-top:1px solid #2d4643;min-width:0}
.invest-position-details>summary{display:flex;align-items:center;gap:9px;padding:12px 20px;cursor:pointer;list-style:none;min-height:44px;background:#172428;color:#b6d4c6;user-select:none}
.invest-position-details>summary::-webkit-details-marker{display:none}
.invest-position-details>summary strong{font-size:12px;font-weight:750}
.invest-position-details>summary small{font-size:11px;color:#99aca8}
.invest-position-details>summary:hover{background:#1f3330;color:#f0fff7}
.invest-position-details[open]>summary{border-bottom:1px solid #34534a;background:#20352f}
.invest-position-summary-icon{font-size:18px;line-height:1;transform:rotate(0deg);transition:transform .18s}
.invest-position-details[open] .invest-position-summary-icon{transform:rotate(180deg)}
.invest-position-editor{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;padding:20px;background:#152023}
.invest-position-editor>label,.invest-position-editor .invest-position-price,.invest-position-editor .invest-position-allocation{display:grid;gap:7px;align-content:start;min-width:0}
.invest-position-editor label>span,.invest-position-editor .invest-position-allocation>span{font-size:11px;font-weight:780;letter-spacing:.04em;text-transform:uppercase;color:#b3d1c1}
.invest-position-editor input,.invest-position-editor select{width:100%;min-width:0;min-height:42px;padding:10px 11px;border:1px solid #4a6260;border-radius:9px;background:#19272b;color:#f4faf7;font-size:14px}
.invest-position-editor input[readonly]{color:#b3bfbd;background:#142024}
.invest-position-editor small{display:block;font-size:11px;line-height:1.45;color:#9caeaa}
.invest-position-editor .invest-native-input{display:flex;align-items:center;gap:8px;min-width:0}
.invest-position-editor .invest-native-input>span{font-size:11px;font-weight:800;color:#a6cec0;flex:none}
.invest-position-editor .invest-native-input input{width:100%;min-width:0}
.invest-position-price-foot{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;flex-wrap:wrap}
.invest-position-price-foot small{min-width:0;flex:1}
.invest-position-price-foot button,.invest-position-allocation button{min-height:30px;border:1px solid #467a62;border-radius:7px;background:#213c31;color:#b9edce;padding:5px 10px;font-size:11px;font-weight:730}
.invest-position-price-foot button:disabled{opacity:.42;cursor:not-allowed}
.invest-position-allocation>strong{color:#edf9f1;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.invest-position-allocation>div{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.invest-position-editor-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:14px 20px 18px;background:#152023;border-top:1px solid #2b4140}
.invest-position-editor-foot small{max-width:680px;color:#9dafaa;font-size:11px;line-height:1.5}
.invest-position-delete{border:1px solid #7b4f53;border-radius:8px;background:#2b1e22;color:#e4a2a5;padding:9px 12px;min-height:38px;font-size:12px}
.invest-position-delete:hover{background:#3e262c}
.invest-refresh .invest-market-status{font-size:12px;line-height:1.5;color:#adbbb9;margin:0}
.invest-position-disclosure{margin:0;font-size:12px;line-height:1.6;color:#95aaa8}
@media(max-width:1190px){
 .invest-clarity{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invest-clarity-focus{grid-column:1/-1}
 .invest-position-core{grid-template-columns:minmax(180px,1.4fr) minmax(120px,1fr) minmax(135px,1fr) minmax(135px,1fr);gap:14px}
 .invest-position-trades{grid-column:1/-1;display:flex;justify-content:flex-end}
 .invest-position-trades button{min-width:100px}
 .invest-position-editor{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:850px){
 .invest-refresh .invest-toolbar{display:grid;gap:13px}
 .invest-toolbar-navigation{justify-items:start;width:100%}
 .invest-refresh .invest-subnav{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
 .invest-refresh .invest-subnav button{padding:10px 4px;font-size:12px;white-space:normal}
 .invest-refresh .invest-hero-refreshed{display:grid;grid-template-columns:1fr}
 .invest-refresh .invest-hero-actions{display:flex;flex-wrap:wrap;min-width:0;justify-content:flex-start}
 .invest-refresh .invest-hero-actions button{flex:1;min-width:130px}
 .invest-position-core{grid-template-columns:1.1fr .9fr}
 .invest-position-identity{grid-column:1/-1}
 .invest-position-trend{grid-column:1;grid-row:2}
 .invest-position-value{grid-column:2;grid-row:2;text-align:right}
 .invest-position-return{grid-column:1;grid-row:3}
 .invest-position-trades{grid-column:2;grid-row:3;align-items:center;justify-content:flex-end}
 .invest-position-trades button{flex:1;min-width:70px}
 .invest-position-editor{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invest-clarity{grid-template-columns:1fr}
 .invest-clarity-focus{grid-column:auto}
}
@media(max-width:600px){
 .invest-page.invest-refresh{gap:14px}
 .invest-refresh .invest-toolbar{padding:14px;border-radius:13px}
 .invest-toolbar-title>strong{font-size:24px}
 .invest-toolbar-title>small{font-size:12px}
 .invest-refresh .invest-hero-refreshed{padding:20px;border-radius:15px;min-height:0}
 .invest-refresh .invest-hero-refreshed h2{font-size:clamp(35px,10vw,47px)}
 .invest-refresh .invest-hero-refreshed p{font-size:13px}
 .invest-refresh .invest-hero-actions button{min-width:0;font-size:12px}
 .invest-refresh .invest-clarity>div{padding:17px}
 .invest-refresh .invest-today{padding:16px}
 .invest-refresh .invest-today-total{min-width:0;text-align:left}
 .invest-refresh .invest-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .invest-refresh .invest-kpis article{padding:14px}
 .invest-refresh .invest-kpis span{font-size:11px}
 .invest-refresh .invest-kpis strong{font-size:clamp(18px,5vw,25px)}
 .invest-refresh .invest-panel{padding:15px}
 .invest-refresh .invest-holdings-modern{padding:0}
 .invest-refresh .invest-holdings-modern .invest-panel-head{display:grid;gap:13px}
 .invest-refresh .invest-holdings-modern .invest-panel-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .invest-refresh .invest-holdings-modern .invest-panel-actions button{min-width:0;padding:10px 7px;font-size:12px}
 .invest-refresh .invest-holdings-toolbar{padding:12px}
 .invest-refresh .invest-holdings-toolbar label{width:100%}
 .invest-position-summary{grid-template-columns:1fr 1fr;gap:8px}
 .invest-position-summary>div{padding:12px}
 .invest-position-summary>div:last-child{grid-column:1/-1}
 .invest-position-summary>div strong{font-size:23px}
 .invest-position-core{padding:16px;gap:13px 12px}
 .invest-position-symbol{font-size:10px}
 .invest-position-identity strong{font-size:16px}
 .invest-position-trend .invest-spark svg{width:90px}
 .invest-position-value>strong,.invest-position-return>strong{font-size:20px}
 .invest-position-trades{display:flex;align-items:center;justify-content:flex-end;gap:7px}
 .invest-position-trades button{min-width:0;padding:8px 10px;font-size:12px}
 .invest-position-details>summary{padding:12px 16px;flex-wrap:wrap;gap:6px}
 .invest-position-details>summary small{flex-basis:100%;padding-left:27px}
 .invest-position-editor{grid-template-columns:1fr;padding:16px;gap:17px}
 .invest-position-editor-foot{padding:14px 16px}
 .invest-position-editor-foot button{width:100%}
 .invest-position-disclosure{font-size:11px}
}
@media(max-width:370px){
 .invest-position-core{grid-template-columns:1fr}
 .invest-position-identity,.invest-position-trend,.invest-position-value,.invest-position-return,.invest-position-trades{grid-column:1;grid-row:auto;text-align:left}
 .invest-position-trades{justify-content:flex-start}
 .invest-position-trades button{min-width:100px}
 .invest-position-trend .invest-spark svg{width:120px}
}
@media(prefers-reduced-motion:reduce){.invest-position,.invest-position-summary-icon{transition:none}}


/* Compact portfolio guidance: supporting information should not overpower positions. */
.invest-refresh .invest-clarity{align-items:start}
.invest-refresh .invest-clarity>div:nth-child(-n+2){padding:14px 16px;border-radius:12px}
.invest-refresh .invest-clarity-focus h3{font-size:18px;line-height:1.2;margin:7px 0 6px}
.invest-refresh .invest-clarity-focus p{font-size:12px;line-height:1.48}
.invest-refresh .invest-clarity-focus button{min-height:34px;margin-top:10px;padding:7px 11px;font-size:12px}
.invest-refresh .invest-clarity-coverage{gap:2px;margin:6px 0 8px}
.invest-refresh .invest-clarity-coverage strong{font-size:31px}
.invest-refresh .invest-clarity-coverage span,.invest-refresh .invest-clarity-completeness>small{font-size:11px;line-height:1.4}
.invest-refresh .invest-clarity-track{height:7px;margin:10px 0}
.invest-refresh .invest-today-total small{font-size:11px;line-height:1.5;max-width:360px}

/* Balanced portfolio insights: stack the two secondary tiles alongside key positions. */
@media(min-width:980px){
  .invest-refresh .invest-clarity{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.45fr);
    grid-template-rows:auto auto;
    gap:12px 14px;
    align-items:stretch;
  }
  .invest-refresh .invest-clarity-focus{
    grid-column:1;
    grid-row:1;
    padding:14px 17px;
  }
  .invest-refresh .invest-clarity-completeness{
    grid-column:1;
    grid-row:2;
    padding:14px 17px;
  }
  .invest-refresh .invest-clarity-top{
    grid-column:2;
    grid-row:1 / span 2;
    display:flex;
    flex-direction:column;
    min-height:0;
    padding:18px 21px;
  }
  .invest-refresh .invest-clarity-top-head{margin-bottom:8px;padding-bottom:10px}
  .invest-refresh .invest-clarity-position{flex:1;min-height:57px}
  .invest-refresh .invest-clarity-focus h3{font-size:18px;margin:7px 0 6px}
  .invest-refresh .invest-clarity-focus p{font-size:12px;line-height:1.42}
  .invest-refresh .invest-clarity-focus button{margin-top:10px;min-height:34px}
  .invest-refresh .invest-clarity-coverage{margin:7px 0}
  .invest-refresh .invest-clarity-coverage strong{font-size:30px;line-height:1}
  .invest-refresh .invest-clarity-track{margin:8px 0}
}
@media(min-width:700px) and (max-width:979px){
  .invest-refresh .invest-clarity{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:12px;
  }
  .invest-refresh .invest-clarity-focus{grid-column:1;grid-row:1}
  .invest-refresh .invest-clarity-completeness{grid-column:2;grid-row:1}
  .invest-refresh .invest-clarity-top{grid-column:1 / -1;grid-row:2}
}
@media(max-width:699px){
  .invest-refresh .invest-clarity{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
  .invest-refresh .invest-clarity-focus,
  .invest-refresh .invest-clarity-completeness,
  .invest-refresh .invest-clarity-top{grid-column:auto;grid-row:auto}
  .invest-refresh .invest-clarity>div:nth-child(-n+2){padding:14px 16px}
}


/* Read-only ticker consolidation (account-level position records remain separate). */
.invest-refresh .invest-holdings-toolbar-mode{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:11px 20px;min-width:0}
.invest-refresh .invest-holdings-mode{display:flex;flex:none;align-items:center;gap:3px;padding:4px;border:1px solid #43594f;border-radius:12px;background:#0e1b1e}
.invest-refresh .invest-holdings-mode button{background:transparent;border:1px solid transparent;border-radius:9px;padding:10px 15px;min-height:42px;color:#b5cbc4;font-weight:750;font-size:13px;white-space:nowrap}
.invest-refresh .invest-holdings-mode button.active{background:#28543b;border-color:#5c9b77;color:#f2fff7;box-shadow:0 1px 5px #00000026}
.invest-refresh .invest-holdings-mode button:hover:not(.active){background:#223734;color:#e8f6ee}
.invest-refresh .invest-holdings-toolbar-mode>label{display:grid;gap:5px;min-width:180px;flex:1;max-width:460px}
.invest-refresh .invest-holdings-toolbar-mode>small{font-size:12px;line-height:1.45;color:#acbdba;text-align:right;flex:1;min-width:180px}
.invest-ticker-list{display:grid;gap:13px;min-width:0}
.invest-ticker-card{min-width:0;border-radius:16px;border:1px solid #3e5550;background:linear-gradient(125deg,#1b282a,#162023);overflow:hidden;transition:border-color .15s}
.invest-ticker-card:hover{border-color:#62957a}
.invest-ticker-core{display:grid;grid-template-columns:minmax(180px,1.55fr) minmax(110px,.95fr) minmax(130px,.9fr) minmax(160px,1.05fr);gap:20px;align-items:center;padding:20px 21px}
.invest-ticker-core>div{min-width:0}
.invest-ticker-identity{display:grid;align-content:center;gap:5px}
.invest-ticker-identity .invest-position-symbol{font-size:12px}
.invest-ticker-identity strong{color:#f5fcf8;font-size:16px;line-height:1.25;overflow-wrap:anywhere}
.invest-ticker-identity small{color:#9fb9ac;font-size:12px;line-height:1.4}
.invest-ticker-value,.invest-ticker-gain{display:grid;align-content:center;gap:5px}
.invest-ticker-value>strong,.invest-ticker-gain>strong{font-size:clamp(19px,2vw,23px);font-weight:810;letter-spacing:-.025em;line-height:1.2;color:#f3fdf6;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invest-ticker-gain>strong.positive,.invest-ticker-account-metric .positive{color:#89dfa9}
.invest-ticker-gain>strong.negative,.invest-ticker-account-metric .negative{color:#f0a29b}
.invest-ticker-value>small,.invest-ticker-gain>small{font-size:11px;line-height:1.4;color:#b0c5ba}
.invest-ticker-trend .invest-spark{display:flex;align-items:center;justify-content:flex-start;gap:9px;min-width:0}
.invest-ticker-trend .invest-spark svg{width:min(96px,64%);height:44px;flex:none;max-width:100%}
.invest-ticker-trend .invest-spark span{font-size:11px;font-weight:800}
.invest-ticker-trend .invest-spark-empty{font-size:13px;color:#96aba4}
.invest-ticker-details{border-top:1px solid #2f4a43;min-width:0}
.invest-ticker-details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;gap:9px;min-height:47px;padding:11px 20px;background:#172c29;color:#c3dfd0}
.invest-ticker-details>summary::-webkit-details-marker{display:none}
.invest-ticker-details>summary strong{font-size:13px;font-weight:780}
.invest-ticker-details>summary span:last-child{font-size:11px;line-height:1.4;color:#a6c4b5}
.invest-ticker-details>summary:hover,.invest-ticker-details[open]>summary{background:#244137}
.invest-ticker-chevron{font-size:17px;line-height:1;transform:rotate(0);transition:transform .15s}
.invest-ticker-details[open] .invest-ticker-chevron{transform:rotate(180deg)}
.invest-ticker-accounts{display:grid;gap:0;background:#111d20}
.invest-ticker-account-row{display:grid;grid-template-columns:minmax(155px,1.4fr) minmax(80px,.65fr) minmax(110px,.86fr) minmax(120px,.95fr) minmax(230px,1.2fr);gap:13px;align-items:center;min-width:0;padding:14px 20px;border-top:1px solid #2b4140}
.invest-ticker-account-row:first-child{border-top:0}
.invest-ticker-account-name{min-width:0;display:grid;gap:4px}
.invest-ticker-account-name>strong{font-size:13px;color:#f1fcf4;overflow-wrap:anywhere}
.invest-ticker-account-name>small{font-size:11px;color:#a6bcb3;line-height:1.4}
.invest-ticker-account-metric{display:grid;gap:5px;min-width:0}
.invest-ticker-account-metric>span{font-size:10px;color:#a7c7b8;letter-spacing:.035em;text-transform:uppercase;font-weight:680}
.invest-ticker-account-metric>b{font-size:13px;color:#e9f6f0;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.invest-ticker-account-actions{display:flex;gap:7px;min-width:0;justify-content:flex-end}
.invest-ticker-account-actions button{min-height:38px;min-width:0;padding:8px 12px;border-radius:8px;border:1px solid #517060;background:#253e33;color:#e9f7ed;font-size:12px;font-weight:780;flex:1}
.invest-ticker-account-actions button[data-invest-edit-position]{background:#182e2a;border-color:#57766f}
.invest-ticker-account-actions button[data-trade-type="Buy"]{background:#28563e;border-color:#599877}
.invest-ticker-account-actions button[data-trade-type="Sell"]{background:#5c282f;border-color:#bf6570;color:#ffe5e8}
.invest-ticker-account-actions button[data-trade-type="Sell"]:hover:not(:disabled){background:#7a333d;border-color:#df8994}
.invest-ticker-account-actions button:hover:not(:disabled){filter:brightness(1.14)}
.invest-ticker-account-actions button:disabled{opacity:.4;cursor:not-allowed}
.invest-refresh .invest-ticker-card button:focus-visible,.invest-refresh .invest-ticker-card summary:focus-visible{outline:2px solid #9af5c9;outline-offset:2px}
@media(max-width:1220px){
 .invest-ticker-account-row{grid-template-columns:minmax(150px,1.3fr) minmax(70px,.7fr) minmax(115px,1fr) minmax(120px,1fr);gap:13px}
 .invest-ticker-account-actions{grid-column:1/-1;justify-content:flex-start}
 .invest-ticker-account-actions button{flex:none;min-width:92px}
}
@media(max-width:870px){
 .invest-ticker-core{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
 .invest-ticker-identity{grid-column:1/-1}
 .invest-ticker-value{grid-column:2;grid-row:2;text-align:right}
 .invest-ticker-trend{grid-column:1;grid-row:2}
 .invest-ticker-gain{grid-column:1/-1;grid-row:3;border-top:1px solid #324c44;padding-top:12px}
 .invest-ticker-account-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 .invest-ticker-account-name{grid-column:1/-1}
 .invest-ticker-account-actions{grid-column:1/-1}
 .invest-refresh .invest-holdings-toolbar-mode{align-items:flex-start}
 .invest-refresh .invest-holdings-toolbar-mode>small{text-align:left}
}
@media(max-width:600px){
 .invest-refresh .invest-holdings-toolbar-mode{padding:11px;gap:11px}
 .invest-refresh .invest-holdings-mode{width:100%}
 .invest-refresh .invest-holdings-mode button{flex:1;font-size:12px;padding:9px 12px}
 .invest-refresh .invest-holdings-toolbar-mode>label{min-width:100%;max-width:none}
 .invest-refresh .invest-holdings-toolbar-mode>small{min-width:100%;font-size:11px}
 .invest-ticker-core{padding:16px;gap:13px}
 .invest-ticker-value>strong,.invest-ticker-gain>strong{font-size:21px}
 .invest-ticker-details>summary{padding:11px 15px;gap:6px}
 .invest-ticker-details>summary span:last-child{flex-basis:100%;padding-left:23px}
 .invest-ticker-account-row{padding:15px;gap:12px}
 .invest-ticker-account-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .invest-ticker-account-actions button{min-width:0;min-height:43px;padding:8px 6px;font-size:12px}
 .invest-ticker-trend .invest-spark svg{width:min(97px,72%)}
}
@media(max-width:365px){
 .invest-ticker-core{grid-template-columns:1fr}
 .invest-ticker-identity,.invest-ticker-value,.invest-ticker-trend,.invest-ticker-gain{grid-column:1;grid-row:auto;text-align:left}
 .invest-ticker-gain{border-top:1px solid #324c44}
}
@media(prefers-reduced-motion:reduce){.invest-ticker-card,.invest-ticker-chevron{transition:none}}


/* A saved snapshot remains authoritative until holdings reconcile. */
.invest-account-reconcile{display:grid;gap:4px;padding:10px 11px;min-width:0;background:rgba(90,142,135,.08);border:1px solid rgba(115,157,159,.27);border-radius:10px}
.invest-account-reconcile strong{font-size:12px;color:var(--wmd-text,#e5f1ed)}
.invest-account-reconcile span,.invest-account-reconcile small{font-size:11px;line-height:1.45;color:var(--wmd-muted,#b1c8c9)}


/* The Investments tab already names the page; keep this bar as compact view/navigation chrome. */
.invest-refresh .invest-toolbar.invest-toolbar-controls-only{
  justify-content:flex-end;
  padding:10px 12px;
  min-height:0;
  background:#182329;
}
.invest-refresh .invest-toolbar-controls-only .invest-toolbar-navigation{
  width:100%;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  justify-items:end;
  gap:8px 10px;
}
.invest-refresh .invest-toolbar-controls-only .invest-subnav{justify-self:start}
@media(max-width:850px){
 .invest-refresh .invest-toolbar-controls-only .invest-toolbar-navigation{grid-template-columns:1fr}
 .invest-refresh .invest-toolbar-controls-only .invest-subnav{justify-self:stretch}
 .invest-refresh .invest-toolbar-controls-only .invest-sync-pill,
 .invest-refresh .invest-toolbar-controls-only .connections-context-button{justify-self:start}
}

/* October 2026: understated, data-first portfolio tracker. Keep all rules scoped. */
#app .invest-page.invest-refresh{--invest-track-accent:#a2c8bc;gap:14px}
#app .invest-refresh .invest-toolbar-controls-only{padding:7px 10px;background:transparent!important;box-shadow:none!important}
#app .invest-refresh .invest-hero-refreshed{min-height:0;padding:24px 26px;gap:18px;box-shadow:none!important}
#app .invest-refresh .invest-hero-refreshed h2{font-size:clamp(35px,4.4vw,56px);margin:6px 0 5px;letter-spacing:-.04em}
#app .invest-refresh .invest-hero-refreshed p{font-size:13px;line-height:1.45}
#app .invest-refresh .invest-hero-meta{margin-top:11px}
#app .invest-refresh .invest-hero-actions{min-width:165px;gap:7px}
#app .invest-refresh .invest-hero-actions button{min-height:39px}
#app .invest-refresh .invest-clarity{gap:10px}
#app .invest-refresh .invest-clarity>div{background:var(--wmd-ui-panel,#19272c)!important;border:1px solid var(--wmd-ui-line,#39504f)!important;border-radius:14px!important;box-shadow:none!important}
#app .invest-refresh .invest-clarity-focus h3{font-size:17px}
#app .invest-refresh .invest-clarity-top{gap:3px}
#app .invest-refresh .invest-today{padding:17px 20px;border-radius:15px}
#app .invest-refresh .invest-today-head h3{font-size:21px}
#app .invest-refresh .invest-today-head p{font-size:12px}
#app .invest-refresh .invest-today-total{padding:11px 14px;min-width:0;border-radius:12px}
#app .invest-refresh .invest-kpis{gap:10px}
#app .invest-refresh .invest-kpis article{padding:13px 16px;background:var(--wmd-ui-panel,#19272c)!important;border:1px solid var(--wmd-ui-line,#39504f)!important;border-radius:13px}
#app .invest-refresh .invest-kpis strong{font-size:clamp(20px,2.1vw,27px)}
#app .invest-refresh .invest-kpis small{line-height:1.4}
#app .invest-refresh .invest-overview-grid{gap:12px}
#app .invest-refresh .invest-overview-grid .invest-panel{padding:17px}
#app .invest-refresh .invest-panel-head h3{font-size:clamp(20px,2vw,25px)}
#app .invest-refresh .invest-panel-head p{font-size:12px;line-height:1.45}
#app .invest-refresh .invest-holdings-modern .invest-panel-head{padding:5px 0 0}
#app .invest-refresh .invest-holdings-modern .invest-panel-head h3{font-size:clamp(24px,2.7vw,31px)}
#app .invest-refresh .invest-position-summary{gap:9px}
#app .invest-refresh .invest-position-summary>div{padding:12px 15px;border:1px solid var(--wmd-ui-line,#39504f);background:var(--wmd-ui-panel,#19272c);border-radius:12px}
#app .invest-refresh .invest-position-summary>div strong{font-size:clamp(20px,2.3vw,27px)}
#app .invest-refresh .invest-position-summary>div span{font-size:11px}
#app .invest-refresh .invest-position-summary>div small{font-size:10px}
#app .invest-refresh .invest-ticker-list{gap:7px}
#app .invest-refresh .invest-ticker-card{border-radius:12px;border:1px solid var(--wmd-ui-line,#39504f);background:var(--wmd-ui-panel,#19272c);box-shadow:none;overflow:hidden}
#app .invest-refresh .invest-ticker-card:hover{border-color:color-mix(in srgb,var(--wmd-accent,#83bcab) 60%,var(--wmd-ui-line,#39504f))}
#app .invest-refresh .invest-ticker-core{grid-template-columns:minmax(165px,1.65fr) minmax(95px,.85fr) minmax(125px,.9fr) minmax(124px,1fr) minmax(143px,1fr) 14px;gap:12px;align-items:center;padding:13px 15px;min-width:0}
#app .invest-refresh .invest-ticker-card>summary::-webkit-details-marker{display:none}
#app .invest-refresh .invest-ticker-card>summary{list-style:none;cursor:pointer;transition:background .15s}
#app .invest-refresh .invest-ticker-card>summary:hover{background:color-mix(in srgb,var(--wmd-accent,#83bcab) 5%,transparent)}
#app .invest-refresh .invest-ticker-card[open]>summary{background:color-mix(in srgb,var(--wmd-accent,#83bcab) 6%,transparent);border-bottom:1px solid var(--wmd-ui-line,#39504f)}
#app .invest-refresh .invest-ticker-identity strong{font-size:14px}
#app .invest-refresh .invest-ticker-identity small{font-size:11px}
#app .invest-refresh .invest-position-symbol{font-size:10px;letter-spacing:.025em;padding:4px 7px;background:color-mix(in srgb,var(--wmd-accent,#83bcab) 11%,transparent);border-color:color-mix(in srgb,var(--wmd-accent,#83bcab) 33%,transparent);color:var(--invest-track-accent)}
#app .invest-refresh .invest-position-caption{font-size:10px;letter-spacing:.025em}
#app .invest-refresh .invest-ticker-trend .invest-spark svg{height:32px}
#app .invest-refresh .invest-ticker-value>strong,#app .invest-refresh .invest-ticker-gain>strong,#app .invest-refresh .invest-ticker-daily>strong{font-size:clamp(15px,1.55vw,19px);font-weight:760;letter-spacing:-.025em}
#app .invest-refresh .invest-ticker-daily{display:grid;gap:4px;min-width:0}
#app .invest-refresh .invest-ticker-daily>strong.positive{color:#8fe0ae}
#app .invest-refresh .invest-ticker-daily>strong.negative{color:#eeaaa6}
#app .invest-refresh .invest-ticker-daily>strong.unknown{color:#b5c7c2}
#app .invest-refresh .invest-ticker-daily>small{font-size:10px;color:#9fb6b0}
#app .invest-refresh .invest-ticker-accounts{background:transparent}
#app .invest-refresh .invest-ticker-account-intro{font-size:11px;line-height:1.5;color:#a8beb7;margin:0;padding:10px 15px}
#app .invest-refresh .invest-ticker-account-row{padding:11px 15px;gap:10px}
#app .invest-refresh .invest-ticker-account-actions button{min-height:35px}
#app .invest-refresh .invest-ticker-headrow{display:grid;grid-template-columns:minmax(165px,1.65fr) minmax(95px,.85fr) minmax(125px,.9fr) minmax(124px,1fr) minmax(143px,1fr) 14px;gap:12px;padding:0 15px 3px;color:#9bb6ad;text-transform:uppercase;font-size:10px;font-weight:750;letter-spacing:.06em}
#app .invest-refresh .invest-ticker-headrow span:nth-child(n+3):nth-child(-n+5){text-align:left}
#app .invest-refresh .invest-explorer{display:grid;gap:12px;padding:11px 13px;background:var(--wmd-ui-panel,#19272c);border:1px solid var(--wmd-ui-line,#39504f);border-radius:13px}
#app .invest-refresh .invest-explorer-fields{display:grid;grid-template-columns:minmax(190px,1.25fr) minmax(175px,1fr) minmax(155px,.8fr);gap:10px}
#app .invest-refresh .invest-explorer-fields label{display:grid;gap:5px;min-width:0}
#app .invest-refresh .invest-explorer-fields label>span{font-size:10px;color:#a9c7ba;font-weight:680;letter-spacing:.03em}
#app .invest-refresh .invest-explorer-fields input,#app .invest-refresh .invest-explorer-fields select{width:100%;min-width:0;min-height:40px;background:#142328;border:1px solid #43605a;color:#e9f4ef;border-radius:9px;padding:9px 11px;font-size:13px}
#app .invest-refresh .invest-explorer>small{font-size:11px;color:#a8bcb5}
#app .invest-refresh .invest-search-none{padding:20px;border:1px dashed #45645a;border-radius:12px;color:#b1c9be;text-align:center}
#app .invest-refresh [data-invest-searchable][hidden],#app .invest-refresh .invest-search-none[hidden]{display:none!important}
@media(max-width:1180px){
 #app .invest-refresh .invest-ticker-headrow{display:none}
 #app .invest-refresh .invest-ticker-core{grid-template-columns:minmax(170px,1.3fr) minmax(95px,.8fr) minmax(125px,1fr) minmax(125px,1fr) 14px}
 #app .invest-refresh .invest-ticker-trend{display:none}
}
@media(max-width:870px){
 #app .invest-refresh .invest-ticker-core{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 14px;gap:10px}
 #app .invest-refresh .invest-ticker-identity{grid-column:1/3;grid-row:auto}
 #app .invest-refresh .invest-ticker-value{grid-column:2;grid-row:auto;text-align:right}
 #app .invest-refresh .invest-ticker-daily{grid-column:1;grid-row:auto}
 #app .invest-refresh .invest-ticker-gain{grid-column:2;grid-row:auto;border-top:0;padding-top:0;text-align:right}
 #app .invest-refresh .invest-ticker-chevron{grid-column:3;grid-row:1;font-size:14px}
 #app .invest-refresh .invest-explorer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .invest-refresh .invest-explorer-search{grid-column:1/-1}
}
@media(max-width:600px){
 #app .invest-refresh .invest-hero-refreshed{padding:17px}
 #app .invest-refresh .invest-hero-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}
 #app .invest-refresh .invest-hero-actions button{min-width:0;padding:9px 7px;font-size:12px}
 #app .invest-refresh .invest-explorer-fields{grid-template-columns:1fr}
 #app .invest-refresh .invest-explorer-search{grid-column:1}
 #app .invest-refresh .invest-position-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .invest-refresh .invest-position-summary>div:last-child{grid-column:1/-1}
 #app .invest-refresh .invest-ticker-core{padding:12px;gap:8px}
 #app .invest-refresh .invest-ticker-value>strong,#app .invest-refresh .invest-ticker-gain>strong,#app .invest-refresh .invest-ticker-daily>strong{font-size:17px}
 #app .invest-refresh .invest-ticker-daily>small{font-size:10px}
 #app .invest-refresh .invest-ticker-account-row{padding:12px}
 #app .invest-refresh .invest-ticker-account-actions{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){#app .invest-refresh .invest-ticker-card>summary{transition:none}}

/* Keep existing four-metric cards aligned until the optional last-close column is present. */
#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)){grid-template-columns:minmax(175px,1.55fr) minmax(100px,.9fr) minmax(135px,.95fr) minmax(145px,1.05fr)}
@media(max-width:870px){#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)){grid-template-columns:repeat(2,minmax(0,1fr))}#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)) .invest-ticker-identity{grid-column:1/-1}#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)) .invest-ticker-trend{display:flex;grid-column:1;grid-row:2}#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)) .invest-ticker-value{grid-column:2;grid-row:2}#app .invest-refresh .invest-ticker-core:not(:has(.invest-ticker-daily)) .invest-ticker-gain{grid-column:1/-1;grid-row:3;border-top:1px solid #324c44;padding-top:10px;text-align:left}}

/* simple-money-flow.css */
@media screen {
/* One visual language for the real setup routes. No financial status is hidden. */
.wmd-flow-shell{
 --flow-bg:#101e2d;--flow-panel:#192c40;--flow-input:#102235;--flow-text:#eff6fd;
 --flow-muted:#b5c7d9;--flow-line:#3a5873;--flow-accent:#91ccf7;--flow-on:#122b40;
 box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-height:calc(100dvh - 32px);
 display:flex;flex-direction:column;padding:0!important;overflow:hidden;
 background:var(--flow-bg)!important;border:1px solid var(--flow-line)!important;border-radius:22px!important;
 color:var(--flow-text)!important;box-shadow:0 24px 90px #0008;
}
body:has(#app[data-wmd-color-scheme="white"]) .wmd-flow-shell{
 --flow-bg:#fff;--flow-panel:#f2f6fb;--flow-input:#fff;--flow-text:#18334a;--flow-muted:#475e73;--flow-line:#bbcddd;--flow-accent:#235f94;--flow-on:#fff
}
body:has(#app[data-wmd-color-scheme="black"]) .wmd-flow-shell{
 --flow-bg:#14171c;--flow-panel:#20262f;--flow-input:#181e26;--flow-text:#f2f5fa;--flow-muted:#bcc7d4;--flow-line:#505d6c;--flow-accent:#cbd8e6;--flow-on:#18202c
}
body:has(#app[data-wmd-color-scheme="pink"]) .wmd-flow-shell{--flow-accent:#edb6d3;--flow-on:#352330}
body:has(#app[data-wmd-color-scheme="mint"]) .wmd-flow-shell{--flow-accent:#92dbc5;--flow-on:#172f29}
.wmd-flow-shell *{box-sizing:border-box}
.wmd-flow-header{display:flex;gap:16px;align-items:flex-start;justify-content:space-between;padding:25px 26px 20px;border-bottom:1px solid var(--flow-line);background:var(--flow-panel)}
.wmd-flow-header>div>span{color:var(--flow-accent);font:750 12px/1.4 system-ui;letter-spacing:.1em}
.wmd-flow-header h2{margin:8px 0 0;color:var(--flow-text);font:750 clamp(24px,3.5vw,32px)/1.12 system-ui;letter-spacing:-.03em}
.wmd-flow-header>button{flex:0 0 44px;height:44px;border:1px solid var(--flow-line);border-radius:50%;background:transparent;color:var(--flow-text);font-size:27px;cursor:pointer}
.wmd-flow-path{display:flex;gap:4px;padding:12px 22px;border-bottom:1px solid var(--flow-line);background:var(--flow-bg)}
.wmd-flow-path button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 3px;border:0;border-radius:10px;min-height:44px;background:transparent;color:var(--flow-muted);font:650 14px/1.3 system-ui;cursor:pointer}
.wmd-flow-path button span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--flow-line);border-radius:50%;font-size:12px}
.wmd-flow-path [aria-current="step"]{color:var(--flow-text);background:var(--flow-panel)}
.wmd-flow-path [aria-current="step"] span{background:var(--flow-accent);color:var(--flow-on);border-color:var(--flow-accent)}
.wmd-flow-content{flex:1 1 auto;overflow:auto;min-height:0;padding:22px 26px;overscroll-behavior:contain;scrollbar-gutter:stable}
.wmd-flow-content p{color:var(--flow-muted);font-size:15px;line-height:1.55}
.wmd-flow-lead{margin:0 0 20px;max-width:58ch}
.wmd-flow-shell .wmd-journey-btn{font:700 15px/1.35 system-ui;min-height:48px;border-radius:12px;padding:12px 17px;white-space:normal;background:var(--flow-panel)!important;color:var(--flow-text)!important;border:1px solid var(--flow-line)!important}
.wmd-flow-shell .wmd-journey-btn.is-primary{background:var(--flow-accent)!important;color:var(--flow-on)!important;border-color:var(--flow-accent)!important}
.wmd-flow-other{margin-top:20px;border:0;border-top:1px solid var(--flow-line);padding-top:6px;color:var(--flow-muted)}
.wmd-flow-other summary{padding:12px 0;min-height:44px;color:var(--flow-muted);font:600 14px/1.4 system-ui;cursor:pointer}
.wmd-flow-other button{min-height:44px;padding:10px 14px;font-size:15px;border:1px solid var(--flow-line);border-radius:10px;background:var(--flow-panel);color:var(--flow-text)}
.wmd-flow-footer{flex-shrink:0;display:flex;gap:12px;justify-content:space-between;padding:12px 22px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--flow-line);background:var(--flow-panel)}
.wmd-flow-footer button{min-height:44px;padding:10px 2px;background:transparent;border:0;color:var(--flow-muted);font:650 14px/1.4 system-ui;cursor:pointer}
.wmd-flow-footer button:last-child{color:var(--flow-accent)}
.wmd-flow-shell :is(button,input,select,summary):focus-visible{outline:3px solid var(--flow-accent);outline-offset:3px}
.wmd-flow-shell :is(input,select){background:var(--flow-input)!important;color:var(--flow-text)!important;border:1px solid var(--flow-line)!important;border-radius:9px;min-height:46px;font:400 16px/1.3 system-ui;width:100%;min-width:0;padding:10px}
.wmd-flow-shell input::placeholder{color:var(--flow-muted);opacity:.78}
.wmd-flow-shell input:disabled{opacity:.55}
.wmd-flow-shell .wmd-quick-form{background:transparent;padding:0;border:0;color:var(--flow-text)}
.wmd-flow-shell .wmd-quick-form label{font-size:15px;color:var(--flow-text)}
.wmd-flow-shell .wmd-quick-form small{color:var(--flow-muted);font-size:13px;line-height:1.5}
.wmd-flow-shell .wmd-quick-form [type="checkbox"]{width:20px;min-height:20px}
.wmd-quick-plan-intro{margin:0 0 17px}
.wmd-quick-plan-rows{display:grid;gap:0}
.wmd-quick-plan-row{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr) minmax(0,.75fr);gap:12px;align-items:start;padding:15px 0;border-top:1px solid var(--flow-line)}
.wmd-quick-plan-row:first-child{border-top:0;padding-top:0}
.wmd-quick-plan-row label{display:grid;gap:6px;min-width:0;font-size:12px;color:var(--flow-muted)}
.wmd-quick-plan-row .wmd-qp-name{padding-top:22px;gap:5px}
.wmd-qp-name input{font-weight:650!important}
.wmd-qp-name small{font-size:12px;line-height:1.3;color:var(--flow-muted)}
.wmd-qp-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.wmd-quick-plan-note{font-size:13px!important;margin:14px 0 18px}
.wmd-quick-plan-save{display:grid;gap:9px;justify-items:start;padding-top:5px}
.wmd-quick-plan-save small{font-size:12px;line-height:1.5;color:var(--flow-muted)}
.wmd-quick-plan-error{color:#ffb9b9!important;background:#3a2431;padding:12px;border-radius:9px}
.wmd-flow-facts{margin-bottom:22px}
.wmd-flow-facts p{display:grid;gap:4px;padding:12px 0;border-bottom:1px solid var(--flow-line);margin:0}
.wmd-flow-facts strong{color:var(--flow-text);font-size:16px}
.wmd-flow-save-note{border:1px solid #456885;background:#182f44;border-radius:12px;padding:14px 17px;color:#d8eaf8;font-size:14px;line-height:1.5}
#app .nw-focus-actions .wmd-account-details-link{background:transparent;box-shadow:none;border-color:transparent;color:var(--wmd-theme-muted,#b6c8d8)}
/* Snapper's review lives in a body portal, not inside the workspace palette. */
#wmd-photo-import-root .wmd-snapper-suggestions{margin:0 0 16px;border:1px solid var(--snap-ui-line);border-radius:12px;background:var(--snap-ui-panel);color:var(--snap-ui-text);padding:0 14px}
#wmd-photo-import-root .wmd-snapper-suggestions>summary{min-height:48px;padding:14px 0;font-size:14px;cursor:pointer;color:var(--snap-ui-muted)}
#wmd-photo-import-root .wmd-snapper-suggestions>button,#wmd-photo-import-root .wmd-snapper-back{min-height:44px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--snap-ui-line);border-radius:10px;background:var(--snap-ui-raised);color:var(--snap-ui-text);font-size:14px}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root :is(.snapper-refresh-progress span,.snapper-refresh-next,.snapper-refresh-next.is-review,.snapper-refresh-next.is-clear,.snapper-refresh-account,.snapper-refresh-section){background:var(--snap-ui-panel)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root :is(.snapper-refresh-next p,.snapper-refresh-next>div>span,.snapper-refresh-account-state.is-suggested,.snapper-refresh-progress b){color:var(--snap-ui-muted)!important}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root .snapper-refresh-primary{background:var(--snap-ui-accent)!important;border-color:var(--snap-ui-accent)!important;color:var(--snap-ui-on-accent)!important}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root .snapper-refresh-primary:hover{background:var(--snap-ui-accent-soft)!important}
/* Public showcase decoration is not a positive financial status. */
#app .landing-v6 :is(.landing-tour-kicker,.landing-demo-dots,.landing-tour-tabs-title){color:#91ccf7!important}
@media(max-width:600px){
 .wmd-flow-shell{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px!important}
 .wmd-flow-header{padding:20px 18px 17px;gap:10px}.wmd-flow-header h2{font-size:25px}
 .wmd-flow-content{padding:18px}.wmd-flow-path{padding:9px 12px}.wmd-flow-path button{font-size:13px;gap:6px}
 .wmd-flow-footer{padding:9px 18px max(9px,env(safe-area-inset-bottom))}
 .wmd-quick-plan-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:16px 0}
 .wmd-quick-plan-row .wmd-qp-name{grid-column:1/-1;padding:0;display:flex;align-items:center;gap:9px}
 .wmd-qp-name input{flex:1;min-width:0}.wmd-qp-name small{flex:0 1 95px;text-align:right}
 .wmd-quick-plan-save,.wmd-quick-plan-save button{width:100%}
 .wmd-flow-content>.wmd-journey-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.wmd-flow-shell *{scroll-behavior:auto!important;transition:none!important}}
/* Flex children must not shrink below their touch controls on short phones. */
#app .wmd-flow-shell .wmd-flow-header,#app .wmd-flow-shell .wmd-flow-path,#app .wmd-flow-shell .wmd-flow-footer{flex:0 0 auto;margin:0;width:100%;position:static;box-shadow:none}
#app .wmd-flow-shell .wmd-flow-path{border-radius:0;overflow:visible}
#app .wmd-flow-shell .wmd-flow-footer{border-radius:0;text-align:left}
#app .wmd-flow-shell .wmd-flow-footer .wmd-flow-save{background:var(--flow-accent);color:var(--flow-on);border:1px solid var(--flow-accent);border-radius:11px;padding:11px 17px;min-height:46px}
#app main .wmd-discovery{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:14px 0;margin:0;border:0;position:relative}
#app .wmd-discovery>.wmd-discovery-heading{grid-column:2;grid-row:1;display:block;margin:0;padding:0}
#app .wmd-discovery>.wmd-discovery-field{grid-column:1;grid-row:1;min-width:0}
#app .wmd-discovery-heading>.wmd-discovery-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
/* Help is a native disclosure inside the isolated Ask Your Money row.
   Raise that stacking context while open, not just its child dropdown,
   so later positioned financial cards cannot cover or intercept its options.
   Closed search rows keep their existing layer; dialogs remain above Help. */
#app .wmd-workspace > .wmd-discovery:has(.wmd-discovery-tools[open]){
 position:relative!important;z-index:40!important;overflow:visible!important
}
#app .wmd-discovery-tools{position:relative;margin:0;border:0;background:transparent}
#app .wmd-discovery-tools>summary{display:grid;place-items:center;min-height:46px;min-width:46px;padding:10px 7px;font-size:13px;color:var(--wmd-theme-muted,#b5c7d9);cursor:pointer;list-style:none}
#app .wmd-discovery-tools>summary::-webkit-details-marker{display:none}
#app .wmd-discovery-tools-body{position:absolute;right:0;top:100%;z-index:30;box-sizing:border-box;width:min(265px,calc(100vw - 32px));max-height:min(360px,60dvh);overflow:auto;overscroll-behavior:contain;padding:9px;border:1px solid var(--wmd-theme-line,#3a5873);border-radius:12px;box-shadow:0 10px 28px #0005;background:var(--wmd-theme-panel,#192c40)}
#app .wmd-discovery-tools-body button{display:block;text-align:left;min-height:44px;white-space:normal;width:100%;max-width:none;padding:10px 12px;font-size:14px;line-height:1.45;color:var(--wmd-theme-text,#eff6fd)}
#app .wmd-discovery-tools :is(summary,button):focus-visible{
 outline:2px solid var(--wmd-theme-accent,#91ccf7)!important;outline-offset:2px
}
#app .wmd-discovery>.wmd-discovery-chips,#app .wmd-discovery>.wmd-discovery-answer,#app .wmd-discovery>.wmd-discovery-results{grid-column:1/-1}
#app .wmd-discovery-chips[hidden]{display:none!important}
#app .wmd-flow-forecast-inputs{margin:12px 0;border:1px solid var(--wmd-theme-line,#3a5873);border-radius:12px;padding:0 14px;color:var(--wmd-theme-muted,#b5c7d9)}
#app .wmd-flow-forecast-inputs>summary{padding:14px 0;min-height:46px;font-size:14px;cursor:pointer}
.wmd-cash-update-dialog .wmd-cu-other-actions{margin:12px 0;border-top:1px solid var(--hub-line,#3a5873);padding-top:3px}
.wmd-cash-update-dialog .wmd-cu-other-actions>summary{font-size:14px;line-height:1.5;min-height:46px;padding:12px 0;color:var(--hub-muted,#b5c7d9);cursor:pointer}

#app[data-wmd-color-scheme="ocean"] .nw-focus-actions [data-journey-action="snap-accounts"]{background:#91ccf7!important;color:#122b40!important;border-color:#91ccf7!important;box-shadow:none!important}
#app .nw-focus-actions .wmd-account-details-link{background:transparent!important;border-color:transparent!important;box-shadow:none!important}
#app .landing-v6 .landing-tour-browse>span{color:#91ccf7!important}
.wmd-quick-plan-add{margin:12px 0;padding:10px 14px;min-height:44px;border:1px solid var(--flow-line);border-radius:10px;background:transparent;color:var(--flow-accent);font-size:14px;cursor:pointer}
.wmd-qp-type{font-size:13px!important;min-height:40px!important;margin-top:5px}
.wmd-qp-name:has(.wmd-qp-type){display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}
.wmd-qp-name:has(.wmd-qp-type)>input{grid-column:1/-1;width:100%}
.wmd-qp-name:has(.wmd-qp-type)>small{text-align:left}
.wmd-qp-name:has(.wmd-qp-type)>.wmd-qp-type{width:auto!important;min-width:100px;max-width:150px;margin:0}
/* Approved Net Worth refinement: one row of actions, a larger balance, baby blue. */
#app main.wmd-workspace.wmd-workspace--networth .nw-quiet-dashboard .nw-top-row .nw-unified-totals>h2{
 font-size:clamp(44px,12vw,68px)!important;line-height:1.08!important;
 margin:14px 0 18px!important;letter-spacing:-.045em!important
}
#app .wmd-workspace--networth .nw-focus-actions{
 display:grid!important;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);
 align-items:start;gap:8px!important;position:relative;width:100%
}
#app .wmd-workspace--networth .nw-focus-actions>button,
#app .wmd-workspace--networth .nw-goal-details>summary{
 box-sizing:border-box;width:100%!important;min-width:0;min-height:44px!important;
 height:44px;justify-content:center;text-align:center;white-space:normal!important;
 font-size:12px!important;line-height:1.2!important;padding:8px 5px!important;gap:4px
}
#app .wmd-workspace--networth .nw-goal-details{position:static!important;min-width:0}
#app .wmd-workspace--networth .nw-goal-details[open]{padding:0!important;flex-basis:auto!important}
#app .wmd-workspace--networth .nw-goal-details[open]>summary{margin:0!important}
#app .wmd-workspace--networth .nw-focus-actions:has(.nw-goal-details[open]){padding-bottom:102px}
#app .wmd-workspace--networth .nw-goal-details[open] .networth-goal{
 position:absolute;left:0;right:0;top:62px;margin:0!important;padding:12px!important;
 background:var(--wmd-theme-deep,#102235)!important;border:1px solid var(--nw-border);
 border-radius:10px;box-sizing:border-box
}
#app .wmd-workspace--networth .nw-goal-details[open] .goalbar{
 position:absolute;left:0;right:0;top:48px;margin:0!important
}
#app .wmd-workspace--networth .nw-goal-input input{font-size:16px!important;min-height:36px}
#app .wmd-workspace--networth .nw-focus-actions :is(button,summary,input):focus-visible{
 outline:3px solid var(--wmd-theme-accent,#91ccf7)!important;outline-offset:3px
}
@media(max-width:350px){
 #app .wmd-workspace--networth .nw-focus-actions{gap:5px!important}
 #app .wmd-workspace--networth .nw-focus-actions>button,
 #app .wmd-workspace--networth .nw-goal-details>summary{font-size:11px!important}
}


/* Review balances is an evidence view, not a second Snapper launch surface.
   Keep the global floating launcher and photo-confirmation history. */
#app .wmd-workspace--networth .nw-balance-review .nw-review-actions{
 display:none!important
}

/* Balance review: one full-width account card, with a separate quiet dismissal.
   Own mobile/native button paint and open/hover/focus states. Confirmation
   history is evidence, not investment performance: use the chosen UI palette. */
#app .wmd-workspace--networth .nw-balance-review{
 --review-panel:var(--wmd-theme-panel,#192c40);
 --review-deep:var(--wmd-theme-deep,#102235);
 --review-raised:var(--wmd-theme-raised,#243f56);
 --review-line:var(--wmd-theme-line,#496c86);
 --review-text:var(--wmd-theme-text,#eff6fd);
 --review-muted:var(--wmd-theme-muted,#b9cddd);
 --review-accent:var(--wmd-theme-accent,#91ccf7);
 overflow-anchor:none;min-width:0;scroll-margin-block-start:18px;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-list{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 align-content:start;gap:10px!important;min-width:0;
 max-height:min(26rem,58dvh);overflow:auto;overscroll-behavior:contain;
 scrollbar-width:thin;scrollbar-color:var(--review-line) transparent;
 scroll-behavior:auto!important;overflow-anchor:none;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-item{
 box-sizing:border-box;display:grid!important;
 grid-template-columns:minmax(0,1fr) 44px!important;gap:4px;
 align-items:center;width:100%;min-width:0;padding:4px;
 border:1px solid var(--review-line);border-radius:12px;
 background:var(--review-deep);color:var(--review-text);
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-item .nw-review-row{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;
 display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:8px;
 width:100%;min-width:0;min-height:60px;margin:0!important;padding:10px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:8px!important;color:var(--review-text)!important;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-row strong{
 color:var(--review-text)!important;font-size:14px;line-height:1.4;overflow-wrap:anywhere;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-row small{
 color:var(--review-muted)!important;font-size:12px;line-height:1.5;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-row b{
 color:var(--review-text)!important;font-size:14px;line-height:1.4;
 font-variant-numeric:tabular-nums;text-align:right;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismiss{
 appearance:none;-webkit-appearance:none;box-sizing:border-box;
 display:grid!important;place-items:center;width:44px;min-width:44px;
 height:44px;min-height:44px;margin:0!important;padding:0!important;
 border:1px solid var(--review-line)!important;border-radius:9px!important;
 background:var(--review-panel)!important;color:var(--review-muted)!important;
 -webkit-text-fill-color:currentColor;box-shadow:none!important;
 font:500 24px/1 system-ui;cursor:pointer;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismissed{
 margin:12px 0;padding:0;border:0;border-top:1px solid var(--review-line);
 border-radius:0;background:transparent;color:var(--review-muted);
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismissed>summary{
 box-sizing:border-box;min-height:44px;padding:12px 0;
 color:var(--review-muted);cursor:pointer;font-size:14px;line-height:1.5;
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismissed-item{
 display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 gap:12px;padding:8px 0;border-top:1px solid var(--review-line);
 font-size:14px;line-height:1.5;color:var(--review-text);
}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismissed-item>span{overflow-wrap:anywhere}
#app .wmd-workspace--networth .nw-balance-review .nw-review-dismissed-item button{
 appearance:none;-webkit-appearance:none;min-height:44px;padding:9px 12px;
 border:1px solid var(--review-line)!important;border-radius:9px;
 background:var(--review-panel)!important;color:var(--review-text)!important;
 font:650 14px/1.4 system-ui;cursor:pointer;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary{
 margin:14px 0 0!important;padding:0!important;min-width:0;
 background:var(--review-deep)!important;border:1px solid var(--review-line)!important;
 border-radius:12px!important;color:var(--review-text)!important;box-shadow:none!important;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary>summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 min-height:52px;padding:13px!important;list-style:none;
 background:transparent!important;color:var(--review-text)!important;cursor:pointer;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary>summary>span:first-child{
 min-width:0;display:grid;gap:4px;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary>summary strong{
 color:var(--review-text)!important;font-size:15px;line-height:1.45;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary :is(small,p){
 color:var(--review-muted)!important;font-size:12px;line-height:1.5;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-summary>summary>span[aria-hidden]{
 display:grid;place-items:center;flex:0 0 32px;height:32px;
 background:var(--review-panel)!important;border:1px solid var(--review-line)!important;
 border-radius:8px;color:var(--review-accent)!important;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-list{
 max-height:min(28rem,60dvh);overflow:auto;overscroll-behavior:contain;
 padding:0 13px 13px!important;background:transparent!important;
 scroll-behavior:auto!important;overflow-anchor:none;
 scrollbar-width:thin;scrollbar-color:var(--review-line) transparent;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-list>div{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;
 padding:11px 0!important;border:0;border-top:1px solid var(--review-line)!important;
 background:transparent!important;color:var(--review-text)!important;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-list>div>span{
 min-width:0;overflow-wrap:anywhere;font-size:14px;line-height:1.4;color:var(--review-text)!important;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-list>div>strong{
 font-size:14px;line-height:1.4;text-align:right;color:var(--review-text)!important;
 font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-balance-review .photo-trust-list>div>small{grid-column:1/-1}
#app .wmd-workspace--networth .nw-balance-review
 :is(.nw-review-row,.nw-review-dismiss,.nw-review-dismissed button,.photo-trust-summary>summary):is(:hover,:active){
 background:var(--review-raised)!important;color:var(--review-text)!important;
 border-color:var(--review-accent)!important;
}
#app .wmd-workspace--networth .nw-balance-review :is(button,summary):focus-visible{
 outline:2px solid var(--review-accent)!important;outline-offset:-2px!important;
}
#app .wmd-workspace--networth .nw-balance-review :is(button,summary){
 -webkit-tap-highlight-color:color-mix(in srgb,var(--review-accent) 18%,transparent);
}
#app .nw-balance-review .nw-review-feedback:not(.is-error){
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;border:0;
}
#app .nw-balance-review .nw-review-feedback.is-error{color:var(--review-text);font-size:13px;line-height:1.5}
@media(min-width:1000px){
 #app .wmd-workspace--networth .nw-balance-review .nw-review-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:380px){
 #app .wmd-workspace--networth .nw-balance-review .nw-review-item .nw-review-row{grid-template-columns:minmax(0,1fr);gap:5px}
 #app .wmd-workspace--networth .nw-balance-review .nw-review-row b{text-align:left}
}
@media(forced-colors:active){
 #app .wmd-workspace--networth .nw-balance-review :is(button,summary):focus-visible{outline-color:Highlight!important}
}

/* 20261103 onboarding manual-first and editable Budget frequencies.
   Manual and Snapper are visible choices; the Budget review uses
   the same category/frequency semantics as the regular Budget. */
#app .wmd-flow-account-choices{display:grid;gap:14px;min-width:0}
#app .wmd-flow-account-manual{
 display:grid;gap:10px;padding:17px;border:1px solid var(--flow-line);
 border-radius:15px;background:var(--flow-panel);min-width:0
}
#app .wmd-flow-account-choice-head{
 display:flex;flex-wrap:wrap;gap:7px 14px;justify-content:space-between;align-items:center
}
#app .wmd-flow-account-choice-head>strong{
 font:790 17px/1.3 system-ui,sans-serif;color:var(--flow-text)
}
#app .wmd-flow-account-choice-head>span{
 font:650 12px/1.3 system-ui,sans-serif;color:var(--flow-accent)
}
#app .wmd-flow-account-manual>p,
#app .wmd-flow-account-snapper p{
 margin:0;color:var(--flow-muted);font:510 13px/1.5 system-ui,sans-serif
}
#app .wmd-flow-account-manual .wmd-quick-form{
 display:grid;gap:12px;min-width:0
}
#app .wmd-flow-account-manual .wmd-quick-form>label,
#app .wmd-flow-account-manual .wmd-quick-new-fields{min-width:0}
#app .wmd-flow-account-manual .wmd-quick-form button[type="submit"]{
 justify-self:start;background:var(--flow-accent)!important;color:var(--flow-on)!important
}
#app .wmd-flow-account-snapper{
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
 gap:12px 16px;padding:15px 17px;border:1px solid var(--flow-line);
 border-radius:14px;background:var(--flow-bg)
}
#app .wmd-flow-account-snapper>div{
 display:grid;gap:5px;min-width:200px;flex:1 1 300px
}
#app .wmd-flow-account-snapper strong{
 font:770 14px/1.35 system-ui,sans-serif;color:var(--flow-text)
}
#app .wmd-flow-account-snapper>.wmd-journey-btn{
 flex:0 0 auto;min-height:46px
}
/* A compact, legible two-row Budget item editor with direct classification,
   amount-per-occurrence and cadence rather than a hardcoded Monthly caption. */
#app .wmd-flow-shell .wmd-quick-plan-row{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:11px 12px!important;align-items:start;padding:17px 0!important;
 border-top:1px solid var(--flow-line)
}
#app .wmd-flow-shell .wmd-quick-plan-row:first-child{
 border-top:0;padding-top:0!important
}
#app .wmd-flow-shell .wmd-quick-plan-row label{
 display:grid!important;gap:6px;min-width:0;color:var(--flow-muted);
 font:610 12px/1.4 system-ui,sans-serif
}
#app .wmd-flow-shell .wmd-quick-plan-row label[hidden]{
 display:none!important
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-name{
 grid-column:1/3;grid-row:1;padding:0!important
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-type{
 grid-column:3;grid-row:1
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-amount{
 grid-column:1;grid-row:2
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-frequency{
 grid-column:2;grid-row:2
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-timing{
 grid-column:3;grid-row:2
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-custom{
 grid-column:2/4;grid-row:3
}
#app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-name input{
 font-weight:760!important
}
#app .wmd-flow-shell .wmd-quick-plan-row input,
#app .wmd-flow-shell .wmd-quick-plan-row select{
 width:100%!important;min-width:0!important;
 padding:9px 10px!important;min-height:44px!important;
 background:var(--flow-input)!important;color:var(--flow-text)!important;
 border:1px solid var(--flow-line)!important;border-radius:10px!important;
 font:600 14px/1.35 system-ui,sans-serif!important
}
#app .wmd-flow-shell .wmd-quick-plan-row :is(input,select):focus-visible{
 outline:2px solid var(--flow-accent)!important;outline-offset:2px
}
#app .wmd-flow-shell .wmd-quick-plan-row.is-managed{
 opacity:.75;background:color-mix(in srgb,var(--flow-panel) 76%,var(--flow-bg))
}
#app .wmd-flow-shell .wmd-qp-managed-note{
 margin:0;grid-column:1/-1;font:600 12px/1.5 system-ui,sans-serif
}
@media(max-width:640px){
 #app .wmd-flow-account-manual{padding:14px}
 #app .wmd-flow-account-snapper{padding:13px 14px}
 #app .wmd-flow-account-snapper>.wmd-journey-btn{width:100%}
 #app .wmd-flow-shell .wmd-quick-plan-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important
 }
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-name{grid-column:1/-1;grid-row:1}
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-type{grid-column:1;grid-row:2}
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-amount{grid-column:2;grid-row:2}
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-frequency{grid-column:1;grid-row:3}
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-timing{grid-column:2;grid-row:3}
 #app .wmd-flow-shell .wmd-quick-plan-row .wmd-qp-custom{grid-column:1/-1;grid-row:4}
}
@media(max-width:380px){
 #app .wmd-flow-shell .wmd-quick-plan-row{
  grid-template-columns:minmax(0,1fr)!important
 }
 #app .wmd-flow-shell .wmd-quick-plan-row :is(.wmd-qp-name,.wmd-qp-type,.wmd-qp-amount,
  .wmd-qp-frequency,.wmd-qp-timing,.wmd-qp-custom){grid-column:1!important;grid-row:auto!important}
}

}
/* product-focus.css */
@media screen {
/* Product focus, November 2026. Presentation only: never alters balances, transactions or saved budgets. */
#app .wmd-workspace--home > .wmd-hg-commands {
  margin:3px 0 12px!important;
  display:flex;justify-content:flex-end;align-items:center;
}
#app .wmd-workspace--home .wmd-hg-quick-actions {
  justify-content:flex-end;gap:8px;
}
#app .wmd-workspace--home .wmd-hg-board-heading {
  margin-top:0!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-detail {
  min-width:0;
}
@media (min-width:1000px) {
  /* Checking, projected low and the cushion are one concise decision row. */
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-detail {
    display:grid!important;
    grid-template-columns:minmax(0,0.88fr) minmax(0,1.12fr);
    column-gap:clamp(12px,1.6vw,22px);row-gap:13px;
    align-content:start;align-items:stretch;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-detail > * {
    grid-column:1/-1;min-width:0;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-home-cf-persistent {
    grid-column:1;grid-row:1;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0;margin:0!important;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-home-cf-balance {
    justify-content:center;min-width:0;min-height:112px;
    padding:16px 18px;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-map-overview {
    grid-column:2;grid-row:1;
    grid-template-columns:minmax(0,1fr) minmax(142px,0.85fr);
    gap:12px;margin:0!important;align-items:center;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-map-primary > .wmd-hg-metric {
    min-height:0;
  }
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-hg-map-scroll {
  border-radius:14px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"] .wmd-hg-note {
  font-size:13px;line-height:1.55;
}
@media (max-width:999px) {
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="cashflow"][data-gadget-current-view="map"] .wmd-home-cf-persistent {
    grid-template-columns:minmax(0,1fr);margin-bottom:8px;
  }
}
@media (max-width:680px) {
  #app .wmd-workspace--home > .wmd-hg-commands {justify-content:stretch;margin-bottom:10px!important}
  #app .wmd-workspace--home .wmd-hg-quick-actions {justify-content:flex-start}
  #app .wmd-workspace--home .wmd-hg-map-overview {gap:9px}
}

}
/* money-planning.css */
/* Scoped setup and optional review surfaces. */
.planning-shell{color:#edf2f8}.planning-shell form{display:grid;gap:16px}.planning-shell label,.planning-review label{display:grid;gap:7px;font-size:14px}.planning-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.planning-shell input,.planning-shell select,.planning-review select{box-sizing:border-box;width:100%;min-width:0;padding:12px;border:1px solid #74859b;border-radius:9px;background:#111922;color:#edf2f8;font:inherit;font-size:16px;min-height:44px;color-scheme:dark}.planning-shell button{min-height:44px;border-radius:9px;padding:10px 16px;background:#d4e3f6;color:#152132;border:1px solid #849bb7;cursor:pointer;font:inherit}.planning-shell p,.planning-shell li{font-size:14px;line-height:1.6}.starter-bill{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:12px;border:1px solid #46515f;border-radius:12px;margin:12px 0;padding:16px;min-width:0}.starter-bill button{grid-column:1/-1;justify-self:start}.planning-note{color:#c3cfdd}.planning-result{padding:18px;background:#111922;border-radius:12px;margin:18px 0}.planning-review progress{width:100%;height:12px;accent-color:#9bb7df}.planning-review .planning-confirm{display:flex;align-items:center;gap:12px}.planning-review .planning-confirm input{width:22px;min-height:22px;flex-shrink:0}.planning-review button{white-space:normal}.planning-shell :focus-visible{outline:3px solid #a8ceff;outline-offset:3px}.planning-review li{overflow-wrap:anywhere}@media(max-width:600px){.planning-grid,.starter-bill{grid-template-columns:1fr}.planning-shell{padding:20px!important}.planning-review button{max-width:100%}}
.planning-shell .onboarding-head{position:static;top:auto;background:none}.planning-shell .onboarding-head h2{font-family:inherit;font-size:28px;letter-spacing:-.025em}.planning-review .planning-confirm{flex-direction:row;text-align:left}.planning-review [data-checkin-save]+small{display:block}.planning-shell{padding-bottom:80px!important}#app:has(.planning-shell) .global-photo-action,#app:has(.planning-shell) .scroll-to-top{display:none}

/* Payday editor stays inside the existing Budget and onboarding design language. */
.budget-grid .budget-paydate-cell{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}
.budget-paydate-cell input{width:100%;max-width:100%;flex:1 1 110px;min-width:0}
.budget-grid .budget-paydate-cell button{min-height:32px;padding:5px 9px;border:1px solid #4a686e;background:#223039;color:#cce6e7;border-radius:8px;font-size:12px;cursor:pointer}
.budget-grid .budget-paydate-cell button:hover{border-color:#8ec8c0;background:#29454a}
.budget-paydate-cell .budget-paydate-label{font-size:12px;color:#c2dfd9;line-height:1.35;min-width:0;overflow-wrap:anywhere}
.income-calendar-dialog{max-width:800px;max-height:min(90dvh,900px);overflow:auto;overscroll-behavior:contain;scroll-padding-top:18px}
.income-calendar-dialog [data-calendar-out] .planning-result{margin-top:14px}
.income-calendar-dialog [data-calendar-out] ul{padding-inline-start:20px}
.income-calendar-dialog [data-calendar-out] li{font-variant-numeric:tabular-nums;word-break:break-word}
.income-calendar-dialog [data-calendar-out] [data-calendar-confirm]{min-height:44px}
.income-calendar-dialog .planning-grid>label{min-width:0}
.income-calendar-dialog [data-calendar-twice][hidden],.planning-shell [data-income-semi][hidden]{display:none!important}
@media(max-width:600px){.income-calendar-dialog{max-height:100dvh;max-height:calc(100dvh - env(safe-area-inset-bottom));border-radius:14px 14px 0 0}.budget-grid .budget-paydate-cell{flex-direction:column;align-items:stretch}.budget-paydate-cell .budget-paydate-label{font-size:12px}}


/* 2026-10-19: Payday scheduling modal palette integrity.
   openIncomeScheduleEditor() renders .income-calendar-backdrop as a direct
   child of #app, outside main.wmd-workspace. Global palette rules scoped to
   >main cannot reach it, leaving legacy green onboarding chrome active.
   All visual accents below follow Settings; scheduling semantics are unchanged.
   The public/default appearance stays the approved flat Ocean brand blue. */
#app .income-calendar-backdrop{
  color-scheme:dark;
  --payday-dialog-accent:var(--wmd-theme-accent,#8ec8f3);
  --payday-dialog-soft:var(--wmd-theme-accent-soft,#bddffd);
  --payday-dialog-panel:var(--wmd-theme-panel,#182b3c);
  --payday-dialog-deep:var(--wmd-theme-deep,#101f30);
  --payday-dialog-raised:var(--wmd-theme-raised,#21394e);
  --payday-dialog-line:var(--wmd-theme-line,#48677e);
  --payday-dialog-text:var(--wmd-theme-text,#edf7fd);
  --payday-dialog-muted:var(--wmd-theme-muted,#b8ccda);
  --payday-dialog-action-ink:#132c3e;
}
#app[data-wmd-color-scheme="original"] .income-calendar-backdrop{
  /* Mixed appearance retains Budget's warm accent, not legacy mint. */
  --payday-dialog-accent:#d6bc91;
  --payday-dialog-soft:#ead5b3;
  --payday-dialog-panel:#1d2a33;
  --payday-dialog-deep:#121f29;
  --payday-dialog-raised:#273b48;
  --payday-dialog-line:#4e6471;
  --payday-dialog-text:#f3f4f5;
  --payday-dialog-muted:#becbd1;
  --payday-dialog-action-ink:#2b2419;
}
#app[data-wmd-color-scheme="white"] .income-calendar-backdrop{
  color-scheme:light;
  --payday-dialog-action-ink:#ffffff;
}
/* The White palette has a later broad guided-shell button/input rule.
   The label-qualified selectors here deliberately outrank that legacy
   rule, so focusing a date or frequency never loses its selected accent. */
#app[data-wmd-color-scheme="white"] .income-calendar-backdrop
  .income-calendar-dialog .planning-grid>label :is(input,select){
  color-scheme:light!important;
  background:var(--payday-dialog-deep)!important;
  border-color:var(--payday-dialog-line)!important;
  color:var(--payday-dialog-text)!important;
}
#app[data-wmd-color-scheme="white"] .income-calendar-backdrop
  .income-calendar-dialog .planning-grid>label :is(input,select):is(:focus,:focus-visible){
  border-color:var(--payday-dialog-accent)!important;
  outline:2px solid var(--payday-dialog-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--payday-dialog-accent) 14%,transparent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog{
  background:
    radial-gradient(circle at 91% 0%,
      color-mix(in srgb,var(--payday-dialog-accent) 7%,transparent),transparent 35%),
    linear-gradient(165deg,var(--payday-dialog-panel),var(--payday-dialog-deep))!important;
  border:1px solid var(--payday-dialog-line)!important;
  color:var(--payday-dialog-text)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .onboarding-head{
  background:color-mix(in srgb,var(--payday-dialog-panel) 90%,var(--payday-dialog-deep))!important;
  border-bottom:1px solid var(--payday-dialog-line)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .onboarding-kicker{
  color:var(--payday-dialog-accent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .onboarding-head h2{
  color:var(--payday-dialog-text)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog :is(
  .onboarding-head p,form>p,.planning-grid>label,
  [data-calendar-out] .planning-result,[data-calendar-out] li
){
  color:var(--payday-dialog-muted)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .planning-grid :is(input,select){
  border:1px solid var(--payday-dialog-line)!important;
  background:var(--payday-dialog-deep)!important;
  color:var(--payday-dialog-text)!important;
  color-scheme:inherit!important;
  box-shadow:none!important;
  accent-color:var(--payday-dialog-accent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .planning-grid
  :is(input,select):is(:hover,:focus,:focus-visible){
  border-color:var(--payday-dialog-accent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .planning-grid
  :is(input,select):is(:focus,:focus-visible){
  outline:2px solid var(--payday-dialog-accent)!important;
  outline-offset:2px!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--payday-dialog-accent) 14%,transparent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(.onboarding-x,.guided-footer [data-calendar-close]){
  background:var(--payday-dialog-raised)!important;
  border:1px solid var(--payday-dialog-line)!important;
  color:var(--payday-dialog-text)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(.onboarding-x,.guided-footer [data-calendar-close]):hover{
  background:color-mix(in srgb,var(--payday-dialog-accent) 11%,var(--payday-dialog-raised))!important;
  border-color:var(--payday-dialog-accent)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog .guided-footer{
  border-top:1px solid var(--payday-dialog-line)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(.guided-footer>.onboarding-primary,[data-calendar-out] [data-calendar-confirm]){
  background:var(--payday-dialog-accent)!important;
  border:1px solid var(--payday-dialog-accent)!important;
  color:var(--payday-dialog-action-ink)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(.guided-footer>.onboarding-primary,[data-calendar-out] [data-calendar-confirm]):hover{
  background:var(--payday-dialog-soft)!important;
  border-color:var(--payday-dialog-soft)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(button,input,select,summary):focus-visible{
  outline:2px solid var(--payday-dialog-accent)!important;
  outline-offset:3px!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  [data-calendar-out] .planning-result{
  background:var(--payday-dialog-raised)!important;
  border:1px solid var(--payday-dialog-line)!important;
  border-radius:12px!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  [data-calendar-out] .planning-result :is(strong,b){
  color:var(--payday-dialog-text)!important;
}
#app .income-calendar-backdrop .income-calendar-dialog
  :is(input[type=checkbox],input[type=radio]){
  accent-color:var(--payday-dialog-accent)!important;
}

/* Budget schedule-entry controls share the main workspace palette.
   Do not change the category colors or a genuine verified-payroll indicator. */
#app .wmd-workspace--budget .budget-grid .budget-paydate-cell button{
  background:var(--wmd-ui-raised,var(--wmd-theme-raised,#21394e))!important;
  border-color:var(--wmd-ui-line,var(--wmd-theme-line,#48677e))!important;
  color:var(--wmd-ui-txt,var(--wmd-theme-text,#edf7fd))!important;
}
#app .wmd-workspace--budget .budget-grid .budget-paydate-cell button:hover,
#app .wmd-workspace--budget .budget-grid .budget-paydate-cell button:focus-visible{
  border-color:var(--wmd-budget-accent,var(--wmd-theme-accent,#8ec8f3))!important;
  background:color-mix(in srgb,
    var(--wmd-budget-accent,var(--wmd-theme-accent,#8ec8f3)) 10%,
    var(--wmd-ui-raised,var(--wmd-theme-raised,#21394e)))!important;
}
#app .wmd-workspace--budget .budget-grid .budget-paydate-cell button:focus-visible{
  outline:2px solid var(--wmd-budget-accent,var(--wmd-theme-accent,#8ec8f3))!important;
  outline-offset:2px!important;
}
#app .wmd-workspace--budget .budget-grid .budget-paydate-label{
  color:var(--wmd-ui-muted,var(--wmd-theme-muted,#b8ccda))!important;
}
#app .landing-v6 [data-landing-tour] .wmd-workspace--budget .budget-paydate-cell button{
  border-color:#48677e!important;
  background:#21394e!important;
  color:#edf7fd!important;
}
#app .landing-v6 [data-landing-tour] .wmd-workspace--budget .budget-paydate-cell button:is(:hover,:focus-visible){
  border-color:#8ec8f3!important;
  background:#29465d!important;
}
#app .landing-v6 [data-landing-tour] .wmd-workspace--budget .budget-paydate-label{
  color:#b8ccda!important;
}

/* money-pulse.css */
/* Scoped component, independent of the existing dashboard/card cascade. */
.money-pulse{margin:16px 0;padding:22px;border:1px solid #46515f;border-radius:18px;background:#182029;color:#f0f3f7;text-align:left;min-width:0}
.money-pulse .pulse-heading{display:flex;justify-content:space-between;align-items:start;gap:16px}.money-pulse h3{font-size:21px;line-height:1.3;margin:6px 0 0;letter-spacing:-.025em;color:#f0f3f7}.money-pulse .pulse-eyebrow{color:#bfcbdb;font-size:12px;font-weight:650}.money-pulse .pulse-estimate{font-size:12px;color:#d9c59e;white-space:nowrap}.money-pulse.pulse-risk{border-color:#a96868}.money-pulse.pulse-risk h3{color:#ffbaba}
.money-pulse .pulse-values{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}.money-pulse .pulse-values>div{display:flex;flex-direction:column;gap:6px}.money-pulse .pulse-values span{font-size:14px;color:#c2cbd7}.money-pulse strong{font-variant-numeric:tabular-nums}.money-pulse .pulse-values strong{font-size:28px;line-height:1.2}.money-pulse small{font-size:12px;line-height:1.5;color:#bdc8d5}.money-pulse p,.money-pulse li{font-size:14px;line-height:1.6;color:#cbd4df}.money-pulse .pulse-scope{margin:0 0 12px}.money-pulse summary{cursor:pointer;min-height:44px;padding:12px 0;box-sizing:border-box;font-size:14px;font-weight:600;color:#e1e9f3}.money-pulse details{border-top:1px solid #46515f}.money-pulse ul{padding-left:20px}.money-pulse li{margin:8px 0}
.money-pulse .pulse-bank-reference{display:grid;gap:4px;margin:0 0 13px;padding:11px 14px;border:1px solid #536579;border-radius:11px;background:#1e2935;min-width:0}.money-pulse .pulse-bank-reference.is-review{border-color:#947c56;background:#2b2826}.money-pulse .pulse-bank-reference>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.money-pulse .pulse-bank-reference span{font-size:12px;color:#c5d0df}.money-pulse .pulse-bank-reference strong{font-size:19px;color:#f1f4f8}.money-pulse .pulse-bank-reference.is-review strong{color:#f2d5a8}.money-pulse .pulse-bank-reference p{font-size:12px;margin:0;color:#c8d1dd;line-height:1.6}
.money-pulse .pulse-ledger{overflow:auto;max-height:320px}.money-pulse table{width:100%;border-collapse:collapse;font-size:13px}.money-pulse caption{text-align:left;color:#cbd4df;padding:10px 0;line-height:1.5}.money-pulse th,.money-pulse td{padding:10px 8px;text-align:right;border-bottom:1px solid #46515f;white-space:nowrap}.money-pulse th:first-child,.money-pulse td:first-child{text-align:left;white-space:normal;min-width:110px}.money-pulse .pulse-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.money-pulse label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#e1e9f3}.money-pulse input,.money-pulse select{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:10px 12px;font:inherit;font-size:16px;border:1px solid #708198;border-radius:9px;background:#111922;color:#f0f3f7;color-scheme:dark}.money-pulse button{min-height:44px;margin:14px 10px 14px 0;padding:10px 16px;border-radius:9px;border:1px solid #849bb7;background:#d4e3f6;color:#152132;font-size:14px;font-weight:650;cursor:pointer}.money-pulse button[type=reset]{background:transparent;color:#d4e3f6}.money-pulse :focus-visible{outline:3px solid #a8ceff;outline-offset:3px}.money-pulse .pulse-comparison{padding:2px 16px 16px;border-radius:12px;background:#111922;margin-bottom:12px}.money-pulse dl{margin:12px 0}.money-pulse dl>div{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.money-pulse dt,.money-pulse dd{font-size:14px;margin:0}.money-pulse dd{text-align:right}
@media(max-width:600px){.money-pulse{padding:16px;border-radius:14px}.money-pulse .pulse-heading{display:block}.money-pulse .pulse-estimate{display:block;margin-top:8px}.money-pulse .pulse-values{gap:16px}.money-pulse .pulse-values strong{font-size:23px}.money-pulse .pulse-inputs{grid-template-columns:1fr}.money-pulse h3{font-size:19px}.money-pulse dl>div{display:block}.money-pulse dd{text-align:left;margin-top:4px}}

.money-pulse [hidden]{display:none!important}.money-pulse form>label{margin-bottom:14px}

/* payday-clarity.css */
/* Payday Clarity: neutral graphite, cash-flow blue and mint only for real progress. */
#app .wmd-workspace--cashflow .payday-clarity{box-sizing:border-box;min-width:0;margin:10px 0 16px;padding:20px 21px;border:1px solid #42576b;border-radius:18px;background:linear-gradient(145deg,#1b2a35,#151f29);color:#eaf1f5;box-shadow:0 10px 28px #0002}
#app .payday-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
#app .payday-heading>div{min-width:0}
#app .payday-eyebrow{font-size:10px;font-weight:780;letter-spacing:.12em;color:#a9cada}
#app .payday-heading h3{font:730 clamp(20px,2.5vw,27px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;margin:5px 0 7px;color:#f0f7f9;letter-spacing:-.035em}
#app .payday-heading p,#app .payday-clarity p{line-height:1.55}
#app .payday-heading p{margin:0;color:#bdcad5;font-size:12px}
#app .payday-status{border:1px solid #5d849a;background:#223c4b;color:#c9e9f5;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:750;padding:6px 11px}
#app .payday-clarity.is-risk .payday-status{border-color:#a66d72;background:#41272d;color:#ffe0df}
#app .payday-clarity.is-review:not(.is-risk) .payday-status{border-color:#a48a65;background:#3c342a;color:#fbe5bb}
#app .payday-numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 12px}
#app .payday-main-number{padding:16px 17px;min-width:0;border:1px solid #41566a;border-radius:13px;background:#111c26;display:flex;flex-direction:column;gap:7px}
#app .payday-main-number>span{font-size:12px;color:#bed0dc;font-weight:650}
#app .payday-main-number strong{font:750 clamp(25px,3.2vw,35px)/1.12 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f2f8fb;letter-spacing:-.04em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#app .payday-clarity.is-risk .payday-main-number:first-child strong{color:#ffb3b5}
#app .payday-main-number small{color:#bdcbd5;font-size:11px;line-height:1.5}
#app .payday-facts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}
#app .payday-facts span{border:1px solid #405466;background:#22313d;border-radius:8px;padding:8px 10px;font-size:11px;color:#c3d1dc}
#app .payday-facts b{color:#f0f5f8;font-weight:750;font-variant-numeric:tabular-nums}
#app .payday-review{padding:12px 14px;border-left:3px solid #d2a86e;border-radius:8px;background:#292d31;margin:12px 0 16px}
#app .payday-review strong{font-size:12px;color:#f5ddb4}
#app .payday-review ul{margin:8px 0 0;padding-left:17px;display:grid;gap:5px}
#app .payday-review li{font-size:11px;line-height:1.5;color:#e1d3bd}
#app .payday-verified-note{font-size:11px;color:#b7ddcf}
#app .payday-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px;margin:14px 0}
#app .payday-breakdown,#app .payday-window{border:1px solid #405367;border-radius:12px;padding:12px 14px;background:#172531;min-width:0}
#app .payday-breakdown summary{font-size:12px;font-weight:750;cursor:pointer;min-height:26px;display:flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;color:#e7eff5}
#app .payday-breakdown summary::-webkit-details-marker{display:none}
#app .payday-breakdown[open] summary>span{transform:rotate(180deg)}
#app .payday-breakdown p,#app .payday-breakdown small{display:block;font-size:11px;line-height:1.6;color:#c4d1da}
#app .payday-breakdown ul{padding:0;list-style:none;max-height:280px;overflow-y:auto;margin:10px 0}
#app .payday-breakdown li{border-top:1px solid #32485b;padding:9px 0;display:flex;justify-content:space-between;gap:10px;align-items:center}
#app .payday-breakdown li span{min-width:0}
#app .payday-breakdown li strong,#app .payday-breakdown li b{display:block;font-size:11px;line-height:1.4;color:#ecf2f7}
#app .payday-breakdown li b{white-space:nowrap;font-variant-numeric:tabular-nums}
#app .payday-breakdown li small{font-size:10px;color:#9cb7c9}
#app .payday-breakdown .payday-overflow{font-size:11px;color:#bdd0de}
#app .payday-window h4{font-size:12px;margin:0 0 11px;color:#e5eef5}
#app .payday-horizons{display:flex;gap:7px;flex-wrap:wrap}
#app .payday-horizons button{flex:1 1 75px;min-height:44px;padding:7px 9px;border:1px solid #455f74;border-radius:9px;background:#1d303f;color:#c5d8e7;cursor:pointer}
#app .payday-horizons button[aria-pressed="true"]{border-color:#8fb9d0;background:#29495d;color:#f0f9fd}
#app .payday-horizons button b,#app .payday-horizons button span{display:block;font-size:11px}
#app .payday-horizons button span{font-size:10px;margin-top:2px;color:#b6cfdd}
#app .payday-window [data-payday-horizon-summary]{margin:11px 0 4px;font-size:12px;font-weight:700;color:#e8f3f9}
#app .payday-window small{color:#aabeca;font-size:10px;line-height:1.55}
#app .payday-whatif{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;border-top:1px solid #3d5264}
#app .payday-whatif>div:first-child{min-width:0}
#app .payday-whatif label{font-size:13px;font-weight:760;color:#ecf3f7}
#app .payday-whatif p{font-size:11px;color:#b5c5d0;margin:5px 0 0}
#app .payday-action{display:flex;align-items:center;gap:7px;flex-shrink:0}
#app .payday-action>span{font-size:15px;color:#c8dbe8}
#app .payday-action input{width:100px;min-width:0;height:43px;border:1px solid #59758b;border-radius:8px;background:#101e29;color:#f2f8fc;padding:0 10px;font:inherit;font-size:16px;box-sizing:border-box}
#app .payday-action button{min-height:43px;border:1px solid #8fc1db;border-radius:8px;background:#d2e6f3;color:#172d3a;font-size:12px;font-weight:780;padding:9px 13px;cursor:pointer}
#app .payday-horizons button:focus-visible,#app .payday-action button:focus-visible,#app .payday-action input:focus-visible,#app .payday-breakdown summary:focus-visible{outline:2px solid #aedcf8;outline-offset:3px}
#app .payday-impact{background:#203b39;color:#d7f3e9;border:1px solid #4b8c80;border-radius:9px;padding:11px 12px;font-size:12px;line-height:1.6;margin:12px 0}
#app .payday-impact.is-risk{background:#3a282e;border-color:#9a656e;color:#ffe0e0}
#app .payday-disclaimer{font-size:10px!important;color:#94adbe;margin:12px 0 0}
#app .payday-payperiods{border:1px solid #42596a;border-radius:12px;background:#152430;padding:11px 13px;margin:12px 0 15px}
#app .payday-payperiods summary{cursor:pointer;list-style:none;min-height:36px;font-size:12px;font-weight:760;color:#deecf6}
#app .payday-payperiods summary::-webkit-details-marker{display:none}
#app .payday-payperiods summary>span{display:block;font-size:10px;line-height:1.5;color:#aac2d1;font-weight:500;margin-top:2px}
#app .payday-cycle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:9px;margin:13px 0}
#app .payday-cycle{padding:11px;border:1px solid #3f5467;border-radius:10px;background:#1b303e}
#app .payday-cycle>div:first-child{display:flex;flex-direction:column;gap:3px}
#app .payday-cycle>div:first-child span{font-size:10px;letter-spacing:.06em;color:#b6cbdc}
#app .payday-cycle>div:first-child strong{font-size:16px;color:#f2f7fb;font-variant-numeric:tabular-nums}
#app .payday-cycle dl{display:grid;gap:6px;border-top:1px solid #3a4d60;margin:10px 0;padding-top:10px}
#app .payday-cycle dl>div{display:flex;justify-content:space-between;gap:8px}
#app .payday-cycle dt,#app .payday-cycle dd{font-size:10px;margin:0;color:#bdcdd9}
#app .payday-cycle dd{color:#f0f5f9;font-weight:720;white-space:nowrap;font-variant-numeric:tabular-nums}
#app .payday-cycle>small{display:block;font-size:10px;color:#c1d8e3;line-height:1.5}
#app .payday-payperiods>p{margin:9px 0 0;color:#b6c9d6;font-size:10px;line-height:1.5}
@media(max-width:760px){#app .wmd-workspace--cashflow .payday-clarity{padding:15px}#app .payday-heading{flex-direction:column;gap:11px}#app .payday-numbers{gap:9px}#app .payday-main-number{padding:13px 11px}#app .payday-bottom-grid{grid-template-columns:1fr}#app .payday-whatif{align-items:stretch;flex-direction:column}#app .payday-action{width:100%}#app .payday-action input{width:0;flex:1}#app .payday-action button{min-width:112px}}
@media(max-width:390px){#app .payday-main-number strong{font-size:25px}#app .payday-numbers{grid-template-columns:1fr}#app .payday-status{font-size:10px}}
@media(prefers-reduced-motion:reduce){#app .payday-clarity *{scroll-behavior:auto}}

/* payday-stress.css */
/* Optional read-only scenario, matched to the existing cash-flow slate and blue. */
#app .payday-stress{margin:14px 0 0;padding:13px;border:1px solid #476276;border-radius:12px;background:#152836;min-width:0}
#app .payday-stress>summary{cursor:pointer;color:#e2f0f8;font-size:13px;line-height:1.5;font-weight:750;min-height:43px}
#app .payday-stress>summary span{display:block;color:#adbfcb;font-size:11px;font-weight:450}
#app .payday-stress form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}
#app .payday-stress label{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:#c9dfed;font-weight:680}
#app .payday-stress input,#app .payday-stress select{box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px;border-radius:8px;border:1px solid #5e7d91;background:#132430;color:#f5fcff;font-size:14px}
#app .payday-stress [hidden]{display:none!important}
#app .payday-stress-actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap;grid-column:1/-1}
#app .payday-stress-actions button{cursor:pointer;min-height:43px;padding:10px 14px;border:1px solid #96cee1;border-radius:8px;background:#c5e8ef;color:#173140;font-size:12px;font-weight:760}
#app .payday-stress-actions [data-stress-clear]{background:transparent;border-color:#648194;color:#daedf7}
#app .payday-stress :focus-visible{outline:2px solid #a8e4ed;outline-offset:3px}
#app [data-stress-output]{border-top:1px solid #3d5a6e;margin-top:2px;padding:12px 0}
#app .payday-stress-answer>p{font-size:12px;color:#d3e5f0;line-height:1.6;margin:0 0 10px}
#app .payday-stress-metrics,#app .payday-stress-windows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#app .payday-stress-metrics>div,#app .payday-stress-windows>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:10px;border:1px solid #486475;border-radius:9px;background:#1c3543}
#app .payday-stress-windows{margin-top:8px}
#app .payday-stress-metrics small,#app .payday-stress-windows small{font-size:10px;color:#b8d0db;line-height:1.5}
#app .payday-stress-metrics strong,#app .payday-stress-windows strong{font-size:clamp(11px,1.3vw,15px);font-weight:760;color:#f5fbff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
#app .payday-stress-metrics span,#app .payday-stress-windows span{font-size:10px;color:#bdd0dc;line-height:1.4}
#app .payday-stress .payday-stress-warning{color:#f7d3b6;font-size:11px;line-height:1.5;margin:8px 0}
#app .payday-stress .payday-stress-hint{font-size:10px;color:#aec5d3;line-height:1.6;margin:10px 0 0}
@media(max-width:720px){#app .payday-stress form{grid-template-columns:1fr}#app .payday-stress-metrics,#app .payday-stress-windows{grid-template-columns:1fr}}

/* cash-horizon.css */
/* Cash Flow's native slate/blue palette; scoped to the new read-only outlook. */
.cash-horizon{margin:16px 0 20px;padding:20px;border:1px solid #496478;border-radius:16px;background:#1c2b37;color:#eaf2f8;min-width:0}
.cash-horizon-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cash-horizon-head>div{min-width:0}
.cash-horizon-eyebrow{display:block;color:#9ed4e3;font-size:11px;font-weight:800;letter-spacing:.09em}
.cash-horizon h3{margin:6px 0;font:720 21px/1.23 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em;color:#f5fbff}
.cash-horizon-head p{margin:0;color:#b9cbd7;font-size:12px;line-height:1.5}
.cash-horizon-status{font-size:11px;line-height:1.3;font-weight:750;color:#cfe9e3;background:#203e43;border:1px solid #426f73;border-radius:999px;padding:7px 10px;white-space:nowrap}
.cash-horizon-risk{border-color:#967a6c}
.cash-horizon-risk .cash-horizon-status{background:#3a302d;border-color:#826755;color:#ffd9bc}
.cash-horizon-highlights{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;margin:17px 0 14px}
.cash-horizon-highlights>div{display:flex;flex-direction:column;gap:5px;background:#15232e;border:1px solid #3c5365;border-radius:12px;padding:14px;min-width:0}
.cash-horizon-highlights small{font-size:11px;color:#a9c3d2;line-height:1.45}
.cash-horizon-highlights strong{font-size:clamp(20px,3vw,29px);line-height:1.2;color:#f7fbff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cash-horizon-highlights span{font-size:11px;line-height:1.45;color:#afc5d1}
.cash-horizon-datecheck{display:flex;gap:13px;align-items:center;justify-content:space-between;padding:10px 0 13px}
.cash-horizon-datecheck label{display:flex;align-items:center;flex-wrap:wrap;gap:9px;font-size:12px;color:#d9e9f2;font-weight:650}
.cash-horizon-datecheck input{min-height:40px;padding:7px 10px;border-radius:8px;border:1px solid #718d9f;color:#f7fbff;background:#14222c;font-size:15px;color-scheme:dark}
.cash-horizon-datecheck output{display:block;color:#e3eff6;font-size:12px;line-height:1.5;text-align:right;max-width:440px}
.cash-horizon-ledger{border-top:1px solid #435b6d}
.cash-horizon-ledger summary{cursor:pointer;padding:14px 0;min-height:44px;color:#ddedf6;font-size:13px;font-weight:700}
.cash-horizon-periods{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.cash-horizon-periods button{cursor:pointer;min-height:38px;padding:7px 13px;border:1px solid #536e80;border-radius:8px;background:#172734;color:#c6d8e5;font-size:12px;font-weight:700}
.cash-horizon-periods button[aria-pressed=true]{color:#102630;background:#8edbcf;border-color:#8edbcf}
.cash-horizon-rows{max-height:330px;overflow-y:auto;padding-right:3px}
.cash-horizon-day{display:grid;grid-template-columns:60px minmax(0,1fr) 96px 114px;gap:10px;align-items:start;border-top:1px solid #374e5c;padding:10px 2px}
.cash-horizon-day time{color:#b8ced9;font-size:12px;font-weight:700}
.cash-horizon-day-items{font-size:12px;color:#d8e5ed;line-height:1.45;overflow-wrap:anywhere}
.cash-horizon-day-change{color:#c1d3dc;font-size:12px;text-align:right;font-variant-numeric:tabular-nums}
.cash-horizon-day strong{color:#f3fafc;text-align:right;font-size:13px;font-variant-numeric:tabular-nums}
.cash-horizon-day strong small{display:block;margin-top:3px;font-size:10px;color:#bdd2df;white-space:normal}
.cash-horizon-day.is-risk strong{color:#ffcdba}
.cash-horizon-caution,.cash-horizon-explainer{font-size:11px!important;line-height:1.6!important;color:#aebfca!important;margin:9px 0 0}
.cash-horizon-warning{border:1px solid #8d745d;background:#342d2b;border-radius:9px;color:#ffe2ca;font-size:13px;line-height:1.5;padding:12px;margin:14px 0}
.cash-horizon-empty{padding:12px 0;color:#bcd0d9;font-size:12px}
.cash-horizon :focus-visible{outline:2px solid #9ee6db;outline-offset:3px}
@media(max-width:640px){
 .cash-horizon{padding:14px;margin:12px 0 15px}
 .cash-horizon-head{flex-wrap:wrap;gap:8px}
 .cash-horizon h3{font-size:19px}
 .cash-horizon-status{white-space:normal}
 .cash-horizon-highlights{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}
 .cash-horizon-highlights>div{padding:11px}
 .cash-horizon-highlights strong{font-size:20px}
 .cash-horizon-datecheck{align-items:stretch;flex-direction:column}
 .cash-horizon-datecheck output{text-align:left;max-width:none}
 .cash-horizon-day{grid-template-columns:52px minmax(0,1fr) 96px;gap:7px}
 .cash-horizon-day-change{display:none}
 .cash-horizon-day strong{font-size:12px}
}
/* Exact-date lookup is nested into Payday Clarity, not another dashboard card. */
#app .payday-clarity .cash-horizon-compact{margin:12px 0 15px;padding:14px 16px;background:#172734;border-color:#405d70;border-radius:12px;box-shadow:none}
#app .payday-clarity .cash-horizon-compact-head h4{font:720 17px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#eaf4f8;margin:4px 0 7px}
#app .payday-clarity .cash-horizon-compact-head p{font-size:12px;color:#b8cfdb;line-height:1.5;margin:0}
#app .payday-clarity .cash-horizon-compact .cash-horizon-caution{font-size:11px!important}
@media(max-width:650px){#app .payday-clarity .cash-horizon-compact{padding:12px}}

/* Compact exact-date explanation nested into Payday Clarity. */
#app .payday-clarity .cash-horizon-selected{margin:0 0 13px;padding:12px;border:1px solid #385364;border-radius:10px;background:#12232f;color:#e8f3f8;min-width:0}
#app .payday-clarity .cash-horizon-selected.is-risk{border-color:#836858}
#app .payday-clarity .cash-horizon-selected-head{display:flex;justify-content:space-between;gap:9px;align-items:baseline;flex-wrap:wrap}
#app .payday-clarity .cash-horizon-selected-head h5{font-size:13px;line-height:1.35;margin:0;font-weight:740;color:#eef8fc}
#app .payday-clarity .cash-horizon-selected-head span{font-size:11px;color:#a9bfcd}
#app .payday-clarity .cash-horizon-day-math{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:10px 0}
#app .payday-clarity .cash-horizon-day-math>div{min-width:0;padding:9px;border-radius:8px;background:#1a3040}
#app .payday-clarity .cash-horizon-day-math dt{font-size:10px;line-height:1.35;color:#b9cedc}
#app .payday-clarity .cash-horizon-day-math dd{margin:5px 0 0;font-size:13px;line-height:1.35;font-weight:750;color:#f2fafb;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#app .payday-clarity .cash-horizon-day-low{font-size:12px;line-height:1.55;color:#cbdde6;margin:0}
#app .payday-clarity .cash-horizon-selected.is-risk .cash-horizon-day-low{color:#ffdac3}
#app .payday-clarity .cash-horizon-selected-items{margin:10px 0 0;padding:0;list-style:none;border-top:1px solid #354d5c}
#app .payday-clarity .cash-horizon-selected-items li{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #304755;font-size:12px;color:#d8e7ee}
#app .payday-clarity .cash-horizon-selected-items li span{min-width:0;overflow-wrap:anywhere}
#app .payday-clarity .cash-horizon-selected-items li small{font-size:10px;color:#e8be98}
#app .payday-clarity .cash-horizon-selected-items li b{flex-shrink:0;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}
#app .payday-clarity .cash-horizon-selected-items li.cash-horizon-extra{color:#b3c8d4;font-size:11px}
#app .payday-clarity .cash-horizon-selected-empty{font-size:12px;color:#bbcfda;margin:10px 0 0}
#app .payday-clarity .cash-horizon-selected-warning{font-size:11px;line-height:1.5;color:#ffdfb8;margin:10px 0 0}
@media(max-width:660px){
 #app .payday-clarity .cash-horizon-day-math{grid-template-columns:repeat(2,minmax(0,1fr))}
 #app .payday-clarity .cash-horizon-selected{padding:10px}
}

/* google-auth.css */
/* Brand-aligned Google sign-in for the dark authentication screen.
   The multicolor Google icon remains true to Google; the button itself
   uses the current Ocean/navy palette. The Google G remains unmodified. */
#app .auth-page .auth-card .google-brand-btn {
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr) 24px!important;
  align-items:center!important;
  gap:9px!important;
  width:100%!important;
  min-height:46px!important;
  padding:9px 13px!important;
  border:1px solid #557891!important;
  border-radius:9px!important;
  background:#1b3040!important;
  color:#edf6fc!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:background-color .16s ease,border-color .16s ease!important;
}
#app .auth-page .auth-card .google-brand-btn::after {
  content:"";
  grid-column:3;
  width:24px;
  height:1px;
}
#app .auth-page .auth-card .google-brand-btn .google-brand-btn-icon {
  grid-column:1;
  display:inline-flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:24px!important;
  height:24px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
}
#app .auth-page .auth-card .google-brand-btn .google-brand-g {
  display:block;
  flex:0 0 20px;
  width:20px;
  height:20px;
}
#app .auth-page .auth-card .google-brand-btn .google-brand-btn-label {
  grid-column:2;
  display:block!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  color:inherit!important;
  text-align:center;
  font:650 14px/1.35 var(--wmd-font-ui,system-ui,sans-serif)!important;
  white-space:normal;
}
#app .auth-page .auth-card .google-brand-btn:hover {
  background:#254459!important;
  border-color:#8ec8f3!important;
}
#app .auth-page .auth-card .google-brand-btn:focus-visible {
  background:#254459!important;
  border-color:#8ec8f3!important;
  outline:2px solid #b9dffa!important;
  outline-offset:2px!important;
}
#app .auth-page .auth-card .google-brand-btn:active {
  background:#284961!important;
}
#app .auth-page .auth-card .google-brand-btn:disabled {
  opacity:.65!important;
  cursor:wait;
}
@media (prefers-reduced-motion:reduce){
  #app .auth-page .auth-card .google-brand-btn{transition:none!important}
}


/* Google-rendered, origin-branded primary sign-in.
   Use Google's genuine button instead of a lookalike custom control.
   The existing Ocean Google button remains only as an explicit recovery path. */
#app .auth-page .auth-card .google-direct-signin {
  display:flex;
  flex-direction:column;
  width:100%;
  align-items:stretch;
  gap:6px;
  min-width:0;
}
/* Restore the last-known iPhone-safe native Google button layout.
   Never set line-height:0 or insert an overlay around the GIS render host:
   Google may initially render its button text inline before its iframe. */
/* A single soft halo outside Google's official button. Do not paint a
   second stroke around the Google iframe or show a permanent tap-focus ring. */
#app .auth-page .auth-card .google-direct-button {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  width:min(100%, 400px);
  min-width:0;
  margin-inline:auto;
  overflow:visible;
  border:0;
  border-radius:9px;
  background:transparent;
  outline:none;
  box-shadow:
    0 6px 22px rgba(46,148,250,.30),
    0 0 18px rgba(64,166,255,.22);
  transition:box-shadow .18s ease;
}
/* Never leave hover styling stuck on iOS after the Google account sheet closes. */
@media (hover:hover) and (pointer:fine) {
  #app .auth-page .auth-card .google-direct-button:hover {
    box-shadow:
      0 7px 26px rgba(46,148,250,.42),
      0 0 24px rgba(64,166,255,.32);
  }
}
/* Keep the official Google button's own keyboard focus ring visible. */
#app .auth-page .auth-card .google-direct-button:focus-within {
  outline:none;
  box-shadow:
    0 7px 26px rgba(46,148,250,.38),
    0 0 22px rgba(64,166,255,.28);
}
@media (prefers-reduced-motion:reduce) {
  #app .auth-page .auth-card .google-direct-button { transition:none; }
}
@media (forced-colors:active) {
  #app .auth-page .auth-card .google-direct-button {
    box-shadow:none;
    outline:1px solid ButtonText;
  }
}
#app .auth-page .auth-card .google-direct-button iframe {
  max-width:100%;
}
#app .auth-page .auth-card .google-direct-loading,
#app .auth-page .auth-card .google-direct-status {
  display:block;
  width:100%;
  text-align:center;
  font-size:12px;
  line-height:1.5;
  color:#b9dffa;
}
#app .auth-page .auth-card .google-direct-loading { padding:11px 8px; }
#app .auth-page .auth-card .google-direct-status:empty {display:none}
#app .auth-page .auth-card .google-direct-recovery {width:100%;font-size:12px;color:#b9dffa}
#app .auth-page .auth-card .google-direct-recovery summary {
  width:max-content;
  max-width:100%;
  margin:2px auto 0;
  color:#a4bfd2;
  cursor:pointer;
  text-align:center;
}
#app .auth-page .auth-card .google-direct-recovery .google-brand-btn {
  margin-top:8px;
}
#app .auth-page .auth-card .google-direct-recovery small {
  display:block;
  font-size:11px;
  color:#a4bfd2;
  text-align:center;
  margin:5px auto 2px;
}

/* connections.css */

/* WMD Connections Center | Sandbox-only, one-stop account management. */
.connections-header-button,.connections-context-button{background:#23323f!important;border:1px solid #4c6e8b!important;color:#e3ebf2!important;border-radius:10px!important;white-space:nowrap}
.connections-header-button{padding:8px 12px!important;font-size:12px!important}
.connections-networth-entry{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0;padding:10px 14px;border:1px solid #3e566a;background:#1c2934;border-radius:12px;color:#c2d0dc;font-size:12px}
.connections-networth-entry button{background:transparent;border:0;color:#b5cadd;padding:5px;font-weight:750;cursor:pointer}
.connections-settings-card{display:grid;gap:8px}
.connections-settings-button{background:#334a5e;border:1px solid #7696b1;color:#f8fafc;width:fit-content;padding:10px 15px;border-radius:9px;font-weight:750;cursor:pointer}
.connections-backdrop{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:16px;background:rgba(4,11,13,.83);backdrop-filter:blur(8px)}
.connections-center{width:min(1080px,100%);max-height:min(94vh,960px);overflow:auto;background:linear-gradient(145deg,#19232b,#121d20);border:1px solid #516271;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.72);color:#edf2f7;scrollbar-width:thin;scrollbar-color:#485d6f transparent}
.connections-center *{box-sizing:border-box}
.connections-topbar{position:sticky;top:0;z-index:2;background:#161f26;border-bottom:1px solid #384958;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.connections-top-brand{font-size:10px;color:#c8d8e6;font-weight:800;letter-spacing:.08em}
.connections-top-brand i{color:#95a2ad;font-style:normal;font-weight:500;letter-spacing:0}
.connections-topbar>div{display:flex;align-items:center;gap:10px}
.connections-mode{border-radius:20px;padding:5px 10px;border:1px solid #4c657b;color:#cfdde9;background:#263746;font-size:10px;font-weight:800}
.connections-close{display:grid;place-items:center;background:#253039;color:#f1f5f9;border:1px solid #4f5d6a;border-radius:8px;width:35px;height:35px;font-size:24px;cursor:pointer}
.connections-body{padding:22px;display:grid;gap:15px}
.connections-intro .connections-kicker,.connections-card-head>span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#9cb9d2}
.connections-intro h2{font-family:var(--wmd-font-ui);font-size:clamp(26px,3vw,36px);letter-spacing:-.035em;line-height:1.13;color:#f8fafc;margin:7px 0}
.connections-intro p{max-width:750px;color:#aab6c2;font-size:13px;line-height:1.6;margin:0}
.connections-overview,.connections-journey{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.connections-overview>div{display:grid;gap:4px;padding:14px;background:#1f2a34;border:1px solid #3c4e5d;border-radius:11px}
.connections-overview span{font-size:11px;color:#c2ced8}
.connections-overview strong{font-variant-numeric:tabular-nums;font-size:25px;line-height:1;color:#f6f9fb}
.connections-overview small{font-size:10px;color:#92a2b1}
.connections-journey{gap:0;background:#17212a;border:1px solid #364858;border-radius:10px;overflow:hidden}
.connections-journey>div{display:grid;gap:4px;padding:11px;border-right:1px solid #364858}
.connections-journey>div:last-child{border:0}
.connections-journey b{font-size:11px;color:#d3dfeb}
.connections-journey span{font-size:10px;color:#a4b0bc;line-height:1.4}
.connections-columns{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(265px,1fr);gap:15px;align-items:start}
.connections-primary,.connections-aside{display:grid;gap:13px;min-width:0}
.connections-card{min-width:0;border:1px solid #384957;background:#19232c;border-radius:14px;padding:16px}
.connections-card-head{margin-bottom:12px}
.connections-card-head h3,.connections-card h3{font-family:var(--wmd-font-ui);font-size:20px;letter-spacing:-.02em;color:#f1f5f9;margin:5px 0}
.connections-card-head p,.connections-card>p,.connections-holdings p{font-size:12px;line-height:1.55;color:#a8b4c0;margin:0}
.connections-row-head{display:flex;justify-content:space-between;gap:10px;align-items:start}
.connections-minor{border:1px solid #4f677b;background:#212f3d;color:#cedce9;border-radius:8px;font-size:11px;white-space:nowrap;padding:8px;cursor:pointer}
.connections-add-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.connections-add{min-width:0;display:grid;justify-items:start;text-align:left;gap:6px;border-radius:11px;border:1px solid #4c6071;background:#202e3b;color:#f2f6f9;padding:11px;cursor:pointer}
.connections-add.primary{background:#2a3d4e;border-color:#7396b5}
.connections-add i{display:grid;place-items:center;width:27px;height:27px;border-radius:8px;background:#32495d;color:#ecf1f6;font-size:16px;font-style:normal}
.connections-add strong{font-size:12px}.connections-add small{font-size:10px;color:#b3c1cd;line-height:1.4}
.connections-add:hover:not(:disabled){border-color:#a3bed5;background:#32485c}
.connections-add:disabled,.connections-primary-action:disabled,.connections-secondary-action:disabled{opacity:.5;cursor:not-allowed}
.connections-review{display:flex;gap:12px;justify-content:space-between;align-items:center;background:#202e3b;border:1px solid #43596c;padding:12px;border-radius:10px}
.connections-review>div{display:grid;gap:5px;min-width:0}
.connections-review strong{font-size:12px}
.connections-review small{font-size:11px;color:#b6c2cc;line-height:1.4}
.connections-primary-action,.connections-secondary-action{background:#3c576f;border:1px solid #6f91af;color:#f8fafc;border-radius:9px;padding:10px 12px;font-size:11px;font-weight:750;white-space:normal;cursor:pointer}
.connections-secondary-action{background:#253644;border-color:#54697c;color:#d3e0eb}
.connections-aside .connections-card h3{font-size:18px}
.connections-round-icon{border-radius:9px;display:grid;place-items:center;width:32px;height:32px;background:#344c60;color:#cbdae7}
.connections-guidance>div:not(.connections-round-icon){display:grid;gap:3px;padding:10px 0;border-top:1px solid #374857}
.connections-guidance>div b{font-size:12px;color:#ebf0f6}
.connections-guidance>div span{font-size:11px;line-height:1.55;color:#b1bdc8}
.connections-health-head{display:flex;gap:8px;align-items:center;justify-content:space-between}
.connections-health-head>span{font-size:10px;color:#bfd1e1}
.connections-health-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.connections-holdings{padding:0}
.connections-holdings>summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px;cursor:pointer;list-style:none}
.connections-holdings>summary::-webkit-details-marker{display:none}.connections-holdings>summary::marker{content:""}
.connections-holdings>summary>span:first-child{display:grid;gap:4px}
.connections-holdings>summary strong{font-size:12px}
.connections-holdings>summary small{color:#98a4af;font-size:10px}
.connections-holdings>summary .ui-chevron{width:18px;height:18px}
.connections-holdings[open]>summary .ui-chevron{transform:rotate(180deg)}
.connections-holdings>div{display:grid;gap:10px;padding:0 15px 15px}
.connections-sandbox-note{background:#243543;border:1px solid #46637c;border-radius:11px;padding:12px}
.connections-sandbox-note strong{font-size:12px;color:#e1eaf1}
.connections-sandbox-note p{color:#b0c0cd;font-size:11px;line-height:1.55;margin:4px 0 0}
.connections-message{border:1px solid #567793;background:#273949;color:#dce6ef;border-radius:8px;padding:9px;font-size:12px;margin-top:10px}
.connections-message.error{border-color:#9b645f;background:#412e2b;color:#f0c0b9}
.connections-center .plaid-institutions{margin-top:8px}
.connections-center .plaid-institution{background:#192127;border-color:#435565}
.connections-center .plaid-institution-head{gap:10px}
.connections-center .plaid-source-status{display:block;font-size:10px;line-height:1.45;color:#a6c3d2;max-width:420px}
.connections-center .plaid-account-row{gap:9px}
.connections-center .plaid-account-balance{font-variant-numeric:tabular-nums}
.connections-center .plaid-map-label{max-width:none}
.connections-center .plaid-map-label select{min-height:37px;border-color:#576a7b;color:#dfe8f0;background:#162028}
.connections-center .plaid-account-empty{background:#1c2934;border-color:#4b5e6f;color:#c2ced8;padding:20px;text-align:center}
.connections-center button:focus-visible,.connections-center select:focus-visible,.connections-center summary:focus-visible{outline:2px solid #a0bbd3;outline-offset:2px}
@media(max-width:890px){.connections-columns{grid-template-columns:1fr}.connections-aside{grid-template-columns:1fr 1fr}.connections-guidance{grid-row:span 2}.connections-sandbox-note{grid-column:1/-1}}
@media(max-width:650px){.connections-backdrop{padding:0;align-items:stretch}.connections-center{width:100%;min-height:100dvh;max-height:100dvh;border:0;border-radius:0}.connections-topbar{padding:12px 14px}.connections-body{padding:17px 13px;gap:12px}.connections-intro h2{font-size:28px}.connections-overview{gap:6px}.connections-overview>div{padding:10px 8px}.connections-overview strong{font-size:21px}.connections-overview small{font-size:9px}.connections-journey>div{padding:8px}.connections-journey b{font-size:10px}.connections-journey span{font-size:9px}.connections-card{padding:13px}.connections-card-head h3{font-size:19px}.connections-row-head{flex-wrap:wrap}.connections-add-grid{grid-template-columns:1fr;gap:7px}.connections-add{grid-template-columns:28px 1fr;align-items:center;padding:9px 12px}.connections-add i{grid-row:span 2}.connections-add small{grid-column:2}.connections-review{flex-wrap:wrap}.connections-aside{grid-template-columns:1fr}.connections-guidance{grid-row:auto}.connections-sandbox-note{grid-column:auto}}

/* Connections is the active workspace, not a second scrolling page. */
body:has(.connections-backdrop){overflow:hidden}
.connections-center{overscroll-behavior:contain}
@media(max-width:650px){.connections-center{padding-bottom:max(16px,env(safe-area-inset-bottom))}}
/* Connections shortcuts in the debt plan stay subtle and fit small screens. */
.debt-page .debt-accounts-panel .debt-panel-head{flex-wrap:wrap;gap:8px 12px}
.debt-page .debt-accounts-panel .connections-context-button{padding:8px 11px;min-height:36px;font-size:11px;flex-shrink:0}
@media(max-width:650px){
 .debt-page .debt-accounts-panel .debt-panel-head>p{flex:1 0 100%}
 .debt-page .debt-accounts-panel .connections-context-button{max-width:100%;white-space:normal}
}

/* Connections: blue matches the entry button. The three actions stay primary;
   mapping, review and guidance disclose detail without duplicating the journey. */
#app .connections-center{background:#1b2731;border-color:#4c6475;color:#e4eef5;width:min(1040px,100%);box-shadow:0 24px 70px #0007}
#app .connections-topbar{background:#202f3c;border-color:#405566;padding:13px 22px}
#app .connections-body{padding:24px;gap:18px}
#app .connections-intro h2{font:730 clamp(27px,3vw,33px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.035em;margin:5px 0 9px}
#app .connections-intro p{font-size:14px;line-height:1.55;color:#b8cbd9;max-width:70ch}
#app .connections-intro .connections-kicker{color:#a0c4df;letter-spacing:.055em;font-weight:650}
#app .connections-overview>div{background:#223341;border-color:#40586a;padding:14px 16px}
#app .connections-overview strong{font-size:25px;color:#d9eaf7}
#app .connections-overview span{font-size:12px;color:#b8cbd9}
#app .connections-overview small{font-size:11px;color:#9fb5c5}
#app .connections-columns{grid-template-columns:1fr;gap:16px}
#app .connections-primary{gap:12px}
#app .connections-card{background:#1e2e3b;border-color:#405668;padding:18px}
#app .connections-card h3{font:680 19px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;color:#e1edf5;margin:4px 0 7px}
#app .connections-card-head p,#app .connections-card>p{font-size:13px;color:#aec3d2;line-height:1.6}
#app .connections-add{min-height:112px;padding:16px;background:#263b4b;border-color:#547187;gap:8px;border-radius:12px}
#app .connections-add.primary{background:#2c4558;border-color:#7fa4bf}
#app .connections-add strong{font-size:14px;font-weight:650}
#app .connections-add small{font-size:12px;color:#b5cbdc}
#app .connections-add i{color:#c8e2f5;background:#35546b}
#app .connections-add:hover:not(:disabled){background:#355166;border-color:#a0c4df}
#app .connections-center .connections-mode{background:#2c4354;border-color:#65839b;color:#c5dced}
#app .connections-center :is(.connections-primary-action,.connections-secondary-action,.connections-minor){min-height:40px;background:#2d465b;border-color:#6989a1;color:#e0edf7;font-size:12px;font-weight:650}
#app .connections-review{background:#243b4b;border-color:#4d6a7f;padding:14px}
#app .connections-review strong{font-size:14px}
#app .connections-review small{font-size:12px;color:#b5cad8}
#app .connections-step-details,#app .connections-help{border:1px solid #435d70;border-radius:13px;background:#20313e;overflow:hidden}
#app .connections-step-details>summary,#app .connections-help>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:15px 18px;cursor:pointer;list-style:none;font-size:14px;font-weight:650;color:#cbe0f0}
#app .connections-step-details>summary::-webkit-details-marker,#app .connections-help>summary::-webkit-details-marker{display:none}
#app .connections-step-details>summary:hover,#app .connections-help>summary:hover{background:#2a4051}
#app .connections-step-details[open]>summary{border-bottom:1px solid #435d70}
#app .connections-step-details[open]>summary>span:last-child{transform:rotate(180deg)}
#app .connections-step-content{border:0;border-radius:0;background:transparent}
#app .connections-step-content .connections-card-head h3,#app .connections-step-content .connections-card-head>span,#app .connections-step-content .connections-row-head>div>span{display:none}
#app .connections-aside{grid-template-columns:1fr 1fr;gap:12px}
#app .connections-help{grid-column:1/-1;order:3}
#app .connections-help .connections-guidance{border:0;border-radius:0;background:transparent}
#app .connections-help .connections-round-icon{display:none}
#app .connections-sandbox-note{grid-column:1/-1;order:4;background:#243747;border-color:#506b80}
#app .connections-sandbox-note strong{color:#c5deef}
#app .connections-sandbox-note p{color:#b0c6d6;font-size:12px}
#app .connections-health-head>span{color:#b5d4e9}
#app .connections-center .plaid-institution{background:#192b39;border-color:#435f73}
#app .connections-center .plaid-map-label select{background:#192a38;border-color:#5e7f97;color:#dfeef7;min-height:42px}
#app .connections-center .plaid-account-empty{background:#243746;border-color:#4d6c81;color:#bcd1e0}
#app .connections-center :is(button,select,summary):focus-visible{outline:2px solid #a0c4df;outline-offset:2px}
#app > header .connections-header-button{background:#263b4b!important;border-color:#66869e!important;color:#d3e7f5!important;font-family:inherit}
#app > header .connections-header-button:hover{background:#355166!important;border-color:#a0c4df!important}
@media(max-width:650px){
 #app .connections-body{padding:18px 13px;gap:14px}
 #app .connections-topbar{padding:12px 14px}
 #app .connections-add{min-height:68px;padding:12px}
 #app .connections-card{padding:14px}
 #app .connections-aside{grid-template-columns:1fr}
 #app .connections-overview>div{padding:12px 9px}
 #app .connections-step-details>summary,#app .connections-help>summary{padding:14px}
}


/* 6.10.98: Connections belongs to the WMD graphite design system. Blue is
   reserved for connected-state accents, borders and focus rather than surfaces. */
#app .connections-center{background:#171f23!important;border-color:#3c4d56!important;color:#e8f0f2!important}
#app .connections-topbar{background:#1b2429!important;border-color:#33434c!important}
#app .connections-overview>div{background:#1b2429!important;border-color:#34454e!important}
#app .connections-card{background:#192126!important;border-color:#35464e!important}
#app .connections-add{background:#1d282e!important;border-color:#40545f!important}
#app .connections-add.primary{background:#1f2b31!important;border-color:#668fa8!important;box-shadow:inset 3px 0 0 #7bb8db}
#app .connections-add i{background:#22313a!important;color:#c8e2f5!important}
#app .connections-add:hover:not(:disabled){background:#22323a!important;border-color:#8eb6cc!important}
#app .connections-center .connections-mode{background:#202c33!important;border-color:#547a91!important}
#app .connections-center :is(.connections-primary-action,.connections-secondary-action,.connections-minor){
  background:#202c33!important;border-color:#55768a!important;color:#e2eef3!important
}
#app .connections-review{background:#1c272d!important;border-color:#405763!important}
#app .connections-step-details,#app .connections-help{background:#1a2429!important;border-color:#3a4d57!important}
#app .connections-step-details>summary:hover,#app .connections-help>summary:hover{background:#222f35!important}
#app .connections-sandbox-note{background:#1c272d!important;border-color:#455f6e!important}
#app .connections-center .plaid-institution{background:#171f23!important;border-color:#3a4d57!important}
#app .connections-center .plaid-map-label select{background:#141d22!important;border-color:#536e7d!important;color:#e0ebef!important}
#app .connections-center .plaid-account-empty{background:#1b252a!important;border-color:#405660!important;color:#bdcdd1!important}
#app > header .connections-header-button,
#app .connections-context-button,
#app .connections-settings-button{background:#20282d!important;border-color:#557a90!important;color:#dcebf3!important}
#app > header .connections-header-button:hover,
#app .connections-context-button:hover,
#app .connections-settings-button:hover{background:#27343b!important;border-color:#8eb6cc!important}

/* Connections stays visible as a Premium feature, but non-entitled users
   cannot launch a banking connection from Settings. */
#app .connections-settings-button:disabled,
#app .connections-settings-button[aria-disabled="true"]{
  opacity:.56!important;
  cursor:not-allowed!important;
  background:#20282d!important;
  border-color:#435664!important;
  color:#9eafb8!important;
  box-shadow:none!important;
}
#app .connections-settings-button:disabled:hover{
  background:#20282d!important;
  border-color:#435664!important;
  color:#9eafb8!important;
}

/* Explicit Plaid + Snapper cross-source review, not an automatic new actual. */
.tx-review-dialog .tx-review-source-overlap{display:grid;gap:9px;padding:13px 14px;margin:12px 0;background:color-mix(in srgb,#b3d5c8 9%,#20343d);border:1px solid #78998f;border-radius:12px}
.tx-review-dialog .tx-review-source-overlap>strong{font-size:13px;color:#e8f3ef}
.tx-review-dialog .tx-review-source-overlap p{color:#c3d5d6;font-size:12px;line-height:1.55;margin:0}
.tx-review-dialog .tx-review-source-verify{min-height:39px;padding:9px 14px;justify-self:start;background:#b6d8cb;color:#17352c;border:1px solid #b6d8cb;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}
.tx-review-dialog .tx-review-source-verify:hover{background:#cde8df}
.tx-review-dialog .tx-review-source-overlap label{display:flex;align-items:center;gap:8px;color:#dae9e7;font-size:12px;line-height:1.5;cursor:pointer}
.tx-review-dialog .tx-review-source-overlap input[type="checkbox"]{width:16px;height:16px;accent-color:#b6d8cb;flex:none}
@media(max-width:580px){.tx-review-dialog .tx-review-source-verify{width:100%;justify-self:stretch}}

/* One ledger, multiple update sources. */
#app .connections-source-center{display:grid;gap:12px}
#app .connections-source-center>p{color:#b7cac4;font-size:13px;line-height:1.6;margin:0}
#app .connections-source-rows{display:grid;gap:2px}
#app .connections-source-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #3a514c}
#app .connections-source-row>div{display:grid;gap:4px;min-width:0}
#app .connections-source-row strong{font-size:12px;color:#e6f3ed;overflow-wrap:anywhere}
#app .connections-source-row small{font-size:11px;color:#b5cac2;line-height:1.5}
#app .connections-source-row>span{white-space:nowrap;padding:5px 8px;border:1px solid #658375;border-radius:24px;font-size:11px;color:#c8e6d7}

/* photo-import.css */

/* WMD private, on-device photo import. UI does not persist uploaded images. */
.photo-import-backdrop{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;background:rgba(3,8,12,.79);padding:16px;backdrop-filter:blur(8px)}
.photo-import-dialog{width:min(850px,100%);max-height:min(94dvh,1040px);border:1px solid #315341;border-radius:22px;background:#111b16;color:#ecf7f1;box-shadow:0 28px 100px rgba(0,0,0,.65);display:flex;flex-direction:column;overflow:hidden;outline:none;font-family:inherit}
.photo-import-header{padding:24px 26px 19px;display:flex;justify-content:space-between;align-items:start;gap:16px;background:linear-gradient(145deg,#1f3128,#14201a 76%)}
.photo-import-eyebrow{display:block;color:#7dd7a6;font-size:11px;font-weight:800;letter-spacing:.14em;margin-bottom:7px}
.photo-import-header h2{font-weight:800;letter-spacing:-.035em;font-size:clamp(23px,3vw,34px);line-height:1.12;margin:0 0 9px}
.photo-import-header p{font-size:13px;line-height:1.6;color:#b1ccc2;max-width:640px;margin:0}
.photo-import-close{width:37px;height:37px;min-width:37px;border-radius:50%;border:1px solid #45655b;color:#e9fff0;background:#1d2e25;font-size:23px;cursor:pointer;display:grid;place-items:center}
.photo-import-close:hover{background:#294d42}
.photo-import-body{padding:21px 25px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0}
.photo-import-privacy{border:1px solid #32694e;background:#153226;padding:13px 15px;border-radius:12px;display:grid;gap:5px;margin-bottom:17px}
.photo-import-privacy strong{font-size:14px;color:#bdf1d0}
.photo-import-privacy span{font-size:12px;line-height:1.55;color:#bbd4c8}
.photo-import-pick{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:21px 14px;border:1.5px dashed #699c83;background:#1b2922;border-radius:15px;text-align:center;cursor:pointer;position:relative}
.photo-import-pick:hover,.photo-import-pick:focus-within{border-color:#8eeec0;background:#23372d}
.photo-import-pick-icon{font-size:28px;color:#80c9a0;line-height:1}
.photo-import-pick strong{font-size:16px;font-weight:750;color:#e5fff0}
.photo-import-pick small{font-size:12px;color:#b6d4c6;line-height:1.45}
.photo-import-pick input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.photo-import-pick input:disabled{cursor:not-allowed}
.photo-import-hint{color:#a7bbb6;font-size:12px;line-height:1.6;margin:13px 2px 14px}
.photo-import-alert{border-radius:10px;border:1px solid #437160;background:#183e34;color:#dbfbe7;padding:10px 12px;font-size:12px;line-height:1.5;margin:9px 0}
.photo-import-alert.is-error{color:#ffd7d9;background:#411e27;border-color:#8b4b55}
.photo-import-progress{display:flex;align-items:center;gap:12px;padding:13px;background:#1c2b23;border:1px solid #39674f;border-radius:10px;font-size:12px;color:#c8e1d4;margin:10px 0}
.photo-import-spinner{display:inline-block;height:19px;width:19px;border-radius:50%;border:2px solid #45705a;border-top-color:#8eeebd;animation:photo-import-spin .85s linear infinite}
@keyframes photo-import-spin{to{transform:rotate(360deg)}}
.photo-import-stats{display:flex;gap:9px;flex-wrap:wrap;padding:10px 0;color:#aed8c7;font-size:12px;font-weight:650}
.photo-import-stats span{padding:5px 9px;border-radius:9px;background:#21342a;border:1px solid #35564d}
.photo-import-section{margin:18px 0 10px}
.photo-import-section-header{margin:0 0 12px}
.photo-import-section-header h3{font-size:18px;font-weight:800;margin:0 0 5px;color:#eefaf4}
.photo-import-section-header p{margin:0;color:#b4c9be;font-size:12px;line-height:1.55}
.photo-import-source{display:grid;gap:7px;padding:14px;margin:0 0 11px;border:1px solid #36564e;background:#1d2e25;border-radius:12px;color:#e1f9eb}
.photo-import-source>span{font-size:12px;font-weight:750}
.photo-import-source small{color:#abc9bd;font-size:11px;line-height:1.6}
.photo-import-row{padding:14px;margin:9px 0;background:#19261f;border:1px solid #375143;border-radius:13px}
.photo-import-row.photo-import-duplicate{opacity:.75;border-style:dashed}
.photo-import-check{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:750;margin-bottom:12px;color:#e8fff1}
.photo-import-check input{accent-color:#67bd93;width:17px;height:17px;min-width:17px}
.photo-import-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.photo-import-fields label{min-width:0;display:grid;gap:5px}
.photo-import-fields label.photo-import-full{grid-column:1/-1}
.photo-import-fields label>span{color:#adcabf;font-size:11px;font-weight:650}
.photo-import-fields input,.photo-import-fields select,.photo-import-source select{width:100%;box-sizing:border-box;min-height:41px;border:1px solid #456152;background:#141e19;color:#f4fff9;font:inherit;font-size:13px;border-radius:9px;padding:8px 11px}
.photo-import-fields input[readonly]{color:#b1c8c1;background:#1b2b23}
.photo-import-fields select option,.photo-import-source select option{background:#192720;color:#fff}
.photo-import-fields input:focus-visible,.photo-import-fields select:focus-visible,.photo-import-source select:focus-visible{outline:2px solid #75d8ac;outline-offset:2px}
.photo-import-warning,.photo-import-muted{display:block;margin-top:10px;color:#e7c79d;font-size:11px;line-height:1.5}
.photo-import-muted{color:#b5c9c2}
.photo-import-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 25px max(16px,env(safe-area-inset-bottom));background:#17251e;border-top:1px solid #355343}
.photo-import-footer>span{font-size:12px;color:#adcac0}
.photo-import-footer button{padding:11px 20px;min-height:43px;background:#65c393;border:1px solid #65c393;color:#0a2119;border-radius:10px;font-weight:850;font-size:13px;cursor:pointer;white-space:nowrap}
.photo-import-footer button:disabled{background:#3e6255;border-color:#3e6255;color:#93b5a5;cursor:not-allowed}
.wmd-photo-import-entry{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#18362b;border:1px solid #438e68;border-radius:10px;padding:10px 14px;color:#c8ffdc;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.wmd-photo-import-entry:hover{background:#244f3b;border-color:#6bd59c}
.photo-import-drop-note{color:#b0cfc2;font-size:12px;line-height:1.55}
@media(max-width:680px){
 .photo-import-backdrop{padding:0;align-items:stretch}
 .photo-import-dialog{width:100%;max-height:100dvh;min-height:100dvh;border:0;border-radius:0}
 .photo-import-header{padding:18px 16px 15px}
 .photo-import-header h2{font-size:25px}
 .photo-import-close{width:39px;height:39px}
 .photo-import-body{padding:14px 14px 18px}
 .photo-import-pick{padding:18px 11px}
 .photo-import-fields{gap:8px}
 .photo-import-row{padding:12px 11px}
 .photo-import-fields input,.photo-import-fields select{font-size:16px}
 .photo-import-footer{padding:11px 14px max(12px,env(safe-area-inset-bottom))}
 .photo-import-footer button{padding:10px 13px;min-width:130px}
 .photo-import-footer>span{max-width:150px;line-height:1.45}
 .wmd-photo-import-entry{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.photo-import-spinner{animation:none}}

.photo-import-entry-line{display:flex;align-items:center;flex-wrap:wrap;gap:11px;margin:13px 0 16px}
.google-direct-status{display:block;text-align:center;color:#bad6c9;font-size:12px;min-height:0}
@media(max-width:680px){.photo-import-entry-line{align-items:stretch;flex-direction:column}.photo-import-entry-line .wmd-photo-import-entry{width:100%}}

/* Simple photo-first intake, with explicit source and freshness information. */
.photo-import-dialog{background:#111b16;border-color:#355343}
.photo-import-header{background:linear-gradient(145deg,#1b2922,#141f19 74%)}
.photo-import-picture{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#1b2922;border:1px solid #385345;border-radius:16px;padding:19px 20px;margin:0 0 15px}
.photo-import-picture>div:first-child{display:flex;flex-direction:column;gap:5px}
.photo-import-picture>div:first-child>span{font-size:10px;letter-spacing:.14em;font-weight:750;color:#a6c5b9}
.photo-import-picture>div:first-child>strong{font-size:clamp(25px,4vw,38px);letter-spacing:-.04em;line-height:1.1;color:#effff5}
.photo-import-picture small{font-size:12px;color:#a8c4b7;line-height:1.45}
.photo-import-picture-count{border-left:1px solid #385345;min-width:190px;padding-left:22px;display:flex;flex-direction:column;gap:4px}
.photo-import-picture-count b{font-size:27px;font-weight:780;color:#e7faef}
.photo-import-picture-count>span{font-size:12px;font-weight:700;color:#d5eae1}
.photo-import-privacy{background:#18261f;border-color:#385b4e}
.photo-import-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(91px,1fr));gap:9px;margin:13px 0}
.photo-import-preview{border:1px solid #466359;background:#203028;border-radius:11px;overflow:hidden}
.photo-import-preview img{display:block;aspect-ratio:148/104;object-fit:contain;background:#141f19;width:100%}
.photo-import-preview>span{display:block;text-align:center;color:#bbe2cf;font-size:10px;font-weight:700;line-height:1.3;padding:7px 3px;white-space:normal}
.photo-import-preview.is-ignored{opacity:.55}
.photo-import-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 12px}
.photo-import-tabs button{min-width:0;background:#18261f;color:#abc7bc;border:1px solid #3a5045;border-radius:12px;text-align:left;padding:11px 15px;cursor:pointer;font-weight:790;font-size:14px}
.photo-import-tabs button small{display:block;font-size:11px;font-weight:550;margin-top:3px;color:#8faba0}
.photo-import-tabs button.active{color:#eafff2;border-color:#6ab491;background:#224135}
.photo-import-applied{border:1px solid #5d9576;border-radius:12px;background:#1b382b;padding:12px 15px;display:flex;flex-direction:column;gap:5px;color:#e1ffe9;font-size:12px;margin:14px 0}
.photo-import-applied strong{font-size:14px}
.photo-import-empty{border:1px dashed #4b655c;background:#1a2921;border-radius:13px;padding:22px 18px;color:#e6fff1}
.photo-import-empty strong{font-size:16px}
.photo-import-empty p{font-size:12px;line-height:1.6;color:#abc8be;margin:8px 0 0}
.photo-import-today{font-size:12px;min-height:35px;padding:6px 12px;margin-top:10px;background:#233d31;color:#ccebd8;border:1px solid #4a8668;border-radius:9px;cursor:pointer}
.photo-import-today:hover{background:#2b5240}
.photo-import-fields label.photo-import-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:10px;border:1px solid #6f6a46;border-radius:8px;padding:10px;background:#323023}
.photo-import-confirm input{width:17px;min-width:17px;height:17px;accent-color:#79cea4}
.photo-import-confirm>span{font-size:12px!important;color:#f2dfaf!important;line-height:1.5}
.photo-import-coverage{margin:17px 0;border:1px solid #36534a;background:#192820;border-radius:13px;padding:12px 14px}
.photo-import-coverage>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:750;cursor:pointer;list-style:none}
.photo-import-coverage>summary::-webkit-details-marker{display:none}
.photo-import-coverage>summary span{font-size:11px;color:#acc5bd;font-weight:550}
.photo-import-coverage>p{font-size:12px;line-height:1.6;color:#b3c8bf;margin:12px 0}
.photo-import-coverage>.photo-import-check{font-size:12px;line-height:1.5}
.photo-trust-summary{border:1px solid #3d6256;background:#192820;border-radius:13px;margin:0 0 16px;color:#def6e8}
.photo-trust-summary summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:12px 16px;list-style:none}
.photo-trust-summary summary::-webkit-details-marker{display:none}
.photo-trust-summary summary span:first-child{display:grid;gap:4px}
.photo-trust-summary summary strong{font-size:13px}
.photo-trust-summary summary small{font-size:11px;color:#b4cabc;line-height:1.45}
.photo-trust-list{border-top:1px solid #355349;padding:11px 15px}
.photo-trust-list>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 12px;border-bottom:1px solid #28453a;padding:8px 0;font-size:12px}
.photo-trust-list>div small{grid-column:1/-1;color:#a9c7b7}
.photo-trust-list>p{font-size:11px;line-height:1.55;color:#b6cebf;margin:14px 0 4px}
@media(max-width:680px){
 .photo-import-picture{padding:14px 13px;gap:12px}
 .photo-import-picture-count{padding-left:12px;min-width:120px}
 .photo-import-picture-count b{font-size:24px}
 .photo-import-picture-count small{font-size:10px}
 .photo-import-preview>span{font-size:10px}
 .photo-import-tabs button{padding:10px 11px;font-size:13px}
 .photo-import-previews{grid-template-columns:repeat(4,minmax(0,1fr))}
 .photo-import-pick{min-height:95px}
}


/* One global importer across signed-in pages. Floating access only on narrow screens. */
.header-actions .global-photo-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;
  background:#223c31;border:1px solid #59977b;color:#e5fff0;font-size:12px;font-weight:800;border-radius:10px;
  white-space:nowrap;padding:9px 13px}
.header-actions .global-photo-action:hover{background:#305640;border-color:#83cba4}
.global-photo-action svg{display:block;flex:none;width:18px;height:18px}
.global-photo-floating{display:none}
.global-photo-action:focus-visible{outline:2px solid #97dfb7;outline-offset:3px}
@media(max-width:760px){
 .header-actions .global-photo-header{display:none!important}
 .global-photo-floating{display:inline-flex;position:fixed;z-index:5480;left:max(14px,env(safe-area-inset-left));
  bottom:max(18px,env(safe-area-inset-bottom));min-height:47px;align-items:center;justify-content:center;gap:8px;
  border-radius:999px;padding:11px 16px;border:1px solid #6bae8d;background:rgba(29,67,51,.97);
  color:#eafff1;font-size:13px;font-weight:800;box-shadow:0 8px 26px #0009;backdrop-filter:blur(12px)}
 .global-photo-floating:hover{background:#2e6049}
}

/* Account matching should feel reassuring rather than like a warning. */
.photo-import-match-hint{margin:2px 0 12px;padding:11px 13px;background:linear-gradient(135deg,#21392f,#1a2e28);
  border:1px solid #456e5a;border-radius:11px;display:flex;flex-direction:column;gap:5px}
.photo-import-match-hint strong{color:#eafff2;font-size:12px;font-weight:760;line-height:1.45}
.photo-import-match-hint small{color:#bddacb;font-size:11px;line-height:1.45}
.photo-import-picture .photo-import-not-yet{font-size:clamp(19px,2.8vw,28px)!important;letter-spacing:-.02em!important}
.photo-import-row .photo-import-fields select[data-photo-field="accountId"]{border-color:#61987d}
.photo-import-row .photo-import-fields select[data-photo-field="accountId"]:focus-visible{outline:2px solid #9de4bf;outline-offset:2px}
@media(max-width:680px){.photo-import-picture .photo-import-not-yet{font-size:18px!important}.photo-import-match-hint{padding:10px 11px}
  .photo-import-fields label>span{font-size:12px}}

/* Corrections stay available even if OCR cannot read the source image. */
.photo-import-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:36px;
  padding:7px 12px;background:#1e352d;border:1px solid #477c60;border-radius:9px;
  color:#d0f1da;font-size:12px;font-weight:780;margin-top:10px;cursor:pointer}
.photo-import-secondary:hover{background:#2a5040;border-color:#73b68d}
.photo-import-secondary:focus-visible{outline:2px solid #a6e5ba;outline-offset:3px}
.photo-import-review-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.photo-import-review-actions .photo-import-secondary{margin-top:10px}
.photo-import-empty .photo-import-secondary{margin-top:15px}
@media(max-width:680px){.photo-import-secondary{width:100%;min-height:43px}
 .photo-import-review-actions{display:grid;grid-template-columns:1fr 1fr}
 .photo-import-review-actions button{font-size:11px;margin-top:10px;min-height:44px}}


/* Snapper 6.10.29: data confidence and source-aware photo import */
.photo-import-ledger-note{display:grid;gap:6px;border:1px solid #315e4e;background:#18342b;
  padding:13px 15px;border-radius:13px;margin:13px 0;color:#def8e6}
.photo-import-ledger-note strong{font-size:13px;letter-spacing:-.01em}
.photo-import-ledger-note span{font-size:12px;line-height:1.6;color:#b8d0c2}
.photo-import-ledger-note b{color:#e0fbe8}
.photo-import-row-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:13px}
.photo-import-row-head .photo-import-check{margin-bottom:0;font-size:12px;line-height:1.4}
.photo-import-row-amount{font-size:18px;color:#ebfff3;font-weight:800;white-space:nowrap;letter-spacing:-.03em}
.photo-import-row[data-photo-row] .photo-import-fields .photo-import-full select{max-width:100%}
.photo-spending-summary{margin:18px 0 20px;background:#19261f;border:1px solid #416c59;border-radius:16px;overflow:hidden;color:#eafff2}
.photo-spending-summary>summary{display:flex;gap:13px;align-items:center;cursor:pointer;list-style:none;padding:17px 19px}
.photo-spending-summary>summary::-webkit-details-marker{display:none}
.photo-spending-icon{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;
  background:#244837;color:#c5f5d9;font-size:20px}
.photo-spending-heading{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.photo-spending-heading strong{font-size:14px;font-weight:800}
.photo-spending-heading small{font-size:11px;color:#b0cdbf}
.photo-spending-total{display:flex;flex-direction:column;gap:2px;text-align:right;font-size:19px;font-weight:850}
.photo-spending-total small{font-size:10px;font-weight:600;color:#b4cebf}
.photo-spending-body{border-top:1px solid #365a4a;padding:17px 19px}
.photo-spending-body>p{font-size:12px;line-height:1.7;color:#bbd4c7;margin:0 0 15px}
.photo-spending-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 15px}
.photo-spending-stats>div{background:#223831;border:1px solid #3b6050;border-radius:10px;padding:10px;display:grid;gap:7px}
.photo-spending-stats span{font-size:10px;color:#b2d0c1}
.photo-spending-stats b{font-size:17px;color:#e3faed}
.photo-spending-list{display:grid;gap:0;max-height:260px;overflow:auto}
.photo-spending-list>div{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:11px 2px;border-bottom:1px solid #2d4a3d;font-size:12px}
.photo-spending-list>div>span{min-width:0;display:grid;gap:4px}
.photo-spending-list>div strong{font-size:12px;font-weight:750}
.photo-spending-list>div small{color:#acc4b9;font-size:11px;line-height:1.5}
.photo-spending-list>div>b{white-space:nowrap;font-size:13px}
.photo-spending-footer{display:block;font-size:11px;color:#b4cfc0;line-height:1.6;margin-top:12px}
@media(max-width:650px){
 .photo-import-ledger-note{padding:11px 12px}
 .photo-spending-summary>summary{padding:13px 11px;gap:8px}
 .photo-spending-icon{width:32px;height:32px}
 .photo-spending-heading strong{font-size:12px}
 .photo-spending-total{font-size:16px}
 .photo-spending-body{padding:13px 11px}
 .photo-spending-stats{gap:6px}
 .photo-spending-stats>div{padding:8px 6px}
 .photo-spending-stats b{font-size:14px}
 .photo-import-row-head .photo-import-check{font-size:11px}
}

/* Snapper v6.10.30: clear before/after review, no implied account completeness. */
.photo-review-impact{border:1px solid #3a6654;background:linear-gradient(140deg,#1a312a,#162722);
  border-radius:15px;padding:14px 16px;margin:14px 0;color:#e9ffef}
.photo-review-impact-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.photo-review-impact-head strong{font-size:14px;font-weight:810}
.photo-review-impact-head small{font-size:11px;color:#a8cdbc}
.photo-review-impact-numbers{display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);gap:8px;align-items:center}
.photo-review-impact-numbers>div{display:grid;gap:5px;min-width:0}
.photo-review-impact-numbers>div>span{color:#b2d0c2;font-size:11px}
.photo-review-impact-numbers strong{font-size:clamp(19px,3vw,28px);font-weight:830;letter-spacing:-.035em}
.photo-review-impact-numbers>span{text-align:center;font-size:20px;color:#8ccbaf}
.photo-review-impact-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.photo-review-impact-stats>div{background:#254136;border:1px solid #3a6350;border-radius:9px;padding:11px 9px;display:grid;gap:5px}
.photo-review-impact-stats strong{font-size:clamp(15px,2.8vw,24px);font-weight:800}
.photo-review-impact-stats span{font-size:11px;color:#b1d1bf;line-height:1.4}
.photo-review-impact>p{font-size:11px;line-height:1.55;color:#b6d1c3;margin:12px 0 0}
.photo-import-row:focus-within{border-color:#568f70}
@media(max-width:680px){
 .photo-review-impact{padding:12px 10px}
 .photo-review-impact-numbers strong{font-size:18px}
 .photo-review-impact-stats>div{padding:8px 5px}
 .photo-review-impact-stats span{font-size:10px}
 .photo-review-impact-stats strong{font-size:15px}
}

/* Snapper PDF import: matching file preview, meaningful errors, mobile-safe review. */
.photo-import-preview .photo-import-pdf-icon{display:flex;align-items:center;justify-content:center;
  aspect-ratio:148/104;width:100%;padding:0;background:linear-gradient(135deg,#2a3b32,#1c2d24);
  color:#c7f2d9;font-size:19px;letter-spacing:.09em;font-weight:850}
.photo-import-issues{border:1px solid #776c46;border-radius:11px;background:#332d22;
  padding:12px 14px;margin:12px 0;line-height:1.55;color:#ffe8bd;font-size:12px}
.photo-import-issues strong{display:block;font-size:13px;margin-bottom:5px;color:#fff0ce}
.photo-import-issues p{margin:5px 0 0;overflow-wrap:anywhere}
@media(max-width:650px){
  .photo-import-issues{padding:11px 12px;font-size:11px}
  .photo-import-preview .photo-import-pdf-icon{font-size:16px}
}

/* Snapper private QA: compact, individually reviewed activity. */
.photo-import-source-choice{display:grid;gap:9px;background:#1a2921;border:1px solid #416e60;border-radius:13px;padding:14px 15px;margin:12px 0}
.photo-import-source-choice strong{font-weight:810;font-size:14px;color:#e9fff1}
.photo-import-source-choice p{font-size:12px;line-height:1.5;color:#b6d6ca;margin:0}
.photo-import-source-choice select{width:100%;box-sizing:border-box;border:1px solid #639985;background:#131e18;color:#f0fff5;
  border-radius:9px;min-height:46px;padding:10px;font-size:16px}
.photo-import-source-choice select:focus-visible{outline:2px solid #b4f3d0;outline-offset:2px}
.photo-import-source-choice select option{background:#141e19;color:#fff}
.photo-import-source-choice .photo-import-secondary{justify-self:start;margin:0}
.photo-import-source-choice .photo-import-secondary:disabled{opacity:.45;cursor:not-allowed}
.photo-import-detected{display:block;font-size:11px;color:#8fdeb5;letter-spacing:.015em}
.photo-import-activity-row{padding:0!important;margin:9px 0!important;overflow:hidden}
.photo-import-compact-toggle{width:100%;padding:14px 15px;display:flex;align-items:center;justify-content:space-between;
  gap:12px;background:transparent;border:0;border-radius:13px;color:inherit;text-align:left;font:inherit;cursor:pointer}
.photo-import-compact-toggle:hover,.photo-import-compact-toggle[aria-expanded=true]{background:#213b34}
.photo-import-compact-toggle:focus-visible{outline:2px solid #a4eec4;outline-offset:-3px}
.photo-import-compact-identity{display:grid;gap:5px;min-width:0;flex:1}
.photo-import-compact-identity strong{color:#ecfff1;font-size:14px;line-height:1.3;font-weight:790;overflow-wrap:anywhere}
.photo-import-compact-identity small{font-size:11px;color:#a2c7b8;line-height:1.35}
.photo-import-compact-number{display:flex;align-items:center;gap:10px;white-space:nowrap;
  color:#f5fff5;font-size:16px;font-weight:850;letter-spacing:-.025em}
.photo-import-compact-number.is-credit{color:#84dca6}
.photo-import-compact-number>span{font-size:21px;color:#96baa9;font-weight:500}
.photo-import-row-detail-panel{padding:14px 15px 16px;border-top:1px solid #395c50}
.photo-import-row-detail-panel[hidden]{display:none!important}
.photo-import-row-detail-panel .photo-import-row-head{margin-bottom:11px}
.photo-import-row-detail-panel .photo-import-row-amount{font-size:15px}
.photo-import-row-detail-panel .photo-import-check{margin:0}
.photo-import-has-results .photo-import-picture,.photo-import-has-results .photo-import-privacy{display:none}
.photo-import-has-results .photo-import-pick{min-height:60px;padding:13px 11px}
.photo-import-has-results .photo-import-pick-icon{font-size:20px}
.photo-import-has-results .photo-import-previews{display:flex;overflow-x:auto;gap:7px;scrollbar-width:thin}
.photo-import-has-results .photo-import-preview{min-width:85px;width:85px;flex:none}
.photo-import-has-results .photo-import-previews img{aspect-ratio:1.5}
.photo-import-has-results .photo-import-hint{margin:8px 2px}
@media(max-width:680px){
  .photo-import-has-results .photo-import-header{padding:calc(10px + env(safe-area-inset-top,0px)) 15px 9px;gap:9px}
  .photo-import-has-results .photo-import-header h2{font-size:21px;line-height:1.2;margin:0}
  .photo-import-has-results .photo-import-header p{display:none}
  .photo-import-has-results .photo-import-eyebrow{font-size:9px;letter-spacing:.075em;margin:0 0 4px}
  .photo-import-has-results .photo-import-close{width:35px;height:35px;min-width:35px}
  .photo-import-has-results .photo-import-body{padding:11px 12px 16px}
  .photo-import-has-results .photo-import-pick{min-height:50px;padding:9px 8px;gap:3px}
  .photo-import-has-results .photo-import-pick strong{font-size:13px}
  .photo-import-has-results .photo-import-pick small{font-size:10px}
  .photo-import-has-results .photo-import-pick-icon{display:none}
  .photo-import-has-results .photo-import-footer{padding:8px 12px max(8px,env(safe-area-inset-bottom));gap:9px;min-height:61px}
  .photo-import-has-results .photo-import-footer button{font-size:12px;min-width:145px;white-space:normal}
  .photo-import-has-results .photo-import-footer>span{font-size:11px;max-width:128px}
  .photo-import-source-choice{padding:12px 11px}
  .photo-import-source-choice .photo-import-secondary{width:100%;min-height:42px}
  .photo-import-compact-toggle{padding:12px 11px;gap:8px}
  .photo-import-compact-identity strong{font-size:13px}
  .photo-import-compact-identity small{font-size:10px}
  .photo-import-compact-number{font-size:15px;gap:6px}
  .photo-import-row-detail-panel{padding:11px 11px 13px}
  .photo-import-has-results .photo-import-preview{min-width:65px;width:65px}
  .photo-import-has-results .photo-import-preview>span{font-size:9px;padding:5px 3px}
}

/* Safari/iPhone: prevent native date inputs overflowing the reviewed card. */
.photo-import-dialog{min-width:0}
.photo-import-fields{min-width:0;width:100%;max-width:100%}
.photo-import-fields label{min-width:0;max-width:100%}
.photo-import-fields input,.photo-import-fields select{min-width:0;max-width:100%;box-sizing:border-box}
.photo-import-row{min-width:0;max-width:100%}
@media(max-width:420px){
  .photo-import-row-detail-panel .photo-import-fields{grid-template-columns:minmax(0,1fr)}
  .photo-import-row-detail-panel .photo-import-fields label{grid-column:1/-1}
  .photo-import-row-detail-panel input[type=date]{min-width:0;width:100%}
}

/* Compact explanation replaces the always-open accounting tutorial on mobile. */
.photo-import-ledger-note{display:block;padding:10px 14px}
.photo-import-ledger-note summary{cursor:pointer;list-style:revert;color:#dff9e9;font-size:12px;font-weight:800;line-height:1.5}
.photo-import-ledger-note summary:focus-visible{outline:2px solid #a1e6b7;outline-offset:4px}
.photo-import-ledger-note p{font-size:11px;line-height:1.6;color:#b6d0c1;margin:9px 0 1px}
.photo-import-ledger-note p b{color:#f1fff4}
@media(max-width:680px){.photo-import-ledger-note{padding:10px 13px}.photo-import-ledger-note summary{font-size:11px}}

/* v6.10.34: Snapper's restrained charcoal/slate palette. Mint marks actions or
   genuinely positive states, never the surface of every card. Scoped to Snapper. */
.photo-import-dialog{
  background:#131e18;color:#e9f3ee;border-color:#365042;
}
.photo-import-header{
  background:linear-gradient(140deg,#1b2b23,#16231c 82%);
  border-bottom:1px solid #2c4437;
}
.photo-import-header h2{color:#f5f9f7}
.photo-import-eyebrow{color:#89c4ae}
.photo-import-header p{color:#b4cfc1}
.photo-import-close{color:#ecf5f0;background:#283f33;border-color:#405e4e}
.photo-import-close:hover{background:#335443}
.photo-import-pick,.photo-import-picture,.photo-import-privacy,.photo-import-empty,
.photo-import-source,.photo-import-source-choice,.photo-import-row,.photo-import-coverage,
.photo-trust-summary,.photo-import-match-hint,.photo-import-progress,.photo-import-preview,
.photo-import-applied,.photo-import-spending,.photo-review-impact{
  background:#1d2d25;border-color:#395747;color:#ecf4f0;
}
.photo-import-pick{border-style:dashed;border-color:#688077}
.photo-import-pick:hover,.photo-import-pick:focus-within{
  background:#22352b;border-color:#93bea9;
}
.photo-import-pick strong,.photo-import-source>span,.photo-import-source-choice strong,
.photo-import-empty strong,.photo-import-section-header h3,
.photo-import-picture>div:first-child>strong,.photo-review-impact-head strong,
.photo-import-check,.photo-import-compact-identity strong{color:#eef5f1}
.photo-import-pick small,.photo-import-hint,.photo-import-privacy span,.photo-import-source small,
.photo-import-source-choice p,.photo-import-section-header p,.photo-import-fields label>span,
.photo-import-compact-identity small,.photo-import-coverage>p,.photo-review-impact>p,
.photo-import-ledger-note p,.photo-import-preview>span{color:#b1ccbe}
.photo-import-privacy strong{color:#dae8e3}
.photo-import-pick-icon{color:#94bca9}
.photo-import-stats{color:#bfd7ca}
.photo-import-stats span{background:#23372d;border-color:#3d5a4b}
.photo-import-source-choice select,.photo-import-fields input,.photo-import-fields select,
.photo-import-source select{
  background:#16231c;border-color:#436051;color:#f1f7f4;
}
.photo-import-fields input[readonly]{background:#21332a;color:#c0d5ca}
.photo-import-source-choice select option,.photo-import-fields select option,
.photo-import-source select option{background:#1b2922;color:#f1f8f4}
.photo-import-row-detail-panel{border-top-color:#375143}
.photo-import-compact-toggle:hover,.photo-import-compact-toggle[aria-expanded=true]{
  background:#24382e;
}
.photo-import-compact-number{color:#eef5f1}
.photo-import-compact-number>span{color:#a2bfb0}
.photo-import-compact-number.is-credit{color:#8ad4aa}
.photo-import-row.photo-import-duplicate{border-color:#526a5d}
.photo-import-footer{background:#1a2921;border-top-color:#395345}
.photo-import-footer>span{color:#bcd3c7}
.photo-import-footer button:disabled{
  background:#354b40;color:#a5bcb0;border-color:#455d50;
}
.photo-import-footer button:not(:disabled){background:#70c59a;border-color:#70c59a;color:#11241a}
.photo-import-ledger-note,.photo-import-ledger-note[open]{
  background:#1d2d25;border-color:#3b5748;color:#c8dfd3;
}
.photo-import-ledger-note summary{color:#daebe2}
.photo-import-ledger-note p b{color:#e8f2ed}
.photo-import-coverage>summary,.photo-trust-summary summary strong,
.photo-import-match-hint strong{color:#e3efe9}
.photo-import-preview img{background:#16221c}
.photo-import-preview .photo-import-pdf-icon{
  background:linear-gradient(135deg,#2a4235,#203229);color:#c0d9ce
}
.photo-import-tabs button{background:#22342b;border-color:#3e5b4c;color:#c2d6cc}
.photo-import-tabs button small{color:#afcdbd}
.photo-import-tabs button.active{background:#2a4235;border-color:#81b6a0;color:#e9f3ee}
.photo-import-today{background:#283e33;border-color:#506a5c;color:#dbe8e1}
.photo-import-today:hover{background:#335041}
.photo-import-progress{color:#d7e8df;border-color:#466957}
.photo-import-alert:not(.is-error){background:#24382e;border-color:#4c7660;color:#e0eee9}
.photo-import-detected{color:#a3c9b8}
.photo-import-row:focus-within{border-color:#8eb3a5}
.photo-import-compact-toggle:focus-visible,.photo-import-source-choice select:focus-visible{
  outline-color:#9fc7b4;
}
.photo-import-check input,.photo-import-confirm input{accent-color:#75c59c}
.photo-import-review-impact-stats>div,.photo-review-impact-stats>div{
  background:#273e32;border-color:#405f4f
}
.photo-review-impact-numbers>div>span,.photo-review-impact-head small,
.photo-review-impact-stats span{color:#b6d2c3}
.photo-import-stats>span,.photo-import-source-choice .photo-import-secondary{
  box-shadow:none;
}
.wmd-photo-import-entry,.header-actions .global-photo-action{
  background:#283e33;border-color:#577565;color:#dcece6
}
.wmd-photo-import-entry:hover,.header-actions .global-photo-action:hover{
  background:#315040;border-color:#83b7a1
}
@media(max-width:760px){
 .global-photo-floating{
   background:rgba(31,45,56,.97);border-color:#63877a;color:#e7f0ec;
 }
 .global-photo-floating:hover{background:#355645}
}

/* Neutralize the remaining large summary panels without touching semantic color. */
.photo-spending-summary,.photo-spending-stats>div,.photo-import-match-hint,
.photo-import-drop-note,.photo-import-tabs,.photo-review-impact-stats>div{
  background:#1e3027;border-color:#3e5d4d;color:#e7f2ec;
}
.photo-spending-stats>div{background:#263c31}
.photo-spending-summary-header,.photo-spending-header{background:#263c31}
.photo-spending-summary strong,.photo-import-match-hint strong{color:#ebf4ef}
.photo-spending-summary p,.photo-spending-summary small,
.photo-import-match-hint small{color:#afcebe}
.photo-import-secondary{background:#294134;border-color:#4b6c5b;color:#d5e6dd}
.photo-import-secondary:hover{background:#345443;border-color:#739e88}
.photo-import-compact-toggle[aria-expanded=true]{background:#293f33}
.photo-import-stats span{color:#c5d9cf}
.photo-import-applied{border-color:#578777}
.photo-import-fields label.photo-import-confirm{background:#302c23;border-color:#827252}
.photo-import-issues{background:#302921;border-color:#897247;color:#f6e2c3}
.photo-import-confirm>span{color:#f0deb5!important}

/* Snapper overview and desktop file intake, neutral slate with only small mint accents. */
.photo-import-balance-identity{display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap;margin:0 0 10px;padding:0 0 11px;border-bottom:1px solid #375143}
.photo-import-balance-identity strong{font-size:14px;line-height:1.35;color:#f2f7f4;overflow-wrap:anywhere}
.photo-import-balance-identity span{color:#b4d2c2;font-weight:700;font-size:12px;line-height:1.4}
.photo-import-pick.is-drag-over{background:#2a4135;border-color:#b2d8c4;
  outline:2px solid #6caa92;outline-offset:2px}
.photo-import-pick:focus-visible{outline:2px solid #a7cfbc;outline-offset:3px}
.photo-import-pick input[type=file]{font-size:0}
@media(min-width:681px){.photo-import-pick{min-height:130px}
  .photo-import-dialog{max-width:900px}}
@media(max-width:680px){
  .photo-import-balance-identity{display:grid;gap:5px}
  .photo-import-balance-identity strong{font-size:14px}
  .photo-import-balance-identity span{font-size:12px}
}

/* Snapper desktop drop target: visible interaction states without green-heavy panels. */
@media(min-width:681px){
 .photo-import-pick{min-height:156px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
 .photo-import-pick.is-drag-over{border-color:#9ac1ad;background:#2a4235;box-shadow:inset 0 0 0 2px #6d9a83}
 .photo-import-pick:focus-visible{outline:2px solid #b4d5c4;outline-offset:3px}
 .photo-import-desktop-tip{display:block;color:#afc9bb!important;font-size:12px;letter-spacing:.01em}
}
@media(max-width:680px){.photo-import-desktop-tip{display:none}}

/* v6.10.37: make imported balances simple to verify without hiding safety controls. */
.photo-import-balance-row{display:grid;gap:13px;padding:16px 16px 17px}
.photo-import-balance-identity{display:grid;gap:4px;border:0;padding:0 0 7px;margin:0}
.photo-import-balance-identity strong{font-size:16px;color:#f1f7f4;line-height:1.3;font-weight:790}
.photo-import-balance-identity>span{font-size:12px;color:#b6cfc2}
.photo-import-balance-identity>b.photo-import-balance-large{font-size:24px;font-weight:850;
  letter-spacing:-.025em;color:#f6faf8;line-height:1.2;margin-top:4px}
.photo-import-balance-identity>small{font-size:11px;color:#a6c6b5}
.photo-import-balance-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);
  gap:12px;align-items:start;min-width:0}
.photo-import-balance-main label{display:grid;gap:5px;min-width:0}
.photo-import-balance-main label:first-child{grid-column:1/-1}
.photo-import-balance-main label.photo-import-date-control{grid-column:1/-1}
.photo-import-balance-main label>span{font-size:12px;font-weight:700;color:#bcd5c8}
.photo-import-balance-main input,.photo-import-balance-main select{width:100%;min-width:0;max-width:100%;
  box-sizing:border-box;border:1px solid #466354;background:#16231c;color:#ebf4ef;
  font:inherit;font-size:15px;min-height:44px;border-radius:9px;padding:8px 12px}
.photo-import-balance-main select:focus-visible,.photo-import-balance-main input:focus-visible{
  outline:2px solid #a9cebb;outline-offset:2px}
.photo-import-balance-main input[type="date"]{color-scheme:dark;display:block}
.photo-import-date-help{font-size:11px;color:#bad0c5;line-height:1.5;margin-top:1px;
  font-weight:400;overflow-wrap:anywhere}
.photo-import-balance-approve{margin:0;display:flex;gap:11px;align-items:center;font-weight:740;
  color:#e6f1eb;background:#25392f;border:1px solid #3d5d4c;
  border-radius:10px;padding:12px}
.photo-import-balance-approve input{accent-color:#70c59a}
.photo-import-advanced{border:1px solid #375847;border-radius:10px;background:#1b2a22;overflow:hidden}
.photo-import-advanced>summary{padding:10px 12px;cursor:pointer;font-size:12px;
  line-height:1.45;color:#cfe2d8;font-weight:650}
.photo-import-advanced>summary:hover{background:#273d32}
.photo-import-advanced>summary:focus-visible{outline:2px solid #aad0bc;outline-offset:-2px}
.photo-import-advanced[open]>summary{border-bottom:1px solid #3e5e4d}
.photo-import-advanced .photo-import-fields{padding:13px 12px}
.photo-import-balance-row>small.photo-import-muted,
.photo-import-balance-row>small.photo-import-warning{font-size:11px;line-height:1.5;
  margin:0;overflow-wrap:anywhere}
@media(max-width:680px){
 .photo-import-balance-row{padding:13px 12px 15px;gap:11px}
 .photo-import-balance-identity strong{font-size:15px}
 .photo-import-balance-identity>b.photo-import-balance-large{font-size:22px}
 .photo-import-balance-main{grid-template-columns:minmax(0,1fr);gap:10px}
 .photo-import-balance-main>label{grid-column:1/-1}
 .photo-import-balance-main input,.photo-import-balance-main select{font-size:16px;min-height:43px}
 .photo-import-balance-approve{font-size:12px;padding:10px 11px}
 .photo-import-advanced>summary{font-size:11px}
}

/* Snapper v6.10.38: quiet, safe import review for data exports and receipt evidence. */
.photo-import-mapper,.photo-import-receipts,.photo-import-records{
  border:1px solid #3a5a49;background:#1e2e26;border-radius:13px;
  padding:14px 15px;margin:13px 0;color:#edf5f1;min-width:0;
}
.photo-import-mapper>strong,.photo-import-receipts h3,.photo-import-budget-draft strong{font-size:15px;color:#edf5f1}
.photo-import-mapper>p,.photo-import-records>p,.photo-import-receipts .photo-import-section-header p{
  color:#b6d3c4;font-size:12px;line-height:1.55;margin:7px 0 11px;
}
.photo-import-mapper-file{margin-top:9px;border:1px solid #3a5c4a;border-radius:10px;background:#22362c;min-width:0}
.photo-import-mapper-file summary{display:flex;justify-content:space-between;align-items:center;
  gap:10px;cursor:pointer;font-size:12px;font-weight:730;padding:12px;color:#eaf4ef}
.photo-import-mapper-file summary span{font-size:11px;color:#abccbb;font-weight:550}
.photo-import-mapper-file[open]{padding-bottom:12px}
.photo-import-mapper-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px 12px;padding:3px 12px 12px}
.photo-import-mapper-fields label{min-width:0;display:grid;gap:5px;font-size:11px;color:#c9ded3}
.photo-import-mapper-fields select{width:100%;min-width:0;background:#18261f;color:#eef6f2;
  padding:9px 10px;border:1px solid #4a6758;border-radius:8px;font-size:14px}
.photo-import-mapper-file .photo-import-secondary{margin:0 12px 9px}
.photo-import-mapper-file>small{display:block;font-size:11px;color:#b2cfc0;
  padding:0 12px 9px;line-height:1.45}
.photo-import-mapper-sample{font-size:11px;line-height:1.5;color:#aec9bb;
  background:#1b2b23;padding:10px;margin:0 12px 11px;border-radius:8px;overflow-wrap:anywhere}
.photo-import-mapper-sample b{color:#dcece4}
.photo-import-receipt-row{display:grid;gap:9px;margin:10px 0;padding:12px;
  border-radius:9px;background:#263c31;border:1px solid #40604f}
.photo-import-receipt-row>div{display:grid;gap:5px}
.photo-import-receipt-row strong{font-size:13px;color:#f1f7f4}
.photo-import-receipt-row small{font-size:11px;color:#b7d4c5;line-height:1.5}
.photo-import-receipt-row .photo-import-check{margin:0;display:flex;align-items:center;gap:10px;
  font-size:12px;color:#ddece4}
.photo-import-records{padding:0}
.photo-import-records>summary{display:flex;align-items:center;justify-content:space-between;
  padding:13px 15px;cursor:pointer;color:#eaf3ee;gap:15px}
.photo-import-records>summary>span:first-child{display:grid;gap:5px;min-width:0}
.photo-import-records>summary strong{font-size:13px}
.photo-import-records>summary small{font-size:11px;color:#b4d0c1;line-height:1.45}
.photo-import-records>p{padding:0 15px}
.photo-import-records-list{padding:1px 15px;display:grid;gap:8px}
.photo-import-records-list>div{padding:9px 12px;border-radius:8px;
  display:grid;gap:4px;background:#253b30;border:1px solid #3d5b4b}
.photo-import-records-list b{font-size:12px;color:#e7f2ec}
.photo-import-records-list small{font-size:11px;color:#b4d1c2;line-height:1.45}
.photo-import-budget-draft{margin:14px 15px;padding:13px;background:#23382d;border:1px solid #436352;border-radius:9px}
.photo-import-budget-draft p,.photo-import-budget-draft small{font-size:11px;color:#b8d5c6;line-height:1.55;margin:7px 0}
.photo-import-budget-draft span{font-size:12px;color:#e2efe8;font-weight:700}
@media(max-width:680px){
  .photo-import-mapper,.photo-import-receipts{padding:12px;margin:10px 0}
  .photo-import-mapper-fields{grid-template-columns:minmax(0,1fr)}
  .photo-import-mapper-fields select{font-size:16px}
  .photo-import-receipt-row{padding:11px}
  .photo-import-records>summary{padding:11px 13px}
  .photo-import-records-list{padding:0 12px}
  .photo-import-budget-draft{margin:11px 12px}
}

/* Reviewable 90-day category suggestions, never automatic Budget changes. */
.photo-import-draft-categories{display:grid;gap:5px;margin:12px 0}
.photo-import-draft-categories>div{display:flex;justify-content:space-between;align-items:center;
  gap:12px;padding:9px 11px;background:#283f33;border:1px solid #436151;border-radius:8px}
.photo-import-draft-categories>div>span{display:grid;gap:3px;font-size:12px;
  font-weight:720;color:#e6f2ec;overflow-wrap:anywhere}
.photo-import-draft-categories>div small{font-size:10px;color:#adcdbc;font-weight:500}
.photo-import-draft-categories>div strong{white-space:nowrap;font-size:12px;color:#ecf4f0}
.photo-import-budget-draft>button{margin-top:12px}
@media(max-width:680px){
 .photo-import-draft-categories>div{padding:9px}
 .photo-import-draft-categories>div>span{font-size:11px}
 .photo-import-draft-categories>div strong{font-size:11px}
}


/* Snapper: document-first import, compact private handling and unmistakable save feedback. */
.photo-import-header>div{min-width:0}
.photo-import-header p{max-width:590px}
.photo-import-privacy{
  display:block;margin:9px 2px 13px;padding:0;border:0;border-radius:0;
  background:transparent;color:#b4d0c1
}
.photo-import-privacy>summary{
  cursor:pointer;list-style:revert;font-size:11px;line-height:1.5;
  color:#afc8be;font-weight:650;overflow-wrap:anywhere
}
.photo-import-privacy>summary:focus-visible{outline:2px solid #a9cebb;outline-offset:3px}
.photo-import-privacy>p{margin:6px 0 0;font-size:11px;line-height:1.5;color:#bad4c6}
.photo-import-footer{flex-direction:column;align-items:stretch;gap:9px}
.photo-import-footer-actions{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;min-width:0
}
.photo-import-footer-actions>span{
  color:#b8d2c4;font-size:12px;line-height:1.4;min-width:0
}
.photo-import-footer-error{
  box-sizing:border-box;width:100%;display:flex;align-items:center;
  flex-wrap:wrap;gap:6px 10px;padding:10px 12px;
  border:1px solid #b07966;border-radius:10px;background:#3c2a2b;
  color:#ffe5dd;font-size:12px;line-height:1.45;overflow-wrap:anywhere
}
.photo-import-footer-error>strong{font-size:12px;white-space:nowrap}
.photo-import-footer-error>span{flex:1 1 175px;min-width:0}
.photo-import-footer-error button{
  min-width:0;min-height:32px;padding:5px 9px;font-size:11px;
  border:1px solid #d5a093;background:#553b3b;color:#fff3ec;
  border-radius:8px;white-space:nowrap
}
.photo-import-row.photo-import-needs-attention{border-color:#d19a80;box-shadow:inset 0 0 0 1px #d19a8059}
.photo-import-date-shell{display:block;min-width:0;max-width:100%;width:100%;box-sizing:border-box}
.photo-import-date-display,.photo-import-date-icon{display:none}
@media(max-width:680px){
  .photo-import-header{padding:14px 16px 13px}
  .photo-import-header h2{font-size:23px}
  .photo-import-body{min-width:0}
  .photo-import-pick{min-height:112px;padding:18px 12px}
  .photo-import-hint{font-size:11px;margin:9px 1px 10px}
  .photo-import-privacy{margin:7px 2px 12px}
  .photo-import-footer{padding:9px 12px max(10px,env(safe-area-inset-bottom));gap:7px}
  .photo-import-footer-actions>span{font-size:11px;max-width:42%;line-height:1.4}
  .photo-import-footer-actions button{min-width:140px;max-width:62%;white-space:normal}
  .photo-import-footer-error{padding:9px 10px;font-size:11px}
  .photo-import-date-control{min-width:0!important;max-width:100%;width:100%;box-sizing:border-box}
  .photo-import-date-shell{
    position:relative;display:flex;align-items:center;gap:8px;
    box-sizing:border-box;width:100%;max-width:100%;min-width:0;
    height:46px;overflow:hidden;border:1px solid #466354;
    border-radius:9px;background:#16231c;padding:0 12px
  }
  .photo-import-date-display{
    display:block;flex:1 1 auto;min-width:0;overflow:hidden;
    white-space:nowrap;text-overflow:ellipsis;pointer-events:none;
    font-size:16px;color:#ebf4ef
  }
  .photo-import-date-icon{display:block;flex:0 0 auto;font-size:17px;color:#afcebe;pointer-events:none}
  .photo-import-date-shell>input[type="date"]{
    position:absolute!important;inset:0!important;display:block!important;
    box-sizing:border-box!important;margin:0!important;padding:0!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    min-height:0!important;height:100%!important;border:0!important;
    opacity:0;cursor:pointer;z-index:1;-webkit-appearance:none;appearance:none
  }
  .photo-import-date-shell:focus-within{outline:2px solid #a9cebb;outline-offset:2px}
}


/* Snapper file-source matching and card balance evidence. */
.photo-import-file-source{
  display:grid;gap:7px;min-width:0;max-width:100%;box-sizing:border-box;
  border-top:1px solid rgba(134,183,157,.25);padding:11px 0 2px;
}
.photo-import-file-source>span{font-size:12px;font-weight:750;color:#e4f7ed;overflow-wrap:anywhere}
.photo-import-file-source>small{color:#bbd2c6;font-size:11px;line-height:1.55}
.photo-import-file-source>select{
  display:block;width:100%;max-width:100%;min-width:0;
  box-sizing:border-box;font-size:15px;
}
.photo-import-file-source>select:disabled{opacity:.55}
.photo-import-balance-proof{
  display:grid;gap:8px;box-sizing:border-box;
  margin:12px 0;padding:14px 15px;border:1px solid #4b685d;
  background:#1b2922;border-radius:12px;color:#d5e9df;
}
.photo-import-balance-proof>strong{font-size:13px;color:#d8f5e4}
.photo-import-balance-proof>p{font-size:12px;line-height:1.6;margin:0;color:#bfd1ca}
.photo-import-balance-proof>p b{color:#e5fff0}
.photo-import-balance-proof button{justify-self:start;max-width:100%;white-space:normal}
.photo-import-row-source{grid-column:1/-1;min-width:0;display:grid;gap:7px}
.photo-import-row-source>strong{font-size:12px;color:#b7dfca;font-weight:700;overflow-wrap:anywhere}
.photo-import-source-override{border:1px solid #40564f;border-radius:8px;padding:8px 10px}
.photo-import-source-override>summary{font-size:11px;cursor:pointer;color:#bad7c8}
.photo-import-source-override label{display:grid;gap:6px;margin-top:9px}
.photo-import-source-override label>span{font-size:11px;color:#c6ddd2}
.photo-import-source-override select{
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  border:1px solid #54766a;border-radius:9px;padding:10px;
  font:inherit;font-size:15px;background:#141e19;color:#f2fff9
}
.photo-import-compact-destination{display:block;color:#94dbb6!important;margin-top:4px}
.photo-import-fields label>small{font-size:11px;line-height:1.5;color:#a9c7ba}
.cash-checklist-card-spending{color:#91ddb6;font-weight:650}
@media(max-width:650px){
  .photo-import-source-choice{padding:12px}
  .photo-import-file-source>span{font-size:12px}
  .photo-import-file-source>select{min-height:46px}
  .photo-import-balance-proof{padding:12px}
  .photo-import-balance-proof>p{font-size:11px}
  .photo-import-balance-proof button{font-size:12px}
}


/* Snapper smart-review flow: concise suggestions and review-complete actions. */
.photo-import-source-suggested{
  display:block;color:#a9e7ca!important;font-size:11px;line-height:1.5;
  border-left:2px solid #7cdbb0;padding-left:9px
}
.photo-import-plan-picker{min-width:0}
.photo-import-plan-picker>span{font-weight:760!important;color:#e1f3ea!important;font-size:12px!important}
.photo-import-plan-picker select{
  box-sizing:border-box!important;width:100%!important;min-width:0;
  max-width:100%!important;min-height:45px;
  border-color:#6a9c83!important;background:#15211b!important;
  font-size:14px!important
}
.photo-import-plan-picker>small{
  display:block;margin-top:4px;line-height:1.5;color:#bdd1c5;font-size:11px
}
.photo-import-review-finish{
  margin:18px 0 12px;padding:14px 16px;
  display:grid;gap:8px;border:1px solid #405b4d;
  border-radius:12px;background:#1b2b23;color:#e4f5eb
}
.photo-import-review-finish>strong{font-size:13px}
.photo-import-review-finish>p{font-size:12px;color:#b5c8be;line-height:1.5;margin:0}
.photo-import-review-finish>button{justify-self:start;max-width:100%;white-space:normal}
.photo-import-balance-check{display:grid;gap:8px;padding:11px 0;border-top:1px solid #4c6d60}
.photo-import-balance-check>strong{font-size:13px;overflow-wrap:anywhere}
.photo-import-balance-check>small{font-size:11px;line-height:1.5;color:#c7d9cb}
.photo-import-balance-check-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.photo-import-balance-check-actions>button{font-size:12px;white-space:normal;min-width:0}
.photo-import-text-button{
  background:transparent;border:0;box-shadow:none;
  color:#a8e6c7;cursor:pointer;font:inherit;font-size:12px;
  text-decoration:underline;text-underline-offset:3px;padding:8px
}
.photo-import-text-button:hover{color:#e2ffec}
.photo-import-text-button:focus-visible{outline:2px solid #a5e8c0;outline-offset:2px}
.photo-import-balance-proof>details>summary{font-size:11px;color:#b9dbcb;cursor:pointer}
.photo-import-balance-proof>details>p{margin:7px 0 0;font-size:11px;line-height:1.5}
@media(max-width:650px){
  .photo-import-review-finish{padding:12px;gap:7px}
  .photo-import-plan-picker select{font-size:16px!important}
  .photo-import-balance-check-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-import-balance-check-actions>button{font-size:11px;min-height:41px;width:100%}
  .photo-import-balance-check-actions>button[data-photo-skip-balance]{
    grid-column:1/-1;justify-self:center;width:auto;min-height:34px
  }
}


/* Simplified Snapper source confirmation and fast transaction review. */
.photo-import-source-confirm,.photo-import-quick-approve{
  display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #7ec79c;border-radius:10px;
  color:#10291e;background:#90dbae;
  font:inherit;font-weight:800;font-size:13px;
  min-height:43px;padding:10px 13px;cursor:pointer;
  max-width:100%;white-space:normal
}
.photo-import-source-confirm{margin:8px 0 3px;width:100%}
.photo-import-source-confirm:hover,.photo-import-quick-approve:hover{
  background:#baf1cd
}
.photo-import-source-confirm:focus-visible,.photo-import-quick-approve:focus-visible{
  outline:2px solid #e3ffe8;outline-offset:3px
}
.photo-import-quick-actions{
  display:flex;gap:9px;align-items:center;flex-wrap:wrap;
  padding:7px 12px 10px;border-top:1px solid #344f41
}
.photo-import-quick-actions>small{font-size:11px;color:#b4cbbf;line-height:1.45}
.photo-import-quick-approve.is-selected{
  background:#1d4a38;border-color:#83cfa0;color:#e9fff0
}
.photo-import-merchant-memory{
  display:flex!important;align-items:flex-start;gap:9px;
  margin:7px 0 0;font-size:11px;color:#bbddc8;line-height:1.55;
  cursor:pointer
}
.photo-import-merchant-memory input{
  flex:0 0 auto;width:17px;height:17px;margin:0;accent-color:#87cf9c
}
.photo-import-plan-picker>label:first-child{
  display:block;color:#e1f3ea;font-size:12px;font-weight:780;margin-bottom:7px
}
@media(max-width:650px){
  .photo-import-quick-actions{padding:9px 10px}
  .photo-import-quick-approve{width:100%;min-height:45px}
}

/* Snapper: one optional contextual action, never an onboarding checklist. */
.photo-import-guide{margin:15px 0;padding:16px 18px;border:1px solid #3d7361;border-radius:16px;background:linear-gradient(140deg,#1d2e25,#19261f);color:#effff5}
.photo-import-guide-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.photo-import-guide-head>span{color:#91dbb4;font-size:10px;font-weight:800;letter-spacing:.12em}
.photo-import-guide-head>button{border:0;background:transparent;color:#b7ccbf;font-size:12px;cursor:pointer}
.photo-import-guide>strong{font-size:16px;letter-spacing:-.02em}
.photo-import-guide>p{font-size:12px;color:#bfd5c9;line-height:1.55;max-width:64ch;margin:8px 0 12px}
.photo-import-guide-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
@media(max-width:520px){.photo-import-guide{padding:14px}.photo-import-guide-actions{align-items:stretch;flex-direction:column}.photo-import-guide-actions button{width:100%}}

/* Card-detail imports: keep the one actionable balance visible, secondary
   bank aggregates behind an optional disclosure, and ambiguity readable. */
.photo-card-simple{
  display:grid;gap:9px;padding:13px 14px;border:1px solid #45785d;
  border-radius:14px;background:#24392e;color:#eef6f2
}
.photo-card-simple>strong{font-size:13px;font-weight:750;line-height:1.4}
.photo-card-simple>small{
  color:#bddbcb;font-size:12px;line-height:1.5
}
.photo-card-pending-line{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  flex-wrap:wrap;padding-top:8px;border-top:1px solid #406a54
}
.photo-card-pending-line>span{font-size:12px;color:#d4e7dd;font-weight:650}
.photo-card-pending-line>b{
  font-size:18px;font-weight:790;color:#f6e4b5;font-variant-numeric:tabular-nums
}
.photo-card-summary{
  padding:11px 13px;border:1px solid #355745;border-radius:12px;
  background:#1a2821;color:#c0ddce
}
.photo-card-summary>summary{cursor:pointer;color:#d1e5db;font-size:12px;font-weight:720}
.photo-card-summary[open]>summary{margin-bottom:12px}
.photo-card-summary-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px
}
.photo-card-summary-grid>span{
  display:grid;gap:3px;padding:9px 10px;background:#24392e;
  border-radius:10px;font-size:11px;color:#a9cebb;overflow-wrap:anywhere
}
.photo-card-summary-grid>span>b{font-size:13px;color:#f4f9f6;font-variant-numeric:tabular-nums}
.photo-card-summary>small{display:block;font-size:11px;line-height:1.5;margin-top:10px;color:#accdbc}
@media(max-width:520px){
  .photo-card-simple{padding:12px}
  .photo-card-summary-grid{grid-template-columns:minmax(0,1fr)}
  .photo-card-pending-line>b{font-size:17px}
}

/* One screenshot produces an actionable card balance without additional uploads. */
.photo-card-amount-due{
  display:flex;gap:7px 14px;align-items:center;flex-wrap:wrap;
  border:1px solid #4b745f;border-radius:12px;padding:12px 13px;
  background:#1f3027;color:#d4e7dd
}
.photo-card-amount-due>span{font-size:12px;font-weight:750;flex:1}
.photo-card-amount-due>b{font-size:18px;color:#f1fbf7;font-variant-numeric:tabular-nums}
.photo-card-amount-due>small{flex:1 1 100%;font-size:11px;color:#b2d9c7}


/* Snapper 6.10.65: removable review cards and Ally savings-bucket review. */
.photo-import-row[data-photo-row]{position:relative}
.photo-import-remove-row{position:absolute;z-index:3;top:11px;right:11px;width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid #557267;border-radius:50%;background:#15231d;color:#c4d8cf;font:700 22px/1 inherit;cursor:pointer}
.photo-import-remove-row:hover{background:#293c34;color:#fff;border-color:#799889}
.photo-import-remove-row:focus-visible{outline:2px solid #b8d9c9;outline-offset:2px}
.photo-import-balance-row,.photo-holding-row{padding-right:56px!important}
.photo-import-activity-row .photo-import-remove-row.is-compact{top:9px;right:9px}
.photo-import-activity-row .photo-import-compact-toggle{padding-right:58px}
.photo-import-bucket-badge{display:inline-flex!important;width:max-content;padding:4px 8px;border:1px solid #6c8b7d;border-radius:999px;background:#23372f;color:#c7e6d8!important;font-size:10px!important;font-weight:850!important;letter-spacing:.06em;text-transform:uppercase}
.photo-import-bucket-badge.is-total{background:#26322e;color:#bed1c7!important}
.photo-import-bucket-reconcile{display:grid;gap:6px;padding:12px 13px;border:1px solid #526d62;border-radius:11px;background:#1c2a24;color:#e8f1ed}
.photo-import-bucket-reconcile strong{font-size:13px}.photo-import-bucket-reconcile p,.photo-import-bucket-reconcile small{margin:0;color:#bdd0c7;font-size:11px;line-height:1.5}
.photo-import-bucket-destination small{color:#a8c0b5;font-size:10px;line-height:1.4}
.photo-import-balance-row.is-bucket{border-color:#567a6b}.photo-import-balance-row.is-bucket-parent{border-style:dashed}
@media(max-width:680px){.photo-import-remove-row{width:32px;height:32px;top:10px;right:10px}.photo-import-balance-row,.photo-holding-row{padding-right:52px!important}}


/* Snapper: one clear credit-card approval, with the amount in plain sight.
 * Keep the review neutral and legible on small screens. */
.snapper-card-source-note{
  margin:0;color:#b8cbd0;font-size:12px;line-height:1.5;
}
.snapper-card-destination{
  display:block;padding:8px 11px;border-left:2px solid #84b6ad;
  background:rgba(109,156,158,.09);border-radius:3px 8px 8px 3px;
  color:#c8dddd;font-size:12px;line-height:1.45;
}
.photo-import-balance-main .snapper-card-amount-control{
  grid-column:1/-1;display:grid;gap:6px;
}
.snapper-card-amount-control input{
  font-size:20px!important;font-weight:750;letter-spacing:-.015em;
  font-variant-numeric:tabular-nums;border-color:#637b84!important;
  background:#172832!important;
}
.snapper-card-amount-control>small{
  color:#b8ccd1;font-size:11px;font-weight:400;line-height:1.4;
}
.snapper-card-ocr-note{
  display:grid;gap:5px;padding:11px 13px;
  border:1px solid #5a747c;border-left:3px solid #83b3bd;
  border-radius:10px;background:rgba(90,117,125,.12);
}
.snapper-card-ocr-note strong{
  font-size:13px;font-weight:770;color:#e4eff2;
}
.snapper-card-ocr-note p{
  margin:0;color:#bfd1d5;font-size:12px;line-height:1.5;
}
.photo-import-balance-approve.snapper-card-one-confirm{
  gap:12px;align-items:flex-start;padding:14px 13px;
  border-color:#52716f;background:#23343a;color:#eef5f4;
}
.snapper-card-one-confirm input{
  width:19px;min-width:19px;height:19px;margin-top:1px;
}
.snapper-card-one-confirm>span{
  display:grid;gap:5px;min-width:0;
}
.snapper-card-one-confirm strong{
  font-size:14px;font-weight:780;line-height:1.35;color:#eef5f4;
}
.snapper-card-one-confirm small{
  font-size:11px;font-weight:450;line-height:1.45;color:#c0d4d5;
}
.snapper-card-one-confirm:has(input:disabled){
  opacity:.7;cursor:not-allowed;
}
.snapper-card-review-help{
  margin:0;color:#b4c9cc;font-size:11px;line-height:1.5;
}
@media(max-width:680px){
  .photo-import-balance-approve.snapper-card-one-confirm{padding:13px 12px}
  .snapper-card-one-confirm strong{font-size:13px}
  .snapper-card-amount-control input{font-size:19px!important}
}


/* Savings Bucket import: one underlying balance, two exclusive review paths. */
.photo-import-bucket-choice{
  display:grid;gap:15px;margin:12px 0 16px;padding:17px;
  background:#25333d;border:1px solid #526775;border-radius:17px;
  color:#eaf1f2;min-width:0;
}
.photo-import-bucket-choice-header{display:grid;gap:6px}
.photo-import-bucket-kicker{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a7cac5}
.photo-import-bucket-choice-header h4{font-size:17px;line-height:1.25;margin:0;color:#f3f7f7}
.photo-import-bucket-choice-header>strong{font-size:29px;line-height:1.1;letter-spacing:-.025em;
 font-variant-numeric:tabular-nums;color:#fff}
.photo-import-bucket-choice-header p{font-size:12px;line-height:1.6;color:#b7cbd0;margin:3px 0 0}
.photo-import-bucket-choice-header b{color:#edf3f4}
.photo-import-bucket-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.photo-import-bucket-options button{
  display:grid;gap:5px;text-align:left;cursor:pointer;min-height:81px;
  padding:13px;border:1px solid #526976;border-radius:12px;
  background:#20303a;color:#e5eef0;transition:background .14s,border-color .14s;
}
.photo-import-bucket-options button.selected{
  background:#304a4d;border-color:#b3d3cc;box-shadow:inset 0 0 0 1px #a2c9bc;
}
.photo-import-bucket-options button strong{font-size:14px;font-weight:790}
.photo-import-bucket-options button small{font-size:11px;color:#b6cbd1;line-height:1.4}
.photo-import-bucket-preview{display:grid;gap:1px;background:#364752;border-radius:11px;overflow:hidden}
.photo-import-bucket-preview>div{display:flex;justify-content:space-between;align-items:center;
 gap:12px;padding:9px 12px;background:#202e38;font-size:12px;color:#dce8e9}
.photo-import-bucket-preview b,.photo-import-bucket-preview strong{
 font-variant-numeric:tabular-nums;color:#fff;font-size:13px;white-space:nowrap}
.photo-import-bucket-preview .photo-import-bucket-total{background:#293b45;font-weight:750}
.photo-import-bucket-unshown{color:#ebd5ac!important}
.photo-import-bucket-unshown small{display:block;margin-top:2px;color:#beccd0;font-size:10px;line-height:1.4}
.photo-import-bucket-fields{display:grid;gap:12px;border-top:1px solid #48606c;padding-top:14px}
.photo-import-bucket-fields>label,.photo-import-bucket-edit-row label{display:grid;gap:5px;
 font-size:12px;font-weight:700;color:#c2d7d8}
.photo-import-bucket-fields input:not([type=checkbox]),.photo-import-bucket-fields select{
 box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;
 border:1px solid #617a82;border-radius:9px;background:#172832;color:#eef4f6;
 font-size:16px;font-weight:530}
.photo-import-bucket-fields input:focus-visible,.photo-import-bucket-options button:focus-visible{
 outline:2px solid #b6d8ce;outline-offset:2px}
.photo-import-bucket-fields input[type=date]{color-scheme:dark}
.photo-import-bucket-edit-list{display:grid;gap:9px}
.photo-import-bucket-edit-item{
 display:grid;gap:10px;
 padding:13px;border:1px solid #516a75;border-radius:12px;
 background:#20313a;
}
.photo-import-bucket-edit-item:focus-within{border-color:#9dc8bf}

.photo-import-bucket-edit-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);
 gap:10px;align-items:end}
.photo-import-bucket-reminder{font-size:11px;line-height:1.5;color:#d5cbad;
 margin:0;padding:9px 10px;background:#30383b;border-radius:8px}
.photo-import-bucket-approve{display:flex!important;grid-template-columns:none!important;flex-direction:row;
 align-items:flex-start;gap:12px;padding:13px;border-radius:10px;
 background:#2c4144;border:1px solid #6d918b;cursor:pointer}
.photo-import-bucket-approve input{width:19px;height:19px;flex:none;margin:1px 0 0;
 accent-color:#a9d4c2}
.photo-import-bucket-approve span{display:grid;gap:4px;font-size:12px;color:#eef5f4}
.photo-import-bucket-approve strong{font-size:13px}
.photo-import-bucket-approve small{font-weight:430;line-height:1.5;color:#bfd2d4}
.photo-import-bucket-approve:has(input:disabled){opacity:.58;cursor:not-allowed}
.photo-import-bucket-bank.needs-name>span{color:#f4d49d}
.photo-import-bucket-bank.needs-name input[aria-invalid="true"]{border-color:#caa873;box-shadow:0 0 0 1px rgba(202,168,115,.16)}
.photo-import-bucket-bank small{display:block;color:#b4c9cd;font-size:11px;line-height:1.48}
.photo-import-bucket-bank.needs-name small{color:#eed7b1}
.photo-import-bucket-next-step{display:grid;gap:5px;padding:11px 13px;border:1px solid #987d50;
 border-radius:9px;background:#323b3c;color:#f2e0bf;font-size:12px;line-height:1.48}
.photo-import-bucket-next-step strong{font-size:12px;color:#ffe0a8}
.photo-import-bucket-approve.needs-action{border-color:#8c987b;background:#2a3d40;opacity:1}
.photo-import-bucket-approve.needs-action:focus-within{outline:2px solid #b1d2bd;outline-offset:2px}
.photo-import-bucket-warning{margin:0;padding:10px 12px;border-radius:8px;background:#303d44;
 color:#d4dfe1;font-size:11px;line-height:1.5}
.photo-import-bucket-hint{font-size:11px;line-height:1.5;color:#aecaCE}
.photo-import-bucket-bank.needs-name{gap:7px}
.photo-import-bucket-bank.needs-name>span{color:#f0d7af}
.photo-import-bucket-bank.needs-name input{
  border-color:#ad9870!important;
  box-shadow:0 0 0 1px rgba(173,152,112,.12);
}
.photo-import-bucket-bank small{font-size:11px;line-height:1.45;font-weight:480;color:#bbd3d4}
.photo-import-bucket-bank.needs-name small{color:#e2cfb2}
.photo-import-bucket-next-step{
  display:grid;gap:5px;padding:13px 14px;
  border:1px solid #8c8072;border-radius:11px;
  background:#30403f;color:#eaf1f0;
  font-size:12px;line-height:1.5;
}
.photo-import-bucket-next-step strong{font-size:13px;font-weight:760;color:#f5e7d0}
.photo-import-bucket-approve.needs-action{border-color:#779991;background:#314447}
.photo-import-bucket-approve.needs-action:hover{background:#354d50}
.photo-import-bucket-approve:focus-within{outline:2px solid #b6d8ce;outline-offset:2px}

@media(max-width:680px){
 .photo-import-bucket-choice{padding:14px 12px;gap:12px;border-radius:13px}
 .photo-import-bucket-choice-header>strong{font-size:25px}
 .photo-import-bucket-options button{padding:11px;min-height:76px}
 .photo-import-bucket-options button strong{font-size:12px}
 .photo-import-bucket-options button small{font-size:10px}
 .photo-import-bucket-edit-row{grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr)}
}


.photo-import-bucket-destination-field{
 display:grid;gap:6px;padding:8px 0 2px;
 border-bottom:1px solid rgba(172,202,206,.16);
 font-size:12px;font-weight:700;color:#d9eced;
}
.photo-import-bucket-destination-field select{
 width:100%;min-height:44px;background:#20343c;
 border:1px solid #68838b;border-radius:9px;color:#eff6f5;
 padding:9px 12px;font-size:14px;font-weight:550;
}
.photo-import-bucket-destination-field small,.photo-import-bucket-location-note{
 display:block;color:#b8d1d1;font-size:11px;line-height:1.5;font-weight:470;
}
.photo-import-bucket-location-note{
 padding:8px 11px;border-radius:9px;background:#253d42;
 margin:-2px 0 5px;
}
.photo-import-bucket-destination-mini{
 display:block;color:#add2ce;font-size:10px;line-height:1.4;margin-top:4px;
}
.photo-import-bucket-destination-field select:focus-visible{
 outline:2px solid #a5d1c8;outline-offset:2px;
}
.photo-bucket-property-note{
 display:block;font-size:11px;color:var(--muted,#829aa4);line-height:1.5;
}
.photo-import-bucket-existing{
 display:grid;gap:7px;padding:10px 11px;
 border:1px solid #607987;border-radius:10px;background:#293c46;
 font-size:12px;font-weight:700;color:#dce8e9;
}
.photo-import-bucket-existing select{
 background:#192b35;color:#edf6f6;border:1px solid #738a94;
 border-radius:8px;min-height:44px;font:inherit;font-size:14px;padding:8px 10px;
}

/* One-document payroll review: calm, direct, accessible, and review-only. */
.photo-import-dialog.is-payroll-review{border-color:#49636b;background:#1a2831}
.photo-import-dialog.is-payroll-review .photo-import-header{background:#24343e}
.photo-import-dialog.is-payroll-review .photo-import-body{padding-top:12px}
.photo-import-dialog.is-payroll-review .snapper-workflow-switch,
.photo-import-dialog.is-payroll-review .snapper-review-route,
.photo-import-dialog.is-payroll-review .photo-import-tabs,
.photo-import-dialog.is-payroll-review .photo-import-privacy,
.photo-import-dialog.is-payroll-review .photo-import-hint,
.photo-import-dialog.is-payroll-review [data-money-import-controls],
.photo-import-dialog.is-payroll-review .photo-import-alert{display:none!important}
.photo-import-dialog.is-payroll-review .photo-import-pick{
 min-height:0;padding:8px 13px;flex-direction:row;gap:9px;justify-content:center;
 border:1px solid #4a6069;border-radius:10px;background:#24343e
}
.photo-import-dialog.is-payroll-review .photo-import-pick-icon{font-size:16px}
.photo-import-dialog.is-payroll-review .photo-import-pick strong{font-size:12px;font-weight:650}
.photo-import-dialog.is-payroll-review .photo-import-pick small{display:none}
.snapper-paycheck-card{
 display:grid;gap:16px;padding:19px;max-width:720px;margin:11px auto 17px;
 border:1px solid #56737c;border-radius:18px;background:#22343e;color:#eef5f5
}
.snapper-paycheck-intro{display:grid;gap:5px;padding-bottom:15px;border-bottom:1px solid #465e68}
.snapper-paycheck-eyebrow{color:#aed4ca;font-size:10px;font-weight:800;letter-spacing:.15em}
.snapper-paycheck-employer{font-size:13px;line-height:1.45;color:#deeee8;font-weight:800;overflow-wrap:anywhere;letter-spacing:.01em}
.snapper-payroll-batch{display:grid;gap:12px;min-width:0}
.snapper-payroll-batch .snapper-paycheck-card{min-width:0}
.snapper-paycheck-intro>strong{color:#effaf8;font-size:clamp(30px,6vw,40px);font-variant-numeric:tabular-nums;line-height:1.13;letter-spacing:-.025em}
.snapper-paycheck-intro>span:last-child{color:#bdced2;font-size:12px;line-height:1.45}
.snapper-paycheck-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.snapper-paycheck-form>label{display:grid;gap:6px;min-width:0;color:#dcebed;font-size:12px;font-weight:720;line-height:1.4}
.snapper-paycheck-full{grid-column:1/-1}
.snapper-paycheck-form input,.snapper-paycheck-form select{
 width:100%;max-width:100%;box-sizing:border-box;min-height:47px;padding:10px 12px;
 color:#f2f8f9;background:#192c37;border:1px solid #69818a;border-radius:10px;
 font-family:inherit;font-size:16px;font-weight:550;color-scheme:dark
}
.snapper-paycheck-form small{font-size:11px;font-weight:450;line-height:1.4;color:#b6c9cc}
.snapper-paycheck-form :is(input,select):focus-visible,.snapper-paycheck-check:focus-within{outline:2px solid #b7dfd4;outline-offset:2px}
.snapper-paycheck-check{
 display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid #718f89;
 border-radius:12px;background:#2e4547;color:#eaf5f4;cursor:pointer
}
.snapper-paycheck-check input{width:20px;height:20px;flex:none;accent-color:#badbd0;margin:1px 0 0}
.snapper-paycheck-check span{display:grid;gap:4px;font-size:13px;line-height:1.4}
.snapper-paycheck-check strong{font-size:13px}
.snapper-paycheck-check small{color:#c0d2d1;font-size:11px;font-weight:450}
.snapper-paycheck-check:has(input:disabled){opacity:.7;cursor:not-allowed}
.snapper-paycheck-hint,.snapper-paycheck-warning{margin:0;color:#e5cda3;font-size:12px;line-height:1.5}
.photo-import-dialog.is-payroll-review .photo-import-footer{border-color:#465e69;background:#24343e}
@media(max-width:540px){
 .snapper-paycheck-card{padding:15px;gap:13px;border-radius:14px}
 .snapper-paycheck-form{grid-template-columns:minmax(0,1fr);gap:12px}
 .snapper-paycheck-full{grid-column:auto}
 .photo-import-dialog.is-payroll-review .photo-import-body{padding:12px 13px}
}

/* iPhone WebKit gives native date inputs a larger intrinsic inline size.
   Constrain both grid item and internal editable parts without losing the picker. */
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form,
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form>label,
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-future{
  min-width:0!important;max-width:100%;box-sizing:border-box;
}
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form input[type=date]{
  display:block;width:100%!important;min-width:0!important;max-width:100%!important;
  inline-size:100%!important;min-inline-size:0!important;max-inline-size:100%!important;
  box-sizing:border-box!important;overflow:hidden;text-align:left;
  -webkit-appearance:none;appearance:none;
}
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form input[type=date]::-webkit-date-and-time-value{
  min-width:0!important;max-width:100%;text-align:left;
}
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form input[type=date]::-webkit-datetime-edit{
  min-width:0!important;max-width:100%;white-space:nowrap;
}
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-date-field{min-width:0;max-width:100%;overflow:hidden}
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .photo-import-previews,
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-file-details{display:none!important}
.snapper-paycheck-future{
  display:grid;gap:12px;min-width:0;padding:14px;border:1px solid #54727b;
  background:#1d303a;border-radius:12px;margin-top:1px;
}
.snapper-paycheck-future>strong{color:#eaf5f4;font-size:15px;font-weight:760}
.snapper-paycheck-future .snapper-paycheck-form{gap:12px}
.snapper-paycheck-future-note{color:#c4d5d5;font-size:12px;line-height:1.5;margin:0}
.snapper-paycheck-advanced{border-top:1px solid #47616a;padding-top:9px}
.snapper-paycheck-advanced summary{color:#b9d8cc;font-size:12px;font-weight:700;cursor:pointer}
.snapper-paycheck-advanced label{display:grid;gap:7px;margin-top:10px;font-size:12px;color:#dcebed}
.snapper-paycheck-advanced select{
  box-sizing:border-box;display:block;min-width:0;width:100%;padding:11px;
  border:1px solid #6c858f;border-radius:10px;background:#192c37;color:#eaf4f5;font-size:16px
}
@media(max-width:540px){
 #wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-future{padding:11px}
 #wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-paycheck-form{grid-template-columns:minmax(0,1fr)}
 #wmd-photo-import-root .photo-import-dialog.is-payroll-review .photo-import-pick{padding:7px 11px}
}

/* Optional, evidence-backed Purchase APR import. Never preselected. */
.photo-card-apr-review{display:grid;gap:9px;margin:12px 0;padding:13px 14px;background:rgba(135,168,176,.08);border:1px solid rgba(142,174,184,.29);border-radius:12px}
.photo-card-apr-review>strong{color:var(--wmd-text,#e9f4f1);font-size:13px;line-height:1.4}
.photo-card-apr-review .photo-import-check{display:flex;align-items:flex-start;gap:9px;margin:0;color:var(--wmd-text,#e9f4f1);font-size:12px;line-height:1.5;cursor:pointer}
.photo-card-apr-review .photo-import-check input{flex:0 0 auto;width:17px;height:17px;min-width:17px;margin:1px 0 0;accent-color:#9dcdbb}
.photo-card-apr-review>small{font-size:11px;line-height:1.5;color:var(--wmd-muted,#b7cacc)}

/* Loan statement interest-rate evidence never writes without opt-in. */
.photo-card-loan-terms{display:grid;gap:9px;margin:12px 0;padding:13px 14px;background:rgba(115,153,168,.09);border:1px solid rgba(142,174,184,.33);border-radius:12px}
.photo-card-loan-terms>strong{color:var(--wmd-text,#e9f4f1);font-size:13px;line-height:1.4}
.photo-card-loan-terms .photo-import-check{display:flex;align-items:flex-start;gap:9px;margin:0;color:var(--wmd-text,#e9f4f1);font-size:12px;line-height:1.5;cursor:pointer}
.photo-card-loan-terms .photo-import-check input{flex:0 0 auto;width:17px;height:17px;min-width:17px;margin:1px 0 0;accent-color:#9dcdbb}
.photo-card-loan-terms>small{font-size:11px;line-height:1.5;color:var(--wmd-muted,#b7cacc)}


/* Payroll can be supplied without a formal paystub. Keep the fallback compact
   on phones and make it accessible alongside manually entered balances. */
.photo-import-dialog .snapper-quick-manual {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 15px;
  padding:12px;
  border:1px solid #49616c;
  border-radius:12px;
  background:#263840;
}
.photo-import-dialog .snapper-quick-manual>span{
  color:#cddfe0;
  font-size:12px;
}
.photo-import-dialog .snapper-quick-manual button,
.photo-import-dialog .photo-import-issues [data-photo-add-payroll]{
  min-height:36px;
  padding:6px 0;
  color:#b8ded1;
  font:inherit;
  font-size:12px;
  font-weight:750;
  text-decoration:underline;
  text-underline-offset:4px;
  background:transparent;
  border:0;
  cursor:pointer;
  overflow-wrap:anywhere;
}
.photo-import-dialog .snapper-quick-manual button:focus-visible,
.photo-import-dialog .photo-import-issues [data-photo-add-payroll]:focus-visible{
  outline:2px solid #a4dec8;
  outline-offset:3px;
}
.photo-import-dialog .photo-import-issues [data-photo-add-payroll]{
  display:block;
  width:100%;
  text-align:left;
  padding:9px 0 1px;
  color:#f4dbaf;
}
@media(max-width:610px){
  .photo-import-dialog .snapper-quick-manual{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:5px 12px;
    align-items:start;
  }
  .photo-import-dialog .snapper-quick-manual>span{grid-column:1/-1}
  .photo-import-dialog .snapper-quick-manual button{
    width:100%;
    min-width:0;
    text-align:left;
  }
}

/* Net Worth-aware Snapper account finder: compact on phones, native picker
   headings, explicit new-heading choice. No replacement of iOS select UI. */
#wmd-photo-import-root .photo-import-balance-main .photo-import-account-search,
#wmd-photo-import-root .photo-import-balance-main .photo-import-new-heading{
  grid-column:1 / -1;min-width:0
}
#wmd-photo-import-root .photo-import-balance-main .photo-import-account-search input{
  min-height:44px;appearance:none;-webkit-appearance:none;
  border-color:#658a83;background:#1a2b33;color:#e9f8f4
}
#wmd-photo-import-root .photo-import-balance-main .photo-import-account-search input::placeholder{
  color:#a9c6c8;opacity:1
}
#wmd-photo-import-root .photo-import-balance-main .photo-import-new-heading select{
  border-color:#698f87;background:#1b3038
}
#wmd-photo-import-root .photo-import-balance-main .photo-import-new-heading small{
  display:block;font-size:12px;line-height:1.45;color:#b7cfcd
}
@media(max-width:610px){
  #wmd-photo-import-root .photo-import-balance-main .photo-import-account-search input,
  #wmd-photo-import-root .photo-import-balance-main .photo-import-new-heading :is(select,input){
    width:100%;font-size:16px;min-height:46px
  }
}

/* Smart Snapper selection: actionable suggestions under the search field.
   Keep all native select options available, even when the user searches. */
#wmd-photo-import-root .snapper-search-wrap{
  display:grid;gap:9px;grid-column:1/-1;min-width:0
}
#wmd-photo-import-root .snapper-search-wrap .photo-import-account-search{
  display:grid;gap:6px;min-width:0
}
#wmd-photo-import-root .snapper-search-wrap .photo-import-account-search>span{
  color:#b8d7d0;font-size:12px;font-weight:730
}
#wmd-photo-import-root .snapper-search-wrap input[type=search]{
  min-height:47px;background:#182b34;border:1px solid #789e9b;border-radius:12px;
  color:#edf9f5;width:100%;font-size:16px;padding:10px 13px;
  box-sizing:border-box;-webkit-appearance:none;appearance:none
}
#wmd-photo-import-root .snapper-search-wrap input[type=search]::placeholder{
  color:#a7bfc1;opacity:1
}
#wmd-photo-import-root .snapper-search-panel{
  display:grid;gap:4px;padding:8px;border:1px solid #567a79;
  border-radius:13px;background:#1b313a;
  max-height:min(43vh,330px);overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch
}
#wmd-photo-import-root .snapper-search-panel[hidden]{display:none!important}
#wmd-photo-import-root .snapper-search-panel-title{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;padding:5px 7px 7px;color:#e4f4ee;
  font-size:12px;font-weight:800
}
#wmd-photo-import-root .snapper-search-panel-title span{
  color:#b5cdc6;font-weight:650
}
#wmd-photo-import-root .snapper-search-result{
  display:flex;justify-content:space-between;align-items:center;text-align:left;
  gap:10px;min-height:56px;padding:10px 11px;width:100%;
  border:1px solid transparent;border-radius:10px;
  color:#e5f3f0;background:#273e45;cursor:pointer;
  font:inherit
}
#wmd-photo-import-root .snapper-search-result:focus-visible,
#wmd-photo-import-root .snapper-search-result:hover{
  border-color:#9bdbc7;background:#304e50;outline:none
}
#wmd-photo-import-root .snapper-search-result:disabled{
  opacity:.6;cursor:not-allowed
}
#wmd-photo-import-root .snapper-search-result-copy{
  display:grid;gap:4px;min-width:0
}
#wmd-photo-import-root .snapper-search-result-copy strong{
  font-size:14px;line-height:1.35;overflow-wrap:anywhere
}
#wmd-photo-import-root .snapper-search-result-copy small{
  font-size:11px;line-height:1.4;color:#bbd4cf;overflow-wrap:anywhere
}
#wmd-photo-import-root .snapper-search-result-action{
  color:#97d7c1;font-size:11px;font-weight:760;flex:0 0 102px;
  text-align:right;line-height:1.35
}
#wmd-photo-import-root .snapper-search-empty{
  margin:4px 6px 9px;color:#c5d9d5;font-size:12px;line-height:1.5
}
#wmd-photo-import-root .snapper-account-destination{
  grid-column:1/-1;margin:0;padding:11px 13px;border-radius:10px;
  color:#ddf6ec;background:#203c38;border:1px solid #658e83;
  line-height:1.5;font-size:12px;font-weight:700
}
@media(max-width:540px){
  #wmd-photo-import-root .snapper-search-result{padding:10px;min-height:60px}
  #wmd-photo-import-root .snapper-search-result-action{flex-basis:89px}
  #wmd-photo-import-root .snapper-search-panel{max-height:37vh}
}


/* After import, one helpful next action instead of a dead end. */
.photo-import-dialog .snapper-next-setup{
 display:flex;align-items:center;justify-content:space-between;gap:14px;
 border:1px solid #426f63;border-radius:12px;padding:12px 14px;
 background:#1c3231;color:#e8f6f1;margin:10px 0
}
.photo-import-dialog .snapper-next-setup>div{min-width:0}
.photo-import-dialog .snapper-next-setup strong{font-size:12px;font-weight:740;color:#edf8f4}
.photo-import-dialog .snapper-next-setup p{
 margin:4px 0 0;font-size:11px;line-height:1.55;color:#b8d4c9
}
.photo-import-dialog .snapper-next-setup button{
 flex:none;min-height:38px;padding:8px 12px!important;border:1px solid #6ba68d!important;
 border-radius:9px!important;font-size:12px!important;font-weight:720!important
}
@media(max-width:620px){
 .photo-import-dialog .snapper-next-setup{align-items:stretch;flex-direction:column}
 .photo-import-dialog .snapper-next-setup button{width:100%}
}


/* One-column, pending-only payroll evidence. Reading a deposit is not the
   same as receiving it. Avoid an unusable review form for unposted pay. */
#wmd-photo-import-root .snapper-pending-payroll{
  display:grid;gap:14px;min-width:0;margin:10px 0 17px;padding:20px;
  border:1px solid #667d84;border-radius:16px;background:#243640;color:#edf6f4;
}
#wmd-photo-import-root .snapper-pending-payroll>header{display:grid;gap:8px;min-width:0}
#wmd-photo-import-root .snapper-pending-payroll h3{
  font-size:clamp(20px,4vw,26px);font-weight:780;line-height:1.2;letter-spacing:-.025em;margin:0;
}
#wmd-photo-import-root .snapper-pending-payroll p{
  font-size:13px;line-height:1.55;color:#bed1d4;margin:0
}
#wmd-photo-import-root .snapper-pending-payroll-list{display:grid;gap:9px;min-width:0}
#wmd-photo-import-root .snapper-pending-deposit{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  min-width:0;padding:14px;border:1px solid #4f6870;
  border-radius:12px;background:#1c2c35;
}
#wmd-photo-import-root .snapper-pending-deposit>div{display:grid;gap:5px;min-width:0}
#wmd-photo-import-root .snapper-pending-deposit strong{
  font-size:13px;line-height:1.4;overflow-wrap:anywhere;color:#e7f3f2;
}
#wmd-photo-import-root .snapper-pending-deposit small{
  font-size:11px;line-height:1.4;color:#aac4ca
}
#wmd-photo-import-root .snapper-pending-deposit>b{
  flex:none;font-size:clamp(18px,3.8vw,24px);font-weight:790;
  font-variant-numeric:tabular-nums;letter-spacing:-.025em;
  color:#effaf7;white-space:nowrap
}
#wmd-photo-import-root .snapper-pending-pill{
  display:inline-flex;justify-self:start;width:max-content;
  padding:3px 8px;border:1px solid #8c8064;border-radius:999px;
  background:#423b2e;color:#eddbb4;font-size:10px;font-weight:760;
}
#wmd-photo-import-root .snapper-pending-total{
  display:flex;justify-content:space-between;gap:10px;
  border-top:1px solid #49636c;padding-top:12px;
}
#wmd-photo-import-root .snapper-pending-total strong{
  color:#e8f6f1;font-size:16px;font-variant-numeric:tabular-nums
}
#wmd-photo-import-root .snapper-pending-instruction{
  padding-top:11px;border-top:1px solid #49636c
}
/* WebKit's native date controls may keep a large intrinsic width even in a
   one-column CSS grid. Contain its painting inside a width-bounded wrapper. */
#wmd-photo-import-root .snapper-paycheck-date-field{
  min-width:0!important;max-width:100%!important;overflow:hidden;
}
#wmd-photo-import-root .snapper-paycheck-date-control{
  display:block;width:100%;max-width:100%;min-width:0;
  box-sizing:border-box;border-radius:10px;overflow:hidden;contain:inline-size;
}
#wmd-photo-import-root .snapper-paycheck-date-control input[type=date]{
  display:block!important;width:100%!important;min-width:0!important;
  max-width:100%!important;inline-size:100%!important;min-inline-size:0!important;
  max-inline-size:100%!important;box-sizing:border-box!important;
  text-align:left;padding:10px 11px!important;overflow:hidden;
  font-size:16px;line-height:1.3;-webkit-appearance:none;appearance:none;
}
@media(max-width:540px){
  #wmd-photo-import-root .snapper-pending-payroll{padding:14px;gap:12px}
  #wmd-photo-import-root .snapper-pending-deposit{padding:12px 11px}
  #wmd-photo-import-root .snapper-pending-deposit>b{font-size:18px}
  #wmd-photo-import-root .snapper-paycheck-form{grid-template-columns:minmax(0,1fr)}
  #wmd-photo-import-root .snapper-paycheck-form>label{width:100%;min-width:0}
}


/* A pending bank deposit is not necessarily unavailable. Make the consent
   action visible, without ever implying that OCR has posted the transaction. */
#wmd-photo-import-root .snapper-pending-deposit{flex-wrap:wrap}
#wmd-photo-import-root .snapper-availability-action{
  width:100%;min-height:43px;padding:10px 12px;
  border:1px solid #7ab3a1;border-radius:10px;
  background:#2c4648;color:#def5ed;
  font-family:inherit;font-size:13px;font-weight:740;
  text-align:center;cursor:pointer;white-space:normal;
}
#wmd-photo-import-root .snapper-availability-action:hover{
  border-color:#a2d8c4;background:#365856
}
#wmd-photo-import-root .snapper-availability-action:focus-visible{
  outline:2px solid #b4e7cf;outline-offset:2px
}
#wmd-photo-import-root .snapper-available-evidence{
  display:grid;gap:7px;padding:12px 13px;
  border:1px solid #6f9492;background:#284446;
  border-radius:11px;color:#e8f5f1
}
#wmd-photo-import-root .snapper-available-evidence strong{font-size:13px}
#wmd-photo-import-root .snapper-available-evidence p{
  margin:0;color:#c8dbd8;font-size:12px;line-height:1.55
}
#wmd-photo-import-root .snapper-available-evidence button{
  display:inline-flex;justify-self:start;min-height:33px;
  padding:6px 0;border:0;background:transparent;
  color:#c5eade;font:inherit;font-size:12px;font-weight:750;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer
}
#wmd-photo-import-root .snapper-available-evidence button:focus-visible{
  outline:2px solid #b4e7cf;outline-offset:3px
}
@media(max-width:540px){
  #wmd-photo-import-root .snapper-availability-action{font-size:12px}
}


/* OCR cannot silently turn incomplete bank payroll figures into real money. */
#wmd-photo-import-root .snapper-pending-amount-warning{
  flex:0 0 100%;width:100%;margin:0!important;
  padding:10px 11px;border:1px solid #9d875f;border-radius:9px;
  background:#3b352d;color:#f4e1bb!important;
  font-size:12px!important;line-height:1.5!important;
}
@media(max-width:540px){
  #wmd-photo-import-root .snapper-pending-deposit>b{white-space:normal;text-align:right}
  #wmd-photo-import-root .snapper-pending-total{align-items:flex-start}
  #wmd-photo-import-root .snapper-pending-total strong{font-size:13px;text-align:right}
}


/* Payday is inferred, not another mandatory date form. Advanced correction
   stays one tap away and uses the same dark, contained mobile date picker. */
#wmd-photo-import-root .snapper-paycheck-next-date{
  display:grid;grid-column:1/-1;gap:7px;min-width:0;max-width:100%;
  box-sizing:border-box;padding:12px 13px;
  border:1px solid #526f77;border-radius:11px;
  background:#213741;color:#dcebed
}
#wmd-photo-import-root .snapper-paycheck-next-header{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
  min-width:0;
}
#wmd-photo-import-root .snapper-paycheck-next-header>span{
  flex:1 1 100%;font-size:12px;font-weight:720;line-height:1.35;color:#bbd2d0
}
#wmd-photo-import-root .snapper-paycheck-next-header>strong{
  flex:1 1 auto;min-width:0;font-size:18px;line-height:1.25;
  color:#f0faf6;font-variant-numeric:tabular-nums;
  letter-spacing:-.015em
}
#wmd-photo-import-root .snapper-paycheck-next-header>button,
#wmd-photo-import-root .snapper-paycheck-auto-date{
  flex:0 0 auto;min-height:34px;
  padding:6px 10px;border:1px solid #6f9c95;border-radius:8px;
  background:#2b4a4c;color:#dcf5e9;
  font:inherit;font-size:12px;font-weight:760;
  cursor:pointer;
}
#wmd-photo-import-root .snapper-paycheck-next-header>button:hover,
#wmd-photo-import-root .snapper-paycheck-auto-date:hover{background:#36595a}
#wmd-photo-import-root .snapper-paycheck-next-date>small{
  color:#adc7c9;font-size:11px;line-height:1.45
}
#wmd-photo-import-root .snapper-paycheck-next-date>label{
  display:grid;gap:6px;min-width:0;width:100%;color:#dcebed;
  font-size:12px;font-weight:720
}
#wmd-photo-import-root .snapper-paycheck-auto-date{
  justify-self:start;white-space:normal;text-align:left
}
@media(max-width:540px){
  #wmd-photo-import-root .snapper-paycheck-next-date{padding:11px}
  #wmd-photo-import-root .snapper-paycheck-next-header>strong{font-size:17px}
}

/* Shortcut for large PDF statement batches: keep budget discovery separate
   from single-transaction approval, with explicit pause/resume semantics. */
.snapper-budget-route{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;margin:10px 0 18px;border:1px solid rgba(141,214,181,.5);border-radius:16px;background:linear-gradient(110deg,rgba(97,181,147,.16),rgba(97,181,147,.045));color:inherit}
.snapper-budget-route>div{flex:1;min-width:0}
.snapper-budget-route-kicker{display:block;margin-bottom:6px;font-size:10px;font-weight:850;letter-spacing:.12em;color:#92e4c4}
.snapper-budget-route strong{display:block;color:inherit;font-size:17px;line-height:1.3}
.snapper-budget-route p{color:inherit;opacity:.82;font-size:12px;line-height:1.55;margin:7px 0 0}
.snapper-budget-route button{flex:none;max-width:100%;min-height:45px;border:0;border-radius:11px;padding:10px 17px;color:#123f31;background:#a6e4cb;cursor:pointer;font:inherit;font-size:13px;font-weight:800;white-space:nowrap}
.snapper-budget-route button:hover,.snapper-budget-route button:focus-visible{background:#c2f2db}
@media(max-width:640px){.snapper-budget-route{flex-direction:column;align-items:stretch;padding:15px}.snapper-budget-route button{width:100%;white-space:normal}}

/* Benefit accounts: clear product recognition without forcing an HSA into
   Other Accounts or labeling invested HSA money as taxable brokerage assets. */
#wmd-photo-import-root .photo-import-benefit-note{
  border:1px solid #3b594d;border-radius:10px;background:#1b2a26;
  padding:11px 12px;margin:8px 0 12px;max-width:100%;box-sizing:border-box
}
#wmd-photo-import-root .photo-import-benefit-note strong{
  display:block;font-size:12px;line-height:1.35;color:#e8f4ed;font-weight:780
}
#wmd-photo-import-root .photo-import-benefit-note p{
  margin:4px 0 0;font-size:11px;line-height:1.5;color:#b7cac1
}
#wmd-photo-import-root .photo-import-benefit-holding{
  display:grid;grid-column:1/-1;gap:6px;min-width:0
}
#wmd-photo-import-root .photo-import-benefit-holding small{
  display:block;font-size:11px;line-height:1.5;color:#b8c9c1
}
#wmd-photo-import-root .photo-import-benefit-holding select{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box
}
@media(max-width:680px){
  #wmd-photo-import-root .photo-import-benefit-note{padding:9px 10px}
  #wmd-photo-import-root .photo-import-benefit-holding select{font-size:16px;min-height:44px}
}

/* Keep partial OCR diagnostics visible as one compact status; user can read
   details, but a successful transaction extraction is not buried in warnings.
   Zero-result recovery messages remain expanded and actionable. */
.photo-import-dialog .photo-import-issues .snapper-file-warnings{
  border:0;background:transparent;margin:5px 0 0;min-width:0;
}
.photo-import-dialog .photo-import-issues .snapper-file-warnings>summary{
  min-height:44px;display:flex;align-items:center;gap:8px;
  padding:8px 10px;border:1px solid var(--wmd-theme-line,#697d8e);
  border-radius:10px;color:var(--wmd-theme-text,#f0f7ff);
  background:var(--wmd-theme-panel,#253644);font-size:12px;
  line-height:1.4;font-weight:700;cursor:pointer;
  overflow-wrap:anywhere;
}
.photo-import-dialog .photo-import-issues .snapper-file-warnings>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
.photo-import-dialog .photo-import-issues .snapper-file-warnings[open]>summary{
  margin-bottom:10px;
}
.photo-import-dialog .photo-import-issues .snapper-file-warnings>small{
  display:block;margin-top:10px;line-height:1.55;
  color:var(--wmd-theme-muted,#c4d4e2);
}

/* Investment-position bulk account matching: explicit, review-only action. */
#wmd-photo-import-root .photo-holding-bulk-account{
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:11px;
  margin:14px 0 18px;
  padding:14px;
  border:1px solid #426985;
  border-radius:13px;
  background:#1a3042;
}
#wmd-photo-import-root .photo-holding-bulk-account label{grid-column:auto}
#wmd-photo-import-root .photo-holding-bulk-account select{
  min-height:44px;min-width:0;background:#132538;color:#f2f8ff;border-color:#5b86a9;
}
#wmd-photo-import-root .photo-holding-bulk-account button{
  min-height:44px;padding:8px 15px;
  background:#256ca8;color:#fff;border:1px solid #5599d2;
}
#wmd-photo-import-root .photo-holding-bulk-account small{
  grid-column:1/-1;
  line-height:1.45;
  color:#bed4e8;
}
@media(max-width:680px){
  #wmd-photo-import-root .photo-holding-bulk-account{
    grid-template-columns:minmax(0,1fr)!important;
    padding:13px;
  }
  #wmd-photo-import-root .photo-holding-bulk-account label,
  #wmd-photo-import-root .photo-holding-bulk-account button{
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}

/* smart-search.css */

/* A single lightweight search palette for all six money workspaces.
   Queries are handled locally by smart-search.js; no data persistence. */
#wmd-photo-import-root .snapper-search-panel,
.wmd-smart-results{scrollbar-width:thin;scrollbar-color:#5c8985 transparent}
.wmd-smart-backdrop{
  position:fixed;inset:0;z-index:10020;
  display:flex;justify-content:center;align-items:flex-start;
  padding:calc(4vh + env(safe-area-inset-top,0px)) 14px
    calc(14px + env(safe-area-inset-bottom,0px));
  background:rgba(9,21,27,.81);
  box-sizing:border-box;overflow-y:auto
}
.wmd-smart-dialog{
  width:min(100%,655px);max-height:min(88dvh,810px);
  box-sizing:border-box;display:flex;flex-direction:column;
  gap:15px;min-height:0;padding:22px;border:1px solid #61817f;
  border-radius:21px;background:#23363e;color:#ebf6f3;
  box-shadow:0 25px 85px rgba(0,0,0,.42);
}
.wmd-smart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px}
.wmd-smart-head>div{min-width:0}
.wmd-smart-head span{
  color:#79dbb9;text-transform:uppercase;letter-spacing:.13em;
  font-size:10px;font-weight:850
}
.wmd-smart-head h2{margin:5px 0 0;font-size:clamp(19px,4vw,25px);line-height:1.24}
.wmd-smart-close{
  width:38px;height:38px;border:1px solid #718a91;border-radius:50%;
  background:#182a32;color:#f2f8f8;font-size:28px;line-height:1;cursor:pointer
}
.wmd-smart-input-shell{
  display:flex;gap:10px;align-items:center;border:1px solid #8bb8aa;
  border-radius:13px;background:#142b31;padding:0 12px;min-height:53px
}
.wmd-smart-input-shell svg{flex:0 0 auto;color:#a4ddce}
.wmd-smart-input-shell input{
  min-width:0;flex:1;border:0;outline:none;background:transparent;
  color:#f2fbf8;font-size:16px;font-weight:540;
  width:100%;min-height:50px;box-shadow:none;
}
.wmd-smart-input-shell input::placeholder{color:#b4c8c8;opacity:1}
.wmd-smart-results{
  display:grid;gap:7px;overflow:auto;min-height:0;
  max-height:min(58vh,520px);overscroll-behavior:contain;padding:2px
}
.wmd-smart-result{
  display:flex;justify-content:space-between;align-items:center;
  gap:12px;text-align:left;min-width:0;min-height:57px;
  padding:11px 13px;border:1px solid #4b6c72;border-radius:11px;
  background:#2a4149;color:#ecf7f5;font:inherit;cursor:pointer
}
.wmd-smart-result:is(:hover,:focus-visible){
  background:#344f50;border-color:#9bdcc7;outline:none
}
.wmd-smart-result>span{display:grid;gap:4px;min-width:0}
.wmd-smart-result strong{
  font-size:14px;font-weight:780;line-height:1.3;
  overflow-wrap:anywhere
}
.wmd-smart-result small{font-size:11px;color:#bdd4d5;line-height:1.4;overflow-wrap:anywhere}
.wmd-smart-result em{
  font-size:11px;color:#a8e1ce;font-style:normal;font-weight:750;
  text-align:right;flex:0 0 auto
}
.wmd-smart-empty{
  padding:14px 10px;margin:0;color:#cbdcd9;font-size:13px;
  line-height:1.6
}
.wmd-smart-footnote{
  margin:0;color:#bfced0;font-size:11px;line-height:1.5
}
.wmd-smart-found{outline:2px solid #8be0bd!important;outline-offset:5px!important}
@media(max-width:650px){
  .wmd-smart-backdrop{padding:calc(9px + env(safe-area-inset-top,0px)) 9px calc(12px + env(safe-area-inset-bottom,0px))}
  .wmd-smart-dialog{padding:16px 13px;border-radius:16px;max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}
  .wmd-smart-results{max-height:65dvh}
  .wmd-smart-result{padding:10px;min-height:61px}
  .wmd-smart-result em{font-size:10px;max-width:82px}
}
@media(prefers-reduced-motion:reduce){
  .wmd-smart-result,.wmd-smart-found{animation:none!important;transition:none!important}
}

/* Ctrl+K: neutral cards with the current workspace accent, not old teal fills. */
#app .wmd-smart-backdrop[data-search-page]{
 --wmd-find-accent:var(--wmd-current-accent,#57d7aa);
 --wmd-find-panel:#192229;
 --wmd-find-field:#121b22;
 --wmd-find-raised:#232e36;
 --wmd-find-hover:color-mix(in srgb,var(--wmd-find-accent) 11%,#222d35);
 --wmd-find-line:color-mix(in srgb,var(--wmd-find-accent) 25%,#46535d);
 --wmd-find-strong-line:color-mix(in srgb,var(--wmd-find-accent) 60%,#475760);
 --wmd-find-muted:#b8c7cf;
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-dialog{
 background:var(--wmd-find-panel);border-color:var(--wmd-find-line);
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell{
 background:var(--wmd-find-field);border-color:var(--wmd-find-line);
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result{
 background:var(--wmd-find-raised);border-color:#415059;
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result:is(:hover,:focus-visible){
 background:var(--wmd-find-hover);border-color:var(--wmd-find-strong-line);
 outline:2px solid var(--wmd-find-accent);outline-offset:1px;
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result .wmd-search-destination{
 background:transparent!important;
 border-color:var(--wmd-route-accent,var(--wmd-find-accent))!important;
 color:var(--wmd-route-accent,var(--wmd-find-accent))!important;
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result .wmd-search-destination.is-current{
 border-color:#64717a!important;color:#cbd5d9!important;
}
#app .wmd-smart-results{scrollbar-color:#5c6b73 transparent;}

/* guided-setup.css */
/* Guided first-run setup, private on-device holdings review, and conversion clarity. */
.guided-welcome{max-width:1080px;padding-bottom:26px}
.guided-welcome .onboarding-welcome-brand{margin-bottom:25px}
.guided-welcome .onboarding-welcome-copy{max-width:750px}
.guided-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:25px 0 21px}
.guided-paths article{display:flex;flex-direction:column;gap:11px;padding:21px 20px;border:1px solid #38515b;
  background:linear-gradient(150deg,#17262b,#111b22);border-radius:17px;min-width:0}
.guided-paths article>span:first-child{font-size:10px;font-weight:850;letter-spacing:.12em;color:#95c4c3}
.guided-paths article>h3{margin:0;font-size:25px;color:#f0f6fa;letter-spacing:-.03em;line-height:1.15}
.guided-paths article>p{margin:0 0 auto;font-size:13px;color:#beced7;line-height:1.6}
.guided-paths article>small{font-size:11px;color:#99b9c4;line-height:1.4}
.guided-paths article>button{width:100%;min-height:44px}
.guided-path-plaid{border-style:dashed!important}
.guided-welcome>.guided-paths,.guided-welcome>.guided-footer{max-width:none}
.guided-shell{max-width:920px;padding-bottom:21px}
.guided-shell .onboarding-head{padding-bottom:20px}
.guided-shell .onboarding-head h2{max-width:700px}
.guided-shell .onboarding-head p{max-width:680px}
.guided-steps{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:13px 24px;border-bottom:1px solid #33474c;color:#b1c3c9;font-size:11px;font-weight:700}
.guided-steps>*{flex:1;text-align:center;font-style:normal}
.guided-steps>.active{color:#d7f3e7}
.guided-steps>:not(:last-child){border-right:1px solid #3a4b54}
.guided-panel{display:grid;gap:17px;margin:23px 32px;padding:23px;border:1px solid #39565f;border-radius:16px;
  background:linear-gradient(155deg,#1a292c,#101b22)}
.guided-label{letter-spacing:.12em;color:#99c9b7;font-size:10px;font-weight:850}
.guided-panel>h3{font-size:24px;margin:0;color:#f1f7fb}
.guided-panel>p{margin:0;color:#a9c0c7;font-size:13px;line-height:1.6}
.guided-panel>small,.guided-footnote{font-size:11px;color:#acc4c9;line-height:1.6}
.guided-panel>.onboarding-primary{justify-self:start;min-height:45px}
.guided-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.guided-form>label{display:grid;gap:7px;min-width:0}
.guided-form>label:first-child{grid-column:1/-1}
.guided-form label>span{font-size:11px;color:#c5d8db;font-weight:750}
.guided-form input,.guided-form select,.guided-draft-row input,.guided-draft-row select{
  width:100%;min-height:44px;padding:9px 11px;border-radius:9px;
  border:1px solid #536d76;background:#0f1b23;color:#edf6fa;font:inherit;color-scheme:dark
}
.guided-form input:focus-visible,.guided-form select:focus-visible,.guided-draft-row input:focus-visible,.guided-draft-row select:focus-visible{
  outline:2px solid #8bdbbd;outline-offset:2px
}
.guided-form>button{grid-column:1/-1;justify-self:start;min-height:46px}
.guided-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.guided-proof-grid>span{border:1px solid #334f59;padding:12px;border-radius:12px;background:#213437;color:#cce7db;
  font-size:12px;line-height:1.5}
.guided-sandbox-notice{padding:14px;border:1px solid #5f5a3c;background:#322b1e;border-radius:11px;color:#e8d7b0;
  font-size:12px;line-height:1.6}
.guided-feedback{margin:14px 32px;color:#bfead8;font-size:12px;border-left:3px solid #74c9a7;padding:8px 13px;background:#1a302d}
.guided-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;
  margin:24px 32px 0;padding-top:18px;border-top:1px solid #36474d}
.guided-link{background:none;border:0;color:#b3d8cd;text-decoration:underline;
  text-underline-offset:4px;cursor:pointer;font-size:12px;min-height:38px}
.guided-link:hover{color:#e0fff3}
.guided-budget-ways{padding:0 28px;margin:22px 0}
.guided-budget-ways article{padding:17px;gap:10px}
.guided-budget-ways article h3{font-size:20px}
.guided-budget-ways article button:not(:last-child){margin-top:auto}
.guided-shell .guided-footnote{margin:12px 32px 0}
.guided-tutorial{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 32px}
.guided-tutorial article{padding:20px;border:1px solid #35525a;border-radius:14px;background:#15252d}
.guided-tutorial article>span{font-size:11px;color:#96ceb8;font-weight:850}
.guided-tutorial article h3{font-size:16px;margin:15px 0 7px;color:#f0f6fa}
.guided-tutorial article p{font-size:12px;line-height:1.6;color:#b5c6ce;margin:0}
.guided-draft-list{max-height:min(56vh,470px);overflow:auto;padding:6px 32px;margin:24px 0;display:grid;gap:8px}
.guided-draft-row{display:grid;grid-template-columns:23px minmax(110px,1fr) minmax(105px,130px) minmax(100px,135px);
  gap:10px;align-items:center;padding:12px 14px;border:1px solid #3a525a;border-radius:12px;background:#192b32}
.guided-draft-row>input[type=checkbox]{width:19px;height:19px;min-height:0;accent-color:#79c8a6}
.guided-draft-row>span:nth-child(2){display:grid;gap:4px;min-width:0}
.guided-draft-row strong{font-size:12px;color:#eaf5f5;overflow-wrap:anywhere}
.guided-draft-row small{font-size:10px;color:#a6c2ca;line-height:1.4}
.guided-draft-row select{font-size:12px}
.guided-draft-amount{display:flex;align-items:center;gap:5px;color:#ccdfdf}
.guided-draft-amount input{min-width:0;text-align:right;font-size:12px}
.guided-empty{padding:28px;text-align:center;margin:18px 32px;background:#172830;border:1px solid #3c5260;border-radius:15px}
.guided-empty strong{color:#eaf6f3}
.guided-empty p{max-width:55ch;margin:10px auto 0;color:#aac3cf;font-size:13px;line-height:1.6}
.invest-refresh .invest-snapper-start{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;
  border:1px solid #395a62;background:linear-gradient(110deg,#1b302f,#1b2934);
  padding:16px 19px;border-radius:14px;margin:11px 0 19px}
.invest-snapper-start>div:first-child{display:grid;gap:6px;flex:1 1 250px}
.invest-snapper-start strong{font-size:14px;color:#e8f7f6;letter-spacing:-.01em}
.invest-snapper-start small{font-size:11px;color:#bad3d3;line-height:1.5;max-width:650px}
.invest-snapper-start>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
.invest-snapper-start button{min-height:40px;border-radius:10px;padding:9px 13px;border:1px solid #70a8a1;
 background:#d0e6dd;color:#1b3b38;font-size:12px;font-weight:820;cursor:pointer}
.invest-snapper-start button+button{background:#263d42;color:#e0f4ed}
.photo-holdings-section .photo-holding-row{display:grid;gap:13px;background:#192a35;border-color:#395666}
.photo-holding-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.photo-holding-title strong{font-size:22px;letter-spacing:-.03em;color:#edf8f9}
.photo-holding-title span{font-size:12px;color:#bfd0d7}
.photo-holding-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.photo-holding-values>span{display:grid;gap:5px;border:1px solid #3f5660;border-radius:10px;padding:11px;color:#b9cbd2;font-size:11px}
.photo-holding-values b{font-size:16px;color:#f3fcfe;font-variant-numeric:tabular-nums}
.photo-holding-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.photo-holding-fields .photo-import-full{grid-column:1/-1}
@media(max-width:720px){
 .guided-welcome{padding:28px 18px 22px}
 .guided-paths,.guided-tutorial{grid-template-columns:minmax(0,1fr);gap:10px}
 .guided-welcome .onboarding-welcome-brand{margin-bottom:18px}
 .guided-steps{padding:12px 8px;gap:2px;font-size:10px}
 .guided-panel{margin:17px 16px;padding:17px}
 .guided-budget-ways{padding:0 16px;margin:15px 0}
 .guided-tutorial{margin:15px 16px}
 .guided-form,.guided-proof-grid{grid-template-columns:minmax(0,1fr)}
 .guided-form>label:first-child,.guided-form>button{grid-column:1}
 .guided-footer{margin:16px 16px 0;gap:8px}
 .guided-footer>.onboarding-primary{flex:1 1 100%;min-height:45px}
 .guided-draft-list{padding:3px 14px}
 .guided-draft-row{grid-template-columns:24px minmax(0,1fr) 95px;gap:9px}
 .guided-draft-row>select{grid-column:2}
 .guided-draft-row .guided-draft-amount{grid-column:3;grid-row:1/3}
 .guided-shell .guided-footnote{margin:12px 16px 0}
 .guided-empty{margin:16px}
 .photo-holding-values{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.guided-shell,.guided-shell *{scroll-behavior:auto}}


/* Budget completeness review. Suggestions are prompts, not invented expenses. */
.guided-budget-shortcut{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:11px;
  border:1px solid #385a63;border-radius:13px;padding:14px 17px;
  margin:4px 0 14px;background:linear-gradient(105deg,#21363b,#172831);
  color:#d6e9ec
}
.guided-budget-shortcut>span{font-size:12px;line-height:1.5;font-weight:650}
.guided-budget-shortcut>button,.guided-gap-cta>button{
  border-radius:10px;min-height:40px;padding:9px 13px;border:1px solid #83b3ad;
  background:#d4e8e1;color:#15312f;font-size:12px;font-weight:800;cursor:pointer
}
.guided-budget-shortcut>button:focus-visible,.guided-gap-cta>button:focus-visible,
.guided-gap-options>button:focus-visible,.guided-gap-form button:focus-visible{
  outline:2px solid #9ee5c8;outline-offset:2px
}
.guided-gap-cta{display:flex;align-items:center;justify-content:space-between;gap:13px;
  padding:17px 20px;margin:7px 32px 4px;
  background:linear-gradient(120deg,#203936,#1a2b38);
  border:1px solid #4d766a;border-radius:15px}
.guided-gap-cta>div{min-width:0;display:grid;gap:6px}
.guided-gap-cta strong{font-size:15px;color:#e1f5ee}
.guided-gap-cta p{margin:0;font-size:12px;line-height:1.5;color:#b0cbd0}
.guided-gap-progress{padding:17px 22px;background:#183033;border-top:1px solid #344d50;
  border-bottom:1px solid #344d50;display:flex;align-items:center;
  justify-content:space-between;gap:10px;flex-wrap:wrap}
.guided-gap-progress strong{font-size:13px;color:#e5f4f1}
.guided-gap-progress small{font-size:12px;line-height:1.4;color:#b0c9cf}
.guided-gap-group,.guided-gap-more{margin:20px 32px;min-width:0}
.guided-gap-group h3{font-size:16px;letter-spacing:-.01em;margin:0 0 10px;color:#eff8f6}
.guided-gap-more{background:#17272d;border:1px solid #38525c;border-radius:14px;padding:14px}
.guided-gap-more>summary{cursor:pointer;color:#d1e9eb;font-size:13px;font-weight:770}
.guided-gap-more[open]>summary{margin-bottom:14px}
.guided-gap-list{display:grid;gap:10px}
.guided-gap-row{display:grid;gap:10px;min-width:0;padding:15px;
  background:linear-gradient(145deg,#1a2b31,#14242b);
  border:1px solid #405760;border-radius:13px}
.guided-gap-label{display:grid;gap:6px}
.guided-gap-label>span{font-size:10px;letter-spacing:.11em;font-weight:840;color:#99ceb9}
.guided-gap-label strong{font-size:14px;line-height:1.45;color:#f1f7fa}
.guided-gap-label small{color:#aad6c5;font-size:11px}
.guided-gap-options{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.guided-gap-options button{border:1px solid #4d6e73;background:#263d43;border-radius:9px;
  min-height:37px;padding:8px 12px;color:#e6f2f2;font-size:12px;font-weight:710;cursor:pointer}
.guided-gap-options button:hover{background:#335a5b;border-color:#89beb1}
.guided-gap-add{background:#21383f;border:1px dashed #54777b;border-radius:10px;padding:10px 12px}
.guided-gap-add>summary{font-size:12px;font-weight:780;cursor:pointer;color:#d4efe5}
.guided-gap-add[open]>summary{margin-bottom:12px}
.guided-gap-add>small{display:block;margin-top:8px;font-size:11px;line-height:1.5;color:#a3c3c4}
.guided-gap-form{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));
  gap:9px;align-items:end}
.guided-gap-form label{display:grid;min-width:0;gap:6px}
.guided-gap-form label>span{font-size:11px;font-weight:700;color:#c6e0e0}
.guided-gap-form input{min-width:0;width:100%;min-height:42px;border:1px solid #668b90;
  background:#0e242a;color:#f4fafc;padding:9px 10px;border-radius:9px;font:inherit;
  font-size:13px}
.guided-gap-form input:focus-visible{outline:2px solid #9ee5c8;outline-offset:2px}
.guided-gap-form button{grid-column:1/-1;justify-self:start;min-height:42px;
  padding:9px 13px;background:#d4e8e1;color:#15312f;font-size:12px;font-weight:800;
  border:1px solid #d4e8e1;border-radius:9px;cursor:pointer}
@media(max-width:720px){
 .guided-budget-shortcut{align-items:stretch;padding:12px}
 .guided-budget-shortcut>button{width:100%}
 .guided-gap-cta{margin:14px 16px;align-items:stretch;flex-direction:column}
 .guided-gap-cta>button{align-self:stretch}
 .guided-gap-group,.guided-gap-more{margin:16px}
 .guided-gap-progress{padding:13px 16px}
 .guided-gap-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .guided-gap-form label:first-child{grid-column:1/-1}
 .guided-gap-form button{justify-self:stretch}
 .guided-gap-options button{flex:1 1 42%}
}


/* Optional batch setup without hiding the one-at-a-time manual path. */
.guided-batch-option{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 flex-wrap:wrap;margin:16px 0 10px;padding:15px;
 border:1px solid #446478;border-radius:13px;
 background:linear-gradient(120deg,#1a303c,#17242f)
}
.guided-batch-option>div{flex:1 1 200px;display:grid;gap:6px;min-width:0}
.guided-batch-option strong{font-size:14px;color:#e8f4fa;line-height:1.3}
.guided-batch-option p{margin:0;font-size:12px;line-height:1.5;color:#b0c9da}
.guided-batch-option button{
 flex:0 1 auto;min-height:40px;white-space:normal;
 padding:9px 12px;font-size:12px
}
@media(max-width:640px){
 .guided-batch-option{padding:13px;gap:11px}
 .guided-batch-option button{width:100%;flex:1 1 100%}
}


/* Verified spending compared with income in draft review. */
.guided-shell .guided-draft-reconcile{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
 gap:7px 16px;margin:16px 32px 0;padding:13px 15px;
 background:#1e3534;border:1px solid #4a7365;border-radius:12px;color:#d9f2e8
}
.guided-shell .guided-draft-reconcile>strong{
 grid-column:1/-1;font-size:13px;font-weight:770;color:#e5f9ef
}
.guided-shell .guided-draft-reconcile>span{
 font-size:11px;line-height:1.55;color:#c0d8cc
}
.guided-shell .guided-draft-reconcile>small{
 grid-column:1/-1;font-size:11px;line-height:1.6;color:#b1cabc;
 padding-top:8px;border-top:1px solid #395952
}
@media(max-width:600px){
 .guided-shell .guided-draft-reconcile{
  grid-template-columns:minmax(0,1fr);margin:13px 14px 0
 }
 .guided-shell .guided-draft-reconcile>strong,
 .guided-shell .guided-draft-reconcile>small{grid-column:1}
}


/* Budget Essentials modal: match the warm-sand Budget workspace identity.
   Scope to its accessible dialog label so Cash Flow, setup and Snapper
   keep their own palettes. The modal is outside .wmd-workspace--budget. */
.guided-shell[aria-labelledby="budgetGapTitle"]{
  --ess-accent:var(--wmd-budget-accent,#d6bc91);
  --ess-ink:#252118;
  --ess-line:color-mix(in srgb,var(--ess-accent) 37%,#36434d);
  --ess-tint:color-mix(in srgb,var(--ess-accent) 9%,#192229);
  background:linear-gradient(180deg,#1b252d,#141d24)!important;
  border-color:#514c44!important;
  scrollbar-color:#796b55 #17212a;
  scrollbar-width:thin;
}
.guided-shell[aria-labelledby="budgetGapTitle"]::-webkit-scrollbar{width:9px}
.guided-shell[aria-labelledby="budgetGapTitle"]::-webkit-scrollbar-track{background:#17212a}
.guided-shell[aria-labelledby="budgetGapTitle"]::-webkit-scrollbar-thumb{
  background:#756852;border:2px solid #17212a;border-radius:999px
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-head{
  background:rgba(25,33,40,.96)!important;
  border-bottom-color:#4b4943!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-kicker,
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-label>span{
  color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-head p{
  color:#b8bfc3!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-x{
  background:#202a31!important;border-color:#56534c!important;color:#edf0ed!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-x:hover{
  background:var(--ess-tint)!important;border-color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-progress{
  background:var(--ess-tint)!important;
  border-top-color:var(--ess-line)!important;
  border-bottom-color:var(--ess-line)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-progress strong{
  color:#f3eee5!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-progress small{
  color:#c9c0b0!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-group h3{
  color:#f1f1ed!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] :is(.guided-gap-row,.guided-gap-more){
  background:linear-gradient(145deg,#202c33,#19252c)!important;
  border-color:#4b4a45!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-more>summary{
  color:#efe7d8!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-label strong{
  color:#f0f2f0!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-label small{
  color:#cebfa4!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-options button{
  background:#28333a!important;
  border-color:#55534c!important;
  color:#ece9e2!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-options button:hover{
  background:var(--ess-tint)!important;
  border-color:var(--ess-accent)!important;
  color:#f3e7d4!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-add{
  background:#222f36!important;
  border-color:#756b5a!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-add>summary{
  color:#e2d1b1!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-add>small{
  color:#b9b4ac!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-form label>span{
  color:#d8d2c7!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-form input{
  border-color:#696355!important;
  background:#162129!important;
  color:#f3f2ee!important;
  accent-color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] :is(button,summary,input):focus-visible{
  outline:2px solid var(--ess-accent)!important;
  outline-offset:2px
}
.guided-shell[aria-labelledby="budgetGapTitle"] :is(.guided-gap-form button,.onboarding-primary){
  background:var(--ess-accent)!important;
  border-color:var(--ess-accent)!important;
  color:var(--ess-ink)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] :is(.guided-gap-form button,.onboarding-primary):hover{
  background:#ead6b3!important;border-color:#ead6b3!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-secondary{
  background:#263139!important;
  border-color:#746b59!important;
  color:#eedfca!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .onboarding-secondary:hover{
  background:var(--ess-tint)!important;border-color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-link{
  color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-link:hover{
  color:#efdab6!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-feedback{
  color:#f0dfbf!important;background:#2b2b29!important;
  border-left-color:var(--ess-accent)!important
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-footer{
  border-top-color:#4d4c47!important
}


/* Essentials evidence linking and progressive household questions */
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-options{align-items:flex-start;flex-wrap:wrap}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered{
  flex:1 1 235px;min-width:min(100%,235px);
  border:1px solid #635b4d;border-radius:9px;background:#28333a;
  overflow:hidden
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered>summary{
  display:flex;align-items:center;min-height:37px;box-sizing:border-box;
  padding:8px 12px;color:#f0ddbd;font-size:12px;font-weight:760;
  cursor:pointer;list-style:none
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered>summary::-webkit-details-marker{display:none}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered>summary::after{
  content:"⌄";margin-left:auto;padding-left:12px;color:var(--ess-accent)
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered[open]>summary::after{content:"⌃"}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered>summary:hover{
  background:color-mix(in srgb,var(--ess-accent) 12%,#25323a)
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body{
  display:grid;gap:10px;padding:13px;border-top:1px solid #544e46
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body label{display:grid;gap:6px;min-width:0}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body label>span{
  color:#d9d0c1;font-size:11px;font-weight:730
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body :is(select,input){
  width:100%;min-width:0;box-sizing:border-box;padding:9px 10px;
  min-height:41px;color:#f1ede5;background:#18242c;
  border:1px solid #746a5c;border-radius:9px;font:inherit;font-size:12px;color-scheme:dark
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body small{
  color:#c1bab0;font-size:11px;line-height:1.5
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body>button{
  justify-self:start;padding:9px 12px;min-height:39px;border-radius:9px;
  border:1px solid var(--ess-accent);background:var(--ess-accent);
  color:#252118;font-size:12px;font-weight:810;cursor:pointer
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered-body>button:hover{
  background:#ead6b3;border-color:#ead6b3
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-coverage-error{
  color:#ffd3c6;font-size:11px;line-height:1.5;margin:0
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-library-note{
  color:#c3c1bd;font-size:12px;line-height:1.55;margin:0 0 13px
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-external-note{
  margin:12px 32px;padding:11px 13px;border-radius:10px;
  background:#2b2c2b;border:1px solid #706958;
  color:#decfb4;font-size:11px;line-height:1.55
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-more{margin-top:12px;margin-bottom:12px}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-more>.guided-gap-list{padding-top:8px}
@media(max-width:720px){
 .guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-covered{flex:1 1 100%}
 .guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-options>[data-guided-gap-na]{
   min-height:39px
 }
 .guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-external-note{margin:12px 16px}
}

.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list{
  display:grid;gap:5px;padding-top:8px
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list>div{
  display:flex;gap:10px;justify-content:space-between;align-items:center;
  border:1px solid #4d4a42;border-radius:9px;padding:9px 11px;background:#1e2b33
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list span{
  display:grid;gap:3px;min-width:0
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list strong{
  font-size:12px;color:#e8e9e5
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list small{
  font-size:11px;color:#c7bdab
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list button{
  border:1px solid #686255;background:#28333a;border-radius:8px;
  padding:7px 9px;color:#f1e0c5;font-size:11px;font-weight:700;cursor:pointer
}
.guided-shell[aria-labelledby="budgetGapTitle"] .guided-gap-reviewed-list button:hover{
  border-color:var(--ess-accent);background:var(--ess-tint)
}

/* setup-capabilities.css */
/* Short, optional help integrated into setup, Snapper and Cash Flow. */
#app .wmd-explain,.photo-import-dialog .wmd-explain{
  min-width:0;margin:11px 0;border:1px solid rgba(136,170,171,.22);
  border-radius:11px;background:rgba(19,35,44,.48);overflow:hidden;
  color:var(--wmd-ui-txt,#eaf3f4)
}
#app .wmd-explain>summary,.photo-import-dialog .wmd-explain>summary{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:5px 12px;
  min-height:43px;padding:10px 13px;list-style:none;cursor:pointer;
  font-family:inherit;font-size:12px;font-weight:690;color:var(--wmd-ui-txt,#eaf3f4)
}
#app .wmd-explain>summary::-webkit-details-marker,.photo-import-dialog .wmd-explain>summary::-webkit-details-marker{display:none}
#app .wmd-explain>summary:after,.photo-import-dialog .wmd-explain>summary:after{
  content:"⌄";color:#94c9bf;font-size:16px;font-weight:500
}
#app .wmd-explain[open]>summary:after,.photo-import-dialog .wmd-explain[open]>summary:after{content:"⌃"}
#app .wmd-explain>summary small,.photo-import-dialog .wmd-explain>summary small{
  font-size:10px;line-height:1.35;font-weight:520;flex:1;color:var(--wmd-ui-muted,#b1c4ca)
}
#app .wmd-explain>summary:hover,.photo-import-dialog .wmd-explain>summary:hover{background:rgba(139,183,174,.06)}
#app .wmd-explain>summary:focus-visible,.photo-import-dialog .wmd-explain>summary:focus-visible{
  outline:2px solid #8acdb6;outline-offset:-2px;border-radius:10px
}
#app .wmd-explain-content,.photo-import-dialog .wmd-explain-content{
  padding:0 13px 14px;border-top:1px solid rgba(136,170,171,.16)
}
#app .wmd-explain-content p,.photo-import-dialog .wmd-explain-content p{
  font-size:11px;line-height:1.58;color:var(--wmd-ui-muted,#b2c4c9);
  margin:11px 0 0
}
#app .wmd-explain-content p strong,.photo-import-dialog .wmd-explain-content p strong{
  color:var(--wmd-ui-txt,#eaf3f4);font-weight:710
}
#app .wmd-explain-grid,.photo-import-dialog .wmd-explain-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px
}
#app .wmd-explain-grid>div,.photo-import-dialog .wmd-explain-grid>div{
  min-width:0;padding:11px 12px;background:rgba(128,164,164,.065);
  border:1px solid rgba(128,164,164,.16);border-radius:9px
}
#app .wmd-explain-grid>div>strong,.photo-import-dialog .wmd-explain-grid>div>strong{
  font-size:11px;color:var(--wmd-ui-txt,#ebf3f4)
}
#app .wmd-explain-grid>div>p,.photo-import-dialog .wmd-explain-grid>div>p{font-size:10px;margin:4px 0 0}
#app .wmd-card-example{
  display:grid;min-width:0;overflow-x:auto;margin:12px 0 0;
  border:1px solid rgba(135,169,169,.20);border-radius:9px;
}
#app .wmd-card-example>[role="row"]{
  display:grid;grid-template-columns:minmax(150px,1.4fr) repeat(3,minmax(85px,1fr));
  gap:8px;min-width:480px;padding:9px 11px;
  border-top:1px solid rgba(135,169,169,.12);background:rgba(128,164,164,.03);
}
#app .wmd-card-example>[role="row"]:first-child{border-top:0;background:rgba(136,174,174,.10)}
#app .wmd-card-example [role="cell"]{font-size:10px;line-height:1.35;color:var(--wmd-ui-muted,#b5c5c9)}
#app .wmd-card-example strong[role="cell"]{color:var(--wmd-ui-txt,#f0f5f5);font-size:10px}
#app .cash-card-payment-center .wmd-explain{
  margin:0 0 12px;background:rgba(21,33,46,.45);border-color:rgba(133,169,182,.28)
}
#app .cash-card-payment-center .wmd-explain>summary:after{color:#a5c9e1}
@media(max-width:640px){
  #app .wmd-explain-grid,.photo-import-dialog .wmd-explain-grid{grid-template-columns:minmax(0,1fr)}
  #app .wmd-explain>summary,.photo-import-dialog .wmd-explain>summary{align-items:start}
}


/* Card payment forecast assumptions: visible without turning the whole page into alerts. */
#app .cash-card-payment-assumption{
 display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
 margin:0 0 12px;padding:11px 13px;border:1px solid rgba(191,150,106,.36);
 border-radius:10px;background:rgba(128,92,61,.105);color:#ead8c7
}
#app .cash-card-payment-assumption>div{flex:1;min-width:210px}
#app .cash-card-payment-assumption strong{display:block;font-size:12px;font-weight:700;color:#f1dec9}
#app .cash-card-payment-assumption p{font-size:11px!important;line-height:1.5!important;color:#d1bfae!important;margin:3px 0 0!important}
#app .cash-card-payment-assumption button{
 flex:none;border:1px solid rgba(202,169,129,.40)!important;border-radius:8px!important;
 background:#303640!important;padding:8px 11px!important;color:#f1e2d0!important;
 font-family:inherit!important;font-size:11px!important;font-weight:680!important;cursor:pointer
}
#app .cash-card-payment-assumption button:hover{background:#3b4247!important}
@media(max-width:560px){#app .cash-card-payment-assumption button{width:100%}}


/* Budget draft selection controls. Keep the proposed plan editable at a glance. */
#app .guided-draft-controls{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
 border:1px solid rgba(137,174,177,.21);background:rgba(126,167,160,.055);
 border-radius:10px;padding:10px 13px;margin:11px 0
}
#app .guided-draft-controls>div:first-child{display:grid;gap:3px}
#app .guided-draft-controls strong{font-size:12px;color:var(--wmd-ui-txt,#e8f3f3)}
#app .guided-draft-controls small{font-size:10px;line-height:1.4;color:var(--wmd-ui-muted,#b5c5c9)}
#app .guided-draft-controls>div:last-child{display:flex;align-items:center;gap:7px}
#app .guided-draft-controls button{
 min-height:32px;padding:7px 10px;border:1px solid rgba(143,184,172,.32);
 background:rgba(53,85,79,.18);border-radius:8px;
 color:var(--wmd-ui-txt,#e7f0ef);font-family:inherit;font-size:11px;font-weight:650;cursor:pointer
}
#app .guided-draft-controls button:focus-visible{outline:2px solid #9ccfb8;outline-offset:2px}

/* budget-overlap.css */
/* Progressive Budget setup: show confirmed category matches without new bills. */
.wmd-budget-setup .wmd-budget-combine-note{
  margin:8px 0 10px;color:#b5d7c7;font-size:12px;line-height:1.5;
}
.wmd-budget-import-matches{display:grid;gap:8px;margin:10px 0}
.wmd-budget-import-matches details{
  border:1px solid rgba(124,184,152,.38);border-radius:11px;
  padding:10px 12px;background:rgba(63,102,83,.10);
}
.wmd-budget-import-matches details summary{
  font-size:12px;font-weight:650;color:#c9e5d7;cursor:pointer;
  list-style-position:inside;line-height:1.55;
}
.wmd-budget-import-matches details small{
  color:#b5cbbf;font-size:11px;line-height:1.45;
}
.wmd-budget-overlap-list{display:grid;gap:7px;margin:10px 0}
.wmd-budget-overlap-list>div{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:8px 10px;border-radius:8px;background:rgba(255,255,255,.045);
}
.wmd-budget-overlap-list span{font-size:12px;color:#e4efe9;overflow-wrap:anywhere}
.wmd-budget-overlap-list small{flex-shrink:0;text-align:right}
@media(max-width:600px){
  .wmd-budget-overlap-list>div{align-items:flex-start;flex-direction:column;gap:2px}
  .wmd-budget-overlap-list small{text-align:left}
}

/* Guided Budget review: read-only matched/possible overlaps alongside new proposals. */
.guided-draft-overlaps{
  display:grid;gap:9px;margin:12px 0;padding:14px;
  border:1px solid rgba(122,179,150,.38);border-radius:12px;
  background:rgba(70,122,94,.09);
}
.guided-draft-overlaps>strong{font-size:14px;color:#e8f3ec}
.guided-draft-overlaps>p{font-size:12px;color:#b5cebf;margin:0;line-height:1.55}
.guided-draft-overlap-item{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid rgba(119,173,147,.22);
  border-radius:9px;background:rgba(255,255,255,.04);padding:9px 11px;
}
.guided-draft-overlap-item span{font-size:12px;color:#e5f0e8;overflow-wrap:anywhere}
.guided-draft-overlap-item small{font-size:11px;color:#bbd6c7;text-align:right;white-space:nowrap}
.guided-draft-overlaps .onboarding-secondary{justify-self:start}
.wmd-bb-draft-foot .wmd-bb-overlap-confirm{
  display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.45;
  color:#bddfca;
}
.wmd-bb-draft-foot .wmd-bb-overlap-confirm input{flex:none}
@media(max-width:640px){
  .guided-draft-overlap-item{align-items:flex-start;flex-direction:column;gap:4px}
  .guided-draft-overlap-item small{text-align:left;white-space:normal}
  .guided-draft-overlaps .onboarding-secondary{width:100%}
}

/* setup-journey.css */

/* Where's My Dollar? connected setup: gentle contrast, one useful decision at a time. */
.onboarding-shell.wmd-journey-shell{
  width:min(1060px,calc(100vw - 28px));max-height:min(92dvh,950px);
  display:flex;flex-direction:column;overflow:hidden;border:1px solid #47636d;
  background:#17252e;color:#edf5f5;border-radius:22px;
  box-shadow:0 35px 100px #071117c9
}
.wmd-journey-shell :is(button,input,summary){font-family:inherit}
.wmd-journey-shell button:focus-visible,.wmd-journey-shell input:focus-visible,
.wmd-journey-shell summary:focus-visible{outline:2px solid #badfd0;outline-offset:3px}
.wmd-journey-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;
  padding:24px 28px 17px;background:#21343e;border-bottom:1px solid #3c5561}
.wmd-journey-header h2{font-size:clamp(23px,3.7vw,30px)!important;line-height:1.2!important;
  color:#f5fafb!important;margin:5px 0 8px!important;letter-spacing:-.025em}
.wmd-journey-header p{margin:0!important;color:#bbd0d6!important;font-size:13px!important;line-height:1.5}
.wmd-journey-kicker{color:#b9d9ce;font-size:10px;font-weight:800;letter-spacing:.16em}
.wmd-journey-close{border:1px solid #647c85;background:#263a44;color:#eef6f6;cursor:pointer;
  border-radius:50%;width:39px;height:39px;font-size:25px;line-height:1;flex:none}
.wmd-journey-progress{display:flex;gap:18px;justify-content:space-between;align-items:center;
  padding:13px 28px;background:#1d3039}
.wmd-journey-progress>div:first-child{display:grid;gap:3px}
.wmd-journey-progress span{font-size:12px;font-weight:720;color:#e3eff0}
.wmd-journey-progress small{font-size:11px;color:#a7c0c6}
.wmd-journey-progress-rail{width:190px;height:7px;background:#3c525b;border-radius:20px;overflow:hidden}
.wmd-journey-progress-rail i{display:block;background:#b2d8ca;height:100%;border-radius:20px;transition:width .2s ease}
.wmd-journey-nav{display:flex;flex:none;align-items:stretch;padding:10px 12px;gap:5px;overflow-x:auto;
  background:#1d3039;border-bottom:1px solid #3e535b;scrollbar-width:thin}
.wmd-journey-step{display:flex;flex:1 0 130px;align-items:center;gap:8px;text-align:left;
  min-width:0;min-height:48px;padding:7px 9px;border:1px solid transparent;border-radius:11px;
  color:#bccfd4;background:transparent;cursor:pointer;transition:background .15s,border-color .15s}
.wmd-journey-step:hover{background:#283d47}
.wmd-journey-step.is-current{border-color:#71958a;background:#304841;color:#fff}
.wmd-journey-step-number{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;flex:none;
  border:1px solid #5d7780;color:#c9e0df;font-size:12px;font-weight:800}
.wmd-journey-step.is-current .wmd-journey-step-number{background:#b8dbcd;border-color:#b8dbcd;color:#1e3832}
.wmd-journey-step-label{display:grid;gap:2px;min-width:0}
.wmd-journey-step-label strong{font-size:12px;line-height:1.2;color:inherit;white-space:nowrap}
.wmd-journey-step-label small{font-size:10px;color:#a6bec2;line-height:1.2}
.wmd-journey-content{overflow-y:auto;min-height:0;flex:1;padding:20px 28px 12px;
  overscroll-behavior:contain;scrollbar-color:#4e6770 transparent}
.wmd-journey-section-head{max-width:720px;margin:0 0 15px}
.wmd-journey-section-head>span{color:#b4d7c9;letter-spacing:.15em;font-weight:800;font-size:10px}
.wmd-journey-section-head h3{margin:8px 0!important;font-size:clamp(22px,3.2vw,29px)!important;line-height:1.19!important;
  color:#f3f8f9!important;letter-spacing:-.022em}
.wmd-journey-section-head>p{font-size:13px!important;margin:0!important;color:#b9cbd1!important;line-height:1.55}
.wmd-journey-main-section>h3{font-size:16px;color:#eaf2f3;margin:0 0 8px}
.wmd-journey-main-section>p{font-size:12px;color:#bcccd1;line-height:1.64;margin:0 0 15px;max-width:800px}
.wmd-journey-tips{display:grid;gap:8px;margin:12px 0 18px}
.wmd-journey-tips p{display:flex;gap:10px;align-items:flex-start;background:#24363f;
  border:1px solid #3e5660;color:#e0e9eb;font-size:12px!important;line-height:1.52!important;
  border-radius:11px;padding:10px 12px;margin:0!important}
.wmd-journey-tips p span{display:grid;place-items:center;flex:none;background:#334b53;
  color:#b8d9cb;border-radius:7px;width:21px;height:21px;font-size:10px;font-weight:800}
.wmd-journey-equation,.wmd-journey-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  padding:12px;border-radius:12px;background:#263b43;border:1px solid #4b636d;margin:10px 0}
.wmd-journey-equation :is(span,strong),.wmd-journey-chain :is(span,strong){color:#eaf4f3;font-size:12px;font-weight:750}
.wmd-journey-equation i,.wmd-journey-chain i{font-style:normal;color:#b4d7c8;font-weight:700}
.wmd-journey-actions{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;margin:18px 0}
.wmd-journey-btn{border:1px solid #66858b;border-radius:11px;background:#2a3e47;color:#eef5f4;
  font-size:12px;font-weight:750;min-height:45px;cursor:pointer;padding:11px 14px;
  display:inline-flex;gap:11px;justify-content:space-between;align-items:center}
.wmd-journey-btn.is-primary{background:#b6d8cb;border-color:#b6d8cb;color:#1c342d}
.wmd-journey-btn:hover:not(:disabled){filter:brightness(1.08)}
.wmd-journey-btn:disabled{opacity:.55;cursor:not-allowed}
.wmd-journey-soon{border:1px solid #4e646c;padding:10px 12px;border-radius:11px;
  background:#202f39;min-width:205px;flex:1 0 175px}
.wmd-journey-soon span{color:#b9d7cb;font-size:10px;font-weight:800;letter-spacing:.07em}
.wmd-journey-soon strong{display:block;font-size:12px;color:#e6eff0;margin:3px 0}
.wmd-journey-soon p{font-size:11px;color:#b5c5cc;margin:0;line-height:1.5}
.wmd-journey-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wmd-journey-info{border:1px solid #3d555e;border-radius:12px;background:#1d303a;padding:13px;min-width:0}
.wmd-journey-info strong{font-size:12px;color:#dcefeb}
.wmd-journey-info p{font-size:11px;color:#bbcbd2;line-height:1.6;margin:6px 0 0}
.wmd-journey-editor{border:1px solid #5c787c;background:#22383f;border-radius:12px;padding:14px;margin-top:14px}
.wmd-journey-editor summary{cursor:pointer;color:#dcefea;font-size:13px;font-weight:800}
.wmd-journey-editor summary span{float:right;font-size:11px;font-weight:600;color:#adcbc3}
.wmd-journey-editor>p{color:#b8ced2;font-size:11px;line-height:1.55}
.wmd-journey-heading-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}
.wmd-journey-heading-grid label{min-width:0;display:grid;gap:4px}
.wmd-journey-heading-grid span{font-size:10px;font-weight:760;letter-spacing:.04em;text-transform:capitalize;color:#b3c8cd}
.wmd-journey-heading-grid input{width:100%;min-width:0;box-sizing:border-box;border-radius:9px;padding:9px 10px;
 border:1px solid #5b7780;background:#192a33;color:#eef7f6;font-size:14px}
.wmd-journey-editor [data-journey-feedback]{font-size:12px;color:#bfded2;margin:10px 0 0}
.wmd-journey-budget-mix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wmd-journey-budget-mix>div{min-width:0;display:grid;gap:6px;padding:13px;background:#253841;
  border:1px solid #425d67;border-radius:10px}
.wmd-journey-budget-mix span{color:#c9dadc;font-size:11px}
.wmd-journey-budget-mix b{font-size:15px;color:#f1f6f8}
.wmd-journey-budget-mix i{height:5px;background:#b7d9cb;border-radius:9px}
.wmd-journey-main-section .wmd-journey-aside{font-size:11px!important;margin:9px 0 12px!important}
.wmd-journey-congrats{display:grid;gap:14px;max-width:850px}
.wmd-journey-complete-mark{color:#b8d9cb;font-size:36px}
.wmd-journey-congrats h3{font-size:26px;margin:0;color:#eff8f6}
.wmd-journey-congrats>p{font-size:14px;line-height:1.6;color:#bdd1d3;margin:0}
.wmd-journey-recap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.wmd-journey-recap-item{display:grid;gap:5px;text-align:left;padding:13px;background:#243943;
  border:1px solid #4a626e;border-radius:11px;color:#eaf5f2;cursor:pointer}
.wmd-journey-recap-item>span{color:#badccd;font-size:12px;font-weight:850}
.wmd-journey-recap-item strong{font-size:12px}
.wmd-journey-recap-item small{color:#aebfc4;font-size:11px}
.wmd-journey-next-week{display:grid;gap:5px;padding:14px;border-radius:11px;background:#31443f;
  color:#ebf6ef;border:1px solid #678a7d}
.wmd-journey-next-week strong{font-size:13px}
.wmd-journey-next-week span{font-size:12px;line-height:1.6}
.wmd-journey-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;
  flex:none;padding:13px 22px;background:#21343d;border-top:1px solid #405964}
.wmd-journey-footer button{cursor:pointer;font-size:12px;font-weight:760}
.wmd-journey-back,.wmd-journey-reviewed,.wmd-journey-skip{padding:9px 11px;border:0;
  color:#c8dedf;background:transparent}
.wmd-journey-back:disabled{opacity:.36;cursor:not-allowed}
.wmd-journey-footer-right{display:flex;gap:7px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
.wmd-journey-continue{background:#b6d8cb;color:#18332b;border:1px solid #b6d8cb;
  border-radius:10px;padding:11px 14px;min-height:42px}
@media(max-width:750px){
 .onboarding-shell.wmd-journey-shell{width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:15px}
 .wmd-journey-header{padding:17px 17px 12px}
 .wmd-journey-progress{padding:10px 17px}
 .wmd-journey-nav{padding:7px 9px;gap:4px}
 .wmd-journey-step{flex:0 0 144px}
 .wmd-journey-content{padding:17px 16px 20px}
 .wmd-journey-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wmd-journey-footer{padding:9px 12px;align-items:flex-end}
 .wmd-journey-footer-right{gap:5px}
}
@media(max-width:510px){
 .wmd-journey-progress-rail{width:93px}
 .wmd-journey-progress span{font-size:11px}
 .wmd-journey-progress small{font-size:10px}
 .wmd-journey-step{flex:0 0 135px}
 .wmd-journey-info-grid{grid-template-columns:minmax(0,1fr)}
 .wmd-journey-heading-grid{grid-template-columns:minmax(0,1fr)}
 .wmd-journey-actions .wmd-journey-btn{flex:1 1 42%}
 .wmd-journey-budget-mix{gap:6px}
 .wmd-journey-budget-mix>div{padding:9px}
 .wmd-journey-recap{grid-template-columns:repeat(2,minmax(0,1fr))}
 .wmd-journey-footer button{font-size:11px}
 .wmd-journey-reviewed{max-width:106px;line-height:1.35}
 .wmd-journey-continue{padding:10px 12px}
}
@media(prefers-reduced-motion:reduce){.wmd-journey-shell *{transition:none!important}}

.wmd-journey-header-actions{display:flex;gap:9px;align-items:center;flex:none}
.wmd-journey-quick:hover{background:#2e474d}
@media(max-width:510px){}

/* Stretch the whole guide. Generic workspace header/main/footer rules otherwise
   shrink these flex children to their text width on desktop and mobile. */
.onboarding-shell.wmd-journey-shell{align-items:stretch!important}
.onboarding-shell.wmd-journey-shell>.wmd-journey-header,
.onboarding-shell.wmd-journey-shell>.wmd-journey-content,
.onboarding-shell.wmd-journey-shell>.wmd-journey-footer{
 align-self:stretch!important;width:100%!important;max-width:none!important;
 min-width:0!important;box-sizing:border-box!important;margin:0!important
}
.onboarding-shell.wmd-journey-shell>.wmd-journey-header{background:#21343e!important}
/* A setup dialog already has contextual import actions. Do not float the
   global Snapper shortcut over the modal footer or iPhone safe area. */
#app>.onboarding-backdrop~.global-photo-floating,
#app>.settings-backdrop~.global-photo-floating{display:none!important}


/* Account-specific coverage cards keep incomplete investment accounts visible. */
.wmd-journey-coverage{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin:14px 0}
.wmd-journey-cover-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;padding:12px;border-radius:11px;background:#243740;border:1px solid #4c6470;min-width:0}
.wmd-journey-cover-row>div{display:grid;gap:4px;min-width:0}
.wmd-journey-cover-row strong{color:#f0f7f5;font-size:12px;overflow-wrap:anywhere}
.wmd-journey-cover-row span{color:#c6dfd7;font-size:11px}
.wmd-journey-cover-row small{color:#e5f0ed;white-space:nowrap;font-size:10px}
.wmd-journey-cover-row p{grid-column:1/-1;margin:3px 0 0!important;font-size:11px!important;line-height:1.5;color:#b4cbd0}
@media(max-width:510px){.wmd-journey-coverage{grid-template-columns:minmax(0,1fr)}}


/* First-run information hierarchy: three essentials, optional deep tools. */
.wmd-journey-nav-primary{justify-content:flex-start;gap:8px}
.wmd-journey-nav-primary>.wmd-journey-step{flex:1 1 0;min-width:125px}
.wmd-journey-more{background:#1a2b33;border-bottom:1px solid #3e535b}
.wmd-journey-more>summary{display:flex;align-items:center;gap:10px;justify-content:space-between;cursor:pointer;padding:11px 27px;color:#d7ebe7;font-size:12px;font-weight:700;list-style:none}
.wmd-journey-more>summary::-webkit-details-marker{display:none}
.wmd-journey-more>summary>span{font-size:10px;font-weight:500;color:#9dbec5}
.wmd-journey-more>summary:focus-visible{outline:2px solid #a6d8c5;outline-offset:-2px}
.wmd-journey-more[open]>summary{border-bottom:1px solid #344a51}
.wmd-journey-nav-advanced{padding:8px 12px;background:#1a2b33}
.wmd-journey-nav-advanced>.wmd-journey-step{flex:1 1 155px}
.wmd-journey-essential{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:19px;border:1px solid #54746d;border-radius:13px;background:#21352f;margin:0 0 13px}
.wmd-journey-essential>div:first-child{min-width:0;flex:1}
.wmd-journey-essential>div:first-child>span{color:#b5ddcb;font-size:10px;font-weight:800;letter-spacing:.07em}
.wmd-journey-essential h3{margin:4px 0!important;font-size:19px!important;color:#f4faf8!important;line-height:1.3}
.wmd-journey-essential p{margin:0!important;font-size:13px!important;line-height:1.5;color:#d3e5e0;max-width:56ch}
.wmd-journey-essential-actions{display:flex;flex-direction:column;gap:7px;min-width:145px}
.wmd-journey-essential-actions .wmd-journey-btn{justify-content:center;min-height:38px;padding:9px 13px}
.wmd-journey-essential-actions .wmd-journey-btn:not(.is-primary){background:transparent;border-color:#6c827c}
.wmd-journey-extras{margin:12px 0;border:1px solid #435e67;border-radius:11px;overflow:hidden;background:#1b3037}
.wmd-journey-extras>summary{cursor:pointer;list-style:none;padding:13px 16px;font-size:12px;font-weight:750;color:#c4dce0}
.wmd-journey-extras>summary::-webkit-details-marker{display:none}
.wmd-journey-extras>summary span{float:right;color:#bdd4d5}
.wmd-journey-extras[open]>summary{border-bottom:1px solid #435e67}
.wmd-journey-extras>.wmd-journey-main-section{padding:16px}
@media(max-width:670px){
 .wmd-journey-more>summary{padding:10px 16px}
 .wmd-journey-nav-primary>.wmd-journey-step{flex:1 1 90px;min-width:0;padding:7px 6px}
 .wmd-journey-nav-primary .wmd-journey-step-label small{display:none}
 .wmd-journey-nav-primary .wmd-journey-step-label strong{font-size:11px}
 .wmd-journey-nav-primary .wmd-journey-step-number{width:22px;height:22px;flex-shrink:0}
 .wmd-journey-essential{display:grid;gap:15px;padding:15px}
 .wmd-journey-essential-actions{display:flex;flex-direction:row;flex-wrap:wrap;min-width:0}
 .wmd-journey-essential-actions .wmd-journey-btn{flex:1 1 43%}
}


/* Quick start: one financial decision per stage. Calm graphite, mint only for actions. */
.wmd-journey-shell .wmd-quick-stage{
 display:grid;gap:16px;max-width:720px;padding:18px 20px!important;margin:0 auto 14px!important;
 border:1px solid #3d5459!important;border-radius:14px!important;background:#1b2a31!important
}
.wmd-journey-shell .wmd-quick-heading{display:grid;gap:5px}
.wmd-journey-shell .wmd-quick-heading>span{color:#98cdb9;font-size:10px;font-weight:790;letter-spacing:.12em}
.wmd-journey-shell .wmd-quick-heading h3{color:#eff6f5!important;font-size:clamp(21px,3vw,26px)!important;letter-spacing:-.035em!important;line-height:1.22!important;margin:0!important;font-weight:750!important}
.wmd-journey-shell .wmd-quick-heading p{margin:0!important;font-size:12px!important;line-height:1.55!important;color:#b7c7cd!important}
.wmd-journey-shell .wmd-quick-form{display:grid;gap:12px;min-width:0}
.wmd-journey-shell .wmd-quick-form label,
.wmd-journey-shell .wmd-quick-new-fields label{display:grid;min-width:0;gap:6px;font-size:12px;color:#d6e4e4;font-weight:670}
.wmd-journey-shell .wmd-quick-form :is(input,select){
 display:block;box-sizing:border-box;width:100%;min-width:0;height:44px!important;padding:8px 12px!important;
 color:#edf4f5!important;background:#13222a!important;border:1px solid #465a61!important;
 border-radius:9px!important;font:550 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;box-shadow:none!important
}
.wmd-journey-shell .wmd-quick-form :is(input,select):focus-visible{
 border-color:#91ccb4!important;outline:2px solid rgba(142,205,178,.5)!important;outline-offset:1px!important
}
.wmd-journey-shell .wmd-quick-form :is(input,select)::placeholder{color:#829da6}
.wmd-journey-shell .wmd-quick-form>small{display:block;font-size:11px;color:#a6bbc4;line-height:1.55}
.wmd-journey-shell .wmd-quick-form>.wmd-journey-btn{justify-self:start;min-width:150px;min-height:42px!important}
.wmd-journey-shell .wmd-quick-new-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.wmd-journey-shell .wmd-quick-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;min-width:0}
.wmd-journey-shell .wmd-quick-new-fields[hidden],
.wmd-journey-shell .wmd-quick-two[hidden],
.wmd-journey-shell .wmd-quick-error[hidden]{display:none!important}
.wmd-journey-shell .wmd-quick-error{font-size:12px!important;line-height:1.5!important;margin:0!important;padding:9px 11px!important;border:1px solid #89635a!important;border-radius:8px!important;color:#f1c7b9!important;background:#30272a!important}
.wmd-journey-shell .wmd-quick-confirm{
 display:flex;gap:11px;align-items:flex-start;padding:12px 13px;border:1px solid #456c5c;
 border-radius:10px;background:#1d302e;color:#dceee7
}
.wmd-journey-shell .wmd-quick-confirm>span{font-size:15px;line-height:1.3;font-weight:800;color:#8bd5b2}
.wmd-journey-shell .wmd-quick-confirm strong{display:block;font-size:12px;font-weight:750}
.wmd-journey-shell .wmd-quick-confirm p{font-size:11px!important;line-height:1.5!important;color:#b9d3c7!important;margin:4px 0 0!important}
.wmd-journey-shell .wmd-quick-next-needed{display:grid;justify-items:start;gap:10px;padding:13px;border:1px solid #715e4e;background:#2d2928;border-radius:10px}
.wmd-journey-shell .wmd-quick-next-needed p{font-size:12px!important;color:#dec4ae!important;line-height:1.55!important;margin:0!important}
.wmd-journey-shell .wmd-quick-alternative{
 display:flex;justify-content:space-between;align-items:center;gap:12px;
 padding-top:12px;border-top:1px solid #374951
}
.wmd-journey-shell .wmd-quick-alternative span{font-size:11px;color:#afc1c6}
.wmd-journey-shell .wmd-quick-alternative>.wmd-journey-btn{
 min-height:34px!important;padding:7px 12px!important;font-size:11px!important
}
.wmd-journey-shell .wmd-quick-checklist{display:grid;gap:8px}
.wmd-journey-shell .wmd-quick-checklist>div{
 display:flex;align-items:center;gap:10px;padding:10px 12px;
 border:1px solid #38505a;border-radius:9px;background:#17252d;font-size:12px;color:#e6f0f0;font-weight:660
}
.wmd-journey-shell .wmd-quick-checklist>div>span{width:22px;text-align:center;color:#92d5b8;font-size:16px}
.wmd-journey-shell .wmd-quick-checklist small{margin-left:auto;color:#a6bdc4;font-size:11px;font-weight:500;text-align:right}
.wmd-journey-shell .wmd-journey-extras{max-width:720px;margin:8px auto!important;border-color:#354951!important;background:#182831!important}
.wmd-journey-shell .wmd-journey-extras>summary{padding:12px 14px!important;color:#c0d2d6!important;font-weight:640!important}
@media(max-width:580px){
 .wmd-journey-shell .wmd-quick-stage{padding:15px!important;gap:13px!important}
 .wmd-journey-shell .wmd-quick-two,.wmd-journey-shell .wmd-quick-new-fields{grid-template-columns:minmax(0,1fr)}
 .wmd-journey-shell .wmd-quick-form>.wmd-journey-btn{width:100%}
 .wmd-journey-shell .wmd-quick-alternative{flex-wrap:wrap}
 .wmd-journey-shell .wmd-quick-checklist>div{flex-wrap:wrap}
 .wmd-journey-shell .wmd-quick-checklist small{max-width:100%;white-space:normal}
}


/* Snapper-first onboarding evidence and coverage */
.wmd-journey-shell .wmd-quick-evidence{
 display:grid;gap:12px;min-width:0;
 padding:14px 15px;border:1px solid #415a61;border-radius:12px;background:#182832
}
.wmd-journey-shell .wmd-quick-evidence-heading{display:grid;gap:5px}
.wmd-journey-shell .wmd-quick-evidence-heading>strong{
 font-size:14px;color:#edf6f4;line-height:1.3;font-weight:750
}
.wmd-journey-shell .wmd-quick-evidence-heading>p,
.wmd-journey-shell .wmd-quick-evidence-context,
.wmd-journey-shell .wmd-quick-history-recommend{
 font-size:11px!important;line-height:1.58!important;color:#b3c7ca!important;margin:0!important
}
.wmd-journey-shell .wmd-quick-evidence-metrics{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;
 overflow:hidden;border:1px solid #344b54;border-radius:10px;background:#344b54
}
.wmd-journey-shell .wmd-quick-evidence-metrics>div{
 display:grid;gap:4px;align-content:center;min-width:0;padding:12px;
 background:#1d3037
}
.wmd-journey-shell .wmd-quick-evidence-metrics b{
 font-size:20px;font-weight:780;color:#d8f5e8;letter-spacing:-.02em
}
.wmd-journey-shell .wmd-quick-evidence-metrics span{
 font-size:10px;line-height:1.4;color:#b1c7cb
}
.wmd-journey-shell .wmd-quick-coverage{
 min-width:0;border:1px solid #384e56;border-radius:10px;background:#1b2e35;overflow:hidden
}
.wmd-journey-shell .wmd-quick-coverage>summary{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 cursor:pointer;color:#d9eae7;font-size:12px;font-weight:685;
 padding:11px 13px;list-style:none
}
.wmd-journey-shell .wmd-quick-coverage>summary::-webkit-details-marker{display:none}
.wmd-journey-shell .wmd-quick-coverage>summary span{color:#a5bdc3;font-size:11px}
.wmd-journey-shell .wmd-quick-coverage[open]>summary{border-bottom:1px solid #384e56}
.wmd-journey-shell .wmd-quick-coverage>.wmd-quick-form{
 padding:13px!important
}
.wmd-journey-shell .wmd-quick-coverage>p{
 padding:10px 13px;margin:0!important;
 color:#aabfc5;font-size:11px!important;line-height:1.6!important
}
.wmd-journey-shell .wmd-quick-evidence-row{
 display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;
 margin:0 10px;padding:10px 3px;border-bottom:1px solid #324751
}
.wmd-journey-shell .wmd-quick-evidence-row:last-of-type{border-bottom:0}
.wmd-journey-shell .wmd-quick-evidence-row>div{display:grid;gap:3px;min-width:0}
.wmd-journey-shell .wmd-quick-evidence-row strong{color:#e2f0ed;font-size:12px;font-weight:685;overflow-wrap:anywhere}
.wmd-journey-shell .wmd-quick-evidence-row small{color:#9db5bd;font-size:10px}
.wmd-journey-shell .wmd-quick-evidence-row>span{
 color:#d9bd99;font-size:10px;text-align:right;max-width:165px;line-height:1.4
}
.wmd-journey-shell .wmd-quick-evidence-row>span.is-complete{color:#a5e0c8}
.wmd-journey-shell .wmd-quick-evidence-actions{
 display:flex;gap:8px;flex-wrap:wrap
}
.wmd-journey-shell .wmd-quick-evidence-actions .wmd-journey-btn{
 min-height:38px!important;padding:8px 12px!important;justify-content:center!important
}
.wmd-journey-shell .wmd-quick-evidence>small{
 display:block;color:#a5bfc3;font-size:10px;line-height:1.5
}
.wmd-journey-shell .wmd-quick-coverage .wmd-quick-no-accounts{
 padding:11px 13px!important;font-size:11px!important
}
@media(max-width:600px){
 .wmd-journey-shell .wmd-quick-evidence{padding:11px!important}
 .wmd-journey-shell .wmd-quick-evidence-metrics>div{padding:9px}
 .wmd-journey-shell .wmd-quick-evidence-metrics b{font-size:18px}
 .wmd-journey-shell .wmd-quick-evidence-actions{display:grid;grid-template-columns:minmax(0,1fr)}
 .wmd-journey-shell .wmd-quick-evidence-actions>.wmd-journey-btn{width:100%}
}


/* Verified household spending comparison */
.wmd-journey-shell .wmd-quick-money-review{
 display:grid;gap:10px;padding:13px 14px;
 border-radius:11px;border:1px solid #54786e;background:#223735;color:#e3f5ed
}
.wmd-journey-shell .wmd-quick-money-review>strong{
 font-size:12px;line-height:1.45;font-weight:760;color:#ddf6eb
}
.wmd-journey-shell .wmd-quick-money-review>div{
 display:flex;align-items:baseline;justify-content:space-between;gap:12px;
 font-size:11px;line-height:1.45
}
.wmd-journey-shell .wmd-quick-money-review>div>span{color:#b4d3c8;min-width:0}
.wmd-journey-shell .wmd-quick-money-review>div>b{
 text-align:right;color:#eef8f2;font-size:13px;font-weight:740;white-space:nowrap
}
.wmd-journey-shell .wmd-quick-money-review>div+div{padding-top:9px;border-top:1px solid #3d5550}
.wmd-journey-shell .wmd-quick-money-review>small{
 font-size:10px!important;line-height:1.55!important;color:#b9d2c8!important
}
.wmd-journey-shell .wmd-quick-money-review>small>strong{color:#ebcfab}
.wmd-journey-shell .wmd-quick-income-note{
 font-size:11px!important;line-height:1.55!important;color:#b5cdc6!important;margin:0!important
}
.wmd-journey-shell .wmd-quick-evidence-row{
 flex-wrap:wrap
}
.wmd-journey-shell .wmd-quick-evidence-row>.wmd-quick-missing{
 margin-top:-5px!important;padding-left:0;flex-basis:100%;width:100%;
 text-align:left;color:#d4ba92;font-size:10px!important;font-weight:530;line-height:1.4
}
@media(max-width:460px){
 .wmd-journey-shell .wmd-quick-money-review>div{
  align-items:flex-start;flex-direction:column;gap:3px
 }
 .wmd-journey-shell .wmd-quick-money-review>div>b{font-size:14px}
}


/* Account-aware holdings prompt after cash review */
.wmd-journey-shell .wmd-quick-invest-next{
 display:flex;flex-wrap:wrap;align-items:center;gap:9px;
 padding:13px 14px;background:#1c2e35;border:1px solid #435d61;border-radius:11px
}
.wmd-journey-shell .wmd-quick-invest-next>strong{
 width:100%;font-size:12px;font-weight:760;color:#eaf5f2
}
.wmd-journey-shell .wmd-quick-invest-next>p{
 width:100%;font-size:11px!important;line-height:1.6!important;
 color:#b7c8d0!important;margin:0 0 3px!important
}
.wmd-journey-shell .wmd-quick-invest-next>.wmd-journey-btn{
 min-height:36px!important;padding:8px 11px!important;font-size:11px!important
}
@media(max-width:540px){
 .wmd-journey-shell .wmd-quick-invest-next>.wmd-journey-btn{width:100%}
}


/* Active statement gap: explain the one next useful upload, not a 90-day checklist. */
#app .wmd-journey-shell .wmd-quick-history-next{
  margin:0!important;padding:10px 12px!important;border:1px solid rgba(144,179,180,.26)!important;
  border-radius:9px!important;background:rgba(120,160,155,.065)!important;
  font-size:11px!important;line-height:1.6!important;color:var(--wmd-ui-muted,#b5c5c9)!important;
}
#app .wmd-journey-shell .wmd-quick-history-next strong{
  font-size:11px!important;color:var(--wmd-ui-txt,#e8f2f2)!important;font-weight:690!important;
}

/* Budget onboarding: useful now, no 90-day-history gate. The unavailable
   connection option is informative only; it must never look interactive. */
.wmd-journey-shell .wmd-budget-setup{gap:13px!important}
.wmd-journey-shell .wmd-budget-paths{display:grid;gap:9px;min-width:0}
.wmd-journey-shell .wmd-budget-path{
 display:grid;grid-template-columns:32px minmax(0,1fr) auto;
 align-items:center;gap:12px;min-width:0;padding:13px;
 border:1px solid #496169;border-radius:12px;background:#1d3038
}
.wmd-journey-shell .wmd-budget-path-manual{border-color:#659486;background:#203630}
.wmd-journey-shell .wmd-budget-path-icon{
 display:grid;place-items:center;width:32px;height:32px;border-radius:10px;
 border:1px solid #577671;color:#d1e9df;background:#294541;
 font:800 20px/1 system-ui,-apple-system,"Segoe UI",sans-serif
}
.wmd-journey-shell .wmd-budget-path-copy{display:grid;gap:4px;min-width:0}
.wmd-journey-shell .wmd-budget-path-copy strong{
 font-size:13px;color:#eef8f4;font-weight:760;line-height:1.35
}
.wmd-journey-shell .wmd-budget-path-copy p{
 color:#beced2;font-size:11px!important;line-height:1.52!important;
 margin:0!important;overflow-wrap:anywhere
}
.wmd-journey-shell .wmd-budget-path-copy small{
 font-size:10px;color:#9dbdb4;line-height:1.5
}
.wmd-journey-shell .wmd-budget-path>.wmd-journey-btn{
 min-height:40px!important;padding:9px 12px!important;
 font-size:11px!important;white-space:normal;text-align:center;
 justify-content:center;max-width:210px
}
.wmd-journey-shell .wmd-budget-path-connected{
 background:#1a2b32;border-color:#394d55
}
.wmd-journey-shell .wmd-budget-path-connected .wmd-budget-path-icon{
 color:#99b2b8;border-color:#42565b;background:#26353b
}
.wmd-journey-shell .wmd-budget-path-connected .wmd-budget-path-copy small{
 color:#a7b8bc
}
.wmd-journey-shell .wmd-budget-path-unavailable{
 padding:7px 9px;border:1px solid #455962;border-radius:8px;
 background:#25363c;color:#bed0d2;font-size:10px;line-height:1.25;
 font-weight:700;text-align:center
}
.wmd-journey-shell .wmd-budget-evidence-note{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:11px;padding:12px 13px;border:1px solid #4a6761;
 border-radius:10px;background:#1b302e
}
.wmd-journey-shell .wmd-budget-evidence-note>div{display:grid;gap:4px;min-width:0;flex:1}
.wmd-journey-shell .wmd-budget-evidence-note strong{
 font-size:12px;color:#ecf6f1;line-height:1.4
}
.wmd-journey-shell .wmd-budget-evidence-note p,
.wmd-journey-shell .wmd-budget-evidence-fallback{
 font-size:11px!important;line-height:1.5!important;margin:0!important;color:#b8d0c9!important
}
.wmd-journey-shell .wmd-budget-evidence-note .wmd-journey-btn{
 min-height:36px!important;padding:8px 10px!important;font-size:11px!important
}
.wmd-journey-shell .wmd-budget-file-guide summary,
.wmd-journey-shell .wmd-budget-manual-inline summary,
.wmd-journey-shell .wmd-budget-coverage summary{
 min-height:43px;box-sizing:border-box
}
.wmd-journey-shell .wmd-budget-guide-content{display:grid;gap:8px;padding:12px 14px}
.wmd-journey-shell .wmd-budget-guide-content p{
 color:#c2d2d4;font-size:11px!important;line-height:1.62!important;margin:0!important
}
.wmd-journey-shell .wmd-budget-guide-content strong{color:#eaf7f1}
.wmd-journey-shell .wmd-budget-coverage>.wmd-quick-money-review{
 margin:10px 12px 12px
}
.wmd-journey-shell .wmd-budget-coverage>.wmd-quick-income-note{
 margin:9px 13px 13px!important
}
.wmd-journey-shell .wmd-budget-safety{
 color:#a7bbbc;font-size:10px!important;line-height:1.5!important;
 border-top:1px solid #354d51;padding-top:10px
}
@media(max-width:700px){
 .wmd-journey-shell .wmd-budget-path{
  grid-template-columns:30px minmax(0,1fr);gap:9px;padding:12px
 }
 .wmd-journey-shell .wmd-budget-path-icon{width:30px;height:30px}
 .wmd-journey-shell .wmd-budget-path>.wmd-journey-btn,
 .wmd-journey-shell .wmd-budget-path-unavailable{
  grid-column:2;justify-self:start;width:auto;max-width:100%
 }
}
@media(max-width:430px){
 .wmd-journey-shell .wmd-budget-path>.wmd-journey-btn{
  width:100%;justify-self:stretch
 }
 .wmd-journey-shell .wmd-budget-evidence-note .wmd-journey-btn{width:100%;justify-content:center}
}

.wmd-journey-shell .wmd-budget-observed-content{display:grid;gap:9px;padding:12px 13px}
.wmd-journey-shell .wmd-budget-observed-content>p{
 color:#bdced1;font-size:11px!important;line-height:1.55!important;margin:0!important
}
.wmd-journey-shell .wmd-budget-observed-content>p strong{color:#edf8f3;font-size:14px}
.wmd-journey-shell .wmd-budget-observed-content>small{
 color:#a3bbbf;font-size:10px;line-height:1.5
}
.wmd-journey-shell .wmd-budget-observed-categories{display:grid;gap:5px}
.wmd-journey-shell .wmd-budget-observed-categories>div{
 display:flex;gap:9px;justify-content:space-between;align-items:baseline;
 padding:6px 0;border-bottom:1px solid #385057
}
.wmd-journey-shell .wmd-budget-observed-categories>div>span{
 color:#deeae6;font-size:11px;min-width:0;overflow-wrap:anywhere
}
.wmd-journey-shell .wmd-budget-observed-categories>div small{
 font-size:10px;color:#93c6b1
}
.wmd-journey-shell .wmd-budget-observed-categories>div>b{
 color:#f0f7f5;font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums
}

/* A read-only signpost for transactions observed just once in incomplete
   history. Never infer that a single appearance is necessarily nonrecurring. */
.wmd-journey-shell .wmd-budget-once-review{
 display:grid;gap:6px;padding:10px 12px;border:1px solid #50645f;
 border-radius:10px;background:#223133
}
.wmd-journey-shell .wmd-budget-once-review>strong{
 color:#e8f5ec;font-size:11px;font-weight:750
}
.wmd-journey-shell .wmd-budget-once-review>p{
 color:#adbdc2;font-size:10px!important;line-height:1.5!important;margin:0!important
}
.wmd-journey-shell .wmd-budget-once-review>div{
 display:flex;gap:8px;justify-content:space-between;align-items:baseline;
 border-top:1px solid #435958;padding:7px 0 1px;
 color:#dfebe7;font-size:11px
}
.wmd-journey-shell .wmd-budget-once-review>div>span{
 min-width:0;overflow-wrap:anywhere
}
.wmd-journey-shell .wmd-budget-once-review>div>b{
 white-space:nowrap;font-size:11px;font-variant-numeric:tabular-nums
}


/* Compact 3-step onboarding, October 16.
   One visible heading, one status, and the user's choice before extra tools. */
.onboarding-shell.wmd-journey-shell>.wmd-journey-header{
  padding:14px 18px 12px!important;gap:11px!important
}
.wmd-journey-shell .wmd-journey-kicker{
  font-size:10px!important;letter-spacing:.11em!important
}
.wmd-journey-shell .wmd-journey-header h2{
  font-size:clamp(22px,3.1vw,27px)!important;line-height:1.16!important;
  margin:4px 0 5px!important
}
.wmd-journey-shell .wmd-journey-header p{
  font-size:12px!important;line-height:1.4!important;max-width:52ch
}
.wmd-journey-shell .wmd-journey-close{
  width:36px!important;height:36px!important;font-size:22px!important
}
.wmd-journey-shell .wmd-journey-nav-primary{
  padding:7px 12px!important;gap:7px!important
}
.wmd-journey-shell .wmd-journey-nav-primary>.wmd-journey-step{
  min-height:40px!important;padding:6px 9px!important;border-radius:9px!important
}
.wmd-journey-shell .wmd-journey-nav-primary .wmd-journey-step-number{
  width:24px!important;height:24px!important;border-radius:8px!important
}
.wmd-journey-shell .wmd-journey-nav-primary .wmd-journey-step-label strong{
  font-size:12px!important;letter-spacing:0!important
}
.onboarding-shell.wmd-journey-shell>.wmd-journey-content{
  padding:14px 20px 18px!important
}
.wmd-journey-shell .wmd-quick-stage{
  border:0!important;border-radius:0!important;
  background:transparent!important;padding:0!important;
  margin:0 auto!important;max-width:760px!important;gap:11px!important
}
.wmd-journey-shell .wmd-quick-evidence.wmd-budget-setup{
  border:0!important;background:transparent!important;
  border-radius:0!important;padding:0!important;gap:11px!important
}
.wmd-journey-shell .wmd-quick-evidence-heading{
  gap:3px!important
}
.wmd-journey-shell .wmd-quick-evidence-heading>strong{
  font-size:15px!important;font-weight:760!important
}
.wmd-journey-shell .wmd-quick-evidence-heading>p{
  line-height:1.45!important
}
.wmd-journey-shell .wmd-budget-income-saved{
  display:inline-flex;align-items:center;gap:8px;justify-self:start;
  font-size:11px;font-weight:650;color:#c6dfd4
}
.wmd-journey-shell .wmd-budget-income-saved span{
  display:inline-grid;place-items:center;border-radius:50%;
  width:19px;height:19px;background:#294940;color:#c7ebd8;
  font-size:11px;font-weight:800
}
.wmd-journey-shell .wmd-budget-path{
  padding:11px 12px!important;gap:9px 11px!important
}
.wmd-journey-shell .wmd-budget-path-copy{gap:2px!important}
.wmd-journey-shell .wmd-budget-path-copy strong{
  font-size:13px!important
}
.wmd-journey-shell .wmd-budget-path-copy p{
  font-size:11px!important;line-height:1.43!important
}
.wmd-journey-shell .wmd-budget-path>.wmd-journey-btn{
  min-height:37px!important;padding:8px 11px!important
}
.wmd-journey-shell .wmd-journey-content>.wmd-journey-more{
  max-width:760px;margin:18px auto 8px!important;
  border:1px solid #344d55;border-radius:10px;overflow:hidden;
  background:#1a2b33
}
.wmd-journey-shell .wmd-journey-content>.wmd-journey-more>summary{
  padding:12px 13px!important
}
.wmd-journey-shell .wmd-journey-footer{
  min-height:0!important;padding:10px 17px!important;gap:9px!important
}
.wmd-journey-shell .wmd-journey-footer .wmd-journey-continue{
  min-height:42px!important;padding:9px 14px!important
}
@media(max-width:600px){
  .onboarding-shell.wmd-journey-shell>.wmd-journey-header{
    padding:14px 15px 12px!important
  }
  .wmd-journey-shell .wmd-journey-header h2{
    font-size:24px!important
  }
  .onboarding-shell.wmd-journey-shell>.wmd-journey-content{
    padding:14px 15px 20px!important
  }
  .wmd-journey-shell .wmd-journey-nav-primary{
    gap:3px!important;padding:7px 8px!important
  }
  .wmd-journey-shell .wmd-journey-nav-primary>.wmd-journey-step{
    min-width:0!important;flex:1 1 0!important;gap:6px!important;padding:5px 6px!important
  }
  .wmd-journey-shell .wmd-journey-nav-primary .wmd-journey-step-label strong{
    font-size:11px!important;white-space:normal!important
  }
  .wmd-journey-shell .wmd-journey-nav-primary .wmd-journey-step-number{
    width:21px!important;height:21px!important;flex:none!important
  }
  .wmd-journey-shell .wmd-budget-path{
    padding:11px!important;grid-template-columns:28px minmax(0,1fr)!important
  }
  .wmd-journey-shell .wmd-budget-path-icon{
    width:28px!important;height:28px!important
  }
  .wmd-journey-shell .wmd-budget-path>.wmd-journey-btn,
  .wmd-journey-shell .wmd-budget-path-unavailable{
    grid-column:2;justify-self:start
  }
  .wmd-journey-shell .wmd-journey-footer{
    padding:8px 13px!important
  }
}

/* Future bank connections are informational, not a third disabled choice. */
.wmd-journey-shell .wmd-budget-connection-note{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin-top:-2px;padding:6px 2px;color:#acbec2
}
.wmd-journey-shell .wmd-budget-connection-note>span{
  font-size:15px;color:#90b7a7
}
.wmd-journey-shell .wmd-budget-connection-note strong{
  font-size:11px;font-weight:680;color:#c4d4d3
}
.wmd-journey-shell .wmd-budget-connection-note small{
  font-size:10px;color:#a6bdc1
}

/* Quiet Essentials recheck below Budget entry paths */
.wmd-journey-shell .wmd-budget-essentials-shortcut{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;padding:10px 12px;border:1px solid #454847;
  border-radius:10px;background:#1d2b31
}
.wmd-journey-shell .wmd-budget-essentials-shortcut>span{
  color:#c4c4bf;font-size:11px;font-weight:650
}
.wmd-journey-shell .wmd-budget-essentials-shortcut .wmd-journey-btn{
  font-size:11px!important;min-height:34px!important;padding:7px 10px!important;
  background:#28333a!important;border-color:#6e634f!important;color:#e1ceb0!important;
  box-shadow:none!important
}
.wmd-journey-shell .wmd-budget-essentials-shortcut .wmd-journey-btn:hover{
  border-color:var(--wmd-budget-accent,#d6bc91)!important
}
@media(max-width:430px){
 .wmd-journey-shell .wmd-budget-essentials-shortcut .wmd-journey-btn{
   flex:1 1 auto;justify-content:center
 }
}


/* Quick start: today's checking-balance verification is a deliberate opt-in.
   Keep the checkbox compact rather than inheriting 44px text-input styles. */
.wmd-journey-shell .wmd-quick-form label.wmd-quick-cash-confirm{
  display:flex!important;align-items:flex-start!important;gap:10px!important;
  padding:10px 12px;border:1px solid #3f5962;border-radius:10px;
  background:#1a3036;cursor:pointer;line-height:1.45
}
.wmd-journey-shell .wmd-quick-form label.wmd-quick-cash-confirm[hidden]{
  display:none!important
}
.wmd-journey-shell .wmd-quick-form .wmd-quick-cash-confirm input[type="checkbox"]{
  display:block!important;flex:0 0 18px!important;width:18px!important;
  min-width:18px!important;height:18px!important;margin:1px 0 0!important;
  padding:0!important;accent-color:#91ccb4;cursor:pointer
}
.wmd-journey-shell .wmd-quick-cash-confirm span{
  min-width:0;font-size:12px;color:#e0eae9;font-weight:620
}
.wmd-journey-shell .wmd-quick-cash-confirm small{
  display:block;margin-top:3px;font-size:11px;line-height:1.45;
  color:#aabec4;font-weight:450
}

/* Review prompts call out unresolved money movement without a loud alert card. */
.wmd-journey-shell .wmd-quick-caution{
  margin:2px 0!important;padding:9px 11px;
  font-size:11px!important;line-height:1.55!important;
  color:#d4dee1!important;background:#1e2d33;
  border-left:2px solid #c9aa71;border-radius:0 8px 8px 0
}

/* Budget setup choices share Budget's warm-sand visual identity.
   Actual-transaction review stays a separate Cash Flow/Snapper action. */
.wmd-journey-shell .wmd-budget-path-manual{
  border-color:#786e5e;background:#302f2d
}
.wmd-journey-shell .wmd-budget-path-import{
  border-color:color-mix(in srgb,var(--wmd-budget-accent,#d6bc91) 52%,#485761);
  background:linear-gradient(110deg,rgba(214,188,145,.11),#24313a)
}
.wmd-journey-shell .wmd-budget-path .wmd-budget-path-icon{
  border-color:#776b55;color:#f0dbb1;background:#4b4133
}
.wmd-journey-shell .wmd-budget-path-import>.wmd-journey-btn{
  background:var(--wmd-budget-accent,#d6bc91)!important;
  color:#241f17!important;border-color:var(--wmd-budget-accent,#d6bc91)!important;
  font-weight:800!important
}
.wmd-journey-shell .wmd-budget-path-import>.wmd-journey-btn:hover{
  background:#e8d5b4!important
}

/* Three account update methods, one shared set of financial records. */
.wmd-journey-shell .wmd-quick-source-methods{display:grid;gap:11px;min-width:0}
.wmd-journey-shell .wmd-quick-source-title>strong{display:block;font-size:14px;color:#edf5f3;font-weight:780}
.wmd-journey-shell .wmd-quick-source-title p,.wmd-journey-shell .wmd-quick-source-rule{font-size:12px!important;line-height:1.55!important;color:#adbec4!important;margin:4px 0!important}
.wmd-journey-shell .wmd-quick-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wmd-journey-shell .wmd-quick-source-grid article{display:flex;flex-direction:column;justify-content:space-between;gap:13px;padding:15px;border:1px solid #49616a;background:#263b43;border-radius:14px;min-width:0}
.wmd-journey-shell .wmd-quick-source-grid article:first-child{border-color:#759c90;background:linear-gradient(150deg,#304a46,#263940)}
.wmd-journey-shell .wmd-source-method-tag{color:#bdded2;font-size:10px;font-weight:800;letter-spacing:.08em}
.wmd-journey-shell .wmd-quick-source-grid h4{margin:6px 0 5px!important;color:#eff6f4!important;font-size:20px!important;font-weight:760}
.wmd-journey-shell .wmd-quick-source-grid p{font-size:12px!important;color:#c5d3d6!important;line-height:1.55!important;margin:0 0 8px!important}
.wmd-journey-shell .wmd-quick-source-grid small{display:block;font-size:11px;color:#adc5c9;line-height:1.45}
.wmd-journey-shell .wmd-quick-source-grid .wmd-journey-btn{justify-content:center;min-height:40px}
.wmd-journey-shell .wmd-quick-source-unavailable{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;font-size:12px;font-weight:700;border:1px solid #607873;border-radius:10px;color:#d5e1da}
@media(max-width:610px){.wmd-journey-shell .wmd-quick-source-grid{grid-template-columns:1fr}}

.wmd-journey-shell .wmd-quick-plaid-budget{display:grid;justify-items:start;gap:7px;padding:13px 15px;border:1px solid #557769;border-radius:12px;background:rgba(133,174,158,.09)}
.wmd-journey-shell .wmd-quick-plaid-budget strong{color:#d9ece4;font-size:13px;font-weight:780}
.wmd-journey-shell .wmd-quick-plaid-budget p{margin:0!important;color:#b9cfc9!important;font-size:12px!important;line-height:1.55!important}
.wmd-journey-shell .wmd-quick-plaid-budget .wmd-journey-btn{min-height:36px;padding:7px 12px}

/* First useful forecast, not a tour of every integration. Manual entries
   appear first; alternate imports and investments remain discoverable. */
.wmd-journey-shell .wmd-quick-first-action{
  display:grid;gap:4px;margin:0 0 8px;padding:11px 13px;
  border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-panel,#1b3445);border-radius:0 10px 10px 0;
}
.wmd-journey-shell .wmd-quick-first-action strong{
  color:var(--wmd-theme-text,#eef7ff);font:780 14px/1.35 system-ui,sans-serif;
}
.wmd-journey-shell .wmd-quick-first-action p{
  margin:0!important;color:var(--wmd-theme-muted,#bccbd9)!important;
  font:510 12px/1.5 system-ui,sans-serif;
}
.wmd-journey-shell .wmd-quick-optional-methods{margin-top:10px}
.wmd-journey-shell .wmd-quick-optional-methods>summary{
  min-height:44px;display:flex;align-items:center;gap:6px;
  color:var(--wmd-theme-text,#eef7ff);font-size:13px;
}
.wmd-journey-shell .wmd-quick-optional-methods>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
.wmd-journey-shell .wmd-quick-optional-methods .wmd-quick-source-grid article:first-child{
  border-color:var(--wmd-theme-line,#52728a);
  background:var(--wmd-theme-panel,#253c4d);
}
.wmd-journey-shell .wmd-quick-optional-methods .wmd-source-method-tag{
  color:var(--wmd-theme-accent,#9bd4ff);
}

/* next-action.css */

/* One calm contextual prompt, no forced onboarding wizard. */
#app .wmd-next-step{box-sizing:border-box;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:13px;margin:12px 0 18px;padding:15px 17px;border:1px solid #436469;border-radius:15px;background:linear-gradient(120deg,#1b2e34,#1e3034);color:#eef5f4;min-width:0}
#app .wmd-next-step-symbol{align-self:start;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#30544e;color:#b7e5d6;font-size:19px}
#app .wmd-next-step-content{min-width:0}
#app .wmd-next-step-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#9dccc2}
#app .wmd-next-step-content h2{font:760 clamp(15px,2vw,19px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em;color:#f0faf8;margin:4px 0}
#app .wmd-next-step-content p{font-size:12px;line-height:1.5;color:#c2d7db;margin:0;max-width:64ch}
#app .wmd-next-step-content small{display:block;margin-top:6px;color:#a2b8be;font-size:10px}
#app .wmd-next-step-actions{display:flex;flex-direction:column;gap:6px;min-width:142px}
#app .wmd-next-step-actions button{font:700 11px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;min-height:35px;padding:8px 10px;border-radius:8px;cursor:pointer}
#app .wmd-next-step-primary{background:#8ec8f3;color:#102333;border:1px solid #8ec8f3}
#app .wmd-next-step-secondary{background:#2a4441;color:#e3f1e9;border:1px solid #56766f}
#app .wmd-next-step-help{background:transparent;color:#b4cfc9;border:1px solid transparent}
#app .wmd-next-step-actions button:focus-visible{outline:2px solid var(--next-step-accent,#8ec8f3);outline-offset:2px}
@media(max-width:670px){
#app .wmd-next-step{grid-template-columns:26px minmax(0,1fr);padding:12px;gap:10px}
#app .wmd-next-step-symbol{width:26px;height:26px;font-size:16px}
#app .wmd-next-step-actions{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}
#app .wmd-next-step-help{grid-column:1/-1;min-height:28px!important}
}

/* The Ocean brand blue is the default; Mixed retains each page's accent.
   Explicit palettes use the settings token, not leftover mint UI constants. */
#app .wmd-next-step{--next-step-accent:var(--wmd-accent,#8ec8f3);--next-step-accent-hover:color-mix(in srgb,var(--next-step-accent) 80%,white);--next-step-ink:#102333;background:var(--wmd-theme-panel,var(--wmd-ui-panel,#192936));border-color:color-mix(in srgb,var(--next-step-accent) 22%,var(--wmd-theme-line,var(--wmd-ui-line,#48627b)))}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-next-step{
 --next-step-accent:var(--wmd-theme-accent,#8ec8f3);
 --next-step-accent-hover:var(--wmd-theme-accent-soft,var(--next-step-accent));
 --next-step-ink:var(--wmd-theme-deep,#102333);
}
#app .wmd-next-step-symbol{color:var(--next-step-accent);background:color-mix(in srgb,var(--next-step-accent) 9%,#223139)}
#app .wmd-next-step-label{color:color-mix(in srgb,var(--next-step-accent) 68%,#d4e3e3)}
#app .wmd-next-step-primary{background:var(--next-step-accent);border-color:var(--next-step-accent);color:var(--next-step-ink,#102333)}
#app .wmd-next-step-primary:hover:not(:disabled){background:var(--next-step-accent-hover);border-color:var(--next-step-accent-hover)}
#app .wmd-next-step-secondary{background:var(--wmd-theme-raised,var(--wmd-ui-raised,#263b52));color:var(--wmd-theme-text,#edf6ff);border-color:var(--wmd-theme-line,var(--wmd-ui-line,#46627b))}
#app .wmd-next-step-later{border:0!important;background:transparent!important;color:#a9bec3;font-weight:550!important;min-height:26px!important}
#app .wmd-next-step-later:hover{text-decoration:underline}
@media(max-width:670px){#app .wmd-next-step-later{grid-column:1/-1;min-height:26px!important}}


/* Compact next step: one primary action, not an extra dashboard. */
#app .wmd-next-step--simple{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;margin:10px 0 14px;border-radius:12px;background:var(--wmd-theme-panel,var(--wmd-ui-panel,#192936));border-color:var(--wmd-theme-line-soft,var(--wmd-ui-line-soft,#344f67))}
#app .wmd-next-step--simple .wmd-next-step-content{flex:1 1 auto;min-width:0}
#app .wmd-next-step--simple .wmd-next-step-label{font-size:9px;letter-spacing:.05em}
#app .wmd-next-step--simple .wmd-next-step-content h2{font-size:14px;margin:2px 0;line-height:1.25}
#app .wmd-next-step--simple .wmd-next-step-content p{font-size:11px;line-height:1.4;max-width:58ch}
#app .wmd-next-step--simple .wmd-next-step-actions{display:flex;flex-direction:row;gap:8px;align-items:center;min-width:0}
#app .wmd-next-step--simple .wmd-next-step-primary{min-height:34px;white-space:nowrap}
#app .wmd-next-step-more{position:relative}
#app .wmd-next-step-more>summary{cursor:pointer;font-size:11px;color:var(--next-step-accent,#8ec8f3);padding:8px 5px;white-space:nowrap;list-style:none}
#app .wmd-next-step-more>summary::-webkit-details-marker{display:none}
#app .wmd-next-step-more>summary:after{content:' ▾'}
#app .wmd-next-step-more-actions{position:absolute;right:0;top:calc(100% + 4px);display:grid;gap:5px;z-index:20;padding:8px;min-width:190px;border:1px solid var(--wmd-theme-line,var(--wmd-ui-line,#46627b));border-radius:10px;background:var(--wmd-theme-panel,var(--wmd-ui-panel,#192c45));box-shadow:0 12px 24px #0007}
#app .wmd-next-step-more-actions button{white-space:normal;text-align:left;min-height:34px}
#app .wmd-next-step-more-actions .wmd-next-step-help{color:var(--wmd-theme-accent-soft,var(--next-step-accent,#b9dffa))}
#app .wmd-next-step-more-actions :is(.wmd-next-step-secondary,.wmd-next-step-help):is(:hover,:focus-visible){background:color-mix(in srgb,var(--next-step-accent) 10%,var(--wmd-theme-raised,var(--wmd-ui-raised,#263b52)));border-color:var(--next-step-accent)}
#app .wmd-next-step-more>summary:is(:hover,:focus-visible){color:var(--wmd-theme-accent-soft,var(--next-step-accent));outline-offset:3px}
#app .wmd-next-step-more>summary:focus-visible{outline:2px solid var(--next-step-accent)}
#app .wmd-next-step--simple>.wmd-next-step-later{min-height:34px!important;margin:0;white-space:nowrap;font-size:10px}
/* Keep the light palette readable, including its prompt and optional actions. */
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple{background:var(--wmd-theme-panel);border-color:var(--wmd-theme-line-soft);color:var(--wmd-theme-text)}
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple .wmd-next-step-content h2{color:var(--wmd-theme-text)}
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple .wmd-next-step-content p{color:var(--wmd-theme-muted)}
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple>.wmd-next-step-later{color:var(--wmd-theme-muted)}
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple .wmd-next-step-more-actions{background:var(--wmd-theme-panel);border-color:var(--wmd-theme-line)}
#app[data-wmd-color-scheme="white"] .wmd-next-step--simple .wmd-next-step-more-actions button{color:var(--wmd-theme-text);background:var(--wmd-theme-raised);border-color:var(--wmd-theme-line-soft)}
@media(max-width:680px){
 #app .wmd-next-step--simple{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 9px}
 #app .wmd-next-step--simple .wmd-next-step-content{grid-column:1/-1}
 #app .wmd-next-step--simple .wmd-next-step-content p{font-size:11px}
 #app .wmd-next-step--simple .wmd-next-step-actions{grid-column:1;display:flex;flex-direction:row;align-items:center;min-width:0}
 #app .wmd-next-step--simple>.wmd-next-step-later{grid-column:2;align-self:center}
 #app .wmd-next-step--simple .wmd-next-step-primary{min-height:37px}
 #app .wmd-next-step-more-actions{left:0;right:auto;min-width:180px}
}

/* networth-history-csv.css */
/* Historical Net Worth import stays local and requires an explicit review. */
.history-panel .history-head{flex-wrap:wrap;gap:10px}
.history-panel .history-csv-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:35px;padding:7px 12px;box-sizing:border-box;border:1px solid rgba(126,162,167,.55);border-radius:9px;background:rgba(91,128,132,.1);color:var(--wmd-text,#e8f2f0);font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap}
.history-panel .history-csv-picker:hover{background:rgba(115,161,154,.19)}
.history-panel .history-csv-picker:focus-within{outline:2px solid #9bd3bf;outline-offset:2px}
.history-csv-picker input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.history-csv-review{display:grid;gap:11px;margin-top:12px;padding:15px;background:rgba(54,82,91,.42);border:1px solid rgba(124,161,163,.48);border-radius:14px;min-width:0}
.history-csv-head{display:flex;gap:5px 12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.history-csv-head strong{font-size:14px;color:var(--wmd-text,#e8f2f0)}
.history-csv-head small{color:var(--wmd-muted,#aec7c6);font-size:11px;overflow-wrap:anywhere}
.history-csv-review>p{margin:0;font-size:12px;line-height:1.55;color:var(--wmd-muted,#c2d5d1)}
.history-csv-review .history-csv-error{color:#f3b8b8}
.history-csv-sample{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.history-csv-sample>span{display:flex;gap:6px;justify-content:space-between;align-items:center;padding:9px 10px;border-radius:9px;background:rgba(126,153,157,.1);border:1px solid rgba(126,153,157,.2);font-size:12px;min-width:0}
.history-csv-sample strong{color:var(--wmd-text,#e8f2f0);font-variant-numeric:tabular-nums}
.history-csv-sample b{font-weight:650;color:var(--wmd-muted,#d7e9e3)}
.history-csv-sample>small{font-size:11px;color:var(--wmd-muted,#aec7c6)}
.history-csv-warnings{font-size:11px;color:var(--wmd-muted,#b8cfd0)}
.history-csv-warnings>summary{cursor:pointer}
.history-csv-warnings p{margin:5px 0 0;line-height:1.5}
.history-csv-replace{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.45;color:var(--wmd-text,#e8f2f0);cursor:pointer}
.history-csv-replace input{margin-top:2px;accent-color:#96cdb7}
.history-csv-review .history-csv-caution{font-size:11px;color:var(--wmd-muted,#aec7c6)}
.history-csv-actions{display:flex;gap:8px;flex-wrap:wrap}
.history-csv-actions button{border-radius:10px;padding:10px 14px;font-size:12px;font-weight:750;cursor:pointer}
.history-csv-actions [data-history-csv-confirm]{background:#b6d8cb;color:#18332b;border:1px solid #b6d8cb}
.history-csv-actions [data-history-csv-confirm]:disabled{opacity:.45;cursor:not-allowed}
.history-csv-actions [data-history-csv-cancel]{border:1px solid rgba(126,162,167,.55);color:var(--wmd-text,#e8f2f0);background:transparent}
.history-csv-feedback{margin:10px 0 0;font-size:12px;color:var(--wmd-text,#e8f2f0)}
@media(max-width:600px){.history-csv-sample{grid-template-columns:minmax(0,1fr)}.history-csv-head{align-items:flex-start;flex-direction:column}}

/* paths.css */

.launch-path-pricing{padding:clamp(48px,7vw,104px) clamp(18px,4vw,70px);scroll-margin-top:88px}
.launch-path-pricing .launch-pricing-header{max-width:760px;margin:0 auto 34px;text-align:center}
.launch-path-pricing .launch-pricing-header h2{line-height:1.13;letter-spacing:-.044em}
.launch-path-pricing .launch-pricing-header p{max-width:590px;margin:16px auto 0;line-height:1.65}
.launch-path-grid{width:min(1280px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;align-items:stretch}
.launch-path-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;text-align:left;border-radius:20px;padding:24px 22px 22px;border:1px solid rgba(143,188,171,.23);background:linear-gradient(164deg,#192528,#101a20 76%);color:#edf8f1;transition:transform .18s ease,border-color .18s ease}
.launch-path-card:hover{transform:translateY(-3px);border-color:#739e8b}
.launch-path-index{font-weight:750;font-size:10px;letter-spacing:.12em;color:#a6c3b9;line-height:1.5}
.launch-path-symbol{width:51px;height:51px;margin:23px 0 16px;display:grid;place-items:center;border-radius:14px;background:#244037;border:1px solid #426959;color:#dcf8e4;font-size:26px;font-weight:800;position:relative}
.launch-george small{font-size:9px;position:absolute;bottom:8px;right:6px;color:#7dd4ab;letter-spacing:.05em}
.launch-path-card h3{font-size:clamp(21px,2vw,27px);letter-spacing:-.032em;line-height:1.15;margin:0;color:#f0fff4}
.launch-path-verb{font-size:13px;color:#b4d4c7;margin:7px 0 0}
.launch-path-price{display:flex;align-items:baseline;gap:7px;margin:22px 0 13px;flex-wrap:wrap}
.launch-path-price strong{font-size:clamp(25px,2.25vw,32px);font-weight:800;line-height:1.15;letter-spacing:-.035em}
.launch-path-price span{font-size:11px;color:#bad0c8}
.launch-path-copy{font-size:13px;line-height:1.6;color:#d1e0da;margin:0 0 17px}
.launch-path-capabilities{font-size:11px;line-height:1.6;color:#9fbcb1;border-top:1px solid #354c48;padding:13px 0;margin-top:auto;min-height:56px}
.launch-path-action,.launch-path-soon{display:flex;align-items:center;justify-content:center;text-align:center;min-height:44px;box-sizing:border-box;border-radius:10px;border:1px solid #587667;background:#253c37;color:#ecfff3;font:inherit;font-size:12px;font-weight:800;text-decoration:none;padding:9px 11px;margin-top:12px;cursor:pointer}
.launch-path-action:hover{background:#2b5140;border-color:#76a88b;color:#fff}
.launch-path-action-primary{background:#83c9a4;border-color:#83c9a4;color:#112720}
.launch-path-action-primary:hover{background:#a4ddba;color:#112720}
.launch-path-soon{cursor:default;color:#b0c5bb;background:#1c2b2a;border-color:#385149}
.launch-path-footnote{max-width:1000px;margin:24px auto 0!important;color:#aabcb4!important;font-size:12px;line-height:1.65;text-align:center}
@media(max-width:1100px){.launch-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-path-capabilities{min-height:unset}}
@media(max-width:580px){.launch-path-pricing{padding:46px 15px 55px}.launch-path-grid{grid-template-columns:1fr;gap:11px}.launch-path-card{padding:22px 21px}.launch-path-card:hover{transform:none}.launch-path-symbol{margin:17px 0 12px}.launch-path-price{margin:14px 0 10px}.launch-path-capabilities{padding:11px 0}.launch-path-footnote{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){.launch-path-card{transition:none}}


/* Cohesive, coded character scenes. Decorative, never impersonate app screenshots. */
.launch-path-card{overflow:hidden;position:relative}
.launch-path-art{height:124px;flex-shrink:0;border-radius:15px;position:relative;margin:16px 0 19px;
  overflow:hidden;background:radial-gradient(ellipse at 50% 120%,rgba(118,201,159,.12),transparent 70%),
    linear-gradient(135deg,#1a2b2a,#142021);border:1px solid #304a42}
.launch-path-art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(#5f8d7a 0.6px,transparent 1px);
  background-size:15px 15px;opacity:.16;pointer-events:none}
.launch-path-subtitle{display:block;font-size:11px;font-weight:600;letter-spacing:0;color:#9fbfb2;line-height:1.8}
.path-person{position:absolute;width:66px;height:82px;left:24%;top:17px}
.path-person>i{display:block;margin:auto;border-radius:50%;width:29px;height:29px;background:#b6d9c5;box-shadow:inset 0 -6px #8cae9d}
.path-person>b{display:block;width:60px;height:50px;margin:5px auto 0;background:#496f60;border-radius:24px 24px 6px 6px}
.path-device{position:absolute;top:30px;right:17%;width:44px;height:75px;border:4px solid #839d91;border-radius:9px;
  background:#253b35;transform:rotate(8deg);box-shadow:0 8px 19px #0006;padding:13px 5px 7px}
.path-device>span{display:block;height:6px;border-radius:5px;background:#9bc9b4;margin-bottom:7px}
.path-device>span:nth-child(1){height:17px;background:#426759}
.path-device>span:nth-child(2){width:90%}.path-device>span:nth-child(3){width:70%}.path-device>span:nth-child(4){width:85%}
.path-art-spark{position:absolute;top:12px;right:13%;color:#c5dd92;font-size:21px}
.path-paper{position:absolute;width:70px;height:88px;border-radius:9px;background:#d3e2d6;box-shadow:0 12px 23px #0006;padding:19px 9px 4px}
.path-paper>i{display:block;background:#789b8e;height:6px;margin-bottom:9px;border-radius:4px}
.path-paper>i:nth-child(2){width:80%}.path-paper>i:nth-child(3){width:55%}
.path-paper-one{left:23%;top:17px;transform:rotate(-12deg)}
.path-paper-two{left:47%;top:13px;transform:rotate(12deg)}
.path-scanner{position:absolute;right:18%;bottom:17px;width:52px;height:42px;border:4px solid #7ec7aa;background:#234938;border-radius:10px;box-shadow:0 5px 20px #0007}
.path-scanner::before{content:"";position:absolute;top:-12px;left:10px;background:#7ec7aa;width:19px;height:9px;border-radius:5px 5px 0 0}
.path-scanner-lens{display:block;width:24px;height:24px;border-radius:50%;border:5px solid #a1dec1;background:#294239;margin:5px auto}
.path-scanner-glint{position:absolute;right:5px;top:4px;border-radius:50%;height:5px;width:5px;background:#d9ffed}
.path-dial{position:absolute;left:27%;top:14px;width:91px;height:91px;border:9px solid #75a68d;background:#204333;
  border-radius:50%;box-shadow:0 12px 26px #0005,inset 0 0 0 3px #355b4a}
.path-dial::after{content:"";position:absolute;width:70px;height:3px;background:#8fbda3;left:2px;top:41px;transform:rotate(-28deg)}
.path-dial-center{position:absolute;inset:17px;background:#396d52;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;color:#daffe8;z-index:1}
.path-autopilot-card{position:absolute;left:59%;top:28px;width:55px;height:65px;border:1px solid #6ca488;background:#243c35;
  border-radius:9px;transform:rotate(11deg);box-shadow:0 8px 19px #0006;padding:12px 8px}
.path-autopilot-card>span{display:block;background:#95cab0;border-radius:5px;height:5px;margin:4px 0 9px}
.path-autopilot-card>span:nth-child(2){width:70%}.path-autopilot-card>span:nth-child(3){width:85%}
.path-autopilot-check{position:absolute;right:18%;top:14px;border-radius:50%;background:#9ed9b9;color:#1b4730;width:27px;height:27px;display:grid;place-items:center;font-size:17px;font-weight:900}
.path-george-orbit{position:absolute;width:118px;height:118px;border-radius:50%;border:1px solid #5a836c;left:50%;top:3px;transform:translateX(-50%);box-shadow:inset 0 0 0 10px #1c3929}
.path-george-avatar{position:absolute;left:50%;top:20px;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;
  background:linear-gradient(135deg,#a6bc91,#6e947b);border:4px solid #b5c4a5;display:grid;place-items:center;
  font-family:var(--wmd-font-ui);font-weight:800;font-size:58px;color:#173128;text-shadow:0 2px 0 #d0dbc6}
.path-george-avatar>small{position:absolute;bottom:10px;right:12px;font:800 10px var(--wmd-font-ui);letter-spacing:.04em;color:#1b4e37}
.path-george-bubble{position:absolute;right:19%;top:14px;background:#cceccf;color:#214632;border-radius:50% 50% 50% 5px;
  width:29px;height:29px;display:grid;place-items:center;font-weight:900;font-size:19px}
.launch-path-card .launch-path-price strong{font-size:clamp(24px,2.1vw,31px)}
.launch-path-guidance .launch-path-price strong{font-size:21px;letter-spacing:-.02em}
.launch-path-snapper .launch-path-price strong{color:#bff2d0}
.launch-path-card .launch-path-capabilities{margin-top:auto}
@media(max-width:580px){.launch-path-art{height:104px;margin:13px 0 15px}.path-person{top:10px}.path-paper{top:6px}.path-dial{top:7px}.path-george-orbit{top:-8px}.path-george-avatar{top:10px}}


/* Pricing refinements and optional Guidance waitlist, 2026-10-12. */
.landing-v6 .launch-path-manual .launch-path-price strong{
  font-size:clamp(23px,2.05vw,30px);
  white-space:normal
}
.landing-v6 .launch-path-intro{
  background:rgba(93,166,128,.105);
  border:1px solid rgba(130,190,155,.3);
  color:#d2eadd;border-radius:10px;
  padding:10px 11px;margin:0 0 13px;
  font-size:11px;line-height:1.58
}
.landing-v6 .launch-path-intro strong{color:#aee9c4}
.landing-v6 .launch-guidance-join{
  width:100%;font-size:13px;
  background:#2b463e;border-color:#669e82;color:#e8fff0;
}
.landing-v6 .launch-guidance-join:hover{
  background:#355947;border-color:#90d9af
}
body.wmd-guidance-waitlist-open{overflow:hidden}
.wmd-guidance-overlay{
  position:fixed;inset:0;z-index:2147483000;
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  padding:18px;overflow:auto;overscroll-behavior:contain;
  background:rgba(5,12,15,.83);backdrop-filter:blur(7px);
}
.wmd-guidance-dialog{
  position:relative;box-sizing:border-box;width:min(475px,100%);
  max-height:calc(100dvh - 36px);overflow:auto;
  border:1px solid #426a5b;border-radius:21px;
  padding:clamp(22px,5vw,32px);color:#e8f4ed;
  background:#17262a;box-shadow:0 22px 75px rgba(0,0,0,.45);
  font-family:inherit
}
.wmd-guidance-close{
  position:absolute;top:13px;right:14px;
  display:grid;place-items:center;width:36px;height:36px;
  background:#293c3c;border:1px solid #4b665d;border-radius:10px;
  color:#d6e9dc;font-size:23px;cursor:pointer
}
.wmd-guidance-close:hover{background:#33524a}
.wmd-guidance-eyebrow{
  display:block;max-width:calc(100% - 40px);margin:0 0 10px;
  font-size:10px;letter-spacing:.13em;font-weight:850;color:#86d8ac
}
.wmd-guidance-dialog h2{
  margin:0 35px 10px 0;color:#f1fff5;line-height:1.14;
  letter-spacing:-.035em;font-size:clamp(23px,5vw,30px)
}
.wmd-guidance-dialog p{font-size:13px;line-height:1.65;color:#bacfc7}
.wmd-guidance-form{display:grid;gap:16px;margin-top:22px}
.wmd-guidance-email-label{display:grid;gap:7px;font-size:12px;font-weight:800;color:#e8f5ee}
.wmd-guidance-email-label>input{
  box-sizing:border-box;display:block;width:100%;min-width:0;
  background:#0d1c20;border:1px solid #597468;border-radius:10px;
  color:#f7fff8;padding:12px;font:inherit;font-size:16px
}
.wmd-guidance-interest{
  min-width:0;border:0;padding:0;margin:0;display:grid;gap:8px
}
.wmd-guidance-interest legend{font-size:12px;font-weight:800;margin-bottom:9px}
.wmd-guidance-interest label{
  display:flex;align-items:center;gap:10px;min-height:37px;
  box-sizing:border-box;padding:8px 11px;border-radius:9px;
  border:1px solid #334f47;color:#d5e6db;font-size:13px;cursor:pointer
}
.wmd-guidance-interest input,.wmd-guidance-consent input{
  accent-color:#8bdcb0;flex:0 0 auto;width:17px;height:17px;margin:0
}
.wmd-guidance-consent{
  display:flex;align-items:flex-start;gap:10px;
  font-size:11px;line-height:1.55;color:#c2d8ca;cursor:pointer
}
.wmd-guidance-action{
  width:100%;min-height:46px;border-radius:10px;border:1px solid #8bd3aa;
  font:inherit;font-size:13px;font-weight:850;color:#13271e;
  background:#8bd3aa;cursor:pointer;padding:11px 16px
}
.wmd-guidance-action:hover:not(:disabled){background:#b0efc8}
.wmd-guidance-action:disabled{opacity:.63;cursor:progress}
.wmd-guidance-message{
  margin:0;font-size:12px!important;line-height:1.5!important;
  padding:10px;border:1px solid #a76f6e;background:#472d30;
  color:#ffe4df!important;border-radius:9px
}
.wmd-guidance-message[hidden]{display:none}
.wmd-guidance-fine{margin:-3px 0 0!important;font-size:11px!important}
.wmd-guidance-fine a{color:#a8e8c0}
.wmd-guidance-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.wmd-guidance-done{padding-top:12px}
.wmd-guidance-done h2{margin-top:12px}
.wmd-guidance-done .wmd-guidance-action{margin-top:14px}
.wmd-guidance-dialog :is(input,button,a):focus-visible{
  outline:2px solid #b0efc8;outline-offset:3px
}
@media(max-width:580px){
  .wmd-guidance-overlay{align-items:center;padding:10px}
  .wmd-guidance-dialog{max-height:calc(100dvh - 20px);padding:24px 19px;border-radius:17px}
  .wmd-guidance-form{gap:13px;margin-top:17px}
}

/* Pricing anchor: keep the top edge close to the viewport when jumped to from the nav/hero. */
.landing-v6 #pricing.launch-path-pricing{scroll-margin-top:16px}

/* cashflow-dashboard-premium.css */
/* Graphite-first Cash Flow. Scoped to dashboard to retain existing calculations. */
.cashflow-dashboard{--cf-line:#354253;--cf-muted:#abbccc;--cf-text:#f1f5f9;--cf-good:#91d5b3;--cf-risk:#e4a09b;display:grid;gap:12px;margin:16px 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
.cashflow-dashboard .cash-settings.cash-position-overview{margin:0!important;padding:18px!important;border-radius:18px!important;border:1px solid var(--cf-line)!important;background:linear-gradient(145deg,#1b2632,#141d28)!important;box-shadow:0 12px 28px #0002!important}
.cashflow-dashboard .cash-position-overview .cash-settings-grid{display:grid;grid-template-columns:minmax(230px,.83fr) minmax(0,1.6fr)!important;gap:17px!important;align-items:stretch}
.cashflow-dashboard .cash-position-overview .cash-balance-choice{display:flex;flex-direction:column;justify-content:center;min-height:165px!important;min-width:0;padding:17px 19px!important;border:1px solid #344556!important;border-radius:14px!important;background:#121b26!important;box-shadow:none!important}
.cashflow-dashboard .cash-position-overview .cash-setting-title{font-family:inherit!important;font-size:12px!important;font-weight:740;color:#b6c5d3!important}
.cashflow-dashboard .cash-position-overview .cash-inline-balance{box-sizing:border-box;width:100%;min-width:0;margin:10px 0 7px!important;padding:4px 12px!important;border:1px solid #405166!important;border-radius:10px!important;background:#0e1620!important;box-shadow:none!important}
.cashflow-dashboard .cash-position-overview .cash-inline-balance>span{font-family:inherit!important;color:#b9cbdc!important;font-size:18px!important}
.cashflow-dashboard .cash-position-overview .cash-inline-balance input{min-width:0;width:100%;text-align:right;font-size:clamp(27px,3vw,36px)!important;font-family:inherit!important;font-weight:780;color:var(--cf-text)!important;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
.cashflow-dashboard .cash-position-overview .cash-inline-balance:focus-within{border-color:#9fc5e8!important;outline:2px solid #9fc5e844}
.cashflow-dashboard .cash-position-overview .cash-balance-choice small{color:#9eafc0!important;font-size:11px!important;line-height:1.5}
.cashflow-dashboard .cash-position-overview .cash-runway{margin:0!important;padding:2px 0!important;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
.cashflow-dashboard .cash-position-overview .cash-runway-head{display:flex!important;align-items:flex-end;justify-content:space-between;gap:8px;margin:0 0 13px!important}
.cashflow-dashboard .cash-position-overview .cash-runway-head span{font-size:10px!important;letter-spacing:.12em;color:#91adc5!important;font-weight:800}
.cashflow-dashboard .cash-position-overview .cash-runway-head h3{font-family:inherit!important;font-size:clamp(17px,1.8vw,21px)!important;font-weight:780;letter-spacing:-.025em;line-height:1.2;margin:4px 0 0;color:var(--cf-text)!important}
.cashflow-dashboard .cash-position-overview .cash-runway-head p{display:none!important}
.cashflow-dashboard .cash-position-overview .cash-runway-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:9px!important;overflow:visible!important;scroll-snap-type:none!important;padding:0!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:9px!important;min-height:111px!important;min-width:0;padding:13px 11px!important;border:1px solid #344557!important;border-radius:12px!important;background:#111a25!important;box-shadow:none!important;text-align:left!important;transition:border-color .15s ease,background .15s ease}
.cashflow-dashboard .cash-position-overview .cash-runway-month:hover{border-color:#7d96af!important;background:#1c2b39!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month:focus-visible{outline:2px solid #a7cbec;outline-offset:2px}
.cashflow-dashboard .cash-position-overview .cash-runway-month.warning{background:#29241f!important;border-color:#9b785c!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month>div{display:grid;gap:3px;min-width:0;align-items:start}
.cashflow-dashboard .cash-position-overview .cash-runway-month span{color:#e3eaf2!important;font-size:12px!important;font-weight:750;white-space:normal!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month small{color:#99aebf!important;font-size:10px!important;font-weight:550;white-space:normal!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month strong{color:#f3f6fa!important;font-family:inherit!important;font-size:clamp(18px,2vw,23px)!important;font-weight:780;line-height:1.1;letter-spacing:-.026em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.cashflow-dashboard .cash-position-overview .cash-runway-month em{color:#adbdcc!important;font-size:11px!important;font-style:normal!important;line-height:1.4}
.cashflow-dashboard .cash-position-overview .cash-runway-month.up em{color:var(--cf-good)!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month.down em{color:var(--cf-risk)!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month.warning b{color:#f1c7a2!important;font-size:10px!important}
.cashflow-dashboard .cash-position-note{margin:12px 1px 0;font-size:11px;line-height:1.5;color:#a9b8c8}
.cashflow-dashboard .cash-position-note summary{display:inline-flex;gap:7px;align-items:center;cursor:pointer;list-style:none;color:#a8bdd0;font-size:11px;font-weight:650}
.cashflow-dashboard .cash-position-note summary::marker{content:""}
.cashflow-dashboard .cash-position-note summary::-webkit-details-marker{display:none}
.cashflow-dashboard .cash-position-note summary .ui-chevron{width:14px;height:14px;transition:transform .16s}
.cashflow-dashboard .cash-position-note[open] summary .ui-chevron{transform:rotate(180deg)}
.cashflow-dashboard .cash-position-note summary:focus-visible{outline:2px solid #a9c8e6;outline-offset:3px}
.cashflow-dashboard .cash-position-note p{margin:6px 0 0;color:#aabbcc;max-width:75ch}
.cashflow-dashboard .cash-kpis{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch;gap:10px!important;margin:0!important}
.cashflow-dashboard .cash-kpi{min-width:0;min-height:0!important;padding:16px!important;display:flex;flex-direction:column;gap:7px!important;border:1px solid var(--cf-line)!important;border-radius:14px!important;background:#171f2a!important;color:var(--cf-text);box-shadow:none!important}
.cashflow-dashboard .cash-kpi.cash-kpi-jump:hover{transform:none!important;border-color:#708a9f!important;background:#1d2a38!important}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child{display:flex;flex-direction:column;gap:7px!important;align-items:stretch}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>span{color:#bdcbd8!important;font-size:12px!important;font-weight:720;line-height:1.3}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>b{font-family:inherit!important;font-size:clamp(22px,2.2vw,27px)!important;color:#f2f6fa!important;font-weight:780;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>small{color:#aab9c8!important;font-size:11px!important;line-height:1.45}
.cashflow-dashboard .cash-kpi .cash-budget-delta{color:#b6c4d2!important;font-size:11px!important;font-weight:630}
.cashflow-dashboard .cash-kpi .cash-budget-delta.caution{color:#e4aaa7!important}
.cashflow-dashboard .cash-kpi .cash-budget-delta.positive{color:#97d3b5!important}
.cashflow-dashboard .cash-kpi .cash-budget-delta.goal-extra{color:#b5c2f1!important}
.cashflow-dashboard .cash-kpi .kpi-track{height:5px!important;border:0!important;box-shadow:none!important;background:#303b49!important;overflow:hidden;margin-top:auto!important}
.cashflow-dashboard .cash-kpi .kpi-track i{box-shadow:none!important}
.cashflow-dashboard .cash-kpi.income .kpi-track i{background:linear-gradient(90deg,#678eb3,#a9cce9)!important}
.cashflow-dashboard .cash-kpi.expenses .kpi-track i{background:linear-gradient(90deg,#ab6b71,#e19da3)!important}
.cashflow-dashboard .cash-kpi.savings .kpi-track i{background:linear-gradient(90deg,#7c87b6,#bac4ed)!important}
.cashflow-dashboard .cash-kpi.plan-status{grid-column:1/-1!important;min-height:0!important;padding:19px 20px!important;gap:7px!important;border-color:#455970!important;background:linear-gradient(125deg,#223145,#1a2736)!important}
.cashflow-dashboard .cash-kpi.plan-status.shortfall{border-color:#9b6d70!important}
.cashflow-dashboard .cash-kpi.plan-status>div:first-child{display:flex;align-items:baseline;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:5px 18px}
.cashflow-dashboard .cash-kpi.plan-status .cash-outlook-heading{font-size:13px!important;font-weight:760;color:#bdccdc!important}
.cashflow-dashboard .cash-kpi.plan-status>div:first-child>b{font-family:inherit!important;font-size:clamp(29px,3.7vw,38px)!important;font-weight:800;line-height:1.1;color:#f4f8fc!important;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.cashflow-dashboard .cash-kpi.plan-status .cash-outlook-result{color:#b6d2eb!important;font-size:12px!important;font-weight:750}
.cashflow-dashboard .cash-kpi.plan-status.shortfall .cash-outlook-result{color:#efb0af!important}
.cashflow-dashboard .cash-kpi.plan-status .plan-status-detail{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:5px 16px!important;margin:3px 0 0!important}
.cashflow-dashboard .cash-kpi.plan-status .plan-status-detail span{color:#bdcad8!important;font-size:11px!important;line-height:1.5}
.cashflow-dashboard .cash-kpi.plan-status .plan-status-detail .cash-goals-note{color:#b7c8ef!important;font-weight:700!important}
.cashflow-dashboard .cash-kpi.plan-status .cash-outlook-details{margin:7px 0 0!important;padding-top:9px;border-top:1px solid #3b4c60}
.cashflow-dashboard .cash-kpi.plan-status .cash-outlook-details>summary{color:#b9cde1!important;font-size:12px!important}
.cashflow-dashboard .cash-kpi.plan-status .cash-budget-context{font-size:11px;color:#aabfd4;margin:9px 0!important}
.cashflow-dashboard .cash-kpi.plan-status>.kpi-track{display:none!important}
.cashflow-dashboard .cash-kpi.plan-status .cash-outlook-details button{background:#223445!important;color:#e0edfa!important;border-color:#536c85!important}
.monthbar .review-transactions-btn{background:#1c2834!important;border-color:#42596d!important;color:#e6edf5!important;box-shadow:none!important}
.monthbar .review-transactions-btn:hover{background:#273849!important;border-color:#7895b0!important}
@media(max-width:1050px){.cashflow-dashboard .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,1fr)!important}.cashflow-dashboard .cash-position-overview .cash-balance-choice{min-height:0!important}.cashflow-dashboard .cash-position-overview .cash-inline-balance input{font-size:30px!important}}
@media(max-width:720px){
.cashflow-dashboard{gap:10px;margin:12px 0 16px!important}
.cashflow-dashboard .cash-settings.cash-position-overview{padding:15px!important;border-radius:15px!important}
.cashflow-dashboard .cash-position-overview .cash-settings-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
.cashflow-dashboard .cash-position-overview .cash-balance-choice{padding:15px!important;border-radius:12px!important}
.cashflow-dashboard .cash-position-overview .cash-inline-balance{margin:8px 0 6px!important;padding:3px 12px!important}
.cashflow-dashboard .cash-position-overview .cash-inline-balance input{font-size:clamp(26px,7vw,34px)!important}
.cashflow-dashboard .cash-position-overview .cash-runway-head{margin:0 0 10px!important}
.cashflow-dashboard .cash-position-overview .cash-runway-head h3{font-size:19px!important}
.cashflow-dashboard .cash-position-overview .cash-runway-grid{grid-template-columns:minmax(0,1fr)!important;grid-auto-columns:auto!important;grid-auto-flow:row!important;gap:0!important;overflow:visible!important;scroll-snap-type:none!important;border:1px solid #344657;border-radius:12px;background:#111a25}
.cashflow-dashboard .cash-position-overview .cash-runway-month{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:3px 10px!important;align-items:center!important;min-height:70px!important;padding:12px 13px!important;border:0!important;border-top:1px solid #304152!important;border-radius:0!important;background:transparent!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month:first-child{border-top:0!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month.warning{background:#29241f!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month>div{grid-column:1!important;grid-row:1!important;align-self:center}
.cashflow-dashboard .cash-position-overview .cash-runway-month>div small{display:none!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month strong{grid-column:2!important;grid-row:1!important;justify-self:end;align-self:center;font-size:clamp(19px,5vw,24px)!important;text-align:right!important;white-space:nowrap;overflow-wrap:normal}
.cashflow-dashboard .cash-position-overview .cash-runway-month em{grid-column:1/-1!important;grid-row:2!important;font-size:11px!important}
.cashflow-dashboard .cash-position-overview .cash-runway-month b{grid-column:1/-1!important;grid-row:3!important}
.cashflow-dashboard .cash-kpis{grid-template-columns:minmax(0,1fr)!important;gap:9px!important}
.cashflow-dashboard .cash-kpi{padding:14px 15px!important;border-radius:12px!important}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child{flex-direction:row!important;align-items:baseline!important;justify-content:space-between;gap:10px!important}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>span{font-size:13px!important}
.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>b{font-size:clamp(21px,5.6vw,26px)!important;text-align:right;white-space:nowrap}
.cashflow-dashboard .cash-kpi .kpi-track{height:4px!important;margin-top:5px!important}
.cashflow-dashboard .cash-kpi.plan-status{padding:17px 16px!important}
.cashflow-dashboard .cash-kpi.plan-status>div:first-child>b{font-size:clamp(29px,8vw,35px)!important}
}
@media(max-width:385px){.cashflow-dashboard .cash-position-overview .cash-runway-month strong{font-size:19px!important}.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>span{max-width:53%}.cashflow-dashboard .cash-kpi.cash-kpi-jump>div:first-child>b{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.cashflow-dashboard .cash-position-overview .cash-runway-month,.cashflow-dashboard .cash-position-note summary .ui-chevron{transition:none!important}}


/* Keep the integrated cash-position controls on the same graphite/blue system as Cash Flow. */
.cashflow-dashboard .cash-position-overview .cash-position-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);
  gap:10px;
  margin-top:10px;
}
.cashflow-dashboard .cash-position-overview .cash-position-control{
  display:grid;
  gap:5px;
  min-width:0;
}
.cashflow-dashboard .cash-position-overview .cash-position-control>span{
  color:#aebdcc!important;
  font-size:11px!important;
  font-weight:700;
  line-height:1.3;
}
.cashflow-dashboard .cash-position-overview .cash-position-control select,
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input{
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  border:1px solid #405166!important;
  border-radius:9px!important;
  background:#0e1620!important;
  color:#edf3f8!important;
  box-shadow:none!important;
}
.cashflow-dashboard .cash-position-overview .cash-position-control select{
  padding:0 36px 0 12px!important;
  color-scheme:dark;
}
.cashflow-dashboard .cash-position-overview .cash-position-control select:hover,
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input:hover{
  border-color:#61778d!important;
  background:#111c27!important;
}
.cashflow-dashboard .cash-position-overview .cash-position-control select:focus,
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input:focus-within{
  border-color:#9fc5e8!important;
  outline:2px solid #9fc5e844!important;
  outline-offset:0!important;
}
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input{
  display:flex;
  align-items:center;
  padding:0 10px!important;
}
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input>span{
  color:#9eb1c4!important;
}
.cashflow-dashboard .cash-position-overview .cash-position-control .currency-input input{
  width:100%;
  min-width:0;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#edf3f8!important;
  box-shadow:none!important;
  text-align:right;
  font-weight:700;
}
@media(max-width:720px){
  .cashflow-dashboard .cash-position-overview .cash-position-controls{
    grid-template-columns:minmax(0,1fr);
  }
}


/* Cash Flow hierarchy: keep rebuild as a secondary plan-maintenance action. */
.cash-category-board-intro .cash-rebuild-inline{
  width:max-content;
  margin-top:10px;
  padding:7px 10px;
  border:1px solid #43566a;
  border-radius:8px;
  background:#17222e;
  color:#c8d5e2;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
  box-shadow:none;
}
.cash-category-board-intro .cash-rebuild-inline:hover{
  border-color:#718aa2;
  background:#1d2b39;
  color:#f0f5fa;
}
.cash-category-board-intro .cash-rebuild-inline:focus-visible{
  outline:2px solid #9fc5e8;
  outline-offset:2px;
}


/* One compact intelligence stack: Money Pulse answers near-term safety, this disclosure explains month-end. */
.cashflow-insights{gap:10px!important}
.cash-month-outlook{
  margin:0;
  border:1px solid #405267;
  border-radius:14px;
  background:#171f2a;
  overflow:hidden;
}
.cash-month-outlook.shortfall{border-color:#8e6469}
.cash-month-outlook>summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  gap:14px;
  align-items:center;
  padding:15px 17px;
  cursor:pointer;
  list-style:none;
  color:#eaf1f7;
}
.cash-month-outlook>summary::-webkit-details-marker{display:none}
.cash-month-outlook>summary::marker{content:""}
.cash-month-outlook>summary>div{display:grid;gap:3px;min-width:0}
.cash-month-outlook>summary>div>span{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#9fb6ca}
.cash-month-outlook>summary>div>strong{font-size:15px;line-height:1.25;color:#edf4fa}
.cash-month-outlook>summary>div>small{font-size:11px;line-height:1.4;color:#aebdca}
.cash-month-outlook>summary>b{font-size:clamp(20px,2.1vw,26px);font-weight:800;letter-spacing:-.025em;font-variant-numeric:tabular-nums;white-space:nowrap;color:#f3f7fb}
.cash-month-outlook.shortfall>summary>b{color:#efb4b3}
.cash-month-outlook-chevron{display:grid;place-items:center;color:#aac7df}
.cash-month-outlook-chevron .ui-chevron{width:17px;height:17px;transition:transform .16s}
.cash-month-outlook[open] .cash-month-outlook-chevron .ui-chevron{transform:rotate(180deg)}
.cash-month-outlook-body{display:grid;gap:13px;padding:0 17px 17px;border-top:1px solid #344657}
.cash-month-outlook-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-top:13px}
.cash-month-outlook-grid article{display:grid;gap:4px;padding:11px 12px;border:1px solid #344657;border-radius:10px;background:#111a24}
.cash-month-outlook-grid span{font-size:10px;color:#9eb0c0;line-height:1.35}
.cash-month-outlook-grid strong{font-size:14px;color:#e7eef5;font-variant-numeric:tabular-nums}
.cash-month-outlook-context{margin:0;color:#a8b8c6;font-size:11px;line-height:1.55}
.cash-month-change-details{border-top:1px solid #344657;padding-top:10px}
.cash-month-change-details>summary{display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;cursor:pointer;list-style:none;color:#b9cede;font-size:11px;font-weight:700}
.cash-month-change-details>summary::-webkit-details-marker{display:none}
.cash-month-change-details>summary::marker{content:""}
.cash-month-change-details>summary .ui-chevron{width:14px;height:14px;transition:transform .16s}
.cash-month-change-details[open]>summary .ui-chevron{transform:rotate(180deg)}
.cash-month-change-details .cash-outlook-changes{margin-top:10px}
.cash-month-review{
  justify-self:start;
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:36px;
  padding:8px 11px;
  border:1px solid #4b6278;
  border-radius:8px;
  background:#1c2a38;
  color:#dceaf6;
  font:inherit;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}
.cash-month-review:hover{background:#26394b;border-color:#7898b5}
.cash-month-review .cash-nav-arrow{width:15px;height:15px}
@media(max-width:820px){.cash-month-outlook-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){
 .cash-month-outlook>summary{grid-template-columns:minmax(0,1fr) auto;padding:14px}
 .cash-month-outlook>summary>b{grid-column:2;grid-row:1}
 .cash-month-outlook-chevron{grid-column:2;grid-row:2;justify-self:end}
 .cash-month-outlook-body{padding:0 14px 14px}
 .cash-month-outlook-grid{grid-template-columns:1fr 1fr}
}

/* ui-finishing.css */
/* 6.10.42, calm mobile navigation and optional financial detail surfaces. */
.monthbar-actions{gap:8px!important;align-items:center}
.cash-return-current{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px!important;background:#1b2732!important;border:1px solid #536779!important;color:#d8e6f1!important;border-radius:11px!important;box-shadow:none!important;min-height:38px;font-size:12px!important;font-weight:740!important}
.cash-return-current svg{width:15px;height:15px;flex:none}
.cash-return-current:hover{background:#27384b!important;border-color:#829cb2!important}
.cashflow-month-options{position:relative;min-width:0;font-size:12px}
.cashflow-month-options>summary{display:inline-flex;gap:7px;align-items:center;justify-content:center;padding:9px 12px;cursor:pointer;border:1px solid #445465;border-radius:11px;background:#1b252f;color:#c0cedb;font-weight:750;list-style:none;min-height:38px;box-sizing:border-box}
.cashflow-month-options>summary::-webkit-details-marker{display:none}
.cashflow-month-options>summary::marker{content:""}
.cashflow-month-options>summary svg{width:13px;height:13px;transition:transform .15s}
.cashflow-month-options[open]>summary svg{transform:rotate(180deg)}
.cashflow-month-options-body{padding:12px 0 4px;display:grid;gap:8px}
.cashflow-month-options-body .regenerate{font-size:12px!important;padding:9px!important;background:#1a2630!important;border-color:#42586b!important;color:#dce7f0!important}
.cashflow-month-options-body small{font-size:11px;max-width:36ch;color:#9fb1c2;line-height:1.5}
.cashflow-mix-disclosure{margin:12px 0 16px;border:1px solid #344455;border-radius:14px;background:#19232f;overflow:hidden}
.cashflow-mix-summary{display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;padding:16px 18px;list-style:none}
.cashflow-mix-summary::-webkit-details-marker{display:none}
.cashflow-mix-summary::marker{content:""}
.cashflow-mix-summary>span:first-child{display:grid;gap:5px}
.cashflow-mix-summary b{font-size:15px;color:#f2f6fa;font-weight:780}
.cashflow-mix-summary small{font-size:12px;line-height:1.4;color:#a4b6c7}
.cashflow-mix-summary>span:last-child svg{height:17px;width:17px;color:#b8c9d8;transition:transform .15s}
.cashflow-mix-disclosure[open] .cashflow-mix-summary>span:last-child svg{transform:rotate(180deg)}
.cashflow-mix-content{padding:0 14px 14px}
.cashflow-mix-content>.category-breakdown{margin:0}
.cashflow-detail-drawer.cash-category-board{margin:11px 0 15px;gap:8px}
.cashflow-detail-drawer .cash-category-board-intro{padding:6px 1px}
.cashflow-detail-drawer .cash-category-board-intro h3{font:770 clamp(18px,2vw,22px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.026em;margin:3px 0;color:#eaf1f7}
.cashflow-detail-drawer .cash-category-board-intro p{font-size:12px;color:#a8b9c8}
.cash-checklist{border-color:#354b56!important;background:linear-gradient(145deg,#19232e,#152029)!important;box-shadow:none!important}
.cash-checklist-eyebrow{color:#a1bbd3!important}
.cash-checklist-head h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-weight:760!important}
.cash-checklist-head>div:first-child p{font-size:12px}
.cash-settings-secondary{margin:10px 0 18px!important;background:#17212c!important;border-color:#354656!important}
.cashflow-calendar-card{margin:10px 0!important}
.invest-refresh .invest-today{gap:12px}
.invest-refresh .invest-today-head{display:block}
.invest-refresh .invest-today-head p{margin:5px 0 0;color:#a9bec8;line-height:1.5;max-width:58ch;font-size:12px}
.invest-refresh .invest-today-details{display:block;min-width:0}
.invest-refresh .invest-today-total{min-width:0;display:grid;text-align:left;gap:6px;cursor:pointer;border:1px solid #3e5960!important;border-radius:13px;background:#18282d!important;padding:17px 18px!important;list-style:none;position:relative}
.invest-refresh .invest-today-total::-webkit-details-marker{display:none}
.invest-refresh .invest-today-total::marker{content:""}
.invest-refresh .invest-today-total:focus-visible{outline:2px solid #a9c8e6;outline-offset:3px}
.invest-refresh .invest-today-total>span:first-child{color:#a1c5b9!important;font-size:12px!important}
.invest-refresh .invest-today-total strong{font-size:clamp(28px,3vw,35px)!important;font-weight:800;line-height:1.1}
.invest-refresh .invest-today-total b{font-size:19px}
.invest-refresh .invest-today-total small{font-size:11px;color:#99aeb7!important;line-height:1.45;max-width:none}
.invest-refresh .invest-today-total .invest-today-view{display:inline-flex;align-items:center;justify-content:space-between;gap:9px;margin-top:6px;padding-top:11px;border-top:1px solid #345056;font-size:12px!important;font-weight:750;color:#cce5df!important}
.invest-refresh .invest-today-view svg{width:17px;height:17px;transition:transform .15s}
.invest-refresh .invest-today-details[open] .invest-today-view svg{transform:rotate(180deg)}
.invest-refresh .invest-today-expanded{margin-top:13px;display:grid;gap:12px}
.invest-refresh .invest-session-method{margin:0;color:#a4bac2;line-height:1.6;font-size:12px}
.invest-refresh .invest-today-grid{gap:10px}
.photo-import-ready-summary{display:flex;gap:6px 15px;flex-wrap:wrap;align-items:baseline;margin:9px 0 14px;padding:12px 13px;border:1px solid #3e5463;border-radius:12px;background:#1b2835}
.photo-import-ready-summary strong{font-size:12px;color:#e8f2fa}
.photo-import-ready-summary span{font-size:12px;color:#b0c2d3}
.photo-import-row.is-pending{border-color:#3c4b58!important;background:#19232d!important;opacity:.91}
.photo-import-row.is-pending .photo-import-compact-identity strong{color:#e1ebf2}
.photo-import-row.is-pending .photo-import-compact-identity small{color:#adbecb}
.photo-import-pending-separator{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:19px 1px 8px;padding:6px 2px;border-bottom:1px solid #374653}
.photo-import-pending-separator strong{font-size:12px;color:#c3d1dc}
.photo-import-pending-separator span{font-size:11px;color:#93aabb}
.photo-import-pending-explainer{padding:10px 2px;display:grid;gap:5px}
.photo-import-pending-explainer strong{font-size:13px;color:#dfedf8}
.photo-import-pending-explainer p{margin:0;color:#b1c4d3;font-size:12px;line-height:1.6}
.photo-import-row.is-pending .photo-import-row-detail-panel>.photo-import-row-head,.photo-import-row.is-pending .photo-import-row-detail-panel>.photo-import-fields,.photo-import-row.is-pending .photo-import-row-detail-panel>.photo-import-full,.photo-import-row.is-pending .photo-import-row-detail-panel>small{display:none!important}
.photo-import-footer-actions{gap:11px;align-items:center}
.photo-import-footer-actions>span{max-width:65%!important;color:#bdccda}
.photo-import-footer-actions button{white-space:normal!important}
.photo-import-has-results .photo-import-footer-actions>span{line-height:1.35}
@media(max-width:680px){
 .monthbar-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:10px!important}
 .monthbar-actions>.cash-return-current{flex:1 1 auto;max-width:100%;width:auto;font-size:12px}
 .monthbar-actions>.cashflow-month-options{margin-left:auto}
 .cashflow-month-options>summary{font-size:12px}
 .cashflow-mix-summary{padding:14px}
 .invest-refresh .invest-today-head h3{font-size:23px}
 .invest-refresh .invest-today-total{padding:15px!important}
 .photo-import-ready-summary{margin-bottom:10px}
 .photo-import-footer-actions>span{max-width:58%!important}
}
@media(prefers-reduced-motion:reduce){.invest-refresh .invest-today-view svg,.cashflow-month-options>summary svg,.cashflow-mix-summary svg{transition:none}}

/* Net Worth accounts: calmer hierarchy, less repetitive visual chrome. */
.nw-overview-section .nw-overview-toggle{
 min-height:64px;padding:13px 16px;gap:10px
}
.nw-overview-section .nw-overview-icon{font-size:21px}
.nw-overview-section .nw-overview-label{
 font-family:inherit;font-size:clamp(18px,1.65vw,23px);
 font-weight:750;letter-spacing:-.025em
}
.nw-overview-section .nw-overview-amount{
 font-family:inherit;font-size:clamp(19px,1.75vw,24px);
 font-weight:780;letter-spacing:-.025em
}
.nw-overview-section .nw-overview-tools{padding:7px 12px 9px}
.nw-overview-section .nw-overview-tools button{
 min-height:34px;border-radius:9px;padding:7px 10px
}
.nw-section-title{padding:11px 14px}
.nw-group-head{border-bottom:1px solid rgba(151,180,186,.12)}
.nw-group-head:hover{background:#23313a}
.nw-subrow{padding-top:5px;padding-bottom:5px}
.nw-group button:focus-visible,.nw-overview-section button:focus-visible{
 outline:2px solid #9ecbd9;outline-offset:2px
}
@media(max-width:690px){
 .nw-overview-section .nw-overview-toggle{min-height:58px;padding:11px 12px;gap:8px}
 .nw-overview-section .nw-overview-label{font-size:17px}
 .nw-overview-section .nw-overview-amount{font-size:18px}
 .nw-overview-section .nw-overview-icon{font-size:18px}
 .nw-overview-section .nw-overview-tools{justify-content:flex-start}
}

/* Unified visual system: calm graphite everywhere, with page-specific highlights.
   Red/green on actual financial figures retain their existing meaning. */
.wmd-workspace{
  --wmd-accent:#8ac8b1;
  --wmd-accent-line:rgba(138,200,177,.40);
  --wmd-surface:#1a242a;
  --wmd-surface-elevated:#202c33;
  --wmd-line:#35454f;
  min-width:0;
}
.wmd-workspace--networth{--wmd-accent:var(--wmd-brand-mint,#57d7aa);--wmd-accent-line:color-mix(in srgb,var(--wmd-brand-mint,#57d7aa) 42%,transparent)}
.wmd-workspace--budget{--wmd-accent:#d6bc91;--wmd-accent-line:rgba(214,188,145,.40)}
.wmd-workspace--cashflow{--wmd-accent:#a0c4df;--wmd-accent-line:rgba(160,196,223,.42)}
.wmd-workspace--debt{--wmd-accent:#d4afb2;--wmd-accent-line:rgba(212,175,178,.40)}
.wmd-workspace--investments{--wmd-accent:#a9cfa9;--wmd-accent-line:rgba(169,207,169,.42)}
.wmd-workspace--retirement{--wmd-accent:#a0c7d4;--wmd-accent-line:rgba(160,199,212,.42)}
.wmd-workspace--goals{--wmd-accent:#e3ae8a;--wmd-accent-line:rgba(227,174,138,.42)}
/* Eliminate the colored stripe and the previous green-tinted active tab. */
.wmd-workspace::before{content:none;display:none}
.wmd-workspace>nav{
  display:flex;gap:clamp(9px,1.9vw,24px);
  margin:12px 0 22px;padding:0 0 2px;border:0;
  border-bottom:1px solid #35434c;border-radius:0;
  overflow-x:auto;scrollbar-width:none
}
.wmd-workspace>nav::-webkit-scrollbar{display:none}
.wmd-workspace>nav button{
  flex:none;min-width:0;white-space:nowrap;padding:12px 5px;
  color:#b3c2cb;font-size:clamp(12px,1.1vw,15px);
  font-weight:700;border:0!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;background:transparent!important;
  box-shadow:none!important;transition:color .16s,border-color .16s
}
.wmd-workspace>nav button:hover{color:#ecf2f6!important}
.wmd-workspace>nav button.active{
  color:#f3f7fa!important;background:transparent!important;
  border-bottom-color:var(--wmd-accent)!important;
  box-shadow:none!important
}
.wmd-workspace button:focus-visible,.wmd-workspace summary:focus-visible{
  outline:2px solid var(--wmd-accent);outline-offset:3px
}
/* Identical neutral surfaces, discreet accent line only on each page's
   main overview. A chart's green, red or category colors remain semantic. */
.wmd-workspace--networth .nw-unified-overview,
.wmd-workspace--budget .budget-top .summary-card,
.wmd-workspace--budget .budget-top .budget-chart,
.wmd-workspace--debt .debt-overview,
.wmd-workspace--investments .invest-toolbar,
.wmd-workspace--investments .invest-hero,
.wmd-workspace--retirement .retirement-outlook{
  background:linear-gradient(140deg,#1d282e,#192228 75%)!important;
  border-color:#3a4b55!important
}
.wmd-workspace--networth .nw-unified-overview,
.wmd-workspace--budget .budget-top .summary-card,
.wmd-workspace--debt .debt-overview,
.wmd-workspace--investments .invest-hero,
.wmd-workspace--retirement .retirement-outlook{
  border-left:3px solid var(--wmd-accent-line)!important
}
.wmd-workspace--budget .budget-top .summary-card h2{color:#f0f5f8!important}
.wmd-workspace--budget .budget-chart{border-left:1px solid #3a4b55!important}
.wmd-workspace--budget .budget-section{border-color:#384750}
.wmd-workspace--budget .guided-budget-shortcut{
  border-color:#445058;background:linear-gradient(110deg,#1b2b31,#1a262c)
}
.wmd-workspace--debt .debt-strategy-disclosure,
.wmd-workspace--debt .debt-accounts-panel,
.wmd-workspace--debt .debt-breakdown-panel,
.wmd-workspace--debt .debt-results-panel{
  background:linear-gradient(135deg,#1b262b,#172127)!important;
  border-color:#394b54!important
}
.wmd-workspace--debt .debt-kicker,
.wmd-workspace--debt .debt-strategy-summary-main>span:first-child{
  color:var(--wmd-accent)!important
}
.wmd-workspace--debt .debt-overview h2{color:#f0f5f8!important}
.wmd-workspace--investments .invest-refresh .invest-hero-refreshed,
.wmd-workspace--investments .invest-refresh .invest-clarity-focus{
  background:linear-gradient(140deg,#1e2830,#1b242b)!important;
  border-color:#3b4c56!important
}
.wmd-workspace--investments .invest-kicker{color:var(--wmd-accent)!important}
.wmd-workspace--investments .invest-subnav button.active{
  color:#ece8f6!important;border-color:#5b5b74!important;
  background:#292d3a!important
}
.wmd-workspace--retirement .retirement-card{
  border-color:#364850
}
.wmd-workspace--retirement .retirement-status-row>div:first-child>span{
  color:var(--wmd-accent)
}
/* Consistent modern headings without changing numeric or chart semantics. */
.wmd-workspace--networth .nw-overview-label,
.wmd-workspace--budget .budget-section .section-head h3,
.wmd-workspace--debt .debt-overview h2,
.wmd-workspace--debt .debt-panel-head h3,
.wmd-workspace--retirement .retirement-status-row h3{
  font-family:inherit;letter-spacing:-.025em
}
@media(max-width:680px){
  .wmd-workspace>nav{gap:15px;margin:7px 0 16px}
  .wmd-workspace>nav button{font-size:12px;min-height:40px}
}
@media(prefers-reduced-motion:reduce){.wmd-workspace>nav button{transition:none}}

/* Net Worth: one true row, with short, predictable actions.
   Old styles force display:block and 27px .add-sub buttons: override the
   layout and intentionally do not reuse the legacy .add-sub class. */
.nw-overview-section{overflow:visible}
.nw-overview-section .nw-overview-detail{overflow:visible}
.nw-overview-section:has(.nw-group-menu[open]){position:relative;z-index:9}
.nw-group:has(.nw-group-menu[open]){position:relative;z-index:10}
.nw-overview-section .nw-group-head{
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:9px;padding:9px 12px;min-width:0;
  width:100%;box-sizing:border-box;border-bottom:1px solid #33444d
}
.nw-overview-section .nw-group-head .heading-name{
  display:grid;grid-template-columns:25px minmax(0,1fr) auto;
  align-items:center;gap:8px;min-width:0;width:100%;margin:0
}
.nw-overview-section .nw-group-head .heading-name .collapse-btn{
  width:25px;height:25px;min-width:25px;margin:0
}
.nw-overview-section .nw-group-head .heading-name input{
  box-sizing:border-box;width:100%;max-width:none;min-width:0;
  height:31px;padding:4px 5px;border-radius:6px;
  font-family:inherit;font-size:13px;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  background:transparent;color:#eaf0f3
}
.nw-overview-section .nw-group-head .heading-name input:hover{background:#24343c}
.nw-overview-section .nw-group-head .heading-name input:focus{background:#111e24}
.nw-overview-section .nw-group-head .heading-name strong{
  margin:0;justify-self:end;color:#ecf3f5;
  font-family:inherit;font-weight:750;font-size:13px;line-height:1.3;
  font-variant-numeric:tabular-nums;white-space:nowrap
}
.nw-overview-section .nw-group-quick-actions{
  display:flex;align-items:center;justify-content:flex-end;gap:6px;
  flex:none;width:auto;min-width:72px;max-width:100%;
  margin:0;padding:0
}
.nw-overview-section .nw-group-head .nw-add-account,
.nw-overview-section .nw-group-menu>summary{
  flex:none;box-sizing:border-box;width:33px;height:33px;min-width:33px;
  min-height:33px;padding:0;display:grid;place-items:center;
  border:1px solid #4c626e;border-radius:8px;
  background:#213039;color:#d6e4ec;
  box-shadow:none;cursor:pointer;line-height:1
}
.nw-overview-section .nw-group-head .nw-add-account{
  font-size:19px;font-weight:600
}
.nw-overview-section .nw-group-menu>summary{
  font-size:18px;font-weight:600;letter-spacing:.02em;list-style:none
}
.nw-overview-section .nw-group-menu>summary::-webkit-details-marker{display:none}
.nw-overview-section .nw-group-menu>summary::marker{content:""}
.nw-overview-section .nw-group-head .nw-add-account:hover,
.nw-overview-section .nw-group-menu>summary:hover{
  background:#2d4350;border-color:#7b9aa8;color:#fff
}
.nw-overview-section .nw-group-menu{position:relative;flex:none;margin:0}
.nw-overview-section .nw-group-menu .group-controls{
  position:absolute;right:0;top:calc(100% + 7px);z-index:12;
  display:grid;grid-template-columns:1fr 1fr;gap:9px;
  width:min(315px,calc(100vw - 32px));max-width:none;
  margin:0;padding:12px;box-sizing:border-box;
  background:#1b2b34;border:1px solid #4d6572;border-radius:12px;
  box-shadow:0 15px 32px #0008
}
.nw-overview-section .nw-group-menu:not([open]) .group-controls{display:none}
.nw-overview-section .nw-group-menu-title{
  grid-column:1/-1;color:#b6cad3;font-size:10px;
  font-weight:850;letter-spacing:.1em
}
.nw-overview-section .nw-group-menu .group-reorder{
  grid-column:1/-1;display:flex;align-items:center;gap:6px
}
.nw-overview-section .nw-group-menu .group-reorder>span{
  margin-right:auto;color:#b6c4cb;font-size:11px
}
.nw-overview-section .nw-group-menu .nw-reorder button{
  width:32px;height:32px;border-radius:7px;font-size:13px
}
.nw-overview-section .nw-group-menu .quick-sort{
  grid-column:1/-1;display:flex;gap:6px
}
.nw-overview-section .nw-group-menu .quick-sort button{
  flex:1;width:auto;min-height:34px;padding:7px;border-radius:7px;
  border:1px solid #526c79;background:#233946;
  font-size:11px;color:#e1edf4
}
.nw-overview-section .nw-group-menu .goal-input{
  grid-column:1/-1;display:flex;gap:8px;justify-content:space-between;
  width:100%;color:#bdcdd5;font-size:12px
}
.nw-overview-section .nw-group-menu .goal-input input{
  width:110px;max-width:58%;min-height:35px;padding:6px;
  border-radius:7px;color:#e7f1f5
}
.nw-overview-section .nw-group-menu .note-btn,
.nw-overview-section .nw-group-menu .heading-remove{
  min-width:0;width:100%;height:auto;min-height:36px;
  padding:7px 9px;border-radius:8px;
  font-size:11px;font-weight:700;line-height:1.3
}
.nw-overview-section .nw-group-menu .note-btn{grid-column:1}
.nw-overview-section .nw-group-menu .heading-remove{grid-column:2}
.nw-overview-section .nw-subrow .sub-reorder,
.nw-overview-section .nw-subrow .row-remove{
  opacity:.50;transition:opacity .14s ease
}
.nw-overview-section .nw-subrow:hover .sub-reorder,
.nw-overview-section .nw-subrow:hover .row-remove,
.nw-overview-section .nw-subrow:focus-within .sub-reorder,
.nw-overview-section .nw-subrow:focus-within .row-remove{opacity:1}
.nw-overview-section .nw-subrow .row-remove{
  min-width:20px;min-height:20px;font-size:14px
}
@media(max-width:740px){
 .nw-overview-section .nw-group-head{
   display:grid;grid-template-columns:minmax(0,1fr) auto;
   gap:7px;padding:8px 9px
 }
 .nw-overview-section .nw-group-quick-actions{
   width:auto;min-width:72px;justify-content:flex-end
 }
 .nw-overview-section .nw-group-head .heading-name input{
   max-width:none;font-size:12px
 }
 .nw-overview-section .nw-group-head .heading-name strong{font-size:12px}
 .nw-overview-section .nw-subrow .sub-reorder,
 .nw-overview-section .nw-subrow .row-remove{opacity:.78}
}
@media(max-width:420px){
 .nw-overview-section .nw-group-head .heading-name{
   grid-template-columns:24px minmax(0,1fr);
   grid-template-rows:auto auto;column-gap:6px;row-gap:2px
 }
 .nw-overview-section .nw-group-head .heading-name strong{
   grid-column:2;grid-row:2;justify-self:start;font-size:11px
 }
 .nw-overview-section .nw-group-quick-actions{align-self:center}
}
@media(prefers-reduced-motion:reduce){
 .nw-overview-section .nw-subrow .sub-reorder,
 .nw-overview-section .nw-subrow .row-remove{transition:none}
}

/* The Growth Snapshot should read as part of the Net Worth workspace, not as
   another oversized title competing with the financial totals. */
.wmd-workspace--networth .growth-snapshot{
 border-color:rgba(120,207,176,.28);
 background:linear-gradient(145deg,#1d2b29,#171f24 75%)
}
.wmd-workspace--networth .growth-snapshot-head h3{
 font-family:inherit;font-size:clamp(17px,1.6vw,21px);
 font-weight:760;letter-spacing:-.02em;color:#eff6f2
}
.wmd-workspace--networth .growth-snapshot-head p{color:#abc0b9;line-height:1.45}
.wmd-workspace--networth .growth-snapshot-head>div>span{color:#84d4b6}

/* Retirement: all chart content stays visible on phone. A mobile SVG with
   fewer legible ticks replaces old 700/900px wide scrolling viewports. */
@media(max-width:760px){
 .wmd-workspace--retirement .retirement-page,
 .wmd-workspace--retirement .retirement-layout,
 .wmd-workspace--retirement .retirement-chart-card,
 .wmd-workspace--retirement .retirement-chart{min-width:0!important;max-width:100%!important;width:100%!important;box-sizing:border-box!important}
 .wmd-workspace--retirement .retirement-chart{
   overflow:hidden!important;overflow-x:hidden!important;overflow-y:hidden!important;
   min-height:0!important;height:auto!important;aspect-ratio:auto!important
 }
 .wmd-workspace--retirement .retirement-chart svg{
   display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;
   height:auto!important;aspect-ratio:380/278!important;overflow:visible!important
 }
 .wmd-workspace--retirement .retirement-chart-card{padding:13px 11px!important;overflow:hidden}
 .wmd-workspace--retirement .retirement-axis{font-size:12px}
 .wmd-workspace--retirement .retirement-axis-age{font-size:10px}
 .wmd-workspace--retirement .retirement-target-text{font-size:11px}
}


/* Net Worth: remove an ornamental vertical stripe that looked like data. */
.wmd-workspace--networth .nw-unified-overview{
  border-left:1px solid #3a4b55!important
}
/* Keep adjustments directly below the invoking control in the chart panel. */
.nw-equity-inline{margin:12px 0 0;min-width:0;animation:nw-equity-reveal .16s ease-out}
.nw-equity-inline .equity-setup{
  margin:0!important;padding:14px!important;max-width:100%;
  background:#1a292e;border:1px solid #42625c;border-radius:12px
}
.nw-equity-inline .equity-setup-head{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-start}
.nw-equity-inline .equity-setup-head>div{flex:1 1 220px;min-width:0}
.nw-equity-inline .equity-link-row{min-width:0}
@keyframes nw-equity-reveal{from{opacity:.7;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
/* Readable, independently labeled rings on Net Worth and Budget.
   A five-pixel depth layer adds dimension without misleading perspective. */
.donut-wrap-labeled{min-width:0;align-items:center}
.donut-wrap-labeled .donut-labeled{
  display:block;overflow:visible;width:min(100%,360px)!important;
  height:auto!important;min-width:0!important;max-width:360px!important;
  aspect-ratio:360/248!important;flex:0 0 auto!important
}
.donut-depth{opacity:.27;filter:brightness(.57);pointer-events:none}
.donut-depth-ring{pointer-events:none}
.donut-leader{pointer-events:none}
.donut-leader-action{cursor:pointer;pointer-events:visiblePainted}
.donut-leader-action:hover .donut-label-name,
.donut-leader-action:focus-visible .donut-label-name{fill:#fff;text-decoration:underline}
.donut-leader-action:focus-visible{outline:none}
.donut-label-name{
  font-family:var(--wmd-font-ui);
  font-size:10px;font-weight:760;letter-spacing:-.01em;
  fill:#eaf2f6
}
.donut-label-percent{
  font-family:var(--wmd-font-ui);
  font-size:9px;font-weight:700;fill:#adc4cf;
  font-variant-numeric:tabular-nums
}
.donut-wrap-labeled .donut-center-label{
  font-family:var(--wmd-font-ui);
  font-weight:800;font-size:14px;letter-spacing:-.02em
}
.wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-wrap-labeled{
  display:grid!important;grid-template-columns:minmax(260px,1.1fr) minmax(155px,.8fr);
  gap:10px!important;justify-items:center;align-items:center;min-width:0
}
.wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend{
  min-width:0!important;width:100%!important;max-width:none!important;
  display:grid!important;grid-template-columns:1fr;gap:8px!important
}
.wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend>div{
  min-width:0;grid-template-columns:8px minmax(0,1fr) auto!important;gap:5px
}
.wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend span,
.wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend b{
  font-size:11px!important;min-width:0
}
.wmd-workspace--budget .budget-chart .donut-wrap-labeled{
  width:100%!important;display:flex!important;
  justify-content:center!important;align-items:center!important
}
.wmd-workspace--budget .budget-chart .donut-labeled{
  width:min(100%,360px)!important;min-width:0!important;
  max-width:360px!important;height:auto!important;
  aspect-ratio:360/248!important;flex:0 1 360px!important
}
@media(max-width:1150px){
 .wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-wrap-labeled{
   grid-template-columns:1fr;gap:8px!important
 }
 .wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend{
   grid-template-columns:repeat(2,minmax(0,1fr))!important
 }
}
@media(max-width:740px){
 .wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-wrap-labeled{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important
 }
 .wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-labeled{
   width:min(100%,360px)!important;max-width:100%!important
 }
 .wmd-workspace--networth .nw-chart-panel .donut-wrap-labeled .side-legend{
   grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important
 }
 .wmd-workspace--budget .budget-chart .donut-labeled{
   width:min(100%,360px)!important;height:auto!important;
   min-width:0!important;max-width:360px!important
 }
 .nw-equity-inline .equity-setup{padding:10px!important}
}
/* Budget section titles should match the strong hierarchy of Cash Flow. */
.wmd-workspace--budget .budget-section .section-head h3{
 font-family:inherit!important;font-size:clamp(20px,2.1vw,25px)!important;
 line-height:1.18;font-weight:790;letter-spacing:-.028em
}
.wmd-workspace--budget .budget-section .section-head{min-height:59px;gap:10px}
@media(max-width:680px){
 .wmd-workspace--budget .budget-section .section-head h3{font-size:22px!important}
 .wmd-workspace--budget .budget-section .section-head{min-height:64px}
}
/* One Cash Flow action needs one button, not a second accordion. */
.cash-rebuild-direct{
  min-height:39px;display:inline-flex;align-items:center;justify-content:center;
  gap:7px;padding:8px 13px;border:1px solid #557086;border-radius:10px;
  background:#1d3041;color:#d8e9f5;font-size:12px;font-weight:750;cursor:pointer
}
.cash-rebuild-direct:hover{background:#294458;border-color:#95b9d3}
.cash-rebuild-direct>span{font-size:18px;line-height:1}
@media(max-width:650px){
 .cash-rebuild-direct{max-width:100%;font-size:12px;padding:9px 12px}
}
@media(prefers-reduced-motion:reduce){.nw-equity-inline{animation:none}}

/* Labeled rings: avoid duplicating a full legend, and reserve the entire
   SVG viewBox for on-chart names/percentages without clipping leader text. */
.wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-wrap-labeled{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important
}
.wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-wrap-labeled .donut-labeled,
.wmd-workspace--budget .budget-chart .donut-wrap-labeled .donut-labeled{
  display:block!important;width:min(100%,400px)!important;min-width:0!important;
  max-width:400px!important;height:auto!important;aspect-ratio:400/248!important;
  flex:0 1 auto!important;overflow:visible!important
}
.donut-wrap-labeled .donut-label-name{font-size:12px;fill:#eef5f9}
.donut-wrap-labeled .donut-label-percent{font-size:10.5px;fill:#b4c6d0}
/* Keep finance input panels under the Equity action visible without causing
   chart-card overflow at typical phone widths. */
.nw-equity-inline .equity-link-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 26px!important;
  gap:8px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box
}
.nw-equity-inline .equity-link-row .equity-minus{display:none!important}
.nw-equity-inline .equity-link-row>label:nth-of-type(1){grid-column:1;grid-row:1;min-width:0}
.nw-equity-inline .equity-link-row>label:nth-of-type(2){grid-column:2;grid-row:1;min-width:0}
.nw-equity-inline .equity-link-row .equity-result{grid-column:1/3;grid-row:2;min-width:0}
.nw-equity-inline .equity-link-row .equity-remove{grid-column:3;grid-row:1/3;align-self:center}
.nw-equity-inline .equity-link-row select{max-width:100%;width:100%;min-width:0}
@media(max-width:385px){
 .nw-equity-inline .equity-link-row{grid-template-columns:minmax(0,1fr) 26px!important}
 .nw-equity-inline .equity-link-row>label:nth-of-type(1){grid-column:1;grid-row:1}
 .nw-equity-inline .equity-link-row>label:nth-of-type(2){grid-column:1;grid-row:2}
 .nw-equity-inline .equity-link-row .equity-result{grid-column:1;grid-row:3}
 .nw-equity-inline .equity-link-row .equity-remove{grid-column:2;grid-row:1/4}
}


/* The labeled SVG uses a 400x248 viewBox, preserve that proportion so
   leader text never gets squeezed back into the tiny legacy donut viewport. */
.donut-wrap-labeled .donut-labeled{
  width:min(100%,400px)!important;max-width:400px!important;
  aspect-ratio:400/248!important;height:auto!important
}
.wmd-workspace--budget .budget-chart .donut-labeled{
  width:min(100%,400px)!important;max-width:400px!important;
  aspect-ratio:400/248!important;height:auto!important
}
@media(max-width:740px){
 .wmd-workspace--networth .nw-unified-dashboard .nw-chart-panel .donut-labeled,
 .wmd-workspace--budget .budget-chart .donut-labeled{
  max-width:100%!important;width:100%!important;aspect-ratio:400/248!important
 }
 .nw-equity-inline .equity-link-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:8px;align-items:end
 }
 .nw-equity-inline .equity-link-row label{min-width:0;grid-column:1}
 .nw-equity-inline .equity-link-row .equity-minus{display:none}
 .nw-equity-inline .equity-link-row .equity-result{grid-column:1}
 .nw-equity-inline .equity-link-row .equity-remove{grid-column:2;grid-row:1}
}


/* Budget section headers: legacy mobile styles shrank them to 18px. */
.wmd-workspace--budget .budget-overview-label{
 font-family:inherit!important;font-size:clamp(21px,2vw,26px)!important;
 font-weight:790!important;letter-spacing:-.025em;line-height:1.24
}
.wmd-workspace--budget .budget-overview-amount{
 font-family:inherit!important;font-size:clamp(20px,2vw,26px)!important;
 font-weight:790!important;font-variant-numeric:tabular-nums;white-space:nowrap
}
@media(max-width:690px){
 .wmd-workspace--budget .budget-overview-label{font-size:23px!important}
 .wmd-workspace--budget .budget-overview-amount{font-size:21px!important}
 .wmd-workspace--budget .budget-overview-toggle{
  display:flex;align-items:center;gap:8px;min-width:0;padding:16px 13px
 }
 .wmd-workspace--budget .budget-overview-label{flex:1 1 auto;min-width:0}
}
/* Scale text to stay readable after the 400-wide SVG is fitted to a phone. */
.donut-wrap-labeled .donut-label-name{font-size:12px}
.donut-wrap-labeled .donut-label-percent{font-size:10.5px}

/* cashflow-payments.css */
/* Cash Flow payment routing, calm high-contrast design.
   Spending categories and checking transfers are intentionally distinct. */
.cash-card-payment-center{
  margin:12px 0 14px;
  padding:18px 19px 15px;
  border:1px solid #3a5065;
  border-radius:17px;
  background:linear-gradient(125deg,#1b2733,#16212c);
  color:#e8f1fa;
  box-shadow:0 8px 25px rgba(0,0,0,.10);
}
.cash-card-payment-center>header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:12px;flex-wrap:wrap}
.cash-card-payment-center>header>div:first-child{flex:1;min-width:210px}
.cash-card-payment-eyebrow{font-size:10px;font-weight:850;letter-spacing:.13em;color:#9ab7cd}
.cash-card-payment-center h3{color:#eff6fd;font-family:inherit;font-weight:780;font-size:clamp(19px,2vw,23px);line-height:1.2;letter-spacing:-.025em;margin:6px 0 5px}
.cash-card-payment-center>header p{margin:0;max-width:56ch;font-size:12px;line-height:1.55;color:#adbfcf}
.cash-card-payment-total{min-width:125px;display:grid;justify-items:end;gap:5px;align-self:center;text-align:right}
.cash-card-payment-total span{font-size:11px;color:#b6c8d6;font-weight:650}
.cash-card-payment-total strong{font-weight:830;font-family:inherit;font-size:clamp(24px,2.7vw,31px);line-height:1.1;letter-spacing:-.025em;color:#f5f8fc;font-variant-numeric:tabular-nums}
.cash-card-payment-rows{display:grid;gap:0;border:1px solid #35485c;border-radius:13px;overflow:hidden;background:#121d28}
.cash-card-payment-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-top:1px solid #324354}
.cash-card-payment-row:first-child{border-top:0}
.cash-card-payment-identity{display:flex;align-items:center;gap:11px;min-width:0}
.cash-card-payment-identity>span:last-child{display:grid;gap:3px;min-width:0}
.cash-card-payment-identity strong{font-size:13px;color:#eaf2fa;font-weight:760;line-height:1.3;overflow-wrap:anywhere}
.cash-card-payment-identity small{font-size:11px;color:#9eafbe;line-height:1.4}
.cash-card-payment-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #46596c;background:#223448;border-radius:10px;color:#d0e4f3;font-size:17px}
.cash-card-payment-value{font-family:inherit;font-size:clamp(16px,1.8vw,21px);font-variant-numeric:tabular-nums;font-weight:800;color:#edf4fa;text-align:right;white-space:nowrap}
.cash-card-payment-value.is-paid{color:#9bdab7}
.cash-card-payment-methods{display:flex;align-items:center;justify-content:space-between;gap:10px 18px;flex-wrap:wrap;padding:13px 2px;border-bottom:1px solid #334456}
.cash-card-payment-methods>span{flex:1;min-width:210px;font-size:11px;line-height:1.55;color:#aebecd}
.cash-card-payment-methods>button{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #53697d;border-radius:9px;background:#223445;color:#ddecf8;font-weight:750;font-size:11px;cursor:pointer}
.cash-card-payment-methods>button:hover{background:#30465a;border-color:#86a5bd}
.cash-card-payment-methods svg{width:14px;height:14px}
.cash-card-payment-empty{font-size:12px;color:#b2c3d2;padding:12px 13px;border:1px dashed #526174;border-radius:11px;background:#14202c}
.cash-card-payment-settings{margin:9px 0 0;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important;min-width:0}
.cash-card-payment-settings>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:9px 2px;color:#d8e7f2;min-height:35px}
.cash-card-payment-settings>summary::-webkit-details-marker{display:none}
.cash-card-payment-settings>summary::marker{content:""}
.cash-card-payment-settings>summary .cash-top-title{display:grid;flex:1;gap:3px;min-width:0;color:#dfeaf4;font-size:12px;font-weight:750}
.cash-card-payment-settings>summary .cash-top-title small{font-size:11px;font-weight:550;color:#9fb6c7}
.cash-card-payment-settings>summary .cash-top-arrow{display:flex;align-items:center;color:#afc7db}
.cash-card-payment-settings>summary .cash-top-arrow svg{width:17px;height:17px;transition:transform .16s}
.cash-card-payment-settings[open]>summary .cash-top-arrow svg{transform:rotate(180deg)}
.cash-card-payment-settings>summary:focus-visible,.cash-card-payment-methods>button:focus-visible{outline:2px solid #bad7ed;outline-offset:3px}
.cash-card-payment-settings .cash-top-panel-body{padding:13px 0 0;border-top:1px solid #33475a;color:#cfdfeb}
.cash-card-payment-settings .cash-top-panel-body>p,.cash-card-payment-settings .cash-top-explainer{color:#acbfd0;font-size:12px;line-height:1.6}
.cash-card-payment-settings .cash-top-panel-body>p strong{color:#f4f6fc}
.cash-card-payment-settings .cash-top-picker{background:#182633;border-color:#45596d}
.cash-card-payment-settings .cash-top-picker>summary{color:#e1edf8}
.cash-card-payment-settings .cash-top-card{background:#172430!important;border-color:#3d5367!important;box-shadow:none!important}
.cash-card-payment-settings .cash-top-card-head strong{color:#f0f5fb}
.cash-card-payment-settings .cash-card-source{background:#273847!important;border-color:#4d667a!important;color:#cfdeeb!important}
.cash-card-payment-settings .cash-top-field>span{color:#c1d1df}
.cash-card-payment-settings .cash-top-field small{color:#a3b6c6}
.cash-card-payment-settings .cash-top-money{background:#121d28!important;border-color:#4b6176!important}
.cash-card-payment-settings .cash-top-money input{color:#f1f6fb!important}
.cash-card-payment-settings .cash-top-check{background:#192a37!important;border-color:#4e6576!important}
.cash-card-payment-settings .cash-top-check b{color:#dce8f2}
.cash-card-payment-settings .cash-top-day{background:#14222e;border-color:#485c6d;color:#e6eff7}
.cash-card-payment-settings .cash-top-total{background:#1a2a39;border-color:#3a5268}
.cash-card-payment-settings .cash-top-total span{color:#c1d3e0}
.cash-card-payment-settings .cash-top-total strong{font-family:inherit;color:#ecf5fd}
.cash-card-paid-toggle{display:flex;align-items:center;gap:10px;margin:11px 0;padding:10px 12px;border:1px solid #536578;border-radius:10px;background:#1c2e3b;cursor:pointer;min-width:0}
.cash-card-paid-toggle input{flex:none;width:19px;height:19px;accent-color:#78bb9c}
.cash-card-paid-toggle>span{display:grid;gap:3px;flex:1;min-width:0}
.cash-card-paid-toggle b{font-size:12px;color:#e2effa}
.cash-card-paid-toggle small{font-size:11px;color:#aebfce;line-height:1.4}
.cash-card-paid-toggle>strong{font-size:14px;font-variant-numeric:tabular-nums;color:#a5ddbd}
.cash-card-future-hint{font-size:11px;line-height:1.55;color:#9ebace;margin:3px 0!important}
.cash-card-payment-settings .cash-top-card-advanced{border-color:#465a6d;background:#172837}
.cash-card-payment-settings .cash-top-card-advanced>summary{color:#d4e2ef}
.cash-debt-selectors:has(> .cash-debt-select-card:only-child){grid-template-columns:minmax(0,1fr)}
.budget-section .budget-grid>.budget-name-edit{flex-wrap:wrap;column-gap:0;row-gap:4px;align-content:start;min-width:0}
.budget-section .budget-grid>.budget-name-edit>input{flex:1 1 90%;min-width:0}
.budget-section .budget-grid>.budget-name-edit>.budget-payment-source{display:flex;flex:1 1 100%;min-width:0;gap:6px;align-items:center;margin:0;padding:2px 0;max-width:100%}
.budget-payment-source>span{font-size:10px;color:#a9bbcd;white-space:nowrap;font-weight:650}
.budget-payment-source>select{flex:1;min-width:0;width:auto;max-width:100%;font-size:11px;background:#162432;color:#e3edf5;border:1px solid #496176;border-radius:6px;padding:5px 7px}
.budget-payment-source>select:focus-visible{outline:2px solid #8eb5d7;outline-offset:2px}
.cash-calendar-editor .cash-calendar-payment-method{display:grid;gap:5px;min-width:0}
.cash-calendar-editor .cash-calendar-payment-method>span{font-weight:720;font-size:12px;color:#c5d7e4}
.cash-calendar-editor .cash-calendar-payment-method select{width:100%;min-height:43px;border:1px solid #496174;border-radius:8px;padding:8px 10px;background:#162431;color:#e9f3fb}
.cash-checklist-method{color:#a3bcd5!important;font-size:11px}
.cash-day-detail-row .neutral{color:#a4c6e0;font-size:13px}
@media(max-width:680px){
 .cash-card-payment-center{margin:10px 0 12px;padding:15px 13px 12px;border-radius:14px}
 .cash-card-payment-center>header{gap:11px}
 .cash-card-payment-center>header>div:first-child{min-width:0;flex:1 1 100%}
 .cash-card-payment-total{justify-items:start;align-self:start;text-align:left}
 .cash-card-payment-row{padding:12px 11px}
 .cash-card-payment-icon{width:31px;height:31px;font-size:15px}
 .cash-card-payment-value{font-size:18px}
 .cash-card-payment-methods{gap:9px}
 .cash-card-payment-methods>span{flex:1 1 100%;min-width:0}
 .cash-card-payment-methods>button{min-height:40px}
 .cash-card-payment-settings .cash-top-panel-body{padding:11px 0 0}
 .cash-card-payment-settings .cash-top-card{padding:12px}
 .cash-card-paid-toggle{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.cash-card-payment-settings>summary .cash-top-arrow svg{transition:none}}

/* Payment method setup stays inside Cash Flow rather than navigating away. */
.cash-card-payment-methods{display:block;padding:12px 2px}
.cash-card-payment-methods>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:12px;font-weight:760;color:#dfecf6;min-height:42px}
.cash-card-payment-methods>summary::-webkit-details-marker{display:none}
.cash-card-payment-methods>summary svg{width:15px;height:15px;transform:rotate(90deg)}
.cash-card-payment-methods[open]>summary svg{transform:rotate(-90deg)}
.cash-card-payment-methods>p,.cash-card-payment-methods>small{display:block;font-size:12px;line-height:1.55;color:#acbfd0;margin:7px 0 11px}
.cash-method-table{display:grid;gap:7px;max-height:310px;overflow:auto;padding:3px 2px 5px}
.cash-method-table>label{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid #3b5267;border-radius:9px;padding:9px 11px;background:#142330;min-width:0}
.cash-method-table>label>span{flex:1;min-width:0;font-size:12px;line-height:1.4;color:#e5eff7;overflow-wrap:anywhere}
.cash-method-table small{display:block;font-size:10px;color:#a4bbcc}
.cash-method-table select{width:46%;max-width:240px;min-width:110px;background:#1c3040;color:#ecf4fa;border:1px solid #526d82;border-radius:8px;padding:9px;font-size:12px}
.cash-card-payment-methods>summary:focus-visible,.cash-method-table select:focus-visible{outline:2px solid #bad7ed;outline-offset:3px}
@media(max-width:680px){.cash-method-table{max-height:290px}.cash-method-table>label{padding:10px 9px}.cash-method-table select{width:49%;font-size:12px}}

/* A genuinely useful card payment surface, rather than duplicated form rows. */
.cash-card-payment-center .cash-card-payment-rows{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,325px),1fr));
  gap:14px;overflow:visible;border:0;background:transparent;border-radius:0
}
.cash-wallet-card{
  min-width:0;display:flex;flex-direction:column;gap:0;
  background:#152430;border:1px solid #365064;border-radius:18px;
  padding:9px;box-shadow:0 10px 24px #0002
}
.cash-wallet-face{
  display:flex;flex-direction:column;gap:10px;
  min-height:192px;aspect-ratio:1.83/1;
  padding:19px 20px 17px;color:#f1f8fe;border-radius:13px;
  background:linear-gradient(144deg,#23384c 0%,#18283a 48%,#121c31 100%);
  border:1px solid #54687b;box-shadow:inset 0 1px #ffffff25;
  position:relative;isolation:isolate;overflow:hidden
}
.cash-wallet-face::after{
  content:"";position:absolute;right:-65px;top:-104px;width:270px;height:270px;
  border:1px solid #ffffff1d;border-radius:50%;pointer-events:none;z-index:-1
}
.cash-wallet-face-top,.cash-wallet-face-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.cash-wallet-brand{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:850;letter-spacing:.14em;color:#c5d8eb}
.cash-wallet-chip{display:inline-block;width:31px;height:23px;flex:0 0 auto;border-radius:6px;
  border:1px solid #ecdab2;background:linear-gradient(125deg,#dcc9a3,#b6b3a3 54%,#ebdfb8);
  box-shadow:inset 0 0 0 5px #d6c9a956;position:relative
}
.cash-wallet-chip::after{content:"";height:1px;left:0;right:0;top:50%;position:absolute;background:#9e987f}
.cash-wallet-digits{font-size:11px;color:#c2d4e2;white-space:nowrap;letter-spacing:.13em;font-variant-numeric:tabular-nums}
.cash-wallet-name{font-size:clamp(15px,1.8vw,19px);line-height:1.25;letter-spacing:-.015em;font-weight:770;overflow-wrap:anywhere}
.cash-wallet-balance{display:grid;gap:4px;margin-top:auto}
.cash-wallet-balance>span{font-size:11px;font-weight:650;color:#bad0e0}
.cash-wallet-balance>strong{font-size:clamp(27px,3vw,34px);font-variant-numeric:tabular-nums;font-weight:850;line-height:1.15;letter-spacing:-.04em}
.cash-wallet-face-bottom{margin-top:6px;padding-top:10px;border-top:1px solid #e5f5ff24;align-items:flex-start}
.cash-wallet-face-bottom>span{display:grid;gap:4px;min-width:0}
.cash-wallet-face-bottom>span:last-child{text-align:right}
.cash-wallet-face-bottom small{font-size:9px;letter-spacing:.09em;font-weight:750;color:#acc1d2}
.cash-wallet-face-bottom b{font-size:13px;color:#f4f9fe;font-weight:730;font-variant-numeric:tabular-nums}
.cash-wallet-under{display:grid;gap:9px;padding:12px 7px 5px;flex:1}
.cash-wallet-payment-state{display:flex;justify-content:space-between;gap:9px;align-items:center}
.cash-wallet-status{font-size:12px;font-weight:760;line-height:1.4;color:#e1c79a}
.cash-wallet-status.is-clear,.cash-wallet-status.is-paid{color:#9ddcbe}
.cash-wallet-payment-state>strong{font-size:18px;color:#f1f7fc;font-variant-numeric:tabular-nums}
.cash-wallet-under>p{margin:0;font-size:11px;line-height:1.5;color:#a8c0d0}
.cash-wallet-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:auto}
.cash-wallet-action,.cash-wallet-paid{min-height:39px;display:inline-flex;align-items:center;justify-content:center;
  border:1px solid #52708a;color:#e6f2fc;background:#23384a;border-radius:10px;
  padding:8px 11px;font-size:12px;font-weight:760;cursor:pointer;text-align:center
}
.cash-wallet-action-primary{background:#d3e5f0;border-color:#d3e5f0;color:#132a3c}
.cash-wallet-action:hover,.cash-wallet-paid:hover{border-color:#9eb7ca}
.cash-wallet-action:focus-visible,.cash-wallet-paid:focus-within{outline:2px solid #a4dce9;outline-offset:2px}
.cash-wallet-paid{gap:7px}
.cash-wallet-paid input{width:17px;height:17px;margin:0;accent-color:#69c6a6}
.cash-checklist-card-payment{border-color:#40637b!important;background:linear-gradient(115deg,#1b303f,#192833)}
.cash-checklist-card-done{flex:0 0 40px;display:flex;align-items:center;justify-content:center;
  position:relative;cursor:pointer}
.cash-checklist-card-done input{position:absolute;inset:0;opacity:0;cursor:pointer}
.cash-checklist-card-done>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #61859c;
  border-radius:50%;font-size:20px;color:#d1e9f5;background:#233b4b}
.cash-checklist-card-done input:checked+span{background:#25795f;border-color:#73cfad;color:white}
.cash-checklist-card-done:focus-within>span{outline:2px solid #a4dce9;outline-offset:2px}
.cash-checklist-card-right{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.cash-checklist-card-right>strong{font-size:18px;font-weight:800;color:#f2f8fd;font-variant-numeric:tabular-nums}
.cash-checklist-card-right>button{border:1px solid #55738b;border-radius:9px;background:#203847;
  color:#e4f3fb;padding:9px 11px;min-height:36px;font-size:11px;font-weight:750;cursor:pointer}
.cash-card-payment-settings input[data-card-payment-date]{
  width:100%;min-height:43px;color-scheme:dark;border:1px solid #58738a;
  background:#132431;color:#f0f7fc;border-radius:10px;padding:8px 10px
}
@media(max-width:630px){
  .cash-card-payment-center .cash-card-payment-rows{grid-template-columns:minmax(0,1fr);gap:11px}
  .cash-wallet-face{padding:16px;min-height:185px}
  .cash-wallet-under{padding:12px 5px 5px}
  .cash-wallet-action{flex:1 1 auto}
  .cash-checklist-card-payment{flex-wrap:wrap}
  .cash-checklist-card-right{width:100%;justify-content:space-between;padding-left:36px}
}
@media(prefers-reduced-motion:reduce){.cash-wallet-card *{scroll-behavior:auto}}

/* Compact multi-card payment wallet: the payment controls remain accessible. */
.cash-card-payment-center .cash-card-payment-rows{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));
  align-items:start;gap:10px
}
.cash-wallet-card{padding:8px;border-radius:13px;gap:0}
.cash-wallet-face{
  aspect-ratio:auto;min-height:0;padding:12px 13px 10px;
  gap:7px;border-radius:10px
}
.cash-wallet-face::after{width:132px;height:132px;top:-74px;right:-43px}
.cash-wallet-face-top{min-height:21px}
.cash-wallet-chip{width:25px;height:18px;border-radius:5px}
.cash-wallet-name{font-size:14px;line-height:1.3}
.cash-wallet-balance{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin-top:2px}
.cash-wallet-balance>span{font-size:10px}
.cash-wallet-balance>strong{font-size:clamp(21px,2vw,26px)}
.cash-wallet-face-bottom{padding-top:7px;margin-top:0}
.cash-wallet-face-bottom small{font-size:9px}
.cash-wallet-face-bottom b{font-size:12px}
.cash-wallet-under{padding:9px 4px 3px;gap:6px}
.cash-wallet-payment-state>strong{font-size:15px}
.cash-wallet-status{font-size:11px}
.cash-wallet-under>p{font-size:10px;line-height:1.35}
.cash-wallet-actions{gap:6px}
.cash-wallet-action,.cash-wallet-paid{min-height:34px;padding:6px 8px;font-size:11px;border-radius:8px}
.cash-card-payment-center>header{margin-bottom:10px}
.cash-card-payment-center{padding:15px}
@media(max-width:630px){
 .cash-card-payment-center .cash-card-payment-rows{gap:9px}
 .cash-wallet-face{min-height:0;padding:12px}
 .cash-wallet-under{padding:9px 4px 3px}
 .cash-wallet-action{flex:0 1 auto}
 .cash-wallet-actions{gap:6px}
}

/* v6.10: A truly compact card wallet. All money actions live in the native
   disclosure; the summary remains readable with several linked cards. */
.cash-card-payment-center .cash-card-payment-rows{
  grid-template-columns:repeat(auto-fill,minmax(min(100%,425px),1fr));
  align-items:start;gap:10px
}
.cash-card-payment-center .cash-wallet-card{
  display:block;min-width:0;padding:0;border:1px solid #3b5369;
  border-radius:13px;background:#1a2b3b;box-shadow:none;overflow:visible
}
.cash-wallet-summary{
  display:grid;grid-template-columns:29px minmax(0,1fr) minmax(87px,.48fr) minmax(91px,.47fr) 16px;
  align-items:center;gap:10px;padding:13px 14px;min-height:77px;
  cursor:pointer;list-style:none;border-radius:12px;
  background:linear-gradient(112deg,#20374a,#172638 85%);
}
.cash-wallet-summary::-webkit-details-marker{display:none}
.cash-wallet-summary::marker{content:""}
.cash-wallet-summary:hover{background:linear-gradient(112deg,#2a4357,#1c3042)}
.cash-wallet-card[open] .cash-wallet-summary{border-radius:12px 12px 0 0}
.cash-wallet-summary:focus-visible{outline:2px solid #b4d9ef;outline-offset:3px}
.cash-wallet-summary-icon{display:grid;place-items:center}
.cash-wallet-summary-icon .cash-wallet-chip{width:27px;height:21px;border-radius:5px}
.cash-wallet-summary-name{display:grid;gap:5px;min-width:0}
.cash-wallet-summary-name>strong{color:#f1f7fd;font-size:13px;line-height:1.25;font-weight:780;overflow-wrap:anywhere}
.cash-wallet-summary-name>small{color:#a7bfd2;font-size:10px;line-height:1.3}
.cash-wallet-summary-money,.cash-wallet-summary-transfer{display:grid;gap:5px;justify-items:end;min-width:0}
.cash-wallet-summary-money>small,.cash-wallet-summary-transfer>small{font-size:9px;color:#b0c2d2;white-space:nowrap}
.cash-wallet-summary-money>strong,.cash-wallet-summary-transfer>strong{
  font-size:clamp(14px,1.5vw,19px);font-variant-numeric:tabular-nums;
  font-weight:810;line-height:1.2;color:#f3f8fc;white-space:nowrap
}
.cash-wallet-summary-transfer>strong{color:#c2e1f2}
.cash-wallet-summary-arrow{display:grid;place-items:center;color:#b2cbdc;transition:transform .16s ease}
.cash-wallet-summary-arrow .ui-chevron{width:16px;height:16px}
.cash-wallet-card[open] .cash-wallet-summary-arrow{transform:rotate(180deg)}
.cash-wallet-expanded{display:grid;gap:12px;padding:13px 15px 15px;border-top:1px solid #3d5669;background:#172737;border-radius:0 0 12px 12px}
.cash-wallet-expanded-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.cash-wallet-expanded-facts>span{display:grid;gap:5px;min-width:0}
.cash-wallet-expanded-facts small{font-size:10px;color:#aebfce}
.cash-wallet-expanded-facts strong{font-size:12px;line-height:1.35;color:#f1f7fc;font-variant-numeric:tabular-nums}
.cash-wallet-expanded>p{color:#a7bfd1;font-size:11px;line-height:1.45;margin:0}
.cash-wallet-expanded .cash-wallet-actions{margin-top:0;gap:7px}
.cash-wallet-expanded .cash-wallet-action,.cash-wallet-expanded .cash-wallet-paid{min-height:35px;padding:7px 10px;font-size:11px}
.cash-card-payment-utilities{display:flex;align-items:center;gap:9px 16px;flex-wrap:wrap;margin:0 0 12px}
.cash-card-payment-utilities button,.cash-add-new-card{
  border:1px solid #7698b3;border-radius:9px;background:#243c50;color:#e8f5fd;
  min-height:36px;padding:8px 12px;font-weight:750;font-size:11px;cursor:pointer
}
.cash-card-payment-utilities button:hover,.cash-add-new-card:hover{background:#30526b;border-color:#add7f0}
.cash-card-payment-utilities button:focus-visible,.cash-add-new-card:focus-visible{outline:2px solid #b4d9ef;outline-offset:3px}
.cash-card-payment-utilities>span{font-size:11px;color:#a2bacb;line-height:1.4}
.cash-card-payment-settings .cash-add-new-card{margin:9px 0 2px;justify-self:start}
@media(max-width:740px){
 .cash-card-payment-center .cash-card-payment-rows{grid-template-columns:minmax(0,1fr)}
 .cash-wallet-summary{grid-template-columns:27px minmax(0,1fr) minmax(86px,auto) 16px;gap:9px;min-height:79px;padding:12px}
 .cash-wallet-summary-money{grid-column:3;grid-row:1}
 .cash-wallet-summary-arrow{grid-column:4;grid-row:1}
 .cash-wallet-summary-transfer{grid-column:2/4;grid-row:2;border-top:1px solid #ffffff17;padding-top:7px;display:flex;gap:10px;align-items:baseline;justify-content:space-between}
 .cash-wallet-summary-transfer>strong{font-size:14px}
 .cash-wallet-expanded-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
 .cash-card-payment-utilities>span{flex-basis:100%}
}
@media(max-width:370px){
 .cash-wallet-summary{gap:6px}
 .cash-wallet-summary-name>strong{font-size:12px}
 .cash-wallet-summary-money>strong{font-size:14px}
 .cash-wallet-expanded-facts{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.cash-wallet-summary-arrow{transition:none}}


/* Explicit payment methods, with the amount and payment date still visible. */
.cash-top-card .cash-top-field select[data-card-payment-mode]{
 width:100%;max-width:100%;min-width:0;min-height:43px;
 padding:8px 30px 8px 11px;box-sizing:border-box;
 border-radius:10px;border:1px solid #58768e;
 background:#162a3b;color:#edf7fd;font-size:12px;
 font-weight:720;white-space:normal;cursor:pointer
}
.cash-top-card .cash-top-field select[data-card-payment-mode]:focus-visible{
 outline:2px solid #a5d0e8;outline-offset:2px
}
.cash-top-card [data-card-minimum]{
 min-width:0;color:#f1f7fb;font-variant-numeric:tabular-nums
}
.cash-top-card .cash-top-field>small{line-height:1.55}
.cash-top-card .cash-top-card-grid{align-items:start}
@media(max-width:720px){
 .cash-top-card .cash-top-card-grid{grid-template-columns:minmax(0,1fr)}
 .cash-top-card .cash-top-field select[data-card-payment-mode]{font-size:13px;min-height:46px}
 .cash-card-payment-rows .cash-wallet-summary-money strong{font-size:16px}
}


/* Compact, optional Budget payment account editor.
   Display-only controls follow the Budget palette. Cash Flow payments,
   liabilities, success, and warning semantics keep their independent colors. */
.budget-section .budget-grid>.budget-name-edit>.budget-payment-source{
 display:block!important;flex:1 1 100%;min-width:0;width:100%;margin:0;padding:0;
 --budget-payment-accent:var(--wmd-budget-accent,var(--wmd-theme-accent,#8ec8f3));
 --budget-payment-surface:var(--wmd-ui-deep,var(--wmd-theme-deep,#142536));
 --budget-payment-line:var(--wmd-ui-line,var(--wmd-theme-line,#496780));
 --budget-payment-muted:var(--wmd-ui-muted,var(--wmd-theme-muted,#bacddd));
 --budget-payment-text:var(--wmd-ui-txt,var(--wmd-theme-text,#eaf4fc));
}
.budget-section .budget-payment-source>summary{
 display:flex;align-items:center;gap:6px;width:100%;min-height:24px;cursor:pointer;
 list-style:none;padding:3px 4px;border-radius:6px;
 color:var(--budget-payment-muted,#bacddd);font-size:11px;
}
.budget-section .budget-payment-source>summary::-webkit-details-marker{display:none}
.budget-section .budget-payment-source>summary>span:first-child{
 flex:0 0 auto;white-space:nowrap;font-size:10px;
 color:var(--budget-payment-muted,#bacddd);font-weight:650
}
.budget-section .budget-payment-source>summary>strong{
 flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
 font-size:11px;font-weight:550;color:var(--budget-payment-text,#eaf4fc)
}
.budget-section .budget-payment-source>summary>.budget-payment-chevron{
 flex:0 0 auto;color:var(--budget-payment-accent,#8ec8f3);
 font-size:14px;transition:transform .15s ease
}
.budget-section .budget-payment-source[open]>summary>.budget-payment-chevron{transform:rotate(180deg)}
.budget-section .budget-payment-source>summary:hover,
.budget-section .budget-payment-source[open]>summary{
 background:color-mix(in srgb,var(--budget-payment-accent,#8ec8f3) 9%,transparent)
}
.budget-section .budget-payment-source>summary:focus-visible{
 outline:2px solid var(--budget-payment-accent,#8ec8f3);outline-offset:2px
}
.budget-section .budget-payment-editor{display:grid;gap:7px;padding:7px 3px 4px;min-width:0}
.budget-section .budget-payment-editor>select{
 display:block;box-sizing:border-box;width:100%;min-width:0;min-height:35px;
 border:1px solid var(--budget-payment-line,#496780);
 background:var(--budget-payment-surface,#142536);
 color:var(--budget-payment-text,#eaf4fc);border-radius:8px;
 padding:7px 8px;font-size:12px
}
.budget-section .budget-payment-editor>select:focus-visible{
 outline:2px solid var(--budget-payment-accent,#8ec8f3);outline-offset:2px
}
.budget-section .budget-payment-editor>p{
 margin:0;font-size:10.5px;line-height:1.45;
 color:var(--budget-payment-muted,#bacddd);overflow-wrap:anywhere
}
@media(max-width:680px){
 .budget-section .budget-payment-source>summary{min-height:28px}
 .budget-section .budget-payment-editor>select{font-size:16px}
}

/* snapper-balance-check.css */
/* Snapper: one optional, grounded question when account photos disagree with known activity. */
.photo-import-evidence-check{
  display:grid;gap:8px;
  margin:13px 0 9px;padding:14px 15px;
  background:linear-gradient(130deg,#21332a,#1c2b23);
  border:1px solid #4b755f;border-radius:13px;
}
.photo-import-evidence-check>span{color:#b4d5c4;font-size:10px;font-weight:840;letter-spacing:.11em}
.photo-import-evidence-check>strong{color:#f0f7f3;font-size:14px;line-height:1.4;font-weight:780}
.photo-import-evidence-check>p{color:#bad8c8;font-size:12px;line-height:1.6;margin:0;max-width:70ch}
.photo-import-evidence-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:3px}
.photo-import-evidence-actions>button{min-height:38px;font-weight:700}
.photo-import-evidence-actions [data-photo-evidence-later]{color:#b6d3c4}
.photo-import-evidence-actions button:focus-visible{outline:2px solid #c0dccd;outline-offset:2px}
@media(max-width:520px){
 .photo-import-evidence-check{padding:13px 12px}
 .photo-import-evidence-actions{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch}
 .photo-import-evidence-actions>button{width:100%}
}

/* snapper-refresh.css */
/* Snapper 6.10.46: Quick Snap and Full Refresh.
   One workspace, no forced steps. Muted ink + mint; action colors indicate status only. */
.photo-import-dialog{background:#131d18!important;border-color:#355645!important;color:#f0f6f3!important}
.photo-import-header{background:linear-gradient(130deg,#1f3027,#16231c 82%)!important;border-bottom:1px solid #304c3d;padding:20px 24px 17px}
.photo-import-header h2{color:#f7faf8!important;letter-spacing:-.035em;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:clamp(24px,3.2vw,30px)!important}
.photo-import-header p{color:#acd0bd!important;font-size:12px!important;line-height:1.6!important}
.photo-import-eyebrow{color:#9ac8b0!important;font-size:10px!important;font-weight:850!important}
.photo-import-close{background:#293f33!important;color:#edf5f1!important;border-color:#427058!important}
.photo-import-body{background:#131d18!important}
.photo-import-footer{background:#1c2b23!important;border-color:#345c47!important}
.photo-import-footer[hidden]{display:none!important}
.snapper-workflow-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 16px;padding:5px;border:1px solid #304c3d;border-radius:16px;background:#17251e}
.snapper-workflow-switch button{display:grid;gap:4px;min-width:0;min-height:56px;text-align:left;border:1px solid transparent;border-radius:12px;background:transparent;color:#a4c8b5;padding:10px 14px;cursor:pointer;transition:background .15s,border-color .15s}
.snapper-workflow-switch button strong{font:750 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;color:#c1dcce}
.snapper-workflow-switch button small{font-size:11px;line-height:1.3;color:#9ec1af}
.snapper-workflow-switch button.active{background:#2b4236;border-color:#569072;box-shadow:inset 0 1px 0 #ffffff0c}
.snapper-workflow-switch button.active strong{color:#f3f8f5}
.snapper-workflow-switch button.active small{color:#b4d5c4}
.snapper-workflow-switch button:hover{background:#273d32}
.snapper-workflow-switch button:focus-visible{outline:2px solid #b9d8c8;outline-offset:2px}
.photo-import-dialog .photo-import-pick{background:#1b2b23!important;border:1px dashed #5a9777!important;border-radius:14px!important;padding:18px 14px!important;min-height:91px}
.photo-import-dialog .photo-import-pick:hover,.photo-import-dialog .photo-import-pick:focus-within{background:#273c31!important;border-color:#b4d5c4!important}
.photo-import-dialog .photo-import-pick-icon{color:#c1ddce!important}
.photo-import-dialog .photo-import-pick strong{color:#e9f3ee!important;font-size:15px!important}
.photo-import-dialog .photo-import-pick small{color:#a8cfbb!important}
.photo-import-dialog .photo-import-privacy{background:#192820!important;border-color:#345d48!important}
.photo-import-dialog .photo-import-stats span{background:#203329!important;border-color:#335d47!important;color:#b6d7c6!important}
.photo-import-dialog .photo-import-tabs button{background:#1d2e25!important;border-color:#395f4b!important;color:#b0d3c1!important}
.photo-import-dialog .photo-import-tabs button.active{background:#2f493b!important;border-color:#6dae8c!important;color:#f3f8f5!important}
.photo-import-dialog .photo-import-tabs button.active small{color:#b6d7c6!important}
.snapper-refresh-workspace{border:1px solid #345b47;border-radius:17px;background:linear-gradient(150deg,#1e3027,#1a2821);padding:16px;margin:0 0 15px;display:grid;gap:13px;box-shadow:0 10px 25px #0002}
.snapper-refresh-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px}
.snapper-refresh-heading>div{flex:1 1 230px;min-width:0}
.snapper-refresh-heading>div>span{font-size:10px;color:#97c6ad;letter-spacing:.14em;font-weight:850}
.snapper-refresh-heading h3{margin:4px 0 5px;color:#f6faf8;font:780 clamp(19px,2.5vw,24px)/1.22 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.025em}
.snapper-refresh-heading p{color:#afd2c0;font-size:12px;line-height:1.55;margin:0;max-width:54ch}
.snapper-refresh-heading>small{background:#2b4336;border:1px solid #42755a;border-radius:999px;padding:7px 11px;color:#c0ddce;font-size:11px;white-space:normal}
.snapper-refresh-next{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border:1px solid #4e8066;border-radius:13px;padding:14px 15px;background:#293f33}
.snapper-refresh-next>div:first-child{min-width:0;flex:1 1 240px}
.snapper-refresh-next>div>span{display:block;margin-bottom:6px;color:#b5d7c5;font-size:10px;font-weight:850;letter-spacing:.12em}
.snapper-refresh-next strong{font:770 16px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif;color:#f3f9f6}
.snapper-refresh-next p{margin:6px 0 0;color:#b3d4c3;font-size:12px;line-height:1.5;max-width:60ch}
.snapper-refresh-next.is-review{border-color:#568c70;background:#253b30}
.snapper-refresh-next.is-clear{border-color:#406853;background:#21332a;display:block}
.snapper-refresh-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.snapper-refresh-primary{background:#c8e0d3!important;border:1px solid #c8e0d3!important;border-radius:10px;color:#1a2921!important;min-height:40px;min-width:110px;padding:9px 13px;font-size:12px;font-weight:790;cursor:pointer}
.snapper-refresh-primary:hover{background:#daebe2!important}
.snapper-refresh-later{border:1px solid #507c65;background:transparent;color:#c4dfd1;min-height:40px;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:650;cursor:pointer}
.snapper-refresh-later:hover{background:#2f4a3c}
.snapper-refresh-primary:focus-visible,.snapper-refresh-later:focus-visible,.snapper-refresh-expand:focus-visible{outline:2px solid #d0e5da;outline-offset:3px}
.snapper-refresh-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.snapper-refresh-section{background:#19261f;border:1px solid #335e48;border-radius:13px;padding:12px;min-width:0}
.snapper-refresh-section-head{display:flex;gap:9px;justify-content:space-between;align-items:start;margin:0 0 10px}
.snapper-refresh-section-head span{display:grid;gap:3px;min-width:0}
.snapper-refresh-section-head b{font-size:13px;color:#eef6f2;font-weight:790}
.snapper-refresh-section-head small{font-size:11px;color:#94bfa9}
.snapper-refresh-section-head em{flex:none;font:710 10px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;font-style:normal;color:#b5d7c5;background:#2b4336;padding:5px 7px;border-radius:7px}
.snapper-refresh-account-list{display:grid;gap:2px}
.snapper-refresh-account{display:flex;align-items:center;gap:9px;min-width:0;border-top:1px solid #2f493b;padding:10px 0}
.snapper-refresh-account>div{flex:1;display:grid;gap:4px;min-width:0}
.snapper-refresh-account strong{font-size:12px;font-weight:700;color:#edf5f1;overflow-wrap:anywhere}
.snapper-refresh-account small{font-size:10px;line-height:1.45;color:#aad0bc;overflow-wrap:anywhere}
.snapper-refresh-account-icon{display:grid;place-items:center;width:25px;height:25px;flex:none;border:1px solid #3f6b54;background:#2b4236;border-radius:7px;color:#b7d7c6;font-size:13px}
.snapper-refresh-account-state{flex:none;align-self:start;font-size:10px;color:#8db4a0;font-weight:680;white-space:nowrap}
.snapper-refresh-account-state.is-suggested{color:#c1ddce}
.snapper-refresh-account.is-linked{opacity:.65}
.snapper-refresh-account.is-skipped{opacity:.66}
.snapper-refresh-expand{margin:7px 0 0;background:transparent;border:0;color:#b6d7c6;font-size:11px;font-weight:750;cursor:pointer;padding:5px 0}
.snapper-refresh-empty{color:#94bfa9;font-size:11px;line-height:1.6;margin:5px 0 8px}
.snapper-refresh-disclaimer{color:#98bfab;font-size:11px;line-height:1.5;margin:0 1px}
@media(max-width:700px){
 .snapper-refresh-workspace{padding:13px;margin-bottom:12px;gap:11px}
 .snapper-refresh-columns{grid-template-columns:minmax(0,1fr);gap:10px}
 .snapper-refresh-heading>small{font-size:10px}
 .snapper-refresh-next{padding:12px 13px;gap:10px}
 .snapper-refresh-actions{width:100%}
 .snapper-refresh-actions .snapper-refresh-primary{flex:1}
 .snapper-refresh-section{padding:12px}
 .snapper-workflow-switch button{padding:10px 12px;min-height:57px}
 .snapper-workflow-switch button strong{font-size:13px}
 .photo-import-dialog .photo-import-header{padding:16px 16px 13px!important}
 .photo-import-dialog .photo-import-header h2{font-size:24px!important}
 .snapper-refresh-next.is-review>button{width:100%}
}
@media(max-width:370px){
 .snapper-workflow-switch button{padding:9px 10px}
 .snapper-workflow-switch button small{font-size:10px}
 .snapper-refresh-account-state{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.snapper-workflow-switch button{transition:none}}

/* Before a file is uploaded, do not show empty review tabs and disabled forms. */
.photo-import-dialog:not(.photo-import-has-results) .photo-import-tabs,
.photo-import-dialog:not(.photo-import-has-results) .photo-import-empty{display:none!important}
.snapper-quick-manual{display:flex;gap:6px 12px;align-items:center;justify-content:center;flex-wrap:wrap;margin:0 0 12px;color:#98c2ac;font-size:11px}
.snapper-quick-manual button{border:0;border-bottom:1px solid #7db799;background:transparent;padding:4px 1px;color:#c5dfd1;cursor:pointer;font-size:11px;font-weight:700}
.snapper-quick-manual button:hover{color:#eaf4ef;border-color:#d3e7dd}
.snapper-quick-manual button:focus-visible{outline:2px solid #b7d8c7;outline-offset:3px}


/* Snapper review should ask for one useful decision at a time. */
.photo-import-dialog .snapper-review-route{
  display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin:14px 0 12px;padding:15px 17px;border:1px solid #46755c;
  border-radius:15px;background:linear-gradient(135deg,#24382e,#1c2b23);
  box-shadow:0 5px 18px #0002
}
.photo-import-dialog .snapper-review-route>div{flex:1 1 220px;min-width:0}
.photo-import-dialog .snapper-review-route strong{font-size:15px;color:#f2f8f5;line-height:1.3;font-weight:770}
.photo-import-dialog .snapper-review-route p{color:#b6d6c5;margin:6px 0 0;font-size:12px;line-height:1.55;max-width:64ch}
.photo-import-dialog .snapper-review-route [data-photo-review-now]{
  min-height:43px;min-width:133px;color:#1c2c24!important;background:#c6e0d2!important;
  border:1px solid #c6e0d2!important;border-radius:11px;font-weight:780
}
.photo-import-dialog .snapper-review-route [data-photo-review-now]:hover{
  background:#dcebe3!important
}
.photo-import-dialog .snapper-file-details{
  display:block;padding:0;margin:4px 0 10px;
  border:0;background:transparent;box-shadow:none;color:#b5d5c4;font-size:11px
}
.photo-import-dialog .snapper-file-details>summary{
  width:max-content;max-width:100%;cursor:pointer;color:#accebc;font-size:11px;
  font-weight:670;list-style:none;padding:5px 2px
}
.photo-import-dialog .snapper-file-details>summary::-webkit-details-marker{display:none}
.photo-import-dialog .snapper-file-details>summary::before{content:"›";display:inline-block;margin-right:7px}
.photo-import-dialog .snapper-file-details[open]>summary::before{transform:rotate(90deg)}
.photo-import-dialog .snapper-file-details>div{display:flex;flex-wrap:wrap;gap:7px;padding:7px 0}
.photo-import-dialog .photo-import-match-autofill{
  grid-column:1/-1;display:block;color:#b1d4c2;font-size:11px;line-height:1.5;margin:-1px 0 2px
}
.photo-import-dialog .photo-import-balance-conflict{
  border:1px solid #a27a5c;background:#30251f;border-radius:12px;
  margin:12px 0 11px;padding:13px;color:#f5e4d1
}
.photo-import-dialog .photo-import-balance-conflict strong{
  font-size:12px;font-weight:790;color:#ffe4bf;line-height:1.4
}
.photo-import-dialog .photo-import-balance-conflict p{
  margin:6px 0 9px;color:#ddc4af;font-size:11px;line-height:1.55
}
.photo-import-dialog .photo-import-balance-conflict label{
  display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#f0ded1;line-height:1.45
}
.photo-import-dialog .photo-import-balance-conflict input[type=checkbox]{
  accent-color:#bce4d2;min-width:18px;min-height:18px;margin-top:1px
}
@media(max-width:680px){
  .photo-import-dialog .snapper-review-route{padding:14px;gap:11px}
  .photo-import-dialog .snapper-review-route [data-photo-review-now]{width:100%}
  .photo-import-dialog .snapper-file-details>div{gap:5px}
}

/* Receipts are optional evidence; matched receipts should not look actionable. */
.photo-import-dialog .photo-import-receipt-reconciled{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #43745a;border-radius:9px;background:#263c31;color:#c0ddce;font-size:11px;font-weight:740;white-space:normal}

/* Only surface batch review when at least two posted card purchases qualify. */
.snapper-batch-review{margin:12px 0 17px;border:1px solid #4a7860;border-radius:15px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 15px;align-items:center;background:linear-gradient(135deg,#23362c,#1d2d25);box-shadow:0 4px 14px #0001}
.snapper-batch-review>div{min-width:0}
.snapper-batch-review>div>span{display:block;color:#b4d5c4;font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:5px}
.snapper-batch-review>div>strong{display:block;color:#f4f9f6;font:760 15px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.015em}
.snapper-batch-review p{font-size:11px;line-height:1.55;color:#add2bf;max-width:60ch;margin:5px 0 0}
.snapper-batch-review>.photo-import-secondary{padding:11px 15px;border:1px solid #75b292!important;border-radius:10px;background:#315944!important;color:#f5f9f7!important;white-space:normal;max-width:200px;font-weight:750}
.snapper-batch-review>.photo-import-secondary:hover{background:#3e7257!important}
.snapper-batch-review>small{grid-column:1/-1;color:#a4c9b6;font-size:11px;line-height:1.5}
.photo-import-balance-proof{margin:12px 0 5px!important;background:#1b2b23!important;border:1px solid #385c49!important;border-radius:13px!important;padding:0!important;overflow:hidden}
.photo-import-balance-proof>summary{list-style:none;cursor:pointer;padding:13px 16px;color:#c0dccd;font-size:12px;font-weight:750}
.photo-import-balance-proof>summary::-webkit-details-marker{display:none}
.photo-import-balance-proof>summary::marker{content:""}
.photo-import-balance-proof>summary:focus-visible{outline:2px solid #b4d5c4;outline-offset:-2px}
.photo-import-balance-proof[open]{padding:0 16px 15px!important}
.photo-import-balance-proof[open]>summary{padding:13px 0;border-bottom:1px solid #335a46;margin-bottom:12px}
@media(max-width:650px){.snapper-batch-review{grid-template-columns:minmax(0,1fr);padding:13px 14px}.snapper-batch-review>.photo-import-secondary{width:100%;max-width:none;min-height:43px}.snapper-batch-review>small{grid-column:1}}
@media(prefers-reduced-motion:reduce){.snapper-batch-review button{transition:none!important}}

/* Account-by-account refresh: the row itself takes you straight to a camera
   or manual balance entry. Optional actions stay in a quiet contextual menu. */
.snapper-refresh-account{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:4px;min-width:0;padding:3px 0;border-top:1px solid #2f493b}
.snapper-refresh-account-main{min-width:0;width:100%;display:grid;
  grid-template-columns:28px minmax(0,1fr) auto 12px;gap:9px;align-items:center;
  text-align:left;padding:10px 2px;border:0;border-radius:9px;background:transparent;color:#eef5f0;
  cursor:pointer;font:inherit;transition:background .15s ease}
.snapper-refresh-account-main:not(:disabled):hover,.snapper-refresh-account-main:not(:disabled):focus-visible{
  background:#294036;outline:1px solid #57866d;outline-offset:1px}
.snapper-refresh-account-main:disabled{cursor:default;opacity:.7}
.snapper-refresh-account-copy{min-width:0;display:grid;gap:3px}
.snapper-refresh-account-copy strong{font:740 12px/1.36 system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;color:#e8f1ec}
.snapper-refresh-account-copy small{font-size:10px;color:#a5cbbb;line-height:1.4;overflow-wrap:anywhere}
.snapper-refresh-account-main .snapper-refresh-account-icon{width:27px;height:27px;
  font-size:13px;background:#263b31;border:1px solid #456653}
.snapper-refresh-account-main .snapper-refresh-account-state{font-size:10px;white-space:nowrap;color:#abc5b7}
.snapper-refresh-account-main .snapper-refresh-account-state.is-suggested{color:#d2e3d8}
.snapper-refresh-account-arrow{font-size:19px;color:#a6c5b5;line-height:1}
.snapper-refresh-account-menu{position:relative;align-self:center;min-width:32px;z-index:1}
.snapper-refresh-account-menu[open]{z-index:6}
.snapper-refresh-account-menu>summary{list-style:none;border:1px solid transparent;
  background:transparent;border-radius:8px;cursor:pointer;font-size:21px;line-height:28px;
  font-weight:700;color:#b0cfc0;text-align:center;width:32px;height:32px}
.snapper-refresh-account-menu>summary::-webkit-details-marker{display:none}
.snapper-refresh-account-menu>summary::marker{content:""}
.snapper-refresh-account-menu>summary:hover,.snapper-refresh-account-menu>summary:focus-visible{
  background:#30493c;outline:2px solid #8bb8a0;outline-offset:1px}
.snapper-refresh-account-menu>div{position:absolute;right:0;top:35px;z-index:9;width:min(242px,80vw);
  display:grid;gap:3px;padding:7px;border-radius:12px;border:1px solid #547562;
  background:#23342e;box-shadow:0 16px 42px #070d0a99}
.snapper-refresh-account-menu button{display:block;width:100%;text-align:left;color:#dfede5;background:transparent;
  border:0;border-radius:8px;padding:11px 10px;font-size:12px;font-weight:650;line-height:1.35}
.snapper-refresh-account-menu button:hover,.snapper-refresh-account-menu button:focus-visible{
  background:#355642;outline:none}
.snapper-refresh-account-menu button[data-photo-refresh-hide]{color:#bdc9c2}
.snapper-refresh-hidden{border-top:1px solid #344e41;margin-top:8px;padding-top:7px}
.snapper-refresh-hidden>summary{color:#b2d0c0;font-weight:740;font-size:11px;
  cursor:pointer;padding:6px 3px}
.snapper-refresh-hidden-row{display:flex;align-items:center;justify-content:space-between;
  gap:8px;padding:9px 3px;border-bottom:1px solid #34473c}
.snapper-refresh-hidden-row>span{font-size:11px;color:#abbfb2;overflow-wrap:anywhere}
.snapper-refresh-hidden-row button{border:1px solid #608772;border-radius:7px;background:#294438;
  color:#d0e6d9;padding:7px 9px;font-size:10px;font-weight:700}
.snapper-refresh-hidden-row button:focus-visible{outline:2px solid #d1e5da;outline-offset:2px}
.snapper-refresh-next .snapper-refresh-actions{row-gap:7px;column-gap:7px}
.photo-import-pick input[data-photo-camera]{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.snapper-fast-review-label{display:inline-flex;margin:0 0 5px;font-size:10px;font-weight:820;
  color:#bad8c9;letter-spacing:.1em}
.snapper-fast-review-note{background:#253b32;border:1px solid #496e5b;border-radius:9px;padding:12px;
  color:#d3e4da;font-size:11px;line-height:1.5;margin:10px 0}
@media(max-width:420px){
 .snapper-refresh-account-main{grid-template-columns:27px minmax(0,1fr) auto 10px;gap:7px}
 .snapper-refresh-account-main .snapper-refresh-account-state{font-size:9px}
 .snapper-refresh-actions .snapper-refresh-later{flex:1 1 38%;text-align:center}
 .snapper-refresh-account-menu>summary{width:30px}
}

/* Failed OCR provides specific, accessible next steps rather than a dead end. */
.photo-import-issues .snapper-rescue-options{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding-top:9px}
.photo-import-issues .snapper-rescue-options p{flex-basis:100%;margin:0;color:#bcdacc;font-size:12px;line-height:1.5}
.photo-import-issues .snapper-rescue-options button{min-height:36px}
@media(max-width:520px){.photo-import-issues .snapper-rescue-options{display:grid;grid-template-columns:1fr}.photo-import-issues .snapper-rescue-options button{width:100%}}

/* Evidence-aware Full Refresh summary. Counts describe reviewed evidence, not verified bank completeness. */
.snapper-refresh-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.snapper-refresh-progress span{padding:10px 9px;border:1px solid #3c624d;border-radius:10px;background:#1a2b22;color:#bed6c7;font:600 11px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;min-width:0}
.snapper-refresh-progress b{font-size:16px;font-variant-numeric:tabular-nums;color:#f3faf5;margin-right:4px}
@media(max-width:680px){.snapper-refresh-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 2026-10-21: Refresh navigation is not a financial success state.
   Own every interaction state here, including native details summaries and
   touch's retained hover. The importer is a body portal; use its relayed
   appearance tokens, with Ocean fallbacks. Paint only: keep account actions,
   hidden-item preferences, financial status colors and geometry unchanged. */
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace{
  --snapper-control-accent:var(--wmd-theme-accent,#8ec8f3);
  --snapper-control-soft:var(--wmd-theme-accent-soft,#bddffd);
  --snapper-control-panel:var(--wmd-theme-panel,#1a3043);
  --snapper-control-raised:var(--wmd-theme-raised,#233c51);
  --snapper-control-line:var(--wmd-theme-line,#496c86);
  --snapper-control-text:var(--wmd-theme-text,#eff7fd);
  --snapper-control-muted:var(--wmd-theme-muted,#b9cfde);
  --snapper-control-on-accent:var(--snapper-review-on-accent,#102333);
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-hidden,.snapper-refresh-hidden-row){
  border-color:var(--snapper-control-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-hidden-row>span{
  color:var(--snapper-control-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-hidden>summary,.snapper-refresh-expand,.snapper-refresh-account-arrow){
  color:var(--snapper-control-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-later,.snapper-refresh-hidden-row button){
  background:var(--snapper-control-panel)!important;
  border-color:var(--snapper-control-line)!important;
  color:var(--snapper-control-text)!important;
  box-shadow:none!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-account-menu>summary{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--snapper-control-soft)!important;
  box-shadow:none!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-account-menu>div{
  background:var(--snapper-control-panel)!important;
  border-color:var(--snapper-control-line)!important;
  color:var(--snapper-control-text)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.35)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-account-menu button{
  background:transparent!important;
  color:var(--snapper-control-text)!important;
  box-shadow:none!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-later,.snapper-refresh-hidden-row button,
      .snapper-refresh-account-main,.snapper-refresh-account-menu>summary,
      .snapper-refresh-account-menu button,.snapper-refresh-hidden>summary,
      .snapper-refresh-expand):not(:disabled):is(:hover,:focus-visible,:active),
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-account-menu[open]>summary{
  background:var(--snapper-control-raised)!important;
  border-color:var(--snapper-control-accent)!important;
  color:var(--snapper-control-text)!important;
  outline-color:var(--snapper-control-accent)!important;
  box-shadow:none!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-primary:not(:disabled){
  background:var(--snapper-control-accent)!important;
  border-color:var(--snapper-control-accent)!important;
  color:var(--snapper-control-on-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-primary:not(:disabled):is(:hover,:focus-visible,:active){
  background:var(--snapper-control-soft)!important;
  border-color:var(--snapper-control-soft)!important;
  color:var(--snapper-control-on-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-primary,.snapper-refresh-later,.snapper-refresh-expand,
      .snapper-refresh-account-main,.snapper-refresh-account-menu>summary,
      .snapper-refresh-account-menu button,.snapper-refresh-hidden>summary,
      .snapper-refresh-hidden-row button):focus-visible{
  outline:2px solid var(--snapper-control-accent)!important;
  outline-offset:2px!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  :is(.snapper-refresh-primary,.snapper-refresh-later,.snapper-refresh-expand,
      .snapper-refresh-account-main,.snapper-refresh-account-menu>summary,
      .snapper-refresh-account-menu button,.snapper-refresh-hidden>summary,
      .snapper-refresh-hidden-row button){
  -webkit-tap-highlight-color:color-mix(in srgb,var(--snapper-control-accent) 20%,transparent);
}
#wmd-photo-import-root .photo-import-dialog .snapper-refresh-workspace
  .snapper-refresh-hidden>summary::marker{
  color:currentColor!important;
}

/* public-page-nav.css */
/* Public landing, Privacy and Terms: a single floating Top control matching the app. */
/* Keep the existing logo geometry and heading typography when making them interactive. */
[data-wmd-refresh]{cursor:pointer}
button.wmd-refresh-wordmark{
  appearance:none;
  display:inline;
  padding:0;
  margin:0;
  border:0;
  border-radius:3px;
  background:transparent;
  box-shadow:none;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  text-align:inherit;
}
[data-wmd-refresh]:focus-visible{
  outline:2px solid #8ec8f3;
  outline-offset:5px;
}
.public-quick-nav{
  position:fixed;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:5500;
  display:flex;align-items:center;justify-content:flex-end;gap:9px;
  pointer-events:none;
}
.public-quick-nav>button{
  box-sizing:border-box;
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:44px;min-width:62px;
  padding:9px 14px;border-radius:999px;
  border:1px solid #619883;
  background:rgba(28,57,48,.94);
  color:#e7f9f1;
  font:inherit;font-size:19px;font-weight:800;line-height:1;
  cursor:pointer;
  pointer-events:auto;
  box-shadow:0 8px 26px #0008;
  backdrop-filter:blur(10px);
  transition:transform .18s ease,background .18s ease;
}
.public-quick-nav>button span{font-size:12px;font-weight:750}
.public-quick-nav>button:hover{background:#28634e;transform:translateY(-3px)}
.public-quick-nav>button:focus-visible{outline:2px solid #98e9c3;outline-offset:3px}
.public-quick-nav>button[hidden]{display:none!important}
@media(max-width:650px){
  .public-quick-nav{
    right:max(15px,env(safe-area-inset-right));
    bottom:max(18px,env(safe-area-inset-bottom));
    gap:8px;
  }
  .public-quick-nav>button{
    width:45px;height:45px;min-width:45px;min-height:45px;padding:0
  }
  .public-quick-nav>button span{display:none}
}
@media(prefers-reduced-motion:reduce){
  .public-quick-nav>button{transition:none}
  .public-quick-nav>button:hover{transform:none}
}


/* Mint/graphite reconciliation 2026-10-15. */
.public-quick-nav>button{
  border-color:color-mix(in srgb,#57d7aa 38%,#46565b);
  background:rgba(28,37,42,.95);
  color:#eef8f4
}
.public-quick-nav>button:hover{
  background:#243036;
  border-color:#57d7aa
}
.public-quick-nav>button:focus-visible{
  outline-color:#57d7aa
}

/* Ocean public-site navigation surface, including Privacy and Terms. */
.public-quick-nav>button{
  border-color:rgba(142,200,243,.43)!important;
  background:rgba(27,45,60,.96)!important;
  color:#e8f5fd!important;
}
.public-quick-nav>button:hover{
  border-color:#B9DFFA!important;
  background:#29475e!important;
}
.public-quick-nav>button:focus-visible{outline-color:#B9DFFA!important}

/* investment-performance.css */
/* Investment performance, scoped to existing sage/charcoal investment theme. */
#app .invest-perf{display:grid;gap:15px;padding:23px 24px;border:1px solid #394b3c;border-radius:17px;background:#1c261d;min-width:0}
#app .invest-perf-top{display:flex;align-items:start;justify-content:space-between;gap:18px;flex-wrap:wrap}
#app .invest-perf h3{font-size:23px;line-height:1.16;margin:6px 0;font-weight:760;letter-spacing:-.025em;color:#f2f8f2}
#app .invest-perf p{color:#adc5b1;font-size:12px;line-height:1.5;margin:4px 0}
#app .invest-perf-top-actions,#app .invest-perf-toolbar,#app .invest-perf-chart-actions,#app .invest-perf-setup,#app .invest-perf-modes,#app .invest-perf-ranges,#app .invest-perf-benchmark-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .invest-perf-toolbar{justify-content:space-between;gap:14px}
#app .invest-perf button{border:1px solid #526e55;background:#243429;color:#e2efe2;border-radius:9px;font:650 12px/1.2 inherit;padding:10px 13px;min-height:39px;cursor:pointer}
#app .invest-perf button:hover{border-color:#87b78b;background:#314537}
#app .invest-perf button.active,#app .invest-perf button[aria-pressed=true]{background:#b0d9b3;color:#17251b;border-color:#b0d9b3}
#app .invest-perf-account-label{display:flex;gap:7px;align-items:center;font-size:12px;color:#a8c4af}
#app .invest-perf select,#app .invest-perf input{background:#1b2820;color:#f1f8f1;border:1px solid #4c6550;border-radius:9px;padding:10px;min-height:39px;font:inherit;min-width:0}
#app .invest-perf-ranges{gap:3px}
#app .invest-perf-ranges button{padding:8px 10px;background:transparent;border-color:transparent;min-height:35px}
#app .invest-perf-ranges button.active{background:#344a39;color:#d2f0d4}
#app .invest-perf-metric{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}
#app .invest-perf-metric>div{display:grid;gap:5px}
#app .invest-perf-metric strong{font-size:clamp(23px,3.1vw,38px);line-height:1.12;color:#f7fff7;letter-spacing:-.035em}
#app .invest-perf-metric span,.invest-perf-status{font-size:11px;color:#acc9b1}
#app .invest-perf-status{border:1px solid #4a644e;padding:6px 10px;border-radius:40px}
#app .invest-perf-chart{min-height:240px;width:100%;overflow:hidden}
#app .invest-perf-svg{display:block;width:100%;height:auto;max-height:335px;min-height:220px}
#app .invest-perf-axis{fill:#a7c3ac;font-size:12px;font-family:system-ui,sans-serif}
#app .invest-perf-chart-blank{min-height:240px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;text-align:center;background:linear-gradient(180deg,#202d23,#1c261d);border:1px dashed #455b48;border-radius:13px;padding:22px}
#app .invest-perf-chart-blank>span{font-size:38px;line-height:1;color:#84b98b}
#app .invest-perf-chart-blank strong{font-size:14px;color:#ebf5eb}
#app .invest-perf-chart-blank p{max-width:54ch}
#app .invest-perf-chart-actions{justify-content:space-between;font-size:11px;color:#a8c4ac}
#app .invest-perf-chart-actions button{border:0;background:transparent;padding:8px;color:#bfe3c4}
#app .invest-perf-compare-panel,#app .invest-perf-recheck,.invest-perf-setup{background:#223026;border:1px solid #3c5341;border-radius:11px;padding:15px}
#app .invest-perf-compare-panel{display:grid;gap:9px}
#app .invest-perf-compare-panel>strong{font-size:13px}
#app .invest-perf-benchmark-buttons button{display:inline-flex;align-items:center;gap:8px}
#app .invest-perf-benchmark-buttons i{display:inline-block;width:9px;height:9px;border-radius:50%}
#app .invest-perf-recheck,#app .invest-perf-setup{justify-content:space-between;align-items:center}
#app .invest-perf-recheck{display:flex;gap:16px;flex-wrap:wrap}
#app .invest-perf-recheck>div{display:grid;gap:5px;max-width:54ch}
#app .invest-perf-recheck strong,#app .invest-perf-setup strong{font-size:13px;color:#eaf6eb}
#app .invest-perf-recheck span{font-size:12px;line-height:1.45;color:#b0cbb4}
#app .invest-perf-setup>div:first-child{max-width:64ch}
#app .invest-perf-setup>div:last-child{display:flex;gap:8px;flex-wrap:wrap}
#app .invest-perf-editor{padding:15px;border:1px solid #698d70;border-radius:12px;background:#253629;display:grid;gap:12px}
#app .invest-perf-editor-heading,#app .invest-perf-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .invest-perf-editor-heading strong{font-size:15px}
#app .invest-perf-editor-heading button{padding:6px 10px;min-height:28px}
#app .invest-perf-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#app .invest-perf-editor-fields label{display:grid;gap:6px;color:#c8dfcd;font-size:12px}
#app .invest-perf-editor-footer small{font-size:11px;color:#afc7b4;max-width:56ch}
#app .invest-perf-form-error{color:#ffb6ab!important}
#app .invest-perf-observations{border-top:1px solid #415745;padding-top:9px;font-size:12px}
#app .invest-perf-observations summary{cursor:pointer;color:#c5e1c9}
#app .invest-perf-observations>div{display:grid;gap:4px;padding-top:10px}
#app .invest-perf-observations>div>div{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:9px 0;border-top:1px solid #354738}
#app .invest-perf-observations small{display:block;color:#9fbaa5;font-size:11px;margin-top:3px}
#app .invest-perf-observations button{min-height:28px;padding:5px 9px;border-color:transparent;background:transparent}
#app .invest-perf-disclaimer{border-top:1px solid #3b4c3f;padding-top:13px;color:#91ad98!important;font-size:11px!important}
#app .invest-perf-empty{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
@media(max-width:700px){
 #app .invest-perf{padding:16px 13px;gap:12px;border-radius:13px}
 #app .invest-perf-top-actions{width:100%}
 #app .invest-perf-toolbar{align-items:stretch}
 #app .invest-perf-ranges{width:100%;justify-content:space-between}
 #app .invest-perf-ranges button{font-size:11px;padding:7px 6px}
 #app .invest-perf-chart{min-height:200px}
 #app .invest-perf-svg{min-height:180px}
 #app .invest-perf-editor-fields{grid-template-columns:minmax(0,1fr)}
 #app .invest-perf-editor-footer{align-items:stretch;flex-direction:column}
 #app .invest-perf-account-label{flex:1 1 100%}
 #app .invest-perf-account-label select{flex:1;max-width:100%}
}
@media(prefers-reduced-motion:reduce){#app .invest-perf *{scroll-behavior:auto!important}}

/* Investor-grade Investments home, intentionally restricted to investment workspace. */
#app .wmd-workspace--investments .invest-investor-layout{display:grid;gap:19px;min-width:0}
#app .wmd-workspace--investments .invest-investor-layout>.invest-perf{order:0;isolation:isolate}
#app .wmd-workspace--investments .invest-perf{
  position:relative;gap:0!important;padding:clamp(18px,2.8vw,35px)!important;
  border:1px solid #405444!important;border-radius:21px!important;
  background:linear-gradient(155deg,#223127 0%,#1b291e 53%,#19231b 100%)!important;
  box-shadow:0 15px 48px rgba(0,0,0,.10),inset 0 1px rgba(255,255,255,.025)!important;
  overflow:hidden;
}
#app .invest-perf .invest-kicker{letter-spacing:.13em!important;font-size:10px!important;font-weight:760!important;color:#9fc7a5!important}
#app .invest-perf .invest-perf-top{padding-bottom:23px;gap:14px}
#app .invest-perf .invest-perf-identity h3{font-size:clamp(15px,2vw,19px)!important;margin:7px 0 4px!important;letter-spacing:-.02em!important;font-weight:670!important}
#app .invest-perf .invest-perf-identity p{font-size:12px!important;color:#9db8a4!important}
#app .invest-perf .invest-perf-top-actions{justify-content:flex-end;gap:7px}
#app .invest-perf .invest-perf-account-label{font-weight:620;color:#a2b9a7;gap:7px}
#app .invest-perf .invest-perf-account-label select{max-width:260px;white-space:nowrap;text-overflow:ellipsis;min-width:140px;border-color:#496550!important;background:#1d2b22!important}
#app .invest-perf .invest-perf-subtle-action{background:#26382b!important;color:#c4d9c6!important}
#app .invest-perf .invest-perf-add-action{
  background:#b6dbb9!important;border-color:#b6dbb9!important;
  color:#18311f!important;font-weight:770!important;white-space:nowrap;
}
#app .invest-perf .invest-perf-add-action:hover{background:#d0ecd2!important;border-color:#d0ecd2!important}
#app .invest-perf .invest-perf-balance{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;margin:0 0 26px}
#app .invest-perf .invest-perf-balance-caption{display:block;color:#a9c2ad;font-size:11px;letter-spacing:.075em;font-weight:740;margin-bottom:7px}
#app .invest-perf .invest-perf-current{display:block;color:#f6fbf6;font-size:clamp(39px,5.5vw,68px);letter-spacing:-.055em;font-weight:780;line-height:1.07;font-variant-numeric:tabular-nums}
#app .invest-perf .invest-perf-balance-movement{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:14px;font-size:12px;color:#aabfaf}
#app .invest-perf .invest-perf-balance-movement>strong{font-size:14px;font-weight:760;color:#c5e9cb;font-variant-numeric:tabular-nums}
#app .invest-perf .invest-perf-balance-movement.down>strong{color:#f0b0ad}
#app .invest-perf .invest-perf-balance-movement>span{line-height:1.5;font-size:11px;color:#9ebaa5}
#app .invest-perf .invest-perf-data-quality{display:grid;justify-items:end;gap:7px}
#app .invest-perf .invest-perf-data-quality-pill{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid #435e49;border-radius:30px;background:rgba(38,61,42,.65);color:#bfdcc2;font-size:11px;line-height:1.2;white-space:nowrap}
#app .invest-perf .invest-perf-data-quality-pill i{width:6px;height:6px;background:#9bdaa8;border-radius:50%;box-shadow:0 0 9px rgba(151,223,165,.24)}
#app .invest-perf .invest-perf-data-quality>small{color:#8ea995;font-size:11px}
#app .invest-perf .invest-perf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 9px;padding:0}
#app .invest-perf .invest-perf-modes{border:1px solid #38503e;border-radius:11px;background:rgba(17,35,22,.36);gap:2px;padding:3px}
#app .invest-perf .invest-perf-modes button{border:0!important;border-radius:8px!important;background:transparent!important;padding:8px 13px!important;min-height:34px!important;color:#a9c2ae!important;font-size:11px!important}
#app .invest-perf .invest-perf-modes button.active{background:#364b3a!important;color:#f0f7ef!important;box-shadow:0 1px 8px rgba(0,0,0,.16)}
#app .invest-perf .invest-perf-ranges{gap:2px;background:transparent}
#app .invest-perf .invest-perf-ranges button{font-size:11px!important;font-weight:670!important;padding:7px 10px!important}
#app .invest-perf .invest-perf-ranges button.active{color:#d7f3d8!important;background:#334d38!important;border:1px solid #547759!important;border-radius:7px!important}
#app .invest-perf .invest-perf-chart{min-height:310px;position:relative;isolation:isolate;margin-top:7px}
#app .invest-perf .invest-perf-svg{max-height:360px;min-height:300px}
#app .invest-perf .invest-perf-chart-blank{
  min-height:300px!important;position:relative;gap:9px;
  border:1px dashed rgba(130,167,138,.18)!important;border-radius:15px!important;
  background:radial-gradient(ellipse at 50% 67%,rgba(117,191,134,.07),transparent 58%),
             linear-gradient(180deg,rgba(39,62,43,.15),rgba(15,29,20,.28))!important;
  overflow:hidden;padding:26px;
}
#app .invest-perf .invest-perf-blank-grid{
  position:absolute;inset:0;pointer-events:none;opacity:.24;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 60px,rgba(116,162,125,.23) 61px),
             repeating-linear-gradient(to right,transparent 0,transparent 150px,rgba(116,162,125,.11) 151px);
  mask-image:linear-gradient(90deg,transparent,#000 13%,#000 87%,transparent);
}
#app .invest-perf .invest-perf-chart-blank>*:not(.invest-perf-blank-grid){position:relative}
#app .invest-perf .invest-perf-empty-symbol{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:#2b4732;border:1px solid #4d7554;color:#bee4c3!important;font-size:27px!important;line-height:1}
#app .invest-perf .invest-perf-chart-blank strong{font-size:16px!important;font-weight:730;letter-spacing:-.02em}
#app .invest-perf .invest-perf-chart-blank p{max-width:45ch;font-size:12px!important}
#app .invest-perf .invest-perf-chart-blank button{margin-top:8px;background:#b4dab9;color:#1a2c1e;border-color:#b4dab9}
#app .invest-perf .invest-perf-chart-actions{display:flex;align-items:center;justify-content:space-between;margin:1px 0 17px;gap:15px;padding-bottom:17px;border-bottom:1px solid rgba(128,166,136,.2)}
#app .invest-perf .invest-perf-chart-source{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-width:0;color:#adc4b1;font-size:11px}
#app .invest-perf .invest-perf-portfolio-legend{display:inline-flex;align-items:center;gap:7px;color:#e3efe4;font-weight:680}
#app .invest-perf .invest-perf-portfolio-legend i{display:inline-block;width:14px;height:3px;background:#b5e6b6;border-radius:5px}
#app .invest-perf .invest-perf-activity-status{color:#92ad99;font-size:11px}
#app .invest-perf .invest-perf-chart-actions button{padding:6px 0!important;min-height:26px!important;font-size:11px!important;color:#c3e4c5!important}
#app .invest-perf .invest-perf-setup{background:transparent!important;padding:11px 0!important;border:0!important;border-radius:0!important;align-items:center;gap:14px}
#app .invest-perf .invest-perf-setup strong{font-size:12px!important}
#app .invest-perf .invest-perf-setup p{font-size:11px!important;color:#9bb5a1!important;max-width:75ch}
#app .invest-perf .invest-perf-setup button{background:transparent!important;border:1px solid #49644f!important;color:#c1dfc6!important}
#app .invest-perf .invest-perf-compare-panel{background:rgba(33,51,38,.72)!important;border:1px solid #405745!important;padding:14px 16px!important;margin-bottom:14px}
#app .invest-perf .invest-perf-observations{margin-top:15px}
#app .invest-perf .invest-perf-disclaimer{margin-top:13px;color:#809e89!important;line-height:1.7!important}
#app .invest-investor-layout .invest-clarity{margin:0!important}
#app .invest-investor-layout .invest-today{margin-top:0!important}
#app .invest-investor-layout .invest-kpis{margin-top:0!important}
@media(max-width:920px){
  #app .invest-perf .invest-perf-data-quality{justify-items:start}
  #app .invest-perf .invest-perf-top-actions{justify-content:flex-start}
}
@media(max-width:700px){
  #app .wmd-workspace--investments .invest-perf{padding:18px 15px!important;border-radius:16px!important}
  #app .invest-perf .invest-perf-top{padding-bottom:17px}
  #app .invest-perf .invest-perf-top-actions{gap:7px}
  #app .invest-perf .invest-perf-account-label{flex:1 1 100%}
  #app .invest-perf .invest-perf-account-label select{max-width:100%;width:100%}
  #app .invest-perf .invest-perf-balance{align-items:start;margin-bottom:19px;gap:11px}
  #app .invest-perf .invest-perf-current{font-size:clamp(32px,10vw,46px)}
  #app .invest-perf .invest-perf-data-quality{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
  #app .invest-perf .invest-perf-data-quality-pill{padding:6px 9px;font-size:10px}
  #app .invest-perf .invest-perf-toolbar{gap:12px}
  #app .invest-perf .invest-perf-modes{width:100%;justify-content:space-between}
  #app .invest-perf .invest-perf-modes button{flex:1 1 0!important}
  #app .invest-perf .invest-perf-ranges{width:100%;gap:1px}
  #app .invest-perf .invest-perf-ranges button{padding:8px 5px!important;flex:1;min-width:0}
  #app .invest-perf .invest-perf-chart{min-height:215px}
  #app .invest-perf .invest-perf-svg{max-height:245px;min-height:190px}
  #app .invest-perf .invest-perf-chart-blank{min-height:235px!important}
  #app .invest-perf .invest-perf-chart-source{gap:9px}
  #app .invest-perf .invest-perf-activity-status{display:none}
  #app .invest-perf .invest-perf-chart-actions{align-items:center}
  #app .invest-perf .invest-perf-setup{flex-direction:column;align-items:stretch}
  #app .invest-perf .invest-perf-setup>div:last-child{justify-content:start}
}
@media(prefers-reduced-motion:reduce){#app .invest-perf *{animation:none!important;transition:none!important}}


#app .invest-perf .invest-perf-hover{
  position:absolute;z-index:5;display:grid;gap:4px;min-width:130px;
  max-width:205px;transform:translate(-50%,-110%);pointer-events:none;
  padding:10px 13px;background:rgba(15,27,19,.97);border:1px solid #527157;
  border-radius:11px;box-shadow:0 12px 34px rgba(0,0,0,.3);
  color:#eaf5ec;
}
#app .invest-perf .invest-perf-hover[hidden]{display:none!important}
#app .invest-perf .invest-perf-hover strong{font-size:14px;font-weight:760;letter-spacing:-.025em}
#app .invest-perf .invest-perf-hover span{font-size:11px;color:#accab4}
#app .invest-perf .invest-perf-benchmark-legend{display:inline-flex;align-items:center;gap:7px;font-weight:650;color:#b5c8b8;white-space:nowrap;font-size:11px}
#app .invest-perf .invest-perf-benchmark-legend i{width:14px;height:3px;border-radius:5px}
#app .invest-perf .invest-perf-svg path{vector-effect:non-scaling-stroke}
#app .invest-perf .invest-perf-svg circle[data-invest-perf-pointer]{filter:drop-shadow(0 0 5px rgba(179,232,192,.5))}

/* plaid-investment-review.css */
#app .invest-plaid-activity{display:grid;gap:14px;background:#1c261d;border:1px solid #3c5240;border-radius:16px;padding:20px 24px;min-width:0;color:#edf6ee}
#app .invest-plaid-activity-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:flex-start}
#app .invest-plaid-activity-top h3{font-size:20px;line-height:1.2;margin:6px 0 4px;color:#edf6ee}
#app .invest-plaid-activity-top p{max-width:60ch;font-size:12px;color:#b4cab7;line-height:1.5;margin:0}
#app .invest-plaid-activity-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}
#app .invest-plaid-activity select,#app .invest-plaid-activity button{font:inherit;font-size:12px;min-height:38px;border:1px solid #526f57;background:#27352b;color:#e7f4e8;border-radius:9px;padding:8px 11px;max-width:100%}
#app .invest-plaid-activity button{font-weight:670;cursor:pointer}
#app .invest-plaid-activity button:hover{background:#304539;border-color:#a1c8a6}
#app .invest-plaid-activity button:disabled{opacity:.52;cursor:not-allowed}
#app .invest-plaid-activity-summary{display:grid;gap:4px;padding:13px 0;border-top:1px solid #415746}
#app .invest-plaid-activity-summary strong{font-size:14px}
#app .invest-plaid-activity-summary span{font-size:11px;color:#b6ccba}
#app .invest-plaid-activity-note,#app .invest-plaid-activity-success,#app .invest-plaid-activity-caution{font-size:12px;line-height:1.5;padding:10px 13px;border-radius:8px;margin:0}
#app .invest-plaid-activity-success{background:#2a4030;color:#c2f3cf}
#app .invest-plaid-activity-caution{background:#392f25;color:#e8d4b4}
#app .invest-plaid-activity-note{background:#27362b;color:#bed0c0}
#app .invest-plaid-events{display:grid;gap:0;max-height:470px;overflow-y:auto;border-top:1px solid #38503d}
#app .invest-plaid-event{display:grid;grid-template-columns:minmax(160px,1fr) auto minmax(118px,145px) auto;align-items:center;gap:12px;min-width:0;padding:12px 3px;border-bottom:1px solid #384c3c}
#app .invest-plaid-event>div{min-width:0}
#app .invest-plaid-event strong{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.4}
#app .invest-plaid-event small{display:block;font-size:11px;color:#a9c4af;line-height:1.45;margin-top:3px}
#app .invest-plaid-event-amount{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
#app .invest-plaid-event select{width:100%}
#app .invest-plaid-event-label{font-size:10px;color:#b6c7ba}
#app .invest-plaid-event.needs-review .invest-plaid-event-label{color:#e4bb89}
#app .invest-plaid-activity-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #39513c;padding-top:12px}
#app .invest-plaid-activity-footer span{font-size:11px;color:#b3c9b9}
#app .invest-plaid-activity button.invest-plaid-import{background:#acd8b0;color:#1a2a1e;border-color:#acd8b0}
#app .invest-plaid-activity-trust{font-size:11px;color:#99b5a0;line-height:1.55}
#app .invest-activity-card.plaid-readonly{border-color:#415745}
#app .invest-activity-card.plaid-readonly .invest-activity-badge{border-color:#486c50}
@media(max-width:700px){
 #app .invest-plaid-activity{padding:15px 13px;border-radius:13px}
 #app .invest-plaid-activity-actions{width:100%}
 #app .invest-plaid-activity-actions select{flex:1;min-width:0}
 #app .invest-plaid-event{grid-template-columns:minmax(0,1fr) auto;gap:9px}
 #app .invest-plaid-event label{grid-column:1/-1}
 #app .invest-plaid-event-label{display:none}
 #app .invest-plaid-events{max-height:420px}
}

/* snapper-balance-review-flow.css */
@media screen {
/* Snapper: keep the active account front-and-center on mobile and desktop. */
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section{
  display:flex; flex-direction:column; gap:10px;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section>.photo-import-section-header{
  margin:0 0 2px;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section>.photo-import-section-header>p,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section .snapper-fast-review-note,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section .photo-import-date-help,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section .photo-import-match-autofill,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section .photo-import-muted,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-section .photo-import-balance-identity>small{
  display:none;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-balance-progress{
  font-size:14px;font-weight:800;color:var(--snapper-interactive-text,#e7f4ff);
  padding:10px 12px; border:1px solid #416888;background:#172b3c;border-radius:12px;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row{
  margin:0;padding:13px;border:1px solid #466780;background:#122635;border-radius:14px;
  display:flex;flex-direction:column;gap:9px;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active{
  order:-1;border:2px solid #77baff;background:#152d40;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-done{
  opacity:.85;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active)>:not(.photo-import-balance-identity):not(.photo-import-remove-row):not([data-wmd-balance-open]){
  display:none!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active) .photo-import-balance-identity{
  padding:0;min-width:0;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active) .snapper-account-toggle{
  display:none!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row .wmd-balance-open{
  display:none;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active) .wmd-balance-open{
  display:block;align-self:flex-start;padding:8px 12px;border-radius:9px;
  border:1px solid #628cab;background:#203d55;color:#e5f4ff;font-size:14px;font-weight:800;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active .snapper-account-toggle{
  display:none!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active .photo-import-balance-main,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active .photo-import-balance-approve{
  display:grid!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active .photo-import-balance-approve{
  display:flex!important;align-items:center;gap:12px;padding:12px;border:1px solid #527da0;
  background:#1e3b52;border-radius:10px;font-size:15px;font-weight:750;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row .photo-import-balance-approve input{
  width:21px;height:21px;flex:0 0 21px;accent-color:#73b6f6;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-balance-review-issue{
  padding:9px 11px;margin:3px 0;border:1px solid #df9c8f;background:#492e31;
  color:#ffe4da;border-radius:9px;font-size:14px;line-height:1.5;
}
#wmd-photo-import-root .wmd-balance-wizard .snapper-review-route.snapper-review-guide,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-hint,
#wmd-photo-import-root .wmd-balance-wizard .snapper-impact-details,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer [data-photo-import],
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer [data-photo-footer-next]{
  display:none!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .photo-import-footer-actions>span{
  display:none;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .snapper-finish-actions{
  width:100%;display:flex;align-items:center;gap:10px;justify-content:flex-end;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .wmd-balance-advance{
  background:#80bbf2;color:#0d2437;border:1px solid #80bbf2;font-weight:850;font-size:16px;
  flex:1;min-height:50px;max-width:none;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .snapper-skip-remaining{
  flex:none;font-size:12px;min-width:0;white-space:normal;
}
@media(max-width:680px){
  #wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active.snapper-account-compact:not(.is-review-expanded)>:not(.photo-import-remove-row):not(.photo-import-balance-identity):not(.snapper-account-toggle){
    display:revert!important;
  }
  #wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .snapper-finish-actions{
    display:flex;flex-direction:column;align-items:stretch;
  }
  #wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .wmd-balance-advance{order:-1;width:100%}
  #wmd-photo-import-root .wmd-balance-wizard .photo-import-footer .snapper-skip-remaining{order:2}
}

}
/* snapper-balance-review-v2.css */
@media screen {
/* Snapper: calm, high-contrast balance review with currency choice and match context. */
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-match-label,
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-match-review{
  display:inline-flex!important;
  align-items:center!important;
  align-self:flex-start!important;
  font-size:14px!important;
  font-weight:750!important;
  line-height:1.4!important;
  border-radius:8px!important;
  padding:5px 10px!important;
  margin-top:5px!important;
  color:#d9edff!important;
  background:#25435b!important;
  border:1px solid #6386a2!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-match-review{
  background:#3a3130!important;
  color:#ffe6cc!important;
  border-color:#957354!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row
  .photo-import-balance-identity>strong{
  font-size:17px!important;line-height:1.35!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row
  .photo-import-balance-large{
  font-size:clamp(23px,4vw,32px)!important;
  line-height:1.2!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row
  .photo-import-balance-identity>span:not(.wmd-snapper-match-label):not(.wmd-snapper-match-review){
  font-size:14px!important;line-height:1.4!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-balance-progress{
  font-size:15px!important;line-height:1.4!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active)
  .wmd-snapper-match-label,
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active)
  .wmd-snapper-match-review{
  display:inline-flex!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row:not(.wmd-balance-active)
  .wmd-balance-open{
  font-size:15px!important;min-height:42px!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row.wmd-balance-active
  .snapper-selected-destination{
  border:1px solid #5b8ab0!important;
  background:#1b3b51!important;
  border-radius:11px!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-balance-advance{
  font-size:17px!important;font-weight:820!important;
  min-height:53px!important;
}
#wmd-photo-import-root .wmd-balance-wizard .photo-import-balance-row
  .photo-import-balance-approve{
  font-size:16px!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-panel{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  margin-top:12px!important;
  padding:15px!important;
  border:1px solid #6896b8!important;
  border-radius:12px!important;
  background:rgba(50,96,132,.15)!important;
  min-width:0!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-head{
  display:flex!important;
  align-items:baseline!important;
  justify-content:space-between!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-head strong{
  font-size:17px!important;
  color:#f0f8ff!important;
  line-height:1.35!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-head span{
  font-size:16px!important;
  color:#d1e8f6!important;
  line-height:1.35!important;
  font-variant-numeric:tabular-nums!important;
  font-weight:750!important;
}
#wmd-photo-import-root .wmd-balance-wizard
  :is(.wmd-snapper-fx-source,.wmd-snapper-fx-usd){
  display:grid!important;
  gap:8px!important;
  min-width:0!important;
}
#wmd-photo-import-root .wmd-balance-wizard
  :is(.wmd-snapper-fx-source,.wmd-snapper-fx-usd)>span{
  font-size:15px!important;
  font-weight:740!important;
  color:#e8f5ff!important;
}
#wmd-photo-import-root .wmd-balance-wizard
  :is(.wmd-snapper-fx-source,.wmd-snapper-fx-usd)>input{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:51px!important;
  padding:11px 13px!important;
  font-size:18px!important;
  font-weight:660!important;
  color:#f2f9ff!important;
  background:#0f293d!important;
  border:1px solid #8baec9!important;
  border-radius:10px!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-status{
  font-size:15px!important;
  line-height:1.5!important;
  color:#d6ecff!important;
  font-weight:700!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-refresh{
  min-height:44px!important;
  padding:10px 14px!important;
  align-self:flex-start!important;
  border:1px solid #87bbe4!important;
  border-radius:9px!important;
  font-size:15px!important;
  font-weight:740!important;
  color:#e9f6ff!important;
  background:#224d6d!important;
  cursor:pointer!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-panel>small{
  font-size:13px!important;
  line-height:1.5!important;
  color:#bdd5e9!important;
}
#wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-panel a{
  color:#b7e2ff!important;
  text-decoration:underline!important;
}
#wmd-photo-import-root .wmd-balance-wizard
  .wmd-snapper-fx-source>input:focus-visible,
#wmd-photo-import-root .wmd-balance-wizard
  .wmd-snapper-fx-usd>input:focus-visible,
#wmd-photo-import-root .wmd-balance-wizard
  .wmd-snapper-fx-refresh:focus-visible{
  outline:3px solid #aee2ff!important;outline-offset:2px!important;
}
@media(max-width:480px){
 #wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-panel{
   padding:13px!important;gap:11px!important;
 }
 #wmd-photo-import-root .wmd-balance-wizard
   .wmd-snapper-fx-head{align-items:flex-start!important;flex-direction:column!important}
 #wmd-photo-import-root .wmd-balance-wizard .wmd-snapper-fx-refresh{width:100%!important}
}
}
/* experience-refinement.css */

/* Experience refinement, 2026-10-12
   Neutral shared surfaces, one accent per workspace. Red/green remain reserved
   for meaningful financial direction or status, never arbitrary action buttons. */

.connections-header-button{
  background:#202c36!important;border-color:#536675!important;
  color:#e0eaf1!important;box-shadow:none!important
}
.connections-header-button:hover{
  background:#2b3b49!important;border-color:#8197a6!important
}
.wmd-workspace .connections-context-button{
  background:color-mix(in srgb,var(--wmd-accent) 13%,#182329)!important;
  border-color:color-mix(in srgb,var(--wmd-accent) 53%,#34424c)!important;
  color:#eaf0f5!important;box-shadow:none!important
}
.wmd-workspace .connections-context-button:hover{
  background:color-mix(in srgb,var(--wmd-accent) 24%,#1b2830)!important;
  border-color:var(--wmd-accent)!important
}
.wmd-workspace--investments .invest-refresh .invest-hero-actions .invest-hero-emphasis,
.wmd-workspace--investments .invest-refresh .invest-clarity-focus button{
  background:#243630!important;border-color:#6f9e88!important;
  color:#edf7f2!important;box-shadow:none!important
}
.wmd-workspace--investments .invest-refresh .invest-hero-actions .invest-hero-emphasis:hover,
.wmd-workspace--investments .invest-refresh .invest-clarity-focus button:hover{
  background:#2d473c!important;border-color:#9fcbb8!important
}
.wmd-workspace--investments .invest-refresh .invest-hero-meta>span,
.wmd-workspace--investments .invest-refresh .invest-sync-pill{
  color:#c7ded4!important;border-color:#4d665d!important;
  background:#20302d!important
}
.wmd-workspace--investments .invest-refresh .invest-clarity-focus{
  background:linear-gradient(140deg,#20302d,#1a2528)!important;
  border-color:#45645a!important
}
.wmd-workspace--retirement .retirement-dollar-switch button.active{
  background:#294453!important;color:#eff8fc!important;
  border-color:#83adbe!important
}
.wmd-workspace--retirement .retirement-category-editor button:not([data-retirement-category-delete]),
.wmd-workspace--retirement .retirement-category-more-toggle{
  border-color:#557785;color:#e4f0f6
}
/* Investment and retirement charts are information, not a universal green theme. */
.retirement-page .retirement-chart-card{
  background:linear-gradient(157deg,#19252d,#161f26 76%)!important;
  border:1px solid #3c505c!important;border-radius:19px!important;
  padding:clamp(14px,2.1vw,22px)!important;min-width:0;box-shadow:none
}
.retirement-page .retirement-chart-head{margin-bottom:11px}
.retirement-page .retirement-chart-head h3{
  font:780 clamp(21px,2.4vw,28px)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.035em;color:#f1f7fa;margin:0 0 5px
}
.retirement-page .retirement-chart-head p{
  color:#a7bac7!important;font-size:13px!important;line-height:1.5!important
}
.retirement-page .retirement-chart-milestone{
  background:#1c2d38!important;border-color:#3f5968!important;
  color:#c9dce5!important;padding:10px 13px!important
}
.retirement-page .retirement-chart-milestone>span{color:#a8c0cb!important}
.retirement-page .retirement-chart-milestone>b{color:#b4d8e5!important}
.retirement-page .retirement-chart-inspector{
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
  gap:8px 16px!important;align-items:center!important;
  padding:13px 15px!important;margin:12px 0 10px!important;
  background:linear-gradient(132deg,#202f38,#1a2831)!important;
  border:1px solid #49616f!important;border-radius:14px!important
}
.retirement-page .retirement-chart-inspector .retirement-inspector-date,
.retirement-page .retirement-chart-inspector .retirement-inspector-balance{
  min-width:0;display:grid;gap:4px
}
.retirement-page .retirement-chart-inspector .retirement-inspector-balance{
  border-left:1px solid #425563;padding-left:16px
}
.retirement-page .retirement-chart-inspector span{
  color:#adc8d4!important;font-size:10px!important;letter-spacing:.09em!important
}
.retirement-page .retirement-chart-inspector .retirement-inspector-date strong{
  color:#f3f9fb!important;font-size:clamp(17px,2vw,22px)!important;
  line-height:1.15!important;letter-spacing:-.025em
}
.retirement-page .retirement-chart-inspector .retirement-inspector-balance strong{
  color:#bce0ee!important;font-size:clamp(23px,3.1vw,35px)!important;
  font-variant-numeric:tabular-nums;line-height:1.14!important;letter-spacing:-.035em;
  overflow-wrap:anywhere
}
.retirement-page .retirement-chart-inspector small{
  color:#aebfca!important;font-size:11px!important;line-height:1.4!important
}
.retirement-page .retirement-chart-inspector p{
  grid-column:1/-1!important;margin:3px 0 0!important;
  padding-top:9px;border-top:1px solid #364b58;
  color:#a8bfc9!important;font-size:11px!important;line-height:1.4!important
}
.retirement-page .retirement-chart{
  min-height:0!important;max-width:100%!important;width:100%!important;
  height:auto!important;aspect-ratio:auto!important;overflow:hidden!important
}
.retirement-page .retirement-chart svg{
  display:block;width:100%!important;max-width:100%!important;
  min-width:0!important;height:auto!important;aspect-ratio:900/320;
  overflow:hidden
}
.retirement-page .retirement-area{fill:rgba(147,195,210,.105)!important}
.retirement-page .retirement-line{
  stroke:#a0c7d4!important;stroke-width:3.4!important
}
.retirement-page .retirement-grid{stroke:#a2c5d5;stroke-opacity:.12}
.retirement-page .retirement-axis{fill:#a4b9c3!important;font-size:12px!important}
.retirement-page .retirement-axis-year{fill:#dce9ef!important;font-weight:780}
.retirement-page .retirement-axis-age{fill:#9badb7!important}
.retirement-page .retirement-target{stroke:#91a6b0!important;stroke-opacity:.85}
.retirement-page .retirement-target-text{
  fill:#c4d1d8!important;font-size:11px!important;
  paint-order:stroke fill;stroke:#19252d!important;stroke-width:4
}
.retirement-page .retirement-marker{stroke:#d9ad84!important;stroke-opacity:.87}
.retirement-page .retirement-active-guide{stroke:#b8dce8!important;stroke-opacity:.78}
.retirement-page .retirement-active-dot{
  fill:#bce7f4!important;stroke:#254757!important;
  filter:drop-shadow(0 0 4px #77adbe99)!important
}
.retirement-page .retirement-point-hit:hover,
.retirement-page .retirement-point-hit:focus-visible{
  fill:#bce7f4!important;stroke:#315462!important;
  filter:drop-shadow(0 0 3px #9ac8dd)!important
}
.retirement-page .retirement-chart-scrubber{
  padding:6px 0 2px!important;gap:5px!important;color:#bed1da!important
}
.retirement-page .retirement-chart-scrubber label{
  color:#e3edf2!important;font-size:13px!important;font-weight:740
}
.retirement-page .retirement-chart-scrubber label span{color:#c1e2f0!important}
.retirement-page .retirement-chart-scrubber input{accent-color:#a0c7d4}
.retirement-page .retirement-chart-scrubber>small{font-size:11px!important;color:#9eafbb!important}
.retirement-page .retirement-chart-under{
  display:flex;align-items:center;justify-content:space-between;
  border-top:1px solid #31444f;margin:8px 0 0!important;padding:10px 0 0!important;
  color:#9eb2bd!important;font-size:11px!important
}
.retirement-page .retirement-chart-under strong{
  color:#e0eff5!important;font-size:12px!important
}
.retirement-page .retirement-legend{
  display:flex;gap:7px 14px;align-items:center;flex-wrap:wrap;
  margin:12px 0 0!important;color:#acbbc5!important;font-size:11px!important
}
.retirement-page .retirement-dot.projected{background:#a0c7d4!important}
.retirement-page .retirement-dot.target{background:#91a6b0!important}
.retirement-page .retirement-dot.transition{background:#d9ad84!important}
.retirement-page .retirement-callouts{
  display:grid;gap:10px;margin-top:16px!important
}
.retirement-page .retirement-callouts article{
  background:#1c2830!important;border:1px solid #344954!important;
  border-radius:12px!important;padding:13px 15px!important
}
.retirement-page .retirement-callouts article.good{
  background:#1c303b!important;border-color:#497184!important
}
.retirement-page .retirement-callouts article.good b{color:#d1e8f1!important}
.retirement-page .retirement-callouts article p{color:#adbdc6;line-height:1.5!important}
@media(max-width:760px){
  .retirement-page .retirement-chart-card{
    padding:14px 13px!important;border-radius:16px!important
  }
  .wmd-workspace--retirement .retirement-page .retirement-chart svg{
    width:100%!important;min-width:0!important;max-width:100%!important;
    height:auto!important;aspect-ratio:420/264!important;overflow:hidden!important
  }
  .retirement-page .retirement-chart-inspector{
    grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;
    padding:12px 11px!important;gap:7px 10px!important
  }
  .retirement-page .retirement-chart-inspector .retirement-inspector-balance{padding-left:10px}
  .retirement-page .retirement-chart-inspector .retirement-inspector-date strong{
    font-size:clamp(16px,4.2vw,19px)!important
  }
  .retirement-page .retirement-chart-inspector .retirement-inspector-balance strong{
    font-size:clamp(21px,5.6vw,26px)!important;
    overflow-wrap:anywhere!important
  }
  .retirement-page .retirement-chart-inspector .retirement-inspector-balance small{
    font-size:10px!important
  }
  .retirement-page .retirement-chart-under{gap:12px;flex-wrap:wrap}
  .retirement-page .retirement-axis{font-size:12px!important}
  .retirement-page .retirement-axis-age{font-size:10px!important}
  .retirement-page .retirement-legend{font-size:10px!important}
}
@media(max-width:360px){
  .retirement-page .retirement-chart-inspector{
    grid-template-columns:1fr!important
  }
  .retirement-page .retirement-chart-inspector .retirement-inspector-balance{
    border-left:0;border-top:1px solid #425563;padding:9px 0 0
  }
}

/* Snapper: communicate account identity clearly, rather than quietly guessing. */
.photo-holding-account-hint{
  font-size:12px;line-height:1.45;margin:3px 0 12px;
  padding:9px 11px;border-radius:9px;
  background:#1b2938;border:1px solid #40576c;color:#c8d8e7
}
.photo-holding-account-hint.photo-holding-account-unmatched{
  background:#252a35;border-color:#596074;color:#d5d8e6
}

/* Marketing: lead with an honest, scrollable explanation of the workflow.
   The illustrated flow is not a fabricated screenshot of the product. */
.landing-v6 .landing-intro-v5{max-width:1090px}
.landing-v6 .landing-intro-v5>p{max-width:770px;line-height:1.65}
.landing-v6 .launch-hero-highlights{
  display:flex;gap:8px 22px;flex-wrap:wrap;justify-content:center;
  max-width:920px;margin:24px auto 0;color:#b7cfc9;
  font:650 12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif
}
.landing-v6 .launch-hero-highlights>span{
  display:flex;align-items:center;gap:8px
}
.landing-v6 .launch-hero-highlights>span:before{
  content:"";width:5px;height:5px;border-radius:99px;
  background:#8dd6b2;box-shadow:0 0 0 4px #8dd6b218
}
.landing-v6 .launch-snapper-story{
  box-sizing:border-box;width:calc(100% - clamp(28px,6vw,110px));
  max-width:1390px;margin:0 auto;display:grid;align-items:center;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(24px,4vw,70px);
  border:1px solid #395451;border-radius:25px;
  padding:clamp(20px,3.8vw,56px);
  background:radial-gradient(ellipse at 0% 0%,#24403965,transparent 62%),linear-gradient(145deg,#17262b,#121c23);
  scroll-margin-top:100px
}
.landing-v6 .launch-snapper-copy{min-width:0}
.landing-v6 .launch-snapper-copy .launch-eyebrow{
  color:#92dcb6;font-size:11px;letter-spacing:.13em
}
.landing-v6 .launch-snapper-copy h2{
  margin:12px 0 18px;color:#f0f8f3;
  font:790 clamp(34px,4vw,60px)/1.09 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.045em;text-wrap:balance
}
.landing-v6 .launch-snapper-copy h2 em{font-style:normal;color:#91daba}
.landing-v6 .launch-snapper-copy>p{
  margin:0;color:#b5c9c8;font-size:clamp(14px,1.3vw,16px);line-height:1.7;
  max-width:66ch
}
.landing-v6 .launch-snapper-points{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;margin:26px 0 20px
}
.landing-v6 .launch-snapper-points>div{
  display:grid;align-content:start;gap:6px;min-width:0
}
.landing-v6 .launch-snapper-points>div>span{
  color:#92d7ba;font-size:12px;font-weight:850;letter-spacing:.1em
}
.landing-v6 .launch-snapper-points strong{font-size:15px;color:#e8f7ef}
.landing-v6 .launch-snapper-points small{
  color:#a4b9b8;line-height:1.55;font-size:12px
}
.landing-v6 .launch-snapper-actions{
  display:flex;align-items:center;flex-wrap:wrap;gap:12px 17px;
  padding-top:17px;border-top:1px solid #34514b
}
.landing-v6 .launch-snapper-actions a{
  display:inline-flex;gap:12px;align-items:center;text-decoration:none;
  padding:12px 15px;border-radius:11px;border:1px solid #749c8c;
  background:#213a33;color:#e7fbef;font-size:13px;font-weight:770
}
.landing-v6 .launch-snapper-actions a:hover{background:#2a4c40;border-color:#9acbb0}
.landing-v6 .launch-snapper-actions>span{color:#a1b7af;font-size:11px;line-height:1.4}
.landing-v6 .launch-snapper-illustration{
  box-sizing:border-box;min-width:0;border-radius:19px;
  background:radial-gradient(ellipse at 65% 1%,#476e764f,transparent 58%),#12222b;
  border:1px solid #3c5969;padding:clamp(17px,2.4vw,30px);
  box-shadow:0 22px 55px #0004
}
.landing-v6 .launch-snapper-visual-top{
  display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:25px
}
.landing-v6 .launch-snapper-symbol{
  display:grid;place-items:center;width:42px;height:42px;border:1px solid #628b9b;
  background:#213c47;color:#d0e9f3;border-radius:13px;font-size:26px
}
.landing-v6 .launch-snapper-visual-top b{
  flex:1 1 130px;color:#e5f0f6;font-size:15px
}
.landing-v6 .launch-snapper-visual-tag{
  color:#a6c9d8;font-size:9px;letter-spacing:.08em;font-weight:850
}
.landing-v6 .launch-snapper-inputs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px
}
.landing-v6 .launch-snapper-inputs>span{
  display:flex;flex-wrap:wrap;gap:4px;align-items:center;justify-content:space-between;
  min-width:0;padding:13px 10px;background:#1d2f3b;
  border:1px solid #3e5b6a;border-radius:10px;color:#c5d9e3;
  font-size:11px;font-weight:670
}
.landing-v6 .launch-snapper-inputs i{font-style:normal;color:#83b4c5}
.landing-v6 .launch-snapper-track{
  display:flex;justify-content:space-evenly;align-items:center;
  height:39px;position:relative
}
.landing-v6 .launch-snapper-track:before{
  content:"";position:absolute;left:17%;right:17%;top:0;bottom:0;
  border-left:1px solid #4b6f78;border-right:1px solid #4b6f78;
  border-bottom:1px solid #4b6f78;border-radius:0 0 12px 12px
}
.landing-v6 .launch-snapper-track i{
  width:5px;height:5px;border-radius:50%;background:#8fbfcb;z-index:1
}
.landing-v6 .launch-snapper-verification{
  padding:18px 19px;border:1px solid #678e9e;border-radius:13px;
  background:linear-gradient(145deg,#25414f,#1a323c);display:grid;gap:8px
}
.landing-v6 .launch-snapper-verification>span{
  color:#a4cedc;font-size:10px;letter-spacing:.12em;font-weight:850
}
.landing-v6 .launch-snapper-verification>strong{
  color:#f2f9fc;font-size:clamp(16px,1.7vw,22px);letter-spacing:-.02em
}
.landing-v6 .launch-snapper-verification>small{
  color:#aac1cd;line-height:1.4;font-size:12px
}
.landing-v6 .launch-snapper-checks{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:7px
}
.landing-v6 .launch-snapper-checks span{
  border:1px solid #527887;background:#17303b;border-radius:8px;
  padding:7px 9px;color:#d0e6ed;font-size:11px;font-weight:650
}
.landing-v6 .launch-snapper-connect{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:16px
}
.landing-v6 .launch-snapper-connect>span{
  border-top:2px solid #77acb8;padding:11px 3px;
  color:#b2ced8;font-size:9px;font-weight:800;letter-spacing:.04em;text-align:center
}
.landing-v6 .launch-snapper-visual-note{
  color:#91a9b5;font-size:10px;line-height:1.45;text-align:center;margin:10px 0 0
}
.landing-v6 .landing-product-tour-v5{margin-top:0!important}
.landing-v6 .landing-tour-heading>div{min-width:0}
.landing-v6 .landing-tour-heading h2{
  font-size:clamp(26px,3vw,38px);margin:9px 0 0;color:#eff9f4
}
.landing-v6 .landing-tour-heading>p{max-width:480px}
@media(max-width:980px){
  .landing-v6 .launch-snapper-story{
    grid-template-columns:1fr;gap:26px
  }
  .landing-v6 .launch-snapper-copy h2{max-width:16ch}
}
@media(max-width:640px){
  .landing-v6 .launch-hero-highlights{
    display:grid;justify-content:start;gap:7px;
    width:max-content;max-width:90%;margin:18px auto 0;font-size:11px
  }
  .landing-v6 .launch-snapper-story{
    width:calc(100% - 26px);padding:20px 16px;border-radius:19px
  }
  .landing-v6 .launch-snapper-copy h2{font-size:clamp(30px,8vw,43px);max-width:none}
  .landing-v6 .launch-snapper-points{grid-template-columns:1fr;gap:13px;margin:18px 0}
  .landing-v6 .launch-snapper-points>div{
    grid-template-columns:30px minmax(0,1fr);gap:2px 7px
  }
  .landing-v6 .launch-snapper-points>div>span{grid-row:1/3}
  .landing-v6 .launch-snapper-points small{font-size:11px}
  .landing-v6 .launch-snapper-illustration{padding:15px 12px}
  .landing-v6 .launch-snapper-visual-top{margin-bottom:15px}
  .landing-v6 .launch-snapper-visual-tag{display:none}
  .landing-v6 .launch-snapper-inputs>span{font-size:10px;padding:10px 8px}
  .landing-v6 .launch-snapper-verification{padding:15px 13px}
  .landing-v6 .launch-snapper-connect>span{font-size:8px;letter-spacing:0}
  .landing-v6 .landing-tour-heading>p{max-width:none;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .launch-snapper-actions a{transition:none}
}

/* landing-clarity.css */

/* Landing clarity pass - scoped to public experience only.
   Deliberately avoids changing the authenticated app's workspace themes. */

/* Consistent, legible public landing section labels. Section headings keep their
   existing scale; only the small uppercase introductory labels are adjusted. */
.landing-v6 .landing-intro-v5 > .landing-eyebrow,
.landing-v6 .landing-tour-heading .landing-eyebrow,
.landing-v6 .launch-quick-copy > .launch-eyebrow,
.landing-v6 .launch-pricing-header > .launch-eyebrow,
.landing-v6 .landing-final-v5 > .landing-eyebrow,
.landing-v6 .compact-trust-head .landing-eyebrow {
  display:inline-block;
  max-width:100%;
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.4;
  font-weight:850;
  letter-spacing:.10em;
  white-space:normal;
}
.landing-v6 .landing-section-kicker > b {
  font-size:clamp(14px,1.25vw,16px);
  line-height:1.4;
  letter-spacing:.10em;
}
@media(max-width:600px) {
  .landing-v6 .landing-intro-v5 > .landing-eyebrow,
  .landing-v6 .landing-tour-heading .landing-eyebrow,
  .landing-v6 .launch-quick-copy > .launch-eyebrow,
  .landing-v6 .launch-pricing-header > .launch-eyebrow,
  .landing-v6 .landing-final-v5 > .landing-eyebrow,
  .landing-v6 .compact-trust-head .landing-eyebrow,
  .landing-v6 .landing-section-kicker > b {
    font-size:13px;
    line-height:1.45;
    letter-spacing:.09em;
  }
}

.landing-v6 .landing-main-v5{gap:clamp(34px,4.5vw,66px)!important}
.landing-v6 .launch-update-choices{
  box-sizing:border-box;width:calc(100% - clamp(28px,6vw,110px));
  max-width:1380px;margin:0 auto;scroll-margin-top:92px
}
.landing-v6 .launch-update-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px
}
.landing-v6 .launch-update-card{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:stretch;gap:20px;
  min-width:0;min-height:360px;
  padding:clamp(21px,2.9vw,35px);
  border:1px solid #3e5b58;border-radius:22px;
  background:radial-gradient(ellipse at 10% 0%,#35554b46,transparent 55%),linear-gradient(155deg,#1a2a2c,#121c23);
  box-shadow:0 20px 40px #0002
}
.landing-v6 .launch-update-card-plaid{
  border-color:#4a6174;
  background:radial-gradient(ellipse at 90% 0%,#365e8540,transparent 55%),linear-gradient(155deg,#1a2734,#121c23)
}
.landing-v6 .launch-update-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.landing-v6 .launch-update-icon{
  display:grid;place-items:center;flex:none;width:45px;height:45px;
  color:#d2f1e1;background:#223b32;border:1px solid #649882;border-radius:12px;font-size:25px
}
.landing-v6 .launch-update-card-plaid .launch-update-icon{
  color:#d9eafb;background:#203747;border-color:#7198b7
}
.landing-v6 .launch-update-status{
  font:780 10px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#b8d5cb;letter-spacing:.07em;border:1px solid #416559;border-radius:100px;
  background:#21362f;padding:6px 9px
}
.landing-v6 .launch-update-card-plaid .launch-update-status{
  color:#c0d6e7;border-color:#425e76;background:#213548
}
.landing-v6 .launch-update-type{font-size:11px;font-weight:770;letter-spacing:.12em;color:#83c9a8}
.landing-v6 .launch-update-card-plaid .launch-update-type{color:#a5c8e1}
.landing-v6 .launch-update-card h3{
  font:800 clamp(30px,3.8vw,49px)/1.07 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.038em;margin:8px 0 10px;color:#f0f9f5
}
.landing-v6 .launch-update-card p{font-size:14px;line-height:1.67;color:#b4cacb;margin:0;max-width:570px}
.landing-v6 .launch-update-flow{
  display:flex;gap:6px 10px;flex-wrap:wrap;align-items:center;
  margin-top:auto;padding:15px 0 1px;border-top:1px solid #35514e
}
.landing-v6 .launch-update-card-plaid .launch-update-flow{border-top-color:#3b5368}
.landing-v6 .launch-update-flow span{font:670 12px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:#d5e7df}
.landing-v6 .launch-update-flow i{color:#85b59e;font-style:normal}
.landing-v6 .launch-update-card-plaid .launch-update-flow i{color:#9cbcd2}
.landing-v6 .launch-update-card>a{
  display:inline-flex;gap:15px;justify-content:space-between;align-items:center;align-self:flex-start;
  min-height:44px;border:1px solid #668e7c;border-radius:10px;
  background:#253d34;color:#edf9f1;padding:9px 15px;
  text-decoration:none;font-size:13px;font-weight:750
}
.landing-v6 .launch-update-card-plaid>a{border-color:#65839c;background:#253b4c;color:#edf4fc}
.landing-v6 .launch-update-card>a:hover{filter:brightness(1.15)}
.landing-v6 .launch-update-disclosure{
  border-top:1px solid #314345;padding-top:13px;margin:20px 0 0;
  color:#94aeb5;font-size:12px;line-height:1.55
}
.landing-v6 .launch-update-disclosure strong{color:#dae6e8}
.landing-v6 .launch-quick-bigger{margin:16px 0 0!important;color:#d5e3df!important}
.landing-v6 .launch-quick-promise{margin-top:17px!important}
.landing-v6 .launch-quick-transition{margin-top:20px!important}
.landing-v6 .launch-quick-transition p{margin:8px 0!important}
.landing-v6 .launch-quick-card-head{margin-bottom:12px}
.landing-v6 .launch-pricing{scroll-margin-top:85px}
.landing-v6 .launch-path-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.landing-v6 .launch-guidance-teaser{
  display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;
  margin-top:17px;padding:19px 21px;border:1px solid #3a5058;border-radius:13px;
  background:#18252b
}
.landing-v6 .launch-guidance-teaser>div{display:grid;gap:5px;flex:1 1 240px}
.landing-v6 .launch-guidance-teaser span{font-size:10px;letter-spacing:.12em;font-weight:800;color:#94bac7}
.landing-v6 .launch-guidance-teaser strong{font-size:18px;color:#e7f0f3}
.landing-v6 .launch-guidance-teaser p{font-size:12px;line-height:1.5;color:#9aafb8;margin:0}
.landing-v6 .launch-guidance-teaser button{
  cursor:pointer;border:1px solid #607d89;background:#223846;color:#eef7f9;
  border-radius:10px;padding:11px 17px;min-height:43px;font-weight:720;font-size:12px
}
.landing-v6 .landing-tour-browse{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:2px 3px 10px;color:#abd9ca
}
.landing-v6 .landing-tour-browse>span{font-size:10px;font-weight:810;letter-spacing:.11em}
.landing-v6 .landing-tour-browse small{font-size:11px;color:#aac1c1}
.landing-v6 .landing-tour-tab-navigation{
  display:grid;grid-template-columns:35px minmax(0,1fr) 35px;gap:7px;
  align-items:stretch;min-width:0;margin-bottom:12px
}
.landing-v6 .landing-tour-tab-navigation>button{
  appearance:none;cursor:pointer;display:grid;place-items:center;
  border:1px solid #416158;border-radius:11px;background:#21342f;
  color:#d4f0e5;font-size:26px;min-height:46px
}
.landing-v6 .landing-tour-tab-navigation>button:hover{background:#2e4b41}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tablist{
  display:flex!important;overflow-x:auto!important;overflow-y:hidden;
  min-width:0;margin:0!important;padding:1px 1px 5px!important;
  overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;
  gap:8px!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tablist::-webkit-scrollbar{display:none}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab{
  flex:0 0 clamp(134px,17vw,220px)!important;min-width:0;
  scroll-snap-align:center;min-height:46px!important;padding:9px 12px!important;
  white-space:normal;line-height:1.25
}
.landing-v6 .landing-tour-tab-navigation button:focus-visible{
  outline:2px solid #9bdfba;outline-offset:2px
}
.landing-v6 .landing-debt-focused-panel{min-width:0;width:100%;padding:4px 2px}
.landing-v6 .landing-debt-focused-panel .debt-chart-card{
  width:100%;min-width:0;box-sizing:border-box;padding:16px!important;
  border:1px solid #3e535d;border-radius:13px;background:#18262e
}
.landing-v6 .landing-debt-focused-panel .debt-chart{
  display:block;max-width:100%;width:100%!important;min-width:0!important;
  height:auto!important;margin:12px 0 0
}
.landing-v6 .landing-debt-focused-panel .debt-result-kpis{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
.landing-v6 .landing-debt-focused-panel .debt-result-kpis article{min-width:0;padding:10px 9px}
.landing-v6 .landing-debt-focused-panel .debt-result-kpis span{font-size:11px;line-height:1.35}
.landing-v6 .landing-debt-focused-panel .debt-result-kpis strong{
  font-size:clamp(15px,2.1vw,21px);overflow-wrap:anywhere
}
.landing-v6 .landing-debt-focused-panel .debt-milestones{
  margin:0;min-width:0;border-color:#3e535d;background:#18262e;
  padding:14px 17px;border-radius:13px
}
.landing-v6 .landing-debt-focused-panel .debt-milestones article{padding:12px 2px}
.landing-v6 .landing-debt-focused-panel .debt-milestones article:last-child{border-bottom:0}
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] .cash-checklist-item .cash-checklist-edit,
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] .cash-checklist-item .cash-checklist-done{
  pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;
  opacity:1!important
}
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] .cash-checklist-item .cash-checklist-edit{
  border:1px solid #688a9f!important;background:#253e4b!important;
  padding:8px 10px;border-radius:9px;color:#eaf6fb!important;font-weight:750
}
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] .cash-checklist-item .cash-checklist-edit:hover{
  border-color:#9dc6de!important;background:#2b5166!important
}
.landing-v6 .landing-cash-demo-modal[hidden]{display:none!important}
.landing-v6 .landing-cash-demo-modal{
  position:fixed;inset:0;z-index:10000;display:grid;place-items:center;
  background:rgba(4,11,17,.85);padding:18px;overflow-y:auto;overscroll-behavior:contain;
  backdrop-filter:blur(8px)
}
.landing-v6 .landing-cash-demo-form{
  box-sizing:border-box;width:min(100%,460px);max-height:min(94dvh,700px);overflow:auto;
  padding:clamp(18px,3vw,27px);border-radius:19px;
  background:#1b2b34;border:1px solid #60839a;box-shadow:0 25px 65px #000b;
  display:grid;gap:14px;color:#eaf3fa;font:inherit
}
.landing-v6 .landing-cash-demo-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.landing-v6 .landing-cash-demo-head span{color:#9dbfcf;font-size:11px;font-weight:790;letter-spacing:.1em}
.landing-v6 .landing-cash-demo-head button{
  display:grid;place-items:center;background:#314452;color:#eef6f9;
  border:1px solid #526c80;width:39px;height:39px;border-radius:10px;font-size:26px;cursor:pointer
}
.landing-v6 .landing-cash-demo-form h3{
  font:790 clamp(24px,4vw,31px)/1.16 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.03em;color:#f3fafc;margin:0
}
.landing-v6 .landing-cash-demo-form>p{color:#b3c5d2;font-size:13px;line-height:1.55;margin:0}
.landing-v6 .landing-cash-demo-fields{display:grid;gap:13px}
.landing-v6 .landing-cash-demo-fields>label{display:grid;gap:6px;color:#d9e6ef;font-size:12px;font-weight:740}
.landing-v6 .landing-cash-demo-fields input:not([type=checkbox]){
  box-sizing:border-box;width:100%;max-width:none;min-height:46px;
  padding:10px 12px;background:#14232d;border:1px solid #526f82;border-radius:10px;
  color:#f4f9fb;font:600 15px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif
}
.landing-v6 .landing-cash-demo-fields input:focus-visible{
  outline:2px solid #a8d7eb;outline-offset:2px
}
.landing-v6 .landing-cash-demo-fields .landing-cash-demo-done{
  display:flex;gap:9px;align-items:center;color:#d9e6ef;
  padding:8px 0;font-size:13px
}
.landing-v6 .landing-cash-demo-done input{accent-color:#9dcce0;width:20px;height:20px}
.landing-v6 .landing-cash-demo-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between}
.landing-v6 .landing-cash-demo-actions button{
  flex:1 1 155px;cursor:pointer;min-height:44px;padding:10px 12px;
  border-radius:10px;border:1px solid #536d82;background:#263a47;
  font-weight:740;font-size:13px;color:#e0eefa
}
.landing-v6 .landing-cash-demo-actions .landing-cash-demo-save{
  background:#b8ddec;border-color:#b8ddec;color:#102733
}
.landing-v6 .landing-cash-demo-form>small{color:#a9bbc6;font-size:11px}
@media(max-width:1000px){
  .landing-v6 .launch-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .landing-v6 .launch-update-grid{grid-template-columns:1fr}
  .landing-v6 .launch-update-card{min-height:0;gap:16px;padding:22px 19px;border-radius:17px}
  .landing-v6 .launch-update-card h3{font-size:32px}
  .landing-v6 .launch-update-flow{padding-top:13px}
  .landing-v6 .landing-tour-browse{align-items:flex-start;flex-direction:column;gap:3px}
  .landing-v6 .landing-tour-tab-navigation{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px}
  .landing-v6 .landing-tour-tab-navigation>button{font-size:24px;min-height:49px;padding:0}
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tab{
    flex:0 0 43%!important;min-width:0;font-size:12px!important;
    min-height:49px!important;scroll-snap-align:start;
  }
  .landing-v6 .landing-debt-focused-panel .debt-result-kpis{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:5px
  }
  .landing-v6 .landing-debt-focused-panel .debt-result-kpis article{padding:8px 6px}
  .landing-v6 .landing-debt-focused-panel .debt-result-kpis span{font-size:10px}
  .landing-v6 .landing-debt-focused-panel .debt-result-kpis strong{font-size:17px}
}
@media(max-width:700px){
  .landing-v6 .landing-tour-viewport:has(.landing-tour-app-main[data-landing-preview="debt"][data-landing-focus="projection"]){
    height:clamp(260px,89vw,370px)!important
  }
  .landing-v6 .landing-tour-viewport:has(.landing-tour-app-main[data-landing-preview="debt"][data-landing-focus="order"]){
    height:clamp(360px,108vw,440px)!important
  }
  .landing-v6 .landing-tour-viewport:has(.landing-tour-app-main[data-landing-preview="debt"][data-landing-focus="method"]){
    height:clamp(380px,109vw,465px)!important
  }
  .landing-v6 .landing-tour-app-main[data-landing-preview="debt"] .landing-debt-focused-panel .debt-chart-card{
    padding:12px!important
  }
  .landing-v6 .landing-tour-app-main[data-landing-preview="debt"] .landing-debt-focused-panel .debt-chart{
    margin:11px 0 0!important;max-height:220px
  }
}
@media(max-width:580px){
  .landing-v6 .launch-update-choices{width:calc(100% - 26px)}
  .landing-v6 .launch-update-status{font-size:9px}
  .landing-v6 .launch-path-grid{grid-template-columns:1fr!important}
  .landing-v6 .landing-tour-heading{margin-bottom:12px}
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tab{flex-basis:43%!important}
  .landing-v6 .landing-cash-demo-modal{padding:11px}
  .landing-v6 .landing-cash-demo-form{max-height:96dvh}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .launch-update-card>a{transition:none}
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tablist{scroll-behavior:auto}
}


/* Position the mobile hero immediately after the header, without viewport-height centering or scroll snapping. */
@media(max-width:700px){
  .landing-v6 .landing-intro-v5{
    box-sizing:border-box;
    min-height:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    padding:clamp(32px,6svh,56px) 16px clamp(32px,6svh,52px)!important
  }
  .landing-v6 .landing-intro-v5 h1{
    margin:9px 0 11px;
    line-height:1.035
  }
  .landing-v6 .landing-intro-v5>p{line-height:1.55}
  .landing-v6 .landing-hero-ctas-v5{margin-top:18px}
  .landing-v6 .launch-hero-highlights{margin-top:17px}
  .landing-v6 .launch-update-choices{
    padding-top:clamp(8px,2svh,18px);
    scroll-margin-top:78px
  }
}
@media(max-width:390px){
  .landing-v6 .landing-intro-v5{
    min-height:0;
    padding-top:clamp(30px,5.5svh,48px)!important;
    padding-bottom:34px!important
  }
  .landing-v6 .landing-intro-v5 h1{font-size:clamp(35px,10.2vw,43px)}
  .landing-v6 .landing-intro-v5>p{font-size:13.5px}
  .landing-v6 .landing-hero-ctas-v5{gap:8px}
  .landing-v6 .launch-hero-highlights{gap:6px;font-size:10.5px}
}


/* 6.10.69: consistent mobile screen rhythm between major landing sections.
   Keep the natural page flow, but give each major story beat the same dark breathing room. */
@media(max-width:700px){
  .landing-v6 .landing-main-v5{
    --mobile-section-gap:clamp(36px,5svh,50px)
  }
  .landing-v6 .landing-main-v5>.landing-product-tour-v5,
  .landing-v6 .landing-main-v5>.launch-quick,
  .landing-v6 .landing-main-v5>.launch-pricing,
  .landing-v6 .landing-main-v5>.landing-final-v5,
  .landing-v6 .landing-main-v5>.landing-security-v5{
    margin-top:var(--mobile-section-gap)!important
  }
  .landing-v6 .landing-main-v5>:is(
    .landing-product-tour-v5,
    .launch-quick,
    .launch-pricing,
    .landing-final-v5,
    .landing-security-v5
  ){
    scroll-margin-top:82px
  }
}


/* Brand-first hero: static crawlable H1, three cumulative one-time phrase reveals.
   Space for all words is reserved before animation, preventing layout shifts. */
.landing-v6 .landing-intro-v5 .wmd-brand-hero{
  max-width:1100px;
  margin:14px auto 12px;
  color:#f1f8f6;
  font-size:clamp(44px,6.6vw,86px);
  font-weight:850;
  line-height:1.04;
  letter-spacing:-.057em;
  text-wrap:balance
}
.landing-v6 .landing-intro-v5 .wmd-brand-tagline{
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  column-gap:clamp(12px,2vw,24px);
  row-gap:6px;
  max-width:980px;
  margin:0 auto 19px;
  color:#c6d9d5;
  font-size:clamp(18px,2.1vw,27px);
  font-weight:620;
  letter-spacing:-.025em;
  line-height:1.35;
  text-wrap:normal
}
.landing-v6 .wmd-brand-tagline-part{
  display:inline-block;
  white-space:nowrap;
  opacity:1;
  transform:none
}
.landing-v6 .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part{
  opacity:0;
  transform:translateY(7px);
  animation:wmd-brand-arrive .62s cubic-bezier(.18,.72,.25,1) both
}
.landing-v6 .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part:nth-child(1){animation-delay:.15s}
.landing-v6 .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part:nth-child(2){animation-delay:.85s}
.landing-v6 .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part:nth-child(3){animation-delay:1.55s;color:#93ddbb}
.landing-v6 .wmd-brand-tagline-part:nth-child(3){color:#93ddbb}
@keyframes wmd-brand-arrive{
  from{opacity:0;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
.landing-v6 .landing-intro-v5 .wmd-brand-tagline + p{
  max-width:780px;
  margin:0 auto;
  line-height:1.58
}
.landing-v6 .landing-intro-v5 .landing-hero-ctas-v5{margin-top:23px}
@media(max-width:700px){
  .landing-v6 .landing-intro-v5 .wmd-brand-hero{
    font-size:clamp(32px,9vw,46px);
    line-height:1.06;
    margin:10px auto 13px;
    letter-spacing:-.055em
  }
  .landing-v6 .landing-intro-v5 .wmd-brand-tagline{
    max-width:100%;
    font-size:clamp(18px,4.75vw,21px);
    line-height:1.38;
    row-gap:4px;
    column-gap:10px;
    margin-bottom:18px
  }
  .landing-v6 .landing-intro-v5 .wmd-brand-tagline + p{
    max-width:430px;
    font-size:14px;
    line-height:1.55
  }
  .landing-v6 .landing-intro-v5 .landing-hero-ctas-v5{margin-top:19px}
}
@media(max-width:350px){
  .landing-v6 .landing-header-v4 .landing-header-inner{gap:6px}
  .landing-v6 .landing-header-v4 .landing-brand{gap:6px;min-width:0}
  .landing-v6 .landing-header-v4 .landing-brand img{width:36px!important;height:36px!important}
  .landing-v6 .landing-header-v4 .landing-brand span{font-size:13px!important}
  .landing-v6 .landing-header-v4 .landing-nav{gap:4px!important;flex:none}
  .landing-v6 .landing-header-v4 .landing-login,
  .landing-v6 .landing-header-v4 .landing-primary{min-height:40px;padding:7px!important}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .wmd-brand-tagline-part{animation:none!important;opacity:1;transform:none}
}


/* 6.10.98: Connected stays part of the WMD graphite system. Blue is an accent,
   not a full-card theme. Snapper surfaces its image-retention promise clearly. */
.landing-v6 .launch-update-card-plaid,
.landing-v6 .launch-path-autopilot{
  --plan-fill:#202b31!important;
  --plan-line:#527fa3;
  --plan-accent:#93d5ff
}
.landing-v6 .launch-update-card-plaid{
  border-color:#465e6d!important;
  background:radial-gradient(ellipse at 90% 0%,rgba(87,132,160,.10),transparent 52%),linear-gradient(155deg,#1a2529,#121c23)!important
}
.landing-v6 .launch-update-card-plaid .launch-update-icon{
  background:#202b31!important;border-color:#7198b7!important
}
.landing-v6 .launch-update-card-plaid .launch-update-status{
  background:#202a30!important;border-color:#4f7288!important
}
.landing-v6 .launch-update-card-plaid .launch-update-flow{border-top-color:#354750!important}
.landing-v6 .launch-update-card-plaid .launch-product-cta{
  background:#202b31!important;border-color:#65839c!important
}
.landing-v6 .launch-update-privacy{
  display:grid;gap:2px;margin:-4px 0 0!important;padding:10px 12px;
  border:1px solid #426558;border-radius:11px;background:#172720;
  color:#b9cec6!important;font-size:11px!important;line-height:1.5!important
}
.landing-v6 .launch-update-privacy strong{color:#dff7eb;font-size:12px}
.landing-v6 .launch-update-privacy span{color:#9fb8af}
.public-product-demo[data-plan="autopilot"]{
  --fill:#202b31!important;
  background:radial-gradient(ellipse at 88% 0%,rgba(84,127,158,.10),transparent 48%),linear-gradient(140deg,#182226,#131b1f)!important
}
.wmd-membership-badge[data-plan="connected"],
.wmd-membership-badge[data-plan="autopilot"]{background:#20282d!important}


/* 6.10.102: Workspace tabs keep a neutral shell; the underline and active tint
   borrow the actual accent of the workspace they represent. */
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab{
  --landing-tab-accent:#7d9291;
  position:relative;overflow:hidden
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="networth"]{--landing-tab-accent:var(--wmd-networth-accent,var(--wmd-brand-mint,#57d7aa))}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="budget"]{--landing-tab-accent:var(--wmd-budget-accent,#d6bc91)}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="cashflow"]{--landing-tab-accent:var(--wmd-cashflow-accent,#a0c4df)}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="debt"]{--landing-tab-accent:var(--wmd-debt-accent,#d4afb2)}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="investments"]{--landing-tab-accent:var(--wmd-investments-accent,#b6acd7)}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab[data-landing-page="retirement"]{--landing-tab-accent:var(--wmd-retirement-accent,#a0c7d4)}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab::after{
  content:"";position:absolute;left:22%;right:22%;bottom:4px;height:2px;border-radius:4px;
  background:#526469;opacity:.62;
  transition:background-color .16s ease,opacity .16s ease,box-shadow .16s ease,height .16s ease
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab:hover{
  background:color-mix(in srgb,var(--landing-tab-accent) 6%,#182328)!important;
  border-color:color-mix(in srgb,var(--landing-tab-accent) 32%,#3c4d54)!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab:hover::after{
  background:var(--landing-tab-accent);opacity:.8
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab.active{
  color:#f2f7f6!important;
  background:color-mix(in srgb,var(--landing-tab-accent) 9%,#172126)!important;
  border-color:color-mix(in srgb,var(--landing-tab-accent) 48%,#3b4b51)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab.active::after{
  height:3px;background:var(--landing-tab-accent);opacity:1;
  box-shadow:0 0 10px color-mix(in srgb,var(--landing-tab-accent) 55%,transparent)
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab:focus-visible{
  outline-color:var(--landing-tab-accent)!important
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tab::after{transition:none}
}


/* 6.10.103: make the workspace accent line unambiguous. The previous pseudo-
   element could be visually lost under older tab styling, so the active line is
   now an inset accent stroke on the button itself. */
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab::after{
  display:none!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab{
  box-shadow:inset 0 -2px 0 #526469!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab:hover{
  box-shadow:inset 0 -2px 0 var(--landing-tab-accent)!important
}
.landing-v6 .landing-tour-tab-navigation .landing-tour-tab.active{
  box-shadow:
    inset 0 -3px 0 var(--landing-tab-accent),
    inset 0 1px 0 rgba(255,255,255,.035)!important
}


/* 6.10.106: one WMD mint family across public marketing surfaces.
   Product workspace colors remain intentionally independent. */
.landing-v6{
  --wmd-brand-mint:#57d7aa;
  --wmd-brand-mint-soft:color-mix(in srgb,var(--wmd-brand-mint) 72%,white);
  --wmd-brand-line:color-mix(in srgb,var(--wmd-brand-mint) 34%,#33474a);
  --wmd-brand-surface:color-mix(in srgb,var(--wmd-brand-mint) 7%,#131d20);
  --tour-mint:var(--wmd-brand-mint);
  --green:var(--wmd-brand-mint)
}
.landing-v6 :is(.landing-eyebrow,.launch-eyebrow,.landing-tour-heading .landing-eyebrow,.launch-ripple-kicker,.launch-ripple-takeaway>span){
  color:var(--wmd-brand-mint-soft)!important
}
.landing-v6 .wmd-brand-tagline-part:nth-child(3),
.landing-v6 .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part:nth-child(3),
.landing-v6 .launch-update-intro h2 em,
.landing-v6 .launch-quick h2 em{
  color:var(--wmd-brand-mint-soft)!important
}
.landing-v6 .landing-primary{
  background:var(--wmd-brand-mint)!important;
  border-color:var(--wmd-brand-mint)!important;
  color:#07130f!important
}
.landing-v6 .landing-primary:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 84%,white)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 84%,white)!important
}
.landing-v6 .launch-quick,
.landing-v6 .launch-pricing{
  border-color:var(--wmd-brand-line)!important;
  background:color-mix(in srgb,var(--wmd-brand-mint) 3%,#111b1f)!important
}
.landing-v6 .launch-quick-copy>p.launch-quick-promise{
  border-left-color:var(--wmd-brand-mint)!important;
  background:color-mix(in srgb,var(--wmd-brand-mint) 7%,transparent)!important
}
.landing-v6 .launch-ripple-takeaway{
  border-left-color:var(--wmd-brand-mint)!important;
  background:var(--wmd-brand-surface)!important
}
.landing-v6 .launch-ripple-range{accent-color:var(--wmd-brand-mint)!important}
.landing-v6 .launch-preview-link{
  background:var(--wmd-brand-mint)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 72%,white)!important;
  color:#07130f!important
}
.landing-v6 .launch-preview-link:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 84%,white)!important
}

/* Pricing headline: never leave "place." alone on desktop. */
.landing-v6 .launch-pricing-header{max-width:960px!important}
.landing-v6 .launch-pricing-header h2{
  font-size:clamp(34px,4vw,52px)!important;
  text-wrap:balance
}
.landing-v6 .launch-pricing-header h2 em{display:block}
@media(min-width:760px){
  .landing-v6 .launch-pricing-header h2 em{white-space:nowrap}
}
@media(max-width:759px){
  .landing-v6 .launch-pricing-header h2 em{white-space:normal}
}


/* 6.10.107: simplify the hero and keep the install control in the same mint system. */
.landing-v6 .landing-hero-ctas-v5{
  margin-top:22px;
  margin-bottom:0
}
.landing-v6 .landing-hero-ctas-v5 .landing-primary{
  min-width:142px
}
.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav{
  background:color-mix(in srgb,var(--wmd-brand-mint) 6%,#151f22)!important;
  border-color:var(--wmd-brand-line)!important;
  color:var(--wmd-brand-mint-soft)!important;
  box-shadow:none!important
}
.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 12%,#172126)!important;
  border-color:var(--wmd-brand-mint)!important;
  color:#eefbf5!important
}
.landing-v6 .landing-header-v4 .landing-nav .landing-install-nav.installed{
  background:#172126!important;
  border-color:#394c49!important;
  color:#9db7ad!important
}


/* 6.10.109: the scrollable public demo exposes safe, in-memory interactions
   that mirror the real app without enabling account-edit controls. */
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] :is(
  [data-nw-overview-toggle],[data-collapse-section],[data-collapse-group],[data-add-group],[data-add-sub],
  [data-move-group],[data-move-account],[data-sort-nw],[data-hide-nw-section],[data-show-nw-section],
  [data-toggle-note],[data-delete-note],[data-delete-group],[data-delete-account],
  [data-group-goal],[data-group-note],[data-account-name],[data-account-value],[data-networth-goal],
  [data-nw-mix-select],[data-nw-chart-group],[data-nw-mix-expand],
  [data-toggle-history-entry],[data-history-entry-close],[data-act="add-history"],
  #historyDate,#historyAmount
),
.landing-v6 .landing-tour-app-main[data-landing-preview="budget"] [data-budget-overview-toggle],
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] :is([data-cash-category-toggle],.cash-kpi-jump){
  pointer-events:auto!important;
  touch-action:manipulation;
  cursor:pointer
}
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] [data-nw-overview-toggle]:hover,
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] [data-nw-overview-toggle]:focus-visible,
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] .nw-mix-legend-item:hover,
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] .nw-mix-legend-item:focus-visible,
.landing-v6 .landing-tour-app-main[data-landing-preview="budget"] [data-budget-overview-toggle]:hover,
.landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] [data-cash-category-toggle]:hover{
  filter:brightness(1.08)
}
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] .landing-tour-history-range-ready{
  cursor:crosshair
}


/* Public Net Worth demo controls are intentionally interactive against fictional in-memory data. */
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] :is(
  [data-collapse-section],[data-collapse-group],[data-add-group],[data-add-sub],
  [data-move-group],[data-move-account],[data-sort-nw],[data-toggle-note],
  [data-hide-nw-section],[data-show-nw-section]
):hover{filter:brightness(1.09)}
.landing-v6 .landing-tour-app-main[data-landing-preview="networth"] :is(
  [data-group-goal],[data-group-note],[data-account-name],[data-account-value],[data-networth-goal]
){pointer-events:auto!important}

/* Compact update options follow the product tour. */
#app .landing-v6 .launch-setup-methods .landing-eyebrow {
  font-size:clamp(11px,1vw,13px)!important;
  font-weight:740!important;
  letter-spacing:.105em!important;
  color:#95d8bf!important;
}


/* Current-value landing story. Scoped to public surfaces only. */
.landing-v6 .landing-hero-assurance{
  margin:12px auto 0!important;
  max-width:550px;color:#adc5b9!important;
  font-size:12px!important;line-height:1.55!important
}
.landing-v6 .landing-ask-section{
  box-sizing:border-box;width:calc(100% - clamp(28px,6vw,110px));max-width:1370px;
  margin:0 auto;display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);
  gap:clamp(22px,3.6vw,52px);align-items:center;
  padding:clamp(22px,3.4vw,42px);
  border:1px solid #3b5750;border-radius:22px;
  background:linear-gradient(145deg,#142226,#111b20 74%);
  scroll-margin-top:90px
}
.landing-v6 .landing-ask-copy{min-width:0}
.landing-v6 .landing-ask-copy h2{
  margin:12px 0 17px;color:#f1faf6;
  font-size:clamp(32px,3.6vw,51px);font-weight:800;
  line-height:1.1;letter-spacing:-.044em;text-wrap:balance
}
.landing-v6 .landing-ask-copy h2 em{font-style:normal;color:#a7e8c9}
.landing-v6 .landing-ask-copy>p{
  margin:0 0 16px;color:#c3d6ce;
  font-size:clamp(13px,1.23vw,15px);line-height:1.68
}
.landing-v6 .landing-ask-copy>p.landing-ask-trust{
  color:#aebfb8;font-size:12px;line-height:1.58;margin:0
}
.landing-v6 .landing-ask-demo{
  box-sizing:border-box;min-width:0;padding:clamp(17px,2.4vw,26px);
  border:1px solid #4a685d;border-radius:17px;background:#1a292d;
  box-shadow:0 16px 45px rgba(0,0,0,.15)
}
.landing-v6 .landing-ask-demo-top{
  display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;
  gap:7px 12px;margin-bottom:15px
}
.landing-v6 .landing-ask-demo-top span{
  color:#a8eacb;font-size:10px;font-weight:800;letter-spacing:.11em
}
.landing-v6 .landing-ask-demo-top small{color:#adbfba;font-size:11px}
.landing-v6 .landing-ask-questions{
  display:flex;flex-wrap:wrap;gap:7px;margin-bottom:15px
}
.landing-v6 .landing-ask-questions button{
  box-sizing:border-box;min-height:41px;
  padding:9px 12px;text-align:left;cursor:pointer;touch-action:manipulation;
  border-radius:9px;border:1px solid #466159;background:#203235;
  color:#e1eee7;font:650 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif
}
.landing-v6 .landing-ask-questions button:hover{
  background:#29413e;border-color:#75b597;color:#fff
}
.landing-v6 .landing-ask-questions button[aria-pressed="true"]{
  background:#244839;border-color:#79d8a7;color:#f0fff6
}
.landing-v6 .landing-ask-questions button:focus-visible,
.landing-v6 .landing-ask-demo-footer button:focus-visible{
  outline:2px solid #b4f4d0;outline-offset:3px
}
.landing-v6 .landing-ask-answer{
  display:grid;gap:9px;align-content:start;min-height:180px;
  padding:17px 18px;border-radius:12px;border:1px solid #39504a;
  background:#111e22;overflow-wrap:anywhere
}
.landing-v6 .landing-ask-answer-kicker{
  color:#94cdb3;font-size:10px;font-weight:770;letter-spacing:.095em
}
.landing-v6 .landing-ask-answer>strong{
  color:#f2faf7;font-size:clamp(15px,1.55vw,19px);
  font-weight:760;line-height:1.35;letter-spacing:-.018em
}
.landing-v6 .landing-ask-answer-value{
  color:#b7f4d3;font-size:clamp(21px,2.4vw,32px);
  font-weight:800;letter-spacing:-.035em;line-height:1.15;
  font-variant-numeric:tabular-nums
}
.landing-v6 .landing-ask-answer>p{
  margin:0!important;color:#c9dbd3!important;
  font-size:12px!important;line-height:1.62!important
}
.landing-v6 .landing-ask-answer>small{
  color:#96b4aa;font-size:11px;line-height:1.5
}
.landing-v6 .landing-ask-answer>p.landing-ask-next{
  color:#a7e3c4!important;font-weight:690
}
.landing-v6 .landing-ask-answer [hidden]{display:none!important}
.landing-v6 .landing-ask-demo-footer{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:13px;margin-top:14px
}
.landing-v6 .landing-ask-demo-footer>span{
  color:#a9c0b5;font-size:11px;line-height:1.45
}
.landing-v6 .landing-ask-demo-footer button{
  box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  min-height:41px;padding:9px 14px;cursor:pointer;border-radius:9px;
  border:1px solid #81d9b1;background:#57d7aa;color:#10271e;
  font:770 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif
}
.landing-v6 .landing-ask-demo-footer button:hover{background:#9df0ce}
@media(max-width:900px){
  .landing-v6 .landing-ask-section{
    grid-template-columns:minmax(0,1fr);gap:22px
  }
}
@media(max-width:580px){
  .landing-v6 .landing-ask-section{
    width:calc(100% - 26px);padding:20px 16px;border-radius:17px;
    scroll-margin-top:76px
  }
  .landing-v6 .landing-ask-copy h2{font-size:clamp(29px,8vw,39px)}
  .landing-v6 .landing-ask-demo{padding:14px}
  .landing-v6 .landing-ask-questions button{flex:1 1 135px;font-size:11px}
  .landing-v6 .landing-ask-answer{min-height:165px;padding:14px}
}
@media(prefers-reduced-motion:reduce){
  .landing-v6 .landing-ask-questions button,.landing-v6 .landing-ask-demo-footer button{transition:none}
}


/* Compact update options; the setup checklist belongs inside the app. */
.landing-v6 .launch-setup-methods{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 30px;margin-bottom:18px}
.landing-v6 .launch-setup-methods>div{min-width:0;flex:1 1 320px}
.landing-v6 .launch-setup-methods .landing-eyebrow{color:#a7e4c7;font-size:11px!important;letter-spacing:.095em}
.landing-v6 .launch-setup-methods h2{color:#f1f8f5;margin:8px 0 0;font:780 clamp(24px,2.6vw,34px)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.03em}
.landing-v6 .launch-setup-methods>p{flex:1 1 265px;max-width:450px;margin:0;color:#b7c9c5;font-size:12px;line-height:1.65}
@media(max-width:580px){.landing-v6 .launch-setup-methods h2{font-size:25px}}

/* Enable handle-only drag-and-drop in the public fictional app tour. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview] [data-wmd-drag-handle]{pointer-events:auto!important;touch-action:none!important;cursor:grab!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview] [data-wmd-drag-handle]:focus-visible{outline:2px solid var(--wmd-accent,#83e3b9);outline-offset:2px}

/* Hero decision-example anchor lands below sticky nav, even on mobile. */
#app .landing-v6 #quick-plan{scroll-margin-top:96px}
@media(max-width:680px){#app .landing-v6 #quick-plan{scroll-margin-top:82px}}

/* plaid-investment-coverage.css */
/* Investments: review-only coverage from authorized Plaid Sandbox sessions.
   Shares/cost basis are never silently overwritten by a linked balance. */
.invest-refresh .invest-plaid-cover{
  display:grid;gap:14px;min-width:0;
  border:1px solid #496159;border-radius:18px;
  background:linear-gradient(143deg,#20302d,#1b2529 72%);padding:clamp(17px,2vw,25px)
}
.invest-refresh .invest-plaid-cover-head{display:flex;justify-content:space-between;gap:16px 20px;align-items:flex-start;flex-wrap:wrap}
.invest-refresh .invest-plaid-cover-head>div:first-child{min-width:0;flex:1 1 300px}
.invest-refresh .invest-plaid-cover-head>div:first-child>span{
  color:#a9cfbf;font-size:10px;font-weight:820;letter-spacing:.12em
}
.invest-refresh .invest-plaid-cover h3{
  color:#eef7f3;font:770 clamp(20px,2.5vw,26px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:-.035em;margin:6px 0 7px
}
.invest-refresh .invest-plaid-cover-head p{
  color:#b0bac9;line-height:1.56;font-size:12px;max-width:65ch;margin:0
}
.invest-refresh .invest-plaid-cover-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px;max-width:410px
}
.invest-refresh .invest-plaid-cover-actions small{
  color:#aebfba;font-size:11px;flex-basis:100%;text-align:right
}
.invest-refresh .invest-plaid-cover-actions button{
  cursor:pointer;padding:9px 11px;min-height:38px;line-height:1.3;
  border:1px solid #6d9182;background:#2a4038;color:#edf7f2;
  border-radius:9px;font-size:12px;font-weight:730;box-shadow:none
}
.invest-refresh .invest-plaid-cover-actions button:last-child{
  background:#25303c;border-color:#4f6578;color:#cfddeb
}
.invest-refresh .invest-plaid-cover-actions button:hover:not(:disabled){filter:brightness(1.18)}
.invest-refresh .invest-plaid-cover-actions button:disabled{opacity:.55;cursor:wait}
.invest-refresh .invest-plaid-cover-overview{
  display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;
  background:#202e2d;border:1px solid #435b54;border-radius:12px;
  padding:12px 14px;color:#c0d4cc;font-size:12px
}
.invest-refresh .invest-plaid-cover-overview strong{color:#edf7f2}
.invest-refresh .invest-plaid-cover-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:12px}
.invest-refresh .invest-plaid-cover-account{
  background:#1b242c;border:1px solid #3f4b59;border-radius:12px;
  padding:15px;min-width:0;display:grid;gap:10px
}
.invest-refresh .invest-plaid-cover-account-top{display:flex;gap:9px;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}
.invest-refresh .invest-plaid-cover-account-top>div{min-width:0;display:grid;gap:3px}
.invest-refresh .invest-plaid-cover-account strong{color:#edf0f8;font-weight:760;font-size:14px}
.invest-refresh .invest-plaid-cover-account small{color:#a5b4c3;font-size:11px;line-height:1.4}
.invest-refresh .invest-plaid-cover-status{
  display:inline-flex;align-items:center;border:1px solid #5e6c82;border-radius:99px;
  padding:5px 8px;color:#cbd5e2;background:#293746;font-size:10px;font-weight:800
}
.invest-refresh .invest-plaid-cover-status.mapped{border-color:#658777;background:#243a33;color:#d5ebe1}
.invest-refresh .invest-plaid-cover-status.issue{border-color:#81736f;background:#3b3231;color:#e8d3cb}
.invest-refresh .invest-plaid-cover-linked{margin:0!important;font-size:11px!important;line-height:1.5!important;color:#b6c4d0!important}
.invest-refresh .invest-plaid-cover-linked b{color:#e5edf5}
.invest-refresh .invest-plaid-cover-metrics{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;min-width:0
}
.invest-refresh .invest-plaid-cover-metrics>div{
  display:grid;align-content:start;gap:6px;
  background:#202f3a;border:1px solid #354859;padding:10px 8px;border-radius:9px;min-width:0
}
.invest-refresh .invest-plaid-cover-metrics span{color:#b4bfcb;font-size:10px;line-height:1.4}
.invest-refresh .invest-plaid-cover-metrics b{
  color:#e5ebf5;font-variant-numeric:tabular-nums;
  font-size:clamp(11px,1.15vw,15px);overflow-wrap:anywhere
}
.invest-refresh .invest-plaid-cover-positions{display:grid;gap:6px}
.invest-refresh .invest-plaid-cover-positions>span{
  display:flex;justify-content:space-between;align-items:center;
  gap:8px;padding:7px 2px;border-bottom:1px solid #303d49
}
.invest-refresh .invest-plaid-cover-positions>span strong{font-size:12px}
.invest-refresh .invest-plaid-cover-positions>small{font-style:italic}
.invest-refresh .invest-plaid-cover-warning,
.invest-refresh .invest-plaid-cover-error{
  margin:0;color:#ecd1c5;font-size:11px;line-height:1.55
}
.invest-refresh .invest-plaid-cover-empty{margin:0;color:#a7bdc9;font-size:12px;line-height:1.55}
.invest-refresh .invest-plaid-cover-foot{
  border-top:1px solid #414b58;margin:2px 0 0;padding-top:12px;
  color:#9faec0;font-size:11px;line-height:1.55
}
@media(max-width:700px){
 .invest-refresh .invest-plaid-cover-head{display:grid;gap:13px}
 .invest-refresh .invest-plaid-cover-actions{justify-content:flex-start;max-width:none}
 .invest-refresh .invest-plaid-cover-actions small{text-align:left}
 .invest-refresh .invest-plaid-cover-metrics{grid-template-columns:1fr}
 .invest-refresh .invest-plaid-cover-metrics>div{
   grid-template-columns:1.1fr 1fr;align-items:center
 }
 .invest-refresh .invest-plaid-cover-metrics b{text-align:right;font-size:13px}
}

/* card-payment-reconciliation.css */
/* Signed-in credit-card payment reconciliation. Ocean palette, legible on phones. */
.wmd-card-payment-dialog{
  box-sizing:border-box;width:min(560px,calc(100vw - 18px));max-width:560px;
  max-height:min(94dvh,900px);margin:auto;padding:0;overflow:auto;
  color:#edf5ff;background:#192d42;border:1px solid #54738c;border-radius:22px;
  box-shadow:0 28px 90px #020b16b8;color-scheme:dark;
  font:inherit;overscroll-behavior:contain
}
.wmd-card-payment-dialog::backdrop{background:#050f1dd6;backdrop-filter:blur(5px)}
.wmd-cpr-form{margin:0;padding:24px;display:grid;gap:16px}
.wmd-cpr-header h2{font-size:clamp(21px,4.5vw,27px);letter-spacing:-.03em;line-height:1.17;margin:7px 0 8px;color:#fff}
.wmd-cpr-header p{margin:0;color:#bfd1e2;line-height:1.55}
.wmd-cpr-kicker{font-weight:800;font-size:11px;letter-spacing:.13em;color:#a4cff1}
.wmd-cpr-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.wmd-cpr-inputs label,.wmd-cpr-choice{min-width:0;display:grid;gap:9px}
.wmd-cpr-inputs label>span,.wmd-cpr-choice>label{font-size:13px;font-weight:750;color:#d8e8f7}
.wmd-cpr-inputs input,.wmd-cpr-choice select{
  box-sizing:border-box;width:100%;min-width:0;min-height:45px;padding:10px 12px;
  background:#102337;border:1px solid #526a80;border-radius:10px;
  color:#f5f9ff;font:inherit;font-size:15px
}
.wmd-cpr-inputs input:focus-visible,.wmd-cpr-choice select:focus-visible,.wmd-cpr-actions button:focus-visible{
  outline:2px solid #a8d8ff;outline-offset:3px
}
.wmd-cpr-inputs [readonly],.wmd-cpr-choice select:disabled{opacity:.72;cursor:default}
.wmd-cpr-choice{padding:16px;border:1px solid #496178;border-radius:15px;background:#20384f}
.wmd-cpr-choice>div{display:flex;gap:7px;flex-wrap:wrap;align-items:baseline;justify-content:space-between}
.wmd-cpr-choice strong{font-weight:830;font-size:18px;color:#fff}
.wmd-cpr-choice small{font-size:13px;color:#c8dded}
.wmd-cpr-choice .wmd-cpr-advice{margin:0;color:#bbd0e2;line-height:1.5;font-size:13px}
.wmd-cpr-impact{padding:16px;background:#11273b;border:1px solid #68839a;border-radius:14px;line-height:1.55}
.wmd-cpr-impact>strong{display:block;font-size:15px;margin-bottom:6px}
.wmd-cpr-impact>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:7px}
.wmd-cpr-impact>div span{font-size:13px;color:#bcd3e7}
.wmd-cpr-impact>div b{font-size:17px;font-variant-numeric:tabular-nums}
.wmd-cpr-impact small{display:block;margin-top:11px;font-size:12px;color:#b8cfe1}
.wmd-cpr-impact.is-error{border-color:#dc8c98;color:#ffd4d8}
.wmd-cpr-actions{display:flex;gap:12px;justify-content:flex-end;position:sticky;bottom:-24px;
  padding:12px 0 4px;background:#192d42}
.wmd-cpr-actions button{min-height:45px;border:1px solid #647e94;border-radius:11px;
  padding:10px 19px;background:#29435b;color:#fff;font:inherit;font-size:15px;font-weight:770;cursor:pointer}
.wmd-cpr-actions button.wmd-cpr-primary{background:#b9dffa;color:#132c42;border-color:#b9dffa}
.wmd-cpr-actions button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:490px){
 .wmd-card-payment-dialog{max-height:calc(100dvh - 18px);border-radius:17px}
 .wmd-cpr-form{padding:17px;gap:13px}
 .wmd-cpr-inputs{grid-template-columns:1fr}
 .wmd-cpr-choice{padding:13px}
 .wmd-cpr-actions{bottom:-17px}
 .wmd-cpr-actions button{flex:1;padding:11px 9px}
}
@media(prefers-reduced-motion:reduce){
 .wmd-card-payment-dialog::backdrop{backdrop-filter:none}
}
/* money-actions.css */
/* The payment editor and evidence review share Cash Flow's restrained blue. */
.money-action-dialog{--ma-accent:#b2d4eb;box-sizing:border-box;width:min(650px,calc(100vw - 24px));max-width:650px;max-height:calc(100dvh - 28px);padding:0;border:1px solid #688598;border-radius:22px;background:#14212c;color:#edf4fa;box-shadow:0 28px 85px #0009;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
.money-action-dialog::backdrop{background:#071017c9;backdrop-filter:blur(6px)}
.money-action-dialog:not([open]){display:none}
.money-action-dialog .money-action-form{display:flex;flex-direction:column;max-height:calc(100dvh - 30px);margin:0}
.money-action-dialog .money-action-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;background:#1d303e;padding:22px 25px 20px;border-bottom:1px solid #405768}
.money-action-head>div{min-width:0}
.money-action-head span{font-size:10px;font-weight:820;letter-spacing:.14em;color:#a5c6dd}
.money-action-head h2{font-size:clamp(25px,4vw,32px);line-height:1.12;letter-spacing:-.04em;margin:7px 0 8px;overflow-wrap:anywhere;color:#f3f8fc}
.money-action-head p{margin:0;color:#afc3d1;font-size:13px;line-height:1.45}
.money-action-head button{appearance:none;border:1px solid #536f83;color:#d7e8f4;background:#263e4f;border-radius:10px;width:38px;height:38px;font-size:25px;cursor:pointer;flex:none}
.money-action-scroll{overflow:auto;overscroll-behavior:contain;padding:22px 25px;display:grid;gap:17px;min-height:0;scrollbar-width:thin;scrollbar-color:#587183 #14212c}
.money-action-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.money-action-modes button{min-width:0;cursor:pointer;display:grid;gap:6px;align-content:start;text-align:left;border:1px solid #3e5669;border-radius:12px;padding:12px 10px;background:#1b2c38;color:#c8d8e4;font:730 13px/1.35 inherit}
.money-action-modes button.active{border-color:#a1cae4;color:#edf7fe;background:#2a475b;box-shadow:inset 0 0 0 1px #a1cae42e}
.money-action-modes small{color:#9fb7c9;font-size:10px;line-height:1.4;font-weight:500}
.money-action-modes button.active small{color:#b9d3e5}
.money-action-plan,.money-action-pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.money-action-dialog [hidden]{display:none!important}
.money-action-dialog label{display:grid;gap:7px;color:#b6cddd;font-size:12px;font-weight:710;line-height:1.4;min-width:0}
.money-action-dialog input,.money-action-dialog select{appearance:auto;box-sizing:border-box;width:100%;min-width:0;min-height:46px;padding:10px 12px;background:#101e29;border:1px solid #506b80;border-radius:10px;color:#f0f6fb;font:600 16px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none;color-scheme:dark}
.money-action-dialog input:focus,.money-action-dialog select:focus{outline:2px solid #afd6ec;outline-offset:2px;border-color:#a8d1eb}
.money-action-dialog input[name="amount"]{font-size:26px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;padding:12px}
.money-action-dialog select{font-size:14px}
.money-action-source{font-size:12px}
.money-balance-choice{display:grid;gap:7px;border:1px solid #354d5f;border-radius:12px;padding:12px;background:#192a36}
.money-balance-choice p{margin:0;color:#9eb6c8;font-size:11px;line-height:1.55}
.money-action-impact{border:1px solid #62849b;background:#213d4e;padding:14px 16px;border-radius:13px;display:grid;gap:9px}
.money-action-impact>strong{color:#d9edfa;font-size:14px;letter-spacing:-.01em}
.money-action-impact>div{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px 15px;color:#d1e2ee;font-size:12px;line-height:1.45}
.money-action-impact b{font-size:14px;font-variant-numeric:tabular-nums;color:#f1f8fe}
.money-action-impact>span,.money-action-impact>small{color:#b4cfdf;font-size:12px;line-height:1.5}
.money-action-dialog .money-settlement-confirm{display:flex;align-items:center;gap:12px;min-height:44px;cursor:pointer}
.money-action-dialog .money-settlement-confirm[hidden]{display:none}
.money-action-dialog .money-settlement-confirm input{width:22px;min-width:22px;min-height:22px;height:22px;padding:0}
.money-action-impact>[data-money-breakdown]{display:grid;gap:8px;font-size:13px}
.money-action-impact>[data-money-breakdown] strong{font-size:15px;color:#f1f8fe}
.money-action-impact.needs-review{border-color:#8b7968;background:#332d28}
.money-action-impact.needs-review>span,.money-action-impact.needs-review>strong{color:#eedccc}
.money-action-more{border:1px solid #3b5265;border-radius:11px;padding:12px 14px;background:#192936}
.money-action-more>summary{cursor:pointer;font-size:12px;font-weight:720;color:#b7d2e4}
.money-action-more>div{display:grid;gap:13px;padding-top:14px}
.money-action-quiet{margin:0;color:#9fb5c5;font-size:11px;line-height:1.6}
.money-action-error{border:1px solid #a27073;background:#3b292f;color:#f6c5c9;border-radius:10px;padding:11px 13px;font-size:12px;line-height:1.5}
.money-action-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 25px 18px;background:#1b2d3a;border-top:1px solid #40576a}
.money-action-secondary{display:flex;gap:8px;flex-wrap:wrap}
.money-action-footer button{cursor:pointer;font:720 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;border:1px solid #526d81;padding:10px 12px;border-radius:10px;color:#cbddea;background:#263d4e;min-height:42px}
.money-action-footer .money-action-save{background:#b5d8ed;color:#152b3c;border-color:#b5d8ed;font-size:13px;min-width:148px}
.money-action-dialog button:focus-visible{outline:2px solid #b5d8ed;outline-offset:3px}
.money-toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:12000;width:max-content;max-width:calc(100vw - 32px);box-sizing:border-box;padding:12px 19px;border:1px solid #728f9f;border-radius:13px;background:#243b49;box-shadow:0 10px 30px #0005;color:#dfedf7;font:650 12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;pointer-events:none}
.money-toast[hidden]{display:none}
#app .money-evidence-panel,#app .money-unplanned{border:1px solid #3e5668;border-radius:15px;background:#182833;color:#e8f1f7;min-width:0;margin:15px 0;font-family:inherit}
#app .money-evidence-panel>summary{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:16px 18px;list-style:none;cursor:pointer}
#app .money-evidence-panel>summary::-webkit-details-marker{display:none}
#app .money-evidence-panel>summary>div{display:grid;gap:5px;min-width:0}
#app .money-evidence-panel>summary>div>span{font-size:9px;letter-spacing:.13em;color:#99bcd2;font-weight:830}
#app .money-evidence-panel>summary strong{font-size:17px;line-height:1.2;letter-spacing:-.025em;color:#edf5fa}
#app .money-evidence-panel>summary small{font-size:11px;color:#a1b9c9;line-height:1.5}
#app .money-evidence-panel>summary>b{margin-left:auto;white-space:nowrap;font-size:12px;color:#c1d8e6}
#app .money-chevron{font-size:22px;transition:transform .18s}
#app .money-evidence-panel[open] .money-chevron{transform:rotate(180deg)}
#app .money-evidence-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;padding:0 16px 16px}
#app .money-card-evidence{padding:15px;border:1px solid #445e70;border-radius:13px;background:#172631;display:grid;gap:13px;min-width:0}
#app .money-card-title{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:9px}
#app .money-card-title>div{display:grid;gap:5px}
#app .money-card-title strong{font-size:15px;color:#e9f4fb}
#app .money-card-title small{color:#aec5d5;font-size:12px;font-variant-numeric:tabular-nums}
#app .money-review-state{border:1px solid #506c81;background:#283e4e;color:#c0d8e8;padding:5px 8px;border-radius:100px;font-size:10px;font-weight:740}
#app .money-review-state.difference{background:#3a3029;color:#e8cbb6;border-color:#91735b}
#app .money-card-facts{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
#app .money-card-facts>span{display:grid;gap:4px;color:#9fb9cb;font-size:10px;background:#1f3340;padding:11px;border:1px solid #3b5465;border-radius:10px}
#app .money-card-facts b{font-size:18px;font-weight:770;color:#e0f0fa;font-variant-numeric:tabular-nums}
#app .money-card-facts small{font-size:10px;color:#a3bbcb;line-height:1.4}
#app .money-card-difference{margin:0;border:1px solid #806b58;border-radius:10px;padding:12px;background:#322c26;display:grid;gap:7px}
#app .money-card-difference b{color:#efd6bd;font-size:12px}
#app .money-card-difference span{color:#cdbba9;font-size:11px;line-height:1.55}
#app .money-coverage-heading{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;color:#b4cad9;font-size:10px}
#app .money-coverage-heading>b{font-size:10px;color:#d2e5f2}
#app .money-coverage-bar{display:flex;gap:3px;min-width:0;height:16px}
#app .money-coverage-bar>i{flex:1;min-width:1px;border-radius:3px;background:#2a3b48;border:1px solid #405665;position:relative}
#app .money-coverage-bar>.reviewed,#app .money-coverage-key .reviewed{background:#9bcbe5;border-color:#b4dbef}
#app .money-coverage-bar>.observed{background:#294c61;border-color:#63859a}
#app .money-coverage-bar>.observed:after{content:"";position:absolute;left:2px;right:2px;height:4px;border-radius:3px;top:5px;background:#98c5df}
#app .money-coverage-bar>.future{opacity:.25}
#app .money-coverage-key{display:flex;gap:7px 12px;flex-wrap:wrap;font-size:9px;color:#a6bfce;line-height:1.4}
#app .money-coverage-key>span{display:inline-flex;align-items:center;gap:5px}
#app .money-coverage-key i{width:8px;height:8px;background:#2a3b48;display:inline-block;border:1px solid #50677a;border-radius:2px}
#app .money-coverage-key i.observed{background:#45697f;border-color:#8db5ce}
#app .money-coverage-note,#app .money-evidence-foot{margin:0;font-size:10px;line-height:1.55;color:#91adbf}
#app .money-evidence-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#app .money-evidence-actions button,#app .money-unplanned button{background:#284658;color:#dbeefa;border:1px solid #63839b;cursor:pointer;border-radius:9px;min-height:37px;padding:8px 10px;font:720 11px/1.3 inherit}
#app .money-evidence-actions button.money-quiet-button{background:transparent;border-color:transparent;margin-left:auto;color:#9bb7ca;font-weight:500}
#app .money-evidence-actions button:focus-visible{outline:2px solid #afdaef;outline-offset:3px}
#app .money-evidence-foot{grid-column:1/-1;padding-top:3px}
#app .money-snoozed{font-size:10px;color:#92adbf;line-height:1.4}
#app .cash-checklist-status[data-money-status="verified"]{background:#24434f!important;border-color:#547f93!important;color:#b6ddef!important}
#app .cash-checklist-status[data-money-status="paid"],#app .cash-checklist-status[data-money-status="part-paid"]{background:#2c3b4c!important;border-color:#50687e!important;color:#c4d7eb!important}
#app .money-unplanned>summary{padding:14px 17px;cursor:pointer;display:grid;gap:5px}
#app .money-unplanned>summary strong{font-size:13px;color:#d1e6f4}
#app .money-unplanned>summary span{font-size:11px;color:#97b1c4}
#app .money-unplanned>div{padding:0 15px;display:grid;gap:9px}
#app .money-unplanned>div>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px;border:1px solid #3e5668;border-radius:9px}
#app .money-unplanned>div>div>span{display:grid;gap:3px;min-width:0}
#app .money-unplanned b{font-size:12px;color:#e2eef7}
#app .money-unplanned small{font-size:10px;color:#9cb5c7}
#app .money-unplanned>p{padding:13px 16px;font-size:11px;line-height:1.5;color:#9eb7ca;margin:0}
.money-snapper-context{padding:13px 15px;margin:0 0 14px;border:1px solid #658395;border-radius:11px;background:#1b3340;color:#d0e6f3;font-family:system-ui,sans-serif;font-size:12px;line-height:1.5}
/* Display accounting decisions only alongside staged transactions, never on entry. */
#wmd-photo-import-root .money-import-controls{display:block;padding:0;margin:14px 0;border:1px solid #52646d;border-radius:12px;background:#213039;color:#e5eef1;font-family:inherit;overflow:hidden}
#wmd-photo-import-root .money-import-controls>summary{list-style:none;display:flex;gap:11px;align-items:center;min-height:68px;padding:14px;cursor:pointer}
#wmd-photo-import-root .money-import-controls>summary::-webkit-details-marker{display:none}
#wmd-photo-import-root .money-import-controls>summary:focus-visible{outline:2px solid #a8d8cc;outline-offset:-3px}
#wmd-photo-import-root .money-import-symbol{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:50%;background:#294c45;color:#c2e9dd;font-size:17px}
#wmd-photo-import-root .money-import-summary-text{display:grid;gap:3px;min-width:0;flex:1}
#wmd-photo-import-root .money-import-summary-text strong{font-size:14px;line-height:1.35;font-weight:740}
#wmd-photo-import-root .money-import-summary-text small{font-size:12px;color:#b4c9cd;line-height:1.45}
#wmd-photo-import-root .money-import-edit{font-size:12px;color:#b7ddda;font-weight:690;flex-shrink:0}
#wmd-photo-import-root .money-import-options{border-top:1px solid #465b63;padding:14px;display:grid;gap:12px}
#wmd-photo-import-root .money-import-options p{margin:0;font-size:12px;line-height:1.6;color:#bfd0d4}
#wmd-photo-import-root .money-import-options fieldset{border:0;margin:0;padding:0;min-width:0;display:grid;gap:9px}
#wmd-photo-import-root .money-import-options legend{font-size:12px;font-weight:720;color:#dfeaed;margin-bottom:10px;line-height:1.45}
#wmd-photo-import-root .money-import-options label{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid #587078;border-radius:10px;background:#1b2a32;cursor:pointer}
#wmd-photo-import-root .money-import-options label:has(input:checked){border-color:#a2cfc5;background:#294039}
#wmd-photo-import-root .money-import-options label:focus-within{outline:2px solid #b2e1d3;outline-offset:2px}
#wmd-photo-import-root .money-import-options input[type=radio]{appearance:auto;accent-color:#a2d9c5;flex:0 0 20px;width:20px;height:20px;margin:0}
#wmd-photo-import-root .money-import-options label span{display:grid;gap:4px;min-width:0}
#wmd-photo-import-root .money-import-options label strong{font-size:13px;color:#eaf3f4;line-height:1.35}
#wmd-photo-import-root .money-import-options label small{font-size:12px;color:#bad0d1;line-height:1.5}
@media(max-width:540px){#wmd-photo-import-root .money-import-controls>summary{padding:12px;gap:9px}#wmd-photo-import-root .money-import-options{padding:12px}#wmd-photo-import-root .money-import-edit{font-size:11px}}
@media(max-width:540px){
 .money-action-dialog{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);border-radius:18px}
 .money-action-dialog .money-action-form{max-height:calc(100dvh - 18px)}
 .money-action-dialog .money-action-head{padding:18px}
 .money-action-scroll{padding:17px;gap:14px}
 .money-action-modes{gap:5px}.money-action-modes button{padding:10px 8px;font-size:11px}.money-action-modes small{font-size:9px}
 .money-action-pay-grid,.money-action-plan{grid-template-columns:1fr;gap:12px}
 .money-action-footer{padding:12px 16px 15px;gap:9px;flex-wrap:wrap}.money-action-footer .money-action-save{flex:1}
 .money-action-secondary{flex:1}.money-action-secondary button{font-size:11px}
 #app .money-evidence-panel>summary{padding:14px;gap:10px}#app .money-evidence-panel>summary strong{font-size:16px}
 #app .money-evidence-body{padding:0 12px 12px}#app .money-card-evidence{padding:12px}
 #app .money-card-facts b{font-size:17px}#app .money-coverage-bar{gap:2px}
}
@media(prefers-reduced-motion:reduce){#app .money-chevron{transition:none}}

/* Keep the native dialog independent from global site header/footer rules. */
.money-action-dialog .money-action-head,.money-action-dialog .money-action-footer{margin:0!important;max-width:none!important;width:100%!important;box-sizing:border-box;text-align:left;flex-shrink:0}
.money-action-dialog .money-action-head{position:static!important;display:flex!important;border-radius:0!important}
.money-action-dialog .money-action-head span{text-transform:none;letter-spacing:.015em;font-size:12px}
.money-action-dialog .money-action-head h2{font-size:clamp(23px,4vw,29px)}
.money-action-dialog .money-action-footer{display:flex!important;position:static!important}
.money-action-dialog :is(input,select):focus{background:#1d3343!important;border-color:#afd6ec!important;box-shadow:none!important;color:#f1f7fb!important}
.money-action-dialog .money-action-modes button{font-family:inherit;font-size:13px;font-weight:730;line-height:1.4;min-height:75px}
.money-action-dialog :is(label,.money-action-more>summary,.money-balance-choice p,.money-action-quiet){font-size:13px}
.money-action-dialog .money-action-modes small{font-size:11px;line-height:1.5}
.money-action-dialog select{font-size:16px}
.money-action-dialog .money-action-footer button{font-size:13px;min-height:44px}
#app .money-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px;margin-top:9px}
#app .money-row-actions button{font-family:inherit;font-size:12px;font-weight:720;line-height:1.3;padding:7px 11px;min-height:36px;border:1px solid #607d91;border-radius:9px;background:#294352;color:#dfedf6;cursor:pointer;white-space:nowrap}
#app .money-row-actions button:hover{background:#375768;border-color:#a0c4df}
#app .money-row-actions button:focus-visible{outline:2px solid #a0c4df;outline-offset:3px}
#app .money-row-actions .money-row-secondary{background:transparent;border-color:#3e5564;color:#adc6d7;font-weight:600}
#app .money-row-reminder{font-size:12px;color:#a1bac9;line-height:1.5}
#app .money-evidence-panel>summary>div>span{font-size:12px;letter-spacing:.01em;text-transform:none}
#app :is(.money-coverage-heading,.money-coverage-heading>b,.money-coverage-key,.money-coverage-note,.money-evidence-foot,.money-card-facts>span,.money-card-facts small,.money-snoozed){font-size:12px;line-height:1.5}
#app .money-evidence-actions button,#app .money-unplanned button{font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;min-height:40px}
.money-snapper-coverage{border:1px solid #527366;background:#1a2e25;color:#dbece2;padding:13px 15px;border-radius:12px;margin:0 0 14px;min-width:0}
.money-snapper-coverage>summary{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:14px;font-weight:720;line-height:1.5}
.money-snapper-coverage>summary span{font-size:12px;color:#abd4c2}
.money-snapper-coverage article{padding:13px 0;border-bottom:1px solid #355548;display:grid;gap:9px;min-width:0}
.money-snapper-coverage article>div:first-child{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:13px}
.money-snapper-coverage article span,.money-snapper-coverage small,.money-snapper-coverage p{font-size:12px;color:#b9cebf;line-height:1.6}
.money-snapper-coverage p{margin:12px 0 0}
.money-snapper-date-bar{display:flex;gap:2px;height:16px;max-width:100%;min-width:0}
.money-snapper-date-bar i{flex:1;min-width:1px;border:1px solid #446353;background:#24382c;border-radius:3px}
.money-snapper-date-bar .reviewed{background:#abd4c2;border-color:#abd4c2}
.money-snapper-date-bar .observed{background:#365b48;border-color:#9cbfac}
.money-snapper-date-bar .future{opacity:.3}
@media(max-width:540px){.money-action-dialog .money-action-modes button{font-size:12px;padding:11px 8px}.money-action-dialog .money-action-modes small{font-size:11px}.money-action-dialog .money-action-footer{gap:10px}.money-action-dialog .money-action-secondary{flex-wrap:wrap}#app .money-row-actions{gap:7px}#app .money-row-actions button{min-height:40px}.money-action-dialog .money-action-head,.money-action-dialog .money-action-scroll{padding:17px}}

#app .money-checklist-filters{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid #3d5564;border-radius:11px;background:#172630}
#app .money-checklist-filters button{min-height:40px;padding:7px 11px;border:1px solid transparent!important;background:transparent!important;color:#b2c8d7!important;font-size:13px!important;line-height:1.4}
#app .money-checklist-filters button[aria-pressed="true"]{background:#304c5b!important;border-color:#68899c!important;color:#f0f7fc!important}
#app .money-checklist-filters button span{font-size:11px;margin-left:3px;color:inherit;opacity:.8}
#app .money-checklist-filters button:focus-visible{outline:2px solid #a0c4df;outline-offset:1px}

/* Payment account impact: reassure without implying a real bank transfer.
   The balance-effect preview remains the final source of exact cents. */
.money-action-dialog .money-source-effect{
  margin:-6px 0 0;padding:10px 12px;
  border-left:3px solid var(--ma-accent,#b2d4eb);
  border-radius:0 9px 9px 0;background:#20394a;
  color:#d4e7f5;font:540 12px/1.55 system-ui,sans-serif;
  overflow-wrap:anywhere;
}
@media(max-width:580px){
 .money-action-dialog .money-source-effect{font-size:12px;padding:10px}
}


/* Incremental partial payment: edit the prior amount, enter the NEW amount,
   and read the computed total before confirming. No duplicate ledger rows. */
.money-action-dialog .money-action-partial{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;min-width:0;
}
.money-action-dialog .money-action-partial>label{
  min-width:0;align-content:start;gap:7px;
  font-size:13px;font-weight:740;
}
.money-action-dialog .money-action-partial>label small{
  font-size:11px;font-weight:500;line-height:1.4;color:#aac5d7;
}
.money-action-dialog .money-action-partial input{
  min-width:0;font-variant-numeric:tabular-nums;
  font-size:21px;font-weight:740;
}
.money-action-dialog .money-action-partial input[name="justPaid"]{
  font-size:26px;border-color:#8bbfdf;background:#132a3a;
}
.money-action-dialog .money-action-partial-total{
  grid-column:1/-1;display:flex;gap:8px 14px;flex-wrap:wrap;
  align-items:baseline;justify-content:space-between;
  border:1px solid #6289a4;border-radius:12px;
  background:#203b51;padding:13px 15px;color:#d2e6f4;
}
.money-action-dialog .money-action-partial-total>span{
  font-size:13px;font-weight:740;
}
.money-action-dialog .money-action-partial-total>strong{
  color:#f2faff;font-size:clamp(25px,4.2vw,30px);
  font-weight:820;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.money-action-dialog .money-action-partial-total>small{
  flex:0 0 100%;font-size:11px;line-height:1.4;color:#acc5d8;
}
.money-action-dialog .money-action-pay-grid.is-partial{
  grid-template-columns:minmax(0,1fr);
}
.money-action-dialog .money-action-save:disabled{
  opacity:.55;cursor:not-allowed;
}
@media(max-width:540px){
  .money-action-dialog .money-action-partial{
    grid-template-columns:minmax(0,1fr);
  }
  .money-action-dialog .money-action-partial-total{
    gap:6px 12px;
  }
}

/* One-month flexible spending adjustment. The payment journal stays untouched
   when someone changes future spending without recording another transaction. */
.money-action-dialog .money-action-allowance{
  display:grid;gap:11px;
  border:1px solid #6087a0;border-radius:13px;
  background:#213c4e;padding:15px;
}
.money-action-dialog .money-action-allowance-header{display:grid;gap:4px}
.money-action-dialog .money-action-allowance-header strong{
  color:#edf7ff;font-size:16px;line-height:1.3;
}
.money-action-dialog .money-action-allowance-header small{
  color:#c6d9e8;font-size:12px;line-height:1.45;
}
.money-action-dialog .money-action-allowance-control{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:10px;align-items:end;
}
.money-action-dialog .money-action-allowance-control input{
  color:#f0f7fe;background:#101e29;
  font-size:20px;font-variant-numeric:tabular-nums;
}
.money-action-dialog .money-action-allowance-control>button{
  min-height:46px;appearance:none;padding:9px 12px;
  border:1px solid #84b2d1;border-radius:10px;
  background:#294c63;color:#eef7fe;
  font:700 13px/1.35 system-ui,sans-serif;cursor:pointer;
}
.money-action-dialog .money-action-allowance-control>button:is(:hover,:focus-visible){
  border-color:#bddbec;outline:2px solid #9ac6e6;outline-offset:2px;
}
.money-action-dialog .money-action-allowance-note{
  color:#c2d7e7;font-size:12px;line-height:1.45;
}
@media(max-width:540px){
  .money-action-dialog .money-action-allowance{padding:13px;gap:9px}
  .money-action-dialog .money-action-allowance-control{gap:8px}
  .money-action-dialog .money-action-allowance-control>button{padding:9px 10px}
  .money-action-dialog .money-action-allowance-control input{font-size:20px}
}

/* launch-experience.css */
/* Plan identity is deliberately separate from each financial workspace palette. */
.launch-update-card-snapper,.launch-path-snapper{--plan-accent:#82deb0;--plan-fill:#244c39;--plan-line:#578c72}
.launch-update-card-plaid,.launch-path-autopilot{--plan-accent:#93d5ff;--plan-fill:#203f59;--plan-line:#527fa3}
.landing-v6 .launch-update-card .launch-update-icon{background:none;border:0;width:54px;height:54px;padding:0}
.landing-v6 .launch-update-card .launch-update-icon img{display:block;width:54px;height:54px}
.landing-v6 .launch-update-card .launch-update-status{color:var(--plan-accent);border-color:var(--plan-line);background:var(--plan-fill)}
.landing-v6 .launch-update-card .launch-product-cta,.landing-v6 .launch-path-snapper .launch-path-action,.landing-v6 .launch-path-autopilot .launch-path-action{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:11px 16px;border:1px solid var(--plan-line);border-radius:11px;background:var(--plan-fill);color:#f0f8fa;font-weight:750;font-size:13px;text-decoration:none;cursor:pointer}
.landing-v6 .launch-update-card .launch-product-cta:hover,.landing-v6 .launch-path-action:hover{filter:brightness(1.14)}
.landing-v6 .launch-path-autopilot .launch-path-price strong{color:#b6e3ff}
.landing-v6 .launch-path-snapper .launch-path-price strong{color:#a6ebc1}
.landing-v6 .launch-plan-product-mark{height:96px;display:flex;align-items:center;margin:15px 0}
.landing-v6 .launch-plan-product-mark img{width:76px;height:76px;filter:drop-shadow(0 8px 22px #73ca9f20)}
.landing-v6 .launch-plan-limit{display:block;padding:11px 0;margin:0;color:var(--plan-accent);font-size:14px;line-height:1.45;font-weight:750}
.landing-v6 .launch-plan-limit small{display:block;font-size:11px;color:#b5c9d5;line-height:1.55;font-weight:450;margin-top:6px}
.landing-v6 .launch-guidance-teaser{background:#18252b;border-color:#3a5058;gap:20px;padding:22px}
.landing-v6 .launch-guidance-teaser>img{flex:none;width:112px;height:120px;object-fit:cover;object-position:center;border-radius:16px;border:1px solid #47616a;background:#10191d}
.landing-v6 .launch-guidance-teaser>div{flex:1 1 220px}
.landing-v6 .launch-guidance-teaser strong{font-size:24px;letter-spacing:-.03em}
.wmd-membership-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 9px;font:750 11px/1.3 system-ui;border-radius:999px;border:1px solid #657484;color:#d5e0e9;background:#23303c}
.wmd-membership-badge[data-plan="complete"],.wmd-membership-badge[data-plan="snapper"]{border-color:#598e74;color:#a6e6c1;background:#213d31}
.wmd-membership-badge[data-plan="connected"],.wmd-membership-badge[data-plan="autopilot"]{border-color:#5989b2;color:#b4dfff;background:#203c54}
.wmd-membership-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
/* Keep the real projection at the top, instead of translating past the graph. */
.landing-v6 .landing-tour-viewport:has(.landing-retirement-focused-panel){height:clamp(360px,62svh,560px)!important;max-height:none!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto}
.landing-v6 .landing-tour-app-main:has(.landing-retirement-focused-panel),.landing-v6 .landing-tour-app-main:has(.landing-checklist-focused-panel){position:relative!important;top:0!important;left:0!important;width:100%!important;min-width:0!important;transform:none!important;padding:8px!important;box-sizing:border-box!important}
.landing-v6 .landing-retirement-focused-panel,.landing-v6 .landing-retirement-focused-panel .retirement-page{min-width:0;max-width:100%;margin:0!important}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-card{padding:13px!important;margin:0!important}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-head{display:flex;gap:11px;margin:0 0 10px;flex-wrap:wrap}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-head h3{font:760 21px/1.2 system-ui;margin:0}
.landing-v6 .landing-retirement-focused-panel .retirement-dollar-controls{width:auto;max-width:100%}
.landing-v6 .landing-retirement-focused-panel .retirement-dollar-switch button{min-height:37px;padding:8px 9px;font-size:11px}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-inspector{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;padding:10px!important;gap:7px!important;margin:9px 0!important}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-inspector small{font-size:10px!important}
.landing-v6 .landing-retirement-focused-panel .retirement-inspector-date strong{font-size:16px!important}
.landing-v6 .landing-retirement-focused-panel .retirement-inspector-balance strong{font-size:23px!important}
.landing-v6 .landing-retirement-focused-panel .retirement-chart-inspector p{font-size:10px!important;padding-top:5px}
.landing-v6 .landing-retirement-focused-panel .retirement-chart{height:auto!important;min-height:0!important;max-width:100%!important;overflow:visible!important;display:flex!important;justify-content:center!important}
.landing-v6 .landing-retirement-focused-panel .retirement-chart svg{width:min(100%,760px)!important;min-width:0!important;max-width:760px!important;height:auto!important;display:block!important;aspect-ratio:auto!important;overflow:visible!important;margin:0 auto!important}
.landing-v6 .landing-retirement-focused-panel .retirement-legend{font-size:10px!important;gap:7px 11px!important}
.landing-v6 .landing-tour-viewport:has(.landing-checklist-focused-panel){height:clamp(360px,65svh,560px)!important;max-height:70svh!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior-y:auto;touch-action:pan-y!important;scrollbar-width:thin;scrollbar-color:#648697 #1a2932;-webkit-overflow-scrolling:touch}
.landing-v6 .landing-checklist-focused-panel{min-width:0;max-width:100%}
.landing-v6 .landing-checklist-focused-panel .cash-checklist{margin:0!important;overflow:visible!important}
.landing-v6 .landing-checklist-focused-panel>.cash-checklist>.cash-checklist-head{position:sticky;top:-8px;z-index:5;background:#1b2b35!important;border-bottom:1px solid #496273;border-radius:12px 12px 0 0;pointer-events:auto;cursor:pointer;touch-action:manipulation}
.landing-v6 .landing-checklist-focused-panel .cash-checklist-item{touch-action:pan-y!important}
.landing-v6 .landing-checklist-focused-panel .cash-checklist-item input{max-width:100%}
/* Dedicated product demos use native dialogs for focus containment and Escape. */
.public-product-demo{--accent:#a2e9c0;--fill:#244938;--border:#517e69;box-sizing:border-box;width:min(700px,calc(100vw - 24px));max-height:90dvh;border:1px solid var(--border);border-radius:24px;padding:26px;background:linear-gradient(140deg,#1b2c2a,#152127);color:#edf6f4;font:15px/1.6 system-ui,-apple-system,sans-serif;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 90px #000a}
.public-product-demo[data-plan="autopilot"]{--accent:#a6dfff;--fill:#244258;--border:#547f9e;background:linear-gradient(140deg,#1d2f40,#15212b)}
.public-product-demo::backdrop{background:#050b10d9;backdrop-filter:blur(7px)}
.public-product-demo button,.public-product-demo select{font:inherit}
.public-product-demo button{cursor:pointer;min-height:43px;background:#22353c;color:#e0edf1;border:1px solid #4f6976;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:740}
.public-product-demo button:focus-visible,.public-product-demo select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.public-product-demo button:hover{filter:brightness(1.15)}
.public-product-demo .product-demo-primary{background:var(--accent);border-color:var(--accent);color:#13272b}
.product-demo-chrome{display:flex;gap:12px;justify-content:space-between;align-items:center;color:#adbfca;font-size:10px;font-weight:800;letter-spacing:.11em;margin-bottom:16px}
.product-demo-chrome button{font-size:22px;width:40px;min-height:40px;padding:0}
.product-demo-switch{display:flex;gap:6px;padding:4px;background:#101c2399;border:1px solid #344e57;border-radius:12px;margin-bottom:22px}
.product-demo-switch button{flex:1;background:transparent;border-color:transparent}
.product-demo-switch button[aria-pressed="true"]{background:var(--fill);border-color:var(--border);color:var(--accent)}
.product-demo-intro{display:flex;gap:16px;align-items:center;margin:0 0 16px}
.product-demo-intro>img{flex:none;width:60px;height:60px}
.product-demo-intro span,.product-demo-result>span{font-size:10px;letter-spacing:.11em;font-weight:800;color:var(--accent)}
.product-demo-intro h2{font:800 clamp(25px,4vw,36px)/1.15 system-ui;letter-spacing:-.04em;margin:6px 0 0;color:#f3f9fb}
.public-product-demo>p{font-size:14px;color:#b5cbd0;margin:0 0 18px;line-height:1.65}
.product-demo-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:18px 0}
.product-demo-path span{font-size:11px;font-weight:700;border-top:2px solid var(--border);padding-top:9px;color:#cce0e1}
.product-demo-sample{border:1px solid var(--border);border-radius:14px;background:#10251f;padding:20px;display:grid;gap:6px;margin:20px 0}
.product-demo-sample>span{font-size:10px;letter-spacing:.11em;color:var(--accent);font-weight:800}
.product-demo-sample>b{font-size:22px;font-weight:770;letter-spacing:-.03em}
.product-demo-sample>small{color:#a5c2b9;font-size:12px}
.product-demo-sample>div{display:flex;align-items:baseline;gap:15px;justify-content:space-between;border-top:1px solid #39544b;padding-top:11px;margin-top:5px}
.product-demo-sample>div span{font-size:12px;color:#c4d9d0}
.product-demo-sample strong{color:#d7f8e3;font-size:20px}
.product-demo-actions{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}
.public-product-demo .product-demo-privacy{font-size:11px;color:#a9bec5;line-height:1.6;margin:15px 0}
.product-demo-notice{background:var(--fill);border:1px solid var(--border);border-radius:10px;padding:12px;color:#e7f4f6!important}
.product-demo-result{display:grid;gap:9px;border:1px solid var(--border);background:#172a3480;padding:17px;border-radius:14px;margin:16px 0}
.product-demo-result h3{font-size:23px;line-height:1.25;letter-spacing:-.03em;margin:0 0 8px}
.product-demo-result>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #3a5362;padding-top:10px;font-size:13px}
.product-demo-result b{text-align:right;color:#d6eefa}
.product-demo-result small,.product-demo-result p{font-size:12px;color:#b6c9d2;line-height:1.6;margin:4px 0}
.product-demo-bank-icon{flex:none;display:grid;place-items:center;width:58px;height:58px;border:1px solid var(--border);border-radius:15px;background:var(--fill);color:var(--accent)!important;font-size:30px!important}
.product-demo-steps{display:flex;gap:5px;counter-reset:steps;list-style:none;padding:0;margin:18px 0}
.product-demo-steps li{flex:1;counter-increment:steps;padding:10px 7px;background:#152631;border-radius:8px;font-size:11px;text-align:center;color:#b4c8d6;border:1px solid #37505e}
.product-demo-steps li:before{content:counter(steps) '. ';font-weight:800}
.product-demo-steps li[aria-current="step"]{color:var(--accent);border-color:var(--border);background:var(--fill)}
.product-demo-example-bank{display:grid;gap:10px;border:1px solid var(--border);border-radius:14px;padding:20px;background:#172d3c}
.product-demo-example-bank>span{font-size:10px;letter-spacing:.1em;color:var(--accent);font-weight:800}
.product-demo-example-bank h3{font-size:25px;margin:0;color:#eef7ff;letter-spacing:-.03em}
.product-demo-example-bank p,.product-demo-example-bank small{margin:0;color:#b7ccda;font-size:13px;line-height:1.55}
.product-demo-example-bank button{justify-self:start;margin-top:6px}
.product-demo-map{display:grid;gap:9px;margin:20px 0;font-size:14px;font-weight:650}
.product-demo-map select{width:100%;max-width:100%;min-height:46px;border:1px solid var(--border);background:#10212d;color:#e7f5ff;border-radius:10px;padding:10px;font-size:14px}
.product-demo-map-status{font-size:12px!important;color:var(--accent)!important}
.product-demo-transactions{display:grid;gap:8px;margin:15px 0}
.product-demo-transactions>label{display:flex;align-items:center;gap:10px;padding:13px;background:#1c3140;border:1px solid #3c586a;border-radius:11px}
.product-demo-transactions input{accent-color:#9edcff;width:18px;height:18px;flex:none}
.product-demo-transactions>label>span{flex:1;min-width:0;display:grid;gap:4px}
.product-demo-transactions b{font-size:13px}
.product-demo-transactions small{color:#b1c3d0;font-size:10px}
.product-demo-transactions strong{font-size:13px;white-space:nowrap}
.product-demo-transactions label:has(input:disabled){opacity:.65}
.product-demo-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #3c515c;padding-top:17px;margin-top:20px}
.public-product-demo .product-demo-footer button{background:transparent;border-color:#405c68;color:#beced5;font-size:12px}
.photo-import-demo-banner{border:1px solid #517f67;color:#c8edd9;background:#1b3529;border-radius:10px;padding:12px;font:650 12px/1.5 system-ui;margin:0 0 15px}
@media(max-width:600px){.public-product-demo{padding:16px;border-radius:17px;width:calc(100vw - 18px);max-height:94dvh}.product-demo-intro{gap:11px}.product-demo-intro>img{width:48px;height:48px}.product-demo-intro h2{font-size:27px}.product-demo-intro span{font-size:9px}.product-demo-result>div{font-size:12px}.product-demo-transactions strong{font-size:12px}.landing-v6 .launch-guidance-teaser{padding:17px;gap:14px}.landing-v6 .launch-guidance-teaser>img{width:93px;height:100px}.landing-v6 .launch-guidance-teaser>div{flex:1 1 160px}}
@media(prefers-reduced-motion:reduce){.public-product-demo *, .launch-product-cta{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* 6.10.70: Cash Flow's mobile demo uses its own blue/graphite interaction language.
   Keep inspection helpful without green boxes competing with the workspace palette. */
@media(max-width:700px){
  .landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] [data-landing-inspect="yes"]:hover:not(svg):not(circle),
  .landing-v6 .landing-tour-app-main[data-landing-preview="cashflow"] [data-landing-inspect="yes"]:focus-visible:not(svg):not(circle){
    outline:1px solid rgba(143,188,216,.72)!important;
    outline-offset:1px!important;
    box-shadow:none!important
  }
  .landing-v6 .landing-tour-device:has(.landing-tour-app-main[data-landing-preview="cashflow"]) .landing-tour-inspector{
    border-color:rgba(112,158,188,.78)!important;
    background:linear-gradient(150deg,#172a35,#101b23)!important;
    color:#eef7fb!important;
    box-shadow:0 14px 38px rgba(0,0,0,.5)!important
  }
  .landing-v6 .landing-tour-device:has(.landing-tour-app-main[data-landing-preview="cashflow"]) .landing-tour-inspector-title>span{
    color:#9bc8e0!important
  }
  .landing-v6 .landing-tour-device:has(.landing-tour-app-main[data-landing-preview="cashflow"]) .landing-tour-inspector-lines{
    border-top-color:#365264!important
  }
  .landing-v6 .landing-tour-device:has(.landing-tour-app-main[data-landing-preview="cashflow"]) .landing-tour-inspector-lines span,
  .landing-v6 .landing-tour-device:has(.landing-tour-app-main[data-landing-preview="cashflow"]) .landing-tour-inspector p{
    color:#abc4d2!important
  }
}

/* 6.10.73: the public Snapper demo now mirrors the real importer instead of a marketing card. */
.public-product-demo[data-plan="snapper"]{
  --accent:#7dd7a6;--fill:#224135;--border:#45655b;
  padding:0;background:#111b16;border-color:#355343;color:#ecf7f1;
  border-radius:22px;box-shadow:0 28px 100px rgba(0,0,0,.65)
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome{
  margin:0;padding:24px 26px 10px;
  background:linear-gradient(145deg,#1b2922,#141f19 74%);
  color:#7dd7a6;font-size:11px;letter-spacing:.14em
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome button{
  width:39px;min-width:39px;height:39px;min-height:39px;padding:0;
  border-radius:50%;border-color:#45655b;background:#1d2e25;color:#e9fff0
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome button:hover{background:#294d42}
.snapper-demo-shell{padding:0 26px 26px}
.snapper-demo-shell>h2{
  margin:0 0 9px;color:#ecf7f1;font:800 clamp(25px,4vw,34px)/1.12 system-ui;
  letter-spacing:-.035em
}
.snapper-demo-copy{margin:0 0 18px;color:#b1ccc2;font-size:13px;line-height:1.6;max-width:620px}
.snapper-demo-coverage{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:12px 14px;margin:0 0 14px;border:1px solid #36534a;border-radius:13px;
  background:#192820;color:#def6e8
}
.snapper-demo-coverage strong{font-size:13px}
.snapper-demo-coverage span{color:#acc5bd;font-size:11px;text-align:right}
.snapper-demo-tabs{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px;
  padding:6px;border:1px solid #3a5045;border-radius:14px;background:#151f1a
}
.snapper-demo-tabs>div{
  min-width:0;padding:11px 15px;border:1px solid transparent;border-radius:11px;color:#abc7bc
}
.snapper-demo-tabs>div b{display:block;font-size:14px;color:inherit}
.snapper-demo-tabs>div span{display:block;margin-top:3px;font-size:11px;color:#8faba0}
.snapper-demo-tabs>div.active{color:#eafff2;border-color:#6ab491;background:#224135}
.snapper-demo-picker{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
  padding:22px 14px;border:1.5px dashed #699c83;background:#1b2922;border-radius:15px;text-align:center
}
.snapper-demo-upload-icon{
  display:grid;place-items:center;width:46px;height:46px;border:1px solid #4d765f;
  border-radius:12px;background:#294336;color:#9fd8b8
}
.snapper-demo-picker strong{font-size:16px;color:#e5fff0}
.snapper-demo-picker>span:last-child{font-size:12px;color:#b6d4c6;line-height:1.45}
.snapper-demo-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 12px}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button{
  min-height:46px;background:#18261f;border-color:#456152;color:#e5f4ed
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions .product-demo-primary{
  background:#315845;border-color:#699c83;color:#effff6
}
.snapper-demo-sample-line{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:11px 2px 13px;color:#a7bbb6;font-size:11px
}
.snapper-demo-sample-line span{text-transform:uppercase;letter-spacing:.08em;font-weight:750;color:#9fc7b5}
.snapper-demo-sample-line b{text-align:right;color:#d5e9df;font-size:11px}
.snapper-demo-private{
  margin:0 0 14px;border-radius:12px;background:#18261f;border:1px solid #385b4e;color:#d7eee3
}
.snapper-demo-private summary{padding:12px 14px;cursor:pointer;font-size:12px;font-weight:750;list-style:none}
.snapper-demo-private summary::-webkit-details-marker{display:none}
.snapper-demo-private summary:before{content:"▸ ";color:#9fd8b8}
.snapper-demo-private[open] summary:before{content:"▾ "}
.snapper-demo-private p{margin:0;padding:0 14px 13px;color:#abc8be;font-size:11px;line-height:1.55}
.public-product-demo[data-plan="snapper"] .snapper-demo-note{margin:0;color:#a7bbb6;font-size:11px;line-height:1.6}
.public-product-demo[data-plan="snapper"] .product-demo-result{
  margin:16px 0 0;background:#18261f;border-color:#456152
}
@media(max-width:600px){
  .public-product-demo[data-plan="snapper"]{
    width:100vw;max-width:none;height:100dvh;max-height:100dvh;min-height:100dvh;
    margin:0;border:0;border-radius:0
  }
  .public-product-demo[data-plan="snapper"] .snapper-demo-chrome{padding:18px 16px 10px}
  .snapper-demo-shell{padding:0 14px max(22px,env(safe-area-inset-bottom))}
  .snapper-demo-shell>h2{font-size:25px}
  .snapper-demo-actions{grid-template-columns:1fr}
  .snapper-demo-sample-line{align-items:flex-start;flex-direction:column;gap:3px}
  .snapper-demo-sample-line b{text-align:left}
}


/* 6.10.106: Snapper and Complete share the hero mint hue; surfaces stay graphite. */
.landing-v6 .launch-update-card-snapper,
.landing-v6 .launch-path-snapper{
  --plan-accent:var(--wmd-brand-mint-soft)!important;
  --plan-fill:color-mix(in srgb,var(--wmd-brand-mint) 8%,#20292d)!important;
  --plan-line:var(--wmd-brand-line)!important
}
.landing-v6 .launch-update-card-snapper{
  border-color:var(--wmd-brand-line)!important;
  background:radial-gradient(ellipse at 10% 0%,color-mix(in srgb,var(--wmd-brand-mint) 10%,transparent),transparent 54%),linear-gradient(155deg,#182326,#121c20)!important
}
.landing-v6 .launch-update-card-snapper .launch-update-icon,
.landing-v6 .launch-update-card-snapper .launch-update-status,
.landing-v6 .launch-update-card-snapper .launch-product-cta,
.landing-v6 .launch-update-privacy{
  background:var(--wmd-brand-surface)!important;
  border-color:var(--wmd-brand-line)!important
}
.landing-v6 .launch-update-card-snapper .launch-update-icon,
.landing-v6 .launch-update-card-snapper .launch-update-status,
.landing-v6 .launch-update-card-snapper .launch-update-type,
.landing-v6 .launch-update-card-snapper .launch-update-flow i,
.landing-v6 .launch-update-privacy strong{
  color:var(--wmd-brand-mint-soft)!important
}
.landing-v6 .launch-update-card-snapper .launch-update-flow{border-top-color:var(--wmd-brand-line)!important}

.landing-v6 .launch-path-snapper{
  border-color:var(--wmd-brand-line)!important;
  background:radial-gradient(ellipse at 20% 0%,color-mix(in srgb,var(--wmd-brand-mint) 8%,transparent),transparent 52%),#172125!important
}
.landing-v6 .launch-path-snapper .launch-path-price strong{color:var(--wmd-brand-mint-soft)!important}
.landing-v6 .launch-path-snapper .launch-path-intro,
.landing-v6 .launch-path-snapper .launch-path-action{
  background:var(--wmd-brand-surface)!important;
  border-color:var(--wmd-brand-line)!important
}
.landing-v6 .launch-path-manual .launch-path-action-primary{
  background:var(--wmd-brand-mint)!important;
  border-color:var(--wmd-brand-mint)!important;
  color:#07130f!important
}

/* Coach George stays neutral graphite; only the brand accent is mint. */
.landing-v6 .launch-guidance-teaser{
  background:#172125!important;
  border-color:var(--wmd-brand-line)!important
}
.landing-v6 .launch-guidance-teaser>img{
  background:#10191d!important;
  border-color:var(--wmd-brand-line)!important
}
.landing-v6 .launch-guidance-teaser span{color:var(--wmd-brand-mint-soft)!important}
.landing-v6 .launch-guidance-teaser button{
  background:#202a2e!important;
  border-color:var(--wmd-brand-line)!important;
  color:#eef8f3!important
}
.landing-v6 .launch-guidance-teaser button:hover{
  background:var(--wmd-brand-surface)!important;
  border-color:var(--wmd-brand-mint)!important
}


/* 6.10.107: pricing plans get compact visual identities, not large characters. */
.landing-v6 .launch-path-card{
  position:relative
}
.landing-v6 .launch-plan-symbol-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-height:44px;
  margin:12px 0 10px
}
.landing-v6 .launch-plan-icon{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:none;
  border:1px solid #41545a;
  border-radius:12px;
  background:#182226;
  color:#b8cfca
}
.landing-v6 .launch-plan-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.landing-v6 .launch-plan-icon-free{
  color:var(--wmd-brand-mint-soft);
  border-color:var(--wmd-brand-line);
  background:var(--wmd-brand-surface)
}
.landing-v6 .launch-plan-icon-complete{
  color:var(--wmd-brand-mint-soft);
  border-color:var(--wmd-brand-mint);
  background:color-mix(in srgb,var(--wmd-brand-mint) 10%,#182226)
}
.landing-v6 .launch-plan-icon-connected{
  color:#a9ddff;
  border-color:#527fa3;
  background:#1d2b33
}
.landing-v6 .launch-plan-badge{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  padding:5px 9px;
  border:1px solid var(--wmd-brand-line);
  border-radius:999px;
  background:var(--wmd-brand-surface);
  color:var(--wmd-brand-mint-soft);
  font-size:9px;
  line-height:1;
  font-weight:850;
  letter-spacing:.09em
}
.landing-v6 .launch-path-snapper{
  box-shadow:0 14px 38px rgba(0,0,0,.16),inset 0 0 0 1px color-mix(in srgb,var(--wmd-brand-mint) 13%,transparent)
}
@media(max-width:680px){
  .landing-v6 .launch-plan-symbol-row{margin-top:10px}
}


/* 6.10.120: launch pricing reference-price treatment. */
/* Make the early-member discount obvious without implying the crossed-out
   reference price was previously charged. The label explicitly says it is
   the post-launch standard price. */
.landing-v6 .launch-path-price-launch{
  display:grid!important;
  align-items:start!important;
  gap:7px!important;
  margin:20px 0 13px!important
}
.landing-v6 .launch-path-price-current{
  display:flex;
  align-items:baseline;
  gap:9px
}
.landing-v6 .launch-path-price-current strong{
  font-size:clamp(34px,4vw,48px);
  letter-spacing:-.04em;
  line-height:1
}
.landing-v6 .launch-path-price-current>span{
  color:#b8ccc4;
  font-size:13px
}
.landing-v6 .launch-path-price-reference{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  min-height:24px
}
.landing-v6 .launch-path-price-reference>span{
  color:#91a39e;
  font-size:11px;
  line-height:1.25
}
.landing-v6 .launch-path-price-reference del{
  margin-left:4px;
  color:#aebbb7;
  font-size:13px;
  font-weight:650;
  text-decoration-thickness:1.5px;
  text-decoration-color:#d18b8b;
}
.landing-v6 .launch-path-price-reference>b{
  display:inline-flex;
  align-items:center;
  min-height:22px;
  padding:4px 7px;
  border:1px solid color-mix(in srgb,var(--wmd-brand-mint) 42%,#46565b);
  border-radius:999px;
  background:color-mix(in srgb,var(--wmd-brand-mint) 8%,#1c272b);
  color:var(--wmd-brand-mint-soft);
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.09em
}
.landing-v6 .launch-path-autopilot .launch-path-price-reference>b{
  border-color:#4f7289;
  background:#1c2b33;
  color:#addfff
}
.landing-v6 .launch-path-autopilot .launch-path-price-reference del{
  text-decoration-color:#c89191
}
@media(max-width:420px){
  .landing-v6 .launch-path-price-reference{
    align-items:flex-start;
    flex-direction:column;
    gap:5px
  }
}

/* page-identity.css */
/* "Dollar?" follows the active workspace palette, as originally designed.
   Cloud health retains independent status colors below. */
#app > header[data-wmd-page-themed] .brand h1 em,
.landing-tour-device[data-wmd-page-themed] .landing-tour-device-brand em {
  color:var(--wmd-header-accent,var(--wmd-brand-mint,#57d7aa))!important;
  -webkit-text-fill-color:var(--wmd-header-accent,var(--wmd-brand-mint,#57d7aa))!important;
  background:none!important;
}
/* Account display name follows the active workspace accent on every screen. */
#app > header[data-wmd-page-themed] .brand-meta .wmd-user-name {
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:2px 3px;
  margin:-2px -3px;
  border:0!important;
  border-radius:5px;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--wmd-header-accent,var(--wmd-brand-mint,#57d7aa))!important;
  -webkit-text-fill-color:var(--wmd-header-accent,var(--wmd-brand-mint,#57d7aa))!important;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
#app > header[data-wmd-page-themed] button.wmd-user-name:hover {
  text-decoration:underline;
  text-underline-offset:3px;
}
#app > header[data-wmd-page-themed] button.wmd-user-name:focus-visible {
  outline:2px solid var(--wmd-header-accent,var(--wmd-brand-mint,#57d7aa));
  outline-offset:3px;
}
/* A successful cloud save stays white across every workspace. The header
   receives --wmd-header-accent from page-identity.js whenever pages change.
   Loading, offline, conflict, and error statuses retain semantic colors. */
#app > header[data-wmd-page-themed] .cloud-status.synced {
  color:#f5f7fa!important;
  -webkit-text-fill-color:#f5f7fa!important;
  border-color:#46535a!important;
  background:transparent!important;
}
#app > header[data-wmd-page-themed] .cloud-status.synced::before {
  color:#f5f7fa!important;
  background-color:#f5f7fa!important;
  border-color:#f5f7fa!important;
}
#app > header[data-wmd-page-themed] .cloud-status.syncing,
#app > header[data-wmd-page-themed] .cloud-status.loading {
  color:#b3cfdd!important;
  -webkit-text-fill-color:#b3cfdd!important;
  border-color:#506674!important;
  background:transparent!important;
}
#app > header[data-wmd-page-themed] .cloud-status.syncing::before,
#app > header[data-wmd-page-themed] .cloud-status.loading::before {
  color:#b3cfdd!important;
  background-color:#b3cfdd!important;
  border-color:#b3cfdd!important;
}

/* Operational warnings must not look successfully synced. Text is unchanged. */
#app > header[data-wmd-page-themed] .cloud-status.error {
  color:#f1a4a4!important;-webkit-text-fill-color:#f1a4a4!important;
  background:transparent!important;border-color:#f1a4a4!important;
}
#app > header[data-wmd-page-themed] .cloud-status.offline,
#app > header[data-wmd-page-themed] .cloud-status.setup {
  color:#e4c28c!important;-webkit-text-fill-color:#e4c28c!important;
  background:transparent!important;border-color:#e4c28c!important;
}
#app > header[data-wmd-page-themed] .cloud-status.error::before {background-color:#f1a4a4!important}
#app > header[data-wmd-page-themed] .cloud-status.offline::before,
#app > header[data-wmd-page-themed] .cloud-status.setup::before {background-color:#e4c28c!important}

/* Keep one small, vertically centered dot between name and cloud status.
   The flex gap before the dot is 10px; the margin after it is also 10px. */
#app > header[data-wmd-page-themed] .brand-meta .cloud-status::before {
  content:""!important;
  display:inline-block!important;
  width:4px;
  height:4px;
  border:0;
  border-radius:50%;
  vertical-align:middle;
  margin:0 10px 0 0!important;
  background-color:currentColor;
}

/* Workspace navigation, 2026-10-13. Presentation only: no state or routing changes.
   Specificity is intentional: earlier shared nav rules must not restore the
   heavy label weight or underline. Landing navigation and nested tabs stay intact. */
#app > main.wmd-workspace > nav {
  --nav-accent:var(--wmd-accent,#8fc5af);
  display:flex;flex-wrap:nowrap;align-items:stretch;gap:5px;
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  margin:18px 0 26px;padding:6px;
  border:1px solid #2e3b41!important;border-radius:16px!important;
  background:#131c20!important;box-shadow:none!important;
  overflow-x:auto;overflow-y:hidden;scroll-padding-inline:8px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
}
#app > main.wmd-workspace > nav::-webkit-scrollbar {display:none}
#app > main.wmd-workspace > nav > button[data-tab] {
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  flex:1 0 auto;min-width:0;min-height:46px;box-sizing:border-box;
  margin:0;padding:11px 16px!important;
  border:1px solid transparent!important;border-radius:11px!important;
  background:transparent!important;color:#b5c2c5!important;
  font-family:inherit!important;font-size:15px!important;
  font-weight:600!important;line-height:1.4!important;
  letter-spacing:-.015em!important;text-transform:none!important;
  white-space:nowrap;text-shadow:none!important;box-shadow:none!important;
  transform:none!important;filter:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#app > main.wmd-workspace > nav > button[data-tab]::after {
  content:none!important;display:none!important;
}
#app > main.wmd-workspace > nav > button[data-tab]::before {
  content:"";display:block;flex:0 0 17px;width:17px;height:17px;
  background:currentColor;opacity:.8;pointer-events:none;
  -webkit-mask:var(--nav-icon) center / contain no-repeat;
  mask:var(--nav-icon) center / contain no-repeat;
}
#app > main.wmd-workspace > nav > button[data-tab]:hover {
  color:#f0f5f4!important;background:#1e2b31!important;
  border-color:#3c4d54!important;
}
#app > main.wmd-workspace > nav > button[data-tab].active {
  color:#edf7f3!important;
  background:color-mix(in srgb,var(--nav-accent) 13%,#162125)!important;
  border-color:color-mix(in srgb,var(--nav-accent) 42%,#34434a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#app > main.wmd-workspace > nav > button[data-tab].active::before {
  color:var(--nav-accent);opacity:1;
}
#app > main.wmd-workspace > nav > button[data-tab]:focus-visible {
  outline:2px solid var(--nav-accent)!important;outline-offset:2px;
}
#app > main.wmd-workspace > nav > button[data-tab="networth"],
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="networth"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208h18v12H3zM3%208V5l14-2v5%22%2F%3E%3Cpath%20d%3D%22M16%2012h5v4h-5z%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="budget"],
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="budget"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%2216%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M8%207h8M8%2011h2m4%200h2m-8%204h2m4%200h2%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="cashflow"],
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="cashflow"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h15m-4-4%204%204-4%204M20%2017H5m4-4-4%204%204%204%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="debt"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204v16h16M7%207l5%205%203-3%205%205m-5%200h5V9%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="investments"],
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="investments"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h16M6%2016v-3m6%203v-5m6%205V7M5%209l6-4%204%202%205-4%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="goals"],
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="plan"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%2019h8.5a3.5%203.5%200%200%200%200-7h-11a3.5%203.5%200%200%201%200-7H15%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%225%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E");
}
#app > main.wmd-workspace > nav > button[data-tab="retirement"] {
  --nav-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2018h18M5%2014a7%207%200%200%201%2014%200M12%202v2M3%206l2%202m14%200%202-2M2%2014h1m18%200h1%22%2F%3E%3C%2Fsvg%3E");
}
@media(max-width:680px) {
  #app > main.wmd-workspace > nav {
    gap:3px;margin:14px 0 20px;padding:5px;border-radius:14px!important;
  }
  #app > main.wmd-workspace > nav > button[data-tab] {
    min-height:44px;padding:10px 13px!important;
    font-size:14px!important;gap:7px;
  }
}
@media(prefers-reduced-motion:reduce) {
  #app > main.wmd-workspace > nav > button[data-tab] {transition:none!important}
}
@media(forced-colors:active) {
  #app > main.wmd-workspace > nav {background:Canvas!important;border-color:ButtonText!important}
  #app > main.wmd-workspace > nav > button[data-tab] {color:ButtonText!important}
  #app > main.wmd-workspace > nav > button[data-tab]::before {display:none}
  #app > main.wmd-workspace > nav > button[data-tab].active {
    border-color:Highlight!important;background:Canvas!important;color:Highlight!important;
  }
  #app > main.wmd-workspace > nav > button[data-tab]:focus-visible {outline-color:Highlight!important}
}

/* The display-name editor is presentation-only; saving uses Supabase Auth metadata. */
.wmd-display-name-dialog {
  width:min(420px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  margin:auto;
  padding:0;
  border:1px solid #46575f;
  border-radius:19px;
  background:#1c262c;
  box-shadow:0 24px 85px #0009;
  color:#f5f7fa;
  font-family:inherit;
}
.wmd-display-name-dialog::backdrop {background:#050b0dcc;backdrop-filter:blur(4px)}
.wmd-display-name-form {display:grid;gap:18px;padding:25px}
.wmd-display-name-head {display:grid;gap:6px}
.wmd-display-name-head h2 {font-size:20px;line-height:1.25;letter-spacing:-.025em;margin:0;color:#f5f7fa}
.wmd-display-name-head p {font-size:13px;line-height:1.55;color:#b5c5cc;margin:0}
.wmd-display-name-form label {display:grid;gap:7px;font-size:13px;font-weight:650;color:#dce6ea}
.wmd-display-name-form input {
  width:100%;box-sizing:border-box;min-height:44px;
  padding:10px 12px;border:1px solid #61727a;border-radius:11px;
  background:#111b20;color:#f5f7fa;font:inherit;font-size:16px;
}
.wmd-display-name-form input:focus-visible {outline:2px solid #9fd8c4;outline-offset:2px}
.wmd-display-name-error {margin:0;color:#ffaaa6;font-size:12px;line-height:1.45}
.wmd-display-name-error[hidden] {display:none}
.wmd-display-name-actions {display:flex;justify-content:flex-end;flex-wrap:wrap;align-items:center;gap:8px}
.wmd-display-name-actions button {
  min-height:40px;padding:9px 14px;border:1px solid #556771;border-radius:10px;
  background:#25333b;color:#f5f7fa;font:inherit;font-size:13px;font-weight:650;cursor:pointer;
}
.wmd-display-name-actions button[data-name-save] {background:#b6ead8;border-color:#b6ead8;color:#122a22}
.wmd-display-name-actions button[data-name-reset] {margin-right:auto;background:transparent;color:#c2cfd5}
.wmd-display-name-actions button:hover:not(:disabled) {filter:brightness(1.11)}
.wmd-display-name-actions button:focus-visible {outline:2px solid #a5e3cd;outline-offset:2px}
.wmd-display-name-actions button:disabled {opacity:.56;cursor:wait}
@media(max-width:460px) {
  .wmd-display-name-form {padding:20px;gap:16px}
  .wmd-display-name-actions button[data-name-reset] {flex-basis:100%;margin-right:0;text-align:left}
}

/* demo-page-colors.css */
/* Public demo navigation uses the REAL workspace variables in ui-finishing.css.
   Only the modifier class is reused, never the app's full layout class.
   Snapper and Autopilot plan branding is deliberately outside these selectors. */
#app .landing-v6 [data-landing-tour] .landing-tour-tab{
  --tab-accent:var(--wmd-accent,#b8c7ce);
  position:relative;
  color:color-mix(in srgb,var(--tab-accent) 85%,#f2f6f8)!important;
  border:1px solid color-mix(in srgb,var(--tab-accent) 28%,#26363c)!important;
  background:#16232a!important;
  box-shadow:none!important;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab::after{
  content:"";position:absolute;left:22%;right:22%;bottom:5px;
  height:2px;border-radius:4px;background:var(--tab-accent);opacity:.28;
  pointer-events:none;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(:hover,:focus-visible){
  color:#f5fafc!important;
  background:color-mix(in srgb,var(--tab-accent) 14%,#17232a)!important;
  border-color:var(--tab-accent)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--tab-accent) 18%,transparent)!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(.active,[aria-selected="true"]){
  color:#f5fafc!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--tab-accent) 25%,#18272e),color-mix(in srgb,var(--tab-accent) 10%,#17232a))!important;
  border-color:var(--tab-accent)!important;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--tab-accent) 28%,transparent),0 0 14px color-mix(in srgb,var(--tab-accent) 9%,transparent)!important;
  font-weight:800!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(.active,[aria-selected="true"])::after{opacity:1}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:focus-visible{
  outline:2px solid var(--tab-accent)!important;outline-offset:2px!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] :is(.landing-tour-focus button.active,.landing-tour-focus button[aria-pressed="true"]){
  background:color-mix(in srgb,var(--wmd-tour-accent) 23%,#17262e)!important;
  color:#f3f8fb!important;border-color:var(--wmd-tour-accent)!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] :is(.landing-tour-focus button,.landing-tour-blur,.landing-tour-arrows button,.landing-tour-tab-navigation>button):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--wmd-tour-accent) 13%,#17262e)!important;
  color:#f2f7fb!important;border-color:var(--wmd-tour-accent)!important;
  outline-color:var(--wmd-tour-accent)!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] :is(.landing-tour-browse>span,#landingTourKicker,.landing-tour-count){color:var(--wmd-tour-accent)!important}
@media(prefers-reduced-motion:reduce){
 #app .landing-v6 [data-landing-tour] .landing-tour-tab{transition:none!important}
}
/* Inactive secondary controls must be neutral, not left on the old green theme. */
#app .landing-v6 [data-landing-tour][data-wmd-active-page] :is(.landing-tour-focus button:not(.active):not([aria-pressed="true"]),.landing-tour-blur,.landing-tour-arrows button,.landing-tour-tab-navigation>button){
  color:color-mix(in srgb,var(--wmd-tour-accent) 55%,#e2edf2)!important;
  border-color:color-mix(in srgb,var(--wmd-tour-accent) 35%,#31424b)!important;
  background:#1a2a32!important;box-shadow:none!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] .landing-tour-stage{
  background:linear-gradient(155deg,#192930,#111d23)!important;
  border-color:color-mix(in srgb,var(--wmd-tour-accent) 28%,#33444b)!important;
}

/* Preview chrome follows the selected workspace, not the site's default mint. */
#app .landing-v6 [data-landing-tour][data-wmd-active-page] :is(.landing-tour-stage-bar-label>span,.landing-tour-sample-label){color:var(--wmd-tour-accent)!important}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] .landing-tour-device-lights i{background:var(--wmd-tour-accent)!important}
#app .landing-v6 [data-landing-tour] .landing-tour-device-lights i:nth-child(2){opacity:.65}
#app .landing-v6 [data-landing-tour] .landing-tour-device-lights i:nth-child(3){opacity:.35}
#app .landing-v6 .landing-tour-heading>p{max-width:48ch;line-height:1.6;text-wrap:balance}

#app .landing-v6 [data-landing-tour][data-wmd-active-page] .landing-tour-device{border-color:color-mix(in srgb,var(--wmd-tour-accent) 35%,#33414a)!important}

/* state-safety.css */
/* One cloud checkpoint picker; unsynced drafts remain internal safeguards. */
.wmd-safety-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1180px;margin:8px auto;padding:9px 14px;border:1px solid #6e604b;border-radius:12px;background:#182635;color:#dacbaa;font:13px/1.5 system-ui}.wmd-safety-banner span{flex:1}.wmd-safety-banner button{flex:none}
.wmd-safety-backdrop{position:fixed;inset:0;z-index:20000;background:#060c12bf;display:grid;place-items:center;padding:20px;backdrop-filter:blur(6px)}
.wmd-safety-dialog{background:#111f2f;color:#e9eff0;border:1px solid #486b88;box-shadow:0 24px 80px #0009;border-radius:20px;width:min(560px,100%);max-height:90dvh;overflow:auto;padding:24px;box-sizing:border-box;font:14px/1.6 system-ui;color-scheme:dark;scrollbar-width:thin;scrollbar-color:#63757b transparent}
.wmd-safety-head{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px}.wmd-safety-head h2{font-size:23px;margin:0;letter-spacing:-.025em;line-height:1.2}
.wmd-safety-dialog p{color:#bdcbd0;margin:12px 0}.wmd-safety-dialog small{display:block;color:#91a5ad;font-size:12px;line-height:1.55}.wmd-safety-dialog [data-safe-status]:empty{display:none}
.wmd-safety-dialog button,.wmd-safety-banner button{min-height:42px;padding:9px 15px;border:1px solid #455d62;border-radius:11px;background:#1b3043;color:#e0ecee;cursor:pointer;font:600 14px/1.35 system-ui}
.wmd-safety-dialog button:hover,.wmd-safety-banner button:hover{background:#284b63}.wmd-safety-dialog button:disabled{opacity:.5;cursor:wait}.wmd-safety-dialog .wmd-checkpoint-primary{background:#8ec8f3;border-color:#8ec8f3;color:#102638}.wmd-safety-dialog .wmd-checkpoint-primary:hover{background:#b9dffa}
.wmd-safety-head [data-safe-signout]{min-height:36px;padding:7px 10px;white-space:nowrap;font-size:12px;flex:0 0 auto;border-color:#517b9d;color:#cfe8f9}
.wmd-safety-head [data-safe-signout]:hover{background:#294a61}
.wmd-safety-dialog button:focus-visible,.wmd-safety-dialog select:focus-visible,.wmd-safety-banner button:focus-visible{outline:2px solid #b9dffa;outline-offset:3px}.wmd-safety-dialog [data-safe-close]{min-width:auto;background:transparent;border-color:transparent;color:#bccbd0}
.wmd-checkpoint-label{display:block;font-weight:600;margin:20px 0 7px}.wmd-safety-dialog select{width:100%;min-height:48px;background:#162b3e;border:1px solid #537895;border-radius:11px;padding:10px 12px;color:#e9eff0;font:15px/1.4 system-ui}
.wmd-checkpoint-preview{padding:14px;border:1px solid #41627f;border-radius:12px;background:#172c40;margin-top:12px;color:#d5e6e8;font-size:14px;line-height:1.6}.wmd-checkpoint-help{font-size:13px}.wmd-safety-actions{display:flex;justify-content:flex-end;gap:10px;margin:20px 0}.wmd-safety-actions button{flex:1}
.wmd-checkpoint-undo{width:100%;margin-top:6px}.wmd-checkpoint-empty{padding:16px;background:#172c40;border-radius:12px;margin:16px 0}.wmd-checkpoint-empty p{margin-bottom:0}
.wmd-sync-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.wmd-sync-comparison>div{padding:12px;background:#172c40;border:1px solid #41627f;border-radius:12px}.wmd-sync-comparison span{display:block;font-size:13px;color:#b4c6cc;margin-top:4px}
.wmd-safety-error{color:#efb4ad!important}.cloud-status.review{color:#dcc498!important;cursor:pointer}
@media(max-width:600px){.wmd-safety-head{flex-wrap:wrap}.wmd-safety-head h2{flex:1 0 100%}.wmd-safety-backdrop{padding:14px}.wmd-safety-dialog{padding:20px;max-height:calc(100dvh - 32px)}.wmd-safety-head h2{font-size:21px}.wmd-safety-banner{margin:8px 12px;font-size:12px;padding:8px 10px;gap:8px}.wmd-safety-banner button{padding:8px 10px;font-size:12px}.wmd-sync-comparison{grid-template-columns:1fr}}
#wmd-photo-import-root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}#wmd-photo-import-root .photo-import-body{scrollbar-color:#6b8aa1 #16283a}#wmd-photo-import-root .photo-import-body::-webkit-scrollbar{width:8px}#wmd-photo-import-root .photo-import-body::-webkit-scrollbar-track{background:#16283a}#wmd-photo-import-root .photo-import-body::-webkit-scrollbar-thumb{background:#6b8aa1;border-radius:8px}
.settings-file-tools{margin-top:16px}.settings-file-tools>summary{cursor:pointer;color:var(--muted,#91a5ad);font-size:13px}.settings-file-tools .settings-data-actions{margin:12px 0}

/* Saved-state conflicts: destructive replacement is always secondary. */
.wmd-sync-risk{border:1px solid #78644d;border-radius:12px;background:#2b2a26;padding:12px 14px;margin:12px 0}
.wmd-sync-risk strong{color:#f1dac0;font-size:14px}
.wmd-sync-risk p{margin:5px 0 0;color:#d2c4b5;line-height:1.55}
.wmd-safety-dialog .wmd-safe-export{display:block;width:100%;margin:-7px 0 16px;background:transparent;border-color:#4b708e;font-weight:500}

/* Recovery choices are native to WMD, never white browser confirm popups. */
.wmd-safety-choice-layer{position:fixed;inset:0;z-index:21001;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));box-sizing:border-box;background:rgba(6,12,16,.84);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);color-scheme:dark}
.wmd-safety-choice{box-sizing:border-box;width:min(460px,100%);max-height:calc(100dvh - 38px);overflow:auto;padding:27px;border:1px solid #4f7592;border-radius:21px;background:linear-gradient(155deg,#172d40,#102333);box-shadow:0 26px 90px #000b;color:#e8f4ff;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.wmd-safety-choice .wmd-safety-kicker{display:block;margin-bottom:9px;color:#a3d6f9;letter-spacing:.13em;font-size:10px;font-weight:800;text-transform:uppercase}
.wmd-safety-choice h2{margin:0 0 12px;font-size:22px;line-height:1.23;letter-spacing:-.035em;color:#f1f8ff}
.wmd-safety-choice p{margin:0 0 19px;color:#bfd2e2}
.wmd-safety-choice .wmd-safety-choice-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.wmd-safety-choice button{min-height:46px;border-radius:12px;border:1px solid #4d7392;padding:10px 14px;background:#233b51;color:#ecf6ff;font:650 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
.wmd-safety-choice button[data-choice-approve]{background:#8ec8f3;border-color:#8ec8f3;color:#102638}
.wmd-safety-choice button:disabled{opacity:.45;cursor:not-allowed}
.wmd-safety-choice button:focus-visible,.wmd-safety-choice input:focus-visible{outline:2px solid #8ec8f3;outline-offset:3px}
.wmd-safety-choice .wmd-safety-export-first{width:100%;text-align:center;margin-bottom:12px;border-style:dashed}
.wmd-safety-choice .wmd-safety-verify{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid #486b89;border-radius:12px;background:#193247;color:#daefff;font-size:13px;line-height:1.5}
.wmd-safety-choice .wmd-safety-verify input{margin:2px 0 0;accent-color:#8ec8f3;width:17px;height:17px;flex:none}
.wmd-safety-choice .wmd-safety-note{font-size:12px;color:#a9c4d7;margin:8px 0 0}
.wmd-safety-dialog .wmd-safety-actions button{white-space:normal}
.wmd-safety-dialog [data-safe-content]>.wmd-safe-export{margin:14px 0 16px}
.wmd-safety-dialog .wmd-sync-pause-reason{background:#182e42;border:1px solid #446781;padding:10px 12px;border-radius:12px}
.wmd-safety-dialog [data-safe-signout]{background:#223c51;color:#cfe6f9;border:1px solid #527d9a}
@media(max-width:520px){.wmd-safety-choice{padding:22px}.wmd-safety-choice .wmd-safety-choice-buttons{grid-template-columns:1fr}.wmd-safety-dialog .wmd-safety-actions{flex-direction:column}.wmd-safety-dialog .wmd-safety-actions button{width:100%}}


/* Signed-in startup recovery must remain legible even when auth button defaults change. */
.auth-page .auth-card .wmd-auth-recovery-note{margin:14px 0 18px;color:#bad0e0;font-size:13px;line-height:1.6}
.auth-page .auth-card .wmd-auth-recovery-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}
.auth-page .auth-card .wmd-auth-recovery-actions>button{
  appearance:none!important;display:flex!important;align-items:center;justify-content:center;min-width:0;min-height:46px!important;
  border:1px solid #547e9b!important;border-radius:11px!important;background:#20394d!important;color:#e8f4ff!important;
  padding:11px 12px!important;font:650 13px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:center!important;cursor:pointer!important;box-shadow:none!important;opacity:1!important
}
.auth-page .auth-card .wmd-auth-recovery-actions>button.wmd-auth-recovery-primary{
  background:#8ec8f3!important;border-color:#8ec8f3!important;color:#102638!important
}
.auth-page .auth-card .wmd-auth-recovery-actions>button:hover{background:#29495f!important;border-color:#93c9ea!important;color:#f2f9ff!important}
.auth-page .auth-card .wmd-auth-recovery-actions>button.wmd-auth-recovery-primary:hover{background:#b9dffa!important;color:#102638!important}
.auth-page .auth-card .wmd-auth-recovery-actions>button:focus-visible{outline:2px solid #b9dffa!important;outline-offset:3px!important}
.auth-page .auth-card .wmd-auth-recovery-feedback{min-height:0;margin:8px 0;color:#bfd6e7;font-size:12px;line-height:1.55}
.auth-page .auth-card .wmd-auth-recovery-feedback:empty{display:none}
.auth-page .auth-card .wmd-auth-recovery-detail{margin:14px 0 18px;color:#b4cbdc;font-size:12px}
.auth-page .auth-card .wmd-auth-recovery-detail>summary{cursor:pointer;color:#acd9f6;font-weight:650}
.auth-page .auth-card .wmd-auth-recovery-detail>p{overflow-wrap:anywhere;font:12px/1.6 ui-monospace,Consolas,monospace;color:#c4d7e7}
.auth-page .auth-card .auth-terms a{color:#a3d6f9}
.auth-page .auth-card .auth-terms a:hover{color:#e1f3ff}
@media(max-width:520px){.auth-page .auth-card .wmd-auth-recovery-actions{grid-template-columns:1fr}}


/* Optional workspace features must not hide the core financial picture. */
#app main.wmd-workspace .wmd-optional-module-note{
  margin:-9px 0 14px;padding:9px 12px;
  border:1px solid color-mix(in srgb,var(--wmd-accent,#8ec8f3) 30%,#33464b);
  border-radius:11px;background:#1b272c;color:#c1d7e7;
  font:500 12px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif
}

/* Settings Data: quiet audit history and compact backup tools. */
.settings-data-section .settings-data-primary-actions{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:10px}
.settings-data-section .settings-data-primary-actions>button{min-height:36px}
.settings-data-section .settings-data-tools-panel[hidden]{display:none}
.settings-data-section .settings-data-tools-panel{padding:12px;margin:4px 0 12px;border:1px solid var(--line,#46535b);border-radius:10px;background:transparent}
.settings-data-section .settings-data-tools-panel .settings-data-actions{display:flex;gap:9px;flex-wrap:wrap}
.settings-data-section .settings-data-tools-panel small{margin-top:10px}
.settings-data-section .settings-photo-import-history{margin:4px 0 0;border:0;background:transparent;border-radius:0;color:inherit}
.settings-data-section .settings-photo-import-history>summary{display:list-item;list-style:disclosure-closed inside;cursor:pointer;padding:7px 0;font-size:13px;font-weight:400;color:var(--muted,#a6b2b5)}
.settings-data-section .settings-photo-import-history[open]>summary{list-style-type:disclosure-open}
.settings-data-section .settings-photo-import-history>summary::-webkit-details-marker{display:inline}
.settings-data-section .settings-photo-import-history>summary:hover{color:var(--text,#e8efed)}
.settings-data-section .settings-photo-import-count{font-size:12px;opacity:.75}
.settings-data-section .settings-photo-import-history .photo-trust-list{margin-top:5px;padding:8px 0 0;border-top:1px solid var(--line,#46535b)}
.settings-data-section .settings-photo-import-history .photo-trust-list>div{border-bottom-color:var(--line,#46535b)}
.settings-data-section .settings-photo-import-history .photo-trust-list small{margin-top:0;color:var(--muted,#a6b2b5)}
.settings-data-section .settings-photo-import-history .photo-trust-list>p{margin:10px 0;color:var(--muted,#a6b2b5)}
@media(max-width:680px){.settings-data-section .settings-data-primary-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-data-section .settings-data-primary-actions>button{width:100%;white-space:normal}}

/* Appearance first, followed by existing Settings sections and compact Data controls. */
#app .settings-dialog > .settings-section.settings-ask-money{
  border-top:0!important;
  padding-top:18px;
}
#app .settings-dialog .settings-data-primary-actions > button{
  min-height:40px;
  flex:1 1 0;
  justify-content:center;
  white-space:normal;
}
#app .settings-dialog .settings-data-primary-actions > button:focus-visible,
#app .settings-dialog .settings-photo-import-history > summary:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#9fc6d6);
  outline-offset:2px;
}
@media(max-width:420px){
  #app .settings-dialog .settings-data-primary-actions > button{
    min-width:0;
    padding:8px 7px;
    font-size:11px;
  }
}


/* Ocean trust UI: the recovery dialogs must never inherit a success-green
   action from the main app, including on phones and installed Edge PWAs. */
#wmd-state-safety-root .wmd-safety-dialog{
  background:linear-gradient(158deg,#142838,#0f1d2c)!important;
  color:#edf7ff!important;
  border-color:#486e8c!important;
  scrollbar-color:#688fae transparent!important;
}
#wmd-state-safety-root .wmd-safety-dialog .wmd-checkpoint-primary,
#wmd-state-safety-root .wmd-safety-dialog [data-safe-cloud].wmd-checkpoint-primary{
  background:#8ec8f3!important;
  border-color:#8ec8f3!important;
  color:#102638!important;
  -webkit-text-fill-color:#102638!important;
}
#wmd-state-safety-root .wmd-safety-dialog .wmd-checkpoint-primary:hover:not(:disabled){
  background:#b9dffa!important;border-color:#b9dffa!important;
}
#wmd-state-safety-root .wmd-safety-dialog [data-safe-signout]{
  background:#20394c!important;border-color:#537f9d!important;
  color:#cce7fa!important;-webkit-text-fill-color:#cce7fa!important;
}
#wmd-state-safety-root .wmd-safety-dialog [data-safe-signout]:hover{
  background:#2a4a61!important;border-color:#8ec8f3!important;
}
#wmd-state-safety-root .wmd-sync-pause-reason{
  background:#1a3042!important;border-color:#486c88!important;color:#cbdde9!important;
}
#wmd-state-safety-root .wmd-sync-comparison>div{
  background:#192e40!important;border-color:#456783!important;
}
#wmd-state-safety-root .wmd-sync-comparison b{color:#e8f4ff!important}
#wmd-state-safety-root .wmd-sync-comparison span{color:#bfd2e1!important}
#wmd-state-safety-root .wmd-safe-export{
  background:#15283a!important;
  border-color:#496d88!important;
  color:#d5e8f7!important;
}
#wmd-state-safety-root .wmd-safe-export:hover{
  background:#20394f!important;border-color:#8ec8f3!important;
}
#wmd-state-safety-root .wmd-safe-reviewed-device{
  width:100%;margin:0 0 5px;min-height:44px;
  background:#223c52!important;border-color:#739fbe!important;
  color:#e7f4ff!important;font-weight:710!important;
}
#wmd-state-safety-root .wmd-safe-reviewed-device:hover:not(:disabled){
  background:#2c4c65!important;border-color:#a1d3f6!important;
}
#wmd-state-safety-root .wmd-safe-reviewed-device:disabled{
  opacity:.52!important;cursor:not-allowed!important;
}
#wmd-state-safety-root .wmd-sync-choice-help{
  margin:2px 0 16px!important;color:#bcd2e4!important;
}
#wmd-state-safety-root .wmd-sync-holding-review{
  padding:11px 13px;margin:12px 0;
  background:#192e43;border:1px solid #4b7291;border-radius:12px;
}
#wmd-state-safety-root .wmd-sync-holding-review strong{color:#d3eafa!important}
#wmd-state-safety-root .wmd-sync-holding-review ul{margin:8px 0;padding-left:20px}
#wmd-state-safety-root .wmd-sync-holding-review li{color:#ecf7ff;margin:4px 0;overflow-wrap:anywhere}
#wmd-state-safety-root .wmd-sync-holding-review small{color:#b6cde0!important}
#wmd-state-safety-root .wmd-safety-dialog button:focus-visible,
.wmd-safety-choice-layer .wmd-safety-choice button:focus-visible,
.wmd-safety-choice-layer .wmd-safety-choice input:focus-visible{
  outline:2px solid #b9dffa!important;outline-offset:3px!important;
}
.wmd-safety-choice-layer .wmd-safety-choice{
  background:linear-gradient(154deg,#172d40,#102232)!important;
  border-color:#537b9a!important;color:#e9f5ff!important;
}
.wmd-safety-choice-layer .wmd-safety-choice .wmd-safety-kicker{color:#b9dffa!important}
.wmd-safety-choice-layer .wmd-safety-choice .wmd-safety-verify{
  background:#1b3449!important;border-color:#4e7693!important;color:#d7eafb!important;
}
.wmd-safety-choice-layer .wmd-safety-choice .wmd-safety-verify input{accent-color:#8ec8f3!important}
.wmd-safety-choice-layer .wmd-safety-choice button[data-choice-approve]{
  background:#8ec8f3!important;border-color:#8ec8f3!important;
  color:#102638!important;-webkit-text-fill-color:#102638!important;
}
.wmd-safety-choice-layer .wmd-safety-choice button[data-choice-approve]:hover:not(:disabled){
  background:#b9dffa!important;border-color:#b9dffa!important;
}

/* networth-inclusion.css */
/* Explicit view scope, independent of hide/show and expand/collapse. */
#app .wmd-workspace--networth .nw-inclusion-status{display:block;margin-top:4px;font-size:11px;font-weight:550;letter-spacing:0;line-height:1.4;color:#a5bcb3}
#app .wmd-workspace--networth .nw-inclusion-custom{display:inline-flex;vertical-align:middle;margin-left:8px;padding:3px 7px;border:1px solid var(--wmd-accent-line);border-radius:6px;font-size:11px;font-weight:600;line-height:1.3;color:var(--wmd-accent);background:var(--wmd-tint,#20302b)}
#app .wmd-workspace--networth .nw-inclusion-control{display:flex;align-items:center;flex-wrap:wrap;gap:5px 16px;padding:10px 14px;border-top:1px solid var(--wmd-line,#35454f);border-bottom:1px solid var(--wmd-line,#35454f);background:transparent}
#app .wmd-workspace--networth :is(.nw-inclusion-control,.nw-inclusion-account) label{display:inline-flex;align-items:center;gap:9px;cursor:pointer;min-height:34px;max-width:100%;font-size:12px;font-weight:600;color:#e4eee9}
#app .wmd-workspace--networth :is(.nw-inclusion-control,.nw-inclusion-account) input[type=checkbox]{appearance:auto;display:inline-block;flex:none;width:17px;height:17px;margin:0;padding:0;accent-color:var(--wmd-accent);cursor:pointer;border-radius:3px}
#app .wmd-workspace--networth :is(.nw-inclusion-control,.nw-inclusion-account) input:focus-visible{outline:2px solid var(--wmd-accent);outline-offset:3px}
#app .wmd-workspace--networth .nw-inclusion-control small{font-size:11px;line-height:1.4;color:#a5bcb3}
#app .wmd-workspace--networth .nw-inclusion-account{display:block;width:fit-content;max-width:100%;margin:2px 0 1px;border:0;background:none;color:#a5bcb3}
#app .wmd-workspace--networth .nw-inclusion-account>summary{display:flex;align-items:center;gap:5px;min-height:24px;cursor:pointer;font:500 11px/1.35 system-ui,sans-serif;list-style:none;border-radius:4px}
#app .wmd-workspace--networth .nw-inclusion-account>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--networth .nw-inclusion-account>summary:hover{color:var(--wmd-accent)}
#app .wmd-workspace--networth .nw-inclusion-account[open]>label{padding:3px 7px;background:var(--wmd-tint,#20302b);border-radius:6px;font-size:11px}
#app .wmd-workspace--networth .nw-inclusion-history-note{font-size:11px;line-height:1.5;color:#adc3b9;padding:10px 12px;border:1px solid #3a5048;border-radius:8px;margin:4px 0 10px}

/* ask-money-actions.css */
/* The Ask Your Money action review is intentionally different from competitor chat UIs:
   native modal, quiet navy surfaces, active workspace accent, clear accounting effects. */
.wmd-ask-action-trigger{
  min-height:44px;padding:11px 17px;border:1px solid var(--wmd-accent,#8ec8f3);
  border-radius:12px;background:var(--wmd-accent,#8ec8f3);color:#102537;
  font:inherit;font-size:13px;font-weight:780;cursor:pointer;
}
.wmd-ask-action-trigger:is(:hover,:focus-visible){filter:brightness(1.08);outline:2px solid var(--wmd-accent,#8ec8f3);outline-offset:2px}
.wmd-discovery-chip--action{border-color:color-mix(in srgb,var(--wmd-accent,#8ec8f3) 65%,#456166)!important;background:color-mix(in srgb,var(--wmd-accent,#8ec8f3) 17%,#263d43)!important}
dialog.wmd-ask-review-backdrop{
  --ask-accent:var(--wmd-accent,#8ec8f3);
  box-sizing:border-box;inset:0;display:grid;place-items:center;
  width:100%;max-width:none;min-width:0;height:100dvh;max-height:none;
  margin:0;padding:clamp(12px,3vw,26px);border:0;background:transparent;box-shadow:none;overflow:hidden;
  color:#edf6ff;z-index:12000;
}
dialog.wmd-ask-review-backdrop:not([open]){display:none}
dialog.wmd-ask-review-backdrop::backdrop{background:rgba(4,14,29,.78);backdrop-filter:blur(5px)}
.wmd-ask-review-panel{
  box-sizing:border-box;width:min(100%,675px);max-height:min(94dvh,950px);min-height:0;
  overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
  border:1px solid color-mix(in srgb,var(--ask-accent) 35%,#3b536a);
  border-radius:24px;padding:clamp(18px,3vw,28px);
  background:#122638;color:#f1f7ff;
  box-shadow:0 25px 80px rgba(0,0,0,.48);
}
.wmd-ask-review-panel :is(input,select,button){font-family:inherit}
.wmd-ask-review-panel [hidden]{display:none!important}
.wmd-ask-review-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}
.wmd-ask-review-head small{
  display:block;margin-bottom:7px;font-size:10px;letter-spacing:.115em;font-weight:800;color:#a3bfd3;
}
.wmd-ask-review-head h2{margin:0;color:#f3faff;line-height:1.17;font-size:clamp(23px,4.5vw,29px);font-weight:790}
.wmd-ask-review-icon{
  border:1px solid #567084;border-radius:50%;background:#253d50;color:#fff;
  width:40px;height:40px;flex:none;cursor:pointer;font-size:25px;line-height:1;
}
.wmd-ask-review-form{display:grid;gap:17px}
.wmd-ask-review-intro,.wmd-ask-review-note{margin:0;color:#bbcad9;font-size:13px;line-height:1.6}
.wmd-ask-review-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.wmd-ask-review-field{display:grid;min-width:0;gap:7px;align-content:start;color:#d8e6f2;font-size:12px;font-weight:680}
.wmd-ask-review-field:first-child{grid-column:1/-1}
.wmd-ask-review-field :is(input,select),.wmd-ask-review-purchase-tools input{
  box-sizing:border-box;min-width:0;max-width:100%;width:100%;min-height:45px;
  padding:10px 12px;border:1px solid #526d83!important;border-radius:11px;
  background:#203649!important;color:#f2f9ff!important;font-size:16px;line-height:1.35;
}
.wmd-ask-review-field :is(input,select):focus-visible,.wmd-ask-review-purchase-tools input:focus-visible{
  outline:2px solid var(--ask-accent);outline-offset:1px;
}
.wmd-ask-review-impact{display:grid;gap:10px;border:1px solid #3d5970;border-radius:15px;background:#1c3447;padding:16px}
.wmd-ask-review-impact>small{color:#adcde1;font-size:10px;letter-spacing:.10em;font-weight:800}
.wmd-ask-review-impact>strong{font-size:19px}
.wmd-ask-review-impact p{margin:0;color:#b3cadb;font-size:12px;line-height:1.55}
.wmd-ask-review-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.wmd-ask-review-metrics>div{min-width:0;display:grid;gap:5px;padding:10px 11px;border:1px solid #426077;border-radius:10px;background:#162c3d}
.wmd-ask-review-metrics span{font-size:11px;color:#abc3d6}
.wmd-ask-review-metrics strong{font-size:clamp(14px,2.5vw,17px);font-weight:790;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wmd-ask-review-existing{display:grid;gap:6px;padding:13px 16px;border-radius:13px;border:1px solid #4a6579;background:#20384a}
.wmd-ask-review-existing small{font-size:10px;letter-spacing:.09em;color:#adcbe0;font-weight:790}
.wmd-ask-review-existing strong{font-size:19px;overflow-wrap:anywhere}
.wmd-ask-review-existing span{font-size:12px;color:#c0d4e3}
.wmd-ask-review-purchases details{border:1px solid #405a71;border-radius:13px;overflow:hidden;background:#192f40}
.wmd-ask-review-purchases summary{cursor:pointer;padding:13px 15px;font-size:13px;font-weight:760;list-style-position:inside}
.wmd-ask-review-purchases details>.wmd-ask-review-note{padding:0 15px 12px}
.wmd-ask-review-purchase-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:center;padding:0 13px 10px}
.wmd-ask-review-purchase-tools button,.wmd-ask-review-more{
  min-height:43px;padding:8px 10px;border:1px solid #4f7086;border-radius:9px;
  background:#274456;color:#ebf7ff;cursor:pointer;font-size:11px;font-weight:700;
}
.wmd-ask-review-purchase-tools button:hover,.wmd-ask-review-more:hover{border-color:var(--ask-accent)}
.wmd-ask-review-selection-count{display:block;padding:4px 14px 10px;color:#b4c9db;font-size:11px}
.wmd-ask-review-list{max-height:270px;overflow:auto;border-top:1px solid #34546a}
.wmd-ask-review-purchase{display:flex;align-items:center;gap:11px;min-height:52px;padding:10px 13px;border-bottom:1px solid #304c60;cursor:pointer}
.wmd-ask-review-purchase:last-child{border-bottom:0}
.wmd-ask-review-purchase:hover{background:#233e50}
.wmd-ask-review-purchase input[type=checkbox]{accent-color:var(--ask-accent);width:18px;height:18px;flex:none}
.wmd-ask-review-purchase-copy{display:grid;gap:4px;flex:1;min-width:0}
.wmd-ask-review-purchase-copy strong{font-size:12px;font-weight:710;overflow-wrap:anywhere}
.wmd-ask-review-purchase-copy small{font-size:10px;color:#a5bed3;overflow-wrap:anywhere}
.wmd-ask-review-purchase-copy .wmd-ask-review-prior{color:#ffd39f}
.wmd-ask-review-purchase-copy .wmd-ask-review-current{color:#b2dfd0}
.wmd-ask-review-amount{flex:none;font-size:12px;font-variant-numeric:tabular-nums;color:#f1f6fc}
.wmd-ask-review-list>.wmd-ask-review-note{padding:12px 15px}
.wmd-ask-review-more{display:block;margin:10px auto}
.wmd-ask-review-error{margin:0;padding:12px 14px;border-radius:11px;background:#502c36;border:1px solid #cc857d;color:#ffe9e5;font-size:13px;line-height:1.5}
.wmd-ask-review-footer{
  display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;
  border-top:1px solid #38536a;padding-top:16px;
}
.wmd-ask-review-footer button{
  min-height:46px;border-radius:11px;padding:10px 18px;border:1px solid #55758c;
  font-size:13px;font-weight:770;cursor:pointer;
}
.wmd-ask-review-cancel{color:#eff7ff;background:transparent}
.wmd-ask-review-confirm{background:var(--ask-accent);border-color:var(--ask-accent)!important;color:#09263b}
.wmd-ask-review-confirm:disabled{opacity:.55;cursor:wait}
.wmd-ask-review-footer button:focus-visible,.wmd-ask-review-icon:focus-visible{outline:2px solid var(--ask-accent);outline-offset:2px}
.wmd-ask-action-toast{
  position:fixed;z-index:12040;bottom:calc(17px + env(safe-area-inset-bottom));left:50%;
  transform:translateX(-50%);display:flex;align-items:center;gap:12px;
  max-width:min(650px,calc(100vw - 24px));width:max-content;box-sizing:border-box;
  padding:12px 16px;border-radius:12px;border:1px solid #609bbf;background:#123449;
  color:#eaf8ff;box-shadow:0 14px 40px rgba(0,0,0,.38);font-size:12px;line-height:1.5;
}
.wmd-ask-action-toast button{border:1px solid #a5cde8;border-radius:8px;min-height:38px;background:#274e67;color:#f3faff;font:inherit;font-weight:750;padding:5px 11px;cursor:pointer;flex:none}
@media(max-width:650px){
  dialog.wmd-ask-review-backdrop{place-items:end center;padding:0}
  .wmd-ask-review-panel{width:100%;max-height:94dvh;max-width:none;border-radius:22px 22px 0 0;padding:19px 15px calc(17px + env(safe-area-inset-bottom))}
  .wmd-ask-review-head{margin-bottom:11px}
  .wmd-ask-review-form{gap:14px}
  .wmd-ask-review-fields{gap:11px}
  .wmd-ask-review-purchase-tools{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .wmd-ask-review-purchase-tools input{grid-column:1/-1}
  .wmd-ask-review-list{max-height:220px}
  .wmd-ask-review-metrics>div{padding:9px 8px}
  .wmd-ask-review-metrics strong{font-size:13px}
  .wmd-ask-review-footer{display:grid;grid-template-columns:1fr 1fr}
  .wmd-ask-review-footer button{width:100%;padding:9px 11px}
  .wmd-ask-action-toast{bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100vw - 22px)}
}
@media(max-width:370px){
  .wmd-ask-review-fields{grid-template-columns:minmax(0,1fr)}
  .wmd-ask-review-field:first-child{grid-column:auto}
  .wmd-ask-review-purchase-tools{grid-template-columns:1fr}
  .wmd-ask-review-purchase-tools input{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){
  dialog.wmd-ask-review-backdrop::backdrop{backdrop-filter:none}
}

/* Natural-language draft refinements, deliberately quiet and compact. */
.wmd-ask-review-chat{display:grid;gap:9px;border-top:1px solid #34516a;padding-top:14px;min-width:0}
.wmd-ask-review-chat-input{display:flex;gap:8px;align-items:stretch;min-width:0}
.wmd-ask-review-chat-input input{
  min-width:0;flex:1;width:100%;min-height:46px;padding:10px 12px;
  border:1px solid #4d718c;border-radius:10px;background:#1d3549;color:#eff8ff;
  font:inherit;font-size:15px;
}
.wmd-ask-review-chat-input input::placeholder{color:#b1cbdb;opacity:1}
.wmd-ask-review-chat-input input:focus-visible{outline:2px solid var(--ask-accent,#8ec8f3);outline-offset:1px}
.wmd-ask-review-chat-input button{
  flex:none;min-height:46px;padding:9px 14px;
  border-radius:10px;border:1px solid var(--ask-accent,#8ec8f3);
  background:color-mix(in srgb,var(--ask-accent,#8ec8f3) 19%,#1c344a);
  color:#f0f9ff;font:inherit;font-size:12px;font-weight:750;cursor:pointer;
}
.wmd-ask-review-chat-input button:hover{filter:brightness(1.12)}
.wmd-ask-review-chat-response{color:#b6cbdc;font-size:12px;line-height:1.5;margin:0;min-height:17px}
.wmd-ask-review-chat-response:not(:empty){overflow-wrap:anywhere}
@media(max-width:520px){
  .wmd-ask-review-chat-input{gap:7px}
  .wmd-ask-review-chat-input button{padding:8px 10px;font-size:11px}
  .wmd-ask-review-chat-input input{font-size:16px}
}
@media(max-width:360px){
  .wmd-ask-review-chat-input{flex-wrap:wrap}
  .wmd-ask-review-chat-input button{width:100%}
}

/* Optional microphone. It only fills the active field; no automatic submission. */
.wmd-ask-dictation{
  flex:none;display:inline-grid;place-items:center;min-width:36px;min-height:36px;
  padding:7px;margin:0;border:1px solid color-mix(in srgb,var(--ask-accent,var(--wmd-accent,#8ec8f3)) 50%,#64839a);
  border-radius:11px;background:color-mix(in srgb,var(--ask-accent,var(--wmd-accent,#8ec8f3)) 12%,#24384a);
  color:var(--ask-accent,var(--wmd-accent,#8ec8f3));cursor:pointer;
}
.wmd-ask-dictation svg{display:block;width:19px;height:19px}
.wmd-ask-dictation.is-listening{
  border-color:#efbd79;background:#4c3740;color:#ffe4bc;
  box-shadow:0 0 0 2px rgba(239,189,121,.23);
}
.wmd-ask-dictation:hover{filter:brightness(1.09)}
.wmd-ask-dictation:focus-visible{outline:2px solid var(--ask-accent,var(--wmd-accent,#8ec8f3));outline-offset:2px}
.wmd-ask-dictation-status{font-size:11px;color:#a8c8db;line-height:1.3}
.wmd-ask-dictation-status[hidden]{display:none!important}
.wmd-discovery-control>.wmd-ask-dictation{align-self:center}
.wmd-discovery-control>.wmd-ask-dictation-status{position:absolute;top:calc(100% + 5px);right:0;max-width:290px;padding:5px 8px;border-radius:7px;background:#1b3549;z-index:3}
.wmd-smart-head>.wmd-ask-dictation{margin-left:auto}
.wmd-ask-review-chat-input>.wmd-ask-dictation{min-height:44px;min-width:44px}
@media(max-width:520px){
  .wmd-ask-dictation{min-width:34px}
  .wmd-ask-review-chat-input>.wmd-ask-dictation{min-width:42px}
  .wmd-smart-head>.wmd-ask-dictation{margin-left:0}
}


/* One-decision action preview. No second wizard when the instruction is complete. */
.wmd-ask-inline-preview{
  display:grid;gap:9px;min-width:0;margin-top:12px;padding:clamp(13px,2.6vw,19px);
  border:1px solid color-mix(in srgb,var(--wmd-accent,#8ec8f3) 45%,#456178);
  border-radius:16px;background:color-mix(in srgb,var(--wmd-accent,#8ec8f3) 8%,#173143);
  color:#eaf4ff;
}
.wmd-ask-inline-kicker{font-size:10px!important;font-weight:800;letter-spacing:.09em;color:#aec7da}
.wmd-ask-inline-title{font-size:16px;line-height:1.28;font-weight:760;overflow-wrap:anywhere}
.wmd-ask-inline-description,.wmd-ask-inline-detail{font-size:12px!important;line-height:1.48;margin:0!important;color:#bed3e2!important;overflow-wrap:anywhere}
.wmd-ask-inline-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.wmd-ask-inline-values>span{display:grid;gap:3px;padding:9px 11px;border:1px solid #426378;border-radius:10px;background:#1a3749;min-width:0}
.wmd-ask-inline-values small{font-size:10px;color:#b8d2e2}
.wmd-ask-inline-values strong{font-size:clamp(14px,2.5vw,18px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.wmd-ask-inline-buttons{display:flex;gap:9px;flex-wrap:wrap;margin-top:3px}
.wmd-ask-inline-buttons button{min-height:44px;padding:10px 15px;border-radius:10px;font:inherit;font-size:12px;font-weight:750;cursor:pointer}
.wmd-ask-inline-confirm{color:#09243a!important;background:var(--wmd-accent,#8ec8f3)!important;border:1px solid var(--wmd-accent,#8ec8f3)!important}
.wmd-ask-inline-edit{color:#f0f7ff!important;background:#244358!important;border:1px solid #587e96!important}
.wmd-ask-inline-confirm:disabled{opacity:.5;cursor:wait}
.wmd-ask-inline-buttons button:focus-visible{outline:2px solid var(--wmd-accent,#8ec8f3);outline-offset:2px}
.wmd-ask-inline-error{font-size:12px;color:#ffe0d9;background:#5a2e3a;border:1px solid #be7a75;padding:11px;border-radius:10px;margin:0}
@media(max-width:510px){
  .wmd-ask-inline-preview{padding:13px 12px;gap:8px}
  .wmd-ask-inline-values strong{font-size:14px}
  .wmd-ask-inline-buttons{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .wmd-ask-inline-buttons button{padding:9px 10px;min-width:0}
}


/* Palette inheritance for all six Settings schemes, including legible White.
   Both review dialogs live under document.body, so their theme tokens are
   explicitly copied from the active workspace on open. */
dialog.wmd-ask-review-backdrop{
  --ask-panel:#122638;--ask-deep:#13202d;--ask-raised:#203649;
  --ask-line:#526d83;--ask-ink:#f1f7ff;--ask-muted:#b7cbdb;
}
dialog.wmd-ask-review-backdrop .wmd-ask-review-panel{
  background:var(--ask-panel);color:var(--ask-ink);border-color:var(--ask-line);
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-head h2,.wmd-ask-review-head small,
  .wmd-ask-review-field,.wmd-ask-review-existing strong,.wmd-ask-review-impact strong,
  .wmd-ask-review-metrics strong,.wmd-ask-review-purchase-copy strong,
  .wmd-ask-review-amount,.wmd-ask-review-purchases summary,
  .wmd-ask-review-intro,.wmd-ask-review-impact>small,.wmd-ask-review-impact p){
  color:var(--ask-ink);
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-note,.wmd-ask-review-existing span,
  .wmd-ask-review-impact small,.wmd-ask-review-chat-response,
  .wmd-ask-review-selection-count,.wmd-ask-review-purchase-copy small){
  color:var(--ask-muted);
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-field input,
  .wmd-ask-review-field select,.wmd-ask-review-chat-input input,
  .wmd-ask-review-purchase-tools input){
  background:var(--ask-raised)!important;color:var(--ask-ink)!important;
  border-color:var(--ask-line)!important;
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-impact,.wmd-ask-review-existing,
  .wmd-ask-review-purchases details,.wmd-ask-review-metrics>div){
  background:var(--ask-deep);border-color:var(--ask-line);
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-chat-input button,
  .wmd-ask-review-purchase-tools button,.wmd-ask-review-more,
  .wmd-ask-review-cancel,.wmd-ask-review-icon){
  background:var(--ask-raised);color:var(--ask-ink);border-color:var(--ask-line);
}
dialog.wmd-ask-review-backdrop :is(.wmd-ask-review-purchase,
  .wmd-ask-review-footer,.wmd-ask-review-chat){border-color:var(--ask-line)}
dialog.wmd-ask-review-backdrop .wmd-ask-review-purchase:hover{
  background:var(--ask-raised);
}
dialog.wmd-ask-review-backdrop .wmd-ask-review-confirm{
  background:var(--ask-accent,#8ec8f3);border-color:var(--ask-accent,#8ec8f3);
  color:#0b2637;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-ask-inline-preview{
  --wmd-accent:var(--wmd-theme-accent);
  background:var(--wmd-ui-panel,var(--wmd-theme-panel,#122638));
  color:var(--wmd-ui-txt,var(--wmd-theme-text,#eff7ff));
  border-color:var(--wmd-ui-line,var(--wmd-theme-line,#526d83));
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-ask-inline-preview
  :is(.wmd-ask-inline-title,.wmd-ask-inline-values strong){color:var(--wmd-theme-text)}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-ask-inline-preview
  :is(.wmd-ask-inline-kicker,.wmd-ask-inline-description,.wmd-ask-inline-detail,
  .wmd-ask-inline-values small){color:var(--wmd-theme-muted)!important}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-ask-inline-values>span{
  background:var(--wmd-theme-deep);border-color:var(--wmd-theme-line);
}
#app[data-wmd-color-scheme="white"] .wmd-ask-inline-confirm,
dialog.wmd-ask-review-backdrop[data-ask-color-scheme="white"] .wmd-ask-review-confirm{
  color:#fff!important;
}
#app[data-wmd-color-scheme="white"] .wmd-ask-inline-edit{
  background:#e8f0f7!important;color:#192e40!important;border-color:#bdcfdd!important;
}
dialog.wmd-ask-review-backdrop[data-ask-color-scheme="white"] .wmd-ask-review-purchase-copy
  .wmd-ask-review-prior{color:#875300}
dialog.wmd-ask-review-backdrop[data-ask-color-scheme="white"] .wmd-ask-review-purchase-copy
  .wmd-ask-review-current{color:#165944}
dialog.wmd-ask-review-backdrop[data-ask-color-scheme="white"] .wmd-ask-review-chat-input input::placeholder{
  color:#566e82;
}

/* Low-friction inline refinements share the preview, not another dialog. */
.wmd-ask-inline-refine{display:flex;gap:8px;align-items:stretch;min-width:0}
.wmd-ask-inline-refine-input{flex:1 1 180px;min-width:0;min-height:44px;padding:10px 12px;
 border:1px solid var(--ask-line,#587e96);border-radius:10px;
 background:var(--ask-panel,#1a3749);color:var(--ask-ink,#f1f7ff);
 font:inherit;font-size:14px}
.wmd-ask-inline-refine-input::placeholder{color:var(--ask-muted,#abc3d1)}
.wmd-ask-inline-refine-send{min-height:44px;padding:9px 13px;cursor:pointer;
 border:1px solid var(--wmd-accent,#8ec8f3);border-radius:10px;
 background:transparent;color:var(--ask-ink,#f1f7ff);font:inherit;font-size:12px;font-weight:750}
.wmd-ask-inline-refine-input:focus-visible,.wmd-ask-inline-refine-send:focus-visible{
 outline:2px solid var(--wmd-accent,#8ec8f3);outline-offset:2px}
.wmd-ask-inline-refine-feedback{margin:0!important;font-size:12px!important;color:var(--ask-muted,#bed3e2)}
.wmd-ask-inline-refine-feedback[hidden]{display:none!important}
@media(max-width:510px){
 .wmd-ask-inline-refine{flex-wrap:wrap}
 .wmd-ask-inline-refine-input{flex-basis:100%}
 .wmd-ask-inline-refine-send{flex:1 1 auto}
}

/* snapper-follow-through.css */
/* Saved by Snapper is mounted under body, outside #app.
   Follow the selected Appearance, just like the Snapper import portal. */
.wmd-snapper-changes,.wmd-snapper-finish{
 --snap-follow-accent:#8ec8f3;--snap-follow-soft:#bddffd;
 --snap-follow-deep:#13202d;--snap-follow-panel:#1a2836;
 --snap-follow-raised:#26384a;--snap-follow-line:#41596c;
 --snap-follow-text:#f0f6fb;--snap-follow-muted:#bdcbd8;
}
/* Only explicit Mint / Mixed appearances use a green accent. */
body:has(#app[data-wmd-color-scheme="original"]) :is(.wmd-snapper-changes,.wmd-snapper-finish),
body:has(#app[data-wmd-color-scheme="mint"]) :is(.wmd-snapper-changes,.wmd-snapper-finish){
 --snap-follow-accent:#57d7aa;--snap-follow-soft:#9ae8cb;
 --snap-follow-deep:#111c25;--snap-follow-panel:#19252e;
 --snap-follow-raised:#202e38;--snap-follow-line:#384a55;
 --snap-follow-text:#eef4f7;--snap-follow-muted:#b1c0c9;
}
body:has(#app[data-wmd-color-scheme="white"]) :is(.wmd-snapper-changes,.wmd-snapper-finish){
 --snap-follow-accent:#286a9e;--snap-follow-soft:#215982;
 --snap-follow-deep:#f2f6fa;--snap-follow-panel:#ffffff;
 --snap-follow-raised:#e8f0f7;--snap-follow-line:#bdcfdd;
 --snap-follow-text:#192e40;--snap-follow-muted:#506577;
}
body:has(#app[data-wmd-color-scheme="black"]) :is(.wmd-snapper-changes,.wmd-snapper-finish){
 --snap-follow-accent:#d5e0ec;--snap-follow-soft:#eff5fa;
 --snap-follow-deep:#090c10;--snap-follow-panel:#15191e;
 --snap-follow-raised:#232a31;--snap-follow-line:#434b55;
 --snap-follow-text:#f4f7fa;--snap-follow-muted:#b7c2cd;
}
body:has(#app[data-wmd-color-scheme="pink"]) :is(.wmd-snapper-changes,.wmd-snapper-finish){
 --snap-follow-accent:#ee9bc9;--snap-follow-soft:#ffd5e9;
 --snap-follow-deep:#1b1620;--snap-follow-panel:#291e2b;
 --snap-follow-raised:#39283b;--snap-follow-line:#5b4560;
 --snap-follow-text:#fff3f9;--snap-follow-muted:#d2bbc9;
}
body:has(#app[data-wmd-color-scheme="orchid"]) :is(.wmd-snapper-changes,.wmd-snapper-finish){
 --snap-follow-accent:#c8b1f0;--snap-follow-soft:#e0d0ff;
 --snap-follow-deep:#1b1b29;--snap-follow-panel:#242231;
 --snap-follow-raised:#322e43;--snap-follow-line:#554e67;
 --snap-follow-text:#f5f1fc;--snap-follow-muted:#c6bfd4;
}
.wmd-snapper-finish{
 display:block;width:fit-content;margin-top:8px;padding:10px 14px;
 border:1px solid var(--snap-follow-accent);border-radius:9px;
 color:var(--snap-follow-text);background:var(--snap-follow-raised);
 cursor:pointer;font:inherit;font-weight:650;
}
.wmd-snapper-changes{
 position:fixed;right:16px;bottom:16px;z-index:1300;
 width:min(370px,calc(100vw - 32px));max-height:60vh;overflow:auto;
 padding:14px;border-radius:16px;background:var(--snap-follow-deep);
 color:var(--snap-follow-text);border:1px solid var(--snap-follow-line);
 box-shadow:0 14px 44px #0006;font:inherit;
}
.wmd-snapper-changes-title,.wmd-snapper-change-top{
 display:flex;justify-content:space-between;align-items:center;gap:10px;
}
.wmd-snapper-changes-title strong{font-size:14px}
.wmd-snapper-changes-title button{
 border:0;background:none;color:inherit;font-size:24px;cursor:pointer;
}
.wmd-snapper-changes p{
 font-size:12px;line-height:1.45;color:var(--snap-follow-muted);margin:5px 0 12px;
}
.wmd-snapper-change-list{display:grid;gap:8px}
.wmd-snapper-change-row{
 display:grid;gap:5px;min-height:62px;text-align:left;padding:11px 12px;
 border:1px solid var(--snap-follow-line);background:var(--snap-follow-panel);
 border-radius:11px;color:var(--snap-follow-text);cursor:pointer;font:inherit;
 -webkit-tap-highlight-color:transparent;
}
.wmd-snapper-change-row:hover,.wmd-snapper-change-row:focus-visible{
 border-color:var(--snap-follow-accent);
 background:var(--snap-follow-raised);
}
.wmd-snapper-change-row:focus-visible{
 outline:2px solid var(--snap-follow-accent);outline-offset:2px;
}
.wmd-snapper-change-row strong{font-size:13px;overflow-wrap:anywhere}
.wmd-snapper-change-row small{font-size:12px;line-height:1.35;color:var(--snap-follow-muted)}
.wmd-snapper-changed{
 outline:3px solid var(--wmd-theme-accent,#8ec8f3)!important;
 outline-offset:4px;
 box-shadow:0 0 0 7px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 20%,transparent)!important;
 border-radius:8px;scroll-margin-block:95px;
}
@media(max-width:640px){
 .wmd-snapper-changes{
  left:12px;right:12px;width:auto;
  bottom:calc(82px + env(safe-area-inset-bottom,0px));max-height:45vh;
 }
}
@media(prefers-reduced-motion:reduce){.wmd-snapper-changed{scroll-behavior:auto}}

/* workspace-consistency.css */
/* Consistency pass. All selectors are scoped to signed-in workspaces.
   Distinct warning/error colors convey state, not decorative accents. */
#app .wmd-workspace {
  --workspace-card-title:clamp(17px,1.8vw,21px);
}
#app .wmd-workspace :is(.budget-section h3,.nw-overview-section h3,.nw-section-heading h3,.cashflow-disclosure-summary h3,.cash-category-card h3,.debt-panel-head h3,.invest-panel-head h3,.retirement-section-head h3) {
  font-family:inherit!important;font-size:var(--workspace-card-title)!important;
  font-weight:760!important;line-height:1.25!important;
  text-transform:none!important;letter-spacing:-.025em!important
}
#app .wmd-workspace :is(.budget-section .budget-section-label,.history-eyebrow,.cash-checklist-eyebrow,.cash-runway-head>div>span,.debt-panel-head>div>span,.retirement-section-head>div>span) {
  text-transform:none!important;letter-spacing:.015em!important;
}
#app .wmd-workspace--debt .debt-overview-head h2,
#app .wmd-workspace--investments .invest-toolbar-title strong {
  font:770 clamp(21px,2.3vw,27px)/1.18 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.032em!important;color:#eaf2f3!important;text-transform:none!important;
}
#app .wmd-workspace--debt .debt-overview-head {align-items:center;gap:9px!important;margin:0 0 8px!important}
#app .wmd-workspace--debt .debt-overview-head p {font-size:12px!important;line-height:1.42!important;margin-top:5px!important}
#app .wmd-workspace--investments .invest-toolbar-title {display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 9px}
#app .wmd-workspace--investments .invest-toolbar-title small {font-size:12px!important;line-height:1.45!important}
#app .wmd-workspace--investments .invest-toolbar-title .invest-kicker {flex-basis:100%}
#app .wmd-workspace :is(.nw-group,.nw-overview-section,.budget-section,.cash-category-card,.cashflow-disclosure,.debt-accounts-panel,.debt-results-panel,.invest-panel,.retirement-card){
  scroll-margin-top:18px!important;
}
#app .wmd-workspace--networth .nw-heading-interactive{
  cursor:pointer;transition:background-color .16s ease;
  border-radius:10px
}
#app .wmd-workspace--networth .nw-heading-interactive:hover{
  background:color-mix(in srgb,var(--wmd-accent,#8fc5af) 9%,#19272a)!important;
}
#app .wmd-workspace--networth .nw-heading-interactive .heading-name{min-width:0}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name]{
  border:1px solid transparent!important;border-radius:6px!important;
  background:transparent!important;color:#eaf6ef!important;cursor:text;
  min-width:0;max-width:100%;outline:none;
}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name]:hover{
  border-bottom-color:var(--wmd-accent,#8fc5af)!important;
}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name].is-editing{
  background:#1b3230!important;border-color:var(--wmd-accent,#8fc5af)!important;
}
#app .wmd-workspace--networth .nw-heading-interactive :is(button,input):focus-visible{
  outline:2px solid var(--wmd-accent,#8fc5af)!important;outline-offset:2px;
}
/* Net Worth chart is a single balanced dashboard, not nested mismatched boxes. */
#app .wmd-workspace--networth .nw-unified-dashboard{
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)!important;
  gap:0!important;align-items:stretch!important;overflow:hidden;
  box-sizing:border-box;border:1px solid #415d53!important;
  border-radius:19px!important;background:#19282a!important
}
#app .wmd-workspace--networth .nw-unified-overview{
  min-width:0;box-sizing:border-box;margin:0!important;
  padding:clamp(16px,2vw,25px)!important
}
#app .wmd-workspace--networth .nw-unified-trend{
  display:flex;flex-direction:column;min-width:0;
  box-sizing:border-box;margin:0!important;
  padding:clamp(16px,2vw,25px)!important;
  border-left:1px solid #3a544b!important
}
#app .wmd-workspace--networth .nw-unified-trend .history-panel{
  min-width:0;display:flex;flex-direction:column;gap:11px;
  margin:0!important;padding:0!important;border:0!important;
  box-shadow:none!important;background:transparent!important
}
#app .wmd-workspace--networth .history-chart-frame{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box;
  padding:12px 9px 8px!important;border:1px solid #406052!important;
  border-radius:12px;background:#15252a!important;overflow:hidden
}
#app .wmd-workspace--networth .history-chart-frame .history-chart{
  display:block;width:100%!important;height:auto!important;
  max-width:100%!important;min-width:0!important;max-height:none;
  padding:0!important;border:0!important;overflow:visible!important;
}
#app .wmd-workspace--networth .history-line{
  stroke:var(--wmd-accent,#8fc5af)!important;stroke-width:3!important;
}
#app .wmd-workspace--networth .history-area{fill:rgba(143,197,175,.14)!important}
#app .wmd-workspace--networth [data-history-focus-line]{stroke:#9bd8bf!important}
#app .wmd-workspace--networth [data-history-focus-dot]{
  fill:#a6dfc8!important;stroke:#15352b!important
}
#app .wmd-workspace--networth .history-inspector{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  margin:0!important;padding:13px 15px!important;
  border:1px solid #405c50!important;border-radius:12px!important;
  background:#1c302a!important
}
#app .wmd-workspace--networth .history-inspector :is(span,small){font-size:12px;line-height:1.45}
#app .wmd-workspace--networth .history-inspector strong{font-size:16px;font-variant-numeric:tabular-nums}
@media(max-width:1000px){
  #app .wmd-workspace--networth .nw-unified-dashboard{grid-template-columns:1fr!important}
  #app .wmd-workspace--networth .nw-unified-trend{
    border-left:0!important;border-top:1px solid #3a544b!important
  }
}
/* Retirement is blue-teal end to end; only true warnings use amber/red. */
#app .wmd-workspace.wmd-workspace--retirement{
  --ret-color:#a0c7d4;--ret-border:#4b6572;
  --ret-dark:#1b2b35;--ret-surface:#1f3440;--green:var(--ret-color)
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page :is(
  .retirement-card,.retirement-assumptions,.retirement-assumptions details,
  .retirement-category-overview,.retirement-connection,.retirement-subplanner,
  .retirement-money-input,.retirement-linked-input,.retirement-category-editor
){
  background:var(--ret-dark)!important;border-color:var(--ret-border)!important;
  box-shadow:none!important
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-assumptions details[open],
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-assumptions details[open]>summary,
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-assumptions details>summary:hover{
  background:var(--ret-surface)!important;border-color:#638a9a!important
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page :is(
  .retirement-linked-input b,.retirement-linked-input>span,
  .retirement-household-totals-highlight strong,.retirement-real-return strong
){color:var(--ret-color)!important;background:transparent!important}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page :is(
  button.active,button.selected,button[aria-pressed="true"]
){background:#315361!important;color:#f1f9fc!important;border-color:#86afc1!important}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page input:focus-visible,
#app .wmd-workspace.wmd-workspace--retirement .retirement-page select:focus-visible,
#app .wmd-workspace.wmd-workspace--retirement .retirement-page button:focus-visible{
  outline:2px solid #a0c7d4!important;outline-offset:2px
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page :is(.retirement-line,.retirement-active-guide){
  stroke:#a0c7d4!important
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-active-dot{
  fill:#b8e0ec!important;stroke:#264755!important
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-category-overview [style*="--cat"]{
  --cat:#88bbca!important
}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-category-overview .money-mix-segment:nth-child(4n+2){--cat:#a8cedd!important}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-category-overview .money-mix-segment:nth-child(4n+3){--cat:#6b9bad!important}
#app .wmd-workspace.wmd-workspace--retirement .retirement-page .retirement-category-overview .money-mix-segment:nth-child(4n){--cat:#d0e8f0!important}
/* The warning runway is still an interactive card, with an amber warning glow. */
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month{
  --runway-rgb:160,196,223;position:relative;isolation:isolate;
  overflow:hidden!important;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month.warning{--runway-rgb:220,162,112}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month.down{--runway-rgb:212,141,144}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month::before{
  content:"";pointer-events:none;position:absolute;inset:0;border-radius:inherit;
  background:radial-gradient(ellipse at 50% 105%,rgba(var(--runway-rgb),.22),transparent 76%);
  opacity:0;transition:opacity .22s ease
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(:hover,:focus-visible){
  transform:translateY(-2px)!important;
  box-shadow:0 0 0 1px rgba(var(--runway-rgb),.5),0 8px 26px rgba(var(--runway-rgb),.25)!important;
  border-color:rgba(var(--runway-rgb),.9)!important;
  background:rgba(var(--runway-rgb),.09)!important
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(:hover,:focus-visible)::before{
  opacity:1!important
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-outlook-details[open] :is(p,small,span,th,td,label){
  font-size:14px!important;line-height:1.58!important
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-outlook-details[open] :is(b,strong){
  font-size:clamp(15px,1.7vw,18px)!important
}
@media(max-width:680px){
 #app .wmd-workspace{--workspace-card-title:18px}
 #app .wmd-workspace--networth .nw-unified-overview,
 #app .wmd-workspace--networth .nw-unified-trend{padding:15px!important}
 #app .wmd-workspace--networth .history-chart-frame{padding:9px 6px 5px!important}
 #app .wmd-workspace--networth .nw-heading-interactive .heading-name{
   flex-wrap:wrap;gap:5px 9px
 }
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month,
 #app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month::before,
 #app .wmd-workspace--networth .nw-heading-interactive{transition:none!important}
 #app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(:hover,:focus-visible){transform:none!important}
}
/* v6.10.58: final shared design tokens, without changing financial warning semantics. */
:root{--snapper-accent:#abd4c2;--snapper-surface:#20332e;--snapper-line:#527366}
#app .wmd-workspace :is(.budget-card-label,.budget-section-label,.nw-overview-title,.cash-category-label,.cash-summary-label,.invest-kicker,.retirement-kicker){text-transform:none!important;letter-spacing:.01em!important}
#app .wmd-workspace :is(.debt-overview-head h2,.invest-toolbar-title strong){font-size:clamp(21px,2vw,25px)!important}
#app .wmd-workspace--networth .nw-unified-dashboard{padding:0!important;background:#19282a!important}
#app .wmd-workspace--networth .nw-unified-overview{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
#app .wmd-workspace--networth .nw-unified-trend{background:transparent!important;border-radius:0!important}
#app .wmd-workspace--networth .goalbar{background:#30473f!important;box-shadow:none!important;overflow:hidden}
#app .wmd-workspace--networth .goalbar i{background:var(--wmd-accent,#8ac8b1)!important;box-shadow:none!important}
#app .wmd-workspace--networth [data-mix-mode="liabilities"] [data-nw-chart].active{background:#392d33!important;color:#e4b8bf!important;border-color:#986b76!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-outlook-details[open] :is(p,small,span,th,td,label){font-size:15px!important;line-height:1.6!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-outlook-details[open] :is(b,strong){font-size:clamp(16px,1.7vw,19px)!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(.warning,.down):is(:hover,:focus-visible){box-shadow:0 0 0 1px rgba(var(--runway-rgb),.5),0 8px 26px rgba(var(--runway-rgb),.25)!important}
/* Remove remaining decorative green from retirement, including its real-app preview. */
#app .wmd-workspace--retirement{--ret-color:#a0c7d4;--ret-border:#4b6572;--ret-dark:#1b2b35;--ret-surface:#233a45;--green:#a0c7d4}
#app .wmd-workspace--retirement .retirement-page :is(input,select){accent-color:var(--ret-color)!important;outline-color:var(--ret-color)!important}
#app .wmd-workspace--retirement .retirement-page :is(input:not([type="range"]),select){background:#172630!important;border-color:var(--ret-border)!important;color:#e6eff3!important;box-shadow:none!important}
#app .wmd-workspace--retirement .retirement-page :is(input,select):focus{background:#213741!important;border-color:var(--ret-color)!important}
#app .wmd-workspace--retirement .retirement-page :is(.retirement-real-return,.retirement-action.highlight,.retirement-savings-link,.retirement-household-totals>div,.retirement-category-chip,.retirement-phase-card,.retirement-earner,.retirement-investment-account,.retirement-ss-result){background:var(--ret-dark)!important;border-color:var(--ret-border)!important;box-shadow:none!important}
#app .wmd-workspace--retirement .retirement-page :is(.retirement-real-return span,.retirement-real-return strong,.retirement-real-return small,.retirement-chart-scrubber label span,.retirement-chart-scrubber label,.retirement-chart-scrubber small,.retirement-action button,.retirement-category-chip b,.retirement-household-totals strong){color:var(--ret-color)!important}
#app .wmd-workspace--retirement .retirement-page button:not(.danger):not([class*="remove"]):not([data-ret-remove]):not([data-ret-delete]){color:#d3e3eb!important;border-color:var(--ret-border)!important;background:#223843!important;box-shadow:none!important}
#app .wmd-workspace--retirement .retirement-page button:is(:hover,.active,.selected,[aria-pressed="true"]){color:#f0f7fa!important;border-color:#8db5c5!important;background:#31515e!important}
#app .wmd-workspace--retirement .retirement-page .retirement-category-chip{--cat:#8bb5c4!important}
#app .wmd-workspace--retirement .retirement-page :is(.retirement-future-segment,.money-mix-segment)[style*="--cat"]{--cat:#8bb5c4!important}
#app .wmd-workspace--retirement .retirement-page :is(.retirement-future-segment,.money-mix-segment):nth-child(3n+2){--cat:#b8d5df!important}
#app .wmd-workspace--retirement .retirement-page :is(.retirement-future-segment,.money-mix-segment):nth-child(3n){--cat:#648e9f!important}
/* One soft-mint Snapper identity, on the landing page and inside the importer. */
#app .landing-v6 :is(.launch-update-card-snapper,.launch-path-snapper){--plan-accent:var(--snapper-accent);--plan-fill:var(--snapper-surface);--plan-line:var(--snapper-line);background:#1b2b27!important;border-color:var(--snapper-line)!important;box-shadow:none!important}
#app .landing-v6 :is(.launch-update-card-snapper,.launch-path-snapper) :is(h3,.launch-path-price strong,.launch-path-name){color:var(--snapper-accent)!important}
#app .landing-v6 :is(.launch-update-card-snapper,.launch-path-snapper) :is(button,.launch-path-action,.launch-product-cta){background:#294238!important;border-color:var(--snapper-line)!important;color:#d9ece3!important}
.wmd-membership-badge[data-plan="snapper"]{background:var(--snapper-surface)!important;border-color:var(--snapper-line)!important;color:var(--snapper-accent)!important}
#wmd-photo-import-root{--green:var(--snapper-accent);--ma-accent:var(--snapper-accent);accent-color:var(--snapper-accent)}
#wmd-photo-import-root :is(.photo-import-panel,.photo-import-dialog,.photo-import-body,.photo-import-head,.snapper-refresh-workspace,.snapper-workflow-switch,.snapper-refresh-section){background:#192925!important;border-color:#405e52!important}
#wmd-photo-import-root :is(.snapper-refresh-next,.money-import-controls,.money-snapper-context,.snapper-quick-manual,.snapper-refresh-heading>small){background:#20372e!important;border-color:var(--snapper-line)!important;color:#d6e9df!important}
#wmd-photo-import-root :is(button.active,[aria-selected="true"],.snapper-refresh-primary,.photo-import-primary){background:#355448!important;border-color:var(--snapper-accent)!important;color:#e2f1e9!important;box-shadow:none!important}
#wmd-photo-import-root :is(.snapper-refresh-primary,.photo-import-primary):hover{background:#426959!important}
#wmd-photo-import-root :is(.snapper-refresh-heading>div>span,.snapper-refresh-next>div>span,.snapper-refresh-account-icon,.snapper-refresh-expand,.snapper-quick-manual button){color:var(--snapper-accent)!important}
#wmd-photo-import-root :is(input,select,button):focus-visible{outline-color:var(--snapper-accent)!important}
#wmd-photo-import-root .money-import-controls select{background:#182b23!important;border-color:var(--snapper-line)!important}

#app .global-photo-action{background:var(--snapper-surface)!important;border-color:var(--snapper-line)!important;color:#d9ece3!important;box-shadow:none!important}
#app .global-photo-action:hover{background:#2e493d!important;border-color:var(--snapper-accent)!important}
#wmd-photo-import-root :is(.photo-import-header,.photo-import-footer){background:#20332e!important;border-color:var(--snapper-line)!important}
#wmd-photo-import-root :is(.photo-import-eyebrow,.photo-import-pick-icon){color:var(--snapper-accent)!important}
#wmd-photo-import-root :is(.photo-import-close,.photo-import-source,.photo-import-pick,.photo-import-privacy,.photo-import-row,.photo-import-stats span){background:#20372e!important;border-color:var(--snapper-line)!important}
#wmd-photo-import-root :is(.photo-import-header p,.photo-import-pick small,.photo-import-hint,.snapper-workflow-switch button small){color:#b8cec2!important}
#wmd-photo-import-root .photo-import-pick:hover{background:#294437!important;border-color:var(--snapper-accent)!important}
#app .wmd-workspace--retirement .retirement-page :is(.money-mix-focus,.retirement-future-heading,.retirement-future-item,.retirement-future-insight){background:#192b34!important;border-color:#4b6572!important}
#app .wmd-workspace--retirement .retirement-page :is(.money-mix-focus strong,.money-mix-focus em,.retirement-future-heading strong,.retirement-future-heading small,.retirement-future-insight b,.retirement-grid2>label>span>b){color:#b3d5e1!important}
#app .wmd-workspace :is(.history-eyebrow,.category-overview-head>div>span,.retirement-kicker,.cash-checklist-eyebrow,.invest-kicker){text-transform:none!important;letter-spacing:.02em!important;font-size:12px!important}

/* Named accents are shared by workspaces, previews and their sibling Top button. */
:root{--wmd-networth-accent:var(--wmd-brand-mint,#57d7aa);--wmd-budget-accent:#d6bc91;--wmd-cashflow-accent:#a0c4df;--wmd-debt-accent:#d4afb2;--wmd-investments-accent:#a9cfa9;--wmd-retirement-accent:#a0c7d4}
#app .wmd-workspace--networth{--wmd-accent:var(--wmd-networth-accent)}
#app .wmd-workspace--budget{--wmd-accent:var(--wmd-budget-accent)}
#app .wmd-workspace--cashflow{--wmd-accent:var(--wmd-cashflow-accent)}
#app .wmd-workspace--debt{--wmd-accent:var(--wmd-debt-accent)}
#app .wmd-workspace--investments{--wmd-accent:var(--wmd-investments-accent)}
#app .wmd-workspace--retirement{--wmd-accent:var(--wmd-retirement-accent)}
/* Workspace tokens: decorative controls follow the page, not legacy green.
   Profit/loss, overdue, unsafe and destructive states retain semantic colors. */
#app .wmd-workspace {
  --green:var(--wmd-accent);--wmd-tint:color-mix(in srgb,var(--wmd-accent) 9%,#192229);
  --wmd-tint-hover:color-mix(in srgb,var(--wmd-accent) 16%,#192229);
  --wmd-control-line:color-mix(in srgb,var(--wmd-accent) 35%,#33414a);
}
#app > header .brand-meta{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:7px;line-height:1.45}
#app > header .wmd-user-name{font-size:15px;font-weight:650;letter-spacing:.005em;color:#dce7e6;overflow-wrap:anywhere}
#app > header .brand-meta .cloud-status{font-size:11px;font-weight:600;line-height:1.45}
#app > header .brand-meta .cloud-status::before{content:'';display:inline-block;width:4px;height:4px;margin:0 6px 2px 0;border:0;border-radius:50%}
#app > header .header-actions{gap:8px;flex-wrap:wrap}
#app > header .header-actions>button{order:0;min-height:40px;border-radius:10px;font-size:13px;font-weight:600;gap:7px}
/* Toolbar is chrome, not a workspace accent: keep its surface stable on page changes. */
#app > header .header-actions>button:not(.global-photo-action):not(.connections-header-button){background:#1a242b;border-color:#3a4c54;color:#dce6eb;transition:background-color .14s ease,border-color .14s ease}
#app > header .header-actions>button:not(:disabled):not(.global-photo-action):not(.connections-header-button):hover{background:#25333a;border-color:#5a7777}
#app > header .header-actions>button:focus-visible{outline:2px solid #9bd8c2;outline-offset:3px}
#app > header .header-actions>button:disabled{opacity:.4;cursor:not-allowed}
#app > .app-back-to-top{background:color-mix(in srgb,var(--wmd-current-accent,#8ac8b1) 12%,#192229)!important;border-color:color-mix(in srgb,var(--wmd-current-accent,#8ac8b1) 45%,#33414a)!important;color:var(--wmd-current-accent,#8ac8b1)!important;box-shadow:0 4px 14px #0003!important}
#app > .app-back-to-top:hover{background:color-mix(in srgb,var(--wmd-current-accent,#8ac8b1) 22%,#192229)!important}
#app > .app-back-to-top:focus-visible{outline:2px solid var(--wmd-current-accent,#8ac8b1);outline-offset:3px}
/* Compact, content-sized rename field leaves real blank space to toggle. */
#app .wmd-workspace--networth .nw-heading-interactive .heading-name{display:flex;flex-wrap:nowrap;gap:10px;flex:1;min-width:0}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name]{
  flex:0 1 auto!important;width:var(--wmd-heading-width,12ch)!important;
  min-width:0!important;max-width:calc(100% - 88px)!important;
  padding:6px 4px!important;margin:0!important;line-height:1.4;
  font-family:inherit!important;font-size:15px!important;font-weight:650!important;
  text-overflow:ellipsis;white-space:nowrap;
}
#app .wmd-workspace--networth .nw-heading-interactive .heading-name>strong{flex:none;margin-left:auto;padding-left:6px}
#app .wmd-workspace--networth .nw-heading-interactive .collapse-btn{flex:none;min-width:28px}
#app .wmd-workspace--networth .nw-heading-interactive .nw-group-quick-actions{flex:none}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name].is-editing{background:var(--wmd-tint-hover)!important}
/* One heading hierarchy across Budget and Cash Flow, including nested disclosures. */
#app .wmd-workspace :is(.budget-overview-label,.cash-category-name,.debt-strategy-summary-main h3,.category-overview-head h3,.monthbar h2){font-family:inherit!important;font-weight:700!important;letter-spacing:-.025em!important;text-transform:none!important;line-height:1.25!important}
#app .wmd-workspace :is(.budget-overview-label,.cash-category-name){font-size:clamp(18px,1.65vw,22px)!important}
#app .wmd-workspace :is(.budget-overview-amount,.cash-category-total){font-family:inherit!important;font-size:clamp(19px,1.8vw,24px)!important;font-weight:700!important}
#app .wmd-workspace :is(.history-eyebrow,.category-overview-head>div>span,.cash-category-board-intro>span,.cash-checklist-eyebrow,.cashflow-disclosure-eyebrow,.debt-panel-head>div>span,.debt-kicker,.invest-kicker){color:var(--wmd-accent)!important;text-transform:none!important;letter-spacing:.025em!important}
#app .wmd-workspace :is(input,select,textarea){accent-color:var(--wmd-accent)}
#app .wmd-workspace :is(input,select,textarea):focus{border-color:var(--wmd-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-accent) 13%,transparent)!important}
/* Net Worth: same mint as Dollar?, with dark neutral chart surfaces. */
/* Retired legacy Net Worth container tint rules: they overrode the shared
   graphite dashboard and left an unwanted mint-colored seam between cards. */
#app .wmd-workspace.wmd-workspace--networth :is(.nw-overview-section:not(.liabilities) .nw-overview-amount,.nw-group .cf-link span,.history-eyebrow,.history-head-summary strong){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--networth :is(.history-periods button.active,.history-range button.active,[data-history-period].active,[data-nw-chart].active):not([data-nw-chart="liabilities"]){background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important;color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--networth :is(.goalbar,.group-goal){background:color-mix(in srgb,var(--wmd-accent) 18%,#182329)!important}
#app .wmd-workspace.wmd-workspace--networth :is(.goalbar i,.group-goal i){background:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--networth :is(.history-line,[data-history-focus-line]){stroke:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--networth [data-history-focus-dot]{fill:var(--wmd-accent)!important;stroke:#192229!important}
#app .wmd-workspace.wmd-workspace--networth .history-area{fill:color-mix(in srgb,var(--wmd-accent) 12%,transparent)!important}
/* Budget: warm sand accents, no green title bars or selected cards. */
#app .wmd-workspace.wmd-workspace--budget :is(.budget-overview-section,.budget-section){border:1px solid var(--wmd-control-line)!important;border-radius:15px!important;overflow:hidden!important}
#app .wmd-workspace.wmd-workspace--budget :is(.budget-overview-toggle,.section-head,.category-overview,.money-mix-focus,.guided-budget-shortcut){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--budget .budget-overview-toggle{padding:17px 20px!important;min-height:70px!important}
#app .wmd-workspace.wmd-workspace--budget .budget-overview-toggle:hover{background:var(--wmd-tint-hover)!important}
/* Page color belongs on navigation affordances, not on basic financial
   labels or currency figures. A :is(...) selector inherits the *highest*
   specificity of every branch; the old rule unintentionally colored every
   budget label and income/savings total, overriding neutral text rules. */
#app .wmd-workspace.wmd-workspace--budget :is(.budget-overview-chevron,.budget-income-jump,.money-mix-focus strong,.money-mix-focus em){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--budget :is(.summary-item.positive-target,.summary-item:not(.over-target):hover){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--budget :is(.summary-item.positive-target b,.summary-item.positive-target em,.budget-summary-jump em){color:var(--wmd-accent)!important}
/* Cash Flow: blue controls, a restrained glow, and a blue checklist. */
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(:hover,:focus-visible),
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(.warning,.down):is(:hover,:focus-visible){
  transform:translateY(-1px)!important;box-shadow:0 0 0 1px rgba(var(--runway-rgb),.25),0 3px 12px rgba(var(--runway-rgb),.11)!important;
  border-color:rgba(var(--runway-rgb),.65)!important;background:rgba(var(--runway-rgb),.055)!important;
}
#app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month::before{background:radial-gradient(ellipse at 50% 105%,rgba(var(--runway-rgb),.085),transparent 76%)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-category-toggle,.cashflow-disclosure-summary,.cashflow-disclosure-chevron,.cash-checklist-tools [data-checklist-calendar],.cash-checklist-progress,.cash-checklist-done,.cash-checklist-card-done,.cash-wallet,.cash-top-debt-item,.cash-top-manage-debt,.cash-debt-progress,.cash-debt-select-card,.cash-debt-options,.cash-payment-detail,.cash-payment-summary,.cash-top-panel){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-category-name,.cash-category-arrow,.cash-category-card.income .cash-category-total,.cash-category-card.savings .cash-category-total,.cashflow-disclosure-chevron,.cash-checklist-overview small,.cash-checklist-tools [data-checklist-calendar],.cash-debt-progress strong,.cash-debt-count,.cash-debt-extra span,.cash-debt-extra strong,.cash-top-manage-debt,.cash-wallet-summary-icon,.cashflow-calendar-month){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-checklist-progress i{background:var(--wmd-accent)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-category-toggle,.cashflow-disclosure-summary,[data-checklist-calendar]):hover{background:var(--wmd-tint-hover)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-checklist-done.done,.cash-checklist-card-done.done,.cash-top-debt-item.paid,.cash-debt-options button.active){background:var(--wmd-tint-hover)!important;color:var(--wmd-accent)!important;border-color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-debt-selector>button,.cash-debt-locked-list button,.cash-wallet-actions button,.cash-payment-detail button:not(.danger)){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-debt-progress-total,.cash-debt-locked-item,.cash-debt-locked-list,.cash-debt-selector){border-color:var(--wmd-control-line)!important}
/* Debt Paydown: rose selection, charts and paydown controls. */
#app .wmd-workspace.wmd-workspace--debt :is(.debt-strategy-summary,.debt-strategy-chevron,.debt-method-card,.debt-strategy-link-note,.debt-plan-lock,.debt-row.target,.debt-chart-card,.debt-fit:not(.negative):not(.over)){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--debt .debt-method-card.active{background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important;box-shadow:inset 3px 0 0 var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-method-card:hover,.debt-strategy-summary:hover){background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-method-top>span,.debt-method-top>b,.debt-strategy-chevron,.debt-strategy-summary-current>strong,.debt-fit:not(.negative):not(.over) strong,.debt-breakdown-rank,.debt-priority,.debt-result-kpis strong,.debt-hero-kpis span){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-method-top>b,.debt-breakdown-rank,.debt-priority){background:var(--wmd-tint-hover)!important}
#app .wmd-workspace.wmd-workspace--debt .debt-breakdown-track{background:color-mix(in srgb,var(--wmd-accent) 14%,#192229)!important}
#app .wmd-workspace.wmd-workspace--debt .debt-breakdown-track i{background:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt .debt-line{stroke:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt .debt-area{fill:color-mix(in srgb,var(--wmd-accent) 12%,transparent)!important}
#app .wmd-workspace.wmd-workspace--debt .debt-point{fill:var(--wmd-accent)!important;stroke:#192229!important}
/* Investments: restrained sage/teal chrome. Market gains/losses and Sell remain semantic. */
#app .wmd-workspace.wmd-workspace--investments :is(.invest-clarity,.invest-clarity-focus,.invest-clarity-top,.invest-today-total,.invest-account-snapshot,.invest-account-note,.invest-allocation-note,.invest-empty,.invest-subnav,.invest-hero-meta>span,.invest-sync-pill){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-today-total>span:first-child,.invest-today-view,.invest-clarity-completeness,.invest-hero-meta>span,.invest-sync-pill,.invest-account-note strong,.invest-allocation-note,.invest-clarity-position,.invest-market-status){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-hero-actions button,.invest-clarity-focus button,.invest-subnav button,.invest-toolbar-navigation button,.invest-empty button,.invest-primary,.invest-add-account button){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;color:var(--wmd-accent)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-hero-actions button:hover,.invest-subnav button.active,.invest-toolbar-navigation button.active,.invest-primary:hover){background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-clarity-track i,.invest-clarity-track span){background:var(--wmd-accent)!important}
/* Snapper: lightened graphite surfaces and restrained mint highlights. */
:root{--snapper-accent:#b2d4c5;--snapper-surface:#263238;--snapper-line:#536c68}
#app .global-photo-action{color:#cde5d9!important;background:var(--snapper-surface)!important;border-color:var(--snapper-line)!important}
#app .global-photo-action:hover{background:#31423f!important;border-color:var(--snapper-accent)!important}
#wmd-photo-import-root .photo-import-dialog{--snapper-accent:#b2d4c5;background:#1e282f!important;border-color:#52626a!important;color:#eaf0f3!important;border-radius:22px;box-shadow:0 20px 60px #0007!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-body,.snapper-refresh-workspace,.snapper-refresh-section,.snapper-workflow-switch){background:#1e282f!important;border-color:#46575f!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-header,.photo-import-footer){background:#26333b!important;border-color:#46575f!important;width:100%;max-width:none;margin:0;box-sizing:border-box}
#wmd-photo-import-root .photo-import-header{padding:24px 26px!important}
#wmd-photo-import-root .photo-import-header h2{font-weight:730!important;font-size:29px!important;color:#f1f5f7!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-header p,.photo-import-pick small,.photo-import-hint,.photo-import-drop-note,.snapper-workflow-switch button small,.photo-import-source small,.photo-import-privacy span){color:#bdcbd1!important;font-size:13px!important;line-height:1.55!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-eyebrow,.photo-import-pick-icon,.photo-import-privacy summary,.snapper-quick-manual button){color:var(--snapper-accent)!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-close,.photo-import-source,.photo-import-pick,.photo-import-privacy,.photo-import-row,.photo-import-stats span,.snapper-refresh-next,.money-import-controls,.money-snapper-context,.snapper-quick-manual,.snapper-refresh-heading>small){background:#27353d!important;border-color:#52656d!important;box-shadow:none!important}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-pick:hover,.photo-import-pick:focus-within){background:#2e4145!important;border-color:var(--snapper-accent)!important}
#wmd-photo-import-root .photo-import-dialog :is(button.active,[aria-selected="true"]){background:#344943!important;border-color:#8bafa1!important;box-shadow:none!important;color:#edf5f1!important}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-refresh-primary,.photo-import-primary,.photo-import-footer button:not(:disabled)){background:#b2d4c5!important;border-color:#b2d4c5!important;color:#182823!important;box-shadow:none!important}
#wmd-photo-import-root .photo-import-dialog :is(input:not([type="file"]),select){background:#1b272e!important;border-color:#52656d!important;color:#e4edef!important;accent-color:var(--snapper-accent)}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-check,.snapper-workflow-switch button strong,.photo-import-pick strong){color:#e2ebef!important}
#wmd-photo-import-root .photo-import-dialog .snapper-quick-manual{padding:10px 12px;border:1px solid #46575f;border-radius:10px;background:transparent!important}
#wmd-photo-import-root .photo-import-dialog .photo-import-privacy{padding:12px 14px!important;border-radius:10px;background:transparent!important}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick{min-height:145px!important}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #66827a;border-radius:11px;font-size:22px!important;background:#334a43}
@media(max-width:680px){
  #app > header .wmd-user-name{font-size:14px}
  #app .wmd-workspace--networth .nw-heading-interactive .heading-name{gap:7px;flex-wrap:nowrap}
  #app .wmd-workspace--networth .nw-heading-interactive input[data-group-name]{font-size:14px!important;max-width:calc(100% - 68px)!important}
  #app .wmd-workspace--networth .nw-heading-interactive .heading-name>strong{font-size:12px;padding-left:0}
  #app .wmd-workspace.wmd-workspace--budget .budget-overview-toggle{padding:15px 13px!important;min-height:65px!important}
  #wmd-photo-import-root .photo-import-dialog{border-radius:0}
  #wmd-photo-import-root .photo-import-header{padding:19px 16px!important}
  #wmd-photo-import-root .photo-import-header h2{font-size:25px!important}
  #wmd-photo-import-root .photo-import-dialog .photo-import-pick{min-height:130px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace.wmd-workspace--cashflow .cash-runway-month:is(:hover,:focus-visible){transform:none!important}
}
/* Supporting labels use neutral ink; numerical warning states are not recolored. */
#app .wmd-workspace.wmd-workspace--budget .summary-item.positive{background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--budget :is(.summary-item.positive .summary-item-top>span,.summary-item.positive b,.summary-item.positive em,.budget-chart-status:not(.negative) b){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--budget .summary-item.positive small{color:#b9b6ae!important}
#app .wmd-workspace.wmd-workspace--budget .guided-budget-shortcut button{background:var(--wmd-accent)!important;border-color:var(--wmd-accent)!important;color:#24211a!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-inline-balance,.cash-top-arrow,.cash-top-picker-chevron,.cashflow-settings-chevron,.cash-checklist-done,.cash-checklist-edit,.cash-top-stats,.cash-checklist-overview>span){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-checklist-help,.cash-checklist-meta>span,.cash-checklist-amount>span,.cash-checklist-money>span,.cash-checklist-group h4 small,.cash-top-empty,.cash-settings-secondary summary>span,.cashflow-disclosure-label p){color:#b4c5d2!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-checklist-overview strong,.cash-checklist-status:not(.overdue):not(.today)){color:#d2e1ec!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-top-total,.cash-checklist-edit){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-top-total :is(span,strong){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-debt-progress span{color:#b4c5d2!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-method-top em,.debt-name em,.debt-milestones>span,.debt-milestones article>span){color:var(--wmd-accent)!important;background:var(--wmd-tint-hover)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-strategy-summary-main p,.debt-strategy-summary-current small,.debt-strategy-summary-current>span,.debt-strategy-helper,.debt-strategy-link-note,.debt-fit>span,.debt-fit small,.debt-panel-head>p,.debt-breakdown-payment-note,.debt-result-kpis span){color:#c2b9bf!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-snapper-start,.invest-clarity-completeness){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;border-radius:13px!important}
#app .wmd-workspace.wmd-workspace--investments .invest-clarity{background:transparent!important;gap:14px!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-snapper-start small,.invest-clarity-focus p,.invest-clarity-coverage span,.invest-hero-copy>p){color:#b9cbc4!important}
#app .wmd-workspace.wmd-workspace--investments .invest-snapper-start button{background:var(--wmd-tint-hover)!important;border-color:var(--wmd-control-line)!important;color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--investments .invest-snapper-start button:first-child{background:var(--wmd-accent)!important;color:#211e2c!important}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage{background:#26353c!important;border-color:#52656d!important;color:#dce7ec!important}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage :is(p,small,article span){color:#b8cad1!important}
#wmd-photo-import-root .photo-import-dialog .money-snapper-date-bar :is(.unknown,.future){background:#33434b!important}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage article{border-color:#455a65!important}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick-icon{font-size:0!important}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick-icon:before{content:'';width:21px;height:21px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V3m-4 4 4-4 4 4M4 14v6h16v-6'/%3E%3C/svg%3E") center/contain no-repeat}
#app .connections-aside{align-items:start}

/* Nested controls use the same contract in the app and the real-app preview.
   Do not scope these to a main tag: the landing showcase uses a div workspace. */
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-panel>summary,.cash-top-debt-metrics>div,.cash-top-picker,
 .cash-top-picker-options>label,.cash-top-managed,.cash-top-managed>summary,
 .cash-top-card,.cash-top-card-grid,.cash-card-field,.cash-wallet-card,
 .cash-wallet-expanded-facts>span,.cash-checklist-group h4 small,
 .cashflow-calendar-month,.cash-checklist-status:not(.overdue):not(.today),
 .cash-checklist-tools button,.calendar-jump-today,.calendar-add
){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-panel>summary,.cash-top-picker>summary,.cash-top-managed>summary,
 .cash-checklist-tools button,.calendar-jump-today,.calendar-add,
 .cash-checklist-done
):is(:hover,:focus-visible),
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-checklist-tools button[aria-pressed="true"],.cash-checklist-done[aria-pressed="true"]){
 background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important;color:var(--wmd-accent)!important
}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-title,.cash-top-debt-metrics strong,.cash-top-debt-item strong,
 .cash-top-debt-item>b,.cash-top-debt-balance>span,.cash-top-debt-balance strong,
 .cash-checklist-title,.cash-checklist-title strong,.cash-checklist-head h3,
 .cashflow-disclosure-summary,.cash-wallet-summary-name strong
){color:#edf3f8!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-title small,.cash-top-stats small,.cash-top-panel-body>p,
 .cash-top-debt-metrics span,.cash-top-debt-item small,.cash-top-debt-balance small,
 .cash-top-picker>summary>span,.cash-top-explainer,.cash-wallet-expanded>p,
 .cash-checklist-head p,.cash-checklist-group.done h4,.cash-calendar-legend,
 .calendar-day-empty,.cash-outlook-details,.cash-outlook-details p,
 .cash-outlook-breakdown span,.cash-outlook-change>span
){color:#b4c5d2!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-arrow,.cash-top-picker-chevron,.cashflow-settings-chevron,
 .cash-top-picker>summary,.cash-top-managed>summary,.cash-top-picker-options>label,
 .cash-checklist-edit span,.cashflow-calendar-month,.calendar-jump-today,
 .calendar-add,.calendar-day-count,.cash-advanced-toggle>summary,
 .cash-outlook-change-title
){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-debt-item>button,.cash-top-managed button,.cash-top-picker-options>button,
 .cash-wallet-actions button,.cash-checklist-card-done>span
){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-checklist-card-done input:checked+span{
 background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important;color:var(--wmd-accent)!important
}
#app .wmd-workspace.wmd-workspace--cashflow :is(
 .cash-top-empty,.cash-top-picker-options,.cash-top-debt-balance,.cash-top-managed>summary,
 .cash-checklist-money,.cashflow-calendar-card,.cash-outlook-breakdown,
 .cash-outlook-changes,.cash-outlook-change-total,.calendar-day-amount.net
){border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--cashflow .money-calendar-day.today{
 background:var(--wmd-tint)!important;border-color:var(--wmd-accent)!important;box-shadow:none!important
}
#app .wmd-workspace.wmd-workspace--cashflow :is(.legend-today,.calendar-day-today,.money-calendar-date>span:not(.calendar-day-weekday)){
 background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important;color:var(--wmd-accent)!important
}
#app .wmd-workspace.wmd-workspace--cashflow .money-calendar-day.has-overdue .money-calendar-date>span:not(.calendar-day-weekday):not(.calendar-day-today){
 background:#493728!important;border-color:#8a6441!important;color:#f5ce9f!important
}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-outlook-breakdown strong,.cash-outlook-total span,.cash-outlook-total strong){color:#edf3f8!important}
/* Rose debt details, including native checkboxes, selected method badges and chart markers. */
#app .wmd-workspace.wmd-workspace--debt :is(.debt-panel-head>div>span,.debt-milestones>span,.debt-breakdown-rank,.debt-strategy-chevron){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-breakdown-rank,.debt-milestones article>span,.debt-strategy-chevron){border-color:var(--wmd-control-line)!important;background:var(--wmd-tint-hover)!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-overview-head p,.debt-hero-kpis small,.debt-method-card small,.debt-plan-controls label>span,.debt-plan-controls label>small){color:#c2b9bf!important}
#app .wmd-workspace.wmd-workspace--debt :is(.debt-strategy-summary,.debt-strategy-summary-main h3){color:#f3eef2!important}
#app .wmd-workspace.wmd-workspace--debt .debt-chart-card linearGradient stop{stop-color:var(--wmd-accent)!important}
/* Investment holdings cards, account drawers and actions. Gains/losses and Sell stay semantic. */
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-ticker-card,.invest-position,.invest-ticker-details>summary,
 .invest-position-details>summary,.invest-ticker-accounts,.invest-position-editor,
 .invest-account-config,.invest-holdings-mode,.invest-position-symbol
){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-ticker-card,.invest-position,.invest-ticker-details,.invest-position-details,
 .invest-ticker-account-row,.invest-ticker-gain,.invest-position-editor-foot
){border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-ticker-details>summary:hover,.invest-ticker-details[open]>summary,.invest-position-details>summary:hover,.invest-position-details[open]>summary){background:var(--wmd-tint-hover)!important}
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-position-symbol,.invest-ticker-details>summary,.invest-position-details>summary,
 .invest-position-summary-icon,.invest-ticker-chevron,.invest-panel-head>div>span,
 .invest-clarity-completeness strong
){color:var(--wmd-accent)!important}
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-ticker-identity small,.invest-position-identity small,
 .invest-ticker-value>small,.invest-ticker-gain>small,.invest-ticker-account-name>small,
 .invest-ticker-details>summary>span:last-child,.invest-ticker-account-metric>span,
 .invest-position-caption,.invest-position-editor label>span,
 .invest-clarity-coverage small,.invest-clarity-top small,.invest-clarity-top span
){color:#b9cbc4!important}
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-ticker-identity strong,.invest-ticker-value>strong,
 .invest-ticker-account-name>strong,.invest-clarity-top b,.invest-clarity-focus h3,
 .invest-ticker-account-metric>b:not(.positive):not(.negative)
){color:#f0eef7!important}
#app .wmd-workspace.wmd-workspace--investments :is(
 .invest-ticker-account-actions button:not([data-trade-type="Sell"]),
 .invest-position-trades button:not([data-trade-type="Sell"]),
 .invest-position-editor button,.invest-holdings-mode button
){background:var(--wmd-tint)!important;border-color:var(--wmd-control-line)!important;color:var(--wmd-accent)!important;box-shadow:none!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-holdings-mode button.active,.invest-holdings-mode button[aria-pressed="true"]){background:var(--wmd-tint-hover)!important;border-color:var(--wmd-accent)!important}
#app .wmd-workspace :is(button,summary,input,select,textarea):focus-visible{outline:2px solid var(--wmd-accent)!important;outline-offset:2px}
#app .wmd-workspace input:is([type="checkbox"],[type="radio"],[type="range"]){accent-color:var(--wmd-accent)!important}
/* Top follows the rendered page immediately, without depending on a JS callback. */
#app>.wmd-workspace--networth~.app-back-to-top{--wmd-current-accent:var(--wmd-networth-accent)}
#app>.wmd-workspace--budget~.app-back-to-top{--wmd-current-accent:var(--wmd-budget-accent)}
#app>.wmd-workspace--cashflow~.app-back-to-top{--wmd-current-accent:var(--wmd-cashflow-accent)}
#app>.wmd-workspace--debt~.app-back-to-top{--wmd-current-accent:var(--wmd-debt-accent)}
#app>.wmd-workspace--investments~.app-back-to-top{--wmd-current-accent:var(--wmd-investments-accent)}
#app>.wmd-workspace--retirement~.app-back-to-top{--wmd-current-accent:var(--wmd-retirement-accent)}
#app>.app-back-to-top:active{background:color-mix(in srgb,var(--wmd-current-accent) 28%,#192229)!important}
@media(forced-colors:active){
 #app>.app-back-to-top{background:Canvas!important;color:ButtonText!important;border-color:ButtonText!important}
 #app>.app-back-to-top:is(:hover,:active){background:Highlight!important;color:HighlightText!important}
 #app>.app-back-to-top:focus-visible{outline-color:Highlight!important}
}

#app .wmd-workspace.wmd-workspace--cashflow .cash-checklist-item:not(.is-overdue):not(.is-done){background:#18242e!important;border-color:var(--wmd-control-line)!important}
#app .wmd-workspace.wmd-workspace--cashflow :is(.cash-checklist-group:not(.overdue) h4,.cash-checklist-money input){color:#dce8f0!important}
#app .wmd-workspace.wmd-workspace--investments :is(.invest-clarity-completeness small,.invest-holdings-metrics span,.invest-holdings-metrics small,.invest-holdings-summary span,.invest-holdings-summary small){color:#b9cbc4!important}
#app .wmd-workspace.wmd-workspace--cashflow .cash-settings-secondary summary>:is(.cash-top-arrow,.cashflow-settings-chevron,.cash-top-stats){color:var(--wmd-accent)!important}


/* 6.10.67: compact, accessible Undo keeps the authenticated action row on one line longer. */
#app > header .header-actions>.header-undo-button{
  width:40px;min-width:40px;height:40px;min-height:40px;
  padding:0!important;justify-content:center;gap:0
}
#app > header .header-actions>.header-undo-button svg{display:block;width:18px;height:18px;flex:none}


/* Retirement hierarchy: result -> next move -> projection -> plan inputs. */
#app .wmd-workspace--retirement .retirement-actions-primary{
  padding:16px 18px!important;
  background:linear-gradient(140deg,#1b2a31,#182329 78%)!important;
  border-color:#47616d!important;
  box-shadow:none!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-section-head{
  margin-bottom:11px!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-section-head>div>span,
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head>div>span{
  display:block;
  margin-bottom:4px;
  color:var(--wmd-retirement-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-section-head h3,
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head h3{
  margin:0 0 4px!important;
  font-size:clamp(19px,2vw,23px)!important;
  color:#edf5f8!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-section-head p,
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head p{
  margin:0!important;
  color:#aebfc8!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-action{
  background:#17242b!important;
  border-color:#3d535e!important;
}
#app .wmd-workspace--retirement .retirement-actions-primary .retirement-action.highlight{
  background:color-mix(in srgb,var(--wmd-retirement-accent) 10%,#17242b)!important;
  border-color:color-mix(in srgb,var(--wmd-retirement-accent) 45%,#3d535e)!important;
}
#app .wmd-workspace--retirement .retirement-inline-advanced{
  margin:12px 14px!important;
  border:1px solid #3d515b!important;
  border-radius:10px!important;
  background:#162128!important;
  overflow:hidden;
}
#app .wmd-workspace--retirement .retirement-inline-advanced>summary{
  min-height:0!important;
  padding:10px 12px!important;
  color:#bdd0d9!important;
  font-size:12px!important;
  font-weight:700!important;
  background:transparent!important;
  border:0!important;
}
#app .wmd-workspace--retirement .retirement-inline-advanced>summary::after{
  color:var(--wmd-retirement-accent)!important;
  font-size:16px!important;
}
#app .wmd-workspace--retirement .retirement-inline-advanced>.retirement-grid2,
#app .wmd-workspace--retirement .retirement-inline-advanced>.retirement-healthbreakdown-body{
  margin:0!important;
  padding:12px!important;
  border-top:1px solid #354852!important;
}
#app .wmd-workspace--retirement .retirement-healthbreakdown-body h4{
  margin:0 0 5px!important;
  color:#e7f0f4!important;
  font-size:14px!important;
}
#app .wmd-workspace--retirement .retirement-healthbreakdown-body>p{
  color:#aebfc8!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#app .wmd-workspace--retirement .retirement-model-note{
  margin:2px 0 0;
  border-top:1px solid #33464f;
  color:#9dafb8;
}
#app .wmd-workspace--retirement .retirement-model-note>summary{
  width:max-content;
  max-width:100%;
  padding:11px 2px 5px;
  cursor:pointer;
  color:#aebfc8;
  font-size:11px;
  font-weight:700;
}
#app .wmd-workspace--retirement .retirement-model-note>p{
  max-width:92ch;
  margin:4px 2px 0;
  color:#91a4ad;
  font-size:10px;
  line-height:1.55;
}
@media(max-width:680px){
  #app .wmd-workspace--retirement .retirement-actions-primary{padding:14px!important}
  #app .wmd-workspace--retirement .retirement-inline-advanced{margin:10px 12px!important}
}


/* Retirement core-plan disclosures keep the long planner scannable. */
#app .wmd-workspace--retirement .retirement-plan-disclosure{
  margin-top:10px!important;
  border:1px solid #3b515d!important;
  border-radius:12px!important;
  background:#162128!important;
  overflow:hidden;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px 14px!important;
  flex-wrap:wrap!important;
  min-height:58px!important;
  padding:12px 14px!important;
  cursor:pointer;
  list-style:none!important;
  background:#18262d!important;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary::marker{content:""}
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary::after{
  content:'+';
  margin-left:auto;
  color:var(--wmd-retirement-accent)!important;
  font-size:20px;
  line-height:1;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure[open]>summary::after{content:'−'}
#app .wmd-workspace--retirement .retirement-plan-disclosure .retirement-summary-title{
  color:#eef5f8!important;
  font-size:17px!important;
  font-weight:800!important;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure .retirement-summary-meta{
  flex:1 1 100%;
  color:#acc4cf!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure-body{
  padding:12px!important;
  border-top:1px solid #344954;
}
#app .wmd-workspace--retirement .retirement-plan-disclosure-body>.retirement-category-overview{
  margin:0!important;
}
#app .wmd-workspace--retirement .retirement-plan-divider{
  display:grid;
  gap:2px;
  margin:18px 2px 7px;
  padding-top:14px;
  border-top:1px solid #354a55;
}
#app .wmd-workspace--retirement .retirement-plan-divider>span{
  color:var(--wmd-retirement-accent)!important;
  font-size:12px!important;
  font-weight:800!important;
}
#app .wmd-workspace--retirement .retirement-plan-divider>small{
  color:#98abb4!important;
  font-size:11px!important;
  line-height:1.45!important;
}
#app .wmd-workspace--retirement .retirement-optional-assets{
  margin-top:9px!important;
}


/* Cash Flow card typography: every peer disclosure uses one title system.
   These components were built at different times (h3 vs strong), so their
   legacy rules otherwise produce visibly different sizes/weights. */
#app .wmd-workspace--cashflow :is(
  .cashflow-disclosure-summary h3,
  .cash-checklist-head h3,
  .money-evidence-panel>summary>div>strong,
  .cash-month-outlook>summary>div>strong
){
  font-family:var(--wmd-font-ui);
  font-size:clamp(18px,1.55vw,21px)!important;
  font-weight:760!important;
  line-height:1.22!important;
  letter-spacing:-.025em!important;
  text-transform:none!important
}
#app .wmd-workspace--cashflow :is(
  .cashflow-disclosure-eyebrow,
  .cash-checklist-eyebrow,
  .money-evidence-panel>summary>div>span,
  .cash-month-outlook>summary>div>span
){
  font-family:var(--wmd-font-ui);
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.35!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important
}
#app .wmd-workspace--cashflow :is(
  .cashflow-disclosure-summary p,
  .cash-checklist-head p,
  .money-evidence-panel>summary small,
  .cash-month-outlook>summary>div>small
){
  font-family:var(--wmd-font-ui);
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.45!important;
  letter-spacing:0!important
}

/* Shared finance typography: one UI face for words and amounts.
   Tabular, lining numerals prevent totals from shifting as balances update.
   Page color semantics, typography weights and intentional size hierarchy remain untouched. */
#app > main.wmd-workspace{
  font-family:var(--wmd-font-ui);
  font-variant-numeric:lining-nums tabular-nums;
}
#app .wmd-workspace :is(
  .nw-unified-totals>h2,.nw-focus-figure>strong,.nw-overview-amount,
  .history-latest b,.history-range-change strong,.history-inspector strong,
  .budget-overview-amount,.cash-category-total,.summary-grid b,
  .cash-kpi b,.cash-runway-month strong,.calendar-day-amount,.calendar-day-balance>b,
  .cash-month-outlook>summary>b,.cash-month-outlook-grid strong,
  .debt-hero-kpis strong,.debt-result-kpis strong,.debt-line-item strong,
  .invest-hero-refreshed h2,.invest-kpis strong,.invest-today-total strong,
  .invest-position-summary strong,.invest-ticker-value strong,.invest-ticker-gain strong,
  .invest-account-snapshot strong,.invest-activity-amount,
  .retirement-kpis strong,.retirement-inspector-balance strong,.retirement-future-item strong,
  .goal-amount,.goal-progress strong
){
  font-variant-numeric:lining-nums tabular-nums!important;
}
#app .wmd-workspace :is(
  input[type="number"],input[inputmode="decimal"],input[inputmode="numeric"],
  .money-edit input,.currency-input input,.big-input input,.cash-inline-balance input
){
  font-variant-numeric:lining-nums tabular-nums!important;
}


/* Recoverable, nonblocking notice for a genuinely unavailable workspace control. */
.wmd-optional-module-note{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px;margin:8px 0 12px;border:1px solid rgba(150,190,205,.3);border-radius:10px;background:rgba(125,170,187,.08);color:#d6eaf3;font-size:12px;line-height:1.5}
.wmd-optional-module-retry{appearance:none;background:transparent;border:1px solid rgba(180,220,234,.45);border-radius:7px;color:#d6eaf3;padding:6px 12px;font:inherit;font-weight:650;cursor:pointer}
.wmd-optional-module-retry:hover,.wmd-optional-module-retry:focus-visible{background:rgba(158,206,221,.17);border-color:#d6eaf3}

/* snapper-unified.css */
/* Snapper surfaces use blue-neutral Ocean by default.
   The signed-in importer is a body portal: its palette comes from
   workspace-palette-qa.css, not a fixed legacy green accent.
   Real financial gains, warnings and errors keep their semantic colors. */
.public-product-demo[data-plan="snapper"],
#wmd-photo-import-root .photo-import-dialog {
  --snapper-shell:var(--wmd-theme-deep,#142536);
  --snapper-panel:var(--wmd-theme-panel,#1b3042);
  --snapper-surface:var(--wmd-theme-raised,#263e51);
  --snapper-line:var(--wmd-theme-line,#48677f);
  --snapper-text:var(--wmd-theme-text,#eaf4fc);
  --snapper-muted:var(--wmd-theme-muted,#bdcedd);
  --snapper-accent:var(--wmd-theme-accent,#8ec8f3);
}
.public-product-demo[data-plan="snapper"] {
  --accent:var(--snapper-accent);
  --fill:#344943;
  --border:var(--snapper-line);
  background:var(--snapper-shell)!important;
  color:var(--snapper-text)!important;
  border:1px solid var(--snapper-line)!important;
  box-shadow:0 24px 70px #0009!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome {
  background:var(--snapper-panel)!important;
  border-bottom:1px solid #46575f!important;
  color:var(--snapper-accent)!important;
  padding-bottom:16px!important;
  font-size:10px;
  letter-spacing:.11em;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome button {
  border-color:var(--snapper-line)!important;
  background:var(--snapper-surface)!important;
  color:var(--snapper-text)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome button:hover {background:#334750!important}
.public-product-demo[data-plan="snapper"] .snapper-demo-shell {padding-top:22px}
.public-product-demo[data-plan="snapper"] .snapper-demo-shell h2 {color:var(--snapper-text)!important}
.public-product-demo[data-plan="snapper"] :is(.snapper-demo-copy,.snapper-demo-note,.product-demo-privacy) {
  color:var(--snapper-muted)!important;
}
.public-product-demo[data-plan="snapper"] :is(.snapper-demo-coverage,.snapper-demo-tabs,.snapper-demo-picker,.snapper-demo-private,.product-demo-result){
  background:var(--snapper-panel)!important;
  border-color:var(--snapper-line)!important;
  color:var(--snapper-text)!important;
  box-shadow:none!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs {
  background:var(--snapper-shell)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>div.active {
  border-color:#8bafa1!important;
  background:#344943!important;
  color:#f1f5f7!important;
}
.public-product-demo[data-plan="snapper"] :is(.snapper-demo-tabs>div,.snapper-demo-coverage span,.snapper-demo-sample-line,.snapper-demo-private p,.snapper-demo-picker>span:last-child) {
  color:var(--snapper-muted)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-picker {
  background:var(--snapper-panel)!important;
  border-style:dashed!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-upload-icon {
  background:#334a43!important;
  border-color:#66827a!important;
  color:#57d7aa!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-picker strong {color:#f1f5f7!important}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button {
  background:var(--snapper-surface)!important;
  border-color:var(--snapper-line)!important;
  color:var(--snapper-text)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button.product-demo-primary {
  background:#57d7aa!important;
  border-color:#57d7aa!important;
  color:#07130f!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button:is(:hover,:focus-visible){
  box-shadow:0 0 0 1px #57d7aa!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-sample-line span,
.public-product-demo[data-plan="snapper"] .snapper-demo-private summary::before {
  color:var(--snapper-accent)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-sample-line b {color:#dce7ec!important}
.public-product-demo[data-plan="snapper"] .snapper-demo-private summary {
  color:#dce7ec!important;
}
.public-product-demo[data-plan="snapper"] :is(button,summary):focus-visible {
  outline:2px solid var(--snapper-accent)!important;outline-offset:3px!important
}
/* The public demo's real importer is a separate portal; its active shell must match too. */
#wmd-photo-import-root .photo-import-dialog {
  background:var(--snapper-shell)!important;
  border-color:var(--snapper-line)!important;
  color:var(--snapper-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-body {
  background:var(--snapper-shell)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-header,.photo-import-footer){
  background:var(--snapper-panel)!important;
  border-color:#46575f!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-workflow-switch,.snapper-refresh-workspace,.snapper-refresh-section) {
  background:var(--snapper-shell)!important;
  border-color:#46575f!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-refresh-next,.snapper-quick-manual,.photo-import-row,.photo-import-source,.photo-import-pick,.photo-import-privacy,.photo-import-stats span) {
  background:var(--snapper-panel)!important;
  border-color:var(--snapper-line)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-privacy,.snapper-quick-manual){
  background:transparent!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-workflow-switch button.active {
  background:#344943!important;
  border-color:#8bafa1!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick{
  border-style:dashed!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-eyebrow,.photo-import-pick-icon,.snapper-refresh-heading>div>span){
  color:var(--snapper-accent)!important;
}
/* Staged changes remain suggestions; the overview is intentionally compact. */
#wmd-photo-import-root .snapper-system-impact{
  margin:15px 0;border:1px solid #52656d;border-radius:14px;
  padding:14px 15px;background:#26343d;color:#eaf0f3;
}
#wmd-photo-import-root .snapper-system-impact>header {
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
}
#wmd-photo-import-root .snapper-system-impact>header>div {min-width:0}
#wmd-photo-import-root .snapper-system-impact h3 {
  margin:0 0 6px;color:#edf3f6;font-size:15px;font-weight:750;letter-spacing:-.015em
}
#wmd-photo-import-root .snapper-system-impact p {
  color:#bdcbd1;margin:4px 0 10px;line-height:1.6;font-size:12px;
}
#wmd-photo-import-root .snapper-system-impact .snapper-impact-count{
  white-space:nowrap;font-weight:750;border:1px solid #52656d;border-radius:99px;
  background:#344943;color:#dcefe3;padding:5px 9px;font-size:11px;
}
#wmd-photo-import-root .snapper-system-impact .snapper-impact-pages {
  display:flex;gap:7px;flex-wrap:wrap;margin-top:10px
}
#wmd-photo-import-root .snapper-system-impact .snapper-impact-page {
  background:#30414a;border:1px solid #536774;border-radius:9px;
  color:#e3edf1;padding:7px 10px;font-size:11px;font-weight:700;
}
#wmd-photo-import-root .snapper-system-impact .snapper-impact-page.is-conditional{
  background:#313b45;color:#cbd6dd;border-color:#495c66
}
#wmd-photo-import-root .snapper-system-impact .snapper-impact-caution {
  margin-top:12px;padding:9px 11px;border:1px solid #846a50;border-radius:10px;
  background:#3a332d;color:#f3dabb;font-size:12px;line-height:1.5
}
#wmd-photo-import-root .snapper-system-impact details {
  margin-top:11px;border-top:1px solid #475962;padding-top:11px
}
#wmd-photo-import-root .snapper-system-impact summary {
  color:#b2d4c5;cursor:pointer;font-weight:700;font-size:12px
}
#wmd-photo-import-root .snapper-system-impact ul {
  list-style:none;margin:11px 0 0;padding:0;display:grid;gap:8px
}
#wmd-photo-import-root .snapper-system-impact li{
  display:grid;gap:4px;padding:9px 11px;border-radius:9px;background:#202e36;border:1px solid #435660
}
#wmd-photo-import-root .snapper-system-impact li b{color:#edf3f6;font-size:12px}
#wmd-photo-import-root .snapper-system-impact li span{color:#bdcbd1;font-size:11px;line-height:1.5}
#wmd-photo-import-root .snapper-system-success {
  margin:10px 0 13px;display:flex;gap:8px;flex-wrap:wrap;
}
#wmd-photo-import-root .snapper-system-success button {
  border:1px solid #52656d;border-radius:10px;background:#273b46;color:#e6f2f7;
  padding:10px 13px;font-weight:700;font-size:12px;cursor:pointer;min-height:42px;
}
#wmd-photo-import-root .snapper-system-success button:focus-visible{
  outline:2px solid #b2d4c5;outline-offset:2px
}
@media(max-width:600px){
 .public-product-demo[data-plan="snapper"] .snapper-demo-chrome{padding:18px 16px 15px!important}
 .public-product-demo[data-plan="snapper"] .snapper-demo-shell{padding:18px 14px max(22px,env(safe-area-inset-bottom))}
 #wmd-photo-import-root .snapper-system-impact>header{flex-wrap:wrap}
 #wmd-photo-import-root .snapper-system-impact .snapper-impact-count{white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .public-product-demo[data-plan="snapper"] *{transition:none!important;animation:none!important}
}


/* Screenshots from the same card are associated in an unobtrusive, blue-toned
   confirmation card. This is an identity suggestion, never a money write. */
#wmd-photo-import-root .photo-card-identity-pair {
  background:#293b45!important;border-color:#607987!important;color:#eaf0f3!important;
  margin:12px 0;gap:10px
}
#wmd-photo-import-root .photo-card-identity-pair p {
  margin:0;color:#c6d5dd;line-height:1.55;font-size:12px
}
#wmd-photo-import-root .photo-card-identity-pair .photo-import-secondary {
  background:#b9d8cb!important;color:#182923!important;border-color:#b9d8cb!important;
  font-weight:750;min-height:44px;margin:3px 0 0
}
#wmd-photo-import-root .photo-card-identity-pair .photo-import-secondary:hover {
  background:#d2e7de!important
}
#wmd-photo-import-root .photo-card-identity-pair>small{
  color:#b7c9d2!important;line-height:1.5;font-size:11px
}

/* A single focused review queue replaces overlapping, technical import prompts. */
#wmd-photo-import-root .photo-import-dialog .snapper-review-guide{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:12px 0 15px;padding:12px 14px;
  border:1px solid #57796c;border-radius:13px;background:#20342e;
  color:#edf7f2;box-shadow:none
}
#wmd-photo-import-root .snapper-review-guide .snapper-review-copy{flex:1 1 auto;min-width:0}
#wmd-photo-import-root .snapper-review-guide .snapper-review-kicker{
  display:block;color:#a3d9c2;font-size:9px;font-weight:800;letter-spacing:.08em;margin-bottom:4px
}
#wmd-photo-import-root .snapper-review-guide .snapper-review-copy strong{
  display:block;color:#f4faf7;font-size:14px;line-height:1.35
}
#wmd-photo-import-root .snapper-review-guide p{
  color:#c5ded3!important;font-size:11px!important;line-height:1.5!important;margin:3px 0 0!important
}
#wmd-photo-import-root .snapper-review-counts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
#wmd-photo-import-root .snapper-review-counts span{
  font-size:10px;color:#d5e9e0;border:1px solid #48675d;border-radius:999px;
  background:#2c443a;padding:3px 8px
}
#wmd-photo-import-root .snapper-review-primary{
  flex:0 1 205px;min-height:40px;max-width:235px;padding:9px 11px;
  border:1px solid #a5e2cb;border-radius:9px;background:#a5e2cb;
  color:#142922!important;font-size:12px;font-weight:800;cursor:pointer;
  overflow-wrap:anywhere
}
#wmd-photo-import-root .snapper-review-primary:hover{background:#c0ecd8;border-color:#c0ecd8}
#wmd-photo-import-root .snapper-review-primary:focus-visible{
  outline:2px solid #e4fff1!important;outline-offset:3px!important
}
#wmd-photo-import-root .snapper-review-focus{outline:2px solid #9fddc2!important;outline-offset:3px}
/* Format guidance is visible before upload, but shouldn't compete with the picker. */
#wmd-photo-import-root .snapper-statement-preference{
  margin:3px 2px 8px;padding:0 4px;
  color:#bacbca;font-size:11px;line-height:1.55;
}
#wmd-photo-import-root .snapper-statement-preference strong{
  color:#e4f1ed;font-weight:730;
}
#wmd-photo-import-root .snapper-upload-details{margin:4px 2px 10px;border:0!important;background:transparent!important}
#wmd-photo-import-root .snapper-upload-details>summary{
  cursor:pointer;color:#b3c9c8;font-size:11px;padding:4px 2px;list-style:none
}
#wmd-photo-import-root .snapper-upload-details>summary::-webkit-details-marker{display:none}
#wmd-photo-import-root .snapper-upload-details>summary:after{content:' ▾'}
#wmd-photo-import-root .snapper-upload-details p{color:#c6d6d4;font-size:11px;line-height:1.5;margin:4px 0 0}
#wmd-photo-import-root .snapper-impact-details{margin:12px 0 2px;border:1px solid #475b63;border-radius:12px;background:#1f2d34}
#wmd-photo-import-root .snapper-impact-details>summary{
  cursor:pointer;list-style:none;padding:12px 14px;color:#bdd8d1;font-size:12px;font-weight:720
}
#wmd-photo-import-root .snapper-impact-details>summary::-webkit-details-marker{display:none}
#wmd-photo-import-root .snapper-impact-details>summary:after{content:' ▾'}
#wmd-photo-import-root .snapper-impact-details[open]>summary{border-bottom:1px solid #40565d}
#wmd-photo-import-root .snapper-impact-details .snapper-system-impact{margin:0;border:0;border-radius:0}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick{
  min-height:51px!important;max-height:78px;padding:7px 10px!important;gap:3px!important
}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick .photo-import-pick-icon{display:none}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick>small.photo-import-desktop-tip{display:none}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick strong{font-size:12px}
@media(max-width:680px){
 #wmd-photo-import-root .snapper-review-guide{display:grid;gap:10px;padding:12px}
 #wmd-photo-import-root .snapper-review-primary{width:100%;max-width:none;min-height:43px;flex:auto}
 #wmd-photo-import-root .snapper-review-counts span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 #wmd-photo-import-root .snapper-review-focus{scroll-behavior:auto!important}
}


/* One Snapper destination picker, no duplicate native dropdown or heading picker.
   Suggestions stay in-flow, with a short internal scroll area on every screen. */
#wmd-photo-import-root .photo-import-balance-main .snapper-search-wrap{
  gap:8px; padding:12px; margin:0;
  background:#1b2b31; border:1px solid #496d6d;
  border-radius:13px; box-sizing:border-box
}
#wmd-photo-import-root .snapper-selected-destination{
  display:grid; gap:3px; min-width:0; padding:3px 3px 8px;
  border-bottom:1px solid #385255
}
#wmd-photo-import-root .snapper-destination-status{
  color:#a1cbbb;font-size:10px;font-weight:800;letter-spacing:.055em;
  text-transform:uppercase
}
#wmd-photo-import-root .snapper-selected-destination strong{
  color:#f1faf7;font-size:15px;font-weight:790;line-height:1.35;
  overflow-wrap:anywhere
}
#wmd-photo-import-root .snapper-selected-destination small{
  color:#b9d2ce;font-size:12px;line-height:1.45;overflow-wrap:anywhere
}
#wmd-photo-import-root .photo-import-account-search{
  display:grid;gap:5px
}
#wmd-photo-import-root .photo-import-account-search>span{
  font-size:12px;color:#bcd6d2;font-weight:700
}
#wmd-photo-import-root .snapper-search-wrap input[type=search]{
  min-height:44px; font-size:16px!important;
  background:#132329;border:1px solid #587f7c;border-radius:10px;
  box-shadow:none!important
}
#wmd-photo-import-root .snapper-search-panel{
  max-height:min(290px,38dvh);display:flex;flex-direction:column;
  overflow:hidden;overscroll-behavior:contain;
  gap:5px;padding:7px;border:1px solid #597c77;border-radius:11px;
  box-shadow:0 7px 17px #09181833;background:#182c33
}
#wmd-photo-import-root .snapper-picker-options{
  display:grid;gap:8px;min-height:0;flex:1 1 auto;
  overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable
}
/* The typed Create action stays visible while accounts scroll above it.
   Never hide a new 401(a) account under a long list of 401(k) results. */
#wmd-photo-import-root .snapper-search-new-section{
  flex:0 0 auto;min-width:0;padding-top:5px;
  border-top:1px solid #496e62
}
#wmd-photo-import-root .snapper-search-panel>.snapper-picker-browse{
  flex:0 0 auto;margin-top:2px
}
/* Match Net Worth's actual section -> heading -> account organization.
   Keep creation separate from existing matches, never make a fuzzy match
   look like a confirmed identity. */
#wmd-photo-import-root .snapper-search-section{
  display:grid;gap:5px;min-width:0
}
#wmd-photo-import-root .snapper-search-section+.snapper-search-section{
  border-top:1px solid #39575b;padding-top:8px
}
#wmd-photo-import-root .snapper-search-section-title{
  color:#b7cfc8;font-size:10px;line-height:1.4;font-weight:800;
  letter-spacing:.07em;text-transform:uppercase;padding:2px 7px
}
#wmd-photo-import-root .snapper-search-heading-group{
  display:grid;gap:5px;margin-left:7px;padding-left:10px;
  border-left:1px solid #476966;min-width:0
}
#wmd-photo-import-root .snapper-search-heading{
  color:#b5e6d4;font-size:12px;font-weight:740;
  line-height:1.35;padding:2px 4px 1px
}
#wmd-photo-import-root .snapper-search-result.is-create{
  background:#24443e;border:1px solid #699f8e
}
#wmd-photo-import-root .snapper-search-result.is-create:hover,
#wmd-photo-import-root .snapper-search-result.is-create:focus-visible{
  background:#30534b;border-color:#b4ebd5
}
#wmd-photo-import-root .snapper-search-result.is-create .snapper-search-result-action{
  color:#b7f1d8
}

#wmd-photo-import-root .snapper-search-result{
  min-height:46px;padding:8px 10px;border-radius:9px;background:#253a42;
  gap:8px
}
/* Informational account matches remain visible when their saved type
   prevents safe balance import. They are intentionally non-interactive. */
#wmd-photo-import-root .snapper-related-result{
  display:flex;align-items:center;gap:8px;cursor:default;
  padding:12px 11px;border:1px solid rgba(153,183,193,.29);
  background:#1b2a31;box-shadow:none;min-width:0;
}
#wmd-photo-import-root .snapper-related-result:hover{
  background:#1b2a31;border-color:rgba(153,183,193,.29);
}
#wmd-photo-import-root .snapper-related-result .snapper-search-result-copy{
  min-width:0;flex:1 1 auto;
}
#wmd-photo-import-root .snapper-related-result .snapper-search-result-copy small{
  white-space:normal;line-height:1.5;color:#b6c4c5;
}
#wmd-photo-import-root .snapper-related-result .snapper-search-result-action{
  color:#b7c6c5;white-space:nowrap;
}
@media(max-width:420px){
  #wmd-photo-import-root .snapper-related-result{align-items:flex-start;flex-wrap:wrap}
  #wmd-photo-import-root .snapper-related-result .snapper-search-result-action{
    margin-left:auto;font-size:10px
  }
}
#wmd-photo-import-root .snapper-search-result-copy strong{font-size:13px}
#wmd-photo-import-root .snapper-search-result-copy small{font-size:11px}
#wmd-photo-import-root .snapper-search-result-action{
  flex:0 0 auto;max-width:110px;font-size:11px
}
#wmd-photo-import-root .snapper-picker-browse{
  display:block;min-height:39px;width:100%;padding:8px 10px;margin:3px 0 0;
  border:1px solid #486c69;border-radius:9px;background:#203840;
  color:#bee9d8;cursor:pointer;font-size:12px;font-weight:720;text-align:left
}
#wmd-photo-import-root .snapper-picker-browse:hover,
#wmd-photo-import-root .snapper-picker-browse:focus-visible{
  outline:2px solid #82c9b0;outline-offset:1px;background:#29494b
}
#wmd-photo-import-root .snapper-search-panel-title{padding:4px 6px 6px}
#wmd-photo-import-root .snapper-new-account-details{display:grid;grid-column:1/-1}
#wmd-photo-import-root .snapper-new-account-details label{
  display:grid;gap:6px;min-width:0
}
#wmd-photo-import-root :is(select[data-photo-field="accountId"],select[data-photo-field="groupChoice"])[hidden]{
  display:none!important
}
@media(max-width:610px){
  #wmd-photo-import-root .snapper-search-heading-group{margin-left:4px;padding-left:7px}
  #wmd-photo-import-root .snapper-search-section-title{font-size:10px}
  #wmd-photo-import-root .photo-import-balance-main .snapper-search-wrap{padding:10px}
  #wmd-photo-import-root .snapper-search-panel{max-height:min(230px,35dvh)}
  #wmd-photo-import-root .snapper-search-result{min-height:47px}
  #wmd-photo-import-root .snapper-search-result-action{max-width:84px}
}

/* Retirement screenshot review: one readable account summary per row on phones.
   Expand only the account being verified; untouched accounts remain unselected.
   Desktop review, non-retirement balances, and all approval rules stay intact. */
#wmd-photo-import-root .snapper-account-toggle{display:none}
@media(max-width:680px){
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact{
   scroll-margin-top:140px;
 }
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact:not(.is-review-expanded)>
   :not(.photo-import-remove-row):not(.photo-import-balance-identity):not(.snapper-account-toggle){
   display:none!important;
 }
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact:not(.is-review-expanded)
   .photo-import-balance-identity>small{display:none}
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact .snapper-account-toggle{
   display:flex!important;align-items:center;justify-content:space-between;gap:12px;
   border:1px solid #557a70;border-radius:10px;background:#1d3332;
   color:#b8e7d7;min-height:44px;width:100%;font-size:13px;font-weight:760;
   padding:9px 13px;text-align:left;cursor:pointer;
 }
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact
   .snapper-account-toggle:focus-visible{outline:2px solid #b6f0db;outline-offset:2px}
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact
   .snapper-account-toggle-chevron{font-size:17px;line-height:1}
 #wmd-photo-import-root .photo-import-balance-row.snapper-account-compact:not(.is-review-expanded)
   .photo-import-balance-identity{padding-bottom:0}
}

/* Keep touch results responsive without disabling natural scrolling on iPhone. */
#wmd-photo-import-root .snapper-search-result,
#wmd-photo-import-root .snapper-picker-browse{touch-action:manipulation}


/* Snapper account selection on phones: one viewport-aware dialog instead of
   a scrollable menu nested inside another scrollable review card. */
#wmd-photo-import-root .snapper-mobile-account-open{display:none}
@media(max-width:680px){
  #wmd-photo-import-root .photo-import-dialog .snapper-search-wrap .photo-import-account-search,
  #wmd-photo-import-root .photo-import-dialog .snapper-search-wrap .snapper-search-panel{
    display:none!important
  }
  #wmd-photo-import-root .photo-import-dialog .snapper-mobile-account-open{
    display:flex;align-items:center;justify-content:space-between;
    min-height:48px;width:100%;padding:11px 13px;
    color:#d3f5e7;background:#24423e;border:1px solid #67968a;
    border-radius:10px;font:inherit;font-size:14px;font-weight:760;
    text-align:left;cursor:pointer
  }
  #wmd-photo-import-root .photo-import-dialog .snapper-mobile-account-open span{
    color:#a1e5cb;font-size:17px
  }
  #wmd-photo-import-root .photo-import-dialog .snapper-mobile-account-open:focus-visible{
    outline:2px solid #b5ebd6;outline-offset:2px
  }
  #wmd-photo-import-root .snapper-mobile-picker{
    position:fixed;inset:0;z-index:10100;
    box-sizing:border-box;width:100%;height:100dvh;
    display:flex;flex-direction:column;min-width:0;min-height:0;
    background:#1e282f;color:#eaf0f3;
    border:0;overflow:hidden;
    padding-top:env(safe-area-inset-top,0px);
    padding-bottom:env(safe-area-inset-bottom,0px);
    font-family:inherit
  }
  #wmd-photo-import-root .snapper-mobile-picker-header{
    flex:0 0 auto;min-width:0;display:flex;
    align-items:flex-start;justify-content:space-between;gap:14px;
    padding:12px 17px 12px;
    background:#26343d;border-bottom:1px solid #46575f
  }
  #wmd-photo-import-root .snapper-mobile-picker-headings{min-width:0}
  #wmd-photo-import-root .snapper-mobile-picker-eyebrow{
    display:block;color:#57d7aa;font-size:10px;font-weight:800;
    letter-spacing:.09em;margin-bottom:5px
  }
  #wmd-photo-import-root .snapper-mobile-picker h2{
    margin:0;font-size:21px;line-height:1.2;letter-spacing:-.025em;
    font-weight:800;color:#f0f7f5
  }
  #wmd-photo-import-root .snapper-mobile-picker-context{
    margin:6px 0 0;color:#bdcbd1;line-height:1.45;
    font-size:12px;overflow-wrap:anywhere
  }
  #wmd-photo-import-root .snapper-mobile-picker-close{
    flex:0 0 40px;display:grid;place-items:center;
    width:40px;height:40px;border-radius:50%;
    border:1px solid #65818a;background:#273b43;
    color:#eaf0f3;font-size:26px;line-height:1;
    cursor:pointer
  }
  #wmd-photo-import-root .snapper-mobile-picker-search{
    flex:0 0 auto;display:grid;gap:7px;
    padding:12px 16px 11px;background:#26343d;
    border-bottom:1px solid #46575f
  }
  #wmd-photo-import-root .snapper-mobile-picker-search label{
    font-size:12px;font-weight:720;color:#d6e4e2
  }
  #wmd-photo-import-root .snapper-mobile-picker-search input{
    display:block;box-sizing:border-box;
    min-width:0;width:100%;min-height:48px;
    padding:11px 13px;font-family:inherit;font-size:16px!important;
    font-weight:550;line-height:1.35;
    color:#f4faf8;background:#172c32;
    border:1px solid #739c93;border-radius:11px;
    -webkit-appearance:none;appearance:none
  }
  #wmd-photo-import-root .snapper-mobile-picker-search input::placeholder{
    color:#a9c4c5;opacity:1
  }
  #wmd-photo-import-root .snapper-mobile-picker-results{
    flex:1 1 auto;min-height:0;min-width:0;
    overflow-y:auto;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:10px 14px max(24px,env(safe-area-inset-bottom,0px))
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-panel{
    display:flex;flex-direction:column;overflow:visible;
    max-height:none;min-height:0;
    padding:0;border:0;box-shadow:none;background:transparent;gap:10px
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-picker-options{
    display:grid;gap:9px;overflow:visible;flex:0 0 auto;
    max-height:none;min-height:0;scrollbar-gutter:auto
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-section{
    gap:6px
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-panel-title{
    display:flex;align-items:center;justify-content:space-between;
    padding:3px 3px 5px;color:#e6f4ee;font-size:12px;font-weight:760
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-result{
    min-height:54px;border:1px solid #48616b;border-radius:11px;
    padding:11px 12px;background:#293d45
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-result.is-create{
    border-color:#699f8e;background:#24443e
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-result-copy strong{
    font-size:14px
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-search-result-action{
    max-width:94px;font-size:11px
  }
  #wmd-photo-import-root .snapper-mobile-picker .snapper-picker-browse{
    min-height:45px;margin-top:6px;font-size:13px
  }
  #wmd-photo-import-root .snapper-mobile-picker :is(button,input):focus-visible{
    outline:2px solid #b6f0db;outline-offset:2px
  }
}

/* Exact account-name collisions: visibly distinguish a connected balance. */
#wmd-photo-import-root .snapper-search-linked-note{
  display:grid;gap:5px;padding:10px 12px;border:1px solid #597c77;
  border-radius:10px;background:#26383d;color:#e3f4ed;font-size:12px;line-height:1.4
}
#wmd-photo-import-root .snapper-search-linked-note strong{
  font-size:12px;font-weight:760;overflow-wrap:anywhere
}
#wmd-photo-import-root .snapper-search-linked-note small{
  color:#bfd6d0;font-size:11px;line-height:1.45
}


/* Snapper review safety: a saved item is not the end of a multi-item import. */
#wmd-photo-import-root .photo-import-applied{
  display:flex;flex-direction:column;gap:6px;
  margin:14px 0;min-width:0
}
#wmd-photo-import-root .photo-import-applied>small{
  color:#b9d6c8;font-size:12px;line-height:1.5
}
#wmd-photo-import-root .photo-import-applied.snapper-review-complete{
  border-color:#6ba58e;background:#1c372f
}
#wmd-photo-import-root .snapper-finish-actions{
  display:flex;align-items:center;justify-content:flex-end;
  gap:8px;flex-wrap:wrap;min-width:0;margin-left:auto
}
#wmd-photo-import-root .photo-import-footer .snapper-skip-remaining{
  border:1px solid #68887e;background:transparent;color:#c4d9d2;
  min-height:43px;padding:9px 12px;border-radius:10px;
  font:inherit;font-size:12px;font-weight:680;cursor:pointer
}
#wmd-photo-import-root .photo-import-footer .snapper-skip-remaining:is(:hover,:focus-visible){
  border-color:#94c1ad;background:#30463e;color:#f0f9f4
}
#wmd-photo-import-root .snapper-finish-confirm{
  display:grid;gap:8px;padding:12px 14px;
  border:1px solid #a28e73;border-radius:11px;
  background:#342f2a;color:#f7eee0;font-size:12px;line-height:1.4
}
#wmd-photo-import-root .snapper-finish-confirm strong{
  font-size:13px;font-weight:760
}
#wmd-photo-import-root .snapper-finish-confirm>span{color:#e0d1c2}
#wmd-photo-import-root .snapper-finish-confirm>div{
  display:flex;flex-wrap:wrap;gap:8px
}
#wmd-photo-import-root .photo-import-footer .snapper-finish-confirm button{
  min-height:40px;padding:8px 12px;
  border-radius:9px;font-size:12px;font-weight:700;
  border:1px solid #9a9281;background:#464138;color:#f5eee5
}
#wmd-photo-import-root .photo-import-footer .snapper-finish-confirm button[data-photo-skip-cancel]{
  background:#bcdbc9;color:#17302b;border-color:#bcdbc9
}
@media(max-width:680px){
  #wmd-photo-import-root .photo-import-footer-actions{
    flex-direction:column;align-items:stretch;gap:8px
  }
  #wmd-photo-import-root .photo-import-footer-actions>span{
    max-width:none;width:100%;font-size:11px
  }
  #wmd-photo-import-root .snapper-finish-actions{
    width:100%;margin-left:0;flex-wrap:nowrap
  }
  #wmd-photo-import-root .snapper-finish-actions>.photo-import-primary{
    flex:1 1 auto;min-width:0;max-width:none;white-space:normal
  }
  #wmd-photo-import-root .photo-import-footer .snapper-skip-remaining{
    flex:0 0 auto;min-width:0;max-width:43%;
    font-size:11px;padding:8px 10px;white-space:normal
  }
  #wmd-photo-import-root .snapper-finish-confirm>div button{
    flex:1 1 125px
  }
}


/* Short completion confirmation after Done navigates to the updated page. */
.wmd-snapper-saved-highlight{
  position:fixed;right:22px;bottom:24px;z-index:2147480000;
  display:block;max-width:min(420px,calc(100vw - 28px));
  box-sizing:border-box;padding:15px 18px;
  border:1px solid #72a890;border-radius:13px;
  background:#20382f;color:#edf9f1;
  font-size:13px;font-weight:700;line-height:1.55;
  box-shadow:0 12px 35px #07140f55;
  animation:wmd-snapper-notice-in .25s ease-out both;
  pointer-events:none;overflow-wrap:anywhere
}
@keyframes wmd-snapper-notice-in{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:680px){
  .wmd-snapper-saved-highlight{
    left:14px;right:14px;bottom:max(82px,env(safe-area-inset-bottom));
    max-width:none;font-size:12px;padding:12px 14px
  }
}
@media(prefers-reduced-motion:reduce){
  .wmd-snapper-saved-highlight{animation:none}
}

/* oct14-polish.css */
/* October 14 dev-only usability refinements; no account state changes. */
.history-entry-backdrop{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:16px;background:rgba(3,10,12,.82);backdrop-filter:blur(7px)}
.history-entry-modal{width:min(100%,560px);max-height:min(88dvh,790px);overflow:auto;overscroll-behavior:contain;border:1px solid #5b8679;border-radius:22px;background:#172528;color:#ebf7f2;box-shadow:0 26px 90px #000a;padding:24px}
.history-entry-modal header{display:flex;justify-content:space-between;align-items:start;gap:15px}
.history-entry-modal header h3{margin:6px 0;font-size:clamp(24px,5vw,31px);line-height:1.15}
.history-entry-modal header p{margin:6px 0 17px;color:#adc6c0;line-height:1.5}
.history-entry-eyebrow{font-size:11px;letter-spacing:.14em;color:#8bdec2;font-weight:800}
.history-entry-modal [data-history-entry-close]{border:1px solid #48645e;border-radius:12px;background:#26363a;color:#e4f4ed;width:42px;height:42px;flex:none;font-size:25px;cursor:pointer}
.history-entry-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:1px solid #334d49;padding:5px;border-radius:13px;background:#111c20;margin:10px 0 18px}
.history-entry-tabs button{border:1px solid transparent;border-radius:10px;padding:13px 10px;background:transparent;color:#b4c7c2;font-weight:700;cursor:pointer}
.history-entry-tabs button.active{background:#29463d;color:#dff8e9;border-color:#6aab91}
.history-entry-modal .history-add,.history-entry-import{display:grid;gap:11px;background:transparent;border:0;padding:0;margin:0}
.history-entry-modal .history-add input{max-width:none;width:100%;box-sizing:border-box}
.history-entry-modal .history-add>button,.history-entry-modal .history-csv-picker{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 16px;border:1px solid #7dbb9e;border-radius:12px;color:#0e231a;background:#84dabb;font-weight:800;cursor:pointer}
.history-entry-modal .history-csv-review{margin-top:17px}
.history-entry-import p{color:#b6cbc5;line-height:1.55}
.history-panel .history-head{display:flex;flex-wrap:wrap;gap:14px}
.history-panel .history-head>.history-toggle{min-height:44px;align-self:center;white-space:nowrap}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button{min-width:0;display:block;text-align:left;padding:11px 15px;border:1px solid transparent;border-radius:11px;background:transparent;color:#abc7bc;cursor:pointer}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button b{display:block;font-size:14px;color:inherit}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button span{display:block;margin-top:3px;font-size:11px;color:#98b7aa}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button.active{background:#25483b;color:#f0fff6;border-color:#79c5a5}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button:focus-visible{outline:2px solid #92e7c2;outline-offset:2px}
.snapper-demo-refresh{display:grid;gap:15px}
.snapper-demo-refresh-intro{display:flex;justify-content:space-between;align-items:start;gap:12px;flex-wrap:wrap}
.snapper-demo-refresh-intro h3{margin:5px 0;font-size:clamp(19px,3vw,25px);color:#f1fff7}
.snapper-demo-refresh-intro p{color:#b8d2c7;line-height:1.55;font-size:13px;max-width:480px;margin:0}
.snapper-demo-refresh-intro>strong{border:1px solid #5b8c75;border-radius:50px;padding:9px 13px;color:#b9f1d6;font-size:12px}
.snapper-demo-refresh-kicker{font-size:10px;color:#87dabb;letter-spacing:.13em;font-weight:850}
.snapper-demo-refresh-list{display:grid;gap:9px}
.snapper-demo-refresh-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#1b2a27;border:1px solid #3c5a52;border-radius:14px;padding:15px}
.snapper-demo-refresh-row-main{display:grid;gap:4px}
.snapper-demo-refresh-row-main strong{color:#e8f7f1}
.snapper-demo-refresh-row-main small{color:#adc6ba;line-height:1.4}
.snapper-demo-refresh-status{font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#b6c9bd}
.snapper-demo-refresh-status.is-reviewed{color:#8ce0b8}
.snapper-demo-refresh-row-actions,.snapper-demo-refresh-footer{display:flex;gap:9px;flex-wrap:wrap}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh button{min-height:39px;border:1px solid #668f80;border-radius:10px;padding:9px 12px;background:#253b35;color:#e4f9ee;font-weight:750;cursor:pointer}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh button.product-demo-primary{background:#294c40;border-color:#83c4a5}
.landing-v6 .launch-guidance-teaser{background:linear-gradient(135deg,#1d302b,#162621)!important;border:1px solid #47715f!important;color:#e7f5ee!important}
.landing-v6 .launch-guidance-teaser>img{border-color:#47715f!important}
.landing-v6 .launch-guidance-teaser span{color:#98dec0!important}
.landing-v6 .launch-guidance-teaser strong{color:#f0f8f3!important}
.landing-v6 .launch-guidance-teaser p{color:#b4cdc1!important}
.landing-v6 .launch-guidance-teaser button{background:#28473d!important;border-color:#669f84!important;color:#e8fff2!important}
.landing-v6 .landing-tour-heading{overflow:visible!important}
.landing-v6 .landing-tour-heading h2,.landing-v6 .landing-tour-foot h3{overflow:visible!important;text-wrap:balance;overflow-wrap:break-word;line-height:1.22!important;padding-bottom:.1em}
.landing-v6 .landing-tour-app-main:has(.landing-cards-focused-panel),.landing-v6 .landing-tour-app-main:has(.landing-investment-focused-panel){position:relative!important;top:0!important;left:0!important;width:100%!important;min-width:0!important;transform:none!important;padding:8px!important;overflow:visible!important}
.landing-v6 .landing-tour-viewport:has(.landing-cards-focused-panel),.landing-v6 .landing-tour-viewport:has(.landing-investment-focused-panel){height:auto!important;max-height:none!important;overflow:visible!important}
.landing-v6 .landing-cards-focused-panel,.landing-v6 .landing-investment-focused-panel{max-width:100%;min-width:0;overflow:visible}
.landing-v6 .landing-cards-focused-panel .cash-card-payment-center,.landing-v6 .landing-investment-focused-panel .invest-hero,.landing-v6 .landing-investment-focused-panel .invest-accounts-panel{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.landing-v6 .landing-cards-focused-panel .cash-card-payment-rows{display:grid;grid-template-columns:1fr;gap:10px}
.landing-v6 .landing-cards-focused-panel .cash-wallet-card{min-width:0}
.landing-v6 .landing-investment-focused-panel .invest-hero-actions{display:none}
.landing-v6 .landing-investment-focused-panel .invest-clarity{display:block}
@media(max-width:700px){
  .history-entry-modal{padding:18px;max-height:calc(100dvh - 32px)}
  .history-entry-modal header h3{font-size:25px}
  .landing-v6 .landing-tour-heading h2{font-size:clamp(27px,8vw,38px)!important;line-height:1.19!important}
  .landing-v6 .landing-tour-tab-navigation{grid-template-columns:32px minmax(0,1fr) 32px!important;gap:5px!important}
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tab{flex:0 0 min(76%,200px)!important;min-width:0!important;white-space:normal!important;overflow-wrap:anywhere!important;padding:9px!important}
  .landing-v6 .landing-tour-tab-navigation .landing-tour-tablist{scroll-padding-inline:8px}
  .landing-v6 .landing-cards-focused-panel .cash-wallet-summary{display:flex;flex-wrap:wrap;gap:8px}
  .landing-v6 .landing-cards-focused-panel .cash-wallet-summary>*{min-width:0}
  .landing-v6 .landing-investment-focused-panel .invest-account-snapshot-head{display:none}
  .landing-v6 .landing-investment-focused-panel .invest-account-snapshots{min-width:0}
  .landing-v6 .landing-investment-focused-panel .invest-hero h2{font-size:clamp(27px,7vw,40px)!important}
}


/* Net Worth distribution: readable, touch-friendly categories instead of crowded
   external SVG leader labels. Scope narrowly to the signed-in Net Worth dashboard. */
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-layout{
  display:grid;
  grid-template-columns:minmax(150px,190px) minmax(0,1fr);
  align-items:center;
  gap:15px;
  min-width:0;
  width:100%;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-layout .donut-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-width:0;
  width:100%;
  margin:0;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-layout .donut{
  display:block;
  width:min(100%,190px)!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1;
  flex:none!important;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  min-width:0;
  width:100%;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  column-gap:9px;
  row-gap:3px;
  width:100%;
  min-width:0;
  padding:9px 11px;
  margin:0;
  border:1px solid rgba(139,177,168,.20);
  border-radius:11px;
  background:rgba(10,25,26,.22);
  color:#e9f5f0;
  font:inherit;
  font-size:12px;
  line-height:1.3;
  text-align:left;
  cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item:hover,
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item:focus-visible{
  background:rgba(137,202,178,.12);
  border-color:#89c9b5;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item:focus-visible{
  outline:2px solid #a4dec8;
  outline-offset:2px;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-name{
  display:flex;
  align-items:flex-start;
  gap:8px;
  min-width:0;
  color:#e8f1ed;
  font-weight:700;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-name i{
  display:block;
  width:9px;
  height:9px;
  flex:none;
  margin-top:3px;
  border-radius:3px;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-name span{
  display:block;
  min-width:0;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-share{
  color:#a3d9c6;
  font-size:12px;
  white-space:nowrap;
  font-weight:800;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-amount{
  grid-column:1/-1;
  padding-left:17px;
  color:#aabfba;
  font-size:11px;
  font-weight:650;
  font-variant-numeric:tabular-nums;
}
@media(max-width:700px){
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-layout{
    grid-template-columns:minmax(0,1fr);
    gap:15px;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-layout .donut{
    width:min(190px,58vw)!important;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item{
    padding:10px 9px;
    font-size:11px;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-share{
    font-size:11px;
  }
}
@media(max-width:345px){
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item{
    transition:none;
  }
}

/* Premium Net Worth mix: distinct muted hues, semantic grey for smaller categories,
   crisp visual selection, and mobile controls that do not depend on hover. */
#app .wmd-workspace--networth .nw-mix-visual{
  display:grid;
  justify-items:center;
  align-content:center;
  gap:12px;
  width:100%;
  min-width:0;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut{
  width:min(100%,204px)!important;
  overflow:visible;
  isolation:isolate;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut .nw-mix-slice{
  cursor:pointer;
  outline:none;
  transition:stroke-width .18s ease,opacity .18s ease,filter .18s ease;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut:has(.is-selected) .nw-mix-slice:not(.is-selected){
  opacity:.43;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut .nw-mix-slice:is(.is-selected,:hover,:focus-visible){
  stroke-width:28;
  opacity:1;
  filter:brightness(1.12);
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut .nw-mix-slice:focus-visible{
  filter:brightness(1.18) drop-shadow(0 0 4px rgba(230,250,244,.65));
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut .donut-hole,
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut text{
  pointer-events:none;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-center-share{
  font-size:24px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-center-caption{
  font-size:10px;
  fill:#abbfbc;
  font-weight:650;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-selected-detail{
  display:grid;
  gap:3px;
  justify-items:center;
  text-align:center;
  min-width:0;
  max-width:100%;
  padding:6px 8px;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-selected-detail span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  font-size:12px;
  line-height:1.4;
  font-weight:730;
  color:#f1f5f5;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-selected-detail i{
  width:9px;height:9px;border-radius:3px;flex:none;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-selected-detail strong{
  color:#f4f8f7;
  font-size:15px;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-selected-detail em{
  font-size:12px;
  color:#adc3be;
  font-style:normal;
  font-weight:650;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-hint{
  margin:0;
  text-align:center;
  color:#a8c0ba;
  font-size:11px;
  line-height:1.4;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item.is-selected{
  background:rgba(137,202,178,.14);
  border-color:rgba(171,221,202,.65);
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:3px 9px;
  width:100%;
  min-width:0;
  margin:0;
  padding:10px 11px;
  border:1px dashed rgba(169,185,192,.48);
  border-radius:11px;
  background:rgba(10,25,26,.12);
  color:#e9f5f0;
  font:inherit;
  font-size:12px;
  line-height:1.35;
  text-align:left;
  cursor:pointer;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle:hover,
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle:focus-visible{
  background:rgba(137,202,178,.11);
  border-color:#92bcb6;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle:focus-visible{
  outline:2px solid #a4dec8;outline-offset:2px;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-small-items{
  display:contents;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-small-items[hidden]{
  display:none;
}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle .nw-mix-legend-amount{
  color:#b2c9c5;
}
@media(max-width:700px){
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut{
    width:min(196px,58vw)!important;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-visual{
    gap:8px;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-hint{
    font-size:12px;
  }
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend-item,
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-smaller-toggle{
    min-height:63px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-chart-panel .nw-mix-donut .nw-mix-slice{
    transition:none;
  }
}


/* Budget distribution: compact Net Worth-style donut and legend. */
#app .wmd-workspace--budget .budget-chart{
  align-items:stretch!important;
  justify-content:center!important;
  padding:20px!important;
}
#app .wmd-workspace--budget .budget-chart .budget-mix-layout{
  display:grid;
  grid-template-columns:minmax(132px,158px) minmax(0,1fr);
  align-items:center;
  gap:14px;
  width:100%;
  min-width:0;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-visual{
  display:grid;
  place-items:center;
  width:100%;
  min-width:0;
}
#app .wmd-workspace--budget .budget-chart .donut-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%;
  min-width:0;
  margin:0!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-donut{
  display:block;
  width:min(100%,158px)!important;
  max-width:158px!important;
  min-width:0!important;
  height:auto!important;
  aspect-ratio:1;
  overflow:visible;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-donut .nw-mix-slice{
  cursor:pointer;
  outline:none;
  transition:stroke-width .16s ease,filter .16s ease,opacity .16s ease;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-donut .nw-mix-slice:is(:hover,:focus-visible){
  stroke-width:28;
  filter:brightness(1.1);
}
#app .wmd-workspace--budget .budget-chart .nw-mix-donut .donut-hole,
#app .wmd-workspace--budget .budget-chart .nw-mix-donut text{
  pointer-events:none;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:7px;
  width:100%;
  min-width:0;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  column-gap:8px!important;
  row-gap:2px!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:9px 10px!important;
  border:1px solid rgba(139,177,168,.20)!important;
  border-radius:10px!important;
  background:rgba(10,25,26,.22)!important;
  color:#e9f5f0!important;
  box-shadow:none!important;
  font:inherit!important;
  font-size:11px!important;
  line-height:1.3!important;
  text-align:left!important;
  cursor:pointer;
  white-space:normal!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item:hover,
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item:focus-visible{
  background:rgba(137,202,178,.10)!important;
  border-color:rgba(137,202,178,.58)!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-name{
  display:flex!important;
  align-items:flex-start!important;
  gap:7px!important;
  min-width:0!important;
  color:#eef4f2!important;
  font-weight:720!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-name i{
  display:block!important;
  width:8px!important;
  height:8px!important;
  flex:none!important;
  margin-top:3px!important;
  border-radius:3px!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-name span{
  min-width:0!important;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-share{
  color:#b9cbc5!important;
  font-size:11px!important;
  font-weight:800!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-amount{
  grid-column:1/-1!important;
  padding-left:15px!important;
  color:#98aaa5!important;
  font-size:10px!important;
  font-weight:650!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-chart-status{
  width:100%;
  box-sizing:border-box;
  margin-top:13px!important;
  padding-top:10px;
  border-top:1px solid rgba(139,177,168,.16);
}
@media(max-width:1180px){
  #app .wmd-workspace--budget .budget-chart .budget-mix-layout{
    grid-template-columns:minmax(120px,145px) minmax(0,1fr);
    gap:12px;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-donut{
    max-width:145px!important;
  }
}
@media(max-width:980px){
  #app .wmd-workspace--budget .budget-chart .budget-mix-layout{
    grid-template-columns:minmax(150px,180px) minmax(0,1fr);
    max-width:520px;
    margin:0 auto;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-donut{
    max-width:180px!important;
  }
}
@media(max-width:520px){
  #app .wmd-workspace--budget .budget-chart{
    padding:17px!important;
  }
  #app .wmd-workspace--budget .budget-chart .budget-mix-layout{
    grid-template-columns:1fr;
    gap:13px;
    max-width:100%;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-donut{
    width:min(176px,55vw)!important;
    max-width:176px!important;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-legend{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-legend-item{
    padding:9px!important;
  }
}
@media(max-width:350px){
  #app .wmd-workspace--budget .budget-chart .nw-mix-legend{
    grid-template-columns:1fr;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--budget .budget-chart .nw-mix-donut .nw-mix-slice{
    transition:none;
  }
}


/* Budget mix selected-state parity with Net Worth. */
#app .wmd-workspace--budget .budget-chart .nw-mix-donut:has(.is-selected) .nw-mix-slice:not(.is-selected){
  opacity:.43;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-donut .nw-mix-slice.is-selected{
  stroke-width:28;
  opacity:1;
  filter:brightness(1.12);
}
#app .wmd-workspace--budget .budget-chart .nw-mix-center-share{
  font-size:24px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-center-caption{
  font-size:10px;
  fill:#abbfbc;
  font-weight:650;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item.is-selected{
  background:rgba(137,202,178,.14)!important;
  border-color:rgba(171,221,202,.65)!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item.is-selected .nw-mix-legend-name{
  color:#f4f8f6!important;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-item.is-selected .nw-mix-legend-share{
  color:#d8eee6!important;
}


/* Split-screen Budget: size by available workspace width, not device orientation.
   The legacy landscape 250px chart column left its ring's legend one character wide. */
#app .wmd-workspace--budget .budget-top{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))!important;
  gap:16px;
  align-items:stretch;
}
#app .wmd-workspace--budget .budget-top > :is(.summary-card,.budget-chart){
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}
/* As the sidebar and split-screen reduce the chart card itself, move the
   legend below the ring. Viewport-only breakpoints miss this case. */
#app .wmd-workspace--budget .budget-chart{
  container:wmd-budget-ring / inline-size;
}
#app .wmd-workspace--budget .budget-chart .nw-mix-legend-name span{
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
@container wmd-budget-ring (max-width:370px){
  #app .wmd-workspace--budget .budget-chart .budget-mix-layout{
    grid-template-columns:minmax(0,1fr)!important;
    justify-items:center;
    gap:12px;
  }
  #app .wmd-workspace--budget .budget-chart .nw-mix-legend{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%;
  }
}
@container wmd-budget-ring (max-width:340px){
  #app .wmd-workspace--budget .budget-chart .nw-mix-legend{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* brand-mint-system.css */
/* Where's My Dollar brand system v6.10.110
   Mint is the brand accent. Large surfaces stay neutral graphite.
   Financial workspace accent colors remain intentionally independent, except Net Worth, which carries the core brand mint. */
:root{
  --green:#57d7aa;
  --soft:#20292d;
  --input:#151c20;
  --wmd-brand-mint:#57d7aa;
  --wmd-brand-mint-soft:#9ae8cb;
  --wmd-brand-ink:#0f1418;
  --wmd-brand-panel:#141c20;
  --wmd-brand-panel-raised:#192228;
  --wmd-brand-control:#202a2f;
  --wmd-brand-line:#3a4b50;
}

/* Public marketing: one mint family, neutral surfaces. */
#app .landing-v6{
  --wmd-brand-mint:#57d7aa;
  --wmd-brand-mint-soft:#9ae8cb;
  --wmd-brand-line:color-mix(in srgb,var(--wmd-brand-mint) 28%,#3a4b50);
  --wmd-brand-surface:color-mix(in srgb,var(--wmd-brand-mint) 4%,#192228);
  --tour-mint:var(--wmd-brand-mint);
  --green:var(--wmd-brand-mint)
}
#app .landing-v6 .landing-king-campaign{
  background:
    radial-gradient(ellipse 76% 120% at 95% 52%,rgba(87,215,170,.10) 0,transparent 70%),
    radial-gradient(ellipse 72% 95% at 0 5%,rgba(82,119,137,.14),transparent 77%),
    #0e1519!important
}
#app .landing-v6 :is(.launch-quick,.launch-pricing,.landing-system-v6,.landing-security-v5){
  background:
    radial-gradient(ellipse 70% 95% at 50% 0%,rgba(87,215,170,.045),transparent 62%),
    var(--wmd-brand-panel)!important;
  border-color:var(--wmd-brand-line)!important
}
#app .landing-v6 .landing-feature-card{
  background:linear-gradient(150deg,#182126,#12191d)!important;
  border-color:#34454b!important
}
#app .landing-v6 .landing-feature-icon{
  background:rgba(87,215,170,.09)!important;
  border-color:var(--wmd-brand-line)!important;
  color:var(--wmd-brand-mint-soft)!important
}
#app .landing-v6 :is(.landing-king-timeline article,.landing-king-math article){
  background:rgba(24,33,38,.88)!important;
  border-color:#34454b!important
}
#app .landing-v6 .landing-system-step:nth-of-type(2){
  background:color-mix(in srgb,var(--wmd-brand-mint) 5%,#182126)!important
}
#app .landing-v6 .landing-king-nav button{
  background:#1b2429!important;
  border-color:#3a4a50!important
}
#app .landing-v6 .landing-king-nav button:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 7%,#202a2f)!important;
  border-color:var(--wmd-brand-line)!important
}

/* Pricing: graphite cards, mint emphasis, blue only for Connected. */
#app .landing-v6 :is(.launch-path-card,.launch-plan-card){
  background:#161f23!important;
  border-color:#3a4b50!important;
  box-shadow:0 14px 34px rgba(0,0,0,.14)!important
}
#app .landing-v6 .launch-path-snapper{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(87,215,170,.055),transparent 56%),
    #161f23!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 44%,#3a4b50)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.16),inset 0 0 0 1px rgba(87,215,170,.08)!important
}
#app .landing-v6 .launch-path-autopilot{
  background:#161f23!important;
  border-color:#425664!important
}
#app .landing-v6 :is(.launch-path-intro,.launch-path-action,.launch-pricing-link){
  background:#202a2f!important;
  border-color:#44565b!important
}
#app .landing-v6 .launch-path-snapper :is(.launch-path-intro,.launch-path-action){
  background:#202a2f!important;
  border-color:var(--wmd-brand-line)!important
}
#app .landing-v6 .launch-path-autopilot .launch-path-action{
  background:#1e2a31!important;
  border-color:#527fa3!important
}
#app .landing-v6 .launch-path-manual .launch-path-action-primary{
  background:var(--wmd-brand-mint)!important;
  border-color:var(--wmd-brand-mint)!important;
  color:#07130f!important
}
#app .landing-v6 .launch-plan-icon{
  background:#1b2429!important;
  border-color:#43545a!important
}
#app .landing-v6 :is(.launch-plan-icon-free,.launch-plan-icon-complete){
  background:#1b2429!important;
  color:var(--wmd-brand-mint-soft)!important
}
#app .landing-v6 .launch-plan-icon-complete{
  border-color:var(--wmd-brand-mint)!important;
  box-shadow:inset 0 0 0 1px rgba(87,215,170,.05)
}
#app .landing-v6 .launch-plan-badge{
  background:#1b2429!important;
  border-color:var(--wmd-brand-line)!important;
  color:var(--wmd-brand-mint-soft)!important
}

/* Product choice cards: subtle brand glow, never a dark-green block. */
#app .landing-v6 .launch-update-card{
  background:
    radial-gradient(ellipse at 10% 0%,rgba(87,215,170,.045),transparent 55%),
    linear-gradient(155deg,#182126,#121a1f)!important;
  border-color:#3a4b50!important
}
#app .landing-v6 .launch-update-card-snapper{
  border-color:var(--wmd-brand-line)!important
}
#app .landing-v6 .launch-update-card-plaid{
  background:
    radial-gradient(ellipse at 90% 0%,rgba(112,167,205,.07),transparent 55%),
    linear-gradient(155deg,#182126,#121a1f)!important;
  border-color:#455b69!important
}
#app .landing-v6 .launch-update-card-snapper :is(.launch-update-icon,.launch-update-status,.launch-product-cta),
#app .landing-v6 .launch-update-privacy{
  background:#202a2f!important;
  border-color:var(--wmd-brand-line)!important
}

/* Coach George: neutral graphite with mint accents only. */
#app .landing-v6 .launch-guidance-teaser{
  background:linear-gradient(145deg,#182126,#131b1f)!important;
  border-color:var(--wmd-brand-line)!important;
  color:#eaf4f0!important
}
#app .landing-v6 .launch-guidance-teaser>img{
  background:#10171b!important;
  border-color:#43545a!important
}
#app .landing-v6 .launch-guidance-teaser span{
  color:var(--wmd-brand-mint-soft)!important
}
#app .landing-v6 .launch-guidance-teaser p{
  color:#b8c8c5!important
}
#app .landing-v6 .launch-guidance-teaser button{
  background:#202a2f!important;
  border-color:var(--wmd-brand-line)!important;
  color:#eef8f3!important
}
#app .landing-v6 .launch-guidance-teaser button:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 6%,#263137)!important;
  border-color:var(--wmd-brand-mint)!important
}

/* Landing preview chrome is neutral; active state keeps the selected workspace color. */
#app .landing-v6 :is(.landing-tour-focus,.landing-tour-blur,.landing-tour-tab-navigation>button){
  background:#1b252a!important;
  border-color:#3b4d53!important
}
#app .landing-v6 .landing-tour-focus button.active,
#app .landing-v6 .landing-tour-blur[aria-pressed="true"]{
  background:color-mix(in srgb,var(--wmd-brand-mint) 8%,#202a2f)!important;
  border-color:var(--wmd-brand-line)!important
}
#app .landing-v6 .landing-tour-viewport::-webkit-scrollbar-track{background:#141c20!important}
#app .landing-v6 .landing-tour-viewport::-webkit-scrollbar-thumb{background:#44565b!important}

/* Membership labels: no green blocks. */
.wmd-membership-badge[data-plan="complete"],
.wmd-membership-badge[data-plan="snapper"]{
  background:#202a2f!important;
  border-color:color-mix(in srgb,#57d7aa 42%,#46575c)!important;
  color:#9ae8cb!important
}

/* Snapper public demo: mint identity on graphite. */
.public-product-demo[data-plan="snapper"]{
  --accent:#57d7aa!important;
  --fill:#202a2f!important;
  --border:#465a5a!important;
  background:linear-gradient(140deg,#182126,#12191d)!important
}
.public-product-demo[data-plan="snapper"] :is(.snapper-demo-private,.snapper-demo-refresh-row,.product-demo-result){
  background:#182126!important;
  border-color:#3d4f54!important
}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh button{
  background:#202a2f!important;
  border-color:#465a5f!important;
  color:#e7f3ef!important
}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh button.product-demo-primary,
.public-product-demo[data-plan="snapper"] .product-demo-primary{
  background:#57d7aa!important;
  border-color:#57d7aa!important;
  color:#07130f!important
}

/* Snapper importer: the tool remains mint-branded without green-tinted panels. */
#wmd-photo-import-root{
  --green:#57d7aa;
  --ma-accent:#57d7aa;
  --snapper-accent:#57d7aa;
  --snapper-surface:#202a2f;
  --snapper-line:#465b57;
  accent-color:#57d7aa
}
#wmd-photo-import-root :is(.photo-import-panel,.photo-import-dialog,.photo-import-body,.photo-import-head,.snapper-refresh-workspace,.snapper-workflow-switch,.snapper-refresh-section){
  background:#171f23!important;
  border-color:#3b4c51!important
}
#wmd-photo-import-root :is(.snapper-refresh-next,.money-import-controls,.money-snapper-context,.snapper-quick-manual,.snapper-refresh-heading>small){
  background:#202a2f!important;
  border-color:#465b57!important;
  color:#d9e7e3!important
}
#wmd-photo-import-root :is(button.active,[aria-selected="true"],.snapper-refresh-primary,.photo-import-primary){
  background:#57d7aa!important;
  border-color:#57d7aa!important;
  color:#07130f!important;
  box-shadow:none!important
}
#wmd-photo-import-root :is(.snapper-refresh-heading>div>span,.snapper-refresh-next>div>span,.snapper-refresh-account-icon,.snapper-refresh-expand,.snapper-quick-manual button){
  color:#9ae8cb!important
}
.photo-import-dialog{
  background:#171f23!important;
  border-color:#3b4c51!important
}
.photo-import-header{
  background:linear-gradient(145deg,#1b2429,#141c20 76%)!important
}
.photo-import-privacy,
.photo-import-pick,
.photo-import-source,
.photo-import-row,
.photo-import-progress,
.photo-import-stats span{
  background:#1b2429!important;
  border-color:#40535a!important
}
.photo-import-pick:hover,
.photo-import-pick:focus-within{
  background:color-mix(in srgb,#57d7aa 5%,#202a2f)!important;
  border-color:#57d7aa!important
}
.photo-import-fields input,
.photo-import-fields select,
.photo-import-source select{
  background:#141c20!important;
  border-color:#3c4d53!important
}
.photo-import-footer{
  background:#141c20!important;
  border-top-color:#3a4b50!important
}
.photo-import-footer button:not(:disabled){
  background:#57d7aa!important;
  border-color:#57d7aa!important;
  color:#07130f!important
}
.wmd-photo-import-entry{
  background:#202a2f!important;
  border-color:#57d7aa!important;
  color:#c8f3e2!important
}
.wmd-photo-import-entry:hover{
  background:color-mix(in srgb,#57d7aa 7%,#202a2f)!important
}

/* Generic brand chrome should be graphite, with mint used only as an accent. */
.brand img{border-color:#3a4b50!important}
.public-quick-nav>button{
  background:rgba(28,37,42,.95)!important;
  border-color:color-mix(in srgb,#57d7aa 38%,#46565b)!important
}
.public-quick-nav>button:hover{
  background:#243036!important;
  border-color:#57d7aa!important
}


/* v6.10.112: Coach George is a future product capability, not a waitlist.
   The original illustration is preserved; its purple raster background is
   removed at runtime so the character sits naturally in the WMD interface. */
#app .landing-v6 .launch-pricing{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important
}
#app .landing-v6 .launch-pricing-header{
  max-width:820px!important;
  margin:0 auto 26px!important;
  text-align:center
}
#app .landing-v6 .launch-pricing-header>p{margin-left:auto!important;margin-right:auto!important}
#app .landing-v6 .launch-path-grid{align-items:stretch!important}
#app .landing-v6 .launch-path-card{height:100%!important}
#app .landing-v6 .launch-path-footnote{
  max-width:980px!important;
  margin:18px auto 0!important;
  padding:0 12px!important;
  border:0!important;
  background:transparent!important;
  color:#8fa5a2!important;
  font-size:11px!important;
  line-height:1.6!important;
  text-align:center!important
}

#app .landing-v6 .launch-guidance-section{
  box-sizing:border-box;
  width:calc(100% - clamp(28px,6vw,110px));
  max-width:1370px;
  margin:clamp(50px,6vw,78px) auto 0;
  padding:0;
  border:0;
  background:transparent
}
#app .landing-v6 .launch-guidance-section .launch-guidance-teaser{
  position:relative!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  gap:clamp(22px,3vw,38px)!important;
  width:min(100%,1040px)!important;
  margin:0 auto!important;
  padding:clamp(24px,3vw,34px)!important;
  overflow:hidden!important;
  border:1px solid color-mix(in srgb,var(--wmd-brand-mint) 33%,#3a4b50)!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 10% 50%,rgba(87,215,170,.09),transparent 28%),
    linear-gradient(145deg,#182126,#131b1f)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.16)!important
}
#app .landing-v6 .launch-guidance-section .launch-guidance-teaser::after{
  content:"";
  position:absolute;
  right:-110px;
  top:-120px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,215,170,.07),transparent 68%);
  pointer-events:none
}
#app .landing-v6 .launch-guidance-portrait{
  position:relative;
  display:grid;
  place-items:center;
  width:150px;
  height:150px;
  margin:0;
  isolation:isolate
}
#app .landing-v6 .launch-guidance-portrait::before{
  content:"";
  position:absolute;
  inset:23px 18px 16px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(87,215,170,.16),rgba(87,215,170,.045) 54%,transparent 72%);
  filter:blur(8px)
}
#app .landing-v6 .launch-guidance-portrait>img{
  position:relative!important;
  z-index:1!important;
  display:block!important;
  width:138px!important;
  height:auto!important;
  max-height:150px!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  mix-blend-mode:lighten;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28)) saturate(.96) contrast(1.03)
}
#app .landing-v6 .launch-guidance-copy{
  position:relative;
  z-index:1;
  display:grid!important;
  gap:9px!important;
  min-width:0
}
#app .landing-v6 .launch-guidance-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 12px
}
#app .landing-v6 .launch-guidance-meta>span{
  color:var(--wmd-brand-mint-soft)!important;
  font-size:10px!important;
  line-height:1.4!important;
  font-weight:850!important;
  letter-spacing:.13em!important
}
#app .landing-v6 .launch-guidance-meta>b{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:5px 9px;
  border:1px solid color-mix(in srgb,var(--wmd-brand-mint) 52%,#45585b);
  border-radius:999px;
  background:rgba(87,215,170,.07);
  color:#aaf0d5;
  font-size:9px;
  line-height:1;
  letter-spacing:.1em
}
#app .landing-v6 .launch-guidance-copy>strong{
  color:#f2f7f5!important;
  font-size:clamp(28px,3.1vw,40px)!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important
}
#app .landing-v6 .launch-guidance-copy>p:not(.launch-guidance-promise){
  max-width:760px!important;
  margin:0!important;
  color:#b9c9c6!important;
  font-size:clamp(13px,1.25vw,15px)!important;
  line-height:1.62!important
}
#app .landing-v6 .launch-guidance-promise{
  margin:2px 0 0!important;
  color:#e6f4ef!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:760!important
}
#app .landing-v6 .launch-guidance-examples{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:4px;
  color:#90aaa5;
  font-size:11px;
  line-height:1.45
}
#app .landing-v6 .launch-guidance-examples>span{color:#9fb5b0}
#app .landing-v6 .launch-guidance-examples>i{
  color:var(--wmd-brand-mint);
  font-style:normal;
  opacity:.72
}
@media(max-width:700px){
  #app .landing-v6 .launch-guidance-section .launch-guidance-teaser{
    grid-template-columns:105px minmax(0,1fr)!important;
    gap:18px!important;
    padding:22px!important
  }
  #app .landing-v6 .launch-guidance-portrait{width:105px;height:120px}
  #app .landing-v6 .launch-guidance-portrait>img{width:105px!important;max-height:120px!important}
}
@media(max-width:520px){
  #app .landing-v6 .launch-guidance-section{width:calc(100% - 28px);margin-top:42px}
  #app .landing-v6 .launch-guidance-section .launch-guidance-teaser{
    grid-template-columns:1fr!important;
    gap:12px!important;
    padding:20px!important
  }
  #app .landing-v6 .launch-guidance-portrait{justify-self:start;width:96px;height:104px}
  #app .landing-v6 .launch-guidance-portrait>img{width:96px!important;max-height:104px!important}
  #app .landing-v6 .launch-guidance-copy>strong{font-size:30px!important}
  #app .landing-v6 .launch-guidance-examples{display:grid;gap:4px}
  #app .landing-v6 .launch-guidance-examples>i{display:none}
}


/* v6.10.115: Net Worth is the in-product expression of the WMD brand.
   Use the exact landing-page mint for chrome and positive/neutral emphasis.
   Keep large surfaces graphite and preserve liabilities as a semantic rose. */
#app .wmd-workspace--networth{
  --wmd-networth-accent:var(--wmd-brand-mint);
  --wmd-accent:var(--wmd-brand-mint);
  --wmd-accent-line:color-mix(in srgb,var(--wmd-brand-mint) 42%,transparent);
  --wmd-tint:color-mix(in srgb,var(--wmd-brand-mint) 8%,#192229);
  --wmd-tint-hover:color-mix(in srgb,var(--wmd-brand-mint) 15%,#192229);
  --wmd-control-line:color-mix(in srgb,var(--wmd-brand-mint) 30%,#33414a);
  --green:var(--wmd-brand-mint)
}

/* Neutral graphite surfaces. Mint is an accent, not a green page wash. */
#app .wmd-workspace--networth :is(
  .nw-unified-dashboard,.nw-unified-overview,.nw-unified-trend,
  .nw-overview-section,.nw-group,.growth-snapshot,.history-panel,
  .history-chart-frame,.history-inspector
){
  background-color:#182126!important;
  border-color:#3a4b50!important;
  box-shadow:none!important
}
#app .wmd-workspace--networth .nw-unified-dashboard{
  background:linear-gradient(145deg,#192429,#151d21)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 28%,#3a4b50)!important
}
#app .wmd-workspace--networth .nw-unified-overview,
#app .wmd-workspace--networth .nw-unified-trend{
  background:transparent!important
}
#app .wmd-workspace--networth :is(.nw-group-head,.nw-section-title){
  background:#1d272c!important
}
#app .wmd-workspace--networth .nw-group-head:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 5%,#243036)!important
}

/* One exact mint for Net Worth identity, totals, links and chart controls. */
#app .wmd-workspace--networth :is(
  .history-eyebrow,.history-head-summary strong,
  .growth-snapshot-head>div>span,
  .nw-overview-section:not(.liabilities) .nw-overview-amount,
  .nw-group .cf-link span,
  .cashflow-linked,
  .history-range-result b.positive
){
  color:var(--wmd-brand-mint-soft)!important
}
#app .wmd-workspace--networth .nw-overview-section.liabilities .nw-overview-amount{
  color:#e5a0a5!important
}
#app .wmd-workspace--networth :is(.goalbar i,.group-goal i){
  background:var(--wmd-brand-mint)!important
}
#app .wmd-workspace--networth :is(.goalbar,.group-goal){
  background:color-mix(in srgb,var(--wmd-brand-mint) 13%,#263238)!important
}
#app .wmd-workspace--networth :is(
  .history-periods button.active,.history-range button.active,
  [data-history-period].active,
  [data-nw-chart].active:not([data-nw-chart="liabilities"])
){
  background:color-mix(in srgb,var(--wmd-brand-mint) 11%,#202a2f)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 62%,#46565b)!important;
  color:var(--wmd-brand-mint-soft)!important;
  box-shadow:none!important
}
#app .wmd-workspace--networth :is(
  .nw-chart-switch button:hover,
  .nw-overview-tools button:hover,
  .history-periods button:hover:not(.active)
){
  background:color-mix(in srgb,var(--wmd-brand-mint) 7%,#202a2f)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 50%,#46565b)!important
}
#app .wmd-workspace--networth :is(
  .nw-overview-tools button,.history-periods,.nw-chart-switch button,
  .history-range-result
){
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 24%,#3a4b50)!important
}
#app .wmd-workspace--networth .cf-link input:checked+span{
  background:color-mix(in srgb,var(--wmd-brand-mint) 10%,#202a2f)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 58%,#46565b)!important;
  color:var(--wmd-brand-mint-soft)!important
}

/* The Net Worth trend uses the same landing mint, including hover/inspection state. */
#app .wmd-workspace--networth :is(.history-line,[data-history-focus-line]){
  stroke:var(--wmd-brand-mint)!important
}
#app .wmd-workspace--networth .history-area{
  fill:color-mix(in srgb,var(--wmd-brand-mint) 13%,transparent)!important
}
#app .wmd-workspace--networth :is(.history-point:hover,[data-history-focus-dot]){
  fill:var(--wmd-brand-mint-soft)!important;
  stroke:#173128!important
}

/* Keep positive Net Worth progress on brand mint; negatives remain semantic red. */
#app .wmd-workspace--networth .growth-snapshot-grid article.positive strong{
  color:var(--wmd-brand-mint-soft)!important
}
#app .wmd-workspace--networth .growth-snapshot-grid article.negative strong,
#app .wmd-workspace--networth .history-range-result b.negative{
  color:#e5969b!important
}

/* Focus and transient feedback use the same brand token. */
#app .wmd-workspace--networth :is(button,summary,input,select,textarea):focus-visible{
  outline-color:var(--wmd-brand-mint)!important
}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name]:hover{
  border-bottom-color:var(--wmd-brand-mint)!important
}
#app .wmd-workspace--networth .nw-heading-interactive input[data-group-name].is-editing{
  background:color-mix(in srgb,var(--wmd-brand-mint) 9%,#1b272d)!important;
  border-color:var(--wmd-brand-mint)!important
}
@keyframes wmd-networth-brand-flash{
  0%,18%{background:color-mix(in srgb,var(--wmd-brand-mint) 20%,transparent);box-shadow:inset 0 0 0 2px var(--wmd-brand-mint)}
  100%{background:transparent;box-shadow:inset 0 0 0 0 transparent}
}
#app .wmd-workspace--networth .nw-subrow.nw-new-row-flash{
  animation:wmd-networth-brand-flash 1.8s ease-out both!important
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-subrow.nw-new-row-flash{
    animation:none!important;
    outline:2px solid var(--wmd-brand-mint)!important
  }
}


/* Coach George uses the exact WMD mascot artwork.
   Keep the character visually identical to the logo instead of a separate cartoon style. */
#app .landing-v6 .launch-guidance-portrait>img.launch-guidance-brand-mascot{
  width:150px!important;
  height:150px!important;
  max-width:150px!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center!important;
  mix-blend-mode:normal!important;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.34))!important
}
#app .landing-v6 .launch-guidance-portrait::before{
  inset:18px 12px 12px!important;
  background:radial-gradient(circle,rgba(87,215,170,.19),rgba(87,215,170,.055) 55%,transparent 74%)!important
}
@media(max-width:700px){
  #app .landing-v6 .launch-guidance-portrait>img.launch-guidance-brand-mascot{
    width:112px!important;height:112px!important;max-width:112px!important;max-height:112px!important
  }
}
@media(max-width:520px){
  #app .landing-v6 .launch-guidance-portrait>img.launch-guidance-brand-mascot{
    width:104px!important;height:104px!important;max-width:104px!important;max-height:104px!important
  }
}


/* v6.10.118: Net Worth surface balance and photo-confirmation palette. */
/* Keep Net Worth recognizably mint-branded without turning the whole canvas green.
   Large surfaces use the same graphite family as the rest of the application. */
#app .wmd-workspace--networth .nw-unified-dashboard{
  background:linear-gradient(145deg,#1b2429 0%,#171f23 68%,#151c20 100%)!important;
  border-color:#3d5054!important;
  box-shadow:0 12px 32px rgba(0,0,0,.10)!important;
}
#app .wmd-workspace--networth :is(
  .history-chart-frame,.history-inspector,.nw-overview-section,.nw-group,.growth-snapshot
){
  background:#182126!important;
  border-color:#3a4b50!important;
}
#app .wmd-workspace--networth .nw-unified-trend{
  border-color:#39494e!important;
}

/* Photo-confirmation disclosure belongs to Net Worth, so use the same neutral
   graphite surface with mint reserved for state and interaction. */
#app .wmd-workspace--networth + .photo-trust-summary,
#app .wmd-workspace--networth .photo-trust-summary{
  margin-top:0!important;
  border:1px solid #3d5054!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#1b2429,#171f23)!important;
  color:#e9f2ef!important;
  box-shadow:none!important;
  overflow:hidden;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary,
#app .wmd-workspace--networth .photo-trust-summary>summary{
  min-height:58px;
  padding:12px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:transparent!important;
  color:#e9f2ef!important;
  border:0!important;
  cursor:pointer;
  list-style:none;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary::-webkit-details-marker,
#app .wmd-workspace--networth .photo-trust-summary>summary::-webkit-details-marker{
  display:none;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary>span:first-child,
#app .wmd-workspace--networth .photo-trust-summary>summary>span:first-child{
  display:grid!important;
  gap:2px!important;
  min-width:0;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary strong,
#app .wmd-workspace--networth .photo-trust-summary>summary strong{
  color:#eef5f2!important;
  font-size:13px!important;
  line-height:1.35!important;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary small,
#app .wmd-workspace--networth .photo-trust-summary>summary small{
  color:#a9bbb7!important;
  font-size:11px!important;
  line-height:1.4!important;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary>span:last-child,
#app .wmd-workspace--networth .photo-trust-summary>summary>span:last-child{
  width:30px!important;
  height:30px!important;
  flex:none!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid color-mix(in srgb,var(--wmd-brand-mint) 28%,#46565b)!important;
  border-radius:8px!important;
  background:#202a2f!important;
  color:var(--wmd-brand-mint-soft)!important;
  font-size:14px!important;
  transition:transform .16s ease,background .16s ease,border-color .16s ease;
}
#app .wmd-workspace--networth + .photo-trust-summary[open]>summary,
#app .wmd-workspace--networth .photo-trust-summary[open]>summary{
  border-bottom:1px solid #33444a!important;
}
#app .wmd-workspace--networth + .photo-trust-summary[open]>summary>span:last-child,
#app .wmd-workspace--networth .photo-trust-summary[open]>summary>span:last-child{
  transform:rotate(180deg);
  background:color-mix(in srgb,var(--wmd-brand-mint) 8%,#202a2f)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 50%,#46565b)!important;
}
#app .wmd-workspace--networth + .photo-trust-summary>summary:hover,
#app .wmd-workspace--networth .photo-trust-summary>summary:hover{
  background:color-mix(in srgb,var(--wmd-brand-mint) 3%,#1b2429)!important;
}
#app .wmd-workspace--networth + .photo-trust-summary .photo-trust-list,
#app .wmd-workspace--networth .photo-trust-summary .photo-trust-list{
  padding:10px 16px 14px!important;
  background:#171f23!important;
  color:#dce8e4!important;
}
#app .wmd-workspace--networth + .photo-trust-summary .photo-trust-list>div,
#app .wmd-workspace--networth .photo-trust-summary .photo-trust-list>div{
  border-color:#33444a!important;
  background:#1b2429!important;
}
#app .wmd-workspace--networth + .photo-trust-summary .photo-trust-list p,
#app .wmd-workspace--networth .photo-trust-summary .photo-trust-list p{
  color:#9fb2ae!important;
}
@media(max-width:680px){
  #app .wmd-workspace--networth + .photo-trust-summary>summary,
  #app .wmd-workspace--networth .photo-trust-summary>summary{
    padding:11px 13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth + .photo-trust-summary>summary>span:last-child,
  #app .wmd-workspace--networth .photo-trust-summary>summary>span:last-child{
    transition:none;
  }
}


/* v6.10.119: final Net Worth palette pass. */
/* Final hierarchy: graphite carries the page, mint identifies Net Worth and selected/positive states. */
#app .wmd-workspace--networth .nw-unified-dashboard{
  background:linear-gradient(145deg,#1b2226 0%,#171d21 70%,#141a1e 100%)!important;
  border-color:#39464c!important;
  box-shadow:0 12px 30px rgba(0,0,0,.09)!important;
}
#app .wmd-workspace--networth :is(
  .history-chart-frame,.history-inspector,.nw-overview-section,.nw-group,.growth-snapshot
){
  background:#1a2226!important;
  border-color:#344148!important;
}
#app .wmd-workspace--networth .nw-unified-trend{
  border-color:#344148!important;
}
#app .wmd-workspace--networth .history-panel .history-periods{
  border-color:#39464c!important;
  background:#171e22!important;
}
#app .wmd-workspace--networth .history-panel .history-periods button:not(.active){
  color:#c2ced2!important;
  background:transparent!important;
  border-color:transparent!important;
}
#app .wmd-workspace--networth .history-panel .history-periods button:not(.active):hover{
  background:#20282d!important;
  border-color:#425057!important;
}
#app .wmd-workspace--networth .history-chart-frame,
#app .wmd-workspace--networth .history-inspector{
  box-shadow:none!important;
}

/* Photo-confirmed balances should read as a secondary Net Worth card, not a green banner. */
#app .wmd-workspace--networth .photo-trust-summary,
#app .wmd-workspace--networth + .photo-trust-summary{
  background:#1a2226!important;
  border-color:#39464c!important;
}
#app .wmd-workspace--networth .photo-trust-summary>summary,
#app .wmd-workspace--networth + .photo-trust-summary>summary{
  background:#1a2226!important;
}
#app .wmd-workspace--networth .photo-trust-summary>summary:hover,
#app .wmd-workspace--networth + .photo-trust-summary>summary:hover{
  background:#1d272b!important;
}
#app .wmd-workspace--networth .photo-trust-summary>summary>span:last-child,
#app .wmd-workspace--networth + .photo-trust-summary>summary>span:last-child{
  background:#20282d!important;
  border-color:#425057!important;
  color:#b9c8c5!important;
}
#app .wmd-workspace--networth .photo-trust-summary>summary:hover>span:last-child,
#app .wmd-workspace--networth + .photo-trust-summary>summary:hover>span:last-child,
#app .wmd-workspace--networth .photo-trust-summary[open]>summary>span:last-child,
#app .wmd-workspace--networth + .photo-trust-summary[open]>summary>span:last-child{
  background:color-mix(in srgb,var(--wmd-brand-mint) 7%,#20282d)!important;
  border-color:color-mix(in srgb,var(--wmd-brand-mint) 38%,#425057)!important;
  color:var(--wmd-brand-mint-soft)!important;
}
#app .wmd-workspace--networth .photo-trust-summary[open]>summary,
#app .wmd-workspace--networth + .photo-trust-summary[open]>summary{
  border-bottom-color:#344148!important;
}
#app .wmd-workspace--networth .photo-trust-summary .photo-trust-list,
#app .wmd-workspace--networth + .photo-trust-summary .photo-trust-list{
  background:#171e22!important;
}
#app .wmd-workspace--networth .photo-trust-summary .photo-trust-list>div,
#app .wmd-workspace--networth + .photo-trust-summary .photo-trust-list>div{
  background:#1a2226!important;
  border-color:#344148!important;
}

/* Keep mint emphasis intentional instead of outlining every surface. */
#app .wmd-workspace--networth :is(
  .nw-chart-switch button:not(.active),
  .history-toggle,
  .chart-action,
  .history-inspector,
  .history-chart-frame
){
  border-color:#3b494f!important;
}
#app .wmd-workspace--networth :is(
  .history-periods button.active,
  [data-history-period].active,
  [data-nw-chart].active:not([data-nw-chart="liabilities"])
){
  box-shadow:none!important;
}

/* smart-search-experience.css */
/* Contextual predictive navigation for all six financial workspaces. */
.wmd-workspace > .wmd-discovery{position:relative;isolation:isolate;margin:12px 0 16px;padding:13px 16px;border:1px solid color-mix(in srgb,var(--wmd-accent,#92e7c5) 21%,#344d52);border-radius:15px;background:#192a32;color:#eff8f6;box-shadow:0 6px 23px rgba(0,0,0,.12)}
.wmd-discovery-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:9px}
.wmd-discovery-copy{display:flex;align-items:baseline;gap:10px;min-width:0;flex-wrap:wrap}
.wmd-discovery-kicker{font-size:10px;font-weight:800;letter-spacing:.10em;color:#91dec7}
.wmd-discovery-copy strong{font-size:13px;font-weight:770;color:#f0faf7}
.wmd-discovery-copy small{font-size:11px;color:#b7cbd0}
.wmd-discovery-browse{flex-shrink:0;border:0;background:transparent;color:#a8e6d4;font-size:11px;font-weight:700;cursor:pointer;padding:6px}
.wmd-discovery-browse:hover,.wmd-discovery-browse:focus-visible{text-decoration:underline;outline-offset:3px}
.wmd-discovery-control{display:flex;gap:8px;align-items:center;min-width:0;min-height:43px;border:1px solid #668981;border-radius:10px;background:#112329;padding:0 12px}
.wmd-discovery-control:focus-within{border-color:#a4ead0;box-shadow:0 0 0 2px rgba(142,222,192,.2)}
.wmd-discovery-magnify{font-size:24px;color:#a0dfca;line-height:1}
.wmd-discovery-input{display:block;flex:1;min-width:0;width:100%;height:43px;border:0!important;box-shadow:none!important;background:transparent!important;color:#f2faf8!important;font-size:16px;outline:none;padding:0}
.wmd-discovery-input::placeholder{color:#bbcfd0;opacity:1}
.wmd-discovery-key{flex-shrink:0;font-size:10px;font-weight:750;border:1px solid #45656b;border-radius:5px;color:#bcd5d0;padding:3px 6px}
.wmd-discovery-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:9px}
.wmd-discovery-suggest-label{font-size:9px;letter-spacing:.08em;font-weight:800;color:#a0bebf}
.wmd-discovery-chip{display:inline-flex;max-width:min(100%,205px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #456166;border-radius:999px;background:#263d43;color:#e0eee9;font-size:11px;font-weight:650;cursor:pointer;padding:6px 10px}
.wmd-discovery-chip:is(:hover,:focus-visible){background:#33514e;border-color:#a9e5d0}
.wmd-discovery-field{position:relative;min-width:0}
.wmd-discovery-chips[hidden]{display:none!important}
.wmd-discovery-results{position:absolute;left:0;right:auto;top:calc(100% + 7px);width:min(100%,540px);max-width:100%;box-sizing:border-box;z-index:21;max-height:min(290px,42dvh);overflow:auto;overscroll-behavior:contain;background:#1d3037;border:1px solid #719e93;border-radius:12px;box-shadow:0 16px 35px rgba(4,14,20,.34);padding:7px;scrollbar-width:thin}
.wmd-discovery-results[hidden]{display:none}
.wmd-discovery-status{font-size:10px;font-weight:850;letter-spacing:.08em;color:#a2d9ca;padding:6px 9px}
.wmd-discovery-result{display:flex;justify-content:space-between;align-items:center;gap:10px;text-align:left;width:100%;min-height:51px;padding:8px 11px;border:1px solid transparent;border-radius:8px;background:transparent;color:#e6f4ef;cursor:pointer;font:inherit}
.wmd-discovery-result:is(:hover,:focus-visible){background:#315048;border-color:#98dbca;outline:0}
.wmd-discovery-result-copy{display:grid;gap:3px;min-width:0}
.wmd-discovery-result-copy strong{font-size:13px;font-weight:750;overflow-wrap:anywhere}
.wmd-discovery-result-copy small{font-size:11px;color:#bdd3d3;overflow-wrap:anywhere}
.wmd-discovery-result-tag{flex-shrink:0;font-size:10px;color:#9cdec8}
.wmd-discovery-empty{font-size:12px;color:#c5d7d4;margin:5px 10px 12px}
.wmd-discovery-more{width:100%;text-align:left;border:0;border-top:1px solid #3d6164;padding:11px 10px 5px;color:#afe4d4;background:transparent;font-size:12px;font-weight:700;cursor:pointer}
.snapper-search-help{display:block;margin:5px 2px 0;color:#a8c1bf;font-size:11px;line-height:1.5}
@media(max-width:650px){
 .wmd-workspace > .wmd-discovery{margin:9px 0 13px;padding:11px 11px 12px;border-radius:12px}
 .wmd-discovery-heading{align-items:flex-start}
 .wmd-discovery-copy{display:grid;gap:2px}
 .wmd-discovery-copy small{display:none}
 .wmd-discovery-browse{max-width:112px;text-align:right}
 .wmd-discovery-control,.wmd-discovery-input{min-height:45px}
 .wmd-discovery-key{display:none}
 .wmd-discovery-results{left:0;right:auto;width:100%;max-height:min(260px,40dvh)}
 .wmd-discovery-chips{gap:5px}
 .wmd-discovery-chip{max-width:150px}
}
@media(prefers-reduced-motion:reduce){.wmd-discovery *{scroll-behavior:auto!important;transition:none!important}}


/* Per-workspace search colors.
   Both search surfaces reuse the six established --wmd-accent tokens, rather
   than introducing a competing teal palette. Financial data is untouched. */
#app .wmd-workspace > .wmd-discovery,
#app .wmd-smart-backdrop[data-search-page]{
  --wmd-find-accent:var(--wmd-accent,var(--wmd-brand-mint,#57d7aa));
  --wmd-find-panel:color-mix(in srgb,var(--wmd-find-accent) 6%,#192329);
  --wmd-find-field:color-mix(in srgb,var(--wmd-find-accent) 6%,#131e25);
  --wmd-find-raised:color-mix(in srgb,var(--wmd-find-accent) 10%,#222e35);
  --wmd-find-menu:color-mix(in srgb,var(--wmd-find-accent) 7%,#1b2930);
  --wmd-find-hover:color-mix(in srgb,var(--wmd-find-accent) 19%,#1d2c33);
  --wmd-find-line:color-mix(in srgb,var(--wmd-find-accent) 33%,#354852);
  --wmd-find-strong-line:color-mix(in srgb,var(--wmd-find-accent) 70%,#506872);
  --wmd-find-muted:color-mix(in srgb,var(--wmd-find-accent) 13%,#cbd8dc);
}
#app .wmd-workspace > .wmd-discovery{
  background:var(--wmd-find-panel);border-color:var(--wmd-find-line);color:#f0f5f7
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-copy strong{color:#f0f5f7}
#app .wmd-workspace > .wmd-discovery :is(.wmd-discovery-kicker,.wmd-discovery-browse,.wmd-discovery-magnify,.wmd-discovery-status,.wmd-discovery-result-tag,.wmd-discovery-more){color:var(--wmd-find-accent)}
#app .wmd-workspace > .wmd-discovery :is(.wmd-discovery-copy small,.wmd-discovery-suggest-label,.wmd-discovery-result-copy small,.wmd-discovery-empty){color:var(--wmd-find-muted)}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-control{background:var(--wmd-find-field);border-color:var(--wmd-find-line)}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-control:focus-within{
  border-color:var(--wmd-find-strong-line);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-find-accent) 19%,transparent)
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input,
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input:focus,
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input:focus-visible{
  border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;color:#f2f7f9!important
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input::placeholder{color:#c1cdd2!important;opacity:1}

/* The native search clear icon can retain the browser's blue tint. Draw its X
   using the page/theme search accent without replacing native clear behavior. */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input::-webkit-search-cancel-button{
  -webkit-appearance:none;appearance:none;
  inline-size:28px;block-size:28px;margin-inline-start:4px;
  border-radius:6px;cursor:pointer;
  background:
    linear-gradient(45deg,transparent calc(50% - 1px),var(--wmd-find-accent) calc(50% - 1px),var(--wmd-find-accent) calc(50% + 1px),transparent calc(50% + 1px)) center/14px 14px no-repeat,
    linear-gradient(-45deg,transparent calc(50% - 1px),var(--wmd-find-accent) calc(50% - 1px),var(--wmd-find-accent) calc(50% + 1px),transparent calc(50% + 1px)) center/14px 14px no-repeat;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input::-webkit-search-cancel-button:hover{
  background-color:color-mix(in srgb,var(--wmd-find-accent) 12%,transparent);
}

#app .wmd-workspace > .wmd-discovery .wmd-discovery-key{border-color:var(--wmd-find-line);color:var(--wmd-find-muted)}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-chip{
  background:var(--wmd-find-raised);border-color:var(--wmd-find-line);color:#edf4f6
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-chip:is(:hover,:focus-visible){
  background:var(--wmd-find-hover);border-color:var(--wmd-find-strong-line);
  outline:2px solid var(--wmd-find-accent);outline-offset:2px
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-results{
  background:var(--wmd-find-menu);border-color:var(--wmd-find-strong-line)
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-result{
  background:transparent;color:#eff5f7
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-result:is(:hover,:focus-visible){
  background:var(--wmd-find-hover);border-color:var(--wmd-find-strong-line);
  outline:2px solid var(--wmd-find-accent);outline-offset:-2px
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-more{border-top-color:var(--wmd-find-line)}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-more:is(:hover,:focus-visible){
  background:var(--wmd-find-hover);outline:2px solid var(--wmd-find-accent);outline-offset:-2px
}
/* Full search dialog retains the colors of the page from which it was opened. */
#app .wmd-smart-backdrop[data-search-page="networth"]{--wmd-find-accent:var(--wmd-networth-accent,var(--wmd-brand-mint,#57d7aa))}
#app .wmd-smart-backdrop[data-search-page="budget"]{--wmd-find-accent:var(--wmd-budget-accent,#d6bc91)}
#app .wmd-smart-backdrop[data-search-page="cashflow"]{--wmd-find-accent:var(--wmd-cashflow-accent,#a0c4df)}
#app .wmd-smart-backdrop[data-search-page="debt"]{--wmd-find-accent:var(--wmd-debt-accent,#d4afb2)}
#app .wmd-smart-backdrop[data-search-page="investments"]{--wmd-find-accent:var(--wmd-investments-accent,#9fcbb8)}
#app .wmd-smart-backdrop[data-search-page="retirement"]{--wmd-find-accent:var(--wmd-retirement-accent,#a0c7d4)}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-dialog{
  background:var(--wmd-find-panel);border-color:var(--wmd-find-line)
}
#app .wmd-smart-backdrop[data-search-page] :is(.wmd-smart-head span,.wmd-smart-result em,.wmd-smart-input-shell svg){color:var(--wmd-find-accent)}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell{
  background:var(--wmd-find-field);border-color:var(--wmd-find-line)
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell:focus-within{
  border-color:var(--wmd-find-strong-line);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-find-accent) 19%,transparent)
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-close{
  background:var(--wmd-find-field);border-color:var(--wmd-find-line)
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result{
  background:var(--wmd-find-raised);border-color:var(--wmd-find-line)
}
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-result:is(:hover,:focus-visible){
  background:var(--wmd-find-hover);border-color:var(--wmd-find-strong-line);
  outline:2px solid var(--wmd-find-accent);outline-offset:2px
}
#app .wmd-smart-backdrop[data-search-page] :is(.wmd-smart-result small,.wmd-smart-footnote){color:var(--wmd-find-muted)}

/* search destination palette chips: color denotes WHERE a result opens, not
   which workspace the search originated from. Text remains present for a11y. */
#app [data-search-destination="networth"]{--wmd-route-accent:var(--wmd-networth-accent,var(--wmd-brand-mint,#57d7aa))}
#app [data-search-destination="budget"]{--wmd-route-accent:var(--wmd-budget-accent,#d6bc91)}
#app [data-search-destination="cashflow"]{--wmd-route-accent:var(--wmd-cashflow-accent,#a0c4df)}
#app [data-search-destination="debt"]{--wmd-route-accent:var(--wmd-debt-accent,#d4afb2)}
#app [data-search-destination="investments"]{--wmd-route-accent:var(--wmd-investments-accent,#9fcbb8)}
#app [data-search-destination="retirement"]{--wmd-route-accent:var(--wmd-retirement-accent,#a0c7d4)}
#app .wmd-discovery-result .wmd-search-destination,
#app .wmd-smart-backdrop .wmd-smart-result .wmd-search-destination{
  display:inline-flex;justify-content:center;align-items:center;
  flex:0 0 auto;max-width:126px;white-space:nowrap;
  padding:5px 9px;border:1px solid var(--wmd-route-accent,#889ba2);
  border-radius:999px;background:var(--wmd-route-accent,#889ba2);
  color:#172329!important;font-size:11px;font-weight:800;line-height:1.25;
  font-style:normal;text-align:center;letter-spacing:0
}
#app .wmd-discovery-result .wmd-search-destination.is-current,
#app .wmd-smart-backdrop .wmd-smart-result .wmd-search-destination.is-current{
  background:#29373e;border-color:#53636b;color:#d6e0e2!important;
  font-size:10px;font-weight:650
}
#app .wmd-discovery-chip .wmd-search-chip-route{
  display:inline-block;flex:none;width:9px;height:9px;
  border-radius:50%;margin-left:3px;
  background:var(--wmd-route-accent,#8ea1a8);
  box-shadow:0 0 0 1px rgba(15,23,28,.32)
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-result,
#app .wmd-smart-backdrop .wmd-smart-result{min-width:0}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-result-copy,
#app .wmd-smart-backdrop .wmd-smart-result>span:not(.wmd-search-destination){
  flex:1 1 auto;min-width:0
}
@media(max-width:390px){
  #app .wmd-discovery-result .wmd-search-destination,
  #app .wmd-smart-backdrop .wmd-smart-result .wmd-search-destination{
    max-width:107px;font-size:10px;padding:4px 6px
  }
}

/* One question box, one evidence-backed answer, optional navigation. */
.wmd-discovery-answer{display:grid;gap:10px;margin:12px 0 2px;padding:13px 14px;
  border:1px solid var(--wmd-find-line,#41596c);
  background:var(--wmd-find-panel,#1a2836);
  border-radius:12px;color:var(--wmd-find-text,#f0f6fb)}
.wmd-discovery-answer[hidden]{display:none!important}
.wmd-discovery-answer-copy{display:grid;gap:5px;min-width:0}
.wmd-discovery-answer-copy strong{font-size:13px;font-weight:750}
.wmd-discovery-answer-copy b{font-size:clamp(19px,2.5vw,28px);font-weight:800;line-height:1.2;font-variant-numeric:tabular-nums}
.wmd-discovery-answer-copy p{margin:0;font-size:13px;line-height:1.55;color:var(--wmd-find-text,#f0f6fb);overflow-wrap:anywhere}
.wmd-discovery-answer-copy small{font-size:11px;line-height:1.45;color:var(--wmd-find-muted,#bdcbd8)}
.wmd-discovery-answer-actions{display:flex;gap:7px;flex-wrap:wrap}
.wmd-discovery-answer-action{background:var(--wmd-find-raised,#26384a);
  color:var(--wmd-find-text,#f0f6fb);border:1px solid var(--wmd-find-line,#41596c);
  border-radius:9px;min-height:36px;padding:7px 11px;font-size:12px;font-weight:700;cursor:pointer}
.wmd-discovery-answer-action:hover,.wmd-discovery-answer-action:focus-visible{
  background:var(--wmd-find-hover,#304a61);border-color:var(--wmd-find-strong-line,#6487a2)}
@media(max-width:600px){.wmd-discovery-answer{padding:11px}.wmd-discovery-answer-actions{display:grid;grid-template-columns:1fr}.wmd-discovery-answer-action{width:100%;text-align:left}}

/* Compact evidence and follow-up presentation, shared across all page palettes. */
#app .wmd-discovery-answer-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:7px;margin:4px 0}
#app .wmd-discovery-answer-fact{display:grid;gap:4px;min-width:0;padding:8px 10px;border:1px solid var(--wmd-find-line);border-radius:9px;background:var(--wmd-find-field)}
#app .wmd-discovery-answer-fact dt{font-size:10px;line-height:1.3;color:var(--wmd-find-muted)}
#app .wmd-discovery-answer-fact dd{margin:0;font-size:12px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-weight:720}
#app .wmd-discovery-answer-source{display:block;font-size:10px;line-height:1.4;color:var(--wmd-find-muted)}
#app .wmd-discovery-followups{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid var(--wmd-find-line);padding-top:9px}
#app .wmd-discovery-followup{border:1px solid var(--wmd-find-line);background:transparent;border-radius:999px;padding:7px 10px;color:#e7f1f3;font-size:11px;line-height:1.3;text-align:left;cursor:pointer}
#app .wmd-discovery-followup:hover,#app .wmd-discovery-followup:focus-visible{border-color:var(--wmd-find-strong-line);background:var(--wmd-find-hover);outline-offset:2px}
#app .wmd-discovery-answer .wmd-discovery-answer-fact:has(dd){min-width:0}
@media(max-width:600px){#app .wmd-discovery-answer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#app .wmd-discovery-followup{max-width:100%}}
@media(max-width:345px){#app .wmd-discovery-answer-facts{grid-template-columns:1fr}}

/* Command dialog uses a neutral surface and the actual active page color. */
#app .wmd-smart-backdrop[data-search-page][data-smart-search-backdrop]{
 --wmd-find-accent:var(--wmd-current-accent,var(--wmd-brand-mint,#57d7aa));
 --wmd-find-panel:#192229;
 --wmd-find-field:#121b22;
 --wmd-find-raised:#232e36;
 --wmd-find-menu:#192229;
 --wmd-find-hover:color-mix(in srgb,var(--wmd-find-accent) 10%,#243039);
 --wmd-find-line:color-mix(in srgb,var(--wmd-find-accent) 24%,#43525d);
 --wmd-find-strong-line:color-mix(in srgb,var(--wmd-find-accent) 60%,#475760);
 --wmd-find-muted:#b8c7cf;
}
#app .wmd-smart-backdrop[data-smart-search-backdrop] .wmd-smart-result .wmd-search-destination{
 background:transparent!important;
 border-color:var(--wmd-route-accent,var(--wmd-find-accent))!important;
 color:var(--wmd-route-accent,var(--wmd-find-accent))!important;
}
#app .wmd-smart-backdrop[data-smart-search-backdrop] .wmd-smart-result .wmd-search-destination.is-current{
 color:#cdd8dd!important;border-color:#52636e!important;
}

/* Grouped command discovery, neutral cards, distinct page accent. */
#app .wmd-smart-backdrop[data-smart-search-backdrop] .wmd-smart-results{display:block;padding:2px 3px;max-height:min(56dvh,520px)}
#app .wmd-smart-group{margin:0 0 15px}
#app .wmd-smart-group:last-child{margin-bottom:0}
#app .wmd-smart-group-label{color:var(--wmd-find-accent);font-size:10px;font-weight:850;letter-spacing:.1em;margin:5px 2px 8px}
#app .wmd-smart-backdrop[data-smart-search-backdrop] .wmd-smart-result{
 min-height:48px;padding:9px 11px;margin-bottom:5px;border-radius:9px;
}
#app .wmd-smart-question{display:flex;align-items:center;text-align:left;gap:10px;width:100%;
 min-height:42px;margin-bottom:6px;padding:8px 12px;background:#222d35;color:#edf4f7;
 border:1px solid #45535c;border-radius:9px;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
#app .wmd-smart-question b{display:grid;place-items:center;flex:0 0 22px;height:22px;
 color:var(--wmd-find-accent);border:1px solid var(--wmd-find-line);border-radius:6px}
#app .wmd-smart-question em{margin-left:auto;color:var(--wmd-find-accent);font-style:normal}
#app .wmd-smart-question:is(:hover,:focus-visible),#app .wmd-smart-more:is(:hover,:focus-visible){
 background:var(--wmd-find-hover);border-color:var(--wmd-find-strong-line);
 outline:2px solid var(--wmd-find-accent);outline-offset:1px}
#app .wmd-smart-answer{display:grid;gap:7px;margin-bottom:15px;padding:13px;
  background:var(--wmd-find-panel,#1a2836);border:1px solid var(--wmd-find-line);
  border-left:3px solid var(--wmd-find-accent);border-radius:11px;color:var(--wmd-find-text,#f0f6fb)}
#app .wmd-smart-answer strong{font-size:15px;line-height:1.4}
#app .wmd-smart-answer b{font-size:23px;font-variant-numeric:tabular-nums}
#app .wmd-smart-answer p{margin:0;color:var(--wmd-find-text,#f0f6fb);font-size:12px;line-height:1.55}
#app .wmd-smart-answer small{color:var(--wmd-find-muted,#bdcbd8);font-size:11px;line-height:1.5}
#app .wmd-smart-answer-actions{display:flex;flex-wrap:wrap;gap:7px}
#app .wmd-smart-answer-actions button{padding:8px 10px;border:1px solid var(--wmd-find-line);
 border-radius:8px;background:transparent;color:var(--wmd-find-accent);cursor:pointer}
#app .wmd-smart-more{width:100%;min-height:40px;background:#222d35;color:var(--wmd-find-accent);
 border:1px solid var(--wmd-find-line);border-radius:9px;font-weight:750;cursor:pointer}
@media(max-width:650px){#app .wmd-smart-backdrop[data-smart-search-backdrop] .wmd-smart-results{max-height:66dvh}}

/* One small proactive check, within existing Ask row, not another dashboard card.
   Use the active workspace accent and respect narrow iPhone widths. */
#app .wmd-discovery-chips .wmd-discovery-next{
  display:inline-flex;align-items:stretch;max-width:min(100%,310px);min-width:0;
  border:1px solid var(--wmd-find-strong-line,var(--wmd-find-line,#59756e));
  border-radius:999px;background:var(--wmd-find-raised,#25353b);
  overflow:hidden;flex:0 1 auto
}
#app .wmd-discovery-next-button{
  display:block;min-width:0;max-width:280px;padding:7px 9px 7px 11px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  border:0;background:transparent;color:#eef7f5;font:inherit;font-size:11px;
  line-height:1.4;font-weight:750;text-align:left;cursor:pointer
}
#app .wmd-discovery-next-button:first-letter{color:var(--wmd-find-accent,#83d9b9)}
#app .wmd-discovery-next-dismiss{
  flex:0 0 30px;border:0;border-left:1px solid var(--wmd-find-line,#486068);
  background:transparent;color:var(--wmd-find-muted,#aec5c7);
  font:inherit;font-size:16px;line-height:1;cursor:pointer;padding:0
}
#app .wmd-discovery-next :is(button:hover,button:focus-visible){
  background:var(--wmd-find-hover,#365249);outline:2px solid var(--wmd-find-accent,#8fdbc3);
  outline-offset:-2px
}
@media(max-width:650px){
 #app .wmd-discovery-chips .wmd-discovery-next{max-width:100%;flex:0 1 auto}
 #app .wmd-discovery-next-button{max-width:min(66vw,230px);font-size:11px}
}
@media(prefers-reduced-motion:reduce){#app .wmd-discovery-next *{transition:none!important}}

/* Evidence in the Ctrl+K dialog uses the same concise answer structure as
   the in-page Ask Your Money panel, without a second color system. */
#app .wmd-smart-answer-facts{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));
 gap:7px;margin:3px 0;padding:0
}
#app .wmd-smart-answer-facts>div{
 display:grid;gap:4px;min-width:0;padding:8px 10px;
 border:1px solid var(--wmd-find-line,#445c63);
 border-radius:9px;background:var(--wmd-find-field,#15242b)
}
#app .wmd-smart-answer-facts dt{font-size:10px;line-height:1.4;color:var(--wmd-find-muted,#b8c7cf)}
#app .wmd-smart-answer-facts dd{
 font-size:12px;font-weight:720;font-variant-numeric:tabular-nums;
 margin:0;overflow-wrap:anywhere;color:var(--wmd-find-text,#f0f6fb)
}
@media(max-width:390px){
 #app .wmd-smart-answer-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:340px){#app .wmd-smart-answer-facts{grid-template-columns:1fr}}


/* Inline Ask Your Money suggestions participate in layout instead of covering
   the month heading, KPI cards or content below. The search stays one row closed. */
#app .wmd-workspace > .wmd-discovery > .wmd-discovery-results{
  position:static!important;
  grid-column:2;
  grid-row:auto;
  justify-self:stretch;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  margin:0;
  max-height:min(290px,42dvh);
  overflow-y:auto;
  box-sizing:border-box;
  z-index:auto;
}
#app .wmd-workspace > .wmd-discovery > .wmd-discovery-results[hidden]{
  display:none!important;
}
@media(max-width:720px){
  #app .wmd-workspace > .wmd-discovery > .wmd-discovery-results{
    grid-column:1/-1;
    max-height:min(260px,40dvh);
  }
}

/* Expandable question explorer, never masks search results or financial cards. */
#app .wmd-discovery-library[hidden]{display:none!important}
#app .wmd-discovery-library{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px;
  border-top:1px solid var(--wmd-find-line);padding-top:12px}
#app .wmd-discovery-library-title{width:100%;font-size:12px;color:var(--wmd-find-text,#e7f1f3)}
#app .wmd-discovery-library-question{border:1px solid var(--wmd-find-line);
 background:var(--wmd-find-field);border-radius:999px;color:var(--wmd-find-text,#e7f1f3);
 font-size:12px;line-height:1.35;padding:9px 12px;cursor:pointer;text-align:left;max-width:100%}
#app .wmd-discovery-library-question:hover,#app .wmd-discovery-library-question:focus-visible{
 border-color:var(--wmd-find-strong-line);background:var(--wmd-find-hover)}

/* Topic navigation keeps more questions discoverable without cluttering the page. */
#app .wmd-discovery-library-topics{display:flex;gap:6px;flex-wrap:wrap;width:100%;margin:1px 0 5px}
#app .wmd-discovery-library-topic{color:var(--wmd-find-muted);background:transparent;
  border:1px solid var(--wmd-find-line);border-radius:8px;padding:7px 11px;
  font-size:11px;font-weight:680;cursor:pointer}
#app .wmd-discovery-library-topic[aria-pressed="true"]{color:var(--wmd-find-text,#eff8f6);
  border-color:var(--wmd-find-strong-line);
  background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#57d7aa)) 15%,#192a32)}
#app .wmd-discovery-heading{flex-wrap:wrap;column-gap:8px;row-gap:2px}
#app .wmd-discovery-heading .wmd-discovery-copy{margin-right:auto}
@media(max-width:650px){
 #app .wmd-discovery-heading .wmd-discovery-browse{max-width:none;font-size:10px;padding:5px 2px}
 #app .wmd-discovery-library{gap:7px}
 #app .wmd-discovery-library-question{font-size:11px}
}

/* Disclose the evidence state without adding another prominent badge/card. */
#app .wmd-discovery-answer-copy .wmd-discovery-answer-state{
  display:block;color:var(--wmd-find-muted);font-size:10px;line-height:1.4;
  letter-spacing:.035em;font-weight:700;margin-bottom:1px;
}

/* Progressive disclosure keeps dense financial answers readable on phones. */
#app .wmd-discovery-answer-evidence{min-width:0;margin-top:4px;border:1px solid var(--wmd-find-line);
  border-radius:9px;background:var(--wmd-find-field);overflow:hidden}
#app .wmd-discovery-answer-evidence > summary{cursor:pointer;list-style:none;padding:9px 11px;
  font-size:11px;line-height:1.3;font-weight:720;color:var(--wmd-find-text,#e7f1f3);
  display:flex;align-items:center;justify-content:space-between;gap:10px}
#app .wmd-discovery-answer-evidence > summary::-webkit-details-marker{display:none}
#app .wmd-discovery-answer-evidence > summary::after{content:"+";font-size:17px;font-weight:450;line-height:1}
#app .wmd-discovery-answer-evidence[open] > summary::after{content:"−"}
#app .wmd-discovery-answer-evidence > summary:focus-visible{outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#57d7aa));outline-offset:-3px}
#app .wmd-discovery-evidence-contents{display:grid;gap:9px;padding:0 9px 10px}
#app .wmd-discovery-evidence-contents .wmd-discovery-answer-facts{margin:0}
#app .wmd-discovery-evidence-contents .wmd-discovery-answer-source{margin:0 2px}
#app .wmd-discovery-answer-caution{display:block;color:var(--wmd-find-muted);line-height:1.5}


/* Ask Your Money: progressive multi-workspace scenario evidence, aligned with existing palette. */
#app .wmd-discovery-scenario-details{
  margin-top:10px;border:1px solid var(--wmd-find-line);border-radius:10px;
  background:var(--wmd-find-field);min-width:0;overflow:hidden
}
#app .wmd-discovery-scenario-details>summary{
  cursor:pointer;padding:11px 12px;font-weight:700;font-size:12px;
  color:var(--wmd-find-text,#eaf2f4)
}
#app .wmd-discovery-scenario-details>summary:focus-visible{
  outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#57d7aa));outline-offset:-2px
}
#app .wmd-discovery-scenario-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
  padding:0 10px 10px
}
#app .wmd-discovery-scenario-area{
  min-width:0;padding:10px 11px;border:1px solid var(--wmd-find-line);
  border-radius:9px;background:color-mix(in srgb,var(--wmd-find-field) 78%,transparent)
}
#app .wmd-discovery-scenario-area>small{display:block;opacity:.75;font-size:10px;margin-bottom:4px}
#app .wmd-discovery-scenario-area>strong{
  display:block;font-size:14px;line-height:1.35;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
  color:var(--wmd-find-text,#eaf2f4)
}
#app .wmd-discovery-scenario-area>p{
  margin:6px 0 0;color:var(--wmd-find-muted,#b8c7cf);
  font-size:11px;line-height:1.55;overflow-wrap:anywhere
}
#app .wmd-discovery-web-button{
  color:var(--wmd-find-text,#eaf2f4);
  background:var(--wmd-find-field);border:1px solid var(--wmd-find-strong-line);
  padding:8px 12px;border-radius:8px;font-size:11px;font-weight:700;
  cursor:pointer
}
#app .wmd-discovery-web-button:focus-visible{outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#57d7aa))}
#app .wmd-discovery-web-button:disabled{opacity:.65;cursor:progress}
#app .wmd-discovery-web-response{
  margin-top:10px;border-top:1px solid var(--wmd-find-line);
  padding:11px 2px 4px;min-width:0
}
#app .wmd-discovery-web-kicker{
  font-size:10px;font-weight:750;letter-spacing:.04em;
  color:var(--wmd-find-muted,#b8c7cf)
}
#app .wmd-discovery-web-summary{
  margin:8px 0 10px;color:var(--wmd-find-text,#eaf2f4);
  font-size:13px;line-height:1.6;overflow-wrap:anywhere
}
#app .wmd-discovery-web-sources{
  margin:0 0 10px;padding-left:20px;display:grid;gap:10px
}
#app .wmd-discovery-web-source>a{
  font-size:12px;font-weight:700;text-decoration:underline;
  text-underline-offset:2px;color:var(--wmd-find-accent,#57d7aa);
  overflow-wrap:anywhere
}
#app .wmd-discovery-web-source>small{
  display:block;color:var(--wmd-find-muted,#b8c7cf);line-height:1.45;
  font-size:11px;margin-top:3px;overflow-wrap:anywhere
}
#app .wmd-discovery-web-caution,#app .wmd-discovery-web-error{
  display:block;font-size:11px;color:var(--wmd-find-muted,#b8c7cf);
  line-height:1.5
}
@media(max-width:590px){
  #app .wmd-discovery-scenario-grid{grid-template-columns:1fr}
  #app .wmd-discovery-scenario-area{padding:10px}
}


/* Ctrl+K: sourced public answers and explicit, privacy-scoped web research.
   Inherit each workspace palette, never add another financial search surface. */
#app .wmd-smart-public-sources,
#app .wmd-discovery-public-sources{display:flex;flex-wrap:wrap;gap:7px;min-width:0}
#app .wmd-smart-public-sources a,
#app .wmd-discovery-public-sources a{
  font-size:11px;line-height:1.5;color:var(--wmd-find-accent,#57d7aa);
  text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere
}
#app .wmd-smart-web-box{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  padding:11px 12px;margin:5px 0 13px;border:1px solid var(--wmd-find-line);
  border-radius:10px;background:var(--wmd-find-field);min-width:0
}
#app .wmd-smart-web-box button{
  border:1px solid var(--wmd-find-strong-line);border-radius:8px;
  padding:9px 12px;background:color-mix(in srgb,var(--wmd-find-accent) 12%,var(--wmd-find-field));
  font-size:12px;font-weight:700;color:var(--wmd-find-text,#eaf3f4);cursor:pointer
}
#app .wmd-smart-web-box button:disabled{opacity:.65;cursor:progress}
#app .wmd-smart-web-box button:focus-visible,
#app .wmd-smart-impact>summary:focus-visible{
  outline:2px solid var(--wmd-find-accent,#57d7aa);outline-offset:2px
}
#app .wmd-smart-web-box small{font-size:10px;line-height:1.5;color:var(--wmd-find-muted);flex:1 1 170px}
#app .wmd-smart-web-result{
  padding:13px;margin:0 0 12px;border:1px solid var(--wmd-find-line);
  border-radius:11px;background:var(--wmd-find-field);display:grid;gap:9px;min-width:0
}
#app .wmd-smart-web-result>small{color:var(--wmd-find-muted);font-size:10px;line-height:1.5}
#app .wmd-smart-web-result>p{font-size:13px;line-height:1.6;margin:0;color:var(--wmd-find-text,#eaf3f4);overflow-wrap:anywhere}
#app .wmd-smart-web-result>a{color:var(--wmd-find-accent);font-size:12px;line-height:1.45;text-decoration:underline;
  text-underline-offset:2px;overflow-wrap:anywhere}
#app .wmd-smart-web-error{font-size:12px;line-height:1.55;color:var(--wmd-find-muted);margin:8px 2px}
#app .wmd-smart-impact{margin:5px 0;border:1px solid var(--wmd-find-line);border-radius:9px;
  background:var(--wmd-find-field);overflow:hidden;min-width:0}
#app .wmd-smart-impact>summary{font-size:12px;font-weight:700;padding:11px;cursor:pointer}
#app .wmd-smart-impact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 10px}
#app .wmd-smart-impact-grid>div{padding:10px;border:1px solid var(--wmd-find-line);
  border-radius:8px;min-width:0}
#app .wmd-smart-impact-grid small{display:block;font-size:10px;color:var(--wmd-find-muted)}
#app .wmd-smart-impact-grid strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#app .wmd-smart-impact-grid p{font-size:11px;line-height:1.5;margin:5px 0 0;overflow-wrap:anywhere}
@media(max-width:590px){
 #app .wmd-smart-impact-grid{grid-template-columns:1fr}
 #app .wmd-smart-web-box{align-items:stretch;flex-direction:column}
}


/* Educated question discovery, from the same on-device catalogue on both search surfaces. */
#app .wmd-discovery-suggest-question{
 display:flex;align-items:center;justify-content:space-between;gap:12px;
 text-align:left;min-width:0;width:100%;padding:10px 11px;
 background:transparent;border:1px solid transparent;border-radius:9px;
 color:var(--wmd-find-text,#ecf6f5);cursor:pointer;font:inherit;
}
#app .wmd-discovery-suggest-question:is(:hover,:focus-visible){
 border-color:var(--wmd-find-strong-line);background:var(--wmd-find-hover);
 outline:2px solid var(--wmd-find-accent);outline-offset:1px
}
#app .wmd-discovery-suggest-copy{display:grid;gap:4px;min-width:0;flex:1}
#app .wmd-discovery-suggest-copy strong{font-size:12px;line-height:1.5;font-weight:680;overflow-wrap:anywhere}
#app .wmd-discovery-suggest-copy small{font-size:10px;line-height:1.45;color:var(--wmd-find-muted);overflow-wrap:anywhere}
#app .wmd-discovery-suggest-meta{
 flex:0 0 auto;max-width:85px;text-align:right;
 color:var(--wmd-find-accent);font-size:10px;line-height:1.35;font-weight:650
}
#app .wmd-discovery-capability-question{
 flex:1 1 min(100%,290px);min-width:0;border-color:var(--wmd-find-line);
 background:var(--wmd-find-field);border-radius:10px
}
#app .wmd-discovery-library-note{width:100%;margin:0 0 2px;
 color:var(--wmd-find-muted);font-size:11px;line-height:1.5}
#app .wmd-smart-capability-preview{min-width:0}
#app .wmd-smart-capability-question,#app .wmd-smart-educated-question{align-items:center;gap:11px;min-width:0}
#app .wmd-smart-capability-icon{
 flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;
 border:1px solid var(--wmd-find-line);border-radius:8px;color:var(--wmd-find-accent);
 font-size:13px
}
#app .wmd-smart-capability-copy,#app .wmd-smart-educated-copy{
 flex:1;min-width:0;display:grid;gap:4px
}
#app .wmd-smart-capability-copy>strong,#app .wmd-smart-educated-copy>strong{
 font-size:12px;line-height:1.48;font-weight:700;overflow-wrap:anywhere
}
#app .wmd-smart-capability-copy>small,#app .wmd-smart-educated-copy>small{
 font-size:10px;line-height:1.4;color:var(--wmd-find-muted);font-weight:500;overflow-wrap:anywhere
}
#app .wmd-smart-educated-list{min-width:0}
#app .wmd-smart-educated-question{min-height:48px}
@media(max-width:560px){
 #app .wmd-discovery-suggest-question{gap:7px;padding:9px}
 #app .wmd-discovery-suggest-meta{max-width:72px;font-size:9px}
 #app .wmd-discovery-capability-question{flex:1 1 100%}
}


/* Compact, non-decorative signals: modeling vs sourced knowledge, without extra cards. */
#app .wmd-discovery-chip[data-capability="scenario"]::before,
#app .wmd-discovery-chip[data-capability="research"]::before{
  display:inline-block;flex:0 0 auto;margin-right:5px;
  color:var(--wmd-find-accent);font-size:11px;font-weight:750
}
#app .wmd-discovery-chip[data-capability="scenario"]::before{content:"◇"}
#app .wmd-discovery-chip[data-capability="research"]::before{content:"↗"}


/* Progressive question explorer: readable, paginated and calm on all screen sizes. */
#app .wmd-discovery .wmd-discovery-library{
  display:grid;grid-template-columns:minmax(0,1fr);gap:11px;align-items:start;
  padding:16px 0 2px;margin-top:14px;border-top:1px solid var(--wmd-find-line);
}
#app .wmd-library-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
#app .wmd-library-intro-copy{display:grid;gap:3px;min-width:0}
#app .wmd-library-intro-copy strong{font-size:14px;font-weight:750;color:var(--wmd-find-text,#eaf5f2)}
#app .wmd-library-intro-copy small{font-size:11px;line-height:1.55;color:var(--wmd-find-muted)}
#app .wmd-library-dismiss{background:transparent;border:0;padding:3px 1px;color:var(--wmd-find-muted);
  font:inherit;font-size:11px;cursor:pointer;flex:none}
#app .wmd-library-dismiss:hover,#app .wmd-library-dismiss:focus-visible{color:var(--wmd-find-text)}
#app .wmd-library-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,230px);gap:8px;min-width:0}
#app .wmd-library-search,#app .wmd-library-category{
  width:100%;min-width:0;border:1px solid var(--wmd-find-line);border-radius:10px;
  padding:11px 12px;line-height:1.5;font-size:12px;
  background:var(--wmd-find-field);color:var(--wmd-find-text,#eaf5f2);
}
#app .wmd-library-search:focus-visible,#app .wmd-library-category:focus-visible,
#app .wmd-library-more:focus-visible,#app .wmd-library-dismiss:focus-visible{
  outline:2px solid var(--wmd-find-accent);outline-offset:2px;
}
#app .wmd-library-category[hidden]{display:none!important}
#app .wmd-library-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;
  color:var(--wmd-find-muted);font-size:11px;line-height:1.5}
#app .wmd-library-status small{font-size:inherit}
#app .wmd-library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;min-width:0}
#app .wmd-library-entry{
  display:flex;width:100%;min-width:0;min-height:75px;align-items:center;justify-content:space-between;
  background:var(--wmd-find-field);border:1px solid var(--wmd-find-line);
  border-radius:11px;padding:12px;
}
#app .wmd-library-entry:hover,#app .wmd-library-entry:focus-visible{
  border-color:var(--wmd-find-strong-line);background:var(--wmd-find-hover)
}
#app .wmd-library-entry .wmd-discovery-suggest-copy strong{font-size:12px;line-height:1.4;font-weight:650}
#app .wmd-library-entry .wmd-discovery-suggest-copy small{font-size:10px;line-height:1.4}
#app .wmd-library-entry .wmd-discovery-suggest-meta{font-size:10px;max-width:90px;white-space:normal}
#app .wmd-library-empty{color:var(--wmd-find-muted);font-size:12px;line-height:1.5;
  padding:12px 4px;grid-column:1/-1}
#app .wmd-library-footer{display:flex;justify-content:center}
#app .wmd-library-more{padding:9px 14px;border-radius:9px;border:1px solid var(--wmd-find-line);
  background:transparent;color:var(--wmd-find-text,#eaf5f2);font-size:12px;font-weight:650;
  cursor:pointer}
#app .wmd-library-more:is(:hover,:focus-visible){background:var(--wmd-find-hover);
  border-color:var(--wmd-find-strong-line)}
#app .wmd-library-more[hidden]{display:none!important}
#app .wmd-discovery-setup-note{display:block;color:var(--wmd-find-muted);font-size:11px;
  line-height:1.5;margin-top:4px}
#app .wmd-discovery-more-ideas{font-size:11px;align-self:center}
@media(max-width:750px){
  #app .wmd-library-list{grid-template-columns:minmax(0,1fr)}
  #app .wmd-library-controls{grid-template-columns:minmax(0,1fr)}
  #app .wmd-library-entry{min-height:65px}
  #app .wmd-library-intro-copy strong{font-size:13px}
}

/* Question explorer is a contained browser rather than a tall section that
   shifts Cash Flow, or a floating menu over financial cards. */
#app .wmd-discovery dialog.wmd-discovery-library {
  position:fixed!important;
  inset:0;
  margin:auto;
  width:min(920px,calc(100vw - 36px));
  max-width:920px;
  max-height:min(820px,calc(100dvh - 36px));
  height:auto;
  box-sizing:border-box;
  padding:18px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px;
  border:1px solid var(--wmd-find-line,#49616b);
  border-radius:16px;
  background:var(--wmd-find-panel,#1a2836);
  color:var(--wmd-find-text,#f0f6fb);
  box-shadow:0 30px 90px rgba(0,0,0,.53);
  z-index:10020;
  overscroll-behavior:contain;
}
#app .wmd-discovery dialog.wmd-discovery-library::backdrop {
  background:rgba(8,15,20,.74);
  backdrop-filter:blur(5px);
}
#app .wmd-discovery dialog.wmd-discovery-library[hidden]{display:none!important}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-intro,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-modes,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-pages,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-controls,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-status,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-footer {flex:0 0 auto}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-list {
  min-height:0;
  flex:1 1 auto;
  align-content:start;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  padding:2px 4px 4px 1px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry {
  align-self:stretch;
  text-align:left;
  cursor:pointer;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-footer {
  padding-top:9px;
  border-top:1px solid var(--wmd-find-line);
}
#app .wmd-discovery .wmd-discovery-answer:focus{outline:none}
#app .wmd-discovery .wmd-discovery-answer:focus-visible {
  outline:2px solid var(--wmd-find-accent,#57d7aa);
  outline-offset:3px;
}
@media(max-width:600px){
 #app .wmd-discovery dialog.wmd-discovery-library {
   width:calc(100vw - 16px);
   max-height:calc(100dvh - 20px);
   padding:13px;
   gap:9px;
   border-radius:13px;
 }
 #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-pages {
   flex-wrap:nowrap;
   overflow-x:auto;
   padding-bottom:5px;
 }
 #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-pages button {white-space:nowrap}
 #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry {min-height:56px}
}


/* Step-by-step help is readable inside Ask Your Money, without a separate callout. */
#app .wmd-discovery .wmd-discovery-guide-steps{
 display:grid;gap:9px;margin:13px 0 5px;padding:0 0 0 22px;
 color:var(--wmd-find-text,#e9f3f1);
 font-size:12px;line-height:1.6;list-style:decimal;
}
#app .wmd-discovery-guide-steps li{padding-left:4px;max-width:75ch;overflow-wrap:anywhere}
#app .wmd-discovery-guide-steps li::marker{font-weight:750;color:var(--wmd-find-accent,#70d7af)}
#app .wmd-discovery .wmd-discovery-answer-copy:has(.wmd-discovery-guide-steps)>p{max-width:76ch;line-height:1.6}
@media(max-width:700px){#app .wmd-discovery .wmd-discovery-guide-steps{font-size:12px;gap:8px}}

/* Account-scoped, device-saved Ask Your Money visibility control in Settings. */
.settings-dialog .settings-ask-money{border-top:1px solid #303a40}
.settings-ask-money .settings-ask-bar-row{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:13px 15px;border:1px solid #3d4c4b;border-radius:12px;
  background:#17211f;cursor:pointer;
}
.settings-ask-money .settings-ask-bar-row:hover{border-color:#629b7f;background:#1c2925}
.settings-ask-bar-copy{display:grid;gap:4px;flex:1 1 auto;min-width:0}
.settings-ask-bar-copy strong{font-size:13px;font-weight:750;color:#e5f0e8;line-height:1.35}
.settings-dialog .settings-ask-bar-copy small{margin:0;color:#a1b1ab;font-size:11px;line-height:1.45}
.settings-ask-bar-row input{
  appearance:none;-webkit-appearance:none;position:relative;display:block;flex:0 0 44px;
  width:44px;height:26px;margin:0;border:1px solid #566265;border-radius:999px;
  background:#3b4549;cursor:pointer;transition:background .16s,border-color .16s;
}
.settings-ask-bar-row input::before{
  content:'';position:absolute;top:3px;left:3px;width:18px;height:18px;
  border-radius:50%;background:#e5ece9;box-shadow:0 1px 3px rgba(0,0,0,.25);
  transition:transform .16s;
}
.settings-ask-bar-row input:checked{background:#438d6f;border-color:#6cbb94}
.settings-ask-bar-row input:checked::before{transform:translateX(18px);background:#fff}
.settings-ask-bar-row input:focus-visible{outline:2px solid #9deac2;outline-offset:3px}
.settings-ask-money .settings-ask-bar-note{margin:10px 1px 0;color:#8c9e97;font-size:11px}
@media(prefers-reduced-motion:reduce){.settings-ask-bar-row input,.settings-ask-bar-row input::before{transition:none}}


/* Ask Your Money palette contract. Keep large surfaces neutral and aligned to
   the six appearance modes. Mixed retains contextual accents, not teal fills. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  > main.wmd-workspace > section.wmd-discovery,
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  .wmd-smart-backdrop[data-search-page]{
  --wmd-find-accent:var(--wmd-theme-accent);
  --wmd-find-panel:var(--wmd-theme-panel);
  --wmd-find-field:var(--wmd-theme-deep);
  --wmd-find-raised:var(--wmd-theme-raised);
  --wmd-find-menu:var(--wmd-theme-panel);
  --wmd-find-hover:color-mix(in srgb,var(--wmd-theme-accent) 14%,var(--wmd-theme-raised));
  --wmd-find-line:var(--wmd-theme-line);
  --wmd-find-strong-line:color-mix(in srgb,var(--wmd-theme-accent) 45%,var(--wmd-theme-line));
  --wmd-find-muted:var(--wmd-theme-muted);
  --wmd-find-text:var(--wmd-theme-text);
}
#app[data-wmd-color-scheme="original"] > main.wmd-workspace > section.wmd-discovery,
#app[data-wmd-color-scheme="original"] .wmd-smart-backdrop[data-search-page]{
  --wmd-find-panel:var(--wmd-ui-panel,#19252e);
  --wmd-find-field:var(--wmd-ui-deep,#111c25);
  --wmd-find-raised:var(--wmd-ui-raised,#202e38);
  --wmd-find-menu:var(--wmd-ui-panel,#19252e);
  --wmd-find-hover:color-mix(in srgb,var(--wmd-find-accent,#9fc6d6) 14%,var(--wmd-ui-raised,#202e38));
  --wmd-find-line:var(--wmd-ui-line,#384a55);
  --wmd-find-muted:var(--wmd-ui-muted,#b1c0c9);
  --wmd-find-text:var(--wmd-ui-txt,#eef4f7);
}
/* Override an older global !important chip fill within search only. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  > main.wmd-workspace > section.wmd-discovery .wmd-discovery-chip{
  background:var(--wmd-find-raised)!important;
  border-color:var(--wmd-find-line)!important;
  color:var(--wmd-find-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  > main.wmd-workspace > section.wmd-discovery .wmd-discovery-chip:is(:hover,:focus-visible){
  background:var(--wmd-find-hover)!important;
  border-color:var(--wmd-find-strong-line)!important;
}


/* Conversational Ask, theme-aware, mobile sized, without another bordered search box. */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-send{
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  min-width:48px;min-height:34px;padding:7px 11px;border-radius:8px;
  border:1px solid var(--wmd-find-strong-line,var(--wmd-find-line,#617f97));
  color:#f3faff;background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#81bce4)) 25%,#192b3b);
  cursor:pointer;font:inherit;font-size:12px;font-weight:750;line-height:1;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-send:not(:disabled):is(:hover,:focus-visible){
  outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#81bce4));
  outline-offset:2px;background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#81bce4)) 37%,#192b3b);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-send:disabled{
  opacity:.43;cursor:default;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-context-note{
  display:block;margin-top:4px;color:var(--wmd-find-muted,#b9cde1);
  font-size:11px;line-height:1.4;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-facts{
  display:grid;gap:6px;margin:12px 0 7px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;
  padding:8px 10px;border:1px solid var(--wmd-find-line,#49657b);
  border-radius:9px;background:var(--wmd-find-raised,#253849);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact span{
  min-width:0;overflow-wrap:anywhere;color:#d7e6ee;font-size:12px;line-height:1.45;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact strong{
  color:#fff;font-size:13px;font-variant-numeric:tabular-nums;
  text-align:right;overflow-wrap:anywhere;
}
@media(max-width:650px){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-send{
    min-width:44px;min-height:38px;padding:8px;
  }
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact{
    gap:8px;padding:8px;
  }
}
@media(forced-colors:active){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-send:not(:disabled):focus-visible{
    outline:2px solid Highlight;
  }
}


/* Opt-in AI reasoning is separate from locally calculated answers and matches
   the active palette. It never claims a suggestion has been saved. */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-button{
  min-height:38px;padding:8px 13px;border-radius:10px;
  border:1px solid var(--wmd-find-strong-line,var(--wmd-accent,#84bce7));
  background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#84bce7)) 20%,#1a2e40);
  color:#f3f9ff;font:inherit;font-size:12px;font-weight:760;cursor:pointer;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-button:not(:disabled):is(:focus-visible,:hover){
  outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#84bce7));
  outline-offset:2px;
  background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#84bce7)) 33%,#1a2e40);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-button:disabled{
  opacity:.75;cursor:progress;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-disclosure{
  flex-basis:100%;color:#bcd0df;font-size:11px;line-height:1.5;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-result{
  display:grid;gap:9px;margin-top:13px;padding:15px;
  border:1px solid var(--wmd-find-line,var(--wmd-accent,#6089b0));
  border-radius:13px;background:var(--wmd-find-panel,#1a3040);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-kicker{
  color:var(--wmd-find-muted,#b8d0e4);font-size:10px;font-weight:750;letter-spacing:.05em;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-title{
  color:#f3f9ff;font-size:15px;line-height:1.4;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-copy,
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-clarification{
  margin:0;font-size:13px;line-height:1.6;color:#e0ebf1;white-space:pre-line;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-facts{display:grid;gap:7px}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-fact{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:9px 11px;
  border:1px solid var(--wmd-find-line,#45657e);border-radius:9px;
  background:var(--wmd-find-raised,#223c4f);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-fact span{
  font-size:12px;line-height:1.4;color:#d0e2ed;overflow-wrap:anywhere;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-fact strong{
  font-size:12px;color:#fff;font-variant-numeric:tabular-nums;text-align:right;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-limitation,
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-error{
  color:#d3dce6;font-size:11px;line-height:1.5;overflow-wrap:anywhere;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-action{
  display:grid;gap:8px;padding-top:9px;
  border-top:1px solid var(--wmd-find-line,#45657e);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-action small{
  font-size:10px;color:#c8ddef;font-weight:700;letter-spacing:.03em;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-action p{
  margin:0;overflow-wrap:anywhere;line-height:1.4;font-size:12px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-review{
  justify-self:start;min-height:40px;padding:9px 12px;
  border:1px solid var(--wmd-find-strong-line,#8dbbdc);border-radius:9px;
  background:var(--wmd-find-raised,#244157);color:#f3faff;font-weight:740;
  font-size:12px;cursor:pointer;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-review:focus-visible{
  outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#84bce7));outline-offset:2px;
}
@media(max-width:650px){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-result{padding:11px}
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-fact{gap:8px;padding:8px}
}
@media(forced-colors:active){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-ai-button:focus-visible{
    outline:2px solid Highlight;
  }
}


/* Cash-shortfall diagnosis: practical, read-only adjustments.
   All controls inherit the active Ask Your Money color scheme. */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-options{
  display:grid;gap:9px;margin-top:11px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-kicker{
  font-size:10px;font-weight:750;letter-spacing:.045em;
  color:var(--wmd-find-muted,#c8d9e8);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-option{
  display:grid;gap:7px;min-width:0;padding:12px;
  background:var(--wmd-find-raised,#263b4d);
  border:1px solid var(--wmd-find-line,#567087);
  border-radius:11px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-option > strong{
  font-size:13px;font-weight:750;line-height:1.45;color:#f1f8ff;
  overflow-wrap:anywhere;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-option > p{
  font-size:12px;line-height:1.55;margin:0;color:#dcebf4;
  overflow-wrap:anywhere;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-outcome{
  font-size:11px;color:var(--wmd-find-muted,#c6dceb);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-review{
  justify-self:start;min-height:38px;padding:8px 13px;
  border:1px solid var(--wmd-find-strong-line,#83b3d7);
  border-radius:8px;cursor:pointer;
  font:inherit;font-size:12px;font-weight:750;
  background:color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#84bce7)) 23%,#1b2d42);
  color:#f8fbff;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-review:not(:disabled):is(:hover,:focus-visible){
  outline:2px solid var(--wmd-find-accent,var(--wmd-accent,#84bce7));
  outline-offset:2px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-review:disabled{
  opacity:.6;cursor:default;
}
@media(max-width:650px){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-option{
    padding:10px;gap:6px;
  }
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-review{
    width:100%;justify-self:stretch;
  }
}
@media(forced-colors:active){
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-rescue-review:focus-visible{
    outline:2px solid Highlight;
  }
}


/* Ask and Explore legibility: keep focus visible without the doubled left glow. */
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-search,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-category{
  font-size:14px;line-height:1.5;min-height:43px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-search:focus,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-search:focus-visible{
  outline:2px solid var(--wmd-find-accent);outline-offset:0;
  box-shadow:none!important;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry{
  min-height:84px;padding:14px 15px;gap:15px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry .wmd-discovery-suggest-copy strong{
  font-size:14px;line-height:1.45;font-weight:700;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry .wmd-discovery-suggest-copy small{
  font-size:12px;line-height:1.5;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry .wmd-discovery-suggest-meta{
  font-size:11px;line-height:1.45;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-intro-copy strong{
  font-size:17px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-intro-copy small,
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-status{
  font-size:12px;line-height:1.55;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-answer-copy > strong{
  font-size:16px;line-height:1.4;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-answer-copy > p{
  max-width:95ch;font-size:14px;line-height:1.7;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact{
  padding:11px 13px;gap:14px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact span{
  font-size:13px;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-inline-fact strong{
  font-size:15px;
}
@media(max-width:600px){
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry{
    min-height:76px;padding:12px;
  }
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-entry .wmd-discovery-suggest-meta{
    max-width:80px;
  }
}


/* Suggestion visibility is a deliberate, device-local preference. */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ideas-toggle{
  border:1px solid var(--wmd-find-line,#526a7d);
  border-radius:8px;padding:6px 9px;
  color:var(--wmd-find-muted,#bed1e2);
  font-size:11px;min-height:32px;text-decoration:none;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-ideas-toggle:is(:hover,:focus-visible){
  color:var(--wmd-find-text,#eef6ff);
  border-color:var(--wmd-find-strong-line,#7aa6c8);
  background:var(--wmd-find-hover,#273b4e);
  text-decoration:none;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick{
  display:grid;gap:7px;flex:0 0 auto;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick[hidden]{
  display:none!important;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-heading{
  color:var(--wmd-find-muted,#c9d8e6);
  letter-spacing:.035em;font-size:10px;font-weight:750;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-actions{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action{
  display:grid;gap:4px;text-align:left;min-width:0;cursor:pointer;
  background:var(--wmd-find-field,#14263a);
  color:var(--wmd-find-text,#edf5ff);
  border:1px solid var(--wmd-find-line,#46617b);
  border-radius:10px;padding:11px 12px;min-height:66px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action strong{
  font-size:13px;line-height:1.4;overflow-wrap:anywhere;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action small{
  font-size:11px;line-height:1.4;color:var(--wmd-find-muted,#bdcadb);
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action:is(:hover,:focus-visible){
  border-color:var(--wmd-find-strong-line,#8eb7df);
  background:var(--wmd-find-hover,#243b52);
  outline:2px solid var(--wmd-find-accent,#80b8ec);outline-offset:1px;
}
@media(max-width:680px){
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-actions{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  }
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action{
    min-height:60px;padding:9px 10px;
  }
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action strong{
    font-size:12px;
  }
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick-action small{
    font-size:10px;
  }
}


/* A guided what-if uses personal input and the EXISTING read-only engines. */
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-builder{
  display:grid;gap:9px;padding:12px 13px;flex:0 0 auto;
  border:1px solid var(--wmd-find-line,#46617b);
  border-radius:12px;background:var(--wmd-find-raised,#25384b);
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-builder[hidden]{
  display:none!important;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-builder > strong{
  font-size:14px;line-height:1.4;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-builder > small{
  color:var(--wmd-find-muted,#c4d2df);font-size:12px;line-height:1.5;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-form{
  display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) auto;
  align-items:end;gap:8px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-label{
  display:grid;gap:4px;min-width:0;color:var(--wmd-find-text,#edf5ff);
  font-size:12px;font-weight:650;
}
#app .wmd-discovery dialog.wmd-discovery-library :is(.wmd-library-scenario-select,.wmd-library-scenario-amount){
  min-height:43px;width:100%;min-width:0;box-sizing:border-box;
  background:var(--wmd-find-field,#102335);
  color:var(--wmd-find-text,#edf5ff);
  border:1px solid var(--wmd-find-line,#46617b);
  border-radius:9px;padding:9px 10px;font:inherit;font-size:16px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-submit{
  min-height:43px;padding:9px 14px;cursor:pointer;font-size:13px;font-weight:750;
  border:1px solid var(--wmd-find-strong-line,#709abd);
  border-radius:9px;background:var(--wmd-find-field,#153047);
  color:var(--wmd-find-text,#edf5ff);
}
#app .wmd-discovery dialog.wmd-discovery-library :is(.wmd-library-scenario-select,.wmd-library-scenario-amount,.wmd-library-scenario-submit):focus-visible{
  outline:2px solid var(--wmd-find-accent,#85bde7);outline-offset:2px;
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-submit:hover{
  background:var(--wmd-find-hover,#263d53);
}
#app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-error{
  color:var(--wmd-find-text,#edf5ff);font-size:12px;line-height:1.5;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-answer-more{
  border-top:1px solid var(--wmd-find-line,#425b74);padding-top:9px;margin:4px 0;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-answer-more > summary{
  cursor:pointer;color:var(--wmd-find-text,#eef6ff);font-weight:700;
  font-size:13px;line-height:1.5;padding:3px 0;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-answer-more > p{
  margin:8px 0 2px;color:var(--wmd-find-muted,#bfd0e0);
  font-size:13px;line-height:1.7;max-width:95ch;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-practice{
  display:grid;gap:8px;padding:13px 0 11px;margin-top:9px;
  border-top:1px solid var(--wmd-find-line,#425b74);
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-practice-kicker{
  color:var(--wmd-find-muted,#c2d0e2);
  font-size:11px;font-weight:750;letter-spacing:.04em;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-practice p{
  margin:0;color:var(--wmd-find-text,#eef6ff);font-size:13px;
  line-height:1.65;max-width:82ch;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-practice-action{
  justify-self:start;min-height:40px;padding:8px 12px;
  color:var(--wmd-find-text,#eef6ff);
  background:var(--wmd-find-raised,#263c50);
  border:1px solid var(--wmd-find-strong-line,#6d9abd);
  border-radius:9px;font:inherit;font-size:13px;font-weight:700;
  cursor:pointer;
}
#app .wmd-workspace > .wmd-discovery .wmd-discovery-practice-action:is(:hover,:focus-visible){
  background:var(--wmd-find-hover,#314960);
  outline:2px solid var(--wmd-find-accent,#81b9e2);outline-offset:2px;
}
@media(max-width:650px){
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-form{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-scenario-submit{
    grid-column:1/-1;
  }
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-practice-action{
    width:100%;justify-self:stretch;
  }
}
@media(max-height:550px){
  #app .wmd-discovery dialog.wmd-discovery-library .wmd-library-quick{
    display:none;
  }
}

/* money-map.css */
/* Money Map 2026: progressive-disclosure Cash Flow, intentionally scoped.
   Chart and cards render from the existing forecast. No hidden or duplicated data. */
#app .wmd-workspace--cashflow .money-map{
  --mm-mint:#80e4bf;--mm-ink:#e8f3f5;--mm-muted:#a5b8c4;--mm-line:#354a58;
  --mm-surface:#14212c;--mm-surface-deep:#101b25;--mm-blue:#9cc6ee;--mm-coral:#f0a09e;
  width:100%;min-width:0;display:grid;gap:15px;margin:16px 0 18px;
  color:var(--mm-ink);font-family:inherit;
}
#app .wmd-workspace--cashflow .money-map *,
#app .wmd-workspace--cashflow .mm-explore *{box-sizing:border-box}
#app .wmd-workspace--cashflow .money-map :is(button,summary),
#app .wmd-workspace--cashflow .mm-explore :is(button,summary){-webkit-tap-highlight-color:transparent}
#app .wmd-workspace--cashflow .money-map :is(button,summary):focus-visible,
#app .wmd-workspace--cashflow .mm-explore :is(button,summary):focus-visible{
  outline:2px solid var(--mm-mint,#80e4bf);outline-offset:3px
}
#app .wmd-workspace--cashflow .mm-metrics{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0
}
#app .wmd-workspace--cashflow .mm-metric{
  appearance:none;position:relative;isolation:isolate;text-align:left;display:flex;flex-direction:column;
  gap:7px;align-items:flex-start;justify-content:center;min-width:0;min-height:112px;
  padding:17px 17px 17px 19px;color:var(--mm-ink);cursor:pointer;
  background:linear-gradient(149deg,#1b2b36 0%,#15232d 72%,#142029 100%)!important;
  border:1px solid #354954!important;border-radius:17px!important;
  box-shadow:0 12px 30px #00000024, inset 0 1px #ffffff07!important;
  transition:border-color .15s ease,background .15s ease
}
#app .wmd-workspace--cashflow .mm-metric:hover{border-color:#669a99!important;background:linear-gradient(148deg,#213741,#172631)!important}
#app .wmd-workspace--cashflow .mm-metric-label{
  font-weight:650;font-size:11px;line-height:1.35;font-family:inherit;color:#b8cbd1!important;letter-spacing:.005em;text-transform:none
}
#app .wmd-workspace--cashflow .mm-metric strong{
  color:#f5fcfb!important;font:750 clamp(20px,1.9vw,25px)/1.16 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.055em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere
}
#app .wmd-workspace--cashflow .mm-metric small{
  font-weight:500;font-size:11px;line-height:1.42;font-family:inherit;color:#a2b7c4!important;max-width:94%
}
#app .wmd-workspace--cashflow .mm-metric-low strong{color:#b8e7e3!important}
#app .wmd-workspace--cashflow .mm-metric-review strong{color:#d5e8ed!important}
#app .wmd-workspace--cashflow .mm-metric-arrow{position:absolute;top:14px;right:15px;font-size:16px;color:#6d9f9e;opacity:.75}
#app .wmd-workspace--cashflow .mm-layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(265px,300px);gap:14px;align-items:stretch;min-width:0
}
#app .wmd-workspace--cashflow .mm-primary,
#app .wmd-workspace--cashflow .mm-next{
  min-width:0;background:linear-gradient(150deg,#192a34 0%,#14212c 54%,#101b25 100%)!important;
  border:1px solid #38505c!important;border-radius:20px!important;
  box-shadow:0 16px 38px #00000024,inset 0 1px #ffffff08;
}
#app .wmd-workspace--cashflow .mm-primary{padding:20px 22px 18px}
#app .wmd-workspace--cashflow .mm-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:10px}
#app .wmd-workspace--cashflow .mm-eyebrow{font-weight:800;font-size:9px;line-height:1.4;font-family:inherit;letter-spacing:.13em;text-transform:uppercase;color:#7fd9ba!important}
#app .wmd-workspace--cashflow .mm-header h3{
  font:800 clamp(23px,2.1vw,28px)/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.05em;color:#f4fafa!important;margin:5px 0!important
}
#app .wmd-workspace--cashflow .mm-header p{color:#a8bbc7!important;font-size:12px;line-height:1.5;margin:0;max-width:50ch}
#app .wmd-workspace--cashflow .mm-add{
  flex:0 0 auto;min-height:37px;padding:8px 14px!important;border-radius:10px!important;
  background:#234439!important;color:#adf6d9!important;border:1px solid #437c6b!important;
  font-weight:750;font-size:12px;cursor:pointer
}
#app .wmd-workspace--cashflow .mm-add:hover{background:#2b5b4c!important;border-color:#71cbaa!important}
#app .wmd-workspace--cashflow .mm-chart-shell{position:relative;margin-top:8px}
#app .wmd-workspace--cashflow .mm-chart-scroll{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#345768 transparent}
#app .wmd-workspace--cashflow .mm-chart{display:block;width:100%;min-width:610px;height:auto;max-height:356px;overflow:visible}
#app .wmd-workspace--cashflow .mm-grid-line{stroke:#3a4b57;stroke-width:1;stroke-opacity:.37}
#app .wmd-workspace--cashflow .mm-axis-label{
  fill:#9dabb9;font-size:12px;font-weight:590;font-family:system-ui,-apple-system,"Segoe UI",sans-serif
}
#app .wmd-workspace--cashflow .mm-area{fill:url(#mm-cash-gradient);stroke:none}
#app .wmd-workspace--cashflow .mm-line{
  fill:none;stroke:var(--mm-mint);stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round;
  filter:drop-shadow(0 0 4px #75dfb751)
}
#app .wmd-workspace--cashflow .mm-cushion-line{stroke:#95b9db;stroke-width:1.6;stroke-dasharray:6 6;opacity:.8}
#app .wmd-workspace--cashflow .mm-today-line{stroke:#a4d1c4;stroke-dasharray:4 5;stroke-width:1.5;opacity:.55}
#app .wmd-workspace--cashflow .mm-today-label{fill:#afdfce;font-size:10px;font-weight:800;letter-spacing:.08em}
#app .wmd-workspace--cashflow .mm-dot{stroke:#14242c;stroke-width:2;fill:#e9a4a0}
#app .wmd-workspace--cashflow .mm-dot-income{fill:#7de8bd}
#app .wmd-workspace--cashflow .mm-dot-saving{fill:#b6c5f1}
#app .wmd-workspace--cashflow .mm-dot-card{fill:#99c3f3}
#app .wmd-workspace--cashflow .mm-dot.is-estimated{stroke:#f1ca99;stroke-width:2.5}
#app .wmd-workspace--cashflow .mm-low-dot{fill:#f7fff8;stroke:#67ddba;stroke-width:3}
#app .wmd-workspace--cashflow .mm-low-dot.mm-risk-dot{fill:#f4afaa;stroke:#f08b88}
#app .wmd-workspace--cashflow .mm-chart-insight{
  display:flex;align-items:center;gap:11px;width:max-content;max-width:100%;
  margin:1px auto 0;padding:10px 13px;border:1px solid #407568;border-radius:12px;
  background:#172d2a!important;color:#d5eee5;box-shadow:0 4px 12px #0002
}
#app .wmd-workspace--cashflow .mm-chart-insight.is-risk{background:#35252b!important;border-color:#9b5961}
#app .wmd-workspace--cashflow .mm-insight-icon{
  display:grid;place-items:center;width:29px;height:29px;flex:0 0 29px;
  border-radius:50%;background:#2e5b4a;color:#aaf2d2;font-size:16px;font-weight:800
}
#app .wmd-workspace--cashflow .mm-chart-insight.is-risk .mm-insight-icon{color:#ffd1cc;background:#744347}
#app .wmd-workspace--cashflow .mm-chart-insight>div{display:grid;gap:2px}
#app .wmd-workspace--cashflow .mm-chart-insight b{font-size:11px;color:#c6e5d9}
#app .wmd-workspace--cashflow .mm-chart-insight strong{font-size:19px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:#f7fdfb}
#app .wmd-workspace--cashflow .mm-chart-insight strong small{font-size:11px;font-weight:600;letter-spacing:0;color:#c9d8d6}
#app .wmd-workspace--cashflow .mm-chart-insight span:last-child{color:#bacdc8;font-size:11px}
#app .wmd-workspace--cashflow .mm-legend{
  display:flex;gap:12px 20px;align-items:center;justify-content:center;flex-wrap:wrap;margin:14px 0 0;
  color:#adc1cc;font-size:10px;line-height:1.5
}
#app .wmd-workspace--cashflow .mm-legend>span{display:flex;align-items:center;gap:7px;white-space:nowrap}
#app .wmd-workspace--cashflow .mm-legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#7de8bd;flex:0 0 9px}
#app .wmd-workspace--cashflow .mm-legend i.mm-key-line{width:16px;height:3px;border-radius:3px;flex-basis:16px}
#app .wmd-workspace--cashflow .mm-legend i.mm-key-dash{width:17px;height:1px;background:transparent;border-top:2px dashed #9fb5d4;border-radius:0;flex-basis:17px}
#app .wmd-workspace--cashflow .mm-legend i.mm-key-bill{background:#e89e98}
#app .wmd-workspace--cashflow .mm-legend i.mm-key-card{background:#95c4f0}
#app .wmd-workspace--cashflow .mm-disclaimer,
#app .wmd-workspace--cashflow .mm-empty-caption{color:#8da4b1!important;font-size:10px;line-height:1.55;text-align:center;margin:10px 0 0}
#app .wmd-workspace--cashflow .mm-featured-events{
  display:flex;gap:8px;flex-wrap:nowrap;overflow:auto;padding:16px 1px 6px;
  scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#456170 transparent
}
#app .wmd-workspace--cashflow .mm-event{
  display:flex;gap:8px;align-items:center;text-align:left;min-width:151px;max-width:258px;flex:1 0 151px;
  border-radius:11px!important;padding:10px!important;background:#11212b!important;color:#e2eff4!important;
  border:1px solid #334c58!important;cursor:pointer;scroll-snap-align:start
}
#app .wmd-workspace--cashflow .mm-event:hover{background:#1b3541!important;border-color:#77bdb3!important}
#app .wmd-workspace--cashflow .mm-event-glyph{
  display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:8px;
  color:#f8c3be;background:#593b43;font-size:15px;font-weight:850
}
#app .wmd-workspace--cashflow .mm-event-income .mm-event-glyph{color:#a5f3d0;background:#25594c}
#app .wmd-workspace--cashflow .mm-event-saving .mm-event-glyph{color:#c2d8ff;background:#304965}
#app .wmd-workspace--cashflow .mm-event-card .mm-event-glyph{color:#b6d6fa;background:#284b6c}
#app .wmd-workspace--cashflow .mm-event-text{min-width:0;display:grid;gap:2px;flex:1}
#app .wmd-workspace--cashflow .mm-event-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:780}
#app .wmd-workspace--cashflow .mm-event-text small{color:#9cb3c1;font-size:10px;line-height:1.25}
#app .wmd-workspace--cashflow .mm-event>b{flex-shrink:0;font-weight:750;font-size:11px;color:#cfe4ea;font-variant-numeric:tabular-nums}
#app .wmd-workspace--cashflow .mm-event-income>b{color:#92efc5}
#app .wmd-workspace--cashflow .mm-event-bill>b{color:#ffb9b0}
#app .wmd-workspace--cashflow .mm-all-events{margin-top:5px}
#app .wmd-workspace--cashflow .mm-all-events>summary{
  padding:8px 2px;cursor:pointer;color:#b6d0db;font-size:11px;font-weight:720;list-style:none
}
#app .wmd-workspace--cashflow .mm-all-events>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--cashflow .mm-all-events-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:8px 0}
#app .wmd-workspace--cashflow .mm-all-events-list .mm-event{max-width:none;min-width:0}
#app .wmd-workspace--cashflow .mm-no-events{padding:14px;color:#a3bdc8;font-size:12px}
#app .wmd-workspace--cashflow .mm-no-chart{
  min-height:260px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;
  gap:10px;padding:25px 12px;color:#d5e7eb;background:#10202b;border:1px dashed #3b5b64;border-radius:15px
}
#app .wmd-workspace--cashflow .mm-no-chart-icon{font-size:29px;color:#6ccdad}
#app .wmd-workspace--cashflow .mm-no-chart strong{font-size:16px;max-width:44ch}
#app .wmd-workspace--cashflow .mm-no-chart p{font-size:12px;line-height:1.5;color:#a5bbc5;max-width:57ch;margin:0}
#app .wmd-workspace--cashflow .mm-no-chart button{border:1px solid #5b9988;border-radius:9px;padding:9px 15px;background:#1d4941;color:#d8f8e7;cursor:pointer}
#app .wmd-workspace--cashflow .mm-next{
  display:flex;flex-direction:column;gap:0;padding:20px 16px 13px
}
#app .wmd-workspace--cashflow .mm-next-head{padding:2px 4px 15px;border-bottom:1px solid #364e59}
#app .wmd-workspace--cashflow .mm-next-head h3{font-size:21px;font-weight:780;line-height:1.2;letter-spacing:-.04em;margin:6px 0 3px;color:#f0f8f8}
#app .wmd-workspace--cashflow .mm-next-head p{color:#a1b8c6;font-size:11px;line-height:1.4;margin:0}
#app .wmd-workspace--cashflow .mm-actions{display:grid;align-content:start}
#app .wmd-workspace--cashflow .mm-action{
  display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0;text-align:left;
  padding:14px 2px;border:0!important;border-bottom:1px solid #304653!important;
  background:transparent!important;color:#e5f0f4!important;cursor:pointer
}
#app .wmd-workspace--cashflow .mm-action:hover .mm-action-copy strong{color:#9cedcf}
#app .wmd-workspace--cashflow .mm-action-symbol{
  display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:9px;
  color:#e5d7ba;background:#514c3b;font-size:15px;font-weight:900
}
#app .wmd-workspace--cashflow .mm-action-warning .mm-action-symbol{color:#ffcecb;background:#643d48}
#app .wmd-workspace--cashflow .mm-action-copy{display:grid;gap:4px;min-width:0;flex:1}
#app .wmd-workspace--cashflow .mm-action-copy strong{font-size:12px;line-height:1.35;font-weight:750;color:#f1f7f8}
#app .wmd-workspace--cashflow .mm-action-copy small{font-size:10.5px;line-height:1.5;color:#abbfc8}
#app .wmd-workspace--cashflow .mm-action-next{color:#8ca7b2;font-size:21px;line-height:1}
#app .wmd-workspace--cashflow .mm-good{
  padding:26px 9px;text-align:center;display:grid;justify-items:center;gap:8px
}
#app .wmd-workspace--cashflow .mm-good>span{display:grid;place-items:center;width:40px;height:40px;color:#8aebbd;border-radius:50%;background:#244739}
#app .wmd-workspace--cashflow .mm-good strong{font-size:14px;color:#e0f7e9}
#app .wmd-workspace--cashflow .mm-good small{font-size:11px;line-height:1.5;color:#a6b8c2}
#app .wmd-workspace--cashflow .mm-all-actions{
  display:flex;align-items:center;justify-content:space-between;width:100%;
  margin-top:auto;padding:15px 5px 1px!important;cursor:pointer;
  border:0!important;background:transparent!important;color:#99dfca!important;font-weight:750;font-size:11px
}
#app .wmd-workspace--cashflow .mm-all-actions:hover{text-decoration:underline}
#app .wmd-workspace--cashflow .mm-foot{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;
  padding:1px 4px;color:#8da6b4;font-size:11px
}
#app .wmd-workspace--cashflow .mm-foot button{
  border:0;background:transparent;color:#a2daca;font-weight:750;font-size:11px;cursor:pointer;padding:4px
}
#app .wmd-workspace--cashflow .mm-explore{--mm-mint:#80e4bf;margin:12px 0 20px;min-width:0}
#app .wmd-workspace--cashflow .mm-explore-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:0 0 13px}
#app .wmd-workspace--cashflow .mm-explore-heading h3{font-size:19px;letter-spacing:-.035em;color:#f0f6f7;margin:0 0 4px}
#app .wmd-workspace--cashflow .mm-explore-heading p{font-size:11px;color:#a7bcc7;line-height:1.5;margin:0}
#app .wmd-workspace--cashflow .mm-explore-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;align-items:start}
#app .wmd-workspace--cashflow .mm-explore-grid>details{
  display:block!important;min-width:0;grid-column:auto;
  padding:0!important;background:#15232d!important;color:#e7f1f3!important;
  border:1px solid #3a4e59!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden
}
#app .wmd-workspace--cashflow .mm-explore-grid>details[open]{grid-column:1/-1}
#app .wmd-workspace--cashflow .mm-explore-grid>details>summary{
  display:flex!important;align-items:center;gap:11px;min-height:80px;padding:14px!important;cursor:pointer;
  margin:0!important;list-style:none;background:transparent!important;border:0!important;
  border-radius:0!important;color:#e7f1f3!important
}
#app .wmd-workspace--cashflow .mm-explore-grid>details>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--cashflow .mm-explore-grid>details>summary::marker{content:""}
#app .wmd-workspace--cashflow .mm-explore-grid>details>summary:hover{background:#1d323a!important}
#app .wmd-workspace--cashflow .mm-drawer-symbol{
  display:grid;place-items:center;flex:0 0 31px;width:31px;height:31px;border-radius:10px;
  font-size:17px;color:#a9f1d4;background:#254b44
}
#app .wmd-workspace--cashflow .mm-drawer-main{min-width:0;display:grid;gap:4px;flex:1}
#app .wmd-workspace--cashflow .mm-drawer-main strong{font-size:12px;font-weight:800;color:#eaf4f4}
#app .wmd-workspace--cashflow .mm-drawer-main small{font-size:10px;line-height:1.35;color:#acc0c7}
#app .wmd-workspace--cashflow .mm-drawer-chevron{font-size:19px;color:#9db5c2;transition:transform .16s ease}
#app .wmd-workspace--cashflow .mm-explore-grid>details[open]>summary .mm-drawer-chevron{transform:rotate(90deg)}
#app .wmd-workspace--cashflow .mm-drawer-body{padding:0 15px 17px;min-width:0}
#app .wmd-workspace--cashflow .mm-drawer-body>.cashflow-dashboard{margin:14px 0!important}
#app .wmd-workspace--cashflow .mm-drawer-body .cash-card-payment-center{margin:8px 0}
#app .wmd-workspace--cashflow .mm-drawer-body .cashflow-detail-drawer{margin:8px 0}
#app .wmd-workspace--cashflow .mm-drawer-body .cashflow-mix-disclosure{margin:12px 0}
#app .wmd-workspace--cashflow .mm-drawer-body .cash-settings-secondary{margin-top:14px}
#app .wmd-workspace--cashflow .mm-drawer-body .payday-clarity{margin:12px 0}
#app .wmd-workspace--cashflow .mm-drawer-body>p.mm-historical-note{
  margin:12px 0;color:#b0bfcb;font-size:12px;line-height:1.6
}
@media(max-width:1180px){
  #app .wmd-workspace--cashflow .mm-layout{grid-template-columns:minmax(0,1fr) 248px}
  #app .wmd-workspace--cashflow .mm-explore-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .wmd-workspace--cashflow .mm-all-events-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .wmd-workspace--cashflow .mm-primary{padding:18px}
}
@media(max-width:860px){
  #app .wmd-workspace--cashflow .mm-layout{grid-template-columns:1fr}
  #app .wmd-workspace--cashflow .mm-next{padding:16px}
  #app .wmd-workspace--cashflow .mm-actions{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px}
  #app .wmd-workspace--cashflow .mm-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  #app .wmd-workspace--cashflow .money-map{gap:11px;margin:11px 0 14px}
  #app .wmd-workspace--cashflow .mm-metrics{gap:8px}
  #app .wmd-workspace--cashflow .mm-metric{min-height:103px;padding:13px!important;border-radius:13px!important;gap:5px}
  #app .wmd-workspace--cashflow .mm-metric strong{font-size:clamp(18px,4.5vw,22px)!important}
  #app .wmd-workspace--cashflow .mm-metric small{font-size:10px}
  #app .wmd-workspace--cashflow .mm-metric-arrow{right:9px;top:8px}
  #app .wmd-workspace--cashflow .mm-primary{border-radius:15px!important;padding:15px 12px}
  #app .wmd-workspace--cashflow .mm-header{align-items:flex-start}
  #app .wmd-workspace--cashflow .mm-header h3{font-size:24px!important}
  #app .wmd-workspace--cashflow .mm-header p{font-size:11px}
  #app .wmd-workspace--cashflow .mm-add{padding:7px 10px!important;font-size:11px}
  #app .wmd-workspace--cashflow .mm-chart{min-width:600px}
  #app .wmd-workspace--cashflow .mm-chart-insight{margin:2px 0 0}
  #app .wmd-workspace--cashflow .mm-legend{justify-content:flex-start}
  #app .wmd-workspace--cashflow .mm-event{min-width:185px;flex-basis:185px}
  #app .wmd-workspace--cashflow .mm-actions{grid-template-columns:1fr}
  #app .wmd-workspace--cashflow .mm-explore-grid{grid-template-columns:1fr 1fr;gap:8px}
  #app .wmd-workspace--cashflow .mm-explore-grid>details>summary{padding:12px 10px!important;min-height:86px;gap:7px}
  #app .wmd-workspace--cashflow .mm-drawer-symbol{flex-basis:26px;width:26px;height:26px;font-size:14px}
  #app .wmd-workspace--cashflow .mm-drawer-chevron{font-size:14px}
  #app .wmd-workspace--cashflow .mm-drawer-body{padding:0 9px 12px}
  #app .wmd-workspace--cashflow .mm-explore-heading{display:block}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--cashflow .mm-metric,
  #app .wmd-workspace--cashflow .mm-drawer-chevron{transition:none}
}


/* One action opens the real checklist or calendar directly; the original
   inner disclosure stays open and accessible inside its outer workbench. */
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="checklist"] .cash-checklist>summary,
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="calendar"] .cashflow-calendar-card>summary{
  display:none!important
}
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="checklist"] .cash-checklist,
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="calendar"] .cashflow-calendar-card{
  padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important
}
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="checklist"] .cash-checklist-body,
#app .wmd-workspace--cashflow .mm-drawer[data-mm-drawer="calendar"] .cashflow-calendar-body{
  padding:8px 0 2px!important
}

/* Financial plan coverage belongs beside the projection, not hidden in settings.
   Quiet, neutral treatment lets cash risks remain more visually prominent. */
#app .wmd-workspace--cashflow .mm-plan-review{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:12px 18px;min-width:0;padding:13px 16px;
 border:1px solid #465862;border-left:3px solid #9faeb8;border-radius:12px;
 background:linear-gradient(135deg,#202e37,#1a2831);
}
#app .wmd-workspace--cashflow .mm-plan-review-copy{flex:1 1 340px;min-width:0;display:grid;gap:4px}
#app .wmd-workspace--cashflow .mm-plan-review-label{
 color:#aec2cd;font-size:10px;font-weight:780;letter-spacing:.065em;
}
#app .wmd-workspace--cashflow .mm-plan-review-copy strong{
 color:#f0f5f6;font-size:15px;font-weight:750;line-height:1.3;
}
#app .wmd-workspace--cashflow .mm-plan-review-copy p{
 margin:0;color:#c0cdd2;font-size:12px;line-height:1.5;max-width:78ch;
}
#app .wmd-workspace--cashflow .mm-plan-review button{
 flex:none;min-height:40px;border-radius:9px;padding:9px 13px;
 color:#d1eef1;border:1px solid #648591;background:#253a45;
 font-size:12px;font-weight:740;cursor:pointer;
}
#app .wmd-workspace--cashflow .mm-plan-review button:hover{
 border-color:#9ec3cd;background:#2c4550;
}
#app .wmd-workspace--cashflow .mm-plan-reviewed{
 margin:0;color:#b1c2c9;font-size:11px;line-height:1.45;
}
@media(max-width:640px){
 #app .wmd-workspace--cashflow .mm-plan-review{padding:12px;gap:10px}
 #app .wmd-workspace--cashflow .mm-plan-review button{width:100%}
}

/* Responsive Money Map: render the upcoming days in a true phone-sized plot.
   Both SVGs use the same forecast and inspector; only one is visible at once. */
#app .wmd-workspace--cashflow .mm-chart-shell--mobile{display:none!important}
#app .wmd-workspace--cashflow .mm-chart--mobile .mm-area{
  fill:url(#mm-cash-gradient-mobile)!important
}
@media(max-width:700px){
  #app .wmd-workspace--cashflow .mm-chart-shell--desktop{display:none!important}
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile{
    display:block!important;width:100%!important;min-width:0!important;
    max-width:100%!important
  }
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-chart-scroll{
    width:100%!important;max-width:100%!important;overflow-x:hidden!important;
    overflow-y:hidden!important
  }
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .money-map .mm-chart-shell--mobile .mm-chart{
    display:block!important;min-width:0!important;max-width:100%!important;
    width:100%!important;height:auto!important;max-height:none!important;
    aspect-ratio:390 / 294
  }
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-chart-inspector:not([hidden]){
    position:static!important;max-height:none!important;overflow:visible!important;
    width:100%!important;max-width:100%!important;margin-top:9px!important;
    pointer-events:none!important
  }
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-chart-insight{
    width:100%!important;max-width:100%!important;min-width:0!important
  }
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-legend{
    gap:8px 14px!important
  }
}

/* Discoverable touch inspection without sacrificing vertical page scrolling. */
#app .wmd-workspace--cashflow .mm-chart-gesture-hint{display:none}
@media(max-width:700px){
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-chart-gesture-hint{
    display:block;margin:1px 0 6px;padding:0 3px;
    text-align:center;font-size:11px;line-height:1.45;
    color:#aabfce
  }
  #app .wmd-workspace--cashflow .mm-chart-shell--mobile :is(.mm-chart,.mm-chart-hit-area){
    touch-action:pan-y!important;user-select:none;-webkit-user-select:none
  }
}


/* Oct 30: Preserve the actual Cash Flow day inspector and allow the dated
   plot to be browsed horizontally instead of shrinking a whole month. */
#app main.wmd-workspace--cashflow .mm-chart-scroll{
  display:block;max-width:100%;overflow-x:auto!important;overflow-y:hidden;
  overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--wmd-theme-accent,#83c9f8) transparent;
}
#app main.wmd-workspace--cashflow .mm-chart--desktop{
  /* A readable full-month plot on ordinary desktop widths prevents the
     currency tick labels from being scrolled off-screen and leaving "0".
     Narrower desktop panels can still scroll to inspect individual days. */
  min-width:980px!important;width:100%;max-width:none!important;
}
#app main.wmd-workspace--cashflow .mm-chart--mobile{
  min-width:760px!important;width:100%;max-width:none!important;
}
#app main.wmd-workspace--cashflow .mm-chart-gesture-hint{
  font-size:13px;line-height:1.45;color:var(--wmd-theme-muted,#abc7da);
}
#app main.wmd-workspace--cashflow .mm-chart-inspector{z-index:10;}

/* Money Map: readable, scrollable day detail with actionable rows. */
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-shell .mm-chart-inspector:not([hidden]){
 width:min(370px,calc(100% - 16px))!important;
 max-height:min(460px,calc(100dvh - 100px))!important;
 overflow:hidden!important;pointer-events:auto!important;
 padding:14px 16px!important;border:1px solid #729fc0!important;
 background:#19354c!important;
}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-tip-kicker{font-size:12px!important;color:#bee1fa!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-tip-safety{font-size:13px!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-tip-totals>span{font-size:12px!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-tip-totals b{font-size:15px!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-events-wrap{
 max-height:min(222px,30vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8ec2e4 #1b3347;pointer-events:auto!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-day-events{list-style:none!important;border-top:1px solid #537996!important;padding:4px 0!important;display:grid!important;gap:3px!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-inspector .mm-day-event{display:block!important;margin:0!important;padding:0!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-action{
 display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;min-height:48px!important;
 padding:9px 7px!important;margin:0!important;border:1px solid transparent!important;border-radius:8px!important;
 color:#e9f5fe!important;background:transparent!important;font:650 14px/1.4 system-ui,sans-serif!important;
 text-align:left!important;cursor:pointer!important;pointer-events:auto!important;}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-action>span:first-child{white-space:normal!important;overflow-wrap:anywhere;min-width:0;flex:1 1 auto;line-height:1.4!important;font-size:14px!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-action strong{font-size:14px!important;white-space:nowrap;color:#f3b7c0}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-action strong.positive{color:#addbf8!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-arrow{color:#a4d6f4;font-size:20px;flex:0 0 auto}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-day-event-action:is(:hover,:focus-visible){background:#2e536e!important;border-color:#8ac3e7!important;outline:2px solid #acd6f3!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .money-map .mm-line{stroke:#9acbf0!important;filter:drop-shadow(0 0 4px #9acbf04d)!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .money-map .mm-chart-insight:not(.is-risk){background:#1b354b!important;border-color:#5b8bb0!important}
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .money-map .mm-chart-insight:not(.is-risk) .mm-insight-icon{background:#284a66!important;color:#c4e5fa!important}
@media(max-width:700px){
#app :is(main.wmd-workspace--cashflow,.landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]) .mm-chart-shell--mobile .mm-chart-inspector:not([hidden]){position:relative!important;left:auto!important;top:auto!important;width:100%!important;max-height:none!important;overflow:visible!important;pointer-events:auto!important}
}

/* Keep the interactive day inspector dismissible without covering values. */
#app .mm-chart-inspector .mm-day-summary{position:relative;padding-right:20px}
#app .mm-chart-inspector .mm-inspector-dismiss{
  position:absolute;top:-5px;right:-6px;display:grid;place-items:center;
  width:32px;min-width:32px;height:32px;min-height:32px;
  padding:0!important;border:1px solid #5d8db1!important;border-radius:10px!important;
  background:#25465f!important;color:#e2f4ff!important;
  font:700 23px/1 system-ui,sans-serif!important;cursor:pointer!important
}
#app .mm-chart-inspector .mm-inspector-dismiss:is(:hover,:focus-visible){
  background:#356688!important;border-color:#a8d7fa!important;
  outline:2px solid #a8d7fa!important;outline-offset:2px
}
#app .mm-chart-inspector .mm-day-events-wrap{touch-action:pan-y}

/* networth-focus.css */
/* Net Worth: Cash Flow's restrained graphite layout with mint as an accent.
   All account, history, scope and equity behaviors stay in app.js. */
#app .wmd-workspace--networth {
  --nw-bg:var(--wmd-ui-panel,#19252f);
  --nw-deep:var(--wmd-ui-deep,#121c26);
  --nw-border:var(--wmd-ui-line,#394a56);
  --nw-muted:var(--wmd-ui-muted,#b1c0ca);
  --nw-accent:var(--wmd-accent,#57d7aa);
}
#app .wmd-workspace--networth .nw-unified-dashboard {
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;margin:0!important;padding:0!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible!important;min-width:0
}
#app .wmd-workspace--networth .nw-unified-overview {
  display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(230px,.65fr)!important;
  align-items:stretch!important;gap:18px!important;padding:20px!important;margin:0!important;
  background:var(--nw-bg)!important;
  border:1px solid var(--nw-border)!important;border-radius:18px!important;box-shadow:none!important;
  min-width:0
}
#app .wmd-workspace--networth .nw-unified-totals {
  display:flex!important;flex-direction:column;justify-content:center;align-items:stretch;
  min-width:0;padding:4px 4px 4px 2px!important;margin:0!important;gap:0!important;
  background:transparent!important
}
#app .wmd-workspace--networth .nw-focus-heading {
  display:flex;align-items:baseline;justify-content:space-between;gap:7px 16px;flex-wrap:wrap;
  color:#e2eaf0
}
#app .wmd-workspace--networth .nw-focus-heading>span {
  font:750 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.01em;text-transform:none;color:#e5edf2!important
}
#app .wmd-workspace--networth .nw-focus-heading>small {
  font-size:11px;line-height:1.4;font-weight:520;color:var(--nw-muted)!important
}
#app .wmd-workspace--networth .nw-unified-totals>h2 {
  font:790 clamp(35px,4.35vw,57px)/1.14 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em!important;font-variant-numeric:tabular-nums;
  color:#f2f6fa!important;margin:10px 0 15px!important;overflow-wrap:anywhere
}
#app .wmd-workspace--networth .nw-focus-actions {
  display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap;min-width:0
}
#app .wmd-workspace--networth .nw-focus-actions>button,
#app .wmd-workspace--networth .nw-goal-details>summary {
  display:inline-flex;gap:9px;align-items:center;
  font-family:inherit!important;font-size:12px;font-weight:650;
  color:#cddce4!important;min-height:36px;cursor:pointer;white-space:nowrap;
  background:transparent!important;border:1px solid #42525d!important;border-radius:9px!important;
  padding:8px 12px!important
}
#app .wmd-workspace--networth .nw-focus-actions>button small {
  font-size:10px;color:#93abb6;font-weight:580
}
#app .wmd-workspace--networth .nw-focus-actions>button:is(:hover,:focus-visible),
#app .wmd-workspace--networth .nw-goal-details>summary:is(:hover,:focus-visible) {
  border-color:var(--nw-accent)!important;background:#202f39!important;outline:none
}
#app .wmd-workspace--networth .nw-goal-details {
  position:relative;min-width:0;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important
}
#app .wmd-workspace--networth .nw-goal-details>summary {list-style:none}
#app .wmd-workspace--networth .nw-goal-details>summary::-webkit-details-marker {display:none}
#app .wmd-workspace--networth .nw-goal-details[open] {
  flex-basis:100%;padding:10px 0 0!important
}
#app .wmd-workspace--networth .nw-goal-details[open]>summary {
  width:max-content;margin-bottom:7px
}
#app .wmd-workspace--networth .nw-goal-details .goalbar {
  margin:7px 0!important;height:5px!important;background:#2e4049!important;border-radius:10px
}
#app .wmd-workspace--networth .nw-goal-details .goalbar i {background:var(--nw-accent)!important}
#app .wmd-workspace--networth .nw-goal-details .networth-goal {
  display:flex!important;gap:8px;align-items:center;min-width:0;margin:9px 0 0!important
}
#app .wmd-workspace--networth .nw-goal-details .networth-goal label {
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  font-size:11px!important;color:var(--nw-muted)!important
}
#app .wmd-workspace--networth .nw-goal-input {
  display:flex;align-items:center;min-height:34px;border:1px solid var(--nw-border);
  border-radius:8px;padding:0 8px;background:var(--nw-deep);font-size:11px
}
#app .wmd-workspace--networth .nw-goal-input input {
  min-width:0;width:115px!important;padding:6px 4px!important;border:0!important;
  background:transparent!important;font-size:13px!important
}
#app .wmd-workspace--networth .nw-focus-figures {
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:repeat(2,minmax(0,1fr));
  align-self:stretch;gap:10px!important;margin:0!important;min-width:0
}
#app .wmd-workspace--networth .nw-focus-figure {
  appearance:none;display:flex!important;flex-direction:column;align-items:stretch;
  justify-content:center;gap:6px;min-width:0;padding:15px 17px!important;
  border:1px solid #384b59!important;border-radius:12px!important;
  text-align:left!important;background:var(--nw-deep)!important;
  box-shadow:none!important;color:#eaf1f4!important;cursor:pointer
}
#app .wmd-workspace--networth .nw-focus-figure>span {
  display:flex;justify-content:space-between;gap:10px;align-items:baseline;
  color:#b3c1cc!important;font-family:inherit!important;font-weight:660!important;font-size:12px!important;line-height:1.4!important
}
#app .wmd-workspace--networth .nw-focus-figure>span>span {color:var(--nw-accent);opacity:.72}
#app .wmd-workspace--networth .nw-focus-figure>strong {
  font:775 clamp(19px,2.1vw,26px)/1.15 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.035em!important;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
  color:#eff5f8!important
}
#app .wmd-workspace--networth .nw-focus-figure:is(:hover,:focus-visible) {
  border-color:var(--nw-accent)!important;background:#1b2a33!important;outline:none!important
}
#app .wmd-workspace--networth .nw-unified-trend {
  display:block!important;margin:0!important;min-width:0!important;padding:20px!important;
  background:var(--nw-bg)!important;border:1px solid var(--nw-border)!important;
  border-radius:18px!important;box-shadow:none!important
}
#app .wmd-workspace--networth .nw-unified-trend>.history-panel {
  display:grid!important;gap:12px!important;margin:0!important;padding:0!important;
  min-width:0!important;border:0!important;background:transparent!important;
  box-shadow:none!important;border-radius:0!important
}
#app .wmd-workspace--networth .history-head {
  display:flex!important;align-items:flex-end!important;justify-content:space-between!important;
  flex-wrap:wrap;gap:10px 16px!important;margin:0!important
}
#app .wmd-workspace--networth .history-head-summary {
  display:grid!important;gap:3px!important;min-width:0
}
#app .wmd-workspace--networth .history-head-summary h3 {
  font:750 clamp(18px,2vw,23px)/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.025em;margin:0!important;color:#e9f1f5!important
}
#app .wmd-workspace--networth .history-eyebrow {
  display:none!important
}
#app .wmd-workspace--networth .history-panel .history-metrics {
  margin:0!important;gap:0!important;display:block!important
}
#app .wmd-workspace--networth .history-panel .history-metrics>div {
  padding:0!important;border:0!important;box-shadow:none!important;
  display:flex!important;flex-wrap:wrap;gap:8px!important;align-items:baseline;
  background:transparent!important
}
#app .wmd-workspace--networth .history-panel .history-range-change span {
  font-size:11px!important;color:var(--nw-muted)!important
}
#app .wmd-workspace--networth .history-panel .history-range-change strong {
  font:700 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:#d6e4ec!important
}
#app .wmd-workspace--networth .history-panel .history-range-change strong.positive {color:#91d9b6!important}
#app .wmd-workspace--networth .history-panel .history-range-change strong.negative {color:#e5a1a5!important}
#app .wmd-workspace--networth .history-panel .history-toggle {
  min-height:36px!important;padding:7px 12px!important;
  border:1px solid #465760!important;border-radius:9px!important;
  font-family:inherit!important;font-weight:650!important;font-size:12px!important;line-height:1.4!important;background:#212d35!important;
  color:#dae8ed!important;box-shadow:none!important
}
#app .wmd-workspace--networth .history-panel .history-toggle:is(:hover,:focus-visible) {
  background:#253540!important;border-color:var(--nw-accent)!important;outline:none
}
#app .wmd-workspace--networth .history-periods {
  display:flex;align-items:center;flex-wrap:wrap;gap:6px!important;
  padding:0!important;margin:0!important;border:0!important;
  background:transparent!important
}
#app .wmd-workspace--networth .history-periods button {
  min-width:44px;min-height:34px!important;padding:6px 11px!important;
  border:1px solid #3d505b!important;border-radius:8px!important;
  background:#1b2933!important;color:#b7c9d0!important;font-size:12px!important;
  font-family:inherit!important;box-shadow:none!important
}
#app .wmd-workspace--networth .history-periods button.active {
  border-color:var(--nw-accent)!important;background:#22333b!important;
  color:#e8f4ef!important;box-shadow:none!important
}
#app .wmd-workspace--networth .history-chart-frame {
  position:relative;width:100%;max-width:100%;min-width:0;
  margin:0!important;padding:10px 8px 8px!important;
  border:1px solid #354a57!important;border-radius:12px!important;
  background:var(--nw-deep)!important;box-shadow:none!important;overflow:hidden!important
}
#app .wmd-workspace--networth .history-chart-frame svg.history-chart {
  display:block!important;width:100%!important;max-width:100%!important;
  height:auto!important;max-height:350px!important;padding:0!important;border:0!important;
  background:transparent!important;overflow:visible!important
}
#app .wmd-workspace--networth .history-inspector {
  display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;
  width:100%;padding:10px 3px 0!important;margin:0!important;
  border:0!important;border-top:1px solid #344754!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important
}
#app .wmd-workspace--networth .history-inspector>div {
  display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;min-width:0
}
#app .wmd-workspace--networth .history-inspector :is(span,small) {
  font-size:11px!important;color:var(--nw-muted)!important
}
#app .wmd-workspace--networth .history-inspector strong {
  font-family:inherit!important;font-weight:715!important;font-size:13px!important;line-height:1.4!important;color:#e6f1f6!important
}
#app .wmd-workspace--networth .history-panel .history-caption {
  color:#91a5b0!important;font-size:11px!important;line-height:1.5;margin:0!important
}
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope) {
  margin:0;padding:0 12px!important;background:#22262b!important;
  border:1px solid #6b6254!important;border-radius:10px!important
}
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope)>summary {
  cursor:pointer;padding:10px 0;font-size:12px;line-height:1.4;
  color:#e7c7a1!important;font-weight:650
}
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope) p,
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope) li {
  font-size:11px!important;color:#c4cdd1!important;line-height:1.55
}
#app .wmd-workspace--networth .nw-history-issues button {
  border:1px solid #7a7664!important;background:#293038!important;
  border-radius:8px!important;color:#f2e2ce!important;
  font-size:11px!important;padding:7px 11px!important;cursor:pointer
}
#app .wmd-workspace--networth .nw-balance-review {
  margin:0;padding:17px!important;border:1px solid var(--nw-border)!important;
  border-radius:15px!important;background:var(--nw-bg)!important
}
#app .wmd-workspace--networth .nw-review-header {
  display:flex;justify-content:space-between;gap:16px;align-items:flex-start
}
#app .wmd-workspace--networth .nw-review-header h3 {
  font-family:inherit!important;font-weight:730!important;font-size:17px!important;line-height:1.3!important;margin:0 0 3px!important;color:#eff6f9
}
#app .wmd-workspace--networth .nw-review-header p {
  font-size:11px;line-height:1.5;color:var(--nw-muted);margin:0
}
#app .wmd-workspace--networth .nw-review-header button {
  flex:0 0 auto;border:0;background:transparent;color:#c4d3d8;
  cursor:pointer;font-size:22px
}
#app .wmd-workspace--networth .nw-review-list {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;
  max-height:350px;overflow:auto;margin:14px 0!important
}
#app .wmd-workspace--networth .nw-review-row {
  display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;
  min-width:0;padding:11px 12px!important;border:1px solid #384c56!important;
  border-radius:10px!important;background:var(--nw-deep)!important;color:#e9f2f5;
  cursor:pointer
}
#app .wmd-workspace--networth .nw-review-row span {display:grid;min-width:0;gap:4px}
#app .wmd-workspace--networth .nw-review-row strong {
  font-size:12px;overflow-wrap:anywhere;color:#eff6f8
}
#app .wmd-workspace--networth .nw-review-row small {font-size:10px;color:var(--nw-muted)}
#app .wmd-workspace--networth .nw-review-row b {
  font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap
}
#app .wmd-workspace--networth .nw-review-row:is(:hover,:focus-visible) {
  border-color:var(--nw-accent)!important;background:#1d2e39!important;outline:none
}
#app .wmd-workspace--networth .nw-review-actions {
  display:flex;flex-wrap:wrap;gap:12px;align-items:center
}
#app .wmd-workspace--networth .nw-review-actions>span {
  font-size:11px;color:var(--nw-muted)
}
#app .wmd-workspace--networth .nw-review-actions .global-photo-action {
  min-height:38px;padding:7px 13px!important;background:#25343a!important;
  border-color:var(--nw-border)!important;color:#e4edf0!important
}
#app .wmd-workspace--networth .nw-board {
  margin-top:14px!important;gap:14px!important;align-items:start!important
}
#app .wmd-workspace--networth .nw-board .nw-overview-section {
  border:1px solid var(--nw-border)!important;border-radius:15px!important;
  background:var(--nw-bg)!important;box-shadow:none!important;overflow:visible
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-toggle {
  min-height:70px!important;padding:13px 16px!important;
  background:var(--nw-bg)!important;color:#edf4f5!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-toggle:hover {
  background:#1e2d35!important
}
#app .wmd-workspace--networth .nw-overview-section :is(.nw-overview-label,.nw-overview-amount) {
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:710!important;letter-spacing:-.025em!important;color:#eff4f8!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-label {
  font-size:clamp(16px,1.7vw,20px)!important
}
/* Counter older high-specificity mint totals: values are neutral; mint stays on borders. */
#app .wmd-workspace.wmd-workspace--networth .nw-overview-section:not(.liabilities) .nw-overview-amount,
#app .wmd-workspace.wmd-workspace--networth .nw-overview-section.liabilities .nw-overview-amount {
  color:#eff4f8!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-amount {
  font-size:clamp(17px,1.75vw,21px)!important;font-variant-numeric:tabular-nums
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-icon {
  font-size:19px!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head {
  background:#19272e!important;border-color:#3a4c57!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head:hover {
  background:#24333b!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-group {
  background:#18242a!important;border-color:#344751!important
}
#app .wmd-workspace--networth .nw-allocation {
  display:block;margin:14px 0 8px!important;padding:0!important;
  border:1px solid var(--nw-border)!important;border-radius:15px!important;
  background:var(--nw-bg)!important;box-shadow:none!important;overflow:hidden!important
}
#app .wmd-workspace--networth .nw-allocation>.nw-allocation-head {
  display:flex;align-items:center;min-height:55px;
  padding:13px 17px!important;background:transparent!important
}
#app .wmd-workspace--networth .nw-allocation-head h3 {
  margin:0;font-family:inherit!important;font-size:17px;
  line-height:1.3;font-weight:750;letter-spacing:-.025em;
  color:#e6eff2!important
}
#app .wmd-workspace--networth .nw-detail-chevron {
  width:17px;height:17px;display:inline-flex;
  align-items:center;color:var(--nw-accent)
}
#app .wmd-workspace--networth .nw-detail-chevron svg {
  width:17px;height:17px;transition:transform .15s
}
#app .wmd-workspace--networth .nw-allocation-inner {
  border-top:1px solid #354b55!important;padding:15px 18px 19px!important;
  background:transparent!important
}
#app .wmd-workspace--networth .nw-chart-switch {
  display:flex!important;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 15px!important
}
#app .wmd-workspace--networth .nw-chart-switch>div {
  display:grid;gap:2px;flex:1 1 auto;justify-items:start!important
}
#app .wmd-workspace--networth .nw-chart-switch>div span{
  font-size:11px;color:var(--nw-muted)!important
}
#app .wmd-workspace--networth .nw-chart-switch>div strong {
  font-size:18px;color:#e7f3f5!important;font-variant-numeric:tabular-nums
}
#app .wmd-workspace--networth .nw-chart-switch button {
  padding:8px 12px!important;min-height:36px!important;
  border-radius:9px!important;background:#1c2934!important;
  border:1px solid #3c515b!important;color:#b7c8d1!important;
  font-size:12px!important;grid-row:auto!important
}
#app .wmd-workspace--networth .nw-chart-switch button.active {
  background:#25353b!important;border-color:var(--nw-accent)!important;color:#e9f7ef!important
}
#app .wmd-workspace--networth .nw-allocation .nw-mix-layout {margin:7px 0 14px}
#app .wmd-workspace--networth .nw-allocation :is(.nw-mix-layout,.nw-chart-panel) {
  min-width:0!important;max-width:100%
}
#app .wmd-workspace--networth .nw-allocation-amounts {
  margin:12px 0 0;border-top:1px solid #344954;padding:7px 0
}
#app .wmd-workspace--networth .nw-allocation-amounts>summary {
  font-size:12px;color:#bdcfd4!important;font-weight:650;cursor:pointer;padding:8px 0
}
#app .wmd-workspace--networth .nw-gross-list{display:grid;gap:8px!important;margin:6px 0 8px}
#app .wmd-workspace--networth .nw-gross-row {
  display:grid!important;grid-template-columns:minmax(130px,1fr) auto;align-items:center;
  gap:6px 14px;width:100%;padding:10px 13px!important;
  background:var(--nw-deep)!important;border:1px solid #384954!important;
  border-radius:10px!important;color:#e8f2f5!important;text-align:left;cursor:pointer
}
#app .wmd-workspace--networth .nw-gross-row>span:first-child {
  display:flex;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:660
}
#app .wmd-workspace--networth .nw-gross-row strong {
  font-size:12px;letter-spacing:-.01em;text-align:right;font-variant-numeric:tabular-nums
}
#app .wmd-workspace--networth .nw-gross-dot {
  width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--nw-bar)
}
#app .wmd-workspace--networth .nw-gross-bar {
  grid-column:1/-1;height:4px;border-radius:9px;background:#354652;overflow:hidden
}
#app .wmd-workspace--networth .nw-gross-bar i {
  display:block;height:100%;width:var(--nw-width);background:var(--nw-bar);border-radius:inherit
}
#app .wmd-workspace--networth .nw-gross-row:is(:hover,:focus-visible) {
  border-color:var(--nw-accent)!important;background:#213039!important;outline:none
}
#app .wmd-workspace--networth .nw-gross-remaining>summary {font-size:11px;color:var(--nw-muted);cursor:pointer}
#app .wmd-workspace--networth .nw-allocation .chart-help-row {
  display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;
  margin:10px 0 0
}
#app .wmd-workspace--networth .nw-allocation .chart-help {
  color:var(--nw-muted)!important;font-size:11px!important;line-height:1.55;max-width:75ch
}
#app .wmd-workspace--networth .nw-allocation .chart-action {
  min-height:34px;padding:6px 11px!important;color:#dce9f0!important;
  border-color:var(--nw-border)!important;border-radius:9px!important;background:#23313a!important;
  font-size:11px!important
}
@media(max-width:890px) {
  #app .wmd-workspace--networth .nw-unified-overview {grid-template-columns:1fr!important;gap:13px!important}
  #app .wmd-workspace--networth .nw-focus-figures {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important
  }
  #app .wmd-workspace--networth .nw-unified-totals {padding:0!important}
  #app .wmd-workspace--networth .nw-review-list {grid-template-columns:1fr}
}
@media(max-width:580px) {
  #app .wmd-workspace--networth .nw-unified-overview {padding:15px!important}
  #app .wmd-workspace--networth .nw-unified-trend {padding:15px!important}
  #app .wmd-workspace--networth .nw-unified-totals>h2 {
    font-size:clamp(32px,9vw,44px)!important;margin:9px 0 11px!important
  }
  #app .wmd-workspace--networth .nw-focus-figure {padding:11px 12px!important}
  #app .wmd-workspace--networth .nw-focus-figure>strong {font-size:clamp(16px,4.4vw,22px)!important}
  #app .wmd-workspace--networth .history-head {align-items:flex-start!important}
  #app .wmd-workspace--networth .history-chart-frame {padding:7px!important}
  #app .wmd-workspace--networth .nw-chart-switch {
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  #app .wmd-workspace--networth .nw-chart-switch>div {grid-column:1/-1;grid-row:1}
  #app .wmd-workspace--networth .nw-chart-switch button {grid-row:2;width:100%;min-width:0}
  #app .wmd-workspace--networth .nw-gross-row {grid-template-columns:minmax(0,1fr) auto}
}
@media(prefers-reduced-motion:reduce) {
  #app .wmd-workspace--networth :is(.nw-detail-chevron svg,.nw-focus-figure) {transition:none!important}
}

/* History is a continuous line rather than a field of permanent point dots.
   A lone observation between inclusion breaks stays visible as a short line
   tick. The normal inspection dot appears only on hover, tap, or focus. */
#app .wmd-workspace--networth .history-singleton-tick {
  fill:none;
  stroke:var(--wmd-brand-mint,#82ddb6);
  stroke-width:2.6;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}


/* Linked equity view, 2026-10. Explicitly a chart presentation, never a
   second net-worth ledger. Keep controls readable at narrow phone widths. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-context{
  margin:0 0 12px!important;
  padding:9px 11px;
  border:1px solid rgba(112,164,143,.16);
  border-radius:9px;
  background:rgba(100,164,143,.055);
  color:#b9d2c7!important;
  font:500 11px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
  text-wrap:pretty;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button{
  white-space:normal!important;
  min-width:0;
  text-align:center!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel[data-mix-mode="equity"] .nw-mix-legend-amount{
  display:block!important;
  grid-column:1/-1!important;
  color:#a8d4c2!important;
  font-size:11px!important;
  font-weight:710!important;
  line-height:1.35!important;
  letter-spacing:-.005em;
  font-variant-numeric:tabular-nums;
}
@media(max-width:700px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    align-items:stretch!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch>div{
    grid-column:1/-1;
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:3px;
    min-width:0;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch>div span{
    font-size:12px!important;
    line-height:1.35!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch>div strong{
    flex:none;
    font-size:17px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button{
    min-height:38px!important;
    padding:7px 5px!important;
    font-size:11px!important;
    line-height:1.3!important;
    overflow-wrap:normal;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-context{
    margin-bottom:11px!important;
    font-size:11px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel[data-mix-mode="equity"] .nw-mix-legend-amount{
    padding-left:15px!important;
  }
}
@media(max-width:360px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch>div{
    flex-wrap:wrap;
    row-gap:2px;
  }
}

/* Plain language equity explanation and compact optional loan settings. */
#app .wmd-workspace--networth .nw-equity-explainer{
  margin:-6px 0 13px!important;
  color:#adc5cc!important;
  font-size:11.5px!important;
  font-weight:500;
  line-height:1.5;
  max-width:67ch;
  text-wrap:pretty;
}
#app .wmd-workspace--networth .nw-equity-tools{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:11px;
  flex-wrap:wrap;
  border-top:1px solid #344954;
  margin-top:9px;
  padding-top:13px;
}
#app .wmd-workspace--networth .nw-equity-tools-copy{
  flex:1 1 210px;
  display:grid;
  gap:3px;
  min-width:0;
}
#app .wmd-workspace--networth .nw-equity-tools-copy strong{
  font-size:12px;
  font-weight:720;
  color:#e3edf1;
}
#app .wmd-workspace--networth .nw-equity-tools-copy span{
  font-size:11px;
  line-height:1.45;
  color:#a7bbc3;
}
#app .wmd-workspace--networth .nw-equity-tools .chart-action{
  flex:0 0 auto;
  white-space:nowrap;
}
#app .wmd-workspace--networth .nw-equity-tools .chart-action:hover,
#app .wmd-workspace--networth .nw-equity-tools .chart-action:focus-visible{
  background:#293e42!important;
  border-color:var(--nw-accent)!important;
}
#app .wmd-workspace--networth .nw-equity-tools + #nw-equity-inline .equity-setup{
  margin-top:13px;
}
@media(max-width:580px){
  #app .wmd-workspace--networth .nw-equity-explainer{
    margin-top:-3px!important;
    font-size:11px!important;
  }
  #app .wmd-workspace--networth .nw-equity-tools .chart-action{
    width:100%;
  }
}


/* Slice hover previews highlight their matching category within the scroll list. */
#app .wmd-workspace--networth .nw-chart-panel :is(.nw-mix-legend-item,.nw-mix-smaller-toggle).is-previewing{border-color:var(--wmd-theme-accent,var(--nw-accent,#8ec8f3))!important;background:var(--wmd-theme-raised,var(--wmd-ui-raised,#263b52))!important;box-shadow:inset 3px 0 0 var(--wmd-theme-accent,var(--nw-accent,#8ec8f3))!important}
#app .wmd-workspace--networth .nw-mix-slice.is-previewing{filter:brightness(1.12)}
#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend{overscroll-behavior:contain;scroll-padding-block:8px}
@media(prefers-reduced-motion:reduce){#app .wmd-workspace--networth .nw-chart-panel .nw-mix-legend{scroll-behavior:auto}}

/* cashflow-interaction-polish.css */
/* Cash Flow micro-interactions, editor refinement and shared review guidance.
   Deliberately presentation-only: existing save, projection and budget logic stay intact. */
#app .cash-calendar-editor.cash-editor-premium{
  color:#eaf3f6!important;
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  width:min(694px,100%)!important;
  max-height:min(92dvh,780px)!important;
  overflow-y:auto!important;overscroll-behavior:contain;
  padding:28px 30px 0!important;
  border-radius:23px!important;
  background:radial-gradient(ellipse at 100% 0%,rgba(104,222,184,.095),transparent 42%),#15232c!important;
  border:1px solid #40555f!important;
  box-shadow:0 32px 100px #000a,0 4px 22px #0004,inset 0 1px #ffffff0b!important;
  scrollbar-width:thin;scrollbar-color:#4a6570 transparent
}
#app .cash-editor-premium .cash-calendar-editor-close{
  width:37px;height:37px;top:22px;right:23px;border-radius:11px;
  color:#c4d9e1;border:1px solid #405861;background:#1b2d37;
  display:grid;place-items:center;font:400 22px/1 system-ui;cursor:pointer;transition:.15s ease
}
#app .cash-editor-premium .cash-calendar-editor-close:hover{background:#29434a;color:#f4fcfb;border-color:#7ea8a3}
#app .cash-editor-premium .cash-calendar-editor-head{padding-right:34px;margin:0 0 23px}
#app .cash-editor-premium .cash-calendar-editor-head>span{
  color:#82e5bb;font-size:10px;font-weight:850;letter-spacing:.12em
}
#app .cash-editor-premium .cash-calendar-editor-head h2{
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:#f2faf8!important;font-size:clamp(24px,3.4vw,31px)!important;
  font-weight:780!important;letter-spacing:-.045em!important;
  line-height:1.18!important;margin:8px 0 7px!important;overflow-wrap:anywhere
}
#app .cash-editor-premium .cash-calendar-editor-head p{
  color:#a8bbc5!important;font-size:12px!important;
  line-height:1.55!important;max-width:54ch;margin:0!important
}
#app .cash-editor-premium .cash-calendar-editor-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start;gap:17px 14px!important;min-width:0
}
#app .cash-editor-premium .cash-calendar-editor-grid>label{
  min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px
}
#app .cash-editor-premium .cash-calendar-editor-grid>label:first-child{grid-column:1/-1}
#app .cash-editor-premium .cash-calendar-grid-labels{display:block}
#app .cash-editor-premium .cash-calendar-editor-grid label>span,
#app .cash-editor-premium .cash-calendar-category-summary>span:first-child{
  font-family:inherit;color:#aebfc8!important;font-size:10px!important;
  font-weight:780!important;line-height:1.2;letter-spacing:.06em!important;text-transform:uppercase
}
#app .cash-editor-premium .cash-calendar-editor-grid input:not([type="checkbox"]),
#app .cash-editor-premium .cash-calendar-editor-grid select,
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input{
  box-sizing:border-box!important;width:100%!important;min-width:0!important;
  min-height:45px!important;border:1px solid #3c535f!important;
  border-radius:11px!important;background:#101d27!important;
  color:#f1f7fa!important;
  font-family:inherit!important;font-size:15px!important;font-weight:560!important;
  line-height:1.3!important;box-shadow:none!important
}
#app .cash-editor-premium .cash-calendar-editor-grid input:not([type="checkbox"]),
#app .cash-editor-premium .cash-calendar-editor-grid select{
  padding:10px 13px!important;
}
#app .cash-editor-premium .cash-calendar-editor-grid input:focus-visible,
#app .cash-editor-premium .cash-calendar-editor-grid select:focus-visible{
  outline:2px solid #79dbb6!important;outline-offset:1px!important;border-color:#6bb7a0!important
}
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input{display:flex;align-items:center;overflow:hidden}
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input>span{
  flex:0 0 auto;padding:0 0 0 14px!important;color:#91b1b8!important;font-size:14px!important
}
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input>input{
  border:0!important;background:transparent!important;min-height:43px!important;
  box-shadow:none!important;padding:8px 13px 8px 4px!important;text-align:right;
  font-variant-numeric:tabular-nums
}
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input:focus-within{
  outline:2px solid #79dbb6;outline-offset:1px
}
#app .cash-editor-premium .cash-calendar-editor-grid input:disabled{
  color:#91a5ad!important;background:#17232c!important;opacity:.72
}
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input:has(input:disabled){
  background:#17232c!important;opacity:.83
}
#app .cash-editor-premium .cash-calendar-editor-grid .cash-calendar-payment-method{
  grid-column:1/-1;display:flex;flex-direction:column;
}
#app .cash-editor-premium .cash-calendar-editor-grid .cash-calendar-payment-method[hidden],
#app .cash-editor-premium .cash-calendar-category-grid[hidden]{
  display:none!important
}
#app .cash-editor-premium .cash-calendar-editor-grid .cash-calendar-payment-method select{
  width:100%!important;min-height:45px!important
}
#app .cash-editor-premium .cash-calendar-done{
  grid-column:1/-1!important;
  display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap;gap:10px 13px;min-height:57px!important;
  padding:12px 15px!important;margin:0!important;
  border:1px solid #374f59!important;border-radius:12px!important;
  background:#11222c!important
}
#app .cash-editor-premium .cash-calendar-done>span{flex:1 1 155px;grid-column:auto!important}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]{
  appearance:none;-webkit-appearance:none;
  flex:0 0 40px;width:40px!important;height:23px!important;min-height:23px!important;
  border-radius:99px!important;border:1px solid #536971!important;
  background:#2a3b44!important;cursor:pointer;position:relative;
  transition:background .14s ease,border-color .14s ease
}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]::after{
  content:"";width:15px;height:15px;position:absolute;top:3px;left:3px;
  background:#aebfc8;border-radius:100%;box-shadow:0 1px 3px #0005;
  transition:transform .14s ease,background .14s ease
}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]:checked{
  border-color:#75d9b2!important;background:#26735c!important
}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]:checked::after{
  background:#f1fdf8;transform:translateX(17px)
}
#app .cash-editor-premium .cash-calendar-done b{
  flex:0 1 auto;color:#d3e7e6!important;font-size:12px!important;font-weight:700!important
}
#app .cash-editor-premium .cash-calendar-done input:focus-visible{
  outline:2px solid #86dfbc!important;outline-offset:3px!important
}
#app .cash-editor-premium .cash-calendar-category{
  display:block!important;margin:23px 0 0!important;
  padding:16px 0 2px!important;border-top:1px solid #334b54!important;
  border-bottom:0!important;background:transparent!important
}
#app .cash-editor-premium .cash-calendar-category-summary{
  display:flex!important;align-items:center;justify-content:space-between;
  gap:14px;min-height:51px!important;
  border:1px solid #35505b!important;border-radius:12px!important;
  background:#132831!important;padding:10px 14px!important;
  list-style:none;cursor:pointer;color:#e7f3f2!important
}
#app .cash-editor-premium .cash-calendar-category-summary::-webkit-details-marker{display:none}
#app .cash-editor-premium .cash-calendar-category-summary::marker{content:""}
#app .cash-editor-premium .cash-calendar-category-summary>span:first-child{flex:0 0 auto}
#app .cash-editor-premium .cash-calendar-category-summary>strong{
  min-width:0;display:flex;align-items:center;justify-content:flex-end;
  gap:8px;color:#e3f5f0!important;font-size:12px!important;
  font-weight:770!important;flex:1!important
}
#app .cash-editor-premium .cash-calendar-category-summary>strong>i{
  font-size:19px!important;font-style:normal!important;line-height:1
}
#app .cash-editor-premium .cash-calendar-category-change{
  color:#8fdcc1!important;font-size:11px!important;font-weight:760!important;
  text-transform:none!important;letter-spacing:0!important;white-space:nowrap
}
#app .cash-editor-premium .cash-calendar-category-change>span{display:inline-block;margin-left:3px;transition:transform .14s}
#app .cash-editor-premium .cash-calendar-category[open] .cash-calendar-category-change>span{transform:rotate(180deg)}
#app .cash-editor-premium .cash-calendar-category-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:9px!important;margin:13px 0 4px!important;padding:0 1px
}
#app .cash-editor-premium .cash-calendar-cat{
  min-width:0!important;min-height:52px!important;padding:10px!important;
  border-radius:11px!important;border:1px solid #37505a!important;
  background:#12242e!important;color:#daebed!important;
  grid-template-columns:27px minmax(0,1fr)!important;
  font-weight:700;cursor:pointer
}
#app .cash-editor-premium .cash-calendar-cat:hover{
  background:#1c3940!important;border-color:#7ac2ad!important
}
#app .cash-editor-premium .cash-calendar-cat.selected{
  background:#1e413c!important;border-color:#79dcbc!important;
  box-shadow:inset 0 0 0 1px #79dcbc38!important
}
#app .cash-editor-premium .cash-calendar-cat span{font-size:18px}
#app .cash-editor-premium .cash-calendar-cat b{
  font-family:inherit!important;color:inherit!important;font-size:11px!important;
  line-height:1.4!important;overflow-wrap:anywhere
}
#app .cash-editor-premium .cash-calendar-cat.create{
  border-style:dashed!important;border-color:#5c7780!important;color:#a5dfcd!important
}
#app .cash-editor-premium .cash-calendar-editor-actions{
  position:sticky!important;bottom:0!important;z-index:2;
  margin:24px -30px 0!important;padding:16px 30px 18px!important;
  display:flex!important;flex-wrap:wrap;align-items:center!important;
  justify-content:space-between!important;gap:10px!important;
  border-top:1px solid #344c57!important;
  background:linear-gradient(#172934,#15232c)!important;
  box-shadow:0 -9px 18px #101d2750
}
#app .cash-editor-premium .cash-calendar-editor-actions>div{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;
  margin:0 0 0 auto!important
}
#app .cash-editor-premium .cash-calendar-editor-actions button{
  min-height:43px!important;min-width:101px!important;box-sizing:border-box;
  padding:10px 16px!important;border-radius:11px!important;
  font:750 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;cursor:pointer;
  transition:filter .12s ease,border-color .12s ease
}
#app .cash-editor-premium .cash-calendar-save{
  background:#79e2b7!important;color:#0d2826!important;border:1px solid #79e2b7!important;
  box-shadow:0 5px 16px #59e3aa25!important
}
#app .cash-editor-premium .cash-calendar-save:hover{filter:brightness(1.06)}
#app .cash-editor-premium .cash-calendar-cancel{
  background:#223640!important;color:#d8e8ee!important;border:1px solid #48636d!important
}
#app .cash-editor-premium .cash-calendar-cancel:hover{border-color:#87b4b6!important}
#app .cash-editor-premium .cash-calendar-delete{
  min-width:0!important;background:#34252b!important;color:#f0acb7!important;
  border:1px solid #71454e!important;box-shadow:none!important
}
#app .cash-editor-premium .cash-calendar-delete:hover{background:#4a2b33!important}
#app .cash-calendar-editor.cash-editor-premium :is(button,input,select,summary):focus-visible{
  outline:2px solid #8ae5c2!important;outline-offset:2px!important
}
#app .wmd-workspace--cashflow .mm-chart-shell{position:relative!important}
#app .wmd-workspace--cashflow .mm-chart-hit-area{cursor:crosshair;touch-action:pan-y}
#app .wmd-workspace--cashflow .mm-chart:focus-visible{outline:2px solid #7ce1bd;outline-offset:-3px;border-radius:12px}
#app .wmd-workspace--cashflow .mm-hover-guide{
  stroke:#d8f5eb;stroke-width:1.4;stroke-dasharray:4 5;opacity:.76;pointer-events:none
}
#app .wmd-workspace--cashflow .mm-hover-point{
  fill:#dffcf1;stroke:#3aa780;stroke-width:3;pointer-events:none;
  filter:drop-shadow(0 0 6px #80e5bf70)
}
#app .wmd-workspace--cashflow .mm-hover-guide[hidden],
#app .wmd-workspace--cashflow .mm-hover-point[hidden]{display:none!important}
#app .wmd-workspace--cashflow .mm-chart-inspector{
  position:absolute;z-index:12;display:block;width:min(282px,calc(100% - 14px));
  min-width:0;max-height:min(350px,90%);overflow:hidden;pointer-events:none;
  padding:15px 16px 13px!important;border-radius:14px;
  background:linear-gradient(140deg,#1a3540,#14242f)!important;
  border:1px solid #699b98!important;color:#f1f7f7!important;
  box-shadow:0 20px 50px #0008,0 2px 8px #0005!important;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
#app .wmd-workspace--cashflow .mm-chart-inspector[hidden],
#app .wmd-workspace--cashflow .mm-chart-data[hidden]{display:none!important}
#app .wmd-workspace--cashflow .mm-day-summary{min-width:0;display:grid;gap:7px;font-family:inherit}
#app .wmd-workspace--cashflow .mm-tip-kicker{color:#91e7c6;font-size:10px;font-weight:850;letter-spacing:.06em}
#app .wmd-workspace--cashflow .mm-tip-value{
  display:block;margin:0;font-size:25px!important;font-weight:820;line-height:1.1;letter-spacing:-.045em;
  font-variant-numeric:tabular-nums;color:#f4fbfa!important
}
#app .wmd-workspace--cashflow .mm-tip-safety{
  display:block;font-size:11px;font-weight:700;color:#a9e6cf!important
}
#app .wmd-workspace--cashflow .mm-tip-safety.is-low{color:#ffb6b4!important}
#app .wmd-workspace--cashflow .mm-tip-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:2px 0 0}
#app .wmd-workspace--cashflow .mm-tip-totals>span{
  display:grid;gap:4px;padding:8px 9px;border-radius:8px;background:#ffffff0b;
  color:#a5bbc5;font-size:10px
}
#app .wmd-workspace--cashflow .mm-tip-totals b{color:#e8f5f4;font-size:13px;font-variant-numeric:tabular-nums}
#app .wmd-workspace--cashflow .mm-tip-totals>span:first-child b{color:#92e9c2}
#app .wmd-workspace--cashflow .mm-tip-totals>span:last-child b{color:#efb3b3}
#app .wmd-workspace--cashflow .mm-day-events{list-style:none!important;margin:4px 0 0!important;padding:8px 0 0!important;
  border-top:1px solid #48636a;display:grid;gap:8px}
#app .wmd-workspace--cashflow .mm-day-event{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:11px}
#app .wmd-workspace--cashflow .mm-day-event span{min-width:0;line-height:1.35;color:#dae9eb}
#app .wmd-workspace--cashflow .mm-day-event span small{color:#96bac3;font-size:9px}
#app .wmd-workspace--cashflow .mm-day-event strong{font-weight:760;color:#f4b5b3;font-size:11px;flex:0 0 auto;
  font-variant-numeric:tabular-nums}
#app .wmd-workspace--cashflow .mm-day-event strong.positive{color:#9becc9}
#app .wmd-workspace--cashflow .mm-tip-warning,
#app .wmd-workspace--cashflow .mm-tip-overflow{font-size:10px;color:#efc5aa;line-height:1.4}
#app .wmd-workspace--cashflow .mm-tip-empty{font-size:11px;color:#9ab5bf;margin:4px 0!important}
/* Budget attention belongs to Budget's sand/gold palette, not the
   mint/teal import and Cash Flow palettes. A neutral surface keeps it calm. */
#app .wmd-workspace--budget .budget-attention{
  --budget-attention-accent:var(--wmd-accent,#d6bc91);
  margin:12px 0 19px;display:flex;align-items:center;gap:15px;min-width:0;
  border:1px solid color-mix(in srgb,var(--budget-attention-accent) 40%,#3c4548);
  border-radius:15px;padding:14px 16px;
  background:color-mix(in srgb,var(--budget-attention-accent) 5%,#1b2428)!important;
  color:#f1eee8
}
#app .wmd-workspace--budget .budget-attention-icon{
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:12px;
  background:color-mix(in srgb,var(--budget-attention-accent) 12%,#252a2e);
  border:1px solid color-mix(in srgb,var(--budget-attention-accent) 29%,#394246);
  color:var(--budget-attention-accent);font-size:23px
}
#app .wmd-workspace--budget .budget-attention-copy{display:grid;gap:4px;flex:1;min-width:0}
#app .wmd-workspace--budget .budget-attention-copy>span{
  color:var(--budget-attention-accent);font-size:9px;letter-spacing:.085em;font-weight:820
}
#app .wmd-workspace--budget .budget-attention-copy>strong{
  font-size:13px;font-weight:770;color:#f4f0e9
}
#app .wmd-workspace--budget .budget-attention-copy>p{
  margin:0;color:#c9c6c0;font-size:11px;line-height:1.5
}
#app .wmd-workspace--budget .budget-attention-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}
#app .wmd-workspace--budget .budget-attention-actions button{
  cursor:pointer;min-height:37px;padding:8px 11px;border-radius:9px;
  font-size:11px;font-weight:740;
  transition:background-color .15s ease,border-color .15s ease
}
#app .wmd-workspace--budget .budget-attention-actions [data-budget-gap-open]{
  border:1px solid color-mix(in srgb,var(--budget-attention-accent) 56%,#3d484b);
  background:color-mix(in srgb,var(--budget-attention-accent) 17%,#252b2e);
  color:#f2e3c6
}
#app .wmd-workspace--budget .budget-attention-actions [data-budget-attention-snooze]{
  border:1px solid #4a5559;background:#252e33;color:#d3d1ca
}
#app .wmd-workspace--budget .budget-attention-actions [data-budget-gap-open]:hover{
  background:color-mix(in srgb,var(--budget-attention-accent) 24%,#252b2e);
  border-color:var(--budget-attention-accent)
}
#app .wmd-workspace--budget .budget-attention-actions [data-budget-attention-snooze]:hover{
  background:#303a3f;border-color:#626e71
}
#app .wmd-workspace--budget .budget-attention-actions button:focus-visible{
  outline:2px solid var(--budget-attention-accent);outline-offset:2px
}
@media(max-width:750px){
  #app .wmd-workspace--budget .budget-attention{align-items:flex-start;flex-wrap:wrap}
  #app .wmd-workspace--budget .budget-attention-actions{flex-basis:100%;padding-left:53px}
}
@media(max-width:610px){
  #app .cash-calendar-editor.cash-editor-premium{
    width:min(100%,600px)!important;max-height:calc(100dvh - 20px)!important;
    padding:21px 17px 0!important;border-radius:17px!important
  }
  #app .cash-editor-premium .cash-calendar-editor-head h2{font-size:24px!important}
  #app .cash-editor-premium .cash-calendar-editor-head p{font-size:11px!important}
  #app .cash-editor-premium .cash-calendar-editor-close{top:15px;right:13px}
  #app .cash-editor-premium .cash-calendar-editor-grid{gap:14px 10px!important}
  #app .cash-editor-premium .cash-calendar-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app .cash-editor-premium .cash-calendar-editor-actions{
    margin:20px -17px 0!important;padding:13px 17px 17px!important
  }
  #app .cash-editor-premium .cash-calendar-editor-actions button{min-width:80px!important;padding:10px 11px!important}
  #app .cash-editor-premium .cash-calendar-delete{flex-basis:100%;text-align:center}
  #app .cash-editor-premium .cash-calendar-editor-actions>div{width:100%;justify-content:flex-end!important}
  #app .wmd-workspace--cashflow .mm-chart-inspector{width:min(256px,calc(100% - 14px));padding:12px!important}
  #app .wmd-workspace--cashflow .mm-tip-value{font-size:22px!important}
  #app .wmd-workspace--budget .budget-attention{gap:10px}
  #app .wmd-workspace--budget .budget-attention-actions{padding-left:0}
}
@media(max-width:365px){
  #app .cash-editor-premium .cash-calendar-editor-grid{grid-template-columns:minmax(0,1fr)!important}
  #app .cash-editor-premium .cash-calendar-editor-grid>label:first-child,
  #app .cash-editor-premium .cash-calendar-payment-method,
  #app .cash-editor-premium .cash-calendar-done{grid-column:1!important}
}
@media(prefers-reduced-motion:reduce){
  #app .cash-editor-premium *,
  #app .wmd-workspace--cashflow .mm-chart-inspector,
  #app .wmd-workspace--budget .budget-attention *{transition:none!important}
}


/* Secondary attention items stay available but do not dominate the map. */
#app .wmd-workspace--cashflow .mm-more-actions{
  display:block;margin:5px 0 0;padding:0 2px 8px;color:#cfdfdf
}
#app .wmd-workspace--cashflow .mm-more-actions>summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;
  gap:7px;min-height:34px;color:#9ce0cc;font-size:11px;font-weight:770;
  padding:5px 2px
}
#app .wmd-workspace--cashflow .mm-more-actions>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--cashflow .mm-more-actions>summary::marker{content:""}
#app .wmd-workspace--cashflow .mm-more-actions[open]>summary span{transform:rotate(180deg)}
#app .wmd-workspace--cashflow .mm-more-actions>div{border-top:1px solid #34515b}
#app .wmd-workspace--cashflow .mm-more-actions .mm-action{padding:12px 3px}


/* Money Map inspection refinement: a small stationary info card, not a
   cursor-following overlay that hides the very line the user is exploring. */
#app .wmd-workspace--cashflow .mm-chart-shell .mm-chart-inspector{
  width:min(248px,calc(100% - 20px))!important;
  max-height:min(296px,87%)!important;
  overflow:hidden!important;
  padding:12px 13px 11px!important;
  border-radius:12px!important;
  background:linear-gradient(160deg,#1b343c 0%,#152a33 75%,#13252f 100%)!important;
  border:1px solid #628e90!important;
  box-shadow:0 11px 30px #0007,0 1px 7px #0003,inset 0 1px #ffffff10!important;
  will-change:auto
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-summary{gap:5px}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-kicker{
  font-size:9px!important;line-height:1.4!important;letter-spacing:.035em!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-value{
  font-size:23px!important;line-height:1.18!important;letter-spacing:-.03em!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-safety{
  font-size:10px!important;line-height:1.35!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-totals{
  gap:6px!important;margin:4px 0 0!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-totals>span{
  padding:6px 8px!important;gap:2px!important;font-size:9px!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-totals b{
  font-size:12px!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-events{
  margin:3px 0 0!important;padding:8px 0 0!important;gap:7px!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event{
  font-size:10px!important;gap:8px!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event>span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event strong{
  font-size:10px!important;white-space:nowrap
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-overflow{
  display:block;color:#aecbd0;margin-top:2px
}
/* On narrow screens use an inline, tap-revealed inspector BELOW the chart.
   It can't cover the chart or trap the horizontal scroll gesture. */
@media(max-width:700px){
  #app .wmd-workspace--cashflow .mm-chart-shell .mm-chart-inspector{
    position:relative!important;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;
    width:100%!important;max-height:none!important;
    margin:8px 0 0!important;overflow:visible!important;
    box-shadow:0 4px 15px #0004!important
  }
}

/* workspace-visual-language.css */
/* One interface language for six financial workspaces.
   The structure uses Cash Flow's neutral graphite; the active page supplies
   its own accent via --wmd-accent. No financial semantics change. */
#app .wmd-workspace {
  --wmd-ui-panel:#19252e;
  --wmd-ui-deep:#111c25;
  --wmd-ui-raised:#202e38;
  --wmd-ui-line:#384a55;
  --wmd-ui-line-soft:#2c3d47;
  --wmd-ui-muted:#b1c0c9;
  --wmd-ui-txt:#eef4f7;
  --wmd-ui-accent-line:color-mix(in srgb,var(--wmd-accent,#9fc6d6) 50%,#42535d);
}
/* The navigation is neutral on every page. Active identity is the border,
   not a large tinted tab fill. */
#app > main.wmd-workspace > nav > button[data-tab].active {
  background:#20303a!important;
  border-color:var(--wmd-ui-accent-line)!important;
  color:#edf4f7!important;
  box-shadow:none!important
}
#app > main.wmd-workspace > nav > button[data-tab]:hover:not(.active) {
  background:#1d2a34!important;border-color:#405360!important
}
/* Global Ask Your Money uses a stable search and suggestions layout on every page. */
#app .wmd-workspace>.wmd-discovery {
  display:grid!important;
  grid-template-columns:minmax(160px,auto) minmax(0,1fr)!important;
  gap:8px 13px!important;align-items:center!important;
  margin:10px 0 16px!important;padding:9px 13px!important;
  border:1px solid var(--wmd-ui-line)!important;border-radius:13px!important;
  background:var(--wmd-ui-panel)!important;box-shadow:none!important;
  min-width:0
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-heading {
  display:flex;align-items:center;gap:10px!important;margin:0!important;min-width:0
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-copy {
  display:flex;align-items:baseline;flex-wrap:wrap;gap:7px
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-copy strong {
  font-size:12px!important;font-family:inherit!important;
  font-weight:735!important;color:var(--wmd-ui-txt)!important;
  white-space:nowrap
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-copy small {display:none!important}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-browse {
  font:640 11px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap;color:var(--wmd-accent)!important;padding:6px!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-control {
  min-height:40px!important;background:var(--wmd-ui-deep)!important;
  border:1px solid #425460!important;border-radius:9px!important;
  box-shadow:none!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-control:focus-within {
  border-color:var(--wmd-ui-accent-line)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-accent) 14%,transparent)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-input {
  height:40px!important;min-height:40px!important;
  font:500 14px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-input::placeholder {
  color:#a8b9c4!important;opacity:1
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-magnify {
  color:var(--wmd-accent)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-key {
  border-color:#52636d!important;color:#a8bcc7!important
}
/* The empty search's suggestions stay in one compact row at every width.
   Focus/blur must not insert or remove a layout row below the navigation. */
#app .wmd-workspace>.wmd-discovery .wmd-discovery-chips {
  display:flex!important;
  grid-column:1/-1!important;
  flex-wrap:nowrap!important;
  gap:7px!important;
  min-width:0;
  max-width:100%;
  min-height:34px;
  /* Keep the full 2px outline and 2px glow offset inside the scrollport.
     Horizontal scrolling otherwise crops its rounded bottom corners. */
  padding:6px!important;
  margin:3px 0 0!important;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-chips[hidden] {
  display:none!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-chips > * {
  flex:0 0 auto!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-chip {
  background:#23313b!important;border-color:var(--wmd-ui-line)!important;
  color:#e5f0f3!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-chip:hover {
  border-color:var(--wmd-ui-accent-line)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-answer {
  grid-column:1/-1!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-results {
  background:#192833!important;border-color:var(--wmd-ui-accent-line)!important
}
/* Same card silhouette on every page, even when its meaning and accent differ.
   Cash Flow's bespoke panels are deliberately untouched. */
#app .wmd-workspace.wmd-workspace--budget :is(.budget-overview-section,.budget-section),
#app .wmd-workspace.wmd-workspace--debt :is(.debt-plan-panel,.debt-results-panel,.debt-accounts-panel):not(.negative):not(.shortfall):not(.warning),
#app .wmd-workspace.wmd-workspace--investments .invest-panel:not(.warning):not(.negative),
#app .wmd-workspace.wmd-workspace--retirement .retirement-card:not(.retirement-outlook):not(.warning):not(.danger):not(.risk):not(.negative):not(.shortfall) {
  background:var(--wmd-ui-panel)!important;
  border:1px solid var(--wmd-ui-line)!important;border-radius:16px!important;
  box-shadow:none!important
}
/* Subtle palette-specific interaction, never a saturated card background. */
#app .wmd-workspace.wmd-workspace--budget .budget-overview-toggle,
#app .wmd-workspace.wmd-workspace--budget .budget-section .section-head {
  background:var(--wmd-ui-panel)!important;color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace.wmd-workspace--budget .budget-overview-toggle:hover,
#app .wmd-workspace.wmd-workspace--budget .budget-section .section-head:hover {
  background:#22313b!important
}
#app .wmd-workspace :is(
  .budget-overview-label,.nw-overview-label,.debt-panel-head h3,
  .invest-panel-head h3,.retirement-section-head h3
){
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-weight:720!important;letter-spacing:-.025em!important;
  text-transform:none!important
}
#app .wmd-workspace :is(button,summary,input,select,textarea):focus-visible {
  outline:2px solid var(--wmd-accent)!important;outline-offset:2px!important
}
@media(max-width:720px){
  #app .wmd-workspace>.wmd-discovery {
    grid-template-columns:minmax(0,1fr)!important;
    gap:6px!important;padding:9px 10px!important;margin:9px 0 13px!important
  }
  #app .wmd-workspace>.wmd-discovery .wmd-discovery-heading {
    justify-content:space-between;gap:8px
  }
  #app .wmd-workspace>.wmd-discovery .wmd-discovery-control,
  #app .wmd-workspace>.wmd-discovery .wmd-discovery-input {
    min-height:44px!important;height:44px!important
  }
  #app .wmd-workspace>.wmd-discovery .wmd-discovery-results {width:100%!important;max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace>.wmd-discovery *{transition:none!important}
}

/* The inline Ask field must fit its complete "Ask about your money…" hint.
   Preserve the small toolbar and adjacent Help control on desktop. */
@media(min-width:721px){
  #app main.wmd-workspace > .wmd-discovery {
    grid-template-columns:minmax(0,455px) max-content!important;
    justify-content:start!important;
  }
  /* Results belong under the question, not in the narrow Help column. */
  #app main.wmd-workspace > .wmd-discovery > .wmd-discovery-results {
    grid-column:1!important;
    justify-self:stretch;
    width:100%!important;
    max-width:100%!important;
  }
}

/* Workspace visual system: shared structure, six quiet identities.
   One neutral surface hierarchy and one page accent. Status/warnings retain
   their own semantic color. The Net Worth presentation below only changes CSS,
   never balances, inclusion settings, history, or account behavior. */

/* Page accents are intentionally different but equally muted in large areas. */
#app .wmd-workspace--networth{--wmd-accent:#57d7aa;--nw-bg:var(--wmd-ui-panel);--nw-deep:var(--wmd-ui-deep);--nw-border:var(--wmd-ui-line);--nw-muted:var(--wmd-ui-muted);--nw-accent:var(--wmd-accent)}
#app .wmd-workspace--budget{--wmd-accent:#d7bd8d}
#app .wmd-workspace--cashflow{--wmd-accent:#a3c8e5}
#app .wmd-workspace--debt{--wmd-accent:#d8aaae}
#app .wmd-workspace--investments{--wmd-accent:#a9cfa9}
#app .wmd-workspace--retirement{--wmd-accent:#a9c7d3}

/* Workspace navigation and shared search use one neutral shell. */
#app > main.wmd-workspace > nav{
  margin:16px 0 17px!important;background:#151e25!important;
  border:1px solid var(--wmd-ui-line-soft)!important;border-radius:15px!important
}
#app > main.wmd-workspace > nav > button[data-tab]{
  color:#b8c5cb!important;border-radius:10px!important;
  font-weight:620!important;letter-spacing:-.015em!important
}
#app > main.wmd-workspace > nav > button[data-tab].active{
  color:#f4f8f9!important;background:#20303a!important;
  border-color:var(--wmd-ui-accent-line)!important;
  box-shadow:none!important
}
#app > main.wmd-workspace > nav > button[data-tab].active::before{color:var(--wmd-accent);opacity:1}
#app > main.wmd-workspace > nav > button[data-tab]:hover:not(.active){
  color:#f1f6f8!important;background:#202c35!important;border-color:#455661!important
}
#app .wmd-workspace>.wmd-discovery{
  margin:0 0 16px!important;padding:9px 12px!important;
  background:var(--wmd-ui-panel)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-control{
  background:var(--wmd-ui-deep)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-key{
  border-color:var(--wmd-ui-line)!important;color:#aebec8!important
}
#app .wmd-workspace>.wmd-discovery .wmd-discovery-results{
  background:#17232c!important;border:1px solid var(--wmd-ui-line)!important;
  box-shadow:0 22px 55px #0008!important
}

/* Equivalent card radii, depth and typographic rhythm across every page.
   Explicit warnings/negative/shortfall states are not neutralized. */
#app .wmd-workspace--networth :is(.nw-unified-overview,.nw-unified-trend,.nw-balance-review,.nw-overview-section,.nw-allocation,.growth-snapshot),
#app .wmd-workspace--budget :is(.budget-top .summary-card,.budget-top .budget-chart,.budget-overview-section,.budget-section),
#app .wmd-workspace--debt :is(.debt-overview,.debt-plan-panel,.debt-results-panel,.debt-accounts-panel,.debt-breakdown-panel):not(.negative):not(.warning):not(.shortfall),
#app .wmd-workspace--investments :is(.invest-hero,.invest-panel,.invest-toolbar,.invest-today-total):not(.negative):not(.warning),
#app .wmd-workspace--retirement :is(.retirement-card,.retirement-chart-card,.retirement-plan-disclosure):not(.negative):not(.warning):not(.danger):not(.shortfall):not(.risk){
  background:var(--wmd-ui-panel)!important;
  border:1px solid var(--wmd-ui-line)!important;
  border-radius:16px!important;
  box-shadow:none!important
}
/* Cash Flow is the reference design. Keep its intentional layout and state colors. */
#app .wmd-workspace--cashflow :is(.cash-checklist,.cashflow-calendar-card,.cashflow-disclosure){
  border-radius:16px!important;box-shadow:none!important
}
#app .wmd-workspace :is(
  .budget-section .section-head h3,.nw-overview-section h3,.history-head h3,
  .debt-panel-head h3,.cash-checklist-head h3,.invest-panel-head h3,
  .retirement-section-head h3,.retirement-status-row h3
){
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:750!important;line-height:1.25!important;letter-spacing:-.028em!important;
  text-transform:none!important
}
#app .wmd-workspace :is(.history-head h3,.budget-overview-label,.debt-panel-head h3,.invest-panel-head h3,.retirement-section-head h3){
  color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace :is(
  .nw-unified-totals>h2,.nw-focus-figure>strong,
  .budget-overview-amount,.debt-hero-kpis article strong,
  .invest-today-total strong,.retirement-kpis article strong
){font-variant-numeric:tabular-nums;letter-spacing:-.035em!important}
#app .wmd-workspace :is(button,summary,[role="button"],input,select,textarea):focus-visible{
  outline:2px solid var(--wmd-accent)!important;outline-offset:3px!important
}
#app .wmd-workspace :is(input,select,textarea):focus:not(:focus-visible){
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wmd-accent) 35%,transparent)!important;
  border-color:var(--wmd-ui-accent-line)!important
}
/* Labels and secondary information never rely on pale mint for contrast. */
#app .wmd-workspace :is(
  .nw-focus-heading>small,.nw-review-header p,
  .budget-overview-hint,.debt-muted,.invest-toolbar-title small,
  .retirement-section-head p
){color:var(--wmd-ui-muted)!important}

/* Budget: warm sand identifies the page; money mix categories keep their meaning. */
#app .wmd-workspace--budget :is(.budget-overview-toggle,.budget-section .section-head){
  background:var(--wmd-ui-panel)!important;
  color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace--budget :is(.budget-overview-toggle,.budget-section .section-head):hover{
  background:var(--wmd-ui-raised)!important
}
#app .wmd-workspace--budget .budget-section .section-head{
  border-bottom:1px solid var(--wmd-ui-line-soft)!important
}
/* Debt: no solid rose washes on neutral panels. Pink is reserved for selection. */
#app .wmd-workspace--debt .debt-hero-kpis article{
  background:var(--wmd-ui-deep)!important;
  border:1px solid var(--wmd-ui-line-soft)!important;border-radius:12px!important
}
#app .wmd-workspace--debt .debt-strategy-summary{
  background:transparent!important;color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace--debt .debt-strategy-summary:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised)!important
}
/* Investments: sage not purple, and quieter account/action chrome. */
#app .wmd-workspace--investments .invest-subnav{
  background:var(--wmd-ui-deep)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace--investments .invest-subnav button:not(.active){
  background:transparent!important;color:#b9c9d0!important;border-color:transparent!important
}
#app .wmd-workspace--investments .invest-subnav button.active{
  color:#f3f8f7!important;background:var(--wmd-ui-raised)!important;
  border-color:var(--wmd-ui-accent-line)!important;box-shadow:none!important
}
#app .wmd-workspace--investments .invest-toolbar{
  background:transparent!important;border:0!important;padding-inline:0!important
}
/* Retirement: cool steel identity, graphite panels, semantic risk unchanged. */
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary{
  background:transparent!important;border-radius:15px!important
}
#app .wmd-workspace--retirement .retirement-plan-disclosure>summary:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised)!important
}
#app .wmd-workspace--retirement .retirement-kpis article{
  background:var(--wmd-ui-deep)!important;
  border:1px solid var(--wmd-ui-line-soft)!important;border-radius:12px!important
}

/* Net Worth: one financial overview, followed by one clearly subordinate chart.
   Mint marks the selected period, history line and interactions, not the canvas. */
#app .wmd-workspace--networth .nw-unified-dashboard{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;background:transparent!important;border:0!important;
  border-radius:0!important;box-shadow:none!important;overflow:visible!important
}
#app .wmd-workspace--networth .nw-unified-overview{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr)!important;
  align-items:stretch!important;gap:24px!important;
  padding:23px 24px!important;min-height:207px;
  background:var(--wmd-ui-panel)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace--networth .nw-unified-totals{
  justify-content:center!important;padding:0!important
}
#app .wmd-workspace--networth .nw-focus-heading{align-items:center!important;gap:6px 12px!important}
#app .wmd-workspace--networth .nw-focus-heading>span{
  font-family:inherit!important;font-size:14px!important;font-weight:740!important;
  color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace--networth .nw-focus-heading>small{
  font-size:11px!important;color:var(--wmd-ui-muted)!important
}
#app .wmd-workspace--networth .nw-unified-totals>h2{
  margin:9px 0 15px!important;
  font:780 clamp(35px,4.1vw,56px)/1.08 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.047em!important;color:#f5f8fa!important
}
#app .wmd-workspace--networth .nw-focus-actions>button,
#app .wmd-workspace--networth .nw-goal-details>summary{
  background:var(--wmd-ui-raised)!important;
  border:1px solid var(--wmd-ui-line)!important;border-radius:10px!important;
  color:#e0eaed!important;min-height:38px!important;
  font-size:12px!important;font-weight:660!important;padding:8px 12px!important
}
#app .wmd-workspace--networth .nw-focus-actions>button:is(:hover,:focus-visible),
#app .wmd-workspace--networth .nw-goal-details>summary:is(:hover,:focus-visible){
  border-color:var(--wmd-ui-accent-line)!important;
  background:#273741!important;color:#fff!important
}
#app .wmd-workspace--networth .nw-focus-figures{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:9px!important
}
#app .wmd-workspace--networth .nw-focus-figure{
  min-height:73px!important;padding:12px 16px!important;
  background:var(--wmd-ui-deep)!important;border-color:var(--wmd-ui-line)!important;
  border-radius:12px!important;gap:5px!important
}
#app .wmd-workspace--networth .nw-focus-figure>span{
  color:#b7c6d0!important;font-size:12px!important;font-weight:640!important
}
#app .wmd-workspace--networth .nw-focus-figure>span>span{
  color:var(--wmd-accent)!important;opacity:.72!important
}
#app .wmd-workspace--networth .nw-focus-figure>strong{
  color:#f2f6f9!important;
  font-size:clamp(19px,2vw,25px)!important;font-weight:770!important
}
#app .wmd-workspace--networth .nw-focus-figure:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised)!important;
  border-color:var(--wmd-ui-accent-line)!important
}
#app .wmd-workspace--networth .nw-unified-trend{
  padding:20px 22px!important;background:var(--wmd-ui-panel)!important;
  border:1px solid var(--wmd-ui-line)!important;box-shadow:none!important
}
#app .wmd-workspace--networth .nw-unified-trend>.history-panel{
  display:flex!important;flex-direction:column!important;
  gap:11px!important;background:transparent!important
}
#app .wmd-workspace--networth .history-head{order:0;align-items:center!important}
#app .wmd-workspace--networth .history-head-summary h3{
  font-size:clamp(19px,2vw,23px)!important;letter-spacing:-.03em!important
}
#app .wmd-workspace--networth .history-panel .history-metrics{margin-top:2px!important}
#app .wmd-workspace--networth .history-panel .history-range-change{
  gap:5px 10px!important
}
#app .wmd-workspace--networth .history-panel .history-range-change :is(span,strong){
  font-size:11px!important;color:var(--wmd-ui-muted)!important
}
#app .wmd-workspace--networth .history-panel .history-range-change strong.positive{color:#98d8b7!important}
#app .wmd-workspace--networth .history-panel .history-range-change strong.negative{color:#e5a3a5!important}
#app .wmd-workspace--networth .history-head .history-toggle{
  background:var(--wmd-ui-raised)!important;
  border-color:var(--wmd-ui-line)!important;border-radius:10px!important;
  min-height:39px!important;font-size:12px!important;color:#e9f1f4!important
}
#app .wmd-workspace--networth .history-head .history-toggle:hover{
  border-color:var(--wmd-ui-accent-line)!important;background:#273741!important
}
#app .wmd-workspace--networth .history-periods{order:1;gap:4px!important}
#app .wmd-workspace--networth .history-periods button{
  min-width:49px!important;min-height:35px!important;
  background:transparent!important;border:1px solid transparent!important;
  border-radius:9px!important;color:#b6c4cd!important;
  font-size:12px!important;font-weight:680!important;
  transition:background .14s ease,border-color .14s ease!important
}
#app .wmd-workspace--networth .history-periods button.active{
  background:#25343d!important;color:#f0f8f5!important;
  border-color:var(--wmd-ui-accent-line)!important;box-shadow:none!important
}
#app .wmd-workspace--networth .history-periods button:hover:not(.active){
  background:var(--wmd-ui-raised)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace--networth .history-chart-frame{
  order:2!important;margin:0!important;
  background:var(--wmd-ui-deep)!important;
  border:1px solid var(--wmd-ui-line-soft)!important;border-radius:12px!important;
  box-shadow:none!important;overflow:hidden!important;padding:12px 9px 8px!important
}
#app .wmd-workspace--networth .history-inspector{
  order:3!important;border-top-color:var(--wmd-ui-line-soft)!important
}
#app .wmd-workspace--networth .history-caption{
  order:4!important;color:var(--wmd-ui-muted)!important;
  font-size:11px!important;line-height:1.5!important
}
/* Preserve review warnings but prevent two full amber banners interrupting the graph. */
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope){
  order:5;min-height:0;padding:0 12px!important;
  background:#1b252c!important;border:1px solid var(--wmd-ui-line)!important;
  border-left:2px solid #c2a06c!important;border-radius:9px!important
}
#app .wmd-workspace--networth .nw-history-scope{order:6}
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope)>summary{
  color:#d9c4a6!important;font-size:11px!important;font-weight:630!important;
  line-height:1.45!important;padding:9px 0!important
}
#app .wmd-workspace--networth :is(.nw-history-issues,.nw-history-scope)[open]>summary{
  border-bottom:1px solid var(--wmd-ui-line-soft)!important
}
#app .wmd-workspace--networth .history-csv-feedback{order:7}
#app .wmd-workspace--networth .history-entry-backdrop{order:8}
#app .wmd-workspace--networth .history-chart-frame .hist-grid{
  stroke:#72828b!important;stroke-opacity:.19!important
}
#app .wmd-workspace--networth .history-chart-frame .hist-label{
  fill:#adbac2!important;font-family:inherit!important;font-weight:500!important
}
#app .wmd-workspace--networth .history-chart-frame .history-line{
  stroke:var(--wmd-accent)!important;stroke-width:2.6!important
}
#app .wmd-workspace--networth .history-chart-frame .history-area{
  fill:var(--wmd-accent)!important;fill-opacity:.035!important
}
#app .wmd-workspace--networth .history-chart-frame [data-history-focus-line]{
  stroke:var(--wmd-accent)!important;stroke-opacity:.52!important
}
#app .wmd-workspace--networth .history-hover-tip{
  background:#1c2b34!important;border-color:var(--wmd-ui-accent-line)!important
}
#app .wmd-workspace--networth .nw-board .nw-overview-section,
#app .wmd-workspace--networth .nw-allocation,
#app .wmd-workspace--networth .growth-snapshot{
  background:var(--wmd-ui-panel)!important;border-color:var(--wmd-ui-line)!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-toggle{
  background:var(--wmd-ui-panel)!important;color:var(--wmd-ui-txt)!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-overview-toggle:hover{
  background:var(--wmd-ui-raised)!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head{
  background:#1b2932!important;border-color:var(--wmd-ui-line-soft)!important
}
#app .wmd-workspace--networth .nw-overview-section .nw-group{
  background:#18232b!important;border-color:var(--wmd-ui-line-soft)!important
}
/* Tablet/mobile: maintain readable balances, no horizontal page overflow. */
@media(max-width:900px){
  #app .wmd-workspace--networth .nw-unified-overview{
    grid-template-columns:minmax(0,1fr)!important;gap:15px!important
  }
  #app .wmd-workspace--networth .nw-focus-figures{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:minmax(0,1fr)!important
  }
  #app .wmd-workspace--networth .nw-focus-figure{min-height:81px!important}
}
@media(max-width:600px){
  #app > main.wmd-workspace > nav{margin:12px 0 12px!important}
  #app .wmd-workspace>.wmd-discovery{margin:0 0 12px!important}
  #app .wmd-workspace--networth .nw-unified-dashboard{gap:11px!important}
  #app .wmd-workspace--networth .nw-unified-overview,
  #app .wmd-workspace--networth .nw-unified-trend{padding:16px!important}
  #app .wmd-workspace--networth .nw-unified-totals>h2{
    font-size:clamp(34px,9vw,44px)!important
  }
  #app .wmd-workspace--networth .nw-focus-figures{gap:8px!important}
  #app .wmd-workspace--networth .nw-focus-figure{padding:11px!important}
  #app .wmd-workspace--networth .nw-focus-figure>strong{
    font-size:clamp(17px,4.6vw,21px)!important
  }
  #app .wmd-workspace--networth .history-head{align-items:flex-start!important}
  #app .wmd-workspace--networth .history-chart-frame{padding:7px!important}
  #app .wmd-workspace--networth .nw-history-issues,
  #app .wmd-workspace--networth .nw-history-scope{padding-inline:10px!important}
}
@media(max-width:370px){
  #app .wmd-workspace--networth .nw-focus-figures{grid-template-columns:minmax(0,1fr)!important}
  #app .wmd-workspace--networth .nw-focus-figure{min-height:68px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace :is(button,summary){transition:none!important}
}


/* 2026-10-16: Elevate interactive Net Worth breakdown alongside the primary
   number. Preserve full-width historical comparison immediately underneath. */
#app .wmd-workspace.wmd-workspace--networth .nw-unified-dashboard{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;padding:0!important;
  background:transparent!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  overflow:visible!important
}
#app .wmd-workspace--networth .nw-top-row{
  display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);
  align-items:start;gap:13px;min-width:0
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview,
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation,
#app .wmd-workspace.wmd-workspace--networth .nw-unified-trend{
  min-width:0;min-height:0;
  margin:0!important;background:var(--wmd-ui-panel)!important;
  background-image:none!important;border:1px solid var(--wmd-ui-line)!important;
  border-radius:16px!important;box-shadow:none!important
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  align-self:start!important;min-height:0!important;
  gap:15px!important;padding:18px 19px!important
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals{
  margin:0!important;padding:0!important;justify-content:center!important
}
#app .wmd-workspace--networth .nw-top-row .nw-unified-totals>h2{
  font-size:clamp(30px,3.2vw,46px)!important;
  line-height:1.1!important;margin:8px 0 12px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-focus-figures{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  grid-template-rows:auto!important;gap:9px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-focus-figure{
  min-height:73px!important;max-width:100%;padding:10px 11px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-focus-figure>strong{
  font-size:clamp(17px,1.7vw,24px)!important
}
#app .wmd-workspace--networth .nw-top-row>.nw-allocation{
  display:block!important;overflow:hidden!important;padding:0!important;
  align-self:stretch
}
#app .wmd-workspace--networth .nw-top-row>.nw-allocation .nw-detail-chevron{
  color:#b6c5ca!important
}
#app .wmd-workspace--networth .nw-top-row>.nw-allocation .nw-allocation-inner{
  padding:13px 17px 16px!important;border-top:1px solid var(--wmd-ui-line-soft)!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-switch{
  margin:0 0 10px!important;gap:6px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-switch>div>strong{
  font-size:17px!important;letter-spacing:-.025em!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-switch button{
  min-height:34px!important;padding:6px 10px!important;
  border-radius:9px!important;font-weight:650!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
  display:grid!important;grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr)!important;
  align-items:center;gap:16px!important;margin:3px 0 9px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-mix-visual{
  align-content:center;gap:9px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-donut,
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout .donut{
  display:block;width:min(100%,276px)!important;
  max-width:100%!important;height:auto!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend{
  gap:5px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item{
  padding:7px 9px!important;row-gap:0!important;
  background:var(--wmd-ui-deep)!important;
  border:1px solid var(--wmd-ui-line-soft)!important;border-radius:9px!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item:hover,
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item.is-selected{
  border-color:var(--wmd-ui-accent-line)!important;
  background:var(--wmd-ui-raised)!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-share{
  color:#c8e1da!important
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-amount{
  display:none!important
}
#app .wmd-workspace--networth .nw-allocation-more{
  margin-top:7px;border-top:1px solid var(--wmd-ui-line-soft)
}
#app .wmd-workspace--networth .nw-allocation-more>summary{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  min-height:35px;padding:9px 3px;list-style:none;
  cursor:pointer;font-size:11px;font-weight:640;color:var(--wmd-ui-muted)
}
#app .wmd-workspace--networth .nw-allocation-more>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--networth .nw-allocation-more>summary svg{
  width:15px;height:15px;transition:transform .16s ease
}
#app .wmd-workspace--networth .nw-allocation-more[open]>summary svg{transform:rotate(180deg)}
#app .wmd-workspace--networth .nw-allocation-more>summary:hover{
  color:#f0f7f4
}
#app .wmd-workspace--networth .nw-allocation-more-body{
  padding:4px 2px 8px
}
#app .wmd-workspace--networth .nw-allocation-more-body .nw-allocation-amounts{
  margin:0 0 9px!important
}
#app .wmd-workspace--networth .nw-allocation-more-body .chart-help-row{
  margin:8px 0 0!important
}
#app .wmd-workspace.wmd-workspace--networth .nw-unified-trend{
  padding:20px 22px!important
}
#app .wmd-workspace--networth .nw-unified-trend>.history-panel{
  border:0!important;background:transparent!important;box-shadow:none!important
}
@media(max-width:850px){
  /* A typical laptop or zoomed desktop still fits the intentional two-card layout.
     Only narrow viewports stack the summary and balance breakdown. */
  #app .wmd-workspace--networth .nw-top-row{
    grid-template-columns:minmax(0,1fr)
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview{
    gap:15px!important
  }
}
@media(max-width:700px){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
    grid-template-columns:minmax(0,1fr)!important;gap:10px!important
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-donut,
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout .donut{
    width:min(250px,68vw)!important
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
}
@media(max-width:600px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview,
  #app .wmd-workspace.wmd-workspace--networth .nw-unified-trend{padding:16px!important}
  #app .wmd-workspace--networth .nw-top-row .nw-focus-figures{
    grid-template-columns:repeat(2,minmax(0,1fr))!important
  }
  #app .wmd-workspace--networth .nw-top-row .nw-focus-figure>strong{
    font-size:clamp(16px,4.5vw,21px)!important
  }
  #app .wmd-workspace--networth .nw-top-row>.nw-allocation .nw-allocation-inner{
    padding:12px 13px 15px!important
  }
  }
@media(max-width:370px){
  #app .wmd-workspace--networth .nw-top-row .nw-focus-figures,
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend{
    grid-template-columns:minmax(0,1fr)!important
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-allocation-more>summary svg{transition:none!important}
}


/* Flush rounded corners consistently on Net Worth's raised panels.
   Avoid the square dark inset exposed by nested disclosure backgrounds. */
#app .wmd-workspace.wmd-workspace--networth :is(
  .nw-top-row>.nw-unified-overview,
  .nw-top-row>.nw-allocation,
  .nw-unified-trend
){
  border-radius:16px!important;
  overflow:hidden!important;
  background-clip:padding-box!important;
  outline:0!important
}
#app .wmd-workspace--networth .nw-top-row>.nw-allocation .nw-allocation-inner{
  border-radius:0 0 15px 15px!important;
  background:transparent!important;margin:0!important
}
#app .wmd-workspace--networth .nw-unified-trend>.history-panel{
  border-radius:0!important;box-shadow:none!important
}
#app .wmd-workspace--networth .nw-top-row .nw-focus-figure{
  border-radius:11px!important
}

/* Financial workspace drag-to-reorder: one predictable interaction everywhere.
   Only the grip is draggable; editing and page scroll remain native elsewhere. */
#app .wmd-workspace [data-wmd-drag-row]{position:relative}
#app .wmd-workspace [data-wmd-drag-handle]{
  width:34px!important;height:36px!important;min-width:34px!important;min-height:36px!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  padding:5px!important;flex:none!important;box-shadow:none!important;
  border:1px solid transparent!important;border-radius:9px!important;
  color:#91a5b0!important;background:transparent!important;
  cursor:grab!important;touch-action:none!important;user-select:none!important;
  -webkit-user-select:none!important;-webkit-touch-callout:none!important
}
#app .wmd-workspace [data-wmd-drag-handle] svg{
  width:18px;height:18px;display:block;pointer-events:none;
  stroke:currentColor;fill:currentColor;stroke-width:0
}
#app .wmd-workspace [data-wmd-drag-handle]:is(:hover,:focus-visible,.wmd-reorder-picked){
  color:var(--wmd-accent,#8fc5af)!important;
  background:#27343d!important;
  border-color:var(--wmd-ui-accent-line,#4b6671)!important
}
#app .wmd-workspace .wmd-reorder-source{
  background:color-mix(in srgb,var(--wmd-accent,#8fc5af) 7%,#1b2932)!important
}
#app .wmd-workspace [data-wmd-drag-row].wmd-drop-before::before,
#app .wmd-workspace [data-wmd-drag-row].wmd-drop-after::after{
  content:"";position:absolute;left:5px;right:5px;height:3px;border-radius:4px;
  background:var(--wmd-accent,#8fc5af);box-shadow:0 0 0 2px #14212a;z-index:15;pointer-events:none
}
#app .wmd-workspace [data-wmd-drag-row].wmd-drop-before::before{top:-2px}
#app .wmd-workspace [data-wmd-drag-row].wmd-drop-after::after{bottom:-2px}
.wmd-reorder-ghost{
  position:fixed;z-index:2147483000;pointer-events:none;max-width:min(280px,75vw);
  min-height:42px;display:flex;align-items:center;padding:9px 14px;box-sizing:border-box;
  color:#f2faf8;background:#263740;
  border:1px solid #75cdae;border-radius:12px;box-shadow:0 14px 40px #0009;
  font:670 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}
.wmd-reorder-in-progress,.wmd-reorder-in-progress *{cursor:grabbing!important}
.wmd-reorder-announcement{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important
}
/* The first column remains aligned when two arrow buttons become one grip. */
#app .wmd-workspace--networth .nw-subrow>.sub-reorder{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%;min-width:0;opacity:.83!important;visibility:visible!important
}
#app .wmd-workspace--networth .nw-subrow>.sub-reorder:focus-within,
#app .wmd-workspace--networth .nw-subrow:hover>.sub-reorder{opacity:1!important}
#app .wmd-workspace--networth .nw-group-head .nw-group-drag-handle{
  width:33px!important;height:33px!important;min-width:33px!important;
  margin-right:2px!important
}
#app .wmd-workspace--networth .nw-group-head .nw-group-quick-actions{
  align-items:center;gap:6px!important
}
#app .wmd-workspace--budget .budget-grid>.reorder{
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:0;padding:0!important
}
#app .wmd-workspace--budget .budget-grid>.reorder [data-wmd-drag-handle]{
  height:35px!important;min-height:35px!important
}
#app .wmd-workspace--investments .invest-account-order-controls .invest-move-buttons{
  display:flex!important;grid-template-columns:none!important;align-items:center!important;
  justify-content:center!important;gap:0!important
}
#app .wmd-workspace--investments .invest-account-order-controls{
  width:42px!important;min-width:42px!important
}
#app .wmd-workspace--debt .debt-priority [data-wmd-drag-handle]{
  width:31px!important;min-width:31px!important
}
@media(max-width:680px){
  #app .wmd-workspace [data-wmd-drag-handle]{
    width:36px!important;min-width:36px!important;min-height:42px!important;height:42px!important
  }
  #app .wmd-workspace--networth .nw-subrow>.sub-reorder{opacity:1!important}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace [data-wmd-drag-row],.wmd-reorder-ghost{transition:none!important;animation:none!important}
}

/* Net Worth heading reorder grips live by the title so whole groups feel movable.
   Account grips remain inside their account rows; only handles initiate
   drag, so the collapse control and account editors still behave normally. */
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name {
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
  flex:1 1 auto!important;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > .collapse-btn {
  flex:0 0 28px!important;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > .nw-group-drag-handle {
  flex:0 0 33px!important;
  width:33px!important;
  min-width:33px!important;
  height:33px!important;
  min-height:33px!important;
  margin:0!important;
  color:#b5c8cb!important;
  background:#213139!important;
  border:1px solid #405660!important;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > .nw-group-drag-handle:is(:hover,:focus-visible,.wmd-reorder-picked) {
  color:var(--wmd-accent,#57d7aa)!important;
  background:color-mix(in srgb,var(--wmd-accent,#57d7aa) 12%,#1c2b32)!important;
  border-color:var(--wmd-accent,#57d7aa)!important;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > input[data-group-name] {
  flex:0 1 auto!important;
  min-width:45px!important;
  max-width:calc(100% - 126px)!important;
  text-overflow:ellipsis;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > strong {
  flex:0 0 auto!important;
  margin-left:auto!important;
}
#app .wmd-workspace--networth .nw-overview-section .nw-group-head .nw-group-quick-actions {
  min-width:0!important;
  gap:4px!important;
}
@media(max-width:520px) {
  #app .wmd-workspace--networth .nw-overview-section .nw-group-head {
    gap:5px!important;
    padding:8px!important;
  }
  #app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name {
    gap:4px!important;
  }
  #app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > .nw-group-drag-handle {
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    height:42px!important;
    min-height:42px!important;
  }
  #app .wmd-workspace--networth .nw-overview-section .nw-group-head .heading-name > input[data-group-name] {
    max-width:calc(100% - 116px)!important;
  }
}

/* Net Worth desktop: aligned compact overview and breakdown (2026-10-16).
   Grow the donut sideways, never by making its entire panel a tall second row.
   Preserve full access to category choices, amounts, and advanced breakdown. */
@media(min-width:851px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row{
    align-items:stretch!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview{
    align-self:stretch!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:17px 19px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation{
    align-self:stretch!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation .nw-allocation-inner{
    padding:9px 14px 10px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-switch{
    margin:0 0 4px!important;
    gap:5px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-switch button{
    min-height:31px!important;
    padding:5px 9px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
    grid-template-columns:minmax(175px,.86fr) minmax(0,1.14fr)!important;
    gap:12px!important;
    align-items:center!important;
    margin:0!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-mix-visual{
    position:relative;
    gap:0!important;
    align-content:center!important;
    justify-items:center!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-donut,
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout .donut{
    width:min(100%,210px)!important;
    max-width:210px!important;
    height:auto!important;
    aspect-ratio:1!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend{
    display:grid!important;
    gap:4px!important;
    /* Start overflowing grid rows at the scroll origin. Centering them can
       create negative space above row one, making it impossible to scroll to. */
    align-content:start!important;
    grid-auto-rows:max-content;
    min-height:0;
    max-height:216px!important;
    box-sizing:border-box;
    padding:3px 2px 5px 0;
    overflow-x:hidden;
    overflow-y:auto;
    scroll-padding-block:6px;
    overscroll-behavior-y:contain;
    scrollbar-width:thin;
    scrollbar-color:#536874 transparent;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
    margin-bottom:10px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel :is(.nw-mix-legend-item,.nw-mix-smaller-toggle){
    min-height:27px!important;
    padding:5px 9px!important;
    gap:2px 8px!important;
    font-size:12px!important;
    line-height:1.2!important;
    border-radius:8px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-name{
    align-items:center!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-name i{
    margin-top:0!important;
  }
  /* A selected ring shows its percentage in the middle and its balance
     in the highlighted category row. No added height beneath the ring. */
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-hint,
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-selected-detail{
    display:none!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item.is-selected .nw-mix-legend-amount{
    display:block!important;
    grid-column:1 / -1!important;
    padding:0 0 0 17px!important;
    margin:1px 0 0!important;
    font-size:11px!important;
    line-height:1.3!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-allocation-more{
    margin-top:4px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-allocation-more>summary{
    min-height:30px!important;
    padding:6px 3px!important;
    font-size:11px!important;
    line-height:1.2!important;
  }
  /* Intentional expansion may grow the breakdown; never turn that into a
     large empty rectangle in the Net Worth summary card. */
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row:has(.nw-allocation-more[open]){
    align-items:start!important;
  }
  /* Both cards remain equal-height in the normal overview. The breakdown
     wrapper is a <section>, never a <details>, so :not([open]) used to match
     permanently and leave a visible gap under the chart. Only release the
     equal-height constraint while its actual inner disclosure is expanded. */
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row:has(.nw-allocation-more[open])>.nw-unified-overview,
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row:has(.nw-allocation-more[open])>.nw-allocation{
    align-self:start!important;
  }
}
@media(min-width:851px) and (max-width:1100px){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
    grid-template-columns:minmax(155px,.82fr) minmax(0,1.18fr)!important;
    gap:9px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-donut,
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout .donut{
    width:min(100%,185px)!important;
  }
}

/* Net Worth: center the primary figure and actions within the summary card.
   Keep the contextual heading at the top and asset/liability figures at the foot.
   This is a desktop-only presentation change, and does not modify financial data. */
@media (min-width:851px) {
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview {
    justify-content:flex-start!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals {
    position:relative;
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:0!important;
    padding:24px 0 0!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-heading {
    position:absolute;
    top:0;left:0;right:0;
    width:100%;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals>h2 {
    margin:8px auto 13px!important;
    text-align:center!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-actions {
    width:100%;
    justify-content:center!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figures {
    flex:0 0 auto!important;
    width:100%;
  }
}
/* When editing the goal, let the extra details expand naturally rather than
   forcing vertical centering into a space too small for the open form. */
@media (min-width:851px) {
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals:has(.nw-goal-details[open]) {
    min-height:220px!important;
  }
}


/* Net Worth category corners: match painted headers to card radius.
   Keep overflow visible so open group menus can float outside these cards. */
#app .wmd-workspace.wmd-workspace--networth .nw-board .nw-overview-section {
  border-radius:16px!important;
  background-clip:padding-box!important;
  overflow:visible!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-board .nw-overview-section > .nw-overview-toggle {
  box-sizing:border-box!important;
  width:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:15px!important;
  background-clip:padding-box!important;
  box-shadow:none!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-board .nw-overview-section > .nw-overview-toggle[aria-expanded="true"] {
  border-radius:15px 15px 0 0!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-board .nw-overview-section > .nw-overview-detail {
  border-radius:0 0 15px 15px!important;
  background-clip:padding-box!important;
  overflow:visible!important;
}

/* Match the Assets controls by default. Reserve rose for interaction/selection.
   The liability tile is a navigation button; the chart tab has persistent selection. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability {
  border-color:var(--wmd-ui-line)!important;
  background:var(--wmd-ui-deep)!important;
  box-shadow:none!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability>span>span {
  color:#b7c6d0!important;
  opacity:.72!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability:is(:hover,:focus-visible,.active,[aria-pressed="true"]) {
  background:#33282e!important;
  border-color:#df96a0!important;
  box-shadow:0 0 0 2px rgba(217,145,155,.18)!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability:is(:hover,:focus-visible,.active,[aria-pressed="true"])>span>span {
  color:#e8a5ae!important;
  opacity:1!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability:focus-visible {
  outline:2px solid #e7a3ad!important;
  outline-offset:2px!important;
}
/* Unselected Liabilities inherits the same neutral appearance as Assets. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button[data-nw-chart="liabilities"]:is(:hover,:focus-visible) {
  color:#f0c4ca!important;
  border-color:#cb8791!important;
  background:#36292f!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button[data-nw-chart="liabilities"]:is(.active,[aria-pressed="true"]) {
  color:#f2b4be!important;
  border-color:#de929d!important;
  background:#392a30!important;
  box-shadow:0 0 0 1px rgba(222,146,157,.16)!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button[data-nw-chart="liabilities"]:focus-visible {
  outline:2px solid #e7a3ad!important;
  outline-offset:2px!important;
}

/* Net Worth balance breakdown: permanent summary, no disclosure affordance. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-head{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  min-height:48px!important;padding:10px 15px!important;margin:0!important;
  border:0!important;border-radius:15px 15px 0 0!important;
  background:transparent!important;cursor:default!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-head h3{
  margin:0!important;padding:0!important;
  font-family:var(--wmd-font-ui,system-ui,sans-serif)!important;
  font-size:16px!important;line-height:1.35!important;font-weight:750!important;
  letter-spacing:-.025em!important;color:var(--wmd-ui-txt,#edf4f6)!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-inner{
  display:block!important;min-height:0;
  border-top:1px solid var(--wmd-ui-line-soft,#354b55)!important;
}
@media(max-width:850px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-head{
    min-height:55px!important;padding:13px 17px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-head h3{
    font-size:17px!important;
  }
}


/* Net Worth balance breakdown: readable interactive category rows.
   Scope to the top chart, preserving budget mix and semantic data colors. */
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel
:is(.nw-mix-legend-item,.nw-mix-smaller-toggle) .nw-mix-legend-name span{
  color:#f1f7f5!important;
  font-size:14px!important;
  font-weight:700!important;
  line-height:1.18!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel
:is(.nw-mix-legend-item,.nw-mix-smaller-toggle) .nw-mix-legend-share{
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.18!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel
:is(.nw-mix-legend-item,.nw-mix-smaller-toggle) .nw-mix-legend-amount{
  font-size:13px!important;
  font-weight:660!important;
  line-height:1.2!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item:focus-visible{
  outline:2px solid var(--wmd-accent,#57d7aa)!important;
  outline-offset:2px!important;
}
@media(max-width:420px){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel
  :is(.nw-mix-legend-item,.nw-mix-smaller-toggle) :is(.nw-mix-legend-name span,.nw-mix-legend-share){
    font-size:13px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-chart-panel
  :is(.nw-mix-legend-item,.nw-mix-smaller-toggle) .nw-mix-legend-amount{
    font-size:12px!important;
  }
}


/* Cross-section Budget drops: visually mark the target card, including empty
   and collapsed groups, without tinting the rest of the money workspace. */
#app .wmd-workspace--budget [data-wmd-budget-drop].wmd-drop-section{
  outline:2px solid #82bdf4!important;
  outline-offset:-3px;
  background:color-mix(in srgb,#82bdf4 9%,transparent)!important;
  box-shadow:inset 0 0 0 1px #82bdf466!important
}
#app .wmd-workspace--budget [data-wmd-budget-drop].wmd-drop-section>.budget-section-topline{
  background:color-mix(in srgb,#82bdf4 13%,transparent)!important
}
#app .wmd-workspace--budget [data-wmd-drag-row].wmd-drop-before::before,
#app .wmd-workspace--budget [data-wmd-drag-row].wmd-drop-after::after{
  background:#82bdf4!important;
  box-shadow:0 0 0 2px #142334!important
}
#app .wmd-workspace--budget [data-wmd-drag-handle]:focus-visible{
  outline:2px solid #82bdf4!important;outline-offset:2px
}

/* networth-history-notices.css */

/* Net Worth history notices: restrained, responsive and read-only. */
#app .wmd-workspace--networth .nw-history-notices{order:2!important;display:flex!important;flex-direction:column;gap:7px;min-width:0;margin:0!important;padding:0!important}
#app .wmd-workspace--networth .history-chart-frame{order:3!important}
#app .wmd-workspace--networth .history-inspector{order:4!important}
#app .wmd-workspace--networth .history-caption{order:5!important}
#app .wmd-workspace--networth .history-csv-feedback{order:6!important}
#app .wmd-workspace--networth .history-entry-backdrop{order:7!important}
#app .wmd-workspace--networth .nw-history-notice-bar{display:flex;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}
#app .wmd-workspace--networth :is(.nw-history-issue-chip,.nw-history-scope-chip){display:inline-flex;align-items:center;min-height:31px;max-width:100%;background:var(--wmd-ui-raised)!important;border:1px solid var(--wmd-ui-line-soft)!important;border-radius:9px!important;color:var(--wmd-ui-muted)!important}
#app .wmd-workspace--networth .nw-history-issue-chip{gap:7px;padding:6px 10px!important;cursor:pointer;font-family:inherit!important;font-size:11px!important;font-weight:620!important}
#app .wmd-workspace--networth .nw-history-issue-chip:is(:hover,:focus-visible),#app .wmd-workspace--networth .nw-history-scope-chip:focus-within{border-color:var(--wmd-ui-line)!important;background:var(--wmd-ui-deep)!important}
#app .wmd-workspace--networth .nw-history-status-dot{display:inline-block;flex:none;width:6px;height:6px;border-radius:50%;background:#c4a077}
#app .wmd-workspace--networth .nw-history-chip-action{margin-left:5px;color:var(--wmd-accent)!important;font-weight:700}
#app .wmd-workspace--networth .nw-history-scope-chip{gap:2px;padding:2px 3px 2px 8px}
#app .wmd-workspace--networth .nw-history-scope-chip>button{min-height:27px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:inherit!important;font-family:inherit!important;font-size:11px!important;font-weight:590!important;cursor:pointer}
#app .wmd-workspace--networth .nw-history-scope-chip>button:first-child{padding:4px 5px!important;text-align:left}
#app .wmd-workspace--networth .nw-history-scope-chip .nw-history-scope-chip-close{width:29px!important;min-width:29px!important;padding:3px!important;border-radius:6px!important;font-size:16px!important;line-height:1!important;color:var(--wmd-ui-muted)!important}
#app .wmd-workspace--networth .nw-history-scope-chip .nw-history-scope-chip-close:hover{background:var(--wmd-ui-panel)!important;color:var(--wmd-ui-txt)!important}
#app .wmd-workspace--networth .nw-history-notice-detail{padding:12px 14px!important;border:1px solid var(--wmd-ui-line-soft)!important;border-radius:10px!important;background:var(--wmd-ui-deep)!important;color:var(--wmd-ui-txt)!important}
#app .wmd-workspace--networth .nw-history-notice-detail[hidden]{display:none!important}
#app .wmd-workspace--networth .nw-history-notice-detail-head,#app .wmd-workspace--networth .nw-history-notice-entry-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#app .wmd-workspace--networth .nw-history-notice-detail-head{margin-bottom:9px;color:var(--wmd-ui-muted)!important;font-size:11px;font-weight:700}
#app .wmd-workspace--networth .nw-history-notice-detail-head>button{width:28px;min-width:28px;min-height:28px;padding:2px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--wmd-ui-muted)!important;font-size:18px!important;line-height:1!important;cursor:pointer}
#app .wmd-workspace--networth .nw-history-notice-detail-head>button:hover{background:var(--wmd-ui-raised)!important;color:var(--wmd-ui-txt)!important}
#app .wmd-workspace--networth .nw-history-notice-entry{min-width:0;padding:3px 0 6px!important}
#app .wmd-workspace--networth .nw-history-notice-entry+.nw-history-notice-entry{padding-top:12px!important;margin-top:6px;border-top:1px solid var(--wmd-ui-line-soft)!important}
#app .wmd-workspace--networth .nw-history-notice-entry strong{color:var(--wmd-ui-txt)!important;font-size:12px!important;font-weight:680!important}
#app .wmd-workspace--networth .nw-history-notice-entry p,#app .wmd-workspace--networth .nw-history-notice-entry li{color:var(--wmd-ui-muted)!important;font-size:11px!important;line-height:1.55!important;margin:6px 0!important}
#app .wmd-workspace--networth .nw-history-notice-entry ul{margin:8px 0!important;padding:0 0 0 19px!important;max-height:125px;overflow:auto}
#app .wmd-workspace--networth .nw-history-notice-entry :is(.nw-history-raw-toggle,.nw-history-note-dismiss){min-height:31px!important;padding:5px 9px!important;border-radius:8px!important;border:1px solid var(--wmd-ui-line)!important;background:var(--wmd-ui-raised)!important;color:var(--wmd-ui-txt)!important;font-family:inherit!important;font-size:11px!important;font-weight:630!important;cursor:pointer}
#app .wmd-workspace--networth .nw-history-notice-entry :is(.nw-history-raw-toggle,.nw-history-note-dismiss):hover{border-color:var(--wmd-ui-accent-line)!important}
@media(max-width:600px){#app .wmd-workspace--networth .nw-history-notice-bar{gap:6px}#app .wmd-workspace--networth :is(.nw-history-issue-chip,.nw-history-scope-chip){max-width:100%;white-space:normal}#app .wmd-workspace--networth .nw-history-notice-detail{padding:11px!important}}


#app .wmd-workspace--networth .nw-history-review-list{list-style:none!important;padding:0!important;max-height:220px}
#app .wmd-workspace--networth .nw-history-review-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0!important;padding:9px 0!important;border-bottom:1px solid var(--wmd-ui-line-soft)!important}
#app .wmd-workspace--networth .nw-history-review-list li:last-child{border-bottom:0!important}
#app .wmd-workspace--networth .nw-history-review-list li span{min-width:0;display:flex;flex-direction:column;gap:2px}
#app .wmd-workspace--networth .nw-history-review-list li b{color:var(--wmd-ui-txt)!important;font-size:12px}
#app .wmd-workspace--networth .nw-history-review-list li small{color:var(--wmd-ui-muted)!important;font-size:11px}
#app .wmd-workspace--networth .nw-history-review-list .nw-history-correct-btn,
#app .wmd-workspace--networth .nw-history-scope-actions>button{border:1px solid var(--wmd-ui-line)!important;background:var(--wmd-ui-raised)!important;color:var(--wmd-ui-txt)!important;border-radius:8px!important;font:600 11px inherit!important;min-height:32px;padding:6px 10px!important;cursor:pointer}
#app .wmd-workspace--networth .nw-history-scope-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:11px}
#app .wmd-workspace--networth .nw-history-notice-entry.is-scope p{margin:5px 0!important}

/* 2026-10-20: history-scope explanation and read-only saved values.
   Separate account selections are not combined on the chart. */
#app .wmd-workspace--networth .nw-history-notice-entry.is-scope>strong{
  display:block;font-size:13px!important;line-height:1.4;color:var(--wmd-ui-txt)!important;
}
#app .wmd-workspace--networth .nw-history-notice-entry.is-scope .nw-inclusion-history-note{
  border:0!important;background:transparent!important;box-shadow:none!important;
  margin:7px 0 11px!important;padding:0!important;
  font-size:12px!important;line-height:1.55!important;color:var(--wmd-ui-muted)!important;
}
#app .wmd-workspace--networth .nw-history-saved-disclosure{
  overflow:hidden;border:1px solid var(--wmd-ui-line-soft)!important;
  border-radius:9px;background:var(--wmd-ui-panel)!important;
  margin:10px 0!important;padding:0!important;
}
#app .wmd-workspace--networth .nw-history-saved-disclosure>summary{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;min-height:41px;padding:10px 12px!important;
  font-size:12px!important;font-weight:700!important;
  color:var(--wmd-ui-txt)!important;
}
#app .wmd-workspace--networth .nw-history-saved-disclosure>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--networth .nw-history-saved-disclosure>summary:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised)!important;outline-color:var(--wmd-accent)!important;
}
#app .wmd-workspace--networth .nw-history-saved-disclosure>summary span{
  color:var(--wmd-accent)!important;font-size:17px;
}
#app .wmd-workspace--networth .nw-history-saved-disclosure>p,
#app .wmd-workspace--networth .nw-history-saved-disclosure>small{
  display:block;padding:0 12px;margin:7px 0 10px!important;
  color:var(--wmd-ui-muted)!important;font-size:11px!important;line-height:1.5!important;
}
#app .wmd-workspace--networth .nw-history-saved-rows{
  max-height:248px;overflow-y:auto;padding:0 12px;overscroll-behavior:contain;
}
#app .wmd-workspace--networth .nw-history-saved-row{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:8px 0;border-bottom:1px solid var(--wmd-ui-line-soft);
  color:var(--wmd-ui-muted)!important;font-size:12px!important;
}
#app .wmd-workspace--networth .nw-history-saved-row:last-child{border-bottom:0}
#app .wmd-workspace--networth .nw-history-saved-row strong{
  color:var(--wmd-ui-txt)!important;white-space:nowrap;
  font-variant-numeric:tabular-nums;font-size:12px!important;
}
#app .wmd-workspace--networth .nw-history-scope-actions{
  margin-top:13px;gap:8px;
}
#app .wmd-workspace--networth .nw-history-scope-actions-title{
  flex:1 0 100%;font-weight:700;font-size:12px;color:var(--wmd-ui-txt)!important;
}
#app .wmd-workspace--networth .nw-history-scope-actions>button{
  min-height:36px!important;padding:8px 12px!important;
  font-size:12px!important;font-weight:650!important;
  border-radius:9px!important;border:1px solid var(--wmd-ui-line)!important;
  background:var(--wmd-ui-raised)!important;color:var(--wmd-ui-txt)!important;
  box-shadow:none!important;cursor:pointer;
}
#app .wmd-workspace--networth .nw-history-scope-actions>button:is(:hover,:focus-visible){
  border-color:var(--wmd-accent)!important;
  outline-color:var(--wmd-accent)!important;
}
#app .wmd-workspace--networth .nw-history-scope-disclaimer{
  color:var(--wmd-ui-muted)!important;font-size:11px!important;
  line-height:1.5!important;margin-top:12px!important;
}
#app .wmd-workspace--networth .nw-inclusion-control:focus-within{
  outline:2px solid var(--wmd-accent)!important;
  outline-offset:2px;border-radius:9px!important;
  background:color-mix(in srgb,var(--wmd-accent) 8%,var(--wmd-ui-panel))!important;
}
@media(max-width:600px){
  #app .wmd-workspace--networth .nw-history-scope-actions>button{flex:1 1 145px}
  #app .wmd-workspace--networth .nw-history-saved-row{font-size:11.5px!important}
}

/* goals.css */
/* Where's My Dollar | Goals. Warm editorial photo gallery, 2026-10-16.
   The gallery owns its presentation. Financial information remains in the existing
   Goals calculations; image bytes never enter app-state JSON or cloud checkpoints. */

#app .wmd-workspace .wmd-plan-subnav{display:flex;align-items:center;gap:5px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:3px!important;margin:0 0 17px!important;border:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;border-radius:11px!important;background:var(--wmd-ui-deep,#111c25)!important}
#app .wmd-workspace .wmd-plan-subnav::-webkit-scrollbar{display:none}
#app .wmd-workspace .wmd-plan-subnav button{flex:none;min-height:34px;padding:8px 13px!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;color:var(--wmd-ui-muted,#b1c0c9)!important;font:650 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;box-shadow:none!important}
#app .wmd-workspace .wmd-plan-subnav button:is(:hover,:focus-visible){background:var(--wmd-ui-raised,#202e38)!important;color:var(--wmd-ui-txt,#eef4f7)!important}
#app .wmd-workspace .wmd-plan-subnav button.active{border-color:var(--wmd-ui-accent-line,#826a59)!important;background:var(--wmd-ui-raised,#202e38)!important;color:var(--wmd-ui-txt,#eef4f7)!important}

/* Goals must use the exact same workspace content width as other tabs.
   The former 1220px centered cap visibly shrank the Goals page on desktop. */
#app .wmd-goals-page{--goal-surface:var(--wmd-ui-panel,#19252e);--goal-raised:var(--wmd-ui-raised,#202e38);--goal-deep:var(--wmd-ui-deep,#111c25);--goal-border:var(--wmd-ui-line,#384a55);--goal-soft-border:var(--wmd-ui-line-soft,#2c3d47);--goal-text:var(--wmd-ui-txt,#eef4f7);--goal-muted:var(--wmd-ui-muted,#b1c0c9);--goal-accent:var(--wmd-plan-accent,#e3ae8a);display:grid;gap:19px;width:100%;min-width:0;max-width:100%;margin:0;color:var(--goal-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
#app .wmd-goals-page *,#app .wmd-goals-page *::before,#app .wmd-goals-page *::after{box-sizing:border-box}
#app .wmd-goals-page button{font-family:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
#app .wmd-goals-page button:disabled{opacity:.58;cursor:progress}
#app .wmd-goals-page :is(button,input,select,summary):focus-visible{outline:2px solid var(--goal-accent)!important;outline-offset:3px}
#app .wmd-goals-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:2px}
#app .wmd-goals-header>div{min-width:0}
#app .wmd-goals-kicker{display:block;color:var(--goal-accent)!important;font-size:10px;font-weight:790;letter-spacing:.13em}
#app .wmd-goals-header h1{margin:5px 0 5px!important;color:var(--goal-text)!important;font-size:clamp(28px,3vw,38px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:780!important}
#app .wmd-goals-header p{margin:0!important;font-size:13px!important;line-height:1.5!important;color:var(--goal-muted)!important}
#app .wmd-goals-page .wmd-goals-add{white-space:nowrap;padding:11px 15px!important;min-height:42px;border:1px solid #ae8265!important;border-radius:11px!important;background:#b98568!important;color:var(--goal-deep)!important;font-size:12px!important;font-weight:800!important;box-shadow:none!important}
#app .wmd-goals-page .wmd-goals-add:is(:hover,:focus-visible){background:#deb092!important;border-color:#deb092!important}

#app .wmd-goals-quiet-summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:-7px;font-size:12px;color:var(--goal-muted)}
#app .wmd-goals-quiet-summary strong{font-size:13px;font-weight:750;color:var(--goal-text)}
#app .wmd-goals-summary-dot{opacity:.5}
#app .wmd-goals-funding{display:flex;align-items:center;gap:13px;padding:12px 0 14px;border-top:1px solid var(--goal-soft-border);border-bottom:1px solid var(--goal-soft-border)}
#app .wmd-goals-funding>span{flex:none;font-size:9px;letter-spacing:.12em;font-weight:800;color:#cdaa92}
#app .wmd-goals-funding p{flex:1;margin:0!important;font-size:11.5px!important;line-height:1.5!important;color:var(--goal-muted)!important}
#app .wmd-goals-funding button{flex:none;padding:6px 2px!important;background:transparent!important;border:0!important;color:#e5bda2!important;font-size:11px!important;font-weight:730!important}
#app .wmd-goals-funding button:hover{color:#f8e3d0!important}
#app .wmd-goals-section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
#app .wmd-goals-section-head h2,#app .wmd-goals-secondary-heading h2{margin:0!important;font-size:17px!important;font-weight:740!important;letter-spacing:-.025em!important;color:var(--goal-text)!important}
#app .wmd-goals-filter{display:flex;gap:3px;padding:3px;border:1px solid var(--goal-border);border-radius:10px;background:var(--goal-deep)}
#app .wmd-goals-filter button{min-height:31px;padding:7px 12px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--goal-muted)!important;font-size:11px!important;font-weight:680!important}
#app .wmd-goals-filter button.active{background:color-mix(in srgb,var(--goal-accent) 10%,var(--goal-raised))!important;border-color:#6c645c!important;color:#f7e2d3!important}
#app .wmd-goals-filter button:not(.active):hover{color:var(--goal-text)!important;background:var(--goal-raised)!important}

#app .wmd-goal-card{display:grid;min-width:0;gap:12px;padding:11px;border:1px solid var(--goal-border)!important;border-radius:17px!important;background:var(--goal-surface)!important;box-shadow:0 5px 22px rgba(0,0,0,.09)!important;overflow:hidden;align-items:stretch}
#app .wmd-goal-card.is-attention{border-color:#65564a!important}
#app .wmd-goals-featured .wmd-goal-card.is-featured{grid-template-columns:minmax(265px,.95fr) minmax(0,1.05fr);gap:22px;padding:12px}
#app .wmd-goal-visual{position:relative;min-width:0;min-height:190px;border-radius:12px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 73% 30%,rgba(234,173,123,.25),transparent 48%),linear-gradient(135deg,#35424c 0%,#27333e 51%,#55473d 100%)}
#app .wmd-goal-card.is-featured .wmd-goal-visual{min-height:285px;aspect-ratio:1.4;max-height:410px}
#app .wmd-goal-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;z-index:1;transition:opacity .22s ease}
#app .wmd-goal-photo.is-ready{opacity:1}
#app .wmd-goal-photo-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;padding:18px;color:#e4d8c9}
#app .wmd-goal-photo-fallback>span{font-size:41px;font-weight:300;opacity:.84}
#app .wmd-goal-photo-fallback small{font-size:11px;font-weight:660;letter-spacing:.02em;color:#d7c9bc}
#app .wmd-goal-photo-button{position:absolute;bottom:12px;left:12px;z-index:3;max-width:calc(100% - 24px);border:1px solid rgba(255,255,255,.27)!important;border-radius:9px!important;background:rgba(15,23,31,.82)!important;backdrop-filter:blur(10px);color:#fff7f0!important;padding:8px 11px!important;min-height:34px;font-size:11px!important;font-weight:720!important;box-shadow:0 3px 12px rgba(0,0,0,.15)}
#app .wmd-goal-photo-button:hover{background:rgba(23,34,46,.96)!important;border-color:#e6b18c!important}

/* Direct, touch-friendly remove control, present only when a photo exists. */
#app .wmd-goal-photo-remove{position:absolute;top:11px;right:11px;z-index:4;width:36px;height:36px;min-width:36px;min-height:36px;display:grid;place-items:center;padding:0!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:50%!important;background:rgba(15,24,34,.86)!important;color:#fff!important;backdrop-filter:blur(8px);box-shadow:0 2px 10px rgba(0,0,0,.25);font-size:24px!important;font-weight:400!important;line-height:1!important;touch-action:manipulation}
#app .wmd-goal-photo-remove:hover{background:rgba(89,40,39,.94)!important;border-color:#f4bcb1!important;color:#fff!important}
#app .wmd-goal-photo-remove:focus-visible{outline:2px solid #ffdeb9!important;outline-offset:3px!important}
#app .wmd-goal-photo-remove span{display:block;position:relative;top:-1px;pointer-events:none}
#app .wmd-goal-card.is-compact .wmd-goal-photo-remove{top:7px;right:7px;width:32px;height:32px;min-width:32px;min-height:32px;font-size:22px!important}

#app .wmd-goal-card-body{display:flex;flex-direction:column;gap:14px;min-width:0;padding:14px 15px 10px 0;justify-content:center}
#app .wmd-goal-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
#app .wmd-goal-card-titles{min-width:0}
#app .wmd-goal-eyebrow{display:block;font-size:9px;letter-spacing:.12em;font-weight:800;color:#dfa785;margin-bottom:7px}
#app .wmd-goal-card-titles h3{margin:0 0 5px!important;color:var(--goal-text)!important;font-size:clamp(17px,2vw,24px)!important;line-height:1.2!important;letter-spacing:-.035em!important;font-weight:770!important;overflow-wrap:anywhere}
#app .wmd-goal-card-subtitle{color:var(--goal-muted)!important;font-size:11px;line-height:1.4}
#app .wmd-goal-status{flex:none;max-width:128px;padding:6px 9px;border:1px solid var(--goal-border);border-radius:30px;background:var(--goal-raised);color:var(--goal-muted);text-align:center;font-size:10px;line-height:1.25;font-weight:670}
#app .wmd-goal-status:is(.complete,.on-track){border-color:#527d9a!important;color:#b9dffa!important;background:#20394d!important}
#app .wmd-goal-status:is(.behind,.late,.missing){border-color:#846853!important;color:#ecc39c!important;background:#362d28!important}
#app .wmd-goal-progress-numbers{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
#app .wmd-goal-progress-numbers strong{font-size:clamp(17px,2.25vw,24px);font-weight:770;letter-spacing:-.035em;color:var(--goal-text)}
#app .wmd-goal-progress-numbers span{font-size:11px;color:var(--goal-muted)}
#app .wmd-goal-progress-line{display:flex;align-items:center;gap:12px;min-width:0}
#app .wmd-goal-progress-line>span{flex:none;color:#e3c2ad;font-weight:750;font-size:11px}
#app .wmd-goal-track{flex:1;min-width:0;height:7px;border-radius:999px;background:#354550;overflow:hidden}
#app .wmd-goal-track>i{display:block;height:100%;border-radius:999px;background:#dfab88!important;transition:width .2s ease}
#app .wmd-goal-card.is-attention .wmd-goal-track>i{background:#cea275!important}
#app .wmd-goal-next{border-top:1px solid var(--goal-soft-border);margin-top:1px;padding-top:16px}
#app .wmd-goal-next>span{display:block;color:#e6b491;font-size:9px;letter-spacing:.11em;font-weight:800}
#app .wmd-goal-next p{margin:6px 0 0!important;font-size:12px!important;line-height:1.55!important;color:var(--goal-text)!important;max-width:44ch}
#app .wmd-goal-main-actions{display:flex;justify-content:flex-start;margin-top:0}
#app .wmd-goal-main-actions button{background:transparent!important;border:0!important;padding:6px 0!important;color:#f0c0a0!important;font-size:12px!important;font-weight:750!important}
#app .wmd-goal-main-actions button>span{display:inline-block;margin-left:5px;transition:transform .15s}
#app .wmd-goal-main-actions button:hover>span{transform:translateX(3px)}
#app .wmd-goal-card-details,#app .wmd-goal-schedule-confirm,#app .wmd-goal-delete-confirm,#app .wmd-goal-photo-error{grid-column:1/-1}
#app .wmd-goal-card-details{display:grid;gap:11px;border-top:1px solid var(--goal-soft-border);padding:13px 8px 4px;margin-top:2px}
#app .wmd-goal-card-details[hidden]{display:none!important}
#app .wmd-goal-detail-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .wmd-goal-detail-stats>div{display:grid;gap:4px;min-width:0}
#app .wmd-goal-detail-stats span{font-size:10px;color:var(--goal-muted)}
#app .wmd-goal-detail-stats strong{font-size:12px;color:var(--goal-text);font-weight:730;overflow-wrap:anywhere}
#app .wmd-goal-source{margin:0!important;font-size:11px!important;line-height:1.55!important;color:var(--goal-muted)!important}
#app .wmd-goal-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#app .wmd-goal-card-actions button{min-height:32px;padding:7px 10px!important;border:1px solid var(--goal-border)!important;border-radius:8px!important;background:var(--goal-raised)!important;color:var(--goal-text)!important;font-size:11px!important;font-weight:650!important}
#app .wmd-goal-card-actions button:hover{background:#283946!important;border-color:#987861!important}
#app .wmd-goal-card-actions .wmd-goal-delete-link{margin-left:auto;background:transparent!important;border-color:transparent!important;color:#baafb0!important}
#app .wmd-goal-card-actions .wmd-goal-delete-link:hover{color:#f0c1bc!important}
#app .wmd-goal-schedule-confirm,#app .wmd-goal-delete-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px;border:1px solid #596472;border-radius:10px;background:var(--goal-raised);font-size:11px;line-height:1.5;color:var(--goal-text)}
#app .wmd-goal-delete-confirm{border-color:#826455}
#app .wmd-goal-schedule-confirm>span,#app .wmd-goal-delete-confirm>span{flex:1;min-width:170px}
#app .wmd-goal-schedule-confirm button,#app .wmd-goal-delete-confirm button{min-height:33px;padding:7px 11px!important;border:1px solid var(--goal-border)!important;border-radius:8px!important;background:var(--goal-raised)!important;color:var(--goal-text)!important;font-size:11px!important}
#app .wmd-goal-schedule-confirm>p{flex-basis:100%;color:#f1bbab!important;margin:0!important}
#app .wmd-goal-schedule-confirm>p[hidden]{display:none!important}
#app .wmd-goal-photo-error{color:#f2c2b6;font-size:11px;margin:0!important;padding:8px 11px;border-radius:8px;background:#382d2a}

#app .wmd-goals-secondary{display:grid;gap:12px}
#app .wmd-goals-secondary-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
#app .wmd-goals-secondary-heading h2{font-size:15px!important}
#app .wmd-goals-secondary-heading small{color:var(--goal-muted);font-size:11px}
#app .wmd-goals-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
#app .wmd-goal-card.is-compact{grid-template-columns:128px minmax(0,1fr);gap:12px;min-height:161px;padding:9px}
/* A square aspect ratio on an auto-sized grid item used the card's full
   height as its width, overlapping the description beside the picture. */
#app .wmd-goal-card.is-compact .wmd-goal-visual{grid-column:1;grid-row:1;width:100%;max-width:100%;min-width:0;min-height:144px;aspect-ratio:auto;align-self:stretch}
#app .wmd-goal-card.is-compact .wmd-goal-card-body{grid-column:2;grid-row:1;min-width:0}
#app .wmd-goal-card.is-compact .wmd-goal-photo-button{bottom:7px;left:7px;max-width:calc(100% - 14px);font-size:10px!important;padding:5px 8px!important;min-height:30px}
#app .wmd-goal-card.is-compact .wmd-goal-photo-fallback>span{font-size:30px}
#app .wmd-goal-card.is-compact .wmd-goal-photo-fallback small{font-size:9px}
#app .wmd-goal-card.is-compact .wmd-goal-card-body{gap:11px;padding:5px 6px 5px 0;justify-content:center}
#app .wmd-goal-card.is-compact .wmd-goal-card-top{flex-wrap:wrap;gap:5px}
#app .wmd-goal-card.is-compact .wmd-goal-card-titles h3{font-size:15px!important;letter-spacing:-.018em!important}
#app .wmd-goal-card.is-compact .wmd-goal-status{padding:4px 7px;font-size:9px;max-width:none}
#app .wmd-goal-card.is-compact .wmd-goal-progress-numbers{gap:6px}
#app .wmd-goal-card.is-compact .wmd-goal-progress-numbers strong{font-size:14px}
#app .wmd-goal-card.is-compact .wmd-goal-progress-numbers span{font-size:10px}
#app .wmd-goal-card.is-compact .wmd-goal-progress-line{gap:7px}
#app .wmd-goal-card.is-compact .wmd-goal-track{height:5px}
#app .wmd-goal-card.is-compact .wmd-goal-main-actions button{font-size:11px!important}

#app .wmd-goals-connected{display:block;border:1px solid var(--goal-soft-border);border-radius:13px;background:var(--goal-surface);overflow:hidden}
#app .wmd-goals-connected>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 17px;cursor:pointer;color:var(--goal-text)}
#app .wmd-goals-connected>summary::-webkit-details-marker{display:none}
#app .wmd-goals-connected>summary>span:first-child{display:grid;gap:4px}
#app .wmd-goals-connected>summary strong{font-size:13px;font-weight:750}
#app .wmd-goals-connected>summary small{font-size:11px;color:var(--goal-muted)}
#app .wmd-goals-connected>summary>span:last-child{font-size:20px;color:#dfb08f;transition:transform .15s}
#app .wmd-goals-connected[open]>summary>span:last-child{transform:rotate(180deg)}
#app .wmd-goals-linked-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 13px 13px}
#app .wmd-goal-linked{min-width:0;padding:15px 16px;border:1px solid var(--goal-border);background:var(--goal-raised);border-radius:11px}
#app .wmd-goal-linked-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}
#app .wmd-goal-linked-head>div>span,#app .wmd-goal-modal-head>div>span{display:block;font-size:9px;letter-spacing:.10em;font-weight:780;color:#dfb08f}
#app .wmd-goal-linked h3{margin:5px 0 0;font-size:14px;color:var(--goal-text)}
#app .wmd-goal-linked-head button{flex:none;border:1px solid var(--goal-border);border-radius:8px;padding:7px 10px!important;background:var(--goal-raised);color:var(--goal-text);font-size:11px}
#app .wmd-goal-linked p{font-size:11px;line-height:1.6;color:var(--goal-muted);margin:9px 0 12px}
#app .wmd-goal-linked-number{display:flex;gap:7px;flex-wrap:wrap;align-items:baseline;margin:0 0 9px}
#app .wmd-goal-linked-number>b{font-size:18px;color:var(--goal-text)}
#app .wmd-goal-linked-number>span{font-size:11px;color:var(--goal-muted)}
#app .wmd-goal-not-set,#app .wmd-goal-retirement-note{padding:10px 12px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-deep);color:var(--goal-muted);font-size:11px}
#app .wmd-goal-retirement-note strong{font-size:16px;color:#f5efea;margin-left:4px}
#app .wmd-goal-milestone-edit{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:12px}
#app .wmd-goal-milestone-edit label{flex:1;min-width:140px;font-size:11px;color:var(--goal-muted)}
#app .wmd-goal-milestone-edit input{display:block;margin-top:5px;width:100%;padding:10px!important;min-height:39px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-deep);color:var(--goal-text);font-size:13px}
#app .wmd-goal-milestone-edit button{padding:10px 12px!important;min-height:39px;border:1px solid #8d7967;border-radius:9px;background:#443c35;color:#fff0df;font-size:11px;font-weight:700}
#app .wmd-goals-footnote{margin:0!important;font-size:11px!important;line-height:1.55!important;color:var(--goal-muted)!important}
#app .wmd-goals-empty{padding:29px 18px;text-align:center;border:1px dashed var(--goal-border);border-radius:13px;background:var(--goal-deep)}
#app .wmd-goals-empty>span{font-size:30px;color:#d7aa8e}
#app .wmd-goals-empty h3{margin:8px 0 5px;font-size:18px;color:var(--goal-text)}
#app .wmd-goals-empty p{margin:0 auto 16px;max-width:400px;color:var(--goal-muted);line-height:1.55;font-size:12px}
#app .wmd-goals-empty button{padding:10px 13px!important;min-height:40px;border:1px solid #a5836d;border-radius:9px;background:#3b3631;color:#f7e6d5;font-size:12px}

#app .wmd-goal-modal-backdrop{position:fixed;inset:0;z-index:2400;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:clamp(18px,4vh,45px) 13px;background:rgba(6,14,16,.80)}
#app .wmd-goal-modal{display:grid;gap:14px;width:min(100%,610px);padding:21px 22px;border:1px solid var(--goal-border);border-radius:17px;background:var(--goal-surface);box-shadow:0 24px 72px rgba(0,0,0,.48);color:var(--goal-text)}
#app .wmd-goal-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
#app .wmd-goal-modal-head h2{margin:5px 0!important;font-size:22px!important;letter-spacing:-.02em;color:var(--goal-text)}
#app .wmd-goal-modal-head p{margin:0!important;color:var(--goal-muted);font-size:12px}
#app .wmd-goal-modal-head>button{flex:none;width:35px;min-height:35px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-raised);color:#eaf3ee;font-size:20px}
#app .wmd-goal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
#app .wmd-goal-form-grid>label{display:flex;flex-direction:column;gap:6px;min-width:0;color:var(--goal-text);font-size:12px;font-weight:650}
#app .wmd-goal-form-grid>label[hidden]{display:none!important}
#app .wmd-goal-form-grid>label>small{color:var(--goal-muted);font-size:10px;font-weight:450}
#app .wmd-goal-form-grid :is(input,select){width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-deep)!important;color:#eaf3ee!important;font:500 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;box-shadow:none;color-scheme:dark}
#app .wmd-goal-form-wide{grid-column:1/-1}
#app .wmd-goal-form-photo-note{margin:10px 0 0!important;font-size:11px!important;color:#dbbaa4!important}
#app .wmd-goal-form-note{padding:10px 12px;margin-top:11px;border:1px solid var(--goal-soft-border);border-radius:9px;background:var(--goal-raised);color:var(--goal-muted);font-size:11px;line-height:1.55}
#app .wmd-goal-form-error{padding:9px 10px;margin:10px 0 0!important;border:1px solid #8d615c;border-radius:9px;background:#39292a;color:#ffd1c9!important;font-size:12px!important}
#app .wmd-goal-form-error[hidden]{display:none!important}
#app .wmd-goal-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px}
#app .wmd-goal-form-actions button{padding:10px 15px!important;min-height:40px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-raised);color:var(--goal-text);font-size:12px;font-weight:700}
#app .wmd-goal-form-actions button[type="submit"]{border-color:#ba8b6e;background:#be8d71;color:var(--goal-deep)}

#app .wmd-nw-goals-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-radius:10px;border:1px solid var(--wmd-ui-line-soft,#364952);background:var(--wmd-ui-deep,#16232c)}
#app .wmd-nw-goals-strip>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;min-width:0}
#app .wmd-nw-goals-strip strong{font-size:11px;color:var(--wmd-ui-txt,#eaf1f5)}
#app .wmd-nw-goals-strip span{font-size:11px;color:var(--wmd-ui-muted,#b0bec5);overflow-wrap:anywhere}
#app .wmd-nw-goals-strip>button{flex:none;border:1px solid var(--wmd-ui-line,#47585e);border-radius:8px;background:var(--wmd-ui-raised,#273943);color:var(--wmd-ui-txt,#e7f2f4);padding:7px 9px!important;font-size:11px;font-weight:650}
#app .wmd-workspace--budget .budget-section.savings .wmd-budget-goals-link{min-height:32px!important;padding:7px 10px!important;border-radius:8px!important;border:1px solid var(--wmd-ui-accent-line,#597e74)!important;background:var(--wmd-ui-raised,#273942)!important;color:var(--wmd-ui-txt,#e7f1f2)!important;font-family:inherit!important;font-size:11px!important;font-weight:680!important}

@media(max-width:1050px){
 #app .wmd-goals-grid{grid-template-columns:minmax(0,1fr)}
 #app .wmd-goal-card.is-compact{grid-template-columns:143px minmax(0,1fr)}
}
@media(max-width:800px){
 #app .wmd-goals-featured .wmd-goal-card.is-featured{grid-template-columns:minmax(0,1fr);gap:0}
 #app .wmd-goal-card.is-featured .wmd-goal-visual{aspect-ratio:1.9;min-height:210px;max-height:310px}
 #app .wmd-goal-card.is-featured .wmd-goal-card-body{padding:17px 9px 10px;gap:14px}
 #app .wmd-goal-detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
 #app .wmd-goals-page{gap:16px}
 #app .wmd-goals-header{align-items:flex-start;gap:8px}
 #app .wmd-goals-header h1{font-size:30px!important}
 #app .wmd-goals-header p{font-size:12px!important}
 #app .wmd-goals-page .wmd-goals-add{padding:9px 11px!important;min-height:38px;font-size:11px!important}
 #app .wmd-goals-funding{display:grid;grid-template-columns:1fr auto;column-gap:9px;row-gap:6px}
 #app .wmd-goals-funding>span{grid-column:1/-1}
 #app .wmd-goals-funding p{font-size:11px!important}
 #app .wmd-goals-funding button{font-size:10px!important}
 #app .wmd-goals-linked-grid{grid-template-columns:minmax(0,1fr)}
 #app .wmd-goal-card.is-compact{grid-template-columns:105px minmax(0,1fr);gap:9px;min-height:135px}
 #app .wmd-goal-card.is-compact .wmd-goal-visual{min-height:119px}
 #app .wmd-goal-card.is-compact .wmd-goal-photo-fallback small{display:none}
 #app .wmd-goal-card.is-compact .wmd-goal-card-body{gap:9px}
 #app .wmd-goal-card.is-compact .wmd-goal-card-titles h3{font-size:14px!important}
 #app .wmd-goal-card.is-compact .wmd-goal-progress-numbers strong{font-size:13px}
 #app .wmd-goal-card.is-compact .wmd-goal-photo-button{font-size:9px!important;padding:5px 6px!important}
 #app .wmd-goal-status{font-size:9px}
 #app .wmd-goal-modal{padding:16px}
 #app .wmd-goal-form-grid{grid-template-columns:minmax(0,1fr)}
 #app .wmd-goal-form-actions button{flex:1}
}
@media(max-width:390px){
 #app .wmd-goal-card.is-compact{grid-template-columns:90px minmax(0,1fr)}
 #app .wmd-goal-card.is-compact .wmd-goal-visual{min-height:110px}
 #app .wmd-goal-card.is-compact .wmd-goal-progress-numbers span{display:none}
 #app .wmd-goal-card.is-compact .wmd-goal-photo-button{padding:5px!important;font-size:8px!important}
 #app .wmd-goals-quiet-summary{gap:6px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){#app .wmd-goals-page *,#app .wmd-goals-page *::before,#app .wmd-goals-page *::after{transition:none!important}}

/* Curated image presets appear only in fictional demos. Visitor overrides
   are always above the preset; a dismissed preset leaves a clean fallback. */
#app .wmd-goal-photo.wmd-goal-demo-suppressed,
#app .wmd-goal-photo-remove.wmd-goal-demo-suppressed{display:none!important}
#app .wmd-goal-photo[data-landing-goal-photo]{z-index:2}


/* User-controlled Goals gallery. Dragging is limited to the deliberate grip.
 * Sizes are presets, not freeform CSS dimensions, keeping the grid stable. */
#app .wmd-goals-layout-hint{margin:-2px 0 0!important;color:var(--goal-muted)!important;font-size:11px!important;line-height:1.5!important}
#app .wmd-goal-card-meta{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;min-width:0}
#app .wmd-goal-card-meta .wmd-goal-status{margin:0}
#app .wmd-goal-card-meta .wmd-goal-drag-handle,
#app .wmd-goal-card-meta .wmd-goal-resize{
  flex:none;display:inline-flex;align-items:center;justify-content:center;gap:4px;
  min-width:30px;min-height:30px;padding:5px 7px!important;border:1px solid var(--goal-border)!important;
  border-radius:8px!important;color:var(--goal-text)!important;background:var(--goal-raised)!important;
  font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-shadow:none!important;cursor:pointer;
}
#app .wmd-goal-card-meta .wmd-goal-drag-handle{
  font-size:18px!important;letter-spacing:-.16em;cursor:grab;touch-action:none;
  user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;
}
#app .wmd-goal-card-meta .wmd-goal-drag-handle:active{cursor:grabbing}
#app .wmd-goal-card-meta .wmd-goal-drag-handle:hover,
#app .wmd-goal-card-meta .wmd-goal-resize:hover{
  color:#ffe3cd!important;background:#2b3b48!important;border-color:#bd9a7f!important;
}
#app .wmd-goal-card-meta button:focus-visible,
#app .wmd-goal-main-actions .wmd-goal-feature-action:focus-visible{
  outline:2px solid #efc3a2!important;outline-offset:2px!important;
}
#app .wmd-goal-card-meta .wmd-goal-resize span{font-size:10px}
#app .wmd-goal-main-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
#app .wmd-goal-main-actions .wmd-goal-feature-action{
  border:1px solid #725f50!important;border-radius:8px!important;
  background:rgba(171,127,93,.11)!important;color:#eac5ab!important;
  padding:6px 9px!important;min-height:30px;font-size:11px!important;
}
#app .wmd-goal-main-actions .wmd-goal-feature-action:hover{
  background:rgba(171,127,93,.24)!important;border-color:#bf987d!important;
}
#app .wmd-goal-card.is-compact.size-medium{
  grid-template-columns:minmax(150px,35%) minmax(0,1fr);min-height:203px;
}
#app .wmd-goal-card.is-compact.size-medium .wmd-goal-visual{min-height:181px}
#app .wmd-goal-card.is-compact.size-medium .wmd-goal-card-titles h3{font-size:16px!important}
#app .wmd-goal-card.is-compact.size-medium .wmd-goal-progress-numbers strong{font-size:16px}
#app .wmd-goal-card.is-compact.size-wide{
  grid-column:span 2;
  grid-template-columns:minmax(200px,36%) minmax(0,1fr);
  min-height:219px;padding:11px;gap:17px;
}
#app .wmd-goal-card.is-compact.size-wide .wmd-goal-visual{min-height:197px}
#app .wmd-goal-card.is-compact.size-wide .wmd-goal-card-body{padding:11px 12px 11px 0;gap:13px}
#app .wmd-goal-card.is-compact.size-wide .wmd-goal-card-titles h3{font-size:19px!important}
#app .wmd-goal-card.is-compact.size-wide .wmd-goal-progress-numbers strong{font-size:19px}
#app .wmd-goal-size-choices{display:flex;align-items:center;gap:5px;flex-wrap:wrap;flex-basis:100%;margin:7px 0 4px}
#app .wmd-goal-size-choices>span{font-size:11px;color:var(--goal-muted);margin-right:5px}
#app .wmd-goal-card-actions .wmd-goal-size-choices button{padding:6px 10px!important;min-height:30px}
#app .wmd-goal-card-actions .wmd-goal-size-choices button[aria-pressed="true"]{
  border-color:#bf9477!important;color:#ffe5d3!important;background:#4a3a31!important;
}
#app .wmd-goal-card-actions button:disabled{opacity:.42;cursor:not-allowed}
#app .wmd-goal-card.is-dragging{opacity:.54;transform:scale(.985)}
#app .wmd-goal-card.wmd-goal-drop-before{
  border-color:#e4b090!important;
  box-shadow:0 -4px 0 #e9b38f,0 7px 26px rgba(0,0,0,.18)!important;
}
#app .wmd-goal-card.wmd-goal-drop-after{
  border-color:#e4b090!important;
  box-shadow:0 4px 0 #e9b38f,0 7px 26px rgba(0,0,0,.18)!important;
}
.wmd-goal-drag-ghost{
  position:fixed;z-index:20000;pointer-events:none;max-width:min(260px,70vw);
  transform:translate(13px,13px);padding:10px 13px;border:1px solid #d0ad91;
  border-radius:11px;background:#26333f;color:#fff5eb;font:700 12px/1.4 system-ui,sans-serif;
  box-shadow:0 12px 35px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
@media(max-width:1050px){
 #app .wmd-goal-card.is-compact.size-wide{grid-column:1/-1}
 #app .wmd-goal-card.is-compact.size-medium{grid-template-columns:175px minmax(0,1fr)}
 #app .wmd-goal-card.is-compact.size-wide{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:650px){
 #app .wmd-goals-layout-hint{font-size:10px!important}
 #app .wmd-goal-card-meta{gap:4px}
 #app .wmd-goal-card-meta .wmd-goal-resize{padding:5px 6px!important}
 #app .wmd-goal-card.is-compact.size-medium,
 #app .wmd-goal-card.is-compact.size-wide{grid-template-columns:112px minmax(0,1fr);min-height:158px;gap:9px;padding:9px}
 #app .wmd-goal-card.is-compact.size-medium .wmd-goal-visual,
 #app .wmd-goal-card.is-compact.size-wide .wmd-goal-visual{min-height:138px}
 #app .wmd-goal-card.is-compact.size-wide .wmd-goal-card-body{padding:5px 6px 5px 0;gap:10px}
 #app .wmd-goal-card.is-compact.size-medium .wmd-goal-card-titles h3,
 #app .wmd-goal-card.is-compact.size-wide .wmd-goal-card-titles h3{font-size:15px!important}
 #app .wmd-goal-card.is-compact.size-medium .wmd-goal-progress-numbers strong,
 #app .wmd-goal-card.is-compact.size-wide .wmd-goal-progress-numbers strong{font-size:15px}
}
@media(max-width:390px){
 #app .wmd-goal-card.is-compact.size-medium,
 #app .wmd-goal-card.is-compact.size-wide{grid-template-columns:96px minmax(0,1fr)}
 #app .wmd-goal-card.is-compact.size-medium .wmd-goal-visual,
 #app .wmd-goal-card.is-compact.size-wide .wmd-goal-visual{min-height:122px}
 #app .wmd-goal-card-meta .wmd-goal-resize span{display:none}
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-goal-card.is-dragging{transform:none}
}


/* The focused hero can also be resized, but always retains one full-width row. */
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-small{
  grid-template-columns:minmax(200px,.36fr) minmax(0,.64fr);gap:16px;padding:10px;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-visual{
  aspect-ratio:1.95;min-height:178px;max-height:235px;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-card-body{
  gap:10px;padding:9px 12px 9px 0;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-next{
  padding-top:10px;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium{
  grid-template-columns:minmax(235px,.43fr) minmax(0,.57fr);gap:19px;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium .wmd-goal-visual{
  aspect-ratio:1.65;min-height:220px;max-height:300px;
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium .wmd-goal-card-body{
  gap:12px;padding:11px 13px 10px 0;
}
@media(max-width:800px){
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small,
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium{
   grid-template-columns:minmax(0,1fr);gap:0;
 }
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-visual{
   aspect-ratio:2.4;min-height:145px;max-height:202px;
 }
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium .wmd-goal-visual{
   aspect-ratio:2.0;min-height:185px;max-height:254px;
 }
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-card-body,
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium .wmd-goal-card-body{
   padding:14px 9px 10px;
 }
}
@media(max-width:390px){
 #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small .wmd-goal-visual{
   min-height:128px;max-height:174px;
 }
}


/* Custom Budget contribution: clear amount editor and live finish estimate. */
#app .wmd-goal-schedule-confirm{display:grid!important;grid-template-columns:minmax(200px,.7fr) minmax(230px,1.3fr);gap:14px 18px;align-items:start;padding:16px!important;background:var(--goal-surface)!important;border-color:var(--goal-border)!important}
#app .wmd-goal-schedule-field{display:grid;gap:6px;min-width:0;font-size:14px;font-weight:720;color:var(--goal-text)}
#app .wmd-goal-schedule-field>small{font-size:12px;color:var(--goal-muted);font-weight:500}
#app .wmd-goal-schedule-input{display:flex;align-items:center;gap:7px;min-height:47px;padding:0 12px;border:1px solid var(--goal-border);border-radius:9px;background:var(--goal-deep)}
#app .wmd-goal-schedule-input>span{font-size:17px;color:var(--goal-muted);font-weight:700}
#app .wmd-goal-schedule-input>input{flex:1;min-width:0;width:100%;min-height:45px;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--goal-text)!important;font-size:17px!important;font-weight:670!important;padding:9px 1px!important}
#app .wmd-goal-schedule-input:focus-within{border-color:var(--goal-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--goal-accent) 18%,transparent)}
#app .wmd-goal-schedule-outlook{display:grid;gap:7px;align-content:center;min-width:0}
#app .wmd-goal-schedule-outlook>strong{font-size:15px;line-height:1.45;color:var(--goal-text)}
#app .wmd-goal-schedule-outlook>small,#app .wmd-goal-schedule-outlook>span{font-size:12px;line-height:1.5;color:var(--goal-muted)}
#app .wmd-goal-schedule-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
#app .wmd-goal-schedule-actions button{min-height:42px!important;padding:9px 13px!important;font-size:13px!important}
#app .wmd-goal-schedule-actions [data-goal-confirm-schedule]{background:var(--goal-accent)!important;border-color:var(--goal-accent)!important;color:var(--goal-deep)!important;font-weight:770!important}
#app .wmd-goal-schedule-actions button:disabled{opacity:.46;cursor:not-allowed}
#app .wmd-goal-schedule-confirm>[data-goal-schedule-error]{grid-column:1/-1;font-size:12px!important}
#app .wmd-goal-detail-stats span{font-size:12px!important;line-height:1.4}
#app .wmd-goal-detail-stats strong{font-size:15px!important;line-height:1.4}
#app .wmd-goal-source{font-size:12.5px!important;line-height:1.55!important}
@media(max-width:680px){#app .wmd-goal-schedule-confirm{grid-template-columns:minmax(0,1fr);padding:13px!important;gap:12px}#app .wmd-goal-schedule-actions{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}#app .wmd-goal-schedule-confirm>[data-goal-schedule-error]{grid-column:1}#app .wmd-goal-schedule-input>input{font-size:16px!important}}

/* Existing Budget item reuse, visible on compact goal cards. */
#app .wmd-goal-card-actions button.wmd-goal-connect-existing{min-height:38px!important;font-size:12px!important;font-weight:740!important;border-color:var(--goal-border)!important;color:var(--goal-text)!important}
#app .wmd-goal-budget-link-help{display:block;margin-top:6px!important;color:var(--goal-muted)!important;font-size:12px!important;line-height:1.5!important}

/* goal-cover-picker.css */
/* Premium gallery overlay, scoped to Goals. Catalog uses lazy images. */
#app .wmd-cover-backdrop{position:fixed;inset:0;z-index:2600;background:rgba(6,13,17,.85);backdrop-filter:blur(9px);padding:clamp(10px,3.5vh,34px);display:flex;justify-content:center;align-items:center;overflow-y:auto;overscroll-behavior:contain}
#app .wmd-cover-dialog{width:min(920px,100%);max-height:min(790px,93dvh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(175,193,209,.25);border-radius:22px;background:linear-gradient(160deg,#202e38,#111c25);box-shadow:0 26px 100px rgba(0,0,0,.58);color:#eef4f7}
#app .wmd-cover-head{display:flex;align-items:flex-start;justify-content:space-between;padding:22px 25px 18px;gap:16px;border-bottom:1px solid rgba(178,196,211,.12)}
#app .wmd-cover-head span{font-size:10px;font-weight:760;letter-spacing:.13em;color:var(--wmd-plan-accent,#e3ae8a)}
#app .wmd-cover-head h2{margin:5px 0 5px!important;font-size:clamp(23px,2.7vw,31px)!important;line-height:1.12;letter-spacing:-.04em;color:#eef4f7}
#app .wmd-cover-head p{margin:0!important;color:#b1c0c9;font-size:13px}
#app .wmd-cover-close{flex:none;display:grid;place-items:center;width:35px;height:35px;border:1px solid #425465;border-radius:50%;color:#eef4f7;background:#26333f;font-size:21px}
#app .wmd-cover-body{display:grid;grid-template-columns:minmax(225px,.86fr) minmax(0,1.5fr);min-height:0;flex:1}
#app .wmd-cover-feature{display:flex;flex-direction:column;gap:14px;padding:19px;border-right:1px solid rgba(178,196,211,.12)}
#app .wmd-cover-stage{position:relative;flex:1;min-height:265px;max-height:390px;overflow:hidden;border-radius:15px;background:linear-gradient(132deg,#35434f,#1b2833);display:grid;place-items:center}
#app .wmd-cover-stage img{height:100%;width:100%;display:block;object-fit:cover}
#app .wmd-cover-stage img[hidden],#app .wmd-cover-stage span[hidden]{display:none!important}
#app .wmd-cover-stage span{font-size:15px;max-width:190px;text-align:center;color:#d7e2e9;padding:20px}
#app .wmd-cover-stage-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center}
#app .wmd-cover-stage-bottom small{display:block;color:#a4b4bf;font-size:9px;letter-spacing:.12em}
#app .wmd-cover-stage-bottom strong{display:block;margin-top:4px;color:#eef4f7;font-size:14px}
#app .wmd-cover-position{display:grid;gap:5px;font-size:11px;color:#b1c0c9;min-width:120px}
#app .wmd-cover-position input{width:140px;accent-color:var(--wmd-plan-accent,#e3ae8a)}
#app .wmd-cover-position input:disabled{opacity:.35}
#app .wmd-cover-library{display:flex;flex-direction:column;min-width:0;min-height:0}
#app .wmd-cover-categories{display:flex;gap:8px;white-space:nowrap;overflow-x:auto;padding:17px 18px 12px;scrollbar-width:thin}
#app .wmd-cover-categories button{padding:8px 12px;border:1px solid rgba(172,190,207,.28);border-radius:999px;background:rgba(166,184,204,.07);color:#bac9d2;font-size:11px;font-weight:650;flex:none}
#app .wmd-cover-categories button[aria-pressed="true"]{background:#c49375;border-color:#c49375;color:#17232d}
#app .wmd-cover-grid{padding:4px 18px 24px;overflow-y:auto;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:10px}
#app .wmd-cover-tile{min-width:0;position:relative;display:grid;gap:7px;padding:5px 5px 9px;border:1px solid rgba(178,195,210,.16);border-radius:13px;text-align:left;background:rgba(31,44,56,.82);color:#e6edf3;transition:transform .18s ease,border-color .18s ease}
#app .wmd-cover-tile[hidden]{display:none!important}
#app .wmd-cover-tile:hover{transform:translateY(-2px);border-color:#d7aa8b}
#app .wmd-cover-tile.is-selected{border-color:#d7aa8b;box-shadow:inset 0 0 0 1px #d7aa8b}
#app .wmd-cover-tile-image{display:block;aspect-ratio:1.6;overflow:hidden;border-radius:9px;background:#293946}
#app .wmd-cover-tile-image img{width:100%;height:100%;object-fit:cover;display:block}
#app .wmd-cover-tile-name{font-size:10.5px;line-height:1.25;font-weight:660;padding-inline:3px;overflow-wrap:anywhere}
#app .wmd-cover-tile-check{display:none;position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:#d4a58a;color:#17232d;place-items:center;font-size:13px;font-weight:800}
#app .wmd-cover-tile.is-selected .wmd-cover-tile-check{display:grid}
#app .wmd-cover-foot{padding:15px 20px;border-top:1px solid rgba(177,198,211,.15);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
#app .wmd-cover-choices,#app .wmd-cover-confirm{display:flex;gap:9px;flex-wrap:wrap}
#app .wmd-cover-foot button{min-height:38px;padding:9px 13px;border-radius:10px;border:1px solid #435666;background:rgba(95,116,136,.15);color:#eef4f7;font-size:12px;font-weight:675}
#app .wmd-cover-foot [data-cover-use]{background:#be8d71;color:#17232d;border-color:#be8d71}
#app .wmd-cover-foot [data-cover-clear]{border-color:transparent;background:transparent;color:#b1c0c9}
#app .wmd-cover-dialog button:focus-visible,#app .wmd-cover-dialog input:focus-visible{outline:2px solid var(--wmd-plan-accent,#e3ae8a);outline-offset:2px}
#app .wmd-goal-cover-select{grid-column:1/-1;padding:12px 14px;background:rgba(146,166,188,.06);border:1px solid rgba(155,175,195,.22);border-radius:11px;display:flex;justify-content:space-between;gap:12px;align-items:center}
#app .wmd-goal-cover-select>span{font-size:12px;color:#c5d1da}
#app .wmd-goal-cover-select button{min-height:36px;padding:8px 13px!important;border-radius:9px;border:1px solid rgba(196,156,129,.42);background:#263643;color:#eef4f7;font-size:12px}
@media(max-width:700px){#app .wmd-cover-backdrop{padding:8px;align-items:flex-end}#app .wmd-cover-dialog{max-height:94dvh;border-radius:19px 19px 11px 11px}#app .wmd-cover-head{padding:18px 16px 14px}#app .wmd-cover-body{display:flex;flex-direction:column;overflow-y:auto}#app .wmd-cover-feature{padding:12px 15px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid rgba(178,196,211,.12);gap:12px}#app .wmd-cover-stage{width:46%;aspect-ratio:1.7;flex:none;min-height:0;max-height:none}#app .wmd-cover-stage-bottom{flex:1;display:grid}#app .wmd-cover-position input{width:100%}#app .wmd-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:4px 12px 17px;overflow:visible;gap:7px}#app .wmd-cover-categories{padding:13px 12px 10px}#app .wmd-cover-foot{padding:12px;gap:7px}#app .wmd-cover-foot button{font-size:11px;padding:7px 10px;min-height:34px}}
@media(max-width:390px){#app .wmd-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){#app .wmd-cover-tile{transition:none}}


/* Selected cover thumbnail mirrors the modal's current crop and stays subtle. */
#app .wmd-goal-cover-select .wmd-goal-draft-preview{
  flex:none;width:66px;height:49px;object-fit:cover;border-radius:9px;
  border:1px solid rgba(178,195,210,.24);box-shadow:0 4px 15px rgba(0,0,0,.16);
}
#app .wmd-goal-cover-select .wmd-goal-draft-preview[hidden]{display:none!important}
#app .wmd-goal-cover-select>span{flex:1;min-width:0;overflow-wrap:anywhere}
@media(max-width:410px){
  #app .wmd-goal-cover-select .wmd-goal-draft-preview{width:54px;height:42px}
}


/* Graceful fallback when a third-party catalog photograph cannot load. */
#app .wmd-cover-tile.is-unavailable{opacity:.56;cursor:not-allowed}
#app .wmd-cover-tile.is-unavailable .wmd-cover-tile-image{
  position:relative;display:grid;place-items:center;
  background:linear-gradient(145deg,#35444f,#1c2b37);
}
#app .wmd-cover-tile.is-unavailable .wmd-cover-tile-image::after{
  content:"Image unavailable";text-align:center;padding:9px;
  color:#b1c0c9;font-size:10px;line-height:1.35;
}
#app .wmd-cover-tile-image img[hidden]{display:none!important}

/* landing-workspace-parity.css */
/* Public app tour: mirror the actual workspaces rather than a second design system.
   Scoped to the fictional landing tour. No financial, auth or SEO behavior changes. */
#app .landing-v6 [data-landing-tour] {
  --tour-panel:#19252e;
  --tour-deep:#111c25;
  --tour-line:#384a55;
  --tour-muted:#b1c0c9;
  --tour-accent:var(--wmd-tour-accent,#57d7aa);
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab-navigation {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch;gap:8px!important;margin-bottom:12px!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tablist {
  display:grid!important;grid-template-columns:minmax(58px,.52fr) repeat(5,minmax(0,1fr))!important;
  min-width:0;gap:6px!important;padding:0!important;
  margin:0!important;overflow:visible!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab {
  --tab-accent:var(--landing-tab-accent,#57d7aa);
  display:flex!important;align-items:center;justify-content:center;gap:9px!important;
  min-width:0!important;min-height:46px!important;flex:auto!important;
  margin:0!important;padding:9px 5px!important;
  background:#1b2932!important;border:1px solid #384a55!important;
  color:#b9c6ce!important;border-radius:11px!important;
  box-shadow:none!important;font:650 clamp(11px,1.05vw,15px)/1.3 system-ui,sans-serif!important;
  white-space:nowrap!important;overflow:hidden;text-overflow:ellipsis;
  transition:background .16s,border-color .16s,color .16s;
}
/* App-tour tabs use the exact SVGs from WMDSystemIcons, like signed-in navigation.
   Do not add a second CSS-mask pseudo-icon to the same button. */
#app .landing-v6 [data-landing-tour] .landing-tour-tab::after{display:none!important}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(:hover,:focus-visible) {
  background:#22323c!important;border-color:color-mix(in srgb,var(--tab-accent) 40%,#384a55)!important;
  color:#f1f6f8!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(.active,[aria-selected="true"]) {
  background:#20303a!important;
  border-color:color-mix(in srgb,var(--tab-accent) 55%,#384a55)!important;
  box-shadow:none!important;color:#f4f8fa!important;font-weight:730!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab-navigation>button {
  display:none!important;place-items:center;min-height:46px;border:1px solid #384a55!important;
  background:#1b2932!important;color:var(--tour-accent)!important;
  border-radius:10px!important;box-shadow:none!important
}
/* No phantom Plan row on the other four pages. */
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav[hidden]{
  display:none!important;margin:0!important;padding:0!important;border:0!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav:not([hidden]){
  display:flex!important;align-items:center;gap:6px;min-width:0;
  width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;
  margin:0 0 12px!important;padding:3px!important;
  border:1px solid var(--tour-line)!important;border-radius:11px!important;
  background:var(--tour-deep)!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav::-webkit-scrollbar{display:none}
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav button{
  min-height:34px!important;padding:8px 13px!important;flex:none;cursor:pointer;
  border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:var(--tour-muted)!important;
  font:650 12px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  box-shadow:none!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav button:is(:hover,:focus-visible){
  color:#eef4f7!important;background:#22323f!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav button.active{
  color:#eef4f7!important;background:#20303a!important;
  border-color:color-mix(in srgb,var(--tour-accent) 48%,#42535d)!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-stage {
  background:#151f26!important;background-image:none!important;
  border:1px solid #384a55!important;border-radius:18px!important;
  box-shadow:none!important;padding:14px!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-stage::after{display:none!important}
#app .landing-v6 [data-landing-tour] .landing-tour-device {
  border:1px solid #384a55!important;border-radius:15px!important;
  background:#121c25!important;box-shadow:none!important;overflow:hidden
}
#app .landing-v6 [data-landing-tour] .landing-tour-device-bar {
  background:#111b23!important;border-bottom:1px solid #2c3d47!important;
  min-height:53px;padding:10px 14px
}
#app .landing-v6 [data-landing-tour] .landing-tour-device-brand strong em {
  color:var(--tour-accent)!important;-webkit-text-fill-color:var(--tour-accent)!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main {
  background:transparent!important;background-image:none!important;
  padding:12px 14px 36px!important;color:#eef4f7!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-viewport {
  scrollbar-color:#536a73 #121c25!important;
  height:clamp(390px,49vw,650px)!important;max-height:75vh!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-viewport::-webkit-scrollbar-track{background:#121c25!important}
#app .landing-v6 [data-landing-tour] .landing-tour-viewport::-webkit-scrollbar-thumb{background:#536a73!important}
#app .landing-v6 [data-landing-tour] :is(.landing-tour-blur,.landing-tour-focus button,.landing-tour-arrows button) {
  box-shadow:none!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-blur {
  background:#1b2932!important;color:#dce9ee!important;
  border:1px solid #384a55!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-focus {
  border-color:#384a55!important;background:#111c25!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-focus button.active {
  background:#20303a!important;color:#f4f8fa!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tour-accent) 55%,#384a55)!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-browse>span,
#app .landing-v6 [data-landing-tour] :is(.landing-tour-stage-bar-label>span,.landing-tour-sample-label) {
  color:var(--tour-accent)!important
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main .nw-top-row {
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr)!important
}
@media(max-width:950px) {
  #app .landing-v6 [data-landing-tour] .landing-tour-tab-navigation{
    grid-template-columns:32px minmax(0,1fr) 32px!important;gap:6px!important;
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-tab-navigation>button{
    display:grid!important;
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-tablist {
    display:flex!important;gap:6px!important;overflow-x:auto!important;
    scroll-snap-type:x proximity;scroll-padding-inline:6px;padding-bottom:3px!important
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-tab {
    flex:0 0 145px!important;scroll-snap-align:center
  }
}
@media(max-width:700px){
  #app .landing-v6 [data-landing-tour] .landing-tour-tab-navigation{
    grid-template-columns:31px minmax(0,1fr) 31px!important;gap:5px!important
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-tab{flex-basis:125px!important;white-space:normal!important}
  #app .landing-v6 [data-landing-tour] .landing-tour-stage {padding:8px!important;border-radius:14px!important}
  #app .landing-v6 [data-landing-tour] .landing-tour-viewport {
    height:clamp(340px,95vw,490px)!important;max-height:none!important
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main{padding:7px 8px 22px!important}
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main .nw-top-row{
    grid-template-columns:minmax(0,1fr)!important
  }
}
/* Goals photo buttons are the only additional writable controls in the public
   preview, and the "write" is an in-memory blob URL (not account storage). */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="goals"] :is(.wmd-goal-photo-button,.wmd-goal-photo-remove){
  pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="goals"] .wmd-goal-photo-fallback{
  pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 [data-landing-tour] .landing-tour-tab{transition:none!important}
}

/* Landing tour only: on narrow screens show the whole Cash Flow timeline.
   The signed-in Money Map keeps its full-size, horizontally scrollable chart. */
@media(max-width:700px){
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="cashflow"][data-landing-focus="dashboard"]
  .mm-chart-scroll{
    width:100%!important;max-width:100%!important;overflow-x:hidden!important
  }
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="cashflow"][data-landing-focus="dashboard"]
  .mm-chart{
    display:block!important;min-width:0!important;width:100%!important;
    max-width:100%!important;max-height:none!important;height:auto!important
  }
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="cashflow"][data-landing-focus="dashboard"]
  .mm-grid .mm-axis-label{font-size:15px!important}
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="cashflow"][data-landing-focus="dashboard"]
  .mm-today-label{font-size:16px!important}
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="cashflow"][data-landing-focus="dashboard"]
  .mm-primary{padding-bottom:20px!important}
}

/* Goals in the public product tour support the same deliberate handle,
   focus and size controls as the signed-in app, on sample data only. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="goals"]
 :is([data-goal-drag],[data-goal-feature],[data-goal-size-cycle],[data-goal-size],[data-goal-shift]){
  pointer-events:auto!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="goals"] [data-goal-drag]{
  touch-action:none!important;cursor:grab!important;user-select:none!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="goals"]
 :is([data-goal-feature],[data-goal-size-cycle],[data-goal-size],[data-goal-shift]){
  touch-action:manipulation!important;cursor:pointer!important;
}

/* Public Investments demo: allow read-only choices, never account-writing actions. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
  :is([data-invest-view],[data-invest-account-link],[data-invest-go-networth],
    [data-invest-perf-accounts],[data-invest-perf-range],[data-invest-perf-mode],
    [data-invest-perf-account],[data-invest-perf-compare],[data-invest-perf-bench],
    [data-invest-holdings-mode],[data-invest-holdings-filter],
    [data-invest-act-filter-kind],[data-invest-act-filter-account]) {
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
  :is([data-invest-view],[data-invest-account-link],[data-invest-go-networth],
    [data-invest-perf-accounts],[data-invest-perf-range],[data-invest-perf-mode],
    [data-invest-perf-account],[data-invest-perf-compare],[data-invest-perf-bench],
    [data-invest-holdings-mode],[data-invest-holdings-filter],
    [data-invest-act-filter-kind],[data-invest-act-filter-account]):focus-visible {
  outline:2px solid var(--wmd-tour-accent,#8ec8f3)!important;
  outline-offset:2px!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
  [data-invest-account-link] {
  border-radius:10px;
  transition:border-color .16s ease,background-color .16s ease;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
  [data-invest-account-link]:hover {
  border-color:color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 52%,transparent)!important;
  background:color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 7%,transparent)!important;
}
@media(prefers-reduced-motion:reduce) {
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
    [data-invest-account-link]{transition:none!important}
}

/* Drag-to-compare Investment history: fictional public tour only. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-svg[data-invest-perf-demo-range] {
  pointer-events:auto!important;
  touch-action:none!important;
  cursor:crosshair!important;
  user-select:none;
  -webkit-user-select:none;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-svg[data-invest-perf-demo-range]:focus-visible {
  outline:2px solid var(--wmd-tour-accent,#8ec8f3)!important;
  outline-offset:2px;
  border-radius:4px;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection {
  display:flex;
  gap:10px 16px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  margin:8px 0 12px;
  padding:11px 14px;
  border:1px solid color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 32%,transparent);
  border-radius:12px;
  background:linear-gradient(110deg,color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 10%,#192936),#192936);
  color:#f0f6fb;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-copy {
  display:grid;
  gap:4px;
  min-width:0;
  flex:1 1 210px;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-copy small {
  color:var(--wmd-tour-accent,#8ec8f3);
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-copy strong {
  font-size:14px;
  font-weight:760;
  line-height:1.35;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-copy span {
  color:#b4cadb;
  font-size:12px;
  line-height:1.45;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome {
  display:flex;
  align-items:center;
  gap:8px 12px;
  flex-wrap:wrap;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome b {
  color:var(--wmd-tour-accent,#8ec8f3);
  font-size:13px;
  line-height:1.4;
  font-weight:760;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome b.negative {color:#f1b8be}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome b.positive {color:#b4eacf}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome [data-invest-perf-demo-clear] {
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer;
  min-height:32px;
  padding:5px 10px;
  border:1px solid color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 34%,transparent);
  border-radius:8px;
  background:color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 10%,transparent);
  color:#edf7ff;
  font-size:11px;
  font-weight:700;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome [data-invest-perf-demo-clear][hidden] {
  display:none!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 .invest-perf-demo-selection-outcome [data-invest-perf-demo-clear]:is(:hover,:focus-visible) {
  border-color:var(--wmd-tour-accent,#8ec8f3);
  background:color-mix(in srgb,var(--wmd-tour-accent,#8ec8f3) 19%,transparent);
}
@media(max-width:700px){
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
   .invest-perf-demo-selection{padding:10px 11px;gap:8px}
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
   .invest-perf-demo-selection-copy strong{font-size:13px}
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
   .invest-perf-demo-selection-outcome b{font-size:12px}
}


/* The demo now renders Home from the real app, using fictional sample data.
   Six workspaces and eight guided stops are reachable without dead tabs. */
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-tour-page="home"]{
  position:sticky;left:0;z-index:5;flex:0 0 65px!important;
  min-width:56px!important;background:#213646!important;
  border-color:#52738e!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-tour-page="home"] .wmd-system-icon{
  width:21px;height:21px;min-width:21px;
}
#app .landing-v6 [data-landing-tour] .wmd-tour-home-label{
  position:absolute!important;width:1px!important;height:1px!important;
  margin:-1px!important;padding:0!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
@media(min-width:951px){
  #app .landing-v6 [data-landing-tour] .landing-tour-tablist{
    grid-template-columns:minmax(58px,.52fr) repeat(5,minmax(0,1fr))!important;
  }
}
@media(max-width:950px){
  #app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-tour-page="home"]{
    flex:0 0 64px!important;
  }
}
/* Public Home tour only: show the read-only actual dashboard. Open-workspace
   links route within the fictional demo; editing and personal data are unavailable. */
#app .landing-v6 [data-landing-preview="home"] :is(
  .wmd-hg-commands,.wmd-hg-board-actions,.wmd-hg-editor-help,
  .wmd-hg-card-shortcuts,.wmd-hg-size-control,
  .wmd-hg-menu,.wmd-hg-remove-button,.wmd-hg-drag,
  .wmd-hg-whatif,.wmd-hg-cash-why,.wmd-hg-finish-bottom,
  .wmd-hg-resize-action
){display:none!important;}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-foot button[data-gadget-open]{
  pointer-events:auto!important;cursor:pointer!important;min-height:42px;
}
#app .landing-v6 [data-landing-preview="home"] button:disabled{
  pointer-events:none!important;cursor:default!important;
}
@media (max-width:950px) {
  #app .landing-v6 [data-landing-tour] .landing-tour-tablist {
    flex-wrap:nowrap!important;overscroll-behavior-inline:contain;
  }
}

/* Footer navigation must be usable as links, not a tiny run-on sentence.
   Keep the original destinations and copy while expanding tap/focus targets. */
#app .landing-v6 .landing-footer-links{
  display:flex!important;flex-wrap:wrap;align-items:center;justify-content:flex-end;
  gap:2px 7px;min-width:0;max-width:min(100%,820px);
  line-height:1.5;
}
#app .landing-v6 .landing-footer-links :is(a,button){
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:34px!important;box-sizing:border-box;
  padding:5px 3px!important;
  font-size:12px!important;line-height:1.35!important;
  white-space:nowrap;
}
#app .landing-v6 .landing-footer-links :is(a,button):focus-visible{
  outline:2px solid #9cccf0!important;outline-offset:2px!important;
  border-radius:5px;
}
#app .landing-v6 .landing-footer-links .wmd-footer-disclaimer{
  flex-basis:100%;text-align:right;
}
@media(max-width:760px){
  #app .landing-v6 .landing-footer-links{
    justify-content:center;max-width:100%;
  }
  #app .landing-v6 .landing-footer-links .wmd-footer-disclaimer{
    text-align:center;
  }
}

/* Public Home only: the signed-in Home's --hg-* tokens normally live on
   #app > main.wmd-workspace--home. The landing tour has no such parent.
   Without these tokens the real gadgets silently lose their backgrounds,
   borders, text hierarchy and chart surfaces. No signed-in styles change. */
#app .landing-v6 .landing-tour-app-main[data-landing-preview="home"]{
  --hg-bg:#102233;
  --hg-card:#1b3349;
  --hg-raised:#25435d;
  --hg-line:#42647e;
  --hg-text:#f0f7fd;
  --hg-muted:#b6cfdf;
  --hg-accent:#96cfff;
  container:wmd-public-home / inline-size;
  color:var(--hg-text);
  min-width:0;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-home-gadget-board{
  grid-column:auto;
  grid-row:auto;
  width:100%;
  min-width:0;
  max-width:100%;
  padding:0 0 14px;
  color:var(--hg-text);
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-grid{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  gap:15px!important;
  width:100%;
  align-items:stretch;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card{
  min-width:0;
  min-height:320px;
  border:1px solid var(--hg-line)!important;
  border-radius:18px!important;
  background:var(--hg-card)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
  color:var(--hg-text);
  overflow:visible;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="cashflow"]{
  grid-column:1/-1!important;
  min-height:350px;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="networth"],
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="investments"]{
  grid-column:span 6!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="budget"]{
  grid-column:span 5!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="plan"]{
  grid-column:span 7!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-head{
  min-height:57px;
  border-bottom:1px solid rgba(159,200,231,.16);
  padding:13px 16px 11px;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-icon{
  color:var(--hg-accent);
  background:#26465f;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-head h3{
  font-size:16px!important;
  color:var(--hg-text)!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-content{
  flex:1 1 auto;
  min-width:0;
  padding:14px 16px 12px;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-foot{
  margin-top:auto;
  padding-top:10px;
  border-top:1px solid rgba(159,200,231,.16);
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-foot button[data-gadget-open]{
  pointer-events:auto!important;
  cursor:pointer!important;
  min-height:43px!important;
  padding:9px 13px!important;
  border:1px solid #527c9b!important;
  border-radius:9px!important;
  background:#254960!important;
  color:#e9f6ff!important;
  opacity:1!important;
  font-weight:740!important;
  text-decoration:none!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-foot button[data-gadget-open]:is(:hover,:focus-visible){
  border-color:var(--hg-accent)!important;
  outline:2px solid var(--hg-accent);
  outline-offset:2px;
  background:#305a78!important;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-view-menu{
  display:block!important;
  min-width:0;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-view-menu>summary{
  background:#14293a;
  border-color:var(--hg-line);
  color:var(--hg-text);
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-map-timeline{
  min-width:0;
  border:1px solid rgba(159,200,231,.22);
  border-radius:14px;
  padding:12px 13px 9px;
  background:#13293c;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-map-scroll{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:thin;
  scrollbar-color:#6088a7 #13293c;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-map-overview{
  min-width:0;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="cashflow"] .wmd-hg-metric strong{
  color:var(--hg-text);
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-plan-triptych{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-plan-tile{
  min-width:0;
  padding:13px 12px;
  border:1px solid var(--hg-line);
  border-radius:12px;
  background:#182e43;
}
/* On the last two dates of a month the verified map contains only two
   points. Use the available chart width, but don't invent a future forecast
   or leave dead Earlier/Later buttons. The Cash Flow tab covers other months. */
#app .landing-v6 [data-landing-preview="home"]
  .wmd-hg-map-timeline:has(.wmd-hg-map-days>[data-gadget-map-day]:nth-child(2):last-child)
  .wmd-hg-map-track,
#app .landing-v6 [data-landing-preview="home"]
  .wmd-hg-map-timeline:has(.wmd-hg-map-days>[data-gadget-map-day]:nth-child(2):last-child)
  .wmd-hg-map-days{
  width:100%!important;
}
#app .landing-v6 [data-landing-preview="home"]
  .wmd-hg-map-timeline:has(.wmd-hg-map-days>[data-gadget-map-day]:nth-child(2):last-child)
  .wmd-hg-map-svg{
  width:100%!important;
  max-width:100%;
}
#app .landing-v6 [data-landing-preview="home"]
  .wmd-hg-map-timeline:has(.wmd-hg-map-days>[data-gadget-map-day]:nth-child(2):last-child)
  .wmd-hg-map-days{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#app .landing-v6 [data-landing-preview="home"]
  .wmd-hg-map-timeline:has(.wmd-hg-map-days>[data-gadget-map-day]:nth-child(2):last-child)
  .wmd-hg-map-controls{
  display:none!important;
}
@container wmd-public-home (max-width:860px){
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="budget"],
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-card[data-gadget-kind="plan"]{
    grid-column:1/-1!important;
  }
}
@container wmd-public-home (max-width:680px){
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-grid{
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-card{
    grid-column:1/-1!important;
    min-height:0;
  }
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-map-overview{
    grid-template-columns:minmax(0,1fr);
  }
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-plan-triptych{
    grid-template-columns:minmax(0,1fr);
  }
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-card-head{
    padding:11px 12px;
  }
  #app .landing-v6 [data-landing-preview="home"] .wmd-hg-content{
    padding:12px;
  }
}

/* plan-identity.css */
/* Where's My Dollar | Plan identity, 2026-10-16.
   Warm terracotta for the personal photo-forward Goals page.
   Debt Paydown and Retirement keep their established page palettes. */
#app{
  --wmd-plan-accent:#e3ae8a;
  --wmd-plan-line:#926f5a;
  --wmd-plan-ink:#f5e9de;
}
#app .wmd-workspace--goals{
  --wmd-accent:var(--wmd-plan-accent);
  --wmd-accent-line:#796654;
  --wmd-control-line:#695c52;
  --wmd-tint:#2a3039;
  --wmd-tint-hover:#343d49;
  --wmd-ui-accent-line:#826a59;
  --wmd-ui-panel:#19252e;
  --wmd-ui-deep:#111c25;
  --wmd-ui-raised:#202e38;
  --wmd-ui-line:#384a55;
  --wmd-ui-line-soft:#2c3d47;
  --wmd-ui-muted:#b1c0c9;
  --wmd-ui-txt:#eef4f7;
}
#app > main.wmd-workspace:is(.wmd-workspace--goals,.wmd-workspace--debt,.wmd-workspace--retirement)
  > nav[data-scroll-key="workspace-tabs"] > button[data-tab="goals"].active{
  --nav-accent:var(--wmd-plan-accent);
  background:color-mix(in srgb,var(--wmd-plan-accent) 9%,#20303a)!important;
  border-color:color-mix(in srgb,var(--wmd-plan-accent) 43%,#384a55)!important;
  color:var(--wmd-plan-ink)!important;
}
#app > main.wmd-workspace:is(.wmd-workspace--goals,.wmd-workspace--debt,.wmd-workspace--retirement)
  > nav[data-scroll-key="workspace-tabs"] > button[data-tab="goals"].active::before{
  color:var(--wmd-plan-accent)!important;opacity:1;
}
#app > main.wmd-workspace:is(.wmd-workspace--goals,.wmd-workspace--debt,.wmd-workspace--retirement)
  > nav[data-scroll-key="workspace-tabs"] > button[data-tab="goals"]:focus-visible{
  outline-color:var(--wmd-plan-accent)!important;
}
#app .wmd-workspace--goals .wmd-plan-subnav{
  background:var(--wmd-ui-deep)!important;border-color:var(--wmd-ui-line)!important;
}
#app .wmd-workspace--goals .wmd-plan-subnav button.active{
  background:#3c3834!important;border-color:var(--wmd-plan-line)!important;
  color:var(--wmd-plan-ink)!important;
}
#app .wmd-workspace--goals .wmd-plan-subnav button:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised)!important;
}
#app .wmd-workspace--goals .wmd-plan-subnav button:focus-visible{
  outline:2px solid var(--wmd-plan-accent)!important;outline-offset:2px;
}
#app .wmd-workspace--goals > .wmd-discovery{
  background:var(--wmd-ui-panel)!important;
  border-color:color-mix(in srgb,var(--wmd-plan-accent) 27%,#384a55)!important;
  --wmd-find-accent:var(--wmd-plan-accent);
}
#app .wmd-smart-backdrop[data-search-page="goals"],
#app .wmd-smart-backdrop[data-search-page="goals"][data-smart-search-backdrop]{
  --wmd-find-accent:var(--wmd-plan-accent);
}
#app [data-search-destination="goals"]{
  --wmd-route-accent:var(--wmd-plan-accent);
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-page="plan"]{
  --landing-tab-accent:var(--wmd-plan-accent);
  --tab-accent:var(--wmd-plan-accent);
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="plan"],
#app .landing-v6 [data-landing-tour] .landing-tour-app-main.wmd-workspace--goals{
  --wmd-accent:var(--wmd-plan-accent);
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page="goals"],
#app .landing-v6 [data-landing-tour][data-wmd-active-page="plan"]{
  --wmd-tour-accent:var(--wmd-plan-accent);
  --tour-accent:var(--wmd-plan-accent);
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page="goals"] .landing-tour-plan-subnav button.active,
#app .landing-v6 [data-landing-tour][data-wmd-active-page="plan"] .landing-tour-plan-subnav button.active{
  background:#3d3732!important;border-color:var(--wmd-plan-line)!important;
}
@media(forced-colors:active){
 #app .wmd-workspace--goals .wmd-goals-page button:focus-visible{outline-color:Highlight!important}
}

/* snapper-budget-builder.css */

/* Statement-to-budget builder. Scoped to its standalone modal. */
body.wmd-budget-builder-open{overflow:hidden!important}
#wmd-budget-builder{position:relative;z-index:2147482000;font-family:inherit;--bb-bg:#19272f;--bb-panel:#22343e;--bb-panel-soft:#1d3036;--bb-border:#3a515a;--bb-ink:#edf4f3;--bb-muted:#adc3c2;--bb-mint:var(--wmd-budget-accent,#d6bc91);--bb-mint-ink:#292419;--bb-alert:#f0ca92}
#wmd-budget-builder *{box-sizing:border-box}
#wmd-budget-builder .wmd-bb-overlay{position:fixed;inset:0;background:rgba(5,12,16,.82);z-index:2147482000;display:flex;align-items:center;justify-content:center;padding:20px}
#wmd-budget-builder .wmd-bb-dialog{width:min(940px,100%);height:min(850px,calc(100dvh - 40px));max-height:calc(100dvh - 40px);background:var(--bb-bg);color:var(--bb-ink);border:1px solid var(--bb-border);border-radius:23px;box-shadow:0 28px 90px #0009;display:flex;flex-direction:column;overflow:hidden}
#wmd-budget-builder .wmd-bb-header{background:#23353e;border-bottom:1px solid var(--bb-border);display:flex;align-items:center;justify-content:space-between;padding:20px 26px;gap:16px;flex:none}
#wmd-budget-builder .wmd-bb-header span{display:block;color:var(--bb-mint);font-size:11px;font-weight:800;letter-spacing:.15em;margin-bottom:6px}
#wmd-budget-builder .wmd-bb-header h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0;color:var(--bb-ink);font-weight:760;letter-spacing:-.035em}
#wmd-budget-builder .wmd-bb-header button{width:40px;height:40px;min-width:40px;border:1px solid #667982;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--bb-ink);font-size:28px;line-height:1;cursor:pointer}
#wmd-budget-builder .wmd-bb-header button:hover{background:#354b55}
#wmd-budget-builder .wmd-bb-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:25px 26px 30px;display:flex;flex-direction:column;gap:20px;scrollbar-color:#78958f transparent}
#wmd-budget-builder .wmd-bb-content>section{margin:0}
#wmd-budget-builder h3,#wmd-budget-builder h4,#wmd-budget-builder p{margin-top:0}
#wmd-budget-builder h3{font-size:19px;line-height:1.3;font-weight:750;letter-spacing:-.02em;color:var(--bb-ink);margin-bottom:8px}
#wmd-budget-builder h4{font-size:16px;color:var(--bb-ink)}
#wmd-budget-builder p,#wmd-budget-builder small{line-height:1.5}
#wmd-budget-builder p{font-size:14px;color:var(--bb-muted);margin-bottom:10px}
#wmd-budget-builder .wmd-bb-intro{padding:2px 0 0}
#wmd-budget-builder .wmd-bb-intro h3{font-size:clamp(22px,3vw,31px);font-weight:750;letter-spacing:-.03em}
#wmd-budget-builder .wmd-bb-intro>p{max-width:620px;font-size:15px}
#wmd-budget-builder .wmd-bb-step{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--bb-mint);margin-bottom:9px}
#wmd-budget-builder .wmd-bb-upload{min-height:162px;border:1.5px dashed color-mix(in srgb,var(--bb-mint) 50%,#657584);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--bb-mint) 9%,#1d2a31),#1b2932);display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:7px;padding:20px;position:relative;cursor:pointer;margin:18px 0}
#wmd-budget-builder .wmd-bb-upload:hover{border-color:var(--bb-mint);background:#3c3a33}
#wmd-budget-builder .wmd-bb-upload-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:#4a4031;color:var(--bb-mint);font-size:25px;font-weight:700;margin-bottom:3px}
#wmd-budget-builder .wmd-bb-upload strong{font-size:16px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-upload small{font-size:12px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
#wmd-budget-builder .wmd-bb-steps{display:flex;gap:9px;flex-wrap:wrap}
#wmd-budget-builder .wmd-bb-steps>span{border:1px solid var(--bb-border);border-radius:20px;background:var(--bb-panel-soft);padding:7px 11px;font-size:12px;font-weight:680;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-section{border:1px solid var(--bb-border);border-radius:18px;background:var(--bb-panel-soft);padding:18px}
#wmd-budget-builder .wmd-bb-section-header{display:flex;gap:12px;align-items:start;justify-content:space-between;margin-bottom:13px}
#wmd-budget-builder .wmd-bb-section-header h3{margin:0 0 2px}
#wmd-budget-builder .wmd-bb-section-header>span{font-size:12px;color:#bad7cb;white-space:nowrap;padding-top:3px}
#wmd-budget-builder .wmd-bb-section-header p{margin:5px 0 0}
#wmd-budget-builder .wmd-bb-files{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}
#wmd-budget-builder .wmd-bb-file{background:var(--bb-panel);border:1px solid var(--bb-border);border-radius:13px;padding:13px;min-width:0}
#wmd-budget-builder .wmd-bb-file-heading{display:flex;align-items:center;gap:9px}
#wmd-budget-builder .wmd-bb-file-heading>div{flex:1;min-width:0}
#wmd-budget-builder .wmd-bb-file-heading strong{display:block;font-size:14px;color:var(--bb-ink);overflow-wrap:anywhere}
#wmd-budget-builder .wmd-bb-file-heading small{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-file-heading button,#wmd-budget-builder .wmd-bb-draft-foot button,#wmd-budget-builder .wmd-bb-gap button{border:0;background:transparent;color:var(--bb-mint);font-size:12px;cursor:pointer;padding:6px;font-weight:750}
#wmd-budget-builder .wmd-bb-file-dot{width:9px;height:9px;flex:none;border-radius:50%;background:#d8ab81}
#wmd-budget-builder .wmd-bb-file-dot.ok{background:#81d8b4}
#wmd-budget-builder .wmd-bb-file-dot.wait{background:#e2c68f}
#wmd-budget-builder .wmd-bb-file>p{font-size:12px;margin:10px 0 0}
#wmd-budget-builder .wmd-bb-warning{color:var(--bb-alert)!important;font-size:12px!important;line-height:1.5}
#wmd-budget-builder .wmd-bb-csv{display:grid;gap:10px;margin:12px 0 0}
#wmd-budget-builder label{font-size:12px;color:var(--bb-muted);font-weight:660;display:flex;flex-direction:column;gap:5px;min-width:0}
#wmd-budget-builder input:not([type=file]):not([type=checkbox]),#wmd-budget-builder select{appearance:auto;min-width:0;width:100%;border:1px solid #60717a;border-radius:10px;min-height:42px;background:#13252d;color:var(--bb-ink);font-family:inherit;font-size:14px;line-height:1.3;padding:9px 12px;outline-offset:2px}
#wmd-budget-builder input:focus-visible,#wmd-budget-builder select:focus-visible,#wmd-budget-builder button:focus-visible{outline:2px solid var(--bb-mint);outline-offset:2px}
#wmd-budget-builder input::placeholder{color:#9eb3b2}
#wmd-budget-builder button{font-family:inherit}
#wmd-budget-builder .wmd-bb-bottom-copy{color:var(--bb-muted);font-size:12px;text-align:center}
#wmd-budget-builder .wmd-bb-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;max-width:none;min-width:0;margin:0;align-self:stretch;flex:none;padding:15px 24px max(15px,env(safe-area-inset-bottom));border-top:1px solid var(--bb-border);background:var(--bb-bg);color:var(--bb-ink);text-align:left}
#wmd-budget-builder .wmd-bb-primary{background:var(--bb-mint);color:var(--bb-mint-ink);border:1px solid transparent;border-radius:12px;min-height:47px;padding:10px 20px;font-weight:800;cursor:pointer;font-size:14px;line-height:1.4}
#wmd-budget-builder .wmd-bb-primary:hover{background:#ead7b4}
#wmd-budget-builder button:disabled{opacity:.55;cursor:wait}
#wmd-budget-builder .wmd-bb-secondary{border:1px solid #708b85;color:var(--bb-ink);background:#263f43;border-radius:11px;min-height:43px;padding:9px 15px;font-size:13px;cursor:pointer;font-weight:750}
#wmd-budget-builder .wmd-bb-secondary:hover{border-color:var(--bb-mint);background:#3e3a34}
#wmd-budget-builder .wmd-bb-feedback{background:#343328;color:#f8dbaa;border:1px solid #9c8459;border-radius:10px;padding:13px 15px;font-size:13px}
#wmd-budget-builder .wmd-bb-review-head{padding-bottom:2px}
#wmd-budget-builder .wmd-bb-sources{padding:16px;border:1px solid var(--bb-border);border-radius:16px;background:var(--bb-panel)}
#wmd-budget-builder .wmd-bb-sources .wmd-bb-section-header h3{font-size:16px}
#wmd-budget-builder .wmd-bb-sources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px}
#wmd-budget-builder .wmd-bb-source{background:#1a2b33;border-radius:11px;padding:13px}
#wmd-budget-builder .wmd-bb-source strong{display:block;font-size:14px}
#wmd-budget-builder .wmd-bb-source span{display:block;color:var(--bb-muted);font-size:12px;margin-top:4px}
#wmd-budget-builder .wmd-bb-note{font-size:12px;line-height:1.5;color:var(--bb-muted);margin:10px 0 0}
#wmd-budget-builder .wmd-bb-totals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#wmd-budget-builder .wmd-bb-totals>div{padding:15px 14px;border:1px solid var(--bb-border);border-radius:14px;background:var(--bb-panel);min-width:0}
#wmd-budget-builder .wmd-bb-totals>div span{display:block;color:var(--bb-muted);font-size:12px}
#wmd-budget-builder .wmd-bb-totals>div strong{font-size:clamp(17px,2.7vw,22px);letter-spacing:-.025em;line-height:1.5}
#wmd-budget-builder .wmd-bb-card-coverage{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:16px 18px;border:1px solid #8a795a;border-radius:15px;background:rgba(174,134,78,.10)}
#wmd-budget-builder .wmd-bb-card-coverage>div{flex:1 1 320px;min-width:0}
#wmd-budget-builder .wmd-bb-card-coverage span{display:block;color:var(--bb-alert);font-size:10px;font-weight:850;letter-spacing:.12em;margin-bottom:5px}
#wmd-budget-builder .wmd-bb-card-coverage strong{display:block;font-size:17px;line-height:1.35;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-card-coverage p{margin:6px 0 0;font-size:12px;line-height:1.55}
#wmd-budget-builder .wmd-bb-card-coverage button{flex:none}
@media(max-width:620px){#wmd-budget-builder .wmd-bb-card-coverage{padding:14px}#wmd-budget-builder .wmd-bb-card-coverage button{width:100%}}
#wmd-budget-builder .wmd-bb-question{background:var(--bb-panel);border:1px solid var(--bb-border);border-radius:13px;padding:13px;margin-top:10px}
#wmd-budget-builder .wmd-bb-question.is-unresolved{border-color:#768674}
#wmd-budget-builder .wmd-bb-question-top{display:flex;align-items:start;justify-content:space-between;gap:14px;margin-bottom:12px}
#wmd-budget-builder .wmd-bb-question-top>div{flex:1;min-width:0}
#wmd-budget-builder .wmd-bb-question-top strong{font-size:14px;display:block;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-question-top small{font-size:12px;display:block;color:var(--bb-muted);margin-top:3px}
#wmd-budget-builder .wmd-bb-question-top>b{font-size:16px;white-space:nowrap}
#wmd-budget-builder .wmd-bb-question-top>b small{font-size:10px;display:block;text-align:right;font-weight:500;margin-top:1px}
#wmd-budget-builder .wmd-bb-split-note{grid-column:1/-1;color:var(--bb-muted);font-size:12px;line-height:1.5;margin:2px 0 6px}
#wmd-budget-builder .wmd-bb-split-result{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:9px 15px;border-top:1px solid var(--bb-border);padding-top:11px;margin:3px 0 0;font-size:12px}
#wmd-budget-builder .wmd-bb-split-result strong{font-size:13px;color:var(--bb-ink);font-variant-numeric:tabular-nums}
#wmd-budget-builder .wmd-bb-split-result span{color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-question-detail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bb-border)}
#wmd-budget-builder details summary{cursor:pointer;padding:10px 2px;color:var(--bb-mint);font-size:13px;font-weight:730;list-style:revert}
#wmd-budget-builder .wmd-bb-draft-group{margin-top:20px}
#wmd-budget-builder .wmd-bb-draft-group h4{margin:0 0 9px;display:flex;justify-content:space-between;gap:10px}
#wmd-budget-builder .wmd-bb-draft-group h4 small{color:var(--bb-mint);font-size:13px}
#wmd-budget-builder .wmd-bb-draft-line{padding:13px;margin-bottom:9px;border:1px solid var(--bb-border);background:var(--bb-panel);border-radius:13px}
#wmd-budget-builder .wmd-bb-draft-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
#wmd-budget-builder .wmd-bb-draft-title strong{font-size:14px}
#wmd-budget-builder .wmd-bb-confidence{font-size:10px;color:#e9c39e;border:1px solid #857460;border-radius:7px;padding:3px 6px}
#wmd-budget-builder .wmd-bb-confidence.strong{color:#e0c99d;border-color:#9a8667}
#wmd-budget-builder .wmd-bb-draft-row{display:grid;grid-template-columns:minmax(160px,2fr) repeat(3,minmax(125px,1fr));gap:9px}
#wmd-budget-builder .wmd-bb-draft-foot{display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:space-between;margin-top:10px}
#wmd-budget-builder .wmd-bb-draft-foot>small{flex:1;color:var(--bb-muted);font-size:11px;min-width:160px}
#wmd-budget-builder .wmd-bb-draft-foot label{flex:0 1 245px}
#wmd-budget-builder .wmd-bb-draft-foot select{min-height:34px}
#wmd-budget-builder .wmd-bb-newline{font-size:11px;color:var(--bb-mint);border-radius:8px;padding:3px 8px;background:#4a3f30}
#wmd-budget-builder .wmd-bb-gap-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin-bottom:12px}
#wmd-budget-builder .wmd-bb-gap{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--bb-border);background:var(--bb-panel);border-radius:10px;padding:9px 10px;gap:6px;font-size:13px}
#wmd-budget-builder .wmd-bb-safety{border:1px solid #7e7564;border-radius:14px;background:#30332f;padding:16px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-safety>strong{font-size:15px}
#wmd-budget-builder .wmd-bb-safety p{margin:7px 0;color:#d4d2c8}
#wmd-budget-builder .wmd-bb-safety label{display:flex;align-items:flex-start;flex-direction:row;gap:10px;font-size:13px;line-height:1.5;color:var(--bb-ink);margin-top:10px}
#wmd-budget-builder .wmd-bb-safety input[type=checkbox]{width:18px;height:18px;accent-color:var(--bb-mint);flex:none;margin-top:1px}
#wmd-budget-builder .wmd-bb-safety small{display:block;color:#edc89d;margin-top:12px}
#wmd-budget-builder .wmd-bb-disclosure{padding:5px 16px;border:1px solid var(--bb-border);border-radius:14px}
#wmd-budget-builder .wmd-bb-disclosure div{padding:6px 0 12px}
#wmd-budget-builder .wmd-bb-done{text-align:center;margin:auto!important;max-width:520px;padding:40px 0}
#wmd-budget-builder .wmd-bb-done h3{font-size:27px}
#wmd-budget-builder .wmd-bb-done p{font-size:15px}
#wmd-budget-builder .wmd-bb-done-icon{font-size:33px;color:#f1dfb6;background:#57492e;border-radius:50%;width:64px;height:64px;display:grid;place-items:center;margin:0 auto 20px}
@media(max-width:730px){
 #wmd-budget-builder .wmd-bb-overlay{padding:0;align-items:stretch}
 #wmd-budget-builder .wmd-bb-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0}
 #wmd-budget-builder .wmd-bb-header{padding:calc(15px + env(safe-area-inset-top)) 19px 17px}
 #wmd-budget-builder .wmd-bb-header h2{font-size:24px}
 #wmd-budget-builder .wmd-bb-content{padding:19px 16px 28px;gap:15px}
 #wmd-budget-builder .wmd-bb-section{padding:14px}
 #wmd-budget-builder .wmd-bb-totals{grid-template-columns:repeat(2,minmax(0,1fr))}
 #wmd-budget-builder .wmd-bb-totals>div{padding:12px}
 #wmd-budget-builder .wmd-bb-draft-row{grid-template-columns:repeat(2,minmax(0,1fr))}
 #wmd-budget-builder .wmd-bb-draft-row label:first-child{grid-column:1/-1}
 #wmd-budget-builder .wmd-bb-footer{width:100%;margin:0;justify-content:stretch;padding:12px 16px max(14px,env(safe-area-inset-bottom));gap:10px}
 #wmd-budget-builder .wmd-bb-footer .wmd-bb-primary{flex:1 1 auto;min-width:0;min-height:50px;font-size:15px}
 #wmd-budget-builder .wmd-bb-question-detail{grid-template-columns:1fr}
 #wmd-budget-builder .wmd-bb-section-header{align-items:center}
}
@media(max-width:400px){
 #wmd-budget-builder .wmd-bb-draft-row{grid-template-columns:1fr}
 #wmd-budget-builder .wmd-bb-draft-row label:first-child{grid-column:auto}
 #wmd-budget-builder .wmd-bb-header span{font-size:10px}
 #wmd-budget-builder .wmd-bb-header h2{font-size:22px}
 #wmd-budget-builder .wmd-bb-question-top{flex-direction:column;gap:4px}
 #wmd-budget-builder .wmd-bb-question-top>b small{display:inline;margin-left:5px}
}
@media(prefers-reduced-motion:reduce){#wmd-budget-builder *{scroll-behavior:auto!important;transition:none!important}}

/* Always-visible, unobtrusive entry point from the existing Budget page. */
.wmd-budget-statement-cta{display:flex;align-items:center;gap:15px;justify-content:space-between;padding:17px 19px;margin:0 0 17px;border:1px solid color-mix(in srgb,var(--wmd-budget-accent,#d6bc91) 35%,#48505b);border-radius:16px;background:linear-gradient(105deg,rgba(214,188,145,.10),rgba(214,188,145,.025));}
.wmd-budget-statement-cta .wmd-budget-statement-icon{width:42px;height:42px;min-width:42px;display:grid;place-items:center;border-radius:13px;background:#554934;color:#f5e4c4;font-size:23px}
.wmd-budget-statement-cta>div:nth-child(2){flex:1;min-width:0}
.wmd-budget-statement-cta strong{font-size:15px;color:inherit}
.wmd-budget-statement-cta p{font-size:13px;line-height:1.5;color:inherit;opacity:.76;margin:4px 0 0}
.wmd-budget-statement-cta button{min-height:43px;padding:10px 15px;border-radius:11px;background:var(--wmd-budget-accent,#d6bc91);color:#2a241c;border:0;white-space:nowrap;font-size:13px;font-weight:800;cursor:pointer}
.wmd-budget-statement-cta button:hover{background:#ead7b4}
#wmd-budget-builder .wmd-bb-draft-price{margin-left:auto;display:flex;align-items:baseline;gap:3px;font-size:18px;white-space:nowrap;color:var(--bb-ink);font-variant-numeric:tabular-nums}
#wmd-budget-builder .wmd-bb-draft-price small{font-size:11px;font-weight:500;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-draft-line>details{margin-bottom:9px}
#wmd-budget-builder .wmd-bb-draft-line>details>summary{border-top:1px solid var(--bb-border);color:var(--bb-mint);font-size:12px;list-style:revert;margin-bottom:0;padding:9px 3px}
#wmd-budget-builder .wmd-bb-draft-line>details[open]>summary{margin-bottom:10px}
#wmd-budget-builder .wmd-bb-left-out{margin-top:14px;padding:10px;border:1px solid var(--bb-border);border-radius:12px}
#wmd-budget-builder .wmd-bb-left-out>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 4px;font-size:13px;border-top:1px solid var(--bb-border)}
#wmd-budget-builder .wmd-bb-left-out button{border:0;background:#514735;color:#f1e0bf;cursor:pointer;border-radius:9px;padding:8px 12px;font-weight:750}
#wmd-budget-builder .wmd-bb-draft-line .wmd-bb-draft-title{flex-wrap:wrap;gap:10px}
#wmd-budget-builder .wmd-bb-draft-line .wmd-bb-draft-title strong{font-weight:780}
#wmd-budget-builder .wmd-bb-draft-line .wmd-bb-draft-foot{gap:8px}
#wmd-budget-builder .wmd-bb-draft-line .wmd-bb-draft-foot .wmd-bb-overlap-confirm{flex-basis:100%;display:flex;align-items:center;flex-direction:row;line-height:1.4}
#wmd-budget-builder .wmd-bb-draft-line .wmd-bb-draft-foot .wmd-bb-overlap-confirm input{width:18px;height:18px;accent-color:#a7e1d0;flex:none}
@media(max-width:700px){
 .wmd-budget-statement-cta{gap:11px;flex-wrap:wrap;padding:14px}
 .wmd-budget-statement-cta .wmd-budget-statement-icon{width:35px;height:35px;min-width:35px}
 .wmd-budget-statement-cta>div:nth-child(2){flex:1 1 calc(100% - 52px)}
 .wmd-budget-statement-cta button{flex:1 1 100%;width:100%}
 #wmd-budget-builder .wmd-bb-draft-price{font-size:17px}
}

#wmd-budget-builder .wmd-bb-pay-cadence{margin:-8px 0 0;padding:11px 14px;border-left:3px solid var(--bb-mint);border-radius:7px;background:#34352f;color:#d9d0be;font-size:12px;line-height:1.6}
#wmd-budget-builder .wmd-bb-pay-cadence strong{color:#f6e9cc}
#wmd-budget-builder .wmd-bb-more-gaps{border-top:1px solid var(--bb-border);padding:6px 0 12px;margin-bottom:11px}
#wmd-budget-builder .wmd-bb-more-gaps .wmd-bb-gap-list{margin-top:8px}

/* The Budget wizard uses the same warm-sand identity as the Budget workspace,
   not the green global Snapper palette. Keep green only for success evidence. */
#wmd-budget-builder .wmd-bb-header{background:#252f35}
#wmd-budget-builder .wmd-bb-footer{background:var(--bb-bg)}
#wmd-budget-builder .wmd-bb-dialog{border-color:color-mix(in srgb,var(--bb-mint) 31%,#485563)}
#wmd-budget-builder .wmd-bb-card-coverage{border-color:#8d795b;background:rgba(214,188,145,.09)}
#wmd-budget-builder .wmd-bb-upload:focus-within{outline:2px solid var(--bb-mint);outline-offset:3px}
#wmd-budget-builder input[type=checkbox]{accent-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-header button:hover{background:#413e37}

#wmd-budget-builder .wmd-bb-done-actions{
  display:flex;justify-content:center;align-items:center;gap:10px;
  flex-wrap:wrap;margin-top:18px
}
#wmd-budget-builder .wmd-bb-done-actions>.wmd-bb-primary,
#wmd-budget-builder .wmd-bb-done-actions>.wmd-bb-secondary{
  min-width:min(230px,100%);min-height:46px
}
@media(max-width:560px){
  #wmd-budget-builder .wmd-bb-done-actions{display:grid;grid-template-columns:1fr}
}

/* Statement review: actionable validation and clear, mobile-friendly decisions. */
#wmd-budget-builder .wmd-bb-checklist,
#wmd-budget-builder .wmd-bb-duplicate-warning{
  border:1px solid #89785f;border-radius:15px;padding:15px 16px;
  background:rgba(214,188,145,.075);color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-checklist-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:9px}
#wmd-budget-builder .wmd-bb-checklist-head strong{font-size:15px}
#wmd-budget-builder .wmd-bb-checklist-head span{font-size:12px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-checklist button{
  display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;
  background:#253941;color:var(--bb-ink);border:1px solid #547077;border-radius:10px;
  width:100%;min-height:45px;padding:10px 12px;margin-top:7px;cursor:pointer;font-size:13px
}
#wmd-budget-builder .wmd-bb-checklist button span{color:var(--bb-mint);font-size:17px}
#wmd-budget-builder .wmd-bb-checklist button:hover{border-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-checklist-ready{border-color:#53746c;background:rgba(115,158,142,.08)}
#wmd-budget-builder .wmd-bb-checklist-ready strong{font-size:14px}
#wmd-budget-builder .wmd-bb-checklist-ready p{margin:5px 0 0;font-size:12px}
#wmd-budget-builder .wmd-bb-duplicate-warning{border-color:#ba8d74;background:rgba(188,129,85,.08)}
#wmd-budget-builder .wmd-bb-duplicate-warning>strong{font-size:15px}
#wmd-budget-builder .wmd-bb-duplicate-warning p{font-size:12px;line-height:1.55;margin:8px 0 0}
#wmd-budget-builder .wmd-bb-duplicate-warning p strong{color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-needs-attention{
  border-color:var(--bb-mint)!important;
  box-shadow:0 0 0 2px rgba(214,188,145,.18);
}
#wmd-budget-builder .wmd-bb-edit-source{grid-column:1/-1;width:fit-content}
#wmd-budget-builder .wmd-bb-spending-chips{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:5px 0 12px}
#wmd-budget-builder .wmd-bb-spending-chips>span{font-size:12px;color:var(--bb-muted);margin-right:3px}
#wmd-budget-builder .wmd-bb-spending-chips button{
  min-height:36px;padding:7px 13px;border:1px solid #61747b;border-radius:999px;
  background:#1b313a;color:var(--bb-ink);font-size:12px;font-weight:700;cursor:pointer
}
#wmd-budget-builder .wmd-bb-spending-chips button.is-selected{
  border-color:var(--bb-mint);color:var(--bb-mint);background:#3f3a31
}
#wmd-budget-builder .wmd-bb-detected-note{
  border:1px solid #526d6a;border-radius:12px;padding:12px;margin:10px 0 13px;background:#253d40
}
#wmd-budget-builder .wmd-bb-detected-note>strong{display:block;font-size:13px;color:var(--bb-ink);margin-bottom:7px}
#wmd-budget-builder .wmd-bb-detected-note>div{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:5px 0}
#wmd-budget-builder .wmd-bb-detected-note>div span{font-size:12px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-detected-note button{background:#35483f;color:var(--bb-mint);border:1px solid #77775d;border-radius:9px;padding:8px 11px;cursor:pointer}
#wmd-budget-builder .wmd-bb-question-detail{align-items:start}
@media(max-width:730px){
  #wmd-budget-builder .wmd-bb-checklist,#wmd-budget-builder .wmd-bb-duplicate-warning{padding:13px}
  #wmd-budget-builder .wmd-bb-spending-chips button{min-height:42px}
  #wmd-budget-builder input:not([type=file]):not([type=checkbox]),#wmd-budget-builder select{font-size:16px}
  #wmd-budget-builder .wmd-bb-draft-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  #wmd-budget-builder .wmd-bb-edit-source{width:100%}
}

/* The back action stays compact while the primary action fills the mobile wizard width. */
@media(max-width:730px){
 #wmd-budget-builder .wmd-bb-footer .wmd-bb-secondary{flex:0 0 auto;min-height:50px}
}
@media(max-width:380px){
 #wmd-budget-builder .wmd-bb-footer .wmd-bb-secondary{font-size:12px;padding:9px 11px}
 #wmd-budget-builder .wmd-bb-footer .wmd-bb-primary{font-size:14px;padding:10px 10px}
}

/* Statement-based date suggestions should be visible without dominating the review. */
#wmd-budget-builder .wmd-bb-date-hint{
  display:block;margin:3px 0 0;padding:7px 10px;border-left:2px solid #617579;
  border-radius:0 7px 7px 0;background:rgba(146,168,168,.055);
  color:var(--bb-muted);font-size:11px;font-weight:450;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-date-hint strong{font-weight:730;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-date-hint.is-suggested{border-left-color:var(--bb-mint);background:rgba(214,188,145,.055)}
#wmd-budget-builder .wmd-bb-date-hint.is-suggested strong{color:var(--bb-mint)}
@media(max-width:730px){
  #wmd-budget-builder .wmd-bb-date-hint{font-size:12px;line-height:1.5}
}

#wmd-budget-builder .wmd-bb-date-preview{
  color:var(--bb-mint);font-weight:600;font-size:11px;
  line-height:1.4;white-space:normal;
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-draft-title .wmd-bb-date-preview{flex-basis:100%;order:3}
}

/* Budget review: one readable money picture instead of isolated partial totals. */
#wmd-budget-builder .wmd-bb-money-picture{
  padding:20px 22px 18px;border:1px solid var(--bb-border);border-radius:18px;
  background:var(--bb-panel-soft);min-width:0;
}
#wmd-budget-builder .wmd-bb-money-header{
  display:flex;justify-content:space-between;align-items:flex-start;gap:12px;
  margin-bottom:18px;
}
#wmd-budget-builder .wmd-bb-money-header span{
  display:block;font-size:10px;font-weight:800;letter-spacing:.12em;
  color:var(--bb-mint);margin-bottom:5px;
}
#wmd-budget-builder .wmd-bb-money-header h3{font-size:19px;margin:0}
#wmd-budget-builder .wmd-bb-money-header>small{
  font-size:11px;color:var(--bb-muted);text-align:right;white-space:nowrap;margin-top:4px;
}
#wmd-budget-builder .wmd-bb-money-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;
  padding-bottom:16px;
}
#wmd-budget-builder .wmd-bb-money-summary>div{min-width:0}
#wmd-budget-builder .wmd-bb-money-summary span{
  display:block;color:var(--bb-muted);font-size:12px;line-height:1.35;margin-bottom:5px;
}
#wmd-budget-builder .wmd-bb-money-summary strong{
  display:block;color:var(--bb-ink);font-size:clamp(19px,2.8vw,27px);
  line-height:1.25;letter-spacing:-.03em;font-weight:790;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-money-remaining{
  border-left:1px solid var(--bb-border);padding-left:17px;
}
#wmd-budget-builder .wmd-bb-money-remaining strong{color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-money-remaining.is-negative strong{color:#f3a9ad}
#wmd-budget-builder .wmd-bb-money-meter{
  display:flex;overflow:hidden;border-radius:7px;height:11px;
  background:#384a50;gap:2px;
}
#wmd-budget-builder .wmd-bb-money-segment{height:100%;min-width:0;flex-shrink:0}
#wmd-budget-builder .wmd-bb-money-segment.is-needs,
#wmd-budget-builder .wmd-bb-money-breakdown i.is-needs{background:#edaca7}
#wmd-budget-builder .wmd-bb-money-segment.is-wants,
#wmd-budget-builder .wmd-bb-money-breakdown i.is-wants{background:#d7b5c7}
#wmd-budget-builder .wmd-bb-money-segment.is-savings,
#wmd-budget-builder .wmd-bb-money-breakdown i.is-savings{background:#a8d7c3}
#wmd-budget-builder .wmd-bb-money-segment.is-unallocated{background:#5d7679}
#wmd-budget-builder .wmd-bb-money-breakdown{
  display:flex;gap:9px 19px;flex-wrap:wrap;align-items:center;margin-top:13px;
}
#wmd-budget-builder .wmd-bb-money-breakdown>span{
  display:flex;align-items:center;gap:7px;color:var(--bb-muted);font-size:12px;
}
#wmd-budget-builder .wmd-bb-money-breakdown i{
  width:8px;height:8px;border-radius:2px;display:inline-block;flex:none;
}
#wmd-budget-builder .wmd-bb-money-breakdown strong{
  color:var(--bb-ink);font-size:12px;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-money-warning{
  color:var(--bb-muted);font-size:12px;line-height:1.55;
  margin:14px 0 0;
}
#wmd-budget-builder .wmd-bb-money-outstanding{
  margin-top:20px;padding-top:17px;border-top:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-money-outstanding-head{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
}
#wmd-budget-builder .wmd-bb-money-outstanding-head strong{
  font-size:15px;color:var(--bb-ink);font-weight:760;
}
#wmd-budget-builder .wmd-bb-money-outstanding-head>span{
  font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-pending-row,
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-card-coverage{
  padding:14px 0;display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:9px 15px;border:0;border-bottom:1px solid var(--bb-border);
  border-radius:0;background:transparent;
}
#wmd-budget-builder .wmd-bb-pending-row>div,
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-card-coverage>div{
  flex:1 1 230px;min-width:0;
}
#wmd-budget-builder .wmd-bb-pending-row span,
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-card-coverage span{
  font-size:10px;font-weight:820;letter-spacing:.08em;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-pending-row strong,
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-card-coverage strong{
  display:block;font-size:18px;line-height:1.35;font-weight:740;
  color:var(--bb-ink);margin:3px 0 0;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-pending-row p,
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-card-coverage p{
  font-size:12px;line-height:1.5;color:var(--bb-muted);margin:5px 0 0;
}
#wmd-budget-builder .wmd-bb-pending-row p strong{
  display:inline;font-size:inherit;font-weight:730;color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-money-picture .wmd-bb-pending-row button{
  min-height:40px;white-space:nowrap;flex:0 0 auto;
}
#wmd-budget-builder .wmd-bb-money-scenario{
  margin:13px 0 0;color:var(--bb-muted);font-size:12px;line-height:1.6;
}
#wmd-budget-builder .wmd-bb-money-scenario strong{color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-money-reviewed{
  font-size:12px;color:var(--bb-muted);margin:16px 0 0;
}
#wmd-budget-builder .wmd-bb-money-foot{
  font-size:11px;color:var(--bb-muted);margin:13px 0 0;
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-money-picture{padding:16px}
  #wmd-budget-builder .wmd-bb-money-header{flex-wrap:wrap;gap:4px;margin-bottom:15px}
  #wmd-budget-builder .wmd-bb-money-header>small{text-align:left;margin:0}
  #wmd-budget-builder .wmd-bb-money-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 15px;
  }
  #wmd-budget-builder .wmd-bb-money-summary .wmd-bb-money-remaining{
    grid-column:1/-1;border-left:0;border-top:1px solid var(--bb-border);
    padding:12px 0 0;display:flex;justify-content:space-between;align-items:baseline;gap:8px;
  }
  #wmd-budget-builder .wmd-bb-money-summary .wmd-bb-money-remaining span{margin-bottom:0}
  #wmd-budget-builder .wmd-bb-money-summary strong{font-size:21px}
  #wmd-budget-builder .wmd-bb-money-summary .wmd-bb-money-remaining strong{font-size:25px}
  #wmd-budget-builder .wmd-bb-money-picture .wmd-bb-pending-row button{
    width:100%;min-width:0;
  }
}

/* Assisted categorization: evidence-first hints, not automatic transactions. */
#wmd-budget-builder .wmd-bb-review-progress{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(95px,150px) auto;
  gap:10px;align-items:center;padding:12px 14px;
  background:var(--bb-panel);border:1px solid var(--bb-border);border-radius:13px;
  margin:12px 0;
}
#wmd-budget-builder .wmd-bb-review-progress strong{
  display:block;font-size:13px;font-weight:750;color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-review-progress small{
  display:block;font-size:11px;line-height:1.45;color:var(--bb-muted);margin-top:2px;
}
#wmd-budget-builder .wmd-bb-review-progress .wmd-bb-secondary{
  white-space:nowrap;min-height:39px;
}
#wmd-budget-builder .wmd-bb-review-track{
  width:100%;height:6px;overflow:hidden;border-radius:99px;background:#496166;
}
#wmd-budget-builder .wmd-bb-review-track>span{
  display:block;height:100%;background:var(--bb-mint);border-radius:99px;
  transition:width .16s ease;
}
#wmd-budget-builder .wmd-bb-ai-suggestion{
  padding:11px 12px;display:flex;gap:12px;align-items:center;justify-content:space-between;
  border-left:3px solid #a8bfbb;border-radius:0 9px 9px 0;
  background:rgba(157,186,180,.065);margin-bottom:11px;
}
#wmd-budget-builder .wmd-bb-ai-suggestion-body{flex:1 1 200px;min-width:0}
#wmd-budget-builder .wmd-bb-ai-suggestion-body>span{
  display:block;color:var(--bb-mint);font-size:10px;letter-spacing:.07em;
  font-weight:800;margin-bottom:3px;
}
#wmd-budget-builder .wmd-bb-ai-suggestion-body>strong{
  display:block;color:var(--bb-ink);font-size:13px;line-height:1.45;
}
#wmd-budget-builder .wmd-bb-ai-suggestion-body p{
  margin:4px 0 0;color:var(--bb-muted);font-size:12px;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-ai-suggestion-body small{
  display:block;color:#9fb5b5;font-size:11px;line-height:1.45;margin-top:7px;
  overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-ai-suggestion>button{
  flex:0 0 auto;min-height:39px;white-space:nowrap;font-size:12px;padding:8px 12px;
}
#wmd-budget-builder .wmd-bb-review-decision{
  color:var(--bb-muted);margin:10px 0 0;font-size:12px;
}
#wmd-budget-builder .wmd-bb-question.is-reviewed{
  border-color:#46645d;background:#21373c;
}
#wmd-budget-builder .wmd-bb-questions>details{
  border-top:1px solid var(--bb-border);padding-top:8px;margin-top:13px;
}
@media(max-width:730px){
  #wmd-budget-builder .wmd-bb-review-progress{
    grid-template-columns:1fr minmax(80px,120px);padding:11px;gap:8px;
  }
  #wmd-budget-builder .wmd-bb-review-progress>.wmd-bb-secondary{
    grid-column:1/-1;width:100%;min-height:44px;
  }
  #wmd-budget-builder .wmd-bb-ai-suggestion{
    flex-wrap:wrap;gap:9px;padding:10px;
  }
  #wmd-budget-builder .wmd-bb-ai-suggestion>button{
    width:100%;min-height:44px;
  }
  #wmd-budget-builder .wmd-bb-spending-chips button{
    min-height:39px;padding:7px 11px;font-size:12px;
  }
}

#wmd-budget-builder .wmd-bb-review-decision{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;
  color:var(--bb-muted);font-size:12px;line-height:1.5;
  padding-top:11px;border-top:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-review-decision button{
  flex:0 0 auto;min-height:40px;font-size:12px;
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-review-decision button{width:100%;min-height:44px}
}

/* An estimated 50/50 split must be deliberately approved before it counts. */
#wmd-budget-builder .wmd-bb-split-confirm{
  grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:9px 12px;
  padding:11px 12px;margin:1px 0 3px;border:1px solid #826d4f;border-radius:10px;
  background:rgba(214,188,145,.07)
}
#wmd-budget-builder .wmd-bb-split-confirm p{
  color:var(--bb-muted);font-size:12px;flex:1 1 200px;line-height:1.5;margin:0
}
#wmd-budget-builder .wmd-bb-split-confirm button{flex:0 0 auto;min-height:41px}
@media(max-width:650px){#wmd-budget-builder .wmd-bb-split-confirm button{width:100%;min-height:44px}}

/* Assisted budget classification, restrained within existing visual system. */
#wmd-budget-builder .wmd-bb-batch{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--bb-border);border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--bb-panel)}
#wmd-budget-builder .wmd-bb-batch>div{flex:1;min-width:0}
#wmd-budget-builder .wmd-bb-batch strong{display:block;color:var(--bb-ink);font-size:13px;line-height:1.45}
#wmd-budget-builder .wmd-bb-batch small{display:block;color:var(--bb-muted);font-size:11px;line-height:1.45;margin-top:3px}
#wmd-budget-builder .wmd-bb-batch>button{flex:0 0 auto;min-height:42px}
#wmd-budget-builder .wmd-bb-category-hint{color:var(--bb-ink)!important}
@media(max-width:730px){#wmd-budget-builder .wmd-bb-batch{flex-wrap:wrap}#wmd-budget-builder .wmd-bb-batch>button{width:100%}}

/* Shared Snapper and Plaid Budget source chooser; consistent with existing theme. */
#wmd-budget-builder .wmd-bb-connected-cta{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--bb-border);border-radius:13px;background:var(--bb-panel);margin:-3px 0 16px}
#wmd-budget-builder .wmd-bb-connected-cta>div{flex:1;min-width:0}
#wmd-budget-builder .wmd-bb-connected-cta strong{display:block;font-size:14px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-connected-cta small{display:block;font-size:12px;color:var(--bb-muted);margin-top:4px}
#wmd-budget-builder .wmd-bb-connected-cta>button{flex:0 0 auto;min-height:44px}
@media(max-width:730px){#wmd-budget-builder .wmd-bb-connected-cta{flex-direction:column;align-items:stretch}#wmd-budget-builder .wmd-bb-connected-cta>button{width:100%}}

/* Compact evidence-first review, matching existing charcoal / warm gold system. */
#wmd-budget-builder .wmd-bb-compact-question{padding:13px 15px;margin-top:9px;border-radius:13px;border-color:var(--bb-border)}
#wmd-budget-builder .wmd-bb-compact-question.is-unresolved{border-color:#617d79}
#wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top{margin-bottom:8px;gap:8px}
#wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top strong{font-size:15px;font-weight:750;line-height:1.35}
#wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top b{font-size:16px;white-space:normal;text-align:right}
#wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top b small{font-size:10px;white-space:normal}
#wmd-budget-builder .wmd-bb-compact-hint{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;margin:7px 0 9px;font-size:12px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-compact-hint strong{font-size:13px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-compact-hint button{border:0;background:transparent;color:var(--bb-mint);padding:4px 7px;cursor:pointer;font-size:11px}
#wmd-budget-builder .wmd-bb-compact-actions{display:grid;gap:5px}
#wmd-budget-builder .wmd-bb-compact-actions .wmd-bb-spending-chips{margin:5px 0;gap:7px}
#wmd-budget-builder .wmd-bb-compact-actions .wmd-bb-spending-chips>span{flex:0 0 auto;font-size:11px}
#wmd-budget-builder .wmd-bb-compact-actions .wmd-bb-spending-chips button{min-height:38px;white-space:normal;padding:7px 10px}
#wmd-budget-builder .wmd-bb-quick-suggestion{background:#273d40;color:var(--bb-ink);border:1px solid #688880;border-radius:9px;min-height:39px;padding:8px 12px;font-size:12px;font-weight:740;cursor:pointer;justify-self:start}
#wmd-budget-builder .wmd-bb-evidence{border-top:1px solid var(--bb-border);margin:9px 0 0;padding:8px 0 0}
#wmd-budget-builder .wmd-bb-evidence>summary,
#wmd-budget-builder .wmd-bb-other-options>summary{color:var(--bb-mint);font-size:12px;font-weight:700;cursor:pointer;line-height:1.5}
#wmd-budget-builder .wmd-bb-evidence p{font-size:12px;line-height:1.45;margin:7px 0;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-evidence small{display:block;font-size:11px;color:var(--bb-muted);overflow-wrap:anywhere;line-height:1.45}
#wmd-budget-builder .wmd-bb-other-options{margin:3px 0}
#wmd-budget-builder .wmd-bb-other-options .wmd-bb-spending-chips{margin:8px 0 1px}
#wmd-budget-builder .wmd-bb-category-confirmed,
#wmd-budget-builder .wmd-bb-planned-row{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:12px;line-height:1.5;color:var(--bb-ink);padding:9px 11px;border:1px solid var(--bb-border);background:var(--bb-panel-soft);border-radius:10px;margin-top:7px}
#wmd-budget-builder .wmd-bb-category-confirmed>span,
#wmd-budget-builder .wmd-bb-planned-row>span{flex:1 1 180px}
#wmd-budget-builder .wmd-bb-category-confirmed button{flex:0 1 auto;min-height:39px;font-size:12px}
#wmd-budget-builder .wmd-bb-planned-row button{border:0;background:transparent;color:var(--bb-mint);cursor:pointer;text-align:left;font-size:12px;padding:4px}
#wmd-budget-builder .wmd-bb-budget-editor{margin-top:11px;border-top:1px solid var(--bb-border);padding-top:10px}
#wmd-budget-builder .wmd-bb-budget-editor>summary{font-size:12px;font-weight:750;color:var(--bb-mint);cursor:pointer}
#wmd-budget-builder .wmd-bb-budget-editor>.wmd-bb-question-detail{border:0;margin-top:8px;padding-top:0}
#wmd-budget-builder .wmd-bb-compact-question .wmd-bb-remember-merchant{margin:9px 0 0;font-size:11px;line-height:1.5}
#wmd-budget-builder .wmd-bb-existing-hint{font-size:12px;color:var(--bb-ink);background:var(--bb-panel-soft);padding:9px 10px;border-radius:9px;margin:7px 0}
#wmd-budget-builder .wmd-bb-income-reconcile{background:var(--bb-panel-soft);border:1px solid var(--bb-border);border-radius:12px;padding:11px 14px}
#wmd-budget-builder .wmd-bb-income-reconcile>summary{color:var(--bb-mint);font-weight:730;font-size:13px;cursor:pointer}
#wmd-budget-builder .wmd-bb-income-reconcile p{margin:8px 0 0;font-size:12px;line-height:1.55}
#wmd-budget-builder .wmd-bb-income-reconcile strong{color:var(--bb-ink)}
@media(max-width:730px){
 #wmd-budget-builder .wmd-bb-compact-question{padding:12px}
 #wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top{flex-direction:row;align-items:start;gap:8px}
 #wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top>b{min-width:90px;max-width:42%;flex:0 0 auto;font-size:16px;text-align:right}
 #wmd-budget-builder .wmd-bb-compact-question .wmd-bb-question-top>b small{display:block;margin-left:0;line-height:1.3}
 #wmd-budget-builder .wmd-bb-compact-actions .wmd-bb-spending-chips>span{width:100%}
 #wmd-budget-builder .wmd-bb-compact-actions .wmd-bb-spending-chips button{flex:1 1 80px;min-height:42px}
 #wmd-budget-builder .wmd-bb-quick-suggestion{width:100%;min-height:42px}
 #wmd-budget-builder .wmd-bb-category-confirmed button{width:100%;flex-basis:100%}
}

/* Category corrections stay available without enabling a recurring allowance. */
#wmd-budget-builder .wmd-bb-reclassify{border:0;background:transparent;color:var(--bb-mint);padding:5px 7px;cursor:pointer;font-size:12px;font-weight:720}
#wmd-budget-builder .wmd-bb-budget-editor-note{grid-column:1/-1;font-size:12px;color:var(--bb-muted);margin:0 0 4px}

/* One focused decision; all other merchants are compact, accessible previews. */
#wmd-budget-builder .wmd-bb-next-previews{display:grid;gap:8px;margin:12px 0 3px}
#wmd-budget-builder .wmd-bb-next-previews>h4{margin:2px 1px 1px;font-size:12px;letter-spacing:.02em;color:var(--bb-muted);font-weight:750}
#wmd-budget-builder .wmd-bb-review-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(92px,auto) auto;gap:8px 13px;align-items:center;min-width:0;padding:10px 12px;border:1px solid var(--bb-border);background:var(--bb-panel);border-radius:12px}
#wmd-budget-builder .wmd-bb-preview-description{min-width:0}
#wmd-budget-builder .wmd-bb-preview-description>strong{display:block;color:var(--bb-ink);font-size:13px;font-weight:740;line-height:1.35;overflow-wrap:anywhere}
#wmd-budget-builder .wmd-bb-preview-description>small{display:block;color:var(--bb-muted);font-size:11px;margin-top:3px;line-height:1.45;overflow-wrap:anywhere}
#wmd-budget-builder .wmd-bb-preview-side{min-width:0;text-align:right}
#wmd-budget-builder .wmd-bb-preview-side>strong{display:block;font-variant-numeric:tabular-nums;font-size:15px;color:var(--bb-ink);font-weight:750}
#wmd-budget-builder .wmd-bb-preview-side>small{display:block;color:var(--bb-muted);font-size:10px;line-height:1.4;margin-top:2px;max-width:125px}
#wmd-budget-builder .wmd-bb-review-preview>button{min-height:35px;padding:6px 11px;font-size:12px}
#wmd-budget-builder .wmd-bb-review-more{border-top:1px solid var(--bb-border);margin-top:13px;padding-top:12px}
#wmd-budget-builder .wmd-bb-review-more>summary{color:var(--bb-mint);font-weight:720;font-size:12px;cursor:pointer;line-height:1.5;min-height:36px}
#wmd-budget-builder .wmd-bb-review-preview-list{display:grid;gap:8px;margin-top:8px}
@media(max-width:650px){
  #wmd-budget-builder .wmd-bb-review-preview{grid-template-columns:minmax(0,1fr) minmax(94px,auto);gap:5px 10px;padding:10px}
  #wmd-budget-builder .wmd-bb-preview-description{grid-column:1;grid-row:1 / span 2}
  #wmd-budget-builder .wmd-bb-preview-side{grid-column:2;grid-row:1}
  #wmd-budget-builder .wmd-bb-review-preview>button{grid-column:2;grid-row:2;justify-self:end;min-height:32px;width:auto;min-width:78px}
  #wmd-budget-builder .wmd-bb-preview-side>small{max-width:110px}
}

/* Source income reconciliation must be understandable without opening details. */
#wmd-budget-builder .wmd-bb-income-reconcile-visible>strong{display:block;color:var(--bb-ink);font-size:13px;font-weight:760;line-height:1.4}
#wmd-budget-builder .wmd-bb-income-reconcile-visible>p{margin:5px 0 9px;font-size:12px;line-height:1.55;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-income-reconcile-visible>p strong{color:var(--bb-ink);white-space:nowrap;font-variant-numeric:tabular-nums}
#wmd-budget-builder .wmd-bb-income-reconcile>details>summary{color:var(--bb-mint);font-weight:720;font-size:12px;cursor:pointer}
#wmd-budget-builder .wmd-bb-income-reconcile>details>p{font-size:12px;line-height:1.55;margin:7px 0 1px}

/* Budget philosophy and merchant category are separate, even when only
   categorizing a statement without adding a recurring Budget amount. */
#wmd-budget-builder .wmd-bb-decision-heading{
  display:flex;flex-direction:column;gap:3px;margin:5px 0 8px;min-width:0
}
#wmd-budget-builder .wmd-bb-decision-heading strong{
  font-size:13px;line-height:1.35;font-weight:760;color:var(--bb-ink)
}
#wmd-budget-builder .wmd-bb-decision-heading small{
  font-size:11px;font-weight:450;line-height:1.45;color:var(--bb-muted)
}
#wmd-budget-builder .wmd-bb-section-chosen{
  align-items:center;justify-content:space-between;flex-direction:row;
  flex-wrap:wrap;gap:8px;margin:0 0 12px
}
#wmd-budget-builder .wmd-bb-section-chosen button{
  border:0;background:transparent;color:var(--bb-mint);
  font-size:12px;font-weight:700;padding:5px 0;cursor:pointer
}
#wmd-budget-builder .wmd-bb-category-decision{
  border-top:1px solid var(--bb-border);margin:11px 0 0;
  padding:11px 0 1px;min-width:0;max-width:100%
}
#wmd-budget-builder .wmd-bb-category-decision label{
  display:flex;width:100%;max-width:100%;min-width:0
}
#wmd-budget-builder .wmd-bb-category-decision select{
  display:block;width:100%;max-width:100%;min-width:0;min-height:44px
}
#wmd-budget-builder .wmd-bb-category-custom{margin-top:10px}
#wmd-budget-builder .wmd-bb-category-split{
  border:1px solid var(--bb-border);border-radius:11px;
  background:var(--bb-panel-soft);padding:11px;margin:11px 0 0
}
#wmd-budget-builder .wmd-bb-category-split input{
  width:100%;max-width:100%;min-width:0
}
#wmd-budget-builder .wmd-bb-category-split p{
  font-size:11px;line-height:1.5;margin:7px 0;color:var(--bb-muted)
}
#wmd-budget-builder .wmd-bb-category-split button{width:100%}
@media(max-width:730px){
  #wmd-budget-builder .wmd-bb-category-decision select{font-size:16px}
  #wmd-budget-builder .wmd-bb-decision-heading small{font-size:12px}
}

/* Purpose-specific review mode, without extra panels or mobile clutter. */
#wmd-budget-builder .wmd-bb-review-filter-note{
  display:flex;align-items:center;justify-content:space-between;gap:9px 12px;
  margin:5px 0 10px;color:var(--bb-muted);font-size:12px;line-height:1.45;
}
#wmd-budget-builder .wmd-bb-review-filter-note>span{flex:1 1 185px}
#wmd-budget-builder .wmd-bb-review-filter-note>.wmd-bb-secondary{
  flex:0 0 auto;min-height:38px;font-size:12px;padding:7px 11px
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-review-filter-note>.wmd-bb-secondary{
    min-height:42px;
  }
}

/* Keep native iOS Safari date controls inside the same responsive field bounds
   as Amount, Frequency and Category. Retain the platform date picker. */
#wmd-budget-builder .wmd-bb-question-detail > label,
#wmd-budget-builder .wmd-bb-draft-row > label {
  min-width:0;
  max-width:100%;
}
#wmd-budget-builder input[type="date"][data-bb-field="anchorDate"] {
  display:block;
  box-sizing:border-box;
  width:100%;
  max-width:100%;
  min-width:0;
  min-inline-size:0;
  height:44px;
  max-height:44px;
  padding:9px 12px;
  text-align:left;
  font-variant-numeric:tabular-nums;
  overflow:hidden;
}
#wmd-budget-builder input[type="date"][data-bb-field="anchorDate"]::-webkit-date-and-time-value {
  min-width:0;
  text-align:left;
}
#wmd-budget-builder input[type="date"][data-bb-field="anchorDate"]::-webkit-datetime-edit {
  padding:0;
}

/* Keep the excluded/one-time Change category control legible and compact
   on mobile. It remains a secondary action, not a full-width white pill. */
#wmd-budget-builder .wmd-bb-category-confirmed > .wmd-bb-edit-category{
  -webkit-appearance:none;appearance:none;
  display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;width:auto;max-width:100%;min-width:0;
  min-height:42px;margin:0;padding:9px 14px;
  border:1px solid #6b8582;border-radius:10px;
  background:#284046;color:var(--bb-ink);
  box-shadow:none;text-shadow:none;
  font-size:12px;line-height:1.35;font-weight:750;
  white-space:normal;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-category-confirmed > .wmd-bb-edit-category:hover{
  border-color:var(--bb-mint);background:#314b50;
}
#wmd-budget-builder .wmd-bb-category-confirmed > .wmd-bb-edit-category:focus-visible{
  outline:2px solid var(--bb-mint);outline-offset:3px;
}
@media(max-width:650px){
  #wmd-budget-builder .wmd-bb-category-confirmed > .wmd-bb-edit-category{
    width:auto;flex:0 0 auto;min-height:44px;
  }
}

/* One Budget draft, in three review stages. */
#wmd-budget-builder .wmd-bb-review-steps{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;margin:0;padding:0
}
#wmd-budget-builder .wmd-bb-review-steps button{
  display:flex;align-items:flex-start;gap:10px;min-width:0;
  text-align:left;padding:12px 11px;min-height:65px;
  border:1px solid var(--bb-border);border-radius:12px;
  background:var(--bb-panel);color:var(--bb-ink);cursor:pointer
}
#wmd-budget-builder .wmd-bb-review-steps button:hover{
  border-color:var(--bb-mint);background:#2a3d43
}
#wmd-budget-builder .wmd-bb-review-steps button:focus-visible{
  outline:2px solid var(--bb-mint);outline-offset:3px
}
#wmd-budget-builder .wmd-bb-review-steps button>b{
  display:grid;place-items:center;flex:0 0 23px;height:23px;
  border:1px solid color-mix(in srgb,var(--bb-mint) 70%,transparent);
  border-radius:50%;font-size:11px;color:var(--bb-mint)
}
#wmd-budget-builder .wmd-bb-review-steps button>span{
  display:grid;gap:4px;min-width:0;font-size:12px;font-weight:750;line-height:1.3
}
#wmd-budget-builder .wmd-bb-review-steps button small{
  color:var(--bb-muted);font-size:11px;font-weight:450;line-height:1.3
}
#wmd-budget-builder .wmd-bb-stage-kicker{
  display:block;color:var(--bb-mint);font-size:10px;font-weight:820;
  letter-spacing:.085em;margin-bottom:5px
}
/* Missing-cost Add reveals its own inline editor rather than hiding a new row above. */
#wmd-budget-builder .wmd-bb-gap-list .wmd-bb-gap-added{
  grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);
  gap:10px;min-width:0;border-color:#778577;background:#273d42;
  padding:12px;border-radius:12px
}
#wmd-budget-builder .wmd-bb-gap-added-top{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  flex-wrap:wrap;min-width:0
}
#wmd-budget-builder .wmd-bb-gap-added-top strong{
  font-size:13px;color:var(--bb-ink);overflow-wrap:anywhere
}
#wmd-budget-builder .wmd-bb-gap-added-top span{
  font-size:10px;font-weight:700;color:var(--bb-mint)
}
#wmd-budget-builder .wmd-bb-gap-added-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;min-width:0
}
#wmd-budget-builder .wmd-bb-gap-added-fields label{min-width:0}
#wmd-budget-builder .wmd-bb-gap-added-bottom{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;flex-wrap:wrap
}
#wmd-budget-builder .wmd-bb-gap-added-bottom small{
  min-width:0;flex:1 1 180px;color:var(--bb-muted);font-size:11px
}
#wmd-budget-builder .wmd-bb-gap-added-bottom button{
  min-height:39px;padding:8px 12px;font-size:12px;flex:0 0 auto
}
#wmd-budget-builder .wmd-bb-gap-added:focus-within,
#wmd-budget-builder .wmd-bb-gap-added-focus{
  border-color:var(--bb-mint)
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-review-steps{gap:6px}
  #wmd-budget-builder .wmd-bb-review-steps button{
    padding:10px 8px;gap:6px;min-height:76px;flex-direction:column
  }
  #wmd-budget-builder .wmd-bb-review-steps button>span{font-size:11px}
  #wmd-budget-builder .wmd-bb-review-steps button small{font-size:10px}
  #wmd-budget-builder .wmd-bb-gap-added-fields{grid-template-columns:minmax(0,1fr)}
  #wmd-budget-builder .wmd-bb-gap-added-bottom button{min-height:44px}
}

/* One spending-purpose allowance can receive evidence from multiple merchants. */
#wmd-budget-builder .wmd-bb-merchant-link,
#wmd-budget-builder .wmd-bb-transfer-goals{
  display:grid;gap:10px;margin:13px 0 0;padding:14px;
  border:1px solid #547269;border-radius:13px;background:#20363b;min-width:0;
}
#wmd-budget-builder .wmd-bb-merchant-link>div>strong,
#wmd-budget-builder .wmd-bb-transfer-goals>strong{
  display:block;font-size:13px;font-weight:780;color:var(--bb-ink);line-height:1.35;
}
#wmd-budget-builder .wmd-bb-merchant-link p,
#wmd-budget-builder .wmd-bb-transfer-goals p{
  margin:5px 0 0;font-size:12px;line-height:1.5;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-merchant-link small,
#wmd-budget-builder .wmd-bb-transfer-goals>small{
  font-size:11px;color:var(--bb-muted);line-height:1.5;
}
#wmd-budget-builder .wmd-bb-merchant-link label,
#wmd-budget-builder .wmd-bb-transfer-fields label,
#wmd-budget-builder .wmd-bb-new-purpose-fields label{min-width:0;width:100%;max-width:100%}
#wmd-budget-builder .wmd-bb-merchant-link select,
#wmd-budget-builder .wmd-bb-transfer-fields select{max-width:100%;font-size:14px}
#wmd-budget-builder .wmd-bb-link-success{
  display:block;border:1px solid #758b73;border-radius:10px;
  background:#29433c;padding:10px;color:#eff8ee!important;
}
#wmd-budget-builder .wmd-bb-new-purpose,
#wmd-budget-builder .wmd-bb-transfer-add{
  min-width:0;border-top:1px solid var(--bb-border);padding-top:3px;
}
#wmd-budget-builder .wmd-bb-new-purpose-fields,
#wmd-budget-builder .wmd-bb-transfer-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;padding:8px 0 2px;min-width:0;
}
#wmd-budget-builder .wmd-bb-new-purpose-fields button,
#wmd-budget-builder .wmd-bb-transfer-fields button{
  grid-column:1/-1;justify-self:start;min-height:44px;white-space:normal;
}
#wmd-budget-builder .wmd-bb-linked-evidence,
#wmd-budget-builder .wmd-bb-existing-link-summary{
  margin:5px 0 12px;border:1px solid var(--bb-border);border-radius:10px;
  background:#293c41;color:var(--bb-muted);font-size:12px;padding:10px 12px;
  line-height:1.5;
}
#wmd-budget-builder .wmd-bb-linked-evidence strong,
#wmd-budget-builder .wmd-bb-existing-link-summary strong{color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-existing-link-summary h4{font-size:13px;margin:0 0 10px}
#wmd-budget-builder .wmd-bb-existing-link-summary>div{
  display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;
  padding:8px 0;border-top:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-existing-link-summary span{font-size:11px}
#wmd-budget-builder .wmd-bb-transfer-summary{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
#wmd-budget-builder .wmd-bb-transfer-summary>span{
  display:grid;gap:4px;border:1px solid var(--bb-border);
  border-radius:10px;padding:9px;font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-transfer-summary b{
  color:var(--bb-ink);font-size:15px;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-transfer-remainder{
  color:var(--bb-mint)!important;font-size:12px!important;
}
#wmd-budget-builder .wmd-bb-transfer-goal-row{
  display:grid;gap:7px;border:1px solid #5b7773;border-radius:11px;
  padding:9px;background:#273e44;min-width:0;
}
#wmd-budget-builder .wmd-bb-transfer-goal-row>.wmd-bb-secondary{
  justify-self:start;min-height:42px;
}
#wmd-budget-builder .wmd-bb-transfer-goal-row .wmd-bb-gap-added{
  display:grid;gap:9px;min-width:0;border:0;padding:0;background:transparent;
}
#wmd-budget-builder .wmd-bb-transfer-link{
  display:grid;gap:4px;border:1px solid var(--bb-border);border-radius:9px;
  padding:10px;color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-transfer-link small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-transfer-link button{
  justify-self:start;min-height:38px;border:1px solid #617d79;
  background:#284046;color:var(--bb-ink);border-radius:9px;padding:7px 12px;
}
#wmd-budget-builder .wmd-bb-timing-choice{display:grid;gap:7px;min-width:0;grid-column:1/-1}
#wmd-budget-builder .wmd-bb-timing-choice label{min-width:0;width:100%}
#wmd-budget-builder .wmd-bb-timing-choice small{font-size:11px;line-height:1.5}
@media(max-width:620px){
 #wmd-budget-builder .wmd-bb-merchant-link,
 #wmd-budget-builder .wmd-bb-transfer-goals{padding:12px;gap:9px}
 #wmd-budget-builder .wmd-bb-new-purpose-fields,
 #wmd-budget-builder .wmd-bb-transfer-fields,
 #wmd-budget-builder .wmd-bb-transfer-summary{grid-template-columns:minmax(0,1fr)}
 #wmd-budget-builder .wmd-bb-new-purpose-fields button,
 #wmd-budget-builder .wmd-bb-transfer-fields button{
   grid-column:1;min-height:44px;width:100%;
 }
 #wmd-budget-builder .wmd-bb-merchant-link select,
 #wmd-budget-builder .wmd-bb-transfer-fields select{font-size:16px}
}

/* Coverage is source-bounded: unreviewed activity is not automatically a bill. */
#wmd-budget-builder .wmd-bb-coverage-audit{
  padding:17px;border:1px solid var(--bb-border);border-radius:15px;
  background:var(--bb-panel-soft);display:grid;gap:11px;
}
#wmd-budget-builder .wmd-bb-coverage-audit .wmd-bb-section-header{
  margin:0
}
#wmd-budget-builder .wmd-bb-coverage-audit p{
  margin:0;color:var(--bb-muted);font-size:12px;line-height:1.5
}
#wmd-budget-builder .wmd-bb-coverage-audit p strong{color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-coverage-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px
}
#wmd-budget-builder .wmd-bb-coverage-grid>div{
  display:grid;gap:5px;background:var(--bb-panel);border-radius:10px;
  border:1px solid var(--bb-border);padding:11px;min-width:0
}
#wmd-budget-builder .wmd-bb-coverage-grid strong{
  font-size:21px;color:var(--bb-ink);font-weight:760;line-height:1.1
}
#wmd-budget-builder .wmd-bb-coverage-grid span{
  font-size:11px;color:var(--bb-muted);line-height:1.35
}
#wmd-budget-builder .wmd-bb-coverage-audit>.wmd-bb-secondary{justify-self:start;min-height:43px}
@media(max-width:750px){
 #wmd-budget-builder .wmd-bb-coverage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #wmd-budget-builder .wmd-bb-coverage-audit{padding:13px}
}

/* iOS: fixed monthly day picker stays readable and does not zoom on focus. */
@media(max-width:650px){
  #wmd-budget-builder .wmd-bb-timing-choice select[data-bb-field="dueRule"],
  #wmd-budget-builder .wmd-bb-timing-choice select[data-bb-field="timingMode"]{
    min-height:44px;font-size:16px;
  }
}

/* Guided Budget setup: quiet, spacious prompts followed by a full Budget overview. */
#wmd-budget-builder .wmd-bb-guide-eyebrow{
  display:block;font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--bb-mint);
  margin:0 0 9px;
}
#wmd-budget-builder .wmd-bb-guide-glance{
  display:grid;grid-template-columns:1.35fr repeat(3,1fr) 1.2fr;gap:8px;
  margin:0 0 5px;
}
#wmd-budget-builder .wmd-bb-guide-glance>div{
  min-width:0;display:grid;gap:4px;border:1px solid var(--bb-border);
  border-radius:12px;background:#20333b;padding:12px 11px;
}
#wmd-budget-builder .wmd-bb-guide-glance small{font-size:10px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-glance strong{font-size:17px;color:var(--bb-ink);white-space:nowrap;letter-spacing:-.02em}
#wmd-budget-builder .wmd-bb-guide-glance .is-negative strong{color:#f3bbac}
#wmd-budget-builder .wmd-bb-guide-single{display:grid;gap:15px;max-width:770px;width:100%;margin-inline:auto}
#wmd-budget-builder .wmd-bb-guide-activity-head{
  display:flex;align-items:end;justify-content:space-between;gap:14px;
}
#wmd-budget-builder .wmd-bb-guide-activity-head>div{min-width:0;flex:1}
#wmd-budget-builder .wmd-bb-guide-activity-head h3,
#wmd-budget-builder .wmd-bb-guide-finish-head h3{
  font-size:clamp(21px,3.1vw,29px);line-height:1.16;letter-spacing:-.035em;
  margin:0 0 9px;
}
#wmd-budget-builder .wmd-bb-guide-activity-head p,
#wmd-budget-builder .wmd-bb-guide-finish-head p{font-size:13px;margin:0}
#wmd-budget-builder .wmd-bb-guide-jump-label{
  flex:0 0 205px;max-width:35%;font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-jump-label select{min-height:44px;margin-top:5px;max-width:100%}
#wmd-budget-builder .wmd-bb-guide-progress{
  height:5px;border-radius:99px;background:#364f52;overflow:hidden;
}
#wmd-budget-builder .wmd-bb-guide-progress span{
  display:block;height:100%;border-radius:inherit;background:var(--bb-mint);
  transition:width .16s ease;
}
#wmd-budget-builder .wmd-bb-guide-card{
  min-width:0;border:1px solid #4d646c;border-radius:20px;
  background:linear-gradient(165deg,#253a43,#1b2d34);
  padding:clamp(16px,2.5vw,25px);box-shadow:0 10px 28px #0002;
}
#wmd-budget-builder .wmd-bb-guide-card-top{
  display:flex;justify-content:space-between;align-items:start;gap:14px;
  border-bottom:1px solid var(--bb-border);padding-bottom:15px;margin-bottom:17px;
}
#wmd-budget-builder .wmd-bb-guide-card-top>div:first-child{flex:1;min-width:0}
#wmd-budget-builder .wmd-bb-guide-source{
  display:block;color:var(--bb-mint);font-size:10px;font-weight:800;
  letter-spacing:.09em;margin:0 0 7px;
}
#wmd-budget-builder .wmd-bb-guide-card-top h4{
  margin:0 0 6px;font-size:clamp(17px,2vw,22px);line-height:1.2;overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-guide-card-top small,
#wmd-budget-builder .wmd-bb-guide-spend small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-spend{
  display:grid;gap:3px;text-align:right;max-width:36%;flex:none;
}
#wmd-budget-builder .wmd-bb-guide-spend strong{
  font-size:clamp(20px,3vw,28px);letter-spacing:-.025em;color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-guide-hint{
  background:#2d4144;border:1px solid #52665f;border-radius:11px;
  color:var(--bb-ink);padding:10px 12px;margin:0 0 18px;font-size:12px;
}
#wmd-budget-builder .wmd-bb-guide-hint span{color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-prompt{display:grid;gap:10px}
#wmd-budget-builder .wmd-bb-guide-prompt>strong{font-size:15px;font-weight:760}
#wmd-budget-builder .wmd-bb-guide-choices{
  display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;
}
#wmd-budget-builder .wmd-bb-guide-choices button{
  appearance:none;border:1px solid #617980;border-radius:12px;
  background:#233740;color:var(--bb-ink);font-size:13px;font-weight:730;
  min-height:45px;padding:10px 15px;cursor:pointer;
  transition:background .15s,border-color .15s;
}
#wmd-budget-builder .wmd-bb-guide-choices button:hover{
  background:#354e51;border-color:var(--bb-mint);
}
#wmd-budget-builder .wmd-bb-guide-choices button.is-selected{
  background:color-mix(in srgb,var(--bb-mint) 22%,#22343e);
  border:2px solid var(--bb-mint);padding:9px 14px;
}
#wmd-budget-builder .wmd-bb-guide-choices button:focus-visible,
#wmd-budget-builder .wmd-bb-guide-jump-label select:focus-visible{
  outline:2px solid var(--bb-mint);outline-offset:3px;
}
#wmd-budget-builder .wmd-bb-guide-outcome{
  display:flex;flex-direction:column;gap:5px;padding:11px 12px;
  border-top:1px solid #4b6062;margin-top:6px;
}
#wmd-budget-builder .wmd-bb-guide-outcome span{
  font-size:12px;color:var(--bb-ink);font-weight:800;
}
#wmd-budget-builder .wmd-bb-guide-outcome .is-ready{color:#c7e4d4}
#wmd-budget-builder .wmd-bb-guide-outcome .is-pending{color:#e3c393}
#wmd-budget-builder .wmd-bb-guide-outcome small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-two-field{
  margin:12px 0;display:grid;gap:7px;
}
#wmd-budget-builder .wmd-bb-guide-two-field>span{
  color:var(--bb-ink);font-size:12px;font-weight:750;
}
#wmd-budget-builder .wmd-bb-guide-two-field>label{min-width:0}
#wmd-budget-builder .wmd-bb-guide-two-field small{
  font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-two-field .wmd-bb-category-select{
  display:block;font-size:13px
}
#wmd-budget-builder .wmd-bb-guide-tip{
  border-left:2px solid #6f8c83;padding:4px 0 4px 11px;
  color:var(--bb-muted);font-size:12px;margin:8px 0 12px;
}
#wmd-budget-builder .wmd-bb-guide-planned{
  display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;
  padding:11px 0;border-top:1px solid #4b6062;
}
#wmd-budget-builder .wmd-bb-guide-planned strong{font-size:12px}
#wmd-budget-builder .wmd-bb-guide-planned button{
  border:0;background:transparent;color:var(--bb-mint);font-size:12px;
  min-height:38px;padding:6px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-optional{
  margin-top:10px;border-top:1px solid var(--bb-border);padding-top:12px;
}
#wmd-budget-builder .wmd-bb-guide-optional>summary{
  cursor:pointer;color:var(--bb-mint);font-weight:730;font-size:12px;
  min-height:42px;display:flex;align-items:center;
}
#wmd-budget-builder .wmd-bb-guide-advanced{
  margin:9px 0 2px;padding:0;border:0;
}
#wmd-budget-builder .wmd-bb-guide-advanced>.wmd-bb-compact-question{
  background:transparent;border:1px solid var(--bb-border);border-radius:14px;
  box-shadow:none;margin:0;
}
#wmd-budget-builder .wmd-bb-guide-caption{
  display:flex;align-items:center;flex-wrap:wrap;gap:9px 14px;
  font-size:12px;color:var(--bb-muted);line-height:1.5;
}
#wmd-budget-builder .wmd-bb-guide-caption button{
  border:0;background:transparent;color:var(--bb-mint);font-weight:760;
  font-size:12px;cursor:pointer;padding:8px 0;
}
/* Full monthly overview: simple ratios and direct line management. */
#wmd-budget-builder .wmd-bb-guide-overview{
  display:grid;gap:19px;max-width:920px;width:100%;margin-inline:auto;
}
#wmd-budget-builder .wmd-bb-guide-finish-head{padding:3px 0 0}
#wmd-budget-builder .wmd-bb-guide-total-panel{
  display:grid;gap:14px;padding:clamp(16px,2.5vw,23px);
  border:1px solid #62756b;border-radius:20px;
  background:linear-gradient(135deg,#2b4240,#20343d 65%,#1c2c34);
}
#wmd-budget-builder .wmd-bb-guide-topline{
  display:flex;justify-content:space-between;align-items:start;gap:18px;
}
#wmd-budget-builder .wmd-bb-guide-topline>div{
  display:grid;gap:4px;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-topline>div:last-child{text-align:right}
#wmd-budget-builder .wmd-bb-guide-topline small{
  font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-topline strong{
  font-size:clamp(20px,3vw,30px);font-weight:760;color:var(--bb-ink);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-guide-topline .is-negative strong{color:#ffc1b1}
#wmd-budget-builder .wmd-bb-guide-breakdown{
  display:flex;height:14px;overflow:hidden;border-radius:999px;
  background:#405457;
}
#wmd-budget-builder .wmd-bb-guide-breakdown>span{min-width:0;height:100%}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-needs{background:#c9b388}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-wants{background:#84afa4}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-savings{background:#9ba8d0}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-remaining{background:#4b6870}
#wmd-budget-builder .wmd-bb-guide-stat-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
#wmd-budget-builder .wmd-bb-guide-stat-grid>div{
  display:grid;gap:4px;min-width:0;padding:12px;
  border-radius:12px;background:#192d34;border:1px solid #4b6566;
}
#wmd-budget-builder .wmd-bb-guide-stat-grid span{
  color:var(--bb-muted);font-size:12px;font-weight:720;
}
#wmd-budget-builder .wmd-bb-guide-stat-grid strong{
  color:var(--bb-ink);font-size:18px;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-guide-stat-grid small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-notice{
  font-size:12px;padding:10px;border-radius:10px;
  background:#2d4146;border:1px solid #59706f;margin:0;
}
#wmd-budget-builder .wmd-bb-guide-notice.is-alert{
  color:#ffd5c5;border-color:#956b57;
}
#wmd-budget-builder .wmd-bb-guide-issues,
#wmd-budget-builder .wmd-bb-guide-pending,
#wmd-budget-builder .wmd-bb-guide-duplicate-zone{
  display:grid;gap:9px;padding:15px;border-radius:14px;
  border:1px solid #5a6e72;background:#20333c;
}
#wmd-budget-builder .wmd-bb-guide-issues>strong,
#wmd-budget-builder .wmd-bb-guide-pending>strong,
#wmd-budget-builder .wmd-bb-guide-duplicate-zone h4{
  font-size:14px;color:var(--bb-ink);margin:0;
}
#wmd-budget-builder .wmd-bb-guide-pending>span,
#wmd-budget-builder .wmd-bb-guide-duplicate-zone p{
  font-size:12px;color:var(--bb-muted);margin:0;
}
#wmd-budget-builder .wmd-bb-guide-issues>button,
#wmd-budget-builder .wmd-bb-guide-pending>button{
  text-align:left;justify-self:start;font-size:12px;
  background:transparent;border:0;color:var(--bb-mint);
  font-weight:740;cursor:pointer;min-height:38px;padding:4px 0;
}
#wmd-budget-builder .wmd-bb-guide-group-list{display:grid;gap:17px}
#wmd-budget-builder .wmd-bb-guide-group{
  border:1px solid var(--bb-border);background:#1e3038;
  border-radius:17px;padding:15px;display:grid;gap:7px;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-group-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:3px;padding:0 0 10px;border-bottom:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-guide-group-head h4{
  font-size:16px;margin:0;
}
#wmd-budget-builder .wmd-bb-guide-group-head h4 small{
  display:inline;font-size:11px;color:var(--bb-muted);font-weight:500;margin-left:5px;
}
#wmd-budget-builder .wmd-bb-guide-group-head>strong{
  display:grid;text-align:right;gap:3px;font-size:16px;
}
#wmd-budget-builder .wmd-bb-guide-group-head>strong span{
  font-size:10px;font-weight:450;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-line{
  display:grid;gap:9px;min-width:0;border-radius:10px;
  border:1px solid transparent;background:#243840;
}
#wmd-budget-builder .wmd-bb-guide-line.is-duplicate{
  border-color:#68716b;background:#2b3a3c;
}
#wmd-budget-builder .wmd-bb-guide-line-main{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:11px 12px;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-line-copy{
  min-width:0;flex:1;display:grid;gap:4px;
}
#wmd-budget-builder .wmd-bb-guide-line-copy strong{
  font-size:13px;color:var(--bb-ink);font-weight:740;overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-guide-line-copy small{
  font-size:11px;color:var(--bb-muted);overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-guide-line-side{
  display:grid;justify-items:end;gap:6px;flex:none;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-line-side>strong{
  color:var(--bb-ink);font-size:15px;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-guide-line-side>strong span{font-size:10px;font-weight:500;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-line-buttons{display:flex;gap:4px}
#wmd-budget-builder .wmd-bb-guide-line-buttons>button{
  min-height:35px;min-width:38px;border:1px solid #667d82;
  background:#2b4045;color:var(--bb-ink);border-radius:8px;
  padding:5px 9px;font-size:12px;cursor:pointer;font-weight:700;
}
#wmd-budget-builder .wmd-bb-guide-line-buttons>button:last-child{
  min-width:35px;font-size:18px;line-height:1;
}
#wmd-budget-builder .wmd-bb-guide-line-buttons>button:hover{border-color:var(--bb-mint);background:#3a5053}
#wmd-budget-builder .wmd-bb-guide-line-editor{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;padding:13px;border-top:1px solid var(--bb-border);min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-line-editor>p,
#wmd-budget-builder .wmd-bb-guide-line-editor>.wmd-bb-secondary{
  grid-column:1/-1;
}
#wmd-budget-builder .wmd-bb-guide-line-editor label{min-width:0}
#wmd-budget-builder .wmd-bb-guide-confirm{grid-column:1/-1}
#wmd-budget-builder .wmd-bb-guide-empty{font-size:12px;margin:0}
#wmd-budget-builder .wmd-bb-guide-removed{
  background:#203239;border:1px solid var(--bb-border);border-radius:13px;padding:12px;
}
#wmd-budget-builder .wmd-bb-guide-removed summary{
  color:var(--bb-muted);cursor:pointer;font-size:12px;
}
#wmd-budget-builder .wmd-bb-guide-removed>div{
  display:flex;justify-content:space-between;align-items:center;
  gap:10px;padding:10px;border-top:1px solid var(--bb-border);font-size:12px;
}
#wmd-budget-builder .wmd-bb-guide-removed button{
  background:transparent;color:var(--bb-mint);border:0;
  min-height:38px;font-size:12px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-add{
  padding:18px;border:1px solid #6c8179;border-radius:17px;
  background:linear-gradient(165deg,#283e3d,#1e343c);
}
#wmd-budget-builder .wmd-bb-guide-add h4{margin:0 0 5px;font-size:16px}
#wmd-budget-builder .wmd-bb-guide-add p{font-size:12px;margin:0 0 15px}
#wmd-budget-builder .wmd-bb-guide-add-fields{
  display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;
}
#wmd-budget-builder .wmd-bb-guide-add-fields label{
  display:grid;gap:5px;min-width:0;font-size:12px;font-weight:700;
  color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-add-fields button{
  grid-column:1/-1;justify-self:start;min-height:45px;
  border:1px solid var(--bb-mint);border-radius:11px;
  background:var(--bb-mint);color:var(--bb-mint-ink);font-weight:820;
  padding:9px 18px;font-size:13px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-coverage{
  padding:12px;border:1px solid var(--bb-border);border-radius:13px;
}
#wmd-budget-builder .wmd-bb-guide-coverage summary{
  cursor:pointer;color:var(--bb-muted);font-size:12px;font-weight:700;
}
#wmd-budget-builder .wmd-bb-guide-coverage>.wmd-bb-coverage-audit{
  margin-top:15px;
}
#wmd-budget-builder .wmd-bb-guide-review-safety{
  display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-guide-review-safety>strong{font-size:13px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-guide-review-safety p{font-size:12px;margin:0}
#wmd-budget-builder .wmd-bb-guide-review-safety label{
  display:flex;align-items:flex-start;gap:9px;font-size:12px;color:var(--bb-ink);
  line-height:1.5;
}
#wmd-budget-builder .wmd-bb-guide-review-safety input[type="checkbox"]{
  width:18px;height:18px;flex:none;margin-top:2px;
}
@media(max-width:700px){
  #wmd-budget-builder .wmd-bb-guide-glance{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;
  }
  #wmd-budget-builder .wmd-bb-guide-glance>div{padding:10px 9px}
  #wmd-budget-builder .wmd-bb-guide-glance>div:first-child{grid-column:1/3;grid-row:1}
  #wmd-budget-builder .wmd-bb-guide-glance>div:last-child{grid-column:3;grid-row:1}
  #wmd-budget-builder .wmd-bb-guide-glance>div:nth-child(2){grid-column:1;grid-row:2}
  #wmd-budget-builder .wmd-bb-guide-glance>div:nth-child(3){grid-column:2;grid-row:2}
  #wmd-budget-builder .wmd-bb-guide-glance>div:nth-child(4){grid-column:3;grid-row:2}
  #wmd-budget-builder .wmd-bb-guide-glance strong{font-size:15px}
  #wmd-budget-builder .wmd-bb-guide-activity-head{
    display:grid;gap:10px;
  }
  #wmd-budget-builder .wmd-bb-guide-jump-label{
    max-width:100%;width:100%;flex:auto;
  }
  #wmd-budget-builder .wmd-bb-guide-card{padding:16px;border-radius:16px}
  #wmd-budget-builder .wmd-bb-guide-card-top{gap:10px}
  #wmd-budget-builder .wmd-bb-guide-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #wmd-budget-builder .wmd-bb-guide-choices button{
    padding:10px 9px;font-size:12px;min-height:45px;
  }
  #wmd-budget-builder .wmd-bb-guide-choices button.is-selected{padding:9px 8px}
  #wmd-budget-builder .wmd-bb-guide-topline>div:last-child{text-align:right}
  #wmd-budget-builder .wmd-bb-guide-stat-grid{gap:6px}
  #wmd-budget-builder .wmd-bb-guide-stat-grid>div{padding:10px 8px}
  #wmd-budget-builder .wmd-bb-guide-stat-grid strong{font-size:15px}
  #wmd-budget-builder .wmd-bb-guide-stat-grid small{font-size:10px}
  #wmd-budget-builder .wmd-bb-guide-group{padding:10px;gap:6px}
  #wmd-budget-builder .wmd-bb-guide-line-main{padding:9px;gap:6px}
  #wmd-budget-builder .wmd-bb-guide-line-editor{grid-template-columns:minmax(0,1fr)}
  #wmd-budget-builder .wmd-bb-guide-add{padding:14px}
  #wmd-budget-builder .wmd-bb-guide-add-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  #wmd-budget-builder .wmd-bb-guide-add-fields label:first-child{grid-column:1/-1}
  #wmd-budget-builder .wmd-bb-guide-add-fields button{grid-column:1/-1;width:100%}
  #wmd-budget-builder .wmd-bb-guide-add-fields input,
  #wmd-budget-builder .wmd-bb-guide-add-fields select,
  #wmd-budget-builder .wmd-bb-guide-line-editor input,
  #wmd-budget-builder .wmd-bb-guide-line-editor select,
  #wmd-budget-builder .wmd-bb-guide-jump-label select{
    font-size:16px;min-height:44px;
  }
}

/* Shared-purpose creation stays next to the simple classification choice. */
#wmd-budget-builder .wmd-bb-guide-create{
  margin:9px 0 12px;border:1px solid var(--bb-border);
  border-radius:12px;background:#22383d;padding:0 13px;
}
#wmd-budget-builder .wmd-bb-guide-create>summary{
  padding:12px 2px;color:var(--bb-mint);font-size:12px;font-weight:760;
  min-height:44px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-create-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;padding:0 0 13px;
}
#wmd-budget-builder .wmd-bb-guide-create-fields>label{
  display:grid;gap:5px;min-width:0;font-size:12px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-create-fields>button{
  grid-column:1/-1;justify-self:start;min-height:44px;
}
#wmd-budget-builder .wmd-bb-guide-income-days{
  grid-column:1/-1;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
#wmd-budget-builder .wmd-bb-guide-income-days>label{
  display:grid;gap:5px;min-width:0;
}
@media(max-width:700px){
  #wmd-budget-builder .wmd-bb-guide-create-fields,
  #wmd-budget-builder .wmd-bb-guide-income-days{
    grid-template-columns:minmax(0,1fr);
  }
  #wmd-budget-builder .wmd-bb-guide-create-fields>button{
    grid-column:1;width:100%;
  }
  #wmd-budget-builder .wmd-bb-guide-create-fields input,
  #wmd-budget-builder .wmd-bb-guide-income-days input{
    font-size:16px;min-height:44px;
  }
}

/* New items remain visible and editable where the user added them. */
#wmd-budget-builder .wmd-bb-guide-recent{
  display:grid;gap:10px;margin-top:15px;padding:12px;
  border:1px solid #819987;border-radius:12px;background:#244039;
}
#wmd-budget-builder .wmd-bb-guide-recent-head{
  display:grid;gap:5px;
}
#wmd-budget-builder .wmd-bb-guide-recent-head>strong{
  font-size:12px;color:#e4f4e8;font-weight:800;
}
#wmd-budget-builder .wmd-bb-guide-recent-head>small{
  font-size:11px;color:#c5dcd1;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line{
  margin:0;background:#20343d;border-color:#56776b;
}
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line-editor{
  background:#1c3036;border-radius:0 0 10px 10px;
}

/* Guided Budget refinements: visible progress, deliberate saving and trusted dates. */
#wmd-budget-builder .wmd-bb-guide-budget-progress{
  position:sticky;top:-25px;z-index:4;display:grid;gap:10px;
  padding:12px 14px;margin:-4px 0 4px;max-width:950px;width:100%;
  background:#1d3037;border:1px solid #516c6e;border-radius:14px;
  box-shadow:0 4px 16px #0003;align-self:center;
}
#wmd-budget-builder .wmd-bb-guide-progress-head{
  display:flex;justify-content:space-between;align-items:end;gap:10px;
}
#wmd-budget-builder .wmd-bb-guide-progress-head>div{display:grid;gap:2px;min-width:0}
#wmd-budget-builder .wmd-bb-guide-progress-head>div:last-child{text-align:right}
#wmd-budget-builder .wmd-bb-guide-progress-head small{
  font-size:10px;letter-spacing:.04em;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-guide-progress-head strong{
  color:var(--bb-ink);font-size:15px;line-height:1.3;font-weight:760;
}
#wmd-budget-builder .wmd-bb-guide-progress-head .is-negative strong{color:#ffbfb0}
#wmd-budget-builder .wmd-bb-guide-budget-track{
  display:flex;width:100%;height:12px;border-radius:20px;overflow:hidden;
  background:#49616b;
}
#wmd-budget-builder .wmd-bb-guide-budget-track span{
  height:100%;min-width:0;flex:0 0 auto;transition:width .18s ease;
}
#wmd-budget-builder .wmd-bb-guide-budget-track .is-needs,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-needs{background:#d6ba89}
#wmd-budget-builder .wmd-bb-guide-budget-track .is-wants,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-wants{background:#86b3a8}
#wmd-budget-builder .wmd-bb-guide-budget-track .is-savings,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-savings{background:#a2b4d9}
#wmd-budget-builder .wmd-bb-guide-budget-track .is-remaining{background:#48636b}
#wmd-budget-builder .wmd-bb-guide-mini-stats{
  display:flex;flex-wrap:wrap;gap:5px 14px;align-items:center;
  color:var(--bb-muted);font-size:11px;
}
#wmd-budget-builder .wmd-bb-guide-mini-stats span{display:flex;align-items:center;gap:5px}
#wmd-budget-builder .wmd-bb-guide-mini-stats i{width:8px;height:8px;border-radius:50%;display:inline-block}
#wmd-budget-builder .wmd-bb-guide-mini-stats strong{color:var(--bb-ink);font-weight:780}
#wmd-budget-builder .wmd-bb-guide-budget-footnote{font-size:10px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-guide-evidence-note{
  color:#d5c093!important;line-height:1.45;font-size:11px;
}
#wmd-budget-builder .wmd-bb-guide-monthly-equivalent{
  font-size:11px;line-height:1.5;color:var(--bb-muted);
  grid-column:1/-1;padding:7px 0;
}
#wmd-budget-builder .wmd-bb-guide-confirm{
  display:grid;gap:16px;padding:clamp(18px,3vw,26px);
  max-width:750px;margin-inline:auto;border:1px solid #617b78;
  border-radius:20px;background:#223840;
}
#wmd-budget-builder .wmd-bb-guide-confirm h3{font-size:clamp(20px,3vw,28px);margin:0}
#wmd-budget-builder .wmd-bb-guide-confirm>p{margin:0;font-size:13px}
#wmd-budget-builder .wmd-bb-confirm-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;
}
#wmd-budget-builder .wmd-bb-confirm-summary>div{
  display:grid;gap:6px;padding:13px 11px;border-radius:12px;
  background:#1b2d35;border:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-confirm-summary small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-confirm-summary strong{font-size:17px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-confirm-changes{display:grid;gap:8px;padding:12px}
#wmd-budget-builder .wmd-bb-confirm-changes>div{
  display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-confirm-ack{
  display:flex;align-items:start;gap:12px;padding:15px;border:1px solid #899780;
  background:#293e40;border-radius:13px;line-height:1.5;font-size:13px;
}
#wmd-budget-builder .wmd-bb-confirm-ack input{flex:none;width:20px;height:20px;margin-top:2px}
#wmd-budget-builder .wmd-bb-confirm-warning{
  margin:0;font-size:12px;padding:11px 12px;background:#3f3831;
  border:1px solid #977957;color:#f2d9bb;
}
#wmd-budget-builder .wmd-bb-save-final:disabled{
  background:#435152;color:#c4cccc;opacity:.7;
}
#wmd-budget-builder .wmd-bb-guide-allowance{
  display:grid;gap:8px;padding:13px;border:1px solid #667c75;
  border-radius:12px;background:#283d40;margin-top:10px;
}
#wmd-budget-builder .wmd-bb-guide-allowance strong{font-size:13px}
#wmd-budget-builder .wmd-bb-guide-allowance p,
#wmd-budget-builder .wmd-bb-transfer-link p{
  color:var(--bb-muted);margin:0;font-size:12px;
}
#wmd-budget-builder .wmd-bb-guide-allowance small{font-size:11px;color:var(--bb-muted)}
#wmd-budget-builder .wmd-bb-bucket-meter{
  height:8px;border-radius:20px;background:#465960;overflow:hidden;
}
#wmd-budget-builder .wmd-bb-bucket-meter span{
  display:block;background:#a8c5ae;height:100%;max-width:100%;
}
#wmd-budget-builder .wmd-bb-bucket-adjust{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:end;gap:10px;
}
#wmd-budget-builder .wmd-bb-bucket-adjust label{
  display:grid;gap:5px;min-width:0;font-size:11px;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-bucket-adjust button{min-height:44px}
#wmd-budget-builder .wmd-bb-exact-date{
  grid-column:1/-1;display:grid;gap:9px;padding:12px;
  border:1px solid #5f7976;border-radius:13px;background:#20333b;min-width:0;
}
#wmd-budget-builder .wmd-bb-exact-date>strong{font-size:13px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-exact-date p{font-size:12px;margin:0}
#wmd-budget-builder .wmd-bb-exact-date-fields{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
#wmd-budget-builder .wmd-bb-exact-date-fields label{
  display:grid;gap:5px;font-size:11px;min-width:0;color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-exact-date-fields select{
  width:100%;max-width:100%;min-height:45px;
}
#wmd-budget-builder .wmd-bb-date-selected{color:#cdebdc;font-size:11px}
#wmd-budget-builder .wmd-bb-date-unset{color:#dfc69e;font-size:11px}
@media(max-width:700px){
  #wmd-budget-builder .wmd-bb-guide-budget-progress{
    top:-10px;margin:-8px 0 0;padding:10px 11px;gap:7px;border-radius:12px;
  }
  #wmd-budget-builder .wmd-bb-guide-progress-head strong{font-size:13px}
  #wmd-budget-builder .wmd-bb-guide-budget-footnote{display:none}
  #wmd-budget-builder .wmd-bb-guide-mini-stats{font-size:10px;gap:5px 8px}
  #wmd-budget-builder .wmd-bb-confirm-summary{grid-template-columns:minmax(0,1fr)}
  #wmd-budget-builder .wmd-bb-bucket-adjust{grid-template-columns:minmax(0,1fr)}
  #wmd-budget-builder .wmd-bb-bucket-adjust button{width:100%}
  #wmd-budget-builder .wmd-bb-exact-date-fields select,
  #wmd-budget-builder .wmd-bb-bucket-adjust input{font-size:16px}
}

/* The missed-item composer has the same frequency choices as other Budget rows. */
#wmd-budget-builder .wmd-bb-guide-add-fields{
  grid-template-columns:1.5fr 1fr 1fr;
}
#wmd-budget-builder .wmd-bb-guide-add-fields>label:first-child{
  grid-column:1/-1;
}
#wmd-budget-builder .wmd-bb-guide-add-preview{
  grid-column:1/-1;
  padding:10px 13px;
  border-radius:11px;
  background:#203b3b;
  border:1px solid #65877a;
  color:#d5eddf;
  font-size:13px;
  line-height:1.5;
  font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-guide-add-error{
  grid-column:1/-1;
  color:#ffd0c0;
  font-size:12px;
  line-height:1.4;
  padding:5px 0;
}
#wmd-budget-builder .wmd-bb-guide-add-error[hidden]{
  display:none;
}
@media(max-width:700px){
  #wmd-budget-builder .wmd-bb-guide-add-fields{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #wmd-budget-builder .wmd-bb-guide-add-fields>label:first-child,
  #wmd-budget-builder .wmd-bb-guide-add-fields>label:nth-child(4),
  #wmd-budget-builder .wmd-bb-guide-add-preview,
  #wmd-budget-builder .wmd-bb-guide-add-error{
    grid-column:1/-1;
  }
  #wmd-budget-builder .wmd-bb-guide-add-fields input,
  #wmd-budget-builder .wmd-bb-guide-add-fields select{
    min-height:44px;
    font-size:16px;
  }
}

/* Statement proposals: small weekly shortcut, intentional two-allowance split.
   Keep all controls inside the review editor on both desktop and mobile. */
#wmd-budget-builder .wmd-bb-guide-quick-weekly{
  justify-self:start;text-align:left;width:fit-content;min-height:34px;
  border:0;background:transparent;color:var(--bb-mint);font-size:12px;
  font-weight:740;line-height:1.45;padding:6px 2px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-quick-weekly:hover{text-decoration:underline}
#wmd-budget-builder .wmd-bb-guide-quick-weekly:focus-visible,
#wmd-budget-builder .wmd-bb-guide-split summary:focus-visible,
#wmd-budget-builder .wmd-bb-guide-split-apply:focus-visible{
  outline:2px solid var(--bb-mint);outline-offset:3px;border-radius:6px;
}
#wmd-budget-builder .wmd-bb-guide-split{
  grid-column:1/-1;min-width:0;border:1px solid #5d7777;
  border-radius:14px;background:#20343a;padding:12px 14px;
}
#wmd-budget-builder .wmd-bb-guide-split>summary{
  cursor:pointer;color:var(--bb-ink);font-size:13px;font-weight:760;
  min-height:36px;display:list-item;list-style-position:inside;
}
#wmd-budget-builder .wmd-bb-guide-split>p{
  font-size:12px;line-height:1.55;color:var(--bb-muted);margin:8px 0 12px;
}
#wmd-budget-builder .wmd-bb-guide-split-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-split-part{
  min-width:0;display:grid;gap:9px;align-content:start;
  padding:12px;border-radius:11px;background:#1b3037;
  border:1px solid #506b6f;
}
#wmd-budget-builder .wmd-bb-guide-split-part>strong{
  font-size:12px;color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-guide-split-part label{
  min-width:0;display:grid;gap:5px;font-size:12px;
  color:var(--bb-muted);line-height:1.3;
}
#wmd-budget-builder .wmd-bb-guide-split-part input{
  box-sizing:border-box;width:100%;max-width:100%;min-width:0;
  min-height:44px;font-size:16px;font-variant-numeric:tabular-nums;
}
#wmd-budget-builder .wmd-bb-guide-split-preview,
#wmd-budget-builder .wmd-bb-guide-split-error{
  display:block;font-size:12px;line-height:1.5;margin:11px 0 7px;
  overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-guide-split-preview{
  color:#e5ebde;background:#2a403c;border:1px solid #668779;
  padding:10px 12px;border-radius:10px;
}
#wmd-budget-builder .wmd-bb-guide-split-error{color:#ffd0bd}
#wmd-budget-builder .wmd-bb-guide-split-error[hidden]{display:none}
#wmd-budget-builder .wmd-bb-guide-split-apply{
  min-height:44px;max-width:100%;white-space:normal;text-align:center;
}
#wmd-budget-builder .wmd-bb-guide-split>small:last-child{
  display:block;font-size:11px;line-height:1.5;color:var(--bb-muted);
  margin:10px 0 0;
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-guide-split{
    padding:12px;max-width:100%;min-width:0;
  }
  #wmd-budget-builder .wmd-bb-guide-split-grid{
    grid-template-columns:minmax(0,1fr);gap:9px;
  }
  #wmd-budget-builder .wmd-bb-guide-split-apply{width:100%}
}


/* Ocean-only Smart Budget Builder: remove legacy teal/green action chrome.
   This modal is mounted outside #app; theme variables must be relayed here.
   Do not alter financial gains/losses, alerts, file parse status or other themes. */
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder{
  --bb-bg:#102235;
  --bb-panel:#1a2d40;
  --bb-panel-soft:#172b3d;
  --bb-border:#46627b;
  --bb-ink:#eff7fd;
  --bb-muted:#b9cfde;
  --bb-mint:#8ec8f3;
  --bb-mint-ink:#102333;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-header{
  background:#1a2d40;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-header button:hover{
  background:#29465e;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-connected-cta,
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-source{
  background:#1a2d40;
  border-color:#46627b;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-connected-cta > button.wmd-bb-secondary{
  background:#29465e!important;
  border:1px solid #6a94b4!important;
  color:#eff7fd!important;
  box-shadow:none!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-connected-cta > button.wmd-bb-secondary:is(:hover,:focus-visible){
  background:#355b79!important;
  border-color:#8ec8f3!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-upload{
  background:linear-gradient(135deg,#20384b,#162a3b);
  border-color:#6b96b5;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-upload:hover{
  background:#29465e;
  border-color:#8ec8f3;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-upload-icon{
  background:#29465e;
  color:#8ec8f3;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-content{
  scrollbar-color:#46627b transparent;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-secondary:not(.wmd-bb-connected-cta > button){
  background:#29465e;
  border-color:#6a94b4;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder .wmd-bb-secondary:hover{
  background:#355b79;
  border-color:#8ec8f3;
}


/* Ocean-first review. This dialog lives under body, outside #app, so palette
   changes made on #app alone do not reach it. Success colors are not branding. */
#wmd-budget-builder{
 --bb-bg:#13202d;--bb-panel:#1a2b3b;--bb-panel-soft:#1a2836;
 --bb-border:#41596c;--bb-ink:#f0f6fb;--bb-muted:#bdcbd8;
 --bb-mint:#8ec8f3;--bb-mint-ink:#102333;--bb-alert:#f0ca92;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-budget-builder{
 --bb-bg:#f2f6fa;--bb-panel:#fff;--bb-panel-soft:#e8f0f7;
 --bb-border:#bdcfdd;--bb-ink:#192e40;--bb-muted:#506577;
 --bb-mint:#286a9e;--bb-mint-ink:#fff;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-budget-builder{
 --bb-bg:#090c10;--bb-panel:#15191e;--bb-panel-soft:#232a31;
 --bb-border:#434b55;--bb-ink:#f4f7fa;--bb-muted:#b7c2cd;
 --bb-mint:#d5e0ec;--bb-mint-ink:#090c10;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-budget-builder{
 --bb-bg:#1b1620;--bb-panel:#291e2b;--bb-panel-soft:#39283b;
 --bb-border:#5b4560;--bb-ink:#fff3f9;--bb-muted:#d2bbc9;
 --bb-mint:#ee9bc9;--bb-mint-ink:#231524;
}
body:has(#app[data-wmd-color-scheme="orchid"]) #wmd-budget-builder{
 --bb-bg:#1b1b29;--bb-panel:#242231;--bb-panel-soft:#322e43;
 --bb-border:#554e67;--bb-ink:#f5f1fc;--bb-muted:#c6bfd4;
 --bb-mint:#c8b1f0;--bb-mint-ink:#171326;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-budget-builder,
body:has(#app[data-wmd-color-scheme="original"]) #wmd-budget-builder{
 --bb-bg:#111c25;--bb-panel:#19252e;--bb-panel-soft:#202e38;
 --bb-border:#384a55;--bb-ink:#eef4f7;--bb-muted:#b1c0c9;
 --bb-mint:#57d7aa;--bb-mint-ink:#0b261e;
}
#wmd-budget-builder .wmd-bb-header{background:var(--bb-panel);border-color:var(--bb-border)}
#wmd-budget-builder .wmd-bb-dialog{background:var(--bb-bg)}
#wmd-budget-builder .wmd-bb-secondary{background:var(--bb-panel);border-color:var(--bb-border);color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-secondary:hover{background:var(--bb-panel-soft);border-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-guide-card{background:var(--bb-panel);border-color:var(--bb-border)}
#wmd-budget-builder .wmd-bb-guide-hint,
#wmd-budget-builder .wmd-bb-guide-create,
#wmd-budget-builder .wmd-bb-guide-allowance,
#wmd-budget-builder .wmd-bb-merchant-link,
#wmd-budget-builder .wmd-bb-link-success{
 background:var(--bb-panel-soft);border-color:var(--bb-border);color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-guide-choices button{background:var(--bb-panel-soft);border-color:var(--bb-border);color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-guide-choices button:hover{background:var(--bb-panel);border-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-guide-choices button.is-selected{background:color-mix(in srgb,var(--bb-mint) 16%,var(--bb-panel));border-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-guide-progress,
#wmd-budget-builder .wmd-bb-bucket-meter{background:var(--bb-border)}
#wmd-budget-builder .wmd-bb-bucket-meter span{background:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-guide-outcome .is-ready{color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-guide-tip{border-left-color:var(--bb-mint)}
#wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form]{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
#wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form]>button,
#wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form]>small{grid-column:1/-1}
#wmd-budget-builder [data-bb-purpose-date-wrap][hidden],
#wmd-budget-builder [data-bb-purpose-error][hidden]{display:none!important}
#wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form] input,
#wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form] select{min-height:44px}
@media(max-width:700px){
 #wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form]{grid-template-columns:minmax(0,1fr)}
 #wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form] input,
 #wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form] select{font-size:16px}
 #wmd-budget-builder .wmd-bb-new-purpose-fields[data-bb-purpose-form]>button{width:100%}
}


/* 2026-10-21: Guided monthly-plan preview, explicitly blue rather than teal.
   Specific rules are necessary because older guided selectors hard-code green. */
#wmd-budget-builder .wmd-bb-guide-total-panel{
 background:linear-gradient(135deg,#1c344b,#162a3e 65%,#132438);
 border-color:#486985;
}
#wmd-budget-builder .wmd-bb-guide-budget-progress{
 background:#172b3e;border-color:#46627b;
}
#wmd-budget-builder .wmd-bb-guide-breakdown,
#wmd-budget-builder .wmd-bb-guide-budget-track{background:#334c64}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-wants,
#wmd-budget-builder .wmd-bb-guide-budget-track .is-wants,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-wants{background:#6ba9e0}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-needs,
#wmd-budget-builder .wmd-bb-guide-budget-track .is-needs,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-needs{background:#dfb87c}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-savings,
#wmd-budget-builder .wmd-bb-guide-budget-track .is-savings,
#wmd-budget-builder .wmd-bb-guide-mini-stats i.is-savings{background:#aa9bdf}
#wmd-budget-builder .wmd-bb-guide-breakdown .is-remaining,
#wmd-budget-builder .wmd-bb-guide-budget-track .is-remaining{background:#4a6580}
#wmd-budget-builder .wmd-bb-guide-stat-grid>div,
#wmd-budget-builder .wmd-bb-guide-confirm-summary>div{
 background:#152a3e;border-color:#3e5c78;
}
#wmd-budget-builder .wmd-bb-guide-notice,
#wmd-budget-builder .wmd-bb-guide-issues,
#wmd-budget-builder .wmd-bb-guide-pending,
#wmd-budget-builder .wmd-bb-guide-duplicate-zone,
#wmd-budget-builder .wmd-bb-guide-group,
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line,
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line-editor{
 background:#1b3045;border-color:#45627e;
}
#wmd-budget-builder .wmd-bb-guide-add-preview,
#wmd-budget-builder .wmd-bb-guide-split-preview{
 background:#1c354d;border-color:#4c7396;color:#e3effa;
}
#wmd-budget-builder .wmd-bb-guide-split,
#wmd-budget-builder .wmd-bb-guide-split-part,
#wmd-budget-builder .wmd-bb-guide-confirm{
 background:#1b3045;border-color:#45627e;
}
#wmd-budget-builder .wmd-bb-bucket-meter span{background:#6ba9e0}


/* 2026-10-21: Native category/frequency pickers in the body-mounted Snapper review.
   Older select rules used a fixed green/teal surface even in Ocean mode.
   Resolve surfaces and active focus from the review palette; keep the native
   picker (and emoji options) working on iOS. Only presentation is changed. */
#wmd-budget-builder select{
  background-color:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
  accent-color:var(--bb-mint);
  color-scheme:dark;
  box-shadow:none!important;
}
#wmd-budget-builder select option{
  background-color:var(--bb-panel);
  color:var(--bb-ink);
}
#wmd-budget-builder select:is(:focus,:focus-visible){
  background-color:var(--bb-panel)!important;
  border-color:var(--bb-mint)!important;
  outline:2px solid var(--bb-mint)!important;
  outline-offset:2px;
  box-shadow:none!important;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-budget-builder select{
  color-scheme:light;
}

/* 2026-10-21: Normalize Snapper text inputs with the active dialog palette.
   Earlier fixes styled selects only; Budget description and amount inputs
   retained the original green-black #13252d surface. */
#wmd-budget-builder input:not([type="file"]):not([type="checkbox"]):not([type="radio"]),
#wmd-budget-builder textarea{
  background-color:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
  caret-color:var(--bb-ink);
  box-shadow:none!important;
}
#wmd-budget-builder input:not([type="file"]):not([type="checkbox"]):not([type="radio"]):is(:focus,:focus-visible),
#wmd-budget-builder textarea:is(:focus,:focus-visible){
  background-color:var(--bb-panel)!important;
  border-color:var(--bb-mint)!important;
  outline:2px solid var(--bb-mint)!important;
  outline-offset:2px;
}


/* 2026-10-21: Unified guided Snapper Budget surfaces (Ocean palette).
   A single blue/neutral surface system replaces inherited sage and teal
   backgrounds across the overview, drafts, editors, and review cards.
   This changes presentation only: warning, loss, and genuine success
   states remain semantic. The --bb-* tokens respect selected themes. */
#wmd-budget-builder{
  --bb-review-raised:color-mix(in srgb,var(--bb-panel) 86%,var(--bb-mint) 14%);
  --bb-review-elevated:color-mix(in srgb,var(--bb-panel) 93%,var(--bb-mint) 7%);
}

/* Overview rows: the entire card, not just its dropdowns, must be blue. */
#wmd-budget-builder .wmd-bb-guide-group,
#wmd-budget-builder .wmd-bb-guide-removed,
#wmd-budget-builder .wmd-bb-guide-create,
#wmd-budget-builder .wmd-bb-guide-confirm,
#wmd-budget-builder .wmd-bb-confirm-ack,
#wmd-budget-builder .wmd-bb-guide-allowance,
#wmd-budget-builder .wmd-bb-exact-date,
#wmd-budget-builder .wmd-bb-guide-split,
#wmd-budget-builder .wmd-bb-guide-split-part,
#wmd-budget-builder .wmd-bb-guide-glance>div,
#wmd-budget-builder .wmd-bb-guide-stat-grid>div,
#wmd-budget-builder .wmd-bb-guide-hint,
#wmd-budget-builder .wmd-bb-guide-notice{
  background:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-line,
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line{
  background:var(--bb-review-raised)!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-line.is-duplicate{
  background:color-mix(in srgb,var(--bb-panel) 94%,var(--bb-alert) 6%)!important;
  border-color:var(--bb-alert)!important;
}
#wmd-budget-builder .wmd-bb-guide-line-editor,
#wmd-budget-builder .wmd-bb-guide-recent .wmd-bb-guide-line-editor{
  background:var(--bb-panel-soft)!important;
  border-top-color:var(--bb-border)!important;
  border-radius:0 0 10px 10px;
}
#wmd-budget-builder .wmd-bb-guide-line-buttons>button{
  background:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
}
#wmd-budget-builder .wmd-bb-guide-line-buttons>button:is(:hover,:focus-visible){
  background:var(--bb-review-elevated)!important;
  border-color:var(--bb-mint)!important;
}
/* Unconfirmed drafts are not green "success" cards. */
#wmd-budget-builder .wmd-bb-guide-add,
#wmd-budget-builder .wmd-bb-guide-recent{
  background:linear-gradient(150deg,var(--bb-review-elevated),var(--bb-panel-soft))!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-recent-head>strong{
  color:var(--bb-ink)!important;
}
#wmd-budget-builder .wmd-bb-guide-recent-head>small{
  color:var(--bb-muted)!important;
}
#wmd-budget-builder .wmd-bb-guide-card{
  background:linear-gradient(155deg,var(--bb-review-elevated),var(--bb-panel-soft))!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-choices button{
  background:var(--bb-review-elevated)!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-choices button:is(:hover,:focus-visible),
#wmd-budget-builder .wmd-bb-guide-choices button.is-selected{
  background:var(--bb-review-raised)!important;
  border-color:var(--bb-mint)!important;
}
#wmd-budget-builder .wmd-bb-guide-progress,
#wmd-budget-builder .wmd-bb-guide-budget-track{
  background:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-guide-progress>span{
  background:var(--bb-mint)!important;
}
#wmd-budget-builder .wmd-bb-guide-quick-weekly,
#wmd-budget-builder .wmd-bb-guide-issues>button,
#wmd-budget-builder .wmd-bb-guide-pending>button{
  color:var(--bb-mint)!important;
}
#wmd-budget-builder .wmd-bb-guide-add-preview,
#wmd-budget-builder .wmd-bb-guide-split-preview{
  background:var(--bb-review-elevated)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
}
#wmd-budget-builder .wmd-bb-guide-line-editor input:not([type=file]):not([type=checkbox]):not([type=radio]),
#wmd-budget-builder .wmd-bb-guide-line-editor textarea{
  background:var(--bb-bg)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
  box-shadow:none!important;
}
#wmd-budget-builder .wmd-bb-guide-line-editor :is(input:not([type=file]):not([type=checkbox]):not([type=radio]),select,textarea):is(:focus,:focus-visible){
  border-color:var(--bb-mint)!important;
  outline:2px solid var(--bb-mint)!important;
  outline-offset:2px;
}
/* Do not change the established Needs/Wants/Savings legend colors or
   valid error/warning/financial-result indicators. */


/* Return to the exact activity question after editing a linked Budget item.
   This is a draft navigation action, not a save or a green success state. */
#wmd-budget-builder .wmd-bb-edit-finish{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
 padding:14px 16px;border-top:1px solid var(--bb-border);
 background:var(--bb-panel-soft);border-radius:0 0 10px 10px;
}
#wmd-budget-builder .wmd-bb-edit-finish>p{
 margin:0!important;flex:1 1 190px;color:var(--bb-muted)!important;
 font-size:13px!important;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-edit-finish>.wmd-bb-primary{
 flex:0 1 auto;min-height:46px;font-size:13px;
 background:var(--bb-mint)!important;color:var(--bb-mint-ink)!important;
}
#wmd-budget-builder .wmd-bb-footer:has(.wmd-bb-resume-footer) .wmd-bb-resume-footer{
 flex:2 1 260px;min-width:0;white-space:normal;line-height:1.35;
 background:var(--bb-mint)!important;color:var(--bb-mint-ink)!important;
}
#wmd-budget-builder .wmd-bb-footer:has(.wmd-bb-resume-footer) .wmd-bb-review-later{
 flex:0 1 155px;min-height:46px;white-space:normal;
}
#wmd-budget-builder [data-bb-resume-review]:focus-visible{
 outline:3px solid var(--bb-mint)!important;outline-offset:3px;
}
@media(max-width:620px){
 #wmd-budget-builder .wmd-bb-edit-finish{display:grid;grid-template-columns:minmax(0,1fr);padding:13px;}
 #wmd-budget-builder .wmd-bb-edit-finish>.wmd-bb-primary{width:100%;min-height:48px;}
 #wmd-budget-builder .wmd-bb-footer:has(.wmd-bb-resume-footer){
  display:grid;grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:8px;
 }
 #wmd-budget-builder .wmd-bb-footer:has(.wmd-bb-resume-footer)>button{
  width:100%;min-width:0;min-height:54px;font-size:13px;padding:10px 9px;
 }
 #wmd-budget-builder .wmd-bb-footer:has(.wmd-bb-resume-footer) .wmd-bb-resume-footer{
  font-size:14px;line-height:1.3;
 }
}


/* Touch-friendly calendar for the Snapper/Plaid Budget review. */
#wmd-budget-builder .wmd-bb-cal-trigger{
  display:flex;align-items:center;gap:12px;width:100%;min-height:50px;
  padding:10px 14px;border:1px solid var(--bb-border);border-radius:12px;
  background:var(--bb-panel);color:var(--bb-ink);font:inherit;font-size:16px;
  font-weight:650;text-align:left;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-cal-trigger:focus-visible,
#wmd-budget-builder .wmd-bb-cal-header button:focus-visible,
#wmd-budget-builder .wmd-bb-cal-day:focus-visible{
  outline:3px solid #8bc8f5;outline-offset:2px;
}
#wmd-budget-builder .wmd-bb-cal-chevron{margin-left:auto;color:#8bc8f5}
#wmd-budget-builder .wmd-bb-calendar{
  width:100%;min-width:0;max-width:440px;padding:12px;
  border:1px solid var(--bb-border);border-radius:14px;
  background:var(--bb-panel);color:var(--bb-ink);
}
#wmd-budget-builder .wmd-bb-cal-header{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  margin-bottom:12px;
}
#wmd-budget-builder .wmd-bb-cal-header strong{font-size:16px;font-weight:750}
#wmd-budget-builder .wmd-bb-cal-header button{
  display:grid;place-items:center;flex:none;width:44px;height:44px;
  padding:0;border:1px solid var(--bb-border);border-radius:11px;
  background:var(--bb-panel-soft);color:var(--bb-ink);font-size:29px;
  cursor:pointer;
}
#wmd-budget-builder .wmd-bb-cal-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;
  align-items:center;text-align:center;
}
#wmd-budget-builder .wmd-bb-cal-grid [role="columnheader"]{
  font-size:11px;font-weight:700;color:var(--bb-muted);padding:7px 0;
}
#wmd-budget-builder .wmd-bb-cal-day{
  display:grid;place-items:center;min-width:0;width:100%;height:44px;
  padding:0;border:1px solid transparent;border-radius:10px;
  background:transparent;color:var(--bb-ink);font-size:15px;
  font-weight:600;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-cal-day:hover{background:rgba(139,200,245,.13)}
#wmd-budget-builder .wmd-bb-cal-day.is-today{border-color:#7c9fba}
#wmd-budget-builder .wmd-bb-cal-day.is-recurring{background:rgba(139,200,245,.16);color:#a9dcff}
#wmd-budget-builder .wmd-bb-cal-day.is-selected{
  background:#8bc8f5;color:#10273d;font-weight:800;
}
#wmd-budget-builder .wmd-bb-cal-caption{
  display:block;margin-top:10px;font-size:12px;line-height:1.45;
  color:var(--bb-muted);
}
#wmd-budget-builder .wmd-bb-date-selected{color:#a9dcff;font-size:13px}
@media(max-width:400px){
  #wmd-budget-builder .wmd-bb-calendar{padding:8px}
  #wmd-budget-builder .wmd-bb-cal-grid{gap:1px}
  #wmd-budget-builder .wmd-bb-cal-day{height:42px;font-size:14px}
  #wmd-budget-builder .wmd-bb-cal-grid [role="columnheader"]{font-size:10px}
}

/* Import review: blue/neutral savings surfaces and legible schedule controls. */
#wmd-budget-builder .wmd-bb-transfer-goals,
#wmd-budget-builder .wmd-bb-merchant-link{
  background:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-transfer-goal-row,
#wmd-budget-builder .wmd-bb-transfer-link,
#wmd-budget-builder .wmd-bb-transfer-summary>span,
#wmd-budget-builder .wmd-bb-linked-evidence,
#wmd-budget-builder .wmd-bb-existing-link-summary{
  background:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
}
#wmd-budget-builder .wmd-bb-transfer-link button{
  background:var(--bb-panel-soft)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
}
#wmd-budget-builder .wmd-bb-transfer-goals>strong{font-size:16px;line-height:1.4}
#wmd-budget-builder .wmd-bb-transfer-goals p,
#wmd-budget-builder .wmd-bb-transfer-goals small{font-size:13px;line-height:1.55}
#wmd-budget-builder .wmd-bb-transfer-summary>span{font-size:13px}
#wmd-budget-builder .wmd-bb-transfer-summary b{font-size:18px}
#wmd-budget-builder .wmd-bb-transfer-add>summary{color:var(--bb-ink);font-size:14px}
#wmd-budget-builder .wmd-bb-guide-income-safety,
#wmd-budget-builder .wmd-bb-guide-sortbar{
  display:grid;gap:10px;padding:15px;margin:15px 0;
  background:var(--bb-panel-soft);border:1px solid var(--bb-border);
  border-radius:14px;color:var(--bb-ink);min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-income-safety>strong,
#wmd-budget-builder .wmd-bb-guide-sortbar strong{font-size:16px;line-height:1.4}
#wmd-budget-builder .wmd-bb-guide-income-safety p,
#wmd-budget-builder .wmd-bb-guide-sortbar small{
  display:block;font-size:13px;line-height:1.55;color:var(--bb-muted);margin:0;
}
#wmd-budget-builder .wmd-bb-guide-income-history{border-top:1px solid var(--bb-border);padding-top:9px}
#wmd-budget-builder .wmd-bb-guide-income-history>summary{
  min-height:44px;padding:9px 0;font-size:14px;line-height:1.5;
  color:var(--bb-ink);font-weight:750;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-income-comparisons{display:grid;gap:8px;margin:10px 0}
#wmd-budget-builder .wmd-bb-guide-income-comparisons>div{
  display:grid;gap:4px;padding:12px;border:1px solid var(--bb-border);
  background:var(--bb-panel);border-radius:11px;min-width:0;
}
#wmd-budget-builder .wmd-bb-guide-income-comparisons strong,
#wmd-budget-builder .wmd-bb-guide-income-comparisons span{font-size:14px;color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-guide-income-comparisons small,
#wmd-budget-builder .wmd-bb-guide-income-history>small{font-size:13px;color:var(--bb-muted);line-height:1.5}
#wmd-budget-builder .wmd-bb-dismiss-history{min-height:46px;width:100%;margin:10px 0}
#wmd-budget-builder .wmd-bb-guide-sortbuttons{display:flex;flex-wrap:wrap;gap:8px}
#wmd-budget-builder .wmd-bb-guide-sortbuttons button{
  min-height:44px;border:1px solid var(--bb-border);border-radius:10px;
  background:var(--bb-panel);color:var(--bb-ink);
  padding:9px 13px;font-size:14px;font-weight:700;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-guide-sortbuttons button.is-selected{
  background:#274f75;border-color:#79b9ed;color:#f2f9ff;
}
#wmd-budget-builder .wmd-bb-guide-next-date{color:var(--bb-muted);font-size:13px;line-height:1.45}
#wmd-budget-builder .wmd-bb-guide-income-confirm{
  display:flex;align-items:flex-start;gap:9px;padding:11px;
  border:1px solid var(--bb-border);border-radius:10px;
  background:var(--bb-panel);color:var(--bb-ink);
  font-size:14px;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-guide-income-confirm input{width:18px;height:18px;flex:none}
#wmd-budget-builder .wmd-bb-guide-income-schedule-note{color:var(--bb-muted);font-size:13px;line-height:1.5}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-guide-income-safety,
  #wmd-budget-builder .wmd-bb-guide-sortbar{padding:13px}
  #wmd-budget-builder .wmd-bb-guide-sortbuttons button{flex:1}
}


/* Editing a saved Budget allowance during statement review: two clear fields,
   one explicit action, and a phone-friendly full-width layout. */
#wmd-budget-builder .wmd-bb-bucket-adjust{
  grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:12px;
}
#wmd-budget-builder .wmd-bb-bucket-adjust>label{font-size:13px;line-height:1.4}
#wmd-budget-builder .wmd-bb-bucket-adjust>label input{
  display:block;min-width:0;width:100%;min-height:44px;font-size:16px;
}
#wmd-budget-builder .wmd-bb-bucket-adjust>button,
#wmd-budget-builder .wmd-bb-bucket-adjust>small{grid-column:1/-1}
#wmd-budget-builder .wmd-bb-bucket-adjust>small{
  font-size:12px;line-height:1.5;color:var(--bb-muted);
}
@media(max-width:620px){
  #wmd-budget-builder .wmd-bb-bucket-adjust{grid-template-columns:minmax(0,1fr)}
}

/* merchant-memory.css */
/* Quiet, user-controlled merchant category memory for Snapper and Plaid. */
#wmd-budget-builder .wmd-bb-remember-merchant{
  display:flex;align-items:flex-start;gap:10px;margin:11px 0 0;
  padding:10px 12px;border-radius:10px;
  border:1px solid var(--bb-border);
  color:var(--bb-muted);font-size:12px;line-height:1.5;
}
#wmd-budget-builder .wmd-bb-remember-merchant input{
  width:17px;height:17px;flex:0 0 17px;margin:1px 0 0;accent-color:var(--bb-mint);
}
#wmd-budget-builder .wmd-bb-merchant-forget{
  flex:0 0 auto;border:0;background:transparent;
  color:var(--bb-muted);font:inherit;font-size:12px;
  text-decoration:underline;text-underline-offset:3px;
  padding:8px 4px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-merchant-forget:hover{color:var(--bb-ink)}
#wmd-budget-builder .wmd-bb-merchant-rules{
  margin:16px 0 0;padding:13px 14px;
  border:1px solid var(--bb-border);border-radius:13px;
  background:rgba(157,186,180,.04);
}
#wmd-budget-builder .wmd-bb-merchant-rules summary{
  cursor:pointer;color:var(--bb-ink);font-size:13px;font-weight:680;
}
#wmd-budget-builder .wmd-bb-merchant-rules>p{
  color:var(--bb-muted);font-size:12px;line-height:1.55;margin:10px 0;
}
#wmd-budget-builder .wmd-bb-merchant-rule{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:8px 12px;padding:10px 0;
  border-top:1px solid var(--bb-border);
}
#wmd-budget-builder .wmd-bb-merchant-rule span{
  display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere;
}
#wmd-budget-builder .wmd-bb-merchant-rule strong{color:var(--bb-ink);font-size:12px}
#wmd-budget-builder .wmd-bb-merchant-rule small{color:var(--bb-muted);font-size:11px}
#wmd-budget-builder .wmd-bb-merchant-rule button{
  border:1px solid var(--bb-border);border-radius:8px;
  background:transparent;color:var(--bb-ink);font:inherit;font-size:12px;
  padding:8px 12px;min-height:36px;cursor:pointer;
}
#wmd-budget-builder .wmd-bb-merchant-rule button:hover{
  background:rgba(157,186,180,.10);
}
.tx-review-merchant-memory{
  display:flex;flex-direction:column;gap:4px;
  margin:12px 0;padding:11px 13px;border-left:3px solid #8ba8a2;
  border-radius:0 10px 10px 0;background:rgba(139,168,162,.08);
}
.tx-review-merchant-memory span{
  color:var(--sage, #a8c5b3);font-size:10px;font-weight:750;
  letter-spacing:.09em;
}
.tx-review-merchant-memory strong{
  color:inherit;font-size:14px;line-height:1.45;
}
.tx-review-merchant-memory small{
  color:inherit;opacity:.8;font-size:12px;line-height:1.5;
}
@media(max-width:620px){
 #wmd-budget-builder .wmd-bb-merchant-forget{width:100%;text-align:left}
 #wmd-budget-builder .wmd-bb-remember-merchant{font-size:13px}
 #wmd-budget-builder .wmd-bb-merchant-rule button{min-height:42px}
}
/* budget-mix-refinement.css */
/* Budget category breakdown: a quiet part of the existing sand/graphite
   workspace, not a third competing chart or an all-blue 100% bar.
   Shared Cash Flow Money Mix and semantic budget donut remain untouched. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .category-overview.money-mix.budget {
  padding:18px 20px!important;
  margin:16px 0 18px!important;
  border:1px solid #3b4d57!important;
  border-radius:15px!important;
  background:#19262f!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#eef3f5;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head {
  display:flex;align-items:center;flex-wrap:wrap;
  gap:9px 22px;min-width:0;margin:0 0 13px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head>div {
  min-width:0;flex:1 1 230px;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head>div>span {
  color:var(--wmd-budget-accent,#d6bc91)!important;
  font:750 10px/1.25 system-ui,sans-serif!important;
  letter-spacing:.035em!important;text-transform:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head h3 {
  margin:3px 0 2px!important;
  color:#f0f3f5!important;
  font:750 18px/1.3 system-ui,sans-serif!important;
  letter-spacing:-.025em!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head p {
  margin:0!important;color:#aebec8!important;
  font:450 11px/1.45 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head>strong {
  display:grid;justify-items:end;align-items:center;
  font:750 20px/1.2 system-ui,sans-serif!important;
  color:#e9d0a2!important;
  letter-spacing:-.035em!important;font-variant-numeric:tabular-nums;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .category-overview-head>strong small {
  font:650 9px/1.3 system-ui,sans-serif!important;
  letter-spacing:.055em!important;color:#94a9b5!important;
}

/* The top Budget donut already covers Needs/Wants/Savings/Unassigned.
   The second-level category view needs only a compact distribution rail. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-focus {
  display:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-stage {
  display:block!important;
  margin:0!important;padding:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-rail-scroll {
  width:100%!important;max-width:100%!important;
  overflow:visible!important;overflow-x:visible!important;
  padding:0!important;margin:0!important;
  scrollbar-width:none;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-rail {
  display:flex!important;flex-wrap:nowrap!important;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:26px!important;min-height:26px!important;
  gap:3px!important;padding:3px!important;
  border:1px solid #3a4951!important;border-radius:9px!important;
  background:#121e26!important;box-shadow:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-segment {
  display:flex!important;align-items:center;justify-content:center;
  flex:var(--share) 1 0!important;flex-grow:var(--share)!important;
  min-width:4px!important;max-width:none!important;
  min-height:18px!important;height:18px!important;
  padding:0!important;border-radius:5px!important;
  background:var(--cat)!important;
  transform:none!important;filter:none!important;
  box-shadow:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-segment :is(span,b) {
  display:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-segment:is(:hover,:focus-visible,.selected) {
  flex-grow:var(--share)!important;
  transform:none!important;
  filter:brightness(1.1)!important;
  box-shadow:inset 0 0 0 1px #eef3f4!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-segment:focus-visible {
  outline:2px solid var(--wmd-budget-accent,#d6bc91)!important;
  outline-offset:2px;
}

/* The legend is the useful, keyboard- and touch-accessible entry point.
   Each item contains its category, actual planned monthly amount and share. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend {
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
  align-items:stretch;gap:8px!important;
  margin:11px 0 0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item {
  display:grid!important;
  grid-template-columns:25px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  gap:2px 10px!important;align-items:center;
  width:100%!important;min-width:0!important;min-height:52px!important;
  padding:8px 12px!important;
  border:1px solid #3d4d57!important;border-radius:10px!important;
  background:#17232c!important;
  color:#e9eff3!important;text-align:left!important;
  box-shadow:none!important;transform:none!important;cursor:pointer;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item>i {
  grid-column:1;grid-row:1/span 2;
  display:grid;place-items:center;
  width:25px;height:30px;min-width:25px;
  font-style:normal;font-size:19px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item>b {
  grid-column:2;grid-row:1;min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:700 12px/1.35 system-ui,sans-serif!important;color:#e9eff3!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item>.money-mix-planned {
  grid-column:2;grid-row:2;
  font:730 13px/1.25 system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;color:#e2c697!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item>span {
  grid-column:3;grid-row:1/span 2;
  color:#d6bc91!important;font:720 12px/1.3 system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected) {
  border-color:color-mix(in srgb,var(--wmd-budget-accent,#d6bc91) 50%,#43515a)!important;
  background:color-mix(in srgb,var(--wmd-budget-accent,#d6bc91) 7%,#17232c)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item:focus-visible {
  outline:2px solid var(--wmd-budget-accent,#d6bc91)!important;outline-offset:2px;
}

/* With one category, a 100% stacked bar communicates nothing new. Keep
   one actionable category row and an honest note instead. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .money-mix-stage {
  display:none!important;
}
/* In a single-category view the row already contains the whole amount.
   Do not repeat the same figure in the section heading as well. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .category-overview-head>strong {
  display:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .money-mix-legend {
  grid-template-columns:minmax(0,1fr)!important;
  margin:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .money-mix-legend-item {
  min-height:52px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-one-note {
  margin:9px 0 0!important;color:#a6b6c0!important;
  font:450 11px/1.5 system-ui,sans-serif!important;
}

/* Inline category editor and tooltip follow the Budget palette too. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-editor {
  margin:12px 0 3px!important;padding:13px!important;
  background:#17232d!important;border:1px solid #4a5360!important;
  border-radius:11px!important;box-shadow:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-editor-head strong {
  color:#ead0a2!important;font:750 15px/1.3 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-editor-head button {
  border-color:#5b5961!important;background:#26313b!important;color:#f0edf0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-edit-row {
  border-top-color:#344650!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget :is(.money-mix-edit-row>input,.money-mix-edit-amount) {
  background:#121f29!important;border-color:#485864!important;color:#eff4f6!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-edit-amount>span {
  color:var(--wmd-budget-accent,#d6bc91)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-tooltip {
  border-color:color-mix(in srgb,var(--wmd-budget-accent,#d6bc91) 45%,#4b5e63)!important;
  background:#18252e!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-tooltip-head>strong {
  color:#e6c99e!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-more {
  padding:9px!important;border:1px solid #4b5560!important;
  border-radius:9px!important;background:#1c2a32!important;
  color:#e6cd9f!important;font:650 11px/1.3 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-all {
  border-top-color:#40515a!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-all-item {
  background:#16232c!important;color:#edf2f4!important;
  border-color:#3a4a55!important;
}
@media(max-width:600px){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
    .category-overview.money-mix.budget {padding:14px!important;margin:13px 0!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
    .money-mix.budget .category-overview-head>strong {
    justify-items:start!important;font-size:18px!important;
  }
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
    .money-mix.budget .money-mix-legend {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
    .money-mix.budget .money-mix-segment {transition:none!important}
}


/* An empty Budget should not resurrect the old grey category slab. */
#app .wmd-workspace--budget .category-overview.budget-mix-empty,
#app .landing-v6 [data-landing-budget-preview] .category-overview.budget-mix-empty {
  padding:16px 20px!important;
  margin:16px 0!important;
  border:1px solid #3b4d57!important;border-radius:15px!important;
  background:#19262f!important;box-shadow:none!important;
}
#app .wmd-workspace--budget .budget-mix-empty .category-empty,
#app .landing-v6 [data-landing-budget-preview] .budget-mix-empty .category-empty {
  background:transparent!important;color:#aebec8!important;
  border-color:#45545e!important;font-size:12px!important;
}

/* One chart per question: the upper Budget donut already conveys allocation.
   Put category proportions next to their own labels rather than rendering
   another stacked bar plus the same data a second time. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-stage {
  display:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend {
  margin:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item {
  position:relative!important;
  min-height:58px!important;
  overflow:hidden!important;
  padding-bottom:15px!important;
}
/* Small, aligned proportional tracks: never rely on hue alone. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend-item::after {
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:5px;height:3px;
  pointer-events:none;border-radius:999px;
  background:linear-gradient(90deg,var(--cat,#d6bc91) 0 var(--mix-share,0%),
    #394853 var(--mix-share,0%) 100%);
  opacity:.82;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .money-mix-legend-item::after {
  display:none;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget.is-single .money-mix-legend-item {
  min-height:49px!important;
  padding-bottom:8px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-all-item {
  min-width:0;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-all-item:focus-visible {
  outline:2px solid var(--wmd-budget-accent,#d6bc91)!important;
  outline-offset:2px;
}

/* plan-coverage.css */
/* One consistent, quiet Plan Coverage surface in the Budget and Cash Flow palettes.
   The assessment has no score or "verified" financial guarantee. */
#app .wmd-plan-coverage{
  --pc-accent:var(--wmd-accent,#b9d5ce);
  --pc-border:color-mix(in srgb,var(--pc-accent) 25%,#354957);
  margin:14px 0 17px;min-width:0;display:grid;gap:12px;
  border:1px solid var(--pc-border);border-radius:16px;
  background:color-mix(in srgb,var(--pc-accent) 5%,#192630);padding:18px 20px;
  color:#eef5f6;box-shadow:none
}
#app .wmd-plan-coverage *{box-sizing:border-box}
#app .wmd-plan-coverage-header{display:flex;align-items:center;justify-content:space-between;gap:18px}
#app .wmd-plan-coverage-title{min-width:0;flex:1 1 350px;display:grid;gap:5px}
#app .wmd-plan-coverage-kicker{color:var(--pc-accent);font-size:10px;font-weight:790;letter-spacing:.065em}
#app .wmd-plan-coverage-title h3{margin:0;color:#f3f7f7;font:760 clamp(16px,1.7vw,20px)/1.25 system-ui,sans-serif;letter-spacing:-.03em}
#app .wmd-plan-coverage-title p{margin:0;max-width:770px;font-size:12px;line-height:1.5;color:#bfcfd4}
#app .wmd-plan-coverage-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}
#app .wmd-plan-coverage-actions button{
  border-radius:9px;min-height:39px;padding:8px 13px;cursor:pointer;
  font:690 12px/1.3 system-ui,sans-serif;white-space:normal;text-align:center
}
#app .wmd-plan-coverage-primary{
  background:var(--pc-accent);color:#14242b;
  border:1px solid var(--pc-accent)
}
#app .wmd-plan-coverage-primary:hover{filter:brightness(1.085)}
#app .wmd-plan-coverage-secondary{border:1px solid #49606a;background:transparent;color:#d8e7eb}
#app .wmd-plan-coverage-secondary:hover{background:#293d45;border-color:#8aa7ab}
#app .wmd-plan-coverage button:focus-visible,#app .wmd-plan-coverage summary:focus-visible{
  outline:2px solid var(--pc-accent);outline-offset:3px
}
#app .wmd-plan-coverage-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
#app .wmd-plan-coverage-checks>button{
  display:flex;gap:4px;flex-direction:column;min-width:0;padding:10px 12px;
  border:1px solid #3a4d58;border-radius:10px;background:#ffffff05;
  position:relative;cursor:pointer;text-align:left;color:inherit;font-family:inherit;
  appearance:none;transition:border-color .16s ease,background .16s ease
}
#app .wmd-plan-coverage-checks>button:hover{
  border-color:var(--pc-accent);background:color-mix(in srgb,var(--pc-accent) 10%,#1b2b34)
}
#app .wmd-plan-coverage-checks>button i{
  position:absolute;right:10px;top:10px;color:var(--pc-accent);
  font-size:12px;font-style:normal;opacity:.7
}
#app .wmd-plan-coverage-checks button>span{color:#aebfc7;font-size:10px;line-height:1.4;padding-right:12px}
#app .wmd-plan-coverage-checks button>strong{color:#e4edef;font-size:12px;line-height:1.42;overflow-wrap:anywhere;padding-right:14px}
#app .wmd-plan-coverage-unassigned,#app .wmd-plan-coverage-tip{
  margin:0;color:#cbd5d8;font-size:11px;line-height:1.5
}
#app .wmd-plan-coverage-unassigned{color:#e1c69a}
#app .wmd-plan-coverage-explain{border-top:1px solid #364b53;padding-top:9px;min-width:0}
#app .wmd-plan-coverage-explain summary{font-size:11px;font-weight:650;color:#bbcdd2;cursor:pointer}
#app .wmd-plan-coverage-explain p{margin:7px 0 0;color:#b8c8ce;font-size:11px;line-height:1.6;max-width:850px}
#app .wmd-plan-coverage--reviewed{padding:14px 17px;gap:9px}
#app .wmd-plan-coverage--reviewed .wmd-plan-coverage-title h3{font-size:16px}
#app details.wmd-plan-coverage--reviewed{display:block;padding:0;overflow:hidden}
#app .wmd-plan-coverage-compact-summary{
  display:flex;align-items:center;justify-content:space-between;gap:15px;
  list-style:none;padding:14px 17px;cursor:pointer;color:#eaf5f2
}
#app .wmd-plan-coverage-compact-summary::-webkit-details-marker{display:none}
#app .wmd-plan-coverage-compact-summary>span{display:grid;gap:3px;min-width:0}
#app .wmd-plan-coverage-compact-summary strong{font-size:13px;line-height:1.3;font-weight:750}
#app .wmd-plan-coverage-compact-summary small{font-size:11px;color:#b7c8ca;line-height:1.4}
#app .wmd-plan-coverage-compact-summary>b{font-size:11px;font-weight:680;color:var(--pc-accent);white-space:nowrap}
#app details.wmd-plan-coverage--reviewed[open] .wmd-plan-coverage-compact-summary>b{color:#d8e9e2}
#app .wmd-plan-coverage-compact-body{display:grid;gap:12px;padding:0 17px 16px}
#app .wmd-plan-coverage-compact-body>.wmd-plan-coverage-header{padding-top:11px;border-top:1px solid #3b4e56}
#app details.wmd-plan-coverage--reviewed:not([open]) .wmd-plan-coverage-compact-body{display:none}

#app .wmd-workspace--budget .wmd-plan-coverage{--pc-accent:var(--wmd-budget-accent,#d6bc91)}
#app .wmd-workspace--cashflow .wmd-plan-coverage{--pc-accent:var(--wmd-accent,#9cc6ee)}
@media(max-width:900px){
 #app .wmd-plan-coverage-header{align-items:flex-start;flex-wrap:wrap}
 #app .wmd-plan-coverage-actions{justify-content:flex-start}
}
@media(max-width:800px){
 #app .wmd-plan-coverage-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
 #app .wmd-plan-coverage{padding:13px;gap:10px;margin:10px 0 15px}
 #app .wmd-plan-coverage-header{gap:10px}
 #app .wmd-plan-coverage-actions{width:100%}
 #app .wmd-plan-coverage-actions button{flex:1 1 auto}
 #app .wmd-plan-coverage-checks{grid-template-columns:1fr;gap:5px}
 #app .wmd-plan-coverage-checks>button{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px}
 #app .wmd-plan-coverage-checks button>strong{text-align:right;font-size:11px;padding-right:15px}
 #app .wmd-plan-coverage-compact-summary{padding:12px 13px;gap:9px}
 #app .wmd-plan-coverage-compact-summary small{font-size:10px}
 #app .wmd-plan-coverage-compact-summary>b{font-size:10px}
 #app .wmd-plan-coverage-compact-body{padding:0 12px 13px}

}
@media(prefers-reduced-motion:reduce){#app .wmd-plan-coverage *{transition:none!important}}

/* Forecast input reliability: visible, concise, and never a certification. */
#app .wmd-workspace--cashflow .wmd-plan-coverage-trust{margin:0;padding:10px 12px;border:1px solid #526176;border-radius:10px;background:#ffffff06;color:#c6d5e3;font-size:12px;line-height:1.55}
#app .wmd-workspace--cashflow .wmd-plan-coverage-trust strong{color:#f0f5f9}
#app .wmd-plan-coverage-more{border-top:1px solid #364b53;padding-top:9px}
#app .wmd-plan-coverage-more summary{color:#c3d3dc;cursor:pointer;font-size:11px;font-weight:650;margin-bottom:9px}
#app .wmd-plan-coverage-more summary:focus-visible{outline:2px solid var(--pc-accent);outline-offset:3px}
#app .wmd-workspace--cashflow .wmd-plan-coverage-checks{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:800px){#app .wmd-workspace--cashflow .wmd-plan-coverage-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#app .wmd-workspace--cashflow .wmd-plan-coverage-checks{grid-template-columns:1fr}}

/* Budget is a monthly plan. Cash Flow owns the live projection diagnostics.
   Keep a single three-choice setup surface in Budget's warm-sand palette. */
#app .wmd-workspace--budget .wmd-plan-coverage{
  --pc-accent:var(--wmd-budget-accent,#d6bc91);
  background:linear-gradient(115deg,color-mix(in srgb,var(--pc-accent) 9%,#1b2831),#1d2933);
  border-color:color-mix(in srgb,var(--pc-accent) 31%,#445563)
}
#app .wmd-workspace--budget .wmd-plan-coverage-checks{
  grid-template-columns:repeat(3,minmax(0,1fr))
}
#app .wmd-workspace--budget .wmd-plan-coverage-help{
  border:0;background:transparent;color:var(--pc-accent);
  text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;
  min-height:35px;padding:7px 5px;font:650 12px/1.4 system-ui,sans-serif;
  cursor:pointer
}
#app .wmd-workspace--budget .wmd-plan-coverage-help:hover{
  background:transparent;text-decoration-color:currentColor
}
#app .wmd-workspace--budget .wmd-plan-coverage-secondary{
  border-color:color-mix(in srgb,var(--pc-accent) 35%,#48535d);
  color:#e8dfcf
}
#app .wmd-workspace--budget .wmd-plan-coverage-secondary:hover{
  border-color:var(--pc-accent);
  background:color-mix(in srgb,var(--pc-accent) 10%,#27313a)
}
@media(max-width:800px){
  #app .wmd-workspace--budget .wmd-plan-coverage-checks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  #app .wmd-workspace--budget .wmd-plan-coverage-checks{grid-template-columns:1fr}
  #app .wmd-workspace--budget .wmd-plan-coverage-actions{gap:6px;align-items:center}
  #app .wmd-workspace--budget .wmd-plan-coverage-help{flex:1 1 100%;text-align:left}
}


/* Compact planning readiness: one action and one disclosure by default.
   Existing checks, explanations and alternate actions remain keyboard accessible
   after opening details. Hide the redundant Budget shortcut only when coverage
   is present, never when the fallback card is missing. */
#app .wmd-workspace--budget .guided-budget-shortcut:has(+ .wmd-plan-coverage){display:none}
#app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed){
  padding:13px 16px;gap:9px;margin:10px 0 14px;
  background:color-mix(in srgb,var(--pc-accent) 5%,#192630)
}
#app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-title{gap:3px}
#app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-title h3{font-size:16px}
#app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-title p{font-size:12px;max-width:660px}
#app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-actions button{min-height:35px;padding:7px 11px}
#app .wmd-plan-coverage-progress{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#b9cbd0;font-size:11px}
#app .wmd-plan-coverage-progress-track{height:5px;width:95px;display:inline-block;overflow:hidden;border-radius:8px;background:#40515a}
#app .wmd-plan-coverage-progress-track>span{height:100%;display:block;background:var(--pc-accent);border-radius:8px}
#app .wmd-plan-coverage-mini-unassigned{color:#d9be91}
#app .wmd-plan-coverage-inspection{border-top:1px solid #344751;padding-top:8px;min-width:0}
#app .wmd-plan-coverage-inspection>summary{cursor:pointer;color:#becfd4;font-size:11px;font-weight:650;list-style:none;display:flex;gap:6px;align-items:center;width:max-content;max-width:100%}
#app .wmd-plan-coverage-inspection>summary:before{content:"›";font-size:15px;line-height:10px;display:inline-block;transition:transform .15s}
#app .wmd-plan-coverage-inspection[open]>summary:before{transform:rotate(90deg)}
#app .wmd-plan-coverage-inspection>summary::-webkit-details-marker{display:none}
#app .wmd-plan-coverage-inspection>summary:focus-visible{outline:2px solid var(--pc-accent);outline-offset:3px}
#app .wmd-plan-coverage-inspection-body{display:grid;gap:11px;padding-top:11px}
#app .wmd-plan-coverage-context{margin:0;color:#b9cbd0;font-size:11px;line-height:1.55}
#app .wmd-plan-coverage-extra-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
#app .wmd-plan-coverage-extra-actions button{min-height:32px;padding:5px 10px;cursor:pointer;border-radius:8px}
#app .wmd-workspace--budget .wmd-plan-coverage-extra-actions .wmd-plan-coverage-help{padding:5px 10px}
#app .wmd-plan-coverage-inspection:not([open]) .wmd-plan-coverage-inspection-body{display:none}
@media(max-width:560px){
 #app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed){padding:12px;gap:8px}
 #app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-header{gap:9px}
 #app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-actions{width:auto}
 #app .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) .wmd-plan-coverage-actions button{flex:0 1 auto}
 #app .wmd-plan-coverage-progress{gap:7px}
 #app .wmd-plan-coverage-mini-unassigned{flex-basis:100%}
}

/* Budget setup navigation: key entry points stay visible without expanded diagnostics. */
#app .wmd-workspace--budget .wmd-plan-coverage-actions .wmd-plan-coverage-setup-link{
  border:0;background:transparent;color:var(--pc-accent);font-size:11px;
  min-height:35px;padding:6px 3px;white-space:normal;
  text-decoration:underline;text-decoration-color:transparent;text-underline-offset:3px
}
#app .wmd-workspace--budget .wmd-plan-coverage-actions .wmd-plan-coverage-setup-link:hover{
  text-decoration-color:currentColor;background:transparent
}
#app .wmd-workspace--budget .wmd-plan-coverage-reviewed-budget .wmd-plan-coverage-title h3{
  font-size:14px
}
#app .wmd-workspace--budget .wmd-plan-coverage-reviewed-budget .wmd-plan-coverage-title p{
  font-size:11px
}
@media(max-width:620px){
  #app .wmd-workspace--budget .wmd-plan-coverage-actions{
    flex:1 1 100%;width:100%;justify-content:flex-start;gap:7px
  }
  #app .wmd-workspace--budget .wmd-plan-coverage-actions>.wmd-plan-coverage-primary,
  #app .wmd-workspace--budget .wmd-plan-coverage-actions>.wmd-plan-coverage-statement-cta{
    flex:1 1 130px;min-width:0
  }
  #app .wmd-workspace--budget .wmd-plan-coverage-actions>.wmd-plan-coverage-setup-link{
    flex:1 1 100%;min-width:0;min-height:30px;text-align:left
  }
}


/* Compact, legible Budget next-step card, scoped away from Cash Flow. */
#app .wmd-budget-checkin{padding:16px 18px;display:block}
#app .wmd-budget-checkin .wmd-budget-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 14px;flex-wrap:wrap}
#app .wmd-budget-checkin .wmd-budget-steps li{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:650;opacity:.7}
#app .wmd-budget-checkin .wmd-budget-steps li span{display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:22px;height:22px;font-size:11px}
#app .wmd-budget-checkin .wmd-budget-steps li[aria-current="step"]{opacity:1;font-weight:800}
#app .wmd-budget-checkin .wmd-budget-steps li[aria-current="step"] span{background:var(--accent,#315caa);color:#fff;border-color:transparent}
#app .wmd-budget-checkin .wmd-budget-checkin-main{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
#app .wmd-budget-checkin .wmd-plan-coverage-title{flex:1 1 280px}
#app .wmd-budget-checkin .wmd-plan-coverage-title h3{font-size:clamp(18px,2vw,22px);line-height:1.24}
#app .wmd-budget-checkin .wmd-plan-coverage-title p{font-size:14px;line-height:1.55}
#app .wmd-budget-checkin .wmd-budget-remaining{font-size:14px;font-weight:650;margin:10px 0 0}
#app .wmd-budget-checkin .wmd-budget-remaining strong{font-size:20px}
#app .wmd-budget-checkin .wmd-budget-remaining small{display:block;font-size:12px;font-weight:450;margin-top:3px}
#app .wmd-budget-checkin .wmd-plan-coverage-actions{display:flex;gap:8px;flex-wrap:wrap}
#app .wmd-budget-checkin .wmd-plan-coverage-actions button{font-size:13px;min-height:44px}
#app .wmd-budget-checkin .wmd-plan-coverage-inspection{margin-top:12px}
#app .wmd-budget-checkin .wmd-plan-coverage-inspection button{min-height:40px;padding:8px 10px;margin:3px}
@media(max-width:620px){
 #app .wmd-budget-checkin{padding:14px}
 #app .wmd-budget-checkin .wmd-budget-steps{gap:7px}
 #app .wmd-budget-checkin .wmd-budget-steps li{font-size:11px}
 #app .wmd-budget-checkin .wmd-plan-coverage-actions{width:100%}
 #app .wmd-budget-checkin .wmd-plan-coverage-actions button{flex:1 1 150px}
}


/* Budget check-in alternate actions (2026-10-21).
   budgetView() renders these buttons directly in inspection-body, NOT in
   extra-actions. Own their neutral styles without changing their callbacks,
   the primary CTA, Cash Flow cards, or financial status colors. */
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection > .wmd-plan-coverage-inspection-body{
  grid-template-columns:minmax(0,1fr);
  gap:10px;
  padding-top:12px;
  min-width:0;
}
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection-body > p{
  margin:0 0 2px!important;
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--wmd-theme-muted,#b9cfde)!important;
}
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block;
  box-sizing:border-box;
  width:100%!important;
  max-width:100%!important;
  min-width:0;
  min-height:44px!important;
  height:auto!important;
  margin:0!important;
  padding:11px 14px!important;
  border:1px solid var(--wmd-theme-line,#557894)!important;
  border-radius:11px!important;
  background:var(--wmd-theme-raised,#243c52)!important;
  color:var(--wmd-theme-text,#eaf5fd)!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:inherit!important;
  font-size:14px!important;
  font-weight:650!important;
  line-height:1.4!important;
  text-align:left!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  box-shadow:none!important;
  text-shadow:none!important;
  opacity:1!important;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]:not(:disabled):not([aria-disabled="true"]):is(:hover,:active,:focus-visible){
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 14%,var(--wmd-theme-raised,#243c52))!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;
  outline-offset:2px!important;
}
#app .wmd-workspace--budget .wmd-budget-checkin
 .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]:is(:disabled,[aria-disabled="true"]){
  opacity:.55!important;
  cursor:not-allowed!important;
}
@media(forced-colors:active){
  #app .wmd-workspace--budget .wmd-budget-checkin
   .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]{
    forced-color-adjust:auto;
    background:ButtonFace!important;
    color:ButtonText!important;
    border-color:ButtonText!important;
  }
  #app .wmd-workspace--budget .wmd-budget-checkin
   .wmd-plan-coverage-inspection-body > button[data-plan-coverage-action]:focus-visible{
    outline-color:Highlight!important;
  }
}

/* A legible, compact list of real missing payment dates in Budget setup. */
#app .wmd-workspace--budget .wmd-budget-date-issues{
  margin-top:14px;padding:13px 14px;border:1px solid var(--bc-line,#526c86);
  border-radius:12px;background:var(--bc-deep,#112338);
}
#app .wmd-workspace--budget .wmd-budget-date-issues>summary{
  cursor:pointer;color:var(--bc-ink,#f4faff);font-size:15px;
  font-weight:800;line-height:1.45;
}
#app .wmd-workspace--budget .wmd-budget-date-issues>p{
  margin:10px 0;color:var(--bc-muted,#c2d9ec);
  font-size:14px;line-height:1.55;
}
#app .wmd-workspace--budget .wmd-budget-date-issue-list{display:grid;gap:8px;margin:10px 0}
#app .wmd-workspace--budget .wmd-budget-date-issue-list>button{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:10px;text-align:left;min-height:58px;
  width:100%;padding:12px;border:1px solid var(--bc-line,#536d86);
  border-radius:10px;background:var(--bc-raised,#253d53);
  color:var(--bc-ink,#f4faff);cursor:pointer;
}
#app .wmd-workspace--budget .wmd-budget-date-issue-list>button>span{
  display:grid;gap:4px;min-width:0;flex:1 1 170px;
}
#app .wmd-workspace--budget .wmd-budget-date-issue-list strong{
  font-size:15px;line-height:1.35;overflow-wrap:anywhere;
}
#app .wmd-workspace--budget .wmd-budget-date-issue-list small{
  font-size:13px;color:var(--bc-muted,#c2d9ec);line-height:1.4;
}
#app .wmd-workspace--budget .wmd-budget-date-issue-list b{
  font-size:13px;color:var(--bc-accent,#91c8ff);white-space:nowrap;
}
#app .wmd-workspace--budget .wmd-budget-date-issues :is(summary,button):focus-visible{
  outline:3px solid var(--bc-accent,#91c8ff);outline-offset:3px;
}
@media(max-width:530px){
  #app .wmd-workspace--budget .wmd-budget-date-issues{padding:12px}
  #app .wmd-workspace--budget .wmd-budget-date-issue-list>button{
    min-height:60px;padding:13px;
  }
}


/* Budget setup is reference material once reviewed. Keep one-click next step
   visible when closed; an incomplete plan defaults to an expanded explanation.
   Native details gives keyboard/assistive-technology disclosure semantics. */
#app main.wmd-workspace--budget .wmd-budget-checkin{
  position:relative;display:block!important;
  padding:0!important;overflow:visible;isolation:isolate;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold{
  display:block;min-width:0;margin:0;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary{
  display:flex;align-items:center;justify-content:space-between;
  min-height:76px;gap:14px;
  padding:13px 205px 13px 17px;
  list-style:none;cursor:pointer;
  color:var(--wmd-theme-text,#f1f8ff);
  border-radius:15px;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary::marker{content:""}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary-copy{
  display:grid;gap:4px;min-width:0;overflow-wrap:anywhere;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary-copy>strong{
  color:var(--wmd-theme-text,#f1f8ff);
  font:790 clamp(14px,1.5vw,18px)/1.25 system-ui,sans-serif;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary-copy>small{
  color:var(--wmd-theme-muted,#bed1df);
  font:550 12px/1.45 system-ui,sans-serif;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-disclosure-label{
  display:inline-flex;align-items:center;gap:7px;flex:none;
  color:var(--wmd-theme-accent-soft,#9ed8f6);
  font:750 12px/1.3 system-ui,sans-serif;white-space:nowrap;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-disclosure-label .when-open{display:none}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold[open] .when-open{display:inline}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold[open] .when-closed{display:none}
#app main.wmd-workspace--budget .wmd-budget-checkin-chevron{
  display:inline-block;font-size:17px;line-height:1;
  transform-origin:center;transition:transform .15s ease;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold[open] .wmd-budget-checkin-chevron{
  transform:rotate(180deg)
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--wmd-theme-accent-soft,#9ed8f6) 7%,transparent);
}
#app main.wmd-workspace--budget .wmd-budget-checkin-summary:focus-visible{
  outline:2px solid var(--wmd-theme-accent-soft,#9ed8f6);
  outline-offset:-3px;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold[open] .wmd-budget-checkin-summary{
  padding-right:17px;
  border-bottom:1px solid var(--wmd-theme-line-soft,#405b71);
  border-radius:15px 15px 0 0;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-expanded{
  display:grid;gap:13px;padding:15px 17px 17px;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-fold:not([open]) .wmd-budget-checkin-expanded{
  display:none!important;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-expanded .wmd-budget-steps{
  margin:0;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-expanded .wmd-budget-checkin-main{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;
}
#app main.wmd-workspace--budget .wmd-budget-checkin-quick-cta{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  min-height:39px;padding:8px 12px;white-space:nowrap;
  font:750 12px/1.35 system-ui,sans-serif;
  border-radius:9px;cursor:pointer;z-index:2;
}
#app main.wmd-workspace--budget .wmd-budget-checkin:has(> .wmd-budget-checkin-fold[open])
  >.wmd-budget-checkin-quick-cta{display:none!important}
#app main.wmd-workspace--budget .wmd-budget-checkin:has(> .wmd-budget-checkin-fold[open])
  .wmd-budget-checkin-expanded .wmd-plan-coverage-actions{justify-content:flex-end}
@media(max-width:780px){
  #app main.wmd-workspace--budget .wmd-budget-checkin-summary{
    padding-right:16px;flex-wrap:wrap;min-height:68px;
  }
  #app main.wmd-workspace--budget .wmd-budget-checkin-quick-cta{
    position:static;display:block;width:calc(100% - 28px);
    margin:0 14px 14px;transform:none;white-space:normal;
  }
  #app main.wmd-workspace--budget .wmd-budget-checkin-expanded{
    padding:13px 14px 14px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--budget .wmd-budget-checkin-chevron{transition:none}
}

/* print-report.css */
/* A quiet, accessible print command inside Settings. */
/* Settings print controls and the body-level print dialog share the active
   appearance. Ocean is the site default; Mint remains a user-selected option.
   PDF paper output is always legible and uses the official blue wordmark. */
body{
  --wmd-print-accent:#8ec8f3;
  --wmd-print-accent-soft:#bddffd;
  --wmd-print-panel:#192d3f;
  --wmd-print-deep:#112334;
  --wmd-print-control:#243e53;
  --wmd-print-control-hover:#2d5069;
  --wmd-print-line:#4e718e;
  --wmd-print-title:#f0f7fd;
  --wmd-print-muted:#b9cddd;
  --wmd-print-on-accent:#102333;
}
body:has(#app[data-wmd-color-scheme="mint"]){
  --wmd-print-accent:#57d7aa;
  --wmd-print-accent-soft:#9ae8cb;
  --wmd-print-panel:#19252e;
  --wmd-print-deep:#111c25;
  --wmd-print-control:#233b39;
  --wmd-print-control-hover:#2e4d48;
  --wmd-print-line:#47685e;
  --wmd-print-title:#eef4f7;
  --wmd-print-muted:#b5d0c7;
  --wmd-print-on-accent:#10261e;
}
body:has(#app[data-wmd-color-scheme="white"]){
  --wmd-print-accent:#286a9e;
  --wmd-print-accent-soft:#215982;
  --wmd-print-panel:#fff;
  --wmd-print-deep:#f7fafd;
  --wmd-print-control:#eaf2f9;
  --wmd-print-control-hover:#dcebf6;
  --wmd-print-line:#b8ccdd;
  --wmd-print-title:#192e40;
  --wmd-print-muted:#536a7c;
  --wmd-print-on-accent:#fff;
}
body:has(#app[data-wmd-color-scheme="black"]){
  --wmd-print-accent:#d5e0ec;
  --wmd-print-accent-soft:#eff5fa;
  --wmd-print-panel:#15191e;
  --wmd-print-deep:#090c10;
  --wmd-print-control:#232a31;
  --wmd-print-control-hover:#303b46;
  --wmd-print-line:#434b55;
  --wmd-print-title:#f4f7fa;
  --wmd-print-muted:#b7c2cd;
  --wmd-print-on-accent:#111820;
}
body:has(#app[data-wmd-color-scheme="pink"]){
  --wmd-print-accent:#ee9bc9;
  --wmd-print-accent-soft:#ffd5e9;
  --wmd-print-panel:#291e2b;
  --wmd-print-deep:#1b1620;
  --wmd-print-control:#39283b;
  --wmd-print-control-hover:#52364d;
  --wmd-print-line:#69506e;
  --wmd-print-title:#fff3f9;
  --wmd-print-muted:#d2bbc9;
  --wmd-print-on-accent:#211923;
}

.wmd-print-report-heading{display:none!important}
#app .wmd-print-settings{padding-top:17px;padding-bottom:18px;border-bottom:1px solid #33414b}
#app .wmd-print-settings h3{font:750 14px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;margin:0 0 5px;color:#eef5f6}
#app .wmd-print-settings p{font-size:12px;line-height:1.5;margin:0 0 12px;color:#aebec6}
#app .wmd-print-settings-button{border:1px solid var(--wmd-print-line);border-radius:9px;background:var(--wmd-print-control);color:var(--wmd-print-accent-soft);padding:9px 13px;min-height:38px;font:740 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
#app .wmd-print-settings-button:hover{background:var(--wmd-print-control-hover);border-color:var(--wmd-print-accent)}
#app .wmd-print-settings-button:focus-visible{outline:2px solid var(--wmd-print-accent);outline-offset:3px}
.wmd-print-backdrop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;overflow-y:auto;padding:18px;background:rgba(5,11,15,.78);backdrop-filter:blur(4px)}
.wmd-print-dialog{width:min(510px,100%);max-height:min(90dvh,700px);overflow:auto;color:var(--wmd-print-title);background:var(--wmd-print-panel);border:1px solid var(--wmd-print-line);border-radius:17px;box-shadow:0 22px 65px #0009;padding:0 21px 20px;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wmd-print-dialog-head{position:sticky;top:0;display:flex;align-items:start;justify-content:space-between;gap:15px;padding:20px 0 15px;background:var(--wmd-print-panel);border-bottom:1px solid var(--wmd-print-line);z-index:1}
.wmd-print-kicker{display:block;color:var(--wmd-print-accent-soft);font-size:10px;font-weight:800;letter-spacing:.12em}
.wmd-print-dialog h2{margin:5px 0 0;font-size:21px;font-weight:780;letter-spacing:-.02em;color:var(--wmd-print-title)}
.wmd-print-close{flex:none;width:32px;height:32px;border:1px solid var(--wmd-print-line);background:var(--wmd-print-control);border-radius:8px;color:var(--wmd-print-title);font-size:21px;line-height:1;cursor:pointer}
.wmd-print-close:hover{background:var(--wmd-print-control-hover)}
.wmd-print-intro{margin:16px 0;color:var(--wmd-print-muted);font-size:13px;line-height:1.5}
.wmd-print-intro strong{color:var(--wmd-print-title)}
.wmd-print-choices{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.wmd-print-choices legend{margin-bottom:10px;font-size:12px;font-weight:800;color:var(--wmd-print-title)}
.wmd-print-choice{display:flex;gap:11px;align-items:center;border:1px solid var(--wmd-print-line);border-radius:10px;padding:11px;background:var(--wmd-print-deep);cursor:pointer}
.wmd-print-choice:has(input:checked){border-color:var(--wmd-print-accent);background:color-mix(in srgb,var(--wmd-print-accent) 12%,var(--wmd-print-panel))}
.wmd-print-choice input{flex:none;accent-color:var(--wmd-print-accent);width:17px;height:17px}
.wmd-print-choice span{display:grid;gap:3px}
.wmd-print-choice strong{font-size:12px;color:var(--wmd-print-title)}
.wmd-print-choice small{font-size:11px;line-height:1.45;color:var(--wmd-print-muted)}
.wmd-print-help{margin:15px 0 8px;font-size:12px;line-height:1.55;color:var(--wmd-print-muted)}
.wmd-print-privacy{margin:0 0 17px;font-size:11px;line-height:1.55;color:#d4c2a4}
.wmd-print-actions{display:flex;justify-content:flex-end;gap:8px}
.wmd-print-actions button{border-radius:9px;padding:10px 13px;min-height:40px;font:750 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;cursor:pointer}
.wmd-print-cancel{background:transparent;border:1px solid var(--wmd-print-line);color:var(--wmd-print-title)}
.wmd-print-submit{background:var(--wmd-print-accent);border:1px solid var(--wmd-print-accent);color:var(--wmd-print-on-accent)}
.wmd-print-cancel:hover{background:var(--wmd-print-control-hover)}
.wmd-print-submit:hover{background:var(--wmd-print-accent-soft)}
.wmd-print-dialog :is(button,input):focus-visible{outline:2px solid var(--wmd-print-accent);outline-offset:3px}
body:has(#app[data-wmd-color-scheme="white"]) .wmd-print-privacy{color:#73583a}
@media(max-width:540px){.wmd-print-backdrop{padding:10px}.wmd-print-dialog{padding:0 15px 17px;max-height:94dvh}.wmd-print-dialog h2{font-size:19px}.wmd-print-actions{display:grid;grid-template-columns:1fr 1fr}.wmd-print-actions button{padding:10px 6px}}

/* Print is a document, never a screenshot of the dark, interactive app.
   These rules apply to Ctrl+P as well as the Settings print action. */
@media print{
  @page{size:auto;margin:13mm 13mm 14mm}
  /* Affect signed-in financial workspaces only. Public landing/login pages
     must remain printable instead of becoming blank documents. */
  html:has(#app > main.wmd-workspace),body:has(#app > main.wmd-workspace),body:has(#app > main.wmd-workspace) #app{margin:0!important;padding:0!important;min-height:0!important;height:auto!important;width:auto!important;overflow:visible!important;background:#fff!important;color:#192834!important}
  body:has(#app > main.wmd-workspace) > :not(#app),#app:has(> main.wmd-workspace) > :not(main.wmd-workspace){display:none!important}
  #app > main.wmd-workspace{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:none!important;min-width:0!important;min-height:0!important;overflow:visible!important;background:#fff!important;color:#192834!important;font-family:system-ui,-apple-system,"Segoe UI",sans-serif!important;font-size:10pt!important;line-height:1.35!important}
  #app main.wmd-workspace :is(*,*::before,*::after){color:#1b2c38!important;-webkit-text-fill-color:#1b2c38!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;text-shadow:none!important;border-color:#d5dee4!important}
  #app main.wmd-workspace :is(h1,h2,h3,h4,h5,h6,b,strong){color:#101f2a!important;-webkit-text-fill-color:#101f2a!important}
  #app main.wmd-workspace :is(small,.muted,.subtle,.nw-overview-label,.cash-kpi small){color:#465866!important;-webkit-text-fill-color:#465866!important}
  #app main.wmd-workspace :is(button,input,select,textarea){color:#1b2c38!important;-webkit-text-fill-color:#1b2c38!important;border-color:transparent!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}
  #app main.wmd-workspace :is(button,summary){cursor:default!important}
  #app main.wmd-workspace :is(svg,canvas){max-width:100%!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}
  #app main.wmd-workspace svg :is(text,tspan){fill:#243746!important}
  #app main.wmd-workspace svg .hist-label{fill:#475866!important}
  #app main.wmd-workspace svg .hist-grid{stroke:#d6e0e5!important}
  #app main.wmd-workspace svg .donut-hole{fill:#fff!important}
  #app main.wmd-workspace svg .chart-segment{opacity:1!important}
  #app main.wmd-workspace :is(.donut,.nw-mix-donut){width:190px!important;max-width:100%!important;height:auto!important}
  #app main.wmd-workspace :is(.history-chart,.retirement-chart,canvas){height:auto;max-width:100%!important}
  #app main.wmd-workspace :is(.history-panel,.nw-allocation,.nw-unified-overview,.nw-unified-trend,.nw-section,.budget-top,.budget-section,.cashflow-dashboard,.cash-kpi,.cash-settings,.flow-section,.cashflow-calendar-card,.invest-panel,.retirement-card,.nw-chart-panel){box-shadow:none!important;border-color:#d4dfe5!important;min-height:0!important;max-height:none!important;overflow:visible!important}
  #app main.wmd-workspace :is(.nw-unified-overview,.nw-unified-trend,.nw-allocation,.history-panel,.nw-section,.budget-section,.flow-section,.invest-panel,.retirement-card,.cashflow-calendar-card){margin-top:8px!important;margin-bottom:8px!important;padding:10px!important}
  #app main.wmd-workspace :is(.nw-unified-dashboard,.cashflow-dashboard,.budget-top,.nw-board,.nw-mix-layout){gap:9px!important;margin-top:9px!important;margin-bottom:9px!important}
  #app main.wmd-workspace :is(.nw-unified-overview,.nw-unified-totals,.summary-card,.cash-kpi,.cash-runway-month,.invest-hero,.nw-group-head,.cash-month-outlook>summary){break-inside:avoid-page!important;page-break-inside:avoid!important}
  #app main.wmd-workspace :is(.budget-grid,.flow-grid,.nw-subrow,.card-row){min-width:0!important}
  #app main.wmd-workspace :is(.budget-section,.flow-section,.cashflow-calendar-card,.history-panel,.nw-board,.nw-column){overflow:visible!important}
  #app main.wmd-workspace :is(.nw-section,.budget-section,.flow-section,.invest-panel,.retirement-card,.cashflow-calendar-card){break-before:auto;break-after:auto}
  #app main.wmd-workspace :is(.wmd-discovery,.wmd-next-step,.wmd-smart-backdrop,.wmd-next-step--simple,.global-photo-floating,.app-back-to-top,.chart-tooltip,.wmd-print-backdrop,.nw-reorder,.nw-section-actions,.history-actions,.nw-trend-actions,.flow-remove,.row-remove,.heading-remove,.section-actions,.chart-action,.collapse-all-btn,.wmd-drag-handle,.cash-rebuild-inline,.review-transactions-btn,.no-print,[data-wmd-print-exclude]){display:none!important}
  #app main.wmd-workspace > nav[data-scroll-key="workspace-tabs"]{display:none!important}
  #app main.wmd-workspace :is(button,input,select,textarea){font-family:inherit!important}
  #app main.wmd-workspace .wmd-print-report-heading{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:12px!important;margin:0 0 12px!important;padding:0 0 9px!important;border:0!important;border-bottom:2px solid #286a9e!important;break-after:avoid-page!important;page-break-after:avoid!important}
  #app main.wmd-workspace .wmd-print-report-brand{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
  #app main.wmd-workspace .wmd-print-report-brand strong{font-size:17pt!important;line-height:1.1!important;letter-spacing:-.025em!important}
  #app main.wmd-workspace .wmd-print-report-page{font-size:10pt!important;font-weight:750!important;color:#286a9e!important;-webkit-text-fill-color:#286a9e!important}
  #app main.wmd-workspace .wmd-print-report-stamp{font-size:8pt!important;font-weight:550!important;color:#485a68!important;-webkit-text-fill-color:#485a68!important;text-align:right!important;white-space:nowrap!important}
  /* Respect the existing Hide values toggle, including for browser Ctrl+P. */
  #app.wmd-privacy-on main.wmd-workspace :is(span.wmd-private-value,svg text.wmd-private-value){filter:blur(7px)!important;-webkit-filter:blur(7px)!important}
  #app.wmd-privacy-on main.wmd-workspace .wmd-private-input{filter:blur(6px)!important;-webkit-filter:blur(6px)!important}

  /* Page density must change the printed content, not just the outer card.
     Most dashboard components have their own font sizes, gaps and min-heights,
     so inherited main font-size alone does not make the modes different. */
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace {
    font-size:10.75pt!important;
    line-height:1.45!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    .nw-unified-overview,.nw-unified-trend,.nw-allocation,.history-panel,
    .nw-section,.budget-section,.flow-section,.invest-panel,.retirement-card,
    .cashflow-calendar-card
  ){
    padding:14px!important;
    margin-top:12px!important;
    margin-bottom:12px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    .cash-kpi,.cash-runway-month,.summary-card,.invest-hero,.retirement-assumptions
  ){padding:11px!important;gap:10px!important}
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    .nw-unified-dashboard,.cashflow-dashboard,.budget-top,.nw-board,.nw-mix-layout,
    .cash-kpis,.summary-grid
  ){gap:12px!important;margin-top:12px!important;margin-bottom:12px!important}
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    p,li,th,td,summary,small,label
  ){line-height:1.45!important}
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(th,td){
    padding:7px 9px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    .nw-subrow,.nw-account-row,.budget-row,.budget-category-row,.flow-row,
    .flow-entry,.cash-checklist-row,.cash-checklist-item,.invest-holding-row,
    .invest-account-row,.retirement-row,.debt-row
  ){padding-top:6px!important;padding-bottom:6px!important}
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace :is(
    .donut,.nw-mix-donut
  ){width:205px!important;max-width:100%!important;height:auto!important}

  /* Compact is a real space-saving report, including nested data and fixed
     metric type. It never hides transactions, account balances or charts. */
  body[data-wmd-print-density="compact"] #app main.wmd-workspace {
    font-size:8.25pt!important;
    line-height:1.16!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    p,li,th,td,summary,small,label,button,input,select,textarea
  ){
    font-size:8pt!important;
    line-height:1.17!important;
    margin-top:2px!important;
    margin-bottom:2px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    h1,h2,h3,h4,h5,h6,legend
  ){line-height:1.15!important;margin-top:3px!important;margin-bottom:3px!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace h1{font-size:14pt!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace h2{font-size:11pt!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(h3,h4,h5,h6,legend){font-size:9.5pt!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .budget-overview-amount,.cash-kpi b,.cash-runway-month strong,.summary-grid b,
    .nw-unified-totals strong,.nw-total-value,.invest-today-total,
    .invest-hero-emphasis,.retirement-hero-value,.debt-hero-kpis strong
  ){font-size:13pt!important;line-height:1.14!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .nw-unified-overview,.nw-unified-trend,.nw-allocation,.history-panel,
    .nw-section,.budget-section,.flow-section,.invest-panel,.retirement-card,
    .cashflow-calendar-card
  ){
    padding:5px 7px!important;
    margin-top:3px!important;
    margin-bottom:3px!important;
    min-height:0!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .cash-kpi,.cash-runway-month,.summary-card,.invest-hero,.retirement-assumptions,
    .debt-panel,.invest-holdings-modern
  ){padding:5px 7px!important;gap:3px!important;min-height:0!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .nw-unified-dashboard,.cashflow-dashboard,.budget-top,.nw-board,.nw-mix-layout,
    .cash-kpis,.summary-grid,.flow-grid,.budget-grid,.invest-holdings-grid
  ){gap:4px!important;margin-top:4px!important;margin-bottom:4px!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .nw-subrow,.nw-account-row,.budget-row,.budget-category-row,.flow-row,
    .flow-entry,.cash-checklist-row,.cash-checklist-item,.invest-holding-row,
    .invest-account-row,.retirement-row,.debt-row
  ){padding-top:2px!important;padding-bottom:2px!important;min-height:0!important;gap:3px!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(th,td){
    padding:2px 4px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(input,select,textarea){
    height:auto!important;min-height:0!important;padding:2px 4px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace :is(
    .donut,.nw-mix-donut
  ){width:145px!important;max-width:100%!important;height:auto!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace .wmd-print-report-heading{
    margin-bottom:6px!important;padding-bottom:5px!important;gap:6px!important
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace .wmd-print-report-brand strong{
    font-size:13pt!important
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace .wmd-print-report-page{
    font-size:8pt!important
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace .wmd-print-report-stamp{
    font-size:7pt!important
  }

}

/* investment-premium.css */
/* Investments / October 2026. Intentional, data-first layout inspired by mature portfolio UIs.
   Only investment workspace selectors; financial semantics and other pages remain unchanged. */
#app .wmd-workspace--investments{
  --wmd-accent:#a9cfa9;
  --wmd-accent-line:rgba(169,207,169,.44);
  --invest-track-accent:#a9cfa9;
  --invest-premium-line:#394b3c;
  --invest-premium-muted:#adc5b1;
  --invest-premium-ink:#f3f8f4;
}
#app .wmd-workspace--investments .invest-refresh{gap:20px;color:var(--invest-premium-ink)}
/* Navigation uses dedicated class names, isolating it from legacy Investments boxes. */
#app .wmd-workspace--investments .invest-nav-shell{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:8px 24px;min-width:0;margin:0;padding:0 24px 8px;
  background:transparent!important;border:0!important;
  border-bottom:1px solid var(--invest-premium-line)!important;border-radius:0;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-nav-tabs{
  display:flex!important;align-items:stretch;justify-content:flex-start;flex-wrap:nowrap;
  gap:clamp(10px,1.9vw,28px)!important;flex:0 1 auto;
  margin:0!important;padding:0!important;min-width:0;
  background:transparent!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;overflow:visible;
}
#app .wmd-workspace--investments .invest-nav-tabs>button{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  flex:none;white-space:nowrap;min-width:0;min-height:46px!important;
  margin:0!important;padding:12px 3px 13px!important;
  font:650 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:0!important;
  color:#aec6b2!important;background:transparent!important;
  border:0!important;border-bottom:2px solid transparent!important;
  border-radius:0!important;box-shadow:none!important;
  cursor:pointer;transition:color .15s ease,border-color .15s ease;
}
#app .wmd-workspace--investments .invest-nav-tabs>button:hover:not(.active){
  background:transparent!important;color:#e3f5e6!important;
}
#app .wmd-workspace--investments .invest-nav-tabs>button.active{
  background:transparent!important;
  color:var(--wmd-accent)!important;
  border-bottom-color:var(--wmd-accent)!important;
}
#app .wmd-workspace--investments .invest-nav-tools{
  display:flex;flex:0 1 auto;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:8px 20px;min-width:0;
  margin-left:auto;padding:0 2px 0 12px;
}
#app .wmd-workspace--investments .invest-nav-status{
  display:inline-flex;align-items:center;gap:8px;min-height:36px;
  padding:5px 0;background:transparent!important;border:0!important;
  border-radius:0!important;color:#a7c3ab!important;
  font-size:12px;line-height:1.35;font-weight:560;white-space:nowrap;
}
#app .wmd-workspace--investments .invest-nav-status-dot{
  display:block;flex:none;width:6px;height:6px;border-radius:50%;
  background:#81a786;
}
#app .wmd-workspace--investments .invest-nav-status.is-linked .invest-nav-status-dot{
  background:#85cfae;
}
#app .wmd-workspace--investments .invest-nav-link{
  display:inline-flex;gap:5px;align-items:center;justify-content:center;
  min-height:40px!important;margin:0!important;padding:8px 0!important;
  color:#c6e3ca!important;font:650 12px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  white-space:nowrap;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  cursor:pointer;text-decoration:none!important;
}
#app .wmd-workspace--investments .invest-nav-link:hover{
  color:#ebf8ed!important;background:transparent!important;
  text-decoration:underline!important;text-underline-offset:3px;
}
#app .wmd-workspace--investments .invest-nav-link span{font-size:14px;line-height:1}
#app .wmd-workspace--investments .invest-nav-tabs>button:focus-visible,
#app .wmd-workspace--investments .invest-nav-link:focus-visible{
  outline:2px solid var(--wmd-accent)!important;outline-offset:3px!important;
}
@media(max-width:700px){
  #app .wmd-workspace--investments .invest-nav-shell{
    padding:0 13px 9px;gap:0;flex-direction:column;align-items:stretch;
  }
  #app .wmd-workspace--investments .invest-nav-tabs{
    width:100%;justify-content:space-between;gap:4px!important;
  }
  #app .wmd-workspace--investments .invest-nav-tabs>button{
    flex:1 1 0;min-height:43px!important;padding:10px 2px 11px!important;
    font-size:12px!important;
  }
  #app .wmd-workspace--investments .invest-nav-tools{
    width:100%;padding:7px 2px 1px;margin:0;
    justify-content:space-between;gap:8px 14px;
  }
  #app .wmd-workspace--investments .invest-nav-status,
  #app .wmd-workspace--investments .invest-nav-link{
    font-size:11px!important;min-height:33px!important;
  }
}
@media(max-width:360px){
  #app .wmd-workspace--investments .invest-nav-tabs>button{
    font-size:11px!important;letter-spacing:-.01em!important;
  }
  #app .wmd-workspace--investments .invest-nav-tools{gap:6px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-nav-tabs>button{transition:none!important}
}

/* Robinhood-inspired value hierarchy: the amount is the hero, not the border. */
#app .wmd-workspace--investments .invest-refresh .invest-hero-refreshed{
  display:flex!important;flex-direction:column;align-items:flex-start;
  min-height:0!important;padding:12px 24px 22px!important;gap:14px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  border-bottom:1px solid var(--invest-premium-line)!important;box-shadow:none!important;
}
#app .invest-refresh .invest-hero-refreshed h2{
  font-size:clamp(38px,5.2vw,62px)!important;font-weight:780!important;
  letter-spacing:-.052em!important;margin:8px 0 5px!important;line-height:1.02!important;
}
#app .invest-refresh .invest-hero-refreshed .invest-kicker{
  color:#b2d4b6!important;font-size:11px!important;letter-spacing:.08em!important;
}
#app .invest-refresh .invest-hero-refreshed p{
  font-size:14px!important;color:var(--invest-premium-muted)!important;max-width:72ch;
}
#app .invest-refresh .invest-hero-meta{margin-top:11px!important;gap:9px}
#app .invest-refresh .invest-hero-meta>span{
  font-size:11px!important;font-weight:600!important;padding:4px 9px!important;
  background:transparent!important;border:1px solid var(--invest-premium-line)!important;
  color:#c1d5c4!important;border-radius:999px!important;
}
#app .invest-refresh .invest-hero-actions{
  display:flex!important;flex-wrap:wrap;align-items:center;
  justify-content:flex-start!important;justify-items:start;gap:9px!important;min-width:0!important;
}
#app .invest-refresh .invest-hero-actions button{
  min-height:39px!important;padding:9px 14px!important;border-radius:9px!important;
  font-size:12px!important;background:transparent!important;
  color:#c9e1cc!important;border:1px solid #557459!important;
}
#app .invest-refresh .invest-hero-actions .invest-hero-emphasis{
  background:color-mix(in srgb,var(--wmd-accent) 16%,#1d291f)!important;
  border-color:#79a57f!important;color:#ebf7ec!important;
}
#app .invest-refresh .invest-hero-actions button:hover{background:#2d3d2f!important}
/* Portfolio context is one thoughtful information band, not several competing boxes. */
#app .invest-refresh .invest-clarity{
  display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.62fr) minmax(0,1.15fr)!important;
  grid-template-rows:auto!important;gap:0!important;align-items:start!important;
  border:1px solid var(--invest-premium-line)!important;border-radius:16px!important;
  background:#1c261d!important;padding:20px 16px!important;overflow:hidden;
}
#app .invest-refresh .invest-clarity>div{
  grid-area:auto!important;grid-column:auto!important;grid-row:auto!important;
  display:block!important;min-height:0!important;
  padding:4px 22px!important;margin:0!important;background:transparent!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
}
#app .invest-refresh .invest-clarity>div:nth-child(n+2){
  border-left:1px solid var(--invest-premium-line)!important;
}
#app .invest-refresh .invest-clarity .invest-kicker{
  color:#b1d7b6!important;letter-spacing:.085em;font-size:10px!important;
}
#app .invest-refresh .invest-clarity-focus h3{
  margin:8px 0!important;color:#f3f9f4!important;font-size:19px!important;letter-spacing:-.022em!important;
}
#app .invest-refresh .invest-clarity-focus p{
  font-size:13px!important;color:#b7cdba!important;line-height:1.55!important;max-width:56ch;
}
#app .invest-refresh .invest-clarity-focus button{
  min-height:38px!important;padding:8px 12px!important;margin-top:14px!important;
  background:#2d3d2f!important;border:1px solid #678e6c!important;border-radius:9px!important;
  color:#ddf2e0!important;font-size:12px!important;
}
#app .invest-refresh .invest-clarity-coverage{margin:9px 0!important;gap:4px!important}
#app .invest-refresh .invest-clarity-coverage strong{font-size:32px!important;color:#f3fbf4!important}
#app .invest-refresh .invest-clarity-coverage span,
#app .invest-refresh .invest-clarity-completeness>small{
  font-size:11px!important;line-height:1.5!important;color:#b1c6b4!important;
}
#app .invest-refresh .invest-clarity-track{margin:12px 0!important;height:6px;background:#314233!important}
#app .invest-refresh .invest-clarity-track i{background:var(--wmd-accent)!important}
#app .invest-refresh .invest-clarity-top-head{
  padding:0 0 8px!important;margin:0 0 4px!important;border-bottom:1px solid var(--invest-premium-line)!important;
}
#app .invest-refresh .invest-clarity-top-head small{font-size:11px!important;color:#9cb4a0!important}
#app .invest-refresh .invest-clarity-position{flex:none!important;min-height:0!important;padding:10px 0!important;border-color:#344536!important}
#app .invest-refresh .invest-clarity-position strong{font-size:13px!important}
#app .invest-refresh .invest-clarity-position small{font-size:11px!important}
#app .invest-refresh .invest-setup-actions{
  display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:9px;margin-top:17px;
}
#app .invest-refresh .invest-setup-actions button{margin:0!important}
#app .invest-refresh button.invest-snap-action{
  background:#b2e2b9!important;color:#1f2a20!important;
  border:1px solid #c3e8c8!important;font-size:12px!important;font-weight:760!important;
  min-height:39px!important;padding:9px 13px!important;border-radius:9px!important;
  box-shadow:none!important;
}
#app .invest-refresh button.invest-snap-action:hover{background:#ceecd2!important}
/* Empty portfolios have an honest, task-focused layout and no ghost chart sections. */
#app .invest-refresh.invest-overview-empty .invest-clarity{
  grid-template-columns:minmax(0,1fr) minmax(220px,.38fr)!important;gap:0!important;
  padding:20px 22px!important;
}
#app .invest-refresh.invest-overview-empty .invest-clarity>div{padding:8px 22px!important}
#app .invest-refresh.invest-overview-empty .invest-clarity-top{display:none!important}
#app .invest-refresh.invest-overview-empty .invest-today,
#app .invest-refresh.invest-overview-empty .invest-kpis{display:none!important}
#app .invest-refresh.invest-overview-empty .invest-overview-grid>.invest-panel:nth-child(2){display:none!important}
#app .invest-refresh.invest-overview-empty .invest-overview-grid{
  grid-template-columns:minmax(0,1fr)!important;max-width:670px;
}
#app .invest-refresh.invest-overview-empty .invest-toolbar{order:0}
#app .invest-refresh.invest-overview-empty .invest-hero{order:1}
#app .invest-refresh.invest-overview-empty .invest-clarity{order:2}
#app .invest-refresh.invest-overview-empty .invest-accounts-panel{order:3}
#app .invest-refresh.invest-overview-empty .invest-overview-grid{order:4}
/* Holdings header: actions belong with the heading, never hugging the right edge. */
#app .invest-refresh .invest-holdings-modern{display:grid!important;gap:15px!important}
#app .invest-refresh .invest-holdings-modern .invest-panel-head{
  display:flex!important;flex-direction:column;align-items:flex-start!important;
  justify-content:flex-start!important;gap:12px!important;
  padding:8px 24px 0!important;margin:0!important;min-width:0;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-head>div{min-width:0}
#app .invest-refresh .invest-holdings-modern .invest-panel-head h3{
  font-size:clamp(26px,2.6vw,34px)!important;margin:4px 0 6px!important;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-head p{
  font-size:13px!important;max-width:76ch;line-height:1.5!important;color:#b1c7b4!important;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-actions{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  align-self:flex-start!important;gap:9px!important;margin:0!important;max-width:100%;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-actions button{
  min-height:39px!important;min-width:0!important;padding:8px 13px!important;
  font-size:12px!important;border:1px solid #5a7a5e!important;
  border-radius:9px!important;background:#28382a!important;color:#d9f0dc!important;
  flex:none!important;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-actions .invest-primary{
  background:color-mix(in srgb,var(--wmd-accent) 16%,#212d22)!important;
  border-color:#78a47e!important;color:#f2faf3!important;
}
#app .invest-refresh .invest-holdings-modern .invest-panel-actions button.invest-snap-action{
  background:#b2e2b9!important;border-color:#c3e8c8!important;color:#1f2b21!important;
}
#app .invest-refresh .invest-holdings-toolbar-mode{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  flex-wrap:wrap!important;gap:12px 19px!important;
  border:0!important;border-top:1px solid var(--invest-premium-line)!important;
  border-bottom:1px solid var(--invest-premium-line)!important;
  border-radius:0!important;background:transparent!important;
  padding:15px 24px!important;margin:0!important;
}
#app .invest-refresh .invest-holdings-mode{
  border:0!important;background:transparent!important;border-radius:0!important;
  padding:0!important;gap:4px!important;box-shadow:none!important;
}
#app .invest-refresh .invest-holdings-mode button{
  min-height:36px!important;border:1px solid #455a48!important;border-radius:8px!important;
  padding:8px 13px!important;font-size:12px!important;color:#b6cfb9!important;
  background:transparent!important;
}
#app .invest-refresh .invest-holdings-mode button.active{
  background:#2f4232!important;color:#e9f7eb!important;border-color:#7ca581!important;box-shadow:none!important;
}
#app .invest-refresh .invest-holdings-toolbar-mode>small{
  font-size:11px!important;color:#a0bda4!important;min-width:0!important;
  flex:none!important;text-align:left!important;
}
#app .invest-refresh .invest-holdings-toolbar-mode>label{min-width:150px;max-width:260px}
#app .invest-refresh .invest-explorer{
  display:grid!important;gap:5px!important;align-items:center!important;
  flex:1 1 340px!important;min-width:220px!important;
  padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;
}
#app .invest-refresh .invest-explorer-fields{
  display:grid!important;grid-template-columns:minmax(155px,1.4fr) minmax(145px,.85fr)!important;
  gap:10px!important;align-items:end;min-width:0;
}
#app .invest-refresh .invest-explorer-fields label{display:grid;gap:5px;min-width:0}
#app .invest-refresh .invest-explorer-fields label>span{font-size:10px!important;color:#abc6af!important}
#app .invest-refresh .invest-explorer-fields :is(input,select){
  min-height:39px!important;border:1px solid #4e6b52!important;border-radius:9px!important;
  padding:8px 11px!important;background:#1f2a20!important;color:#eff9f0!important;
  font-size:13px!important;min-width:0;width:100%;
}
#app .invest-refresh .invest-explorer>small{font-size:10px;color:#a4bca7}
#app .invest-refresh [data-invest-explorer-empty][hidden]{display:none!important}
#app .invest-refresh [data-invest-explorer-empty]:not([hidden]){margin:0;font-size:12px;color:#b1c7b4}
#app .invest-refresh .invest-position-summary{padding:0 24px;gap:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#app .invest-refresh .invest-position-summary>div{
  border:0!important;border-right:1px solid var(--invest-premium-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:7px 17px!important;gap:4px!important;
}
#app .invest-refresh .invest-position-summary>div:first-child{padding-left:0!important}
#app .invest-refresh .invest-position-summary>div:last-child{border-right:0!important}
#app .invest-refresh .invest-position-summary>div strong{font-size:clamp(19px,2.2vw,27px)!important}
#app .invest-refresh .invest-market-status{padding:0 24px;margin:0!important;font-size:11px}
#app .invest-refresh .invest-ticker-list,#app .invest-refresh .invest-position-list{
  gap:0!important;border:1px solid var(--invest-premium-line)!important;border-radius:15px!important;
  background:#1c261d!important;overflow:hidden;min-width:0;
}
#app .invest-refresh .invest-ticker-card,#app .invest-refresh .invest-position{
  border:0!important;border-bottom:1px solid #364538!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app .invest-refresh .invest-ticker-card:last-child,#app .invest-refresh .invest-position:last-child{border-bottom:0!important}
#app .invest-refresh .invest-ticker-core{padding:15px 20px!important}
#app .invest-refresh .invest-ticker-card:hover,#app .invest-refresh .invest-position:hover{background:#233025!important}
#app .invest-refresh .invest-ticker-details>summary{border-top:0!important;background:transparent!important}
#app .invest-refresh .invest-ticker-details[open]>summary{background:#2a392c!important}
#app .invest-refresh .invest-position-disclosure{font-size:11px!important;padding:0 24px;color:#98b29b!important}
#app .invest-refresh [data-invest-searchable][hidden]{display:none!important}
/* A new user should see a setup invitation, not three empty KPIs and an empty price alert. */
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-holdings-toolbar,
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-position-summary,
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-market-status,
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-position-disclosure{display:none!important}
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-empty{
  display:grid;gap:7px;justify-items:start;margin:0 24px!important;
  padding:24px!important;background:#1f2b21!important;border:1px dashed #5b8260!important;
  border-radius:13px!important;color:#bdd4c0!important;
}
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-empty strong{font-size:16px;color:#f2f9f3}
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-empty span{font-size:13px;line-height:1.55;max-width:64ch}
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-empty button{display:none!important}
/* Non-empty overview, reduce nesting and heavy card silhouettes. */
#app .invest-refresh .invest-today{
  border:0!important;border-top:1px solid var(--invest-premium-line)!important;
  border-bottom:1px solid var(--invest-premium-line)!important;
  padding:17px 24px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#app .invest-refresh .invest-today-total{
  border:1px solid #4a6a4e!important;background:#1f2b21!important;border-radius:12px!important;
}
#app .invest-refresh .invest-kpis{gap:0!important;border-top:1px solid var(--invest-premium-line)!important;border-bottom:1px solid var(--invest-premium-line)!important}
#app .invest-refresh .invest-kpis article{
  border:0!important;border-right:1px solid var(--invest-premium-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;padding:13px 20px!important;
}
#app .invest-refresh .invest-kpis article:last-child{border-right:0!important}
#app .invest-refresh .invest-overview-grid{gap:16px!important}
#app .invest-refresh .invest-overview-grid>.invest-panel{
  border:1px solid var(--invest-premium-line)!important;border-radius:14px!important;
  background:#1c261d!important;box-shadow:none!important;padding:19px 21px!important;
}
#app .invest-refresh .invest-accounts-panel{
  border:0!important;border-top:1px solid var(--invest-premium-line)!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  padding:22px 24px!important;
}
#app .invest-refresh .invest-account-snapshot{padding:15px 7px!important;border-color:var(--invest-premium-line)!important}
#app .invest-refresh .invest-account-snapshot strong{font-size:15px!important}
@media(max-width:950px){
  #app .invest-refresh .invest-clarity{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #app .invest-refresh .invest-clarity>div:nth-child(3){
    grid-column:1/-1!important;border-left:0!important;
    border-top:1px solid var(--invest-premium-line)!important;margin-top:16px!important;padding-top:18px!important;
  }
  #app .invest-refresh .invest-clarity>div:nth-child(2){border-left:1px solid var(--invest-premium-line)!important}
  #app .invest-refresh .invest-overview-grid{grid-template-columns:minmax(0,1fr)!important}
  #app .invest-refresh .invest-holdings-toolbar-mode{flex-wrap:wrap!important}
}
@media(max-width:700px){
  #app .wmd-workspace--investments .invest-refresh .invest-hero-refreshed{padding:12px 15px 20px!important}
  #app .invest-refresh .invest-hero-refreshed h2{font-size:clamp(34px,8.5vw,46px)!important}
  #app .invest-refresh .invest-clarity,
  #app .invest-refresh.invest-overview-empty .invest-clarity{
    grid-template-columns:minmax(0,1fr)!important;padding:14px 16px!important;
  }
  #app .invest-refresh .invest-clarity>div,
  #app .invest-refresh.invest-overview-empty .invest-clarity>div{
    grid-column:1!important;grid-row:auto!important;padding:12px 3px!important;
    border:0!important;margin:0!important;
  }
  #app .invest-refresh .invest-clarity>div:nth-child(n+2),
  #app .invest-refresh.invest-overview-empty .invest-clarity>div:nth-child(n+2){
    border:0!important;border-top:1px solid var(--invest-premium-line)!important;
    padding-top:17px!important;margin-top:9px!important;
  }
  #app .invest-refresh.invest-overview-empty .invest-clarity-top{display:none!important}
  #app .invest-refresh .invest-holdings-modern .invest-panel-head{padding:6px 15px 0!important}
  #app .invest-refresh .invest-holdings-modern .invest-panel-actions{gap:7px!important;flex-wrap:wrap!important}
  #app .invest-refresh .invest-holdings-modern .invest-panel-actions button{font-size:11px!important;padding:9px 11px!important}
  #app .invest-refresh .invest-holdings-toolbar-mode{padding:12px 14px!important}
  #app .invest-refresh .invest-explorer{flex-basis:100%!important;min-width:0!important}
  #app .invest-refresh .invest-explorer-fields{grid-template-columns:1fr minmax(125px,.65fr)!important;gap:8px!important}
  #app .invest-refresh .invest-position-summary{padding:0 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  #app .invest-refresh .invest-position-summary>div{padding:10px!important;border:1px solid var(--invest-premium-line)!important;border-radius:10px!important}
  #app .invest-refresh .invest-position-summary>div:first-child{padding-left:10px!important}
  #app .invest-refresh .invest-position-summary>div:last-child{grid-column:1/-1!important}
  #app .invest-refresh .invest-ticker-core{padding:13px 14px!important}
  #app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-empty{margin:0 14px!important;padding:20px 17px!important}
  #app .invest-refresh .invest-today,#app .invest-refresh .invest-accounts-panel{padding:17px 14px!important}
  #app .invest-refresh .invest-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0}
  #app .invest-refresh .invest-kpis article{border-bottom:1px solid var(--invest-premium-line)!important}
}
@media(max-width:390px){
  #app .invest-refresh .invest-explorer-fields{grid-template-columns:minmax(0,1fr)!important}
  #app .invest-refresh .invest-holdings-modern .invest-panel-actions{display:grid!important;grid-template-columns:1fr 1fr}
  #app .invest-refresh .invest-holdings-modern .invest-panel-actions button{white-space:normal!important;line-height:1.3!important}
}
@media(prefers-reduced-motion:reduce){#app .invest-refresh :is(button,summary,.invest-ticker-card){transition:none!important}}

/* Remove the remaining enclosing holding box, and hide entirely empty data regions. */
#app .wmd-workspace--investments .invest-refresh .invest-holdings-modern.invest-panel{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;padding:0!important;
}
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty :is(.invest-ticker-list,.invest-position-list):empty{
  display:none!important;
}
#app .invest-refresh.invest-overview-empty .invest-overview-grid{display:none!important}
#app .invest-refresh .invest-holdings-toolbar-mode:has([data-invest-explorer-ui])>small{display:none!important}
#app .invest-refresh .invest-explorer>small{line-height:1.5}
#app .invest-refresh :is(.invest-ticker-list,.invest-position-list)>:last-child{
  border-bottom:0!important;
}
/* Prevent empty states from creating a false sense of portfolio performance. */
#app .invest-refresh.invest-overview-empty .invest-accounts-panel .invest-account-performance:has(>strong:first-child){font-variant-numeric:tabular-nums}

/* Never invite a price refresh before any position is available to refresh. */
#app .invest-refresh.invest-overview-empty .invest-hero-actions [data-refresh-invest-prices],
#app .invest-refresh.invest-overview-empty .invest-hero-actions [data-invest-view="holdings"],
#app .invest-refresh .invest-holdings-modern.invest-holdings-empty .invest-panel-actions [data-refresh-invest-prices]{
  display:none!important;
}

/* Shared investment accent on tickers, editors and account configuration. */
#app .invest-refresh .invest-position-symbol{
  color:#bfe5c4!important;
  background:#2d3f30!important;border:1px solid #587d5d!important;
  letter-spacing:.02em!important;border-radius:7px!important;
}
#app .invest-refresh .invest-position-details>summary{
  color:#bfdcc3!important;background:#222e23!important;
  border-color:#3c503f!important;
}
#app .invest-refresh .invest-position-details>summary:hover,
#app .invest-refresh .invest-position-details[open]>summary{
  color:#e9f7eb!important;background:#2b3b2d!important;
}
#app .invest-refresh .invest-position-editor,
#app .invest-refresh .invest-position-editor-foot{
  background:#1f2b21!important;border-color:#3b4f3d!important;
}
#app .invest-refresh .invest-position-editor label>span{
  color:#b0d4b5!important;
}
#app .invest-refresh .invest-account-config,
#app .invest-refresh .invest-activity-card{
  background:#1e291f!important;border-color:#3c4e3e!important;
}
#app .invest-refresh .invest-account-reconcile{
  background:#233025!important;border-color:#4a694e!important;
}
#app .invest-refresh .invest-account-reconcile strong{color:#e7f6e9!important}

/* One investment palette: warm sage accents against neutral graphite.
   Price gains/losses and destructive Sell buttons intentionally retain their meaning. */
#app .wmd-workspace--investments .invest-page.invest-refresh{
  --invest-accent:var(--wmd-accent);
  --invest-border:#425345;
  --invest-muted:#b5c5b5;
  --invest-ink:#eff6ec;
  color:#eef5eb;
}
#app .wmd-workspace--investments .invest-refresh :is(.invest-kicker,.invest-position-caption,.invest-today-head .invest-kicker){
  color:var(--wmd-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(.invest-panel-actions .invest-primary,.invest-hero-emphasis){
  border-color:#86a184!important;color:#ecf7e8!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-today-total{
  background:#1c2b24!important;border-color:#4a6650!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-today-total:focus-visible{
  outline-color:var(--wmd-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-today-total .invest-today-view{
  color:#dcefd6!important;border-color:#425a46!important;
}
#app .wmd-workspace--investments .invest-refresh :is(.invest-position-price-foot button,.invest-position-allocation button){
  background:#2b4433!important;border-color:#5d8061!important;color:#dcefd3!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-position-symbol{
  color:#c9e4c2!important;border-color:#5d7c63!important;background:#2b4032!important;
}

/* 2026-10-16: compact linked investment accounts */
/* Keep this scoped to the read-only overview, never the editable Accounts tab. */
#app .wmd-workspace--investments .invest-refresh .invest-accounts-panel{
  padding:19px 22px 22px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head{
  margin-bottom:13px!important;
  gap:12px 20px;
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head>small{
  max-width:280px;
  white-space:normal;
  text-align:right;
  font-size:11px!important;
  line-height:1.4;
  color:#aec6b2!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot-head,
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(130px,205px) minmax(170px,250px)!important;
  gap:0 25px!important;
  align-items:center;
  padding-left:12px!important;
  padding-right:12px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot-head{
  padding-top:8px!important;
  padding-bottom:11px!important;
  border-bottom:1px solid rgba(157,186,158,.28)!important;
  color:#aabfaf!important;
  font-size:11px!important;
  font-weight:650!important;
  letter-spacing:.015em!important;
  text-transform:none!important;
  line-height:1.35;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot{
  min-width:0;
  min-height:62px;
  padding-top:10px!important;
  padding-bottom:10px!important;
  border-top:0!important;
  border-bottom:1px solid rgba(157,186,158,.17)!important;
  background:transparent!important;
  box-shadow:none!important;
  transition:background-color .14s ease;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot:last-child{
  border-bottom:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot:hover{
  background:rgba(169,207,169,.045)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>div{
  min-width:0;
  gap:2px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-copy{
  min-width:0;
  gap:2px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-copy strong{
  color:#f1f7ef!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:710!important;
  letter-spacing:-.005em!important;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-copy span{
  color:#aec0b0!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-balance-cell strong{
  color:#f3f8f2!important;
  font-size:16px!important;
  line-height:1.25!important;
  font-weight:730!important;
  letter-spacing:-.015em!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-balance-cell span{
  color:#a1b4a5!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-performance strong{
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:720!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-performance:not(.negative):not(.positive) strong{
  color:#e5efe4!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-performance span{
  color:#a4b6a5!important;
  font-size:11px!important;
  line-height:1.35!important;
  white-space:normal;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-performance.invest-no-gain-data strong{
  color:#b4c8b7!important;
  font-size:12px!important;
  font-weight:630!important;
  letter-spacing:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-untracked .invest-account-performance.invest-no-gain-data span{
  display:none!important;
}
@media(max-width:900px){
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot-head,
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot{
    grid-template-columns:minmax(0,1fr) minmax(112px,165px) minmax(134px,194px)!important;
    gap:0 15px!important;
  }
}
@media(max-width:700px){
  #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel{
    padding:16px 12px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head{
    display:block!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head>small{
    display:block;
    max-width:none;
    margin-top:6px;
    text-align:left;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot-head{
    display:none!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot{
    grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)!important;
    gap:6px 10px!important;
    padding:12px 3px!important;
    min-height:0;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-main{
    grid-column:1;grid-row:1;min-width:0;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-balance-cell{
    grid-column:2;grid-row:1;text-align:right!important;min-width:0;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-performance{
    grid-column:1/-1;grid-row:2;
    display:flex!important;
    flex-direction:row;
    align-items:baseline;
    justify-content:space-between;
    gap:8px!important;
    padding-top:3px;
    text-align:left!important;
    min-width:0;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-performance strong{
    font-size:12px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-copy strong{
    font-size:13px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-balance-cell strong{
    font-size:14px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot{transition:none!important}
}

/* product-simplicity.css */
/* Product simplicity 2026-10-16. Presentation-only finishing layer. */
#app .wmd-workspace {
  --wmd-radius:16px;--wmd-space:18px;
  text-rendering:optimizeLegibility;
}
#app .wmd-workspace :is(button,summary){transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}
#app .wmd-workspace :is(button,summary):focus-visible,#app .wmd-header-menu>summary:focus-visible {outline:2px solid var(--wmd-accent,#57d7aa);outline-offset:3px}
#app>.header-actions{min-width:0}
#app>header .wmd-header-menu{position:relative;flex:none;z-index:32}
#app>header .wmd-header-menu>summary{min-height:37px;list-style:none;display:inline-flex;gap:6px;align-items:center;justify-content:center;padding:8px 13px;background:#20282d;border:1px solid #46535b;border-radius:10px;color:#e8efed;font-size:12px;font-weight:680;cursor:pointer}
#app>header .wmd-header-menu>summary::-webkit-details-marker{display:none}
#app>header .wmd-header-menu[open]>summary,#app>header .wmd-header-menu>summary:hover{background:#26363e;border-color:#69817e}
#app>header .wmd-header-menu-options{position:absolute;right:0;top:calc(100% + 7px);min-width:174px;padding:6px;display:grid;gap:3px;background:#19272e;border:1px solid #546b70;border-radius:12px;box-shadow:0 20px 50px #0007}
#app>header .wmd-header-menu-options button{display:block;text-align:left;width:100%;font-size:13px;min-height:40px;padding:10px 12px;border-radius:8px;border:0;background:transparent;color:#e5f0ef}
#app>header .wmd-header-menu-options button:hover{background:#293e45}
#app .wmd-workspace--cashflow .mm-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
#app .wmd-workspace--cashflow .mm-metric{min-height:98px!important;padding:16px 18px!important;border-radius:16px!important;box-shadow:0 5px 18px #00000017!important}
#app .wmd-workspace--cashflow .mm-metric strong{font-size:clamp(22px,2.35vw,31px)!important;line-height:1.15}
#app .wmd-workspace--cashflow .mm-layout{grid-template-columns:minmax(0,1.55fr) minmax(240px,.85fr);gap:15px}
#app .wmd-workspace--cashflow .mm-primary,#app .wmd-workspace--cashflow .mm-next{box-shadow:0 10px 32px #00000017!important;border-radius:18px!important}
#app .wmd-workspace--cashflow .mm-next .mm-actions{gap:10px}
#app .wmd-workspace--cashflow .wmd-simplified-workbench{margin-top:20px}
#app .wmd-workspace--cashflow .wmd-workbench-primary{grid-template-columns:repeat(3,minmax(0,1fr))}
#app .wmd-workspace--cashflow .wmd-cash-advanced{border:1px solid #3b505b;border-radius:14px;background:#14212a;margin-top:12px;overflow:hidden}
#app .wmd-workspace--cashflow .wmd-cash-advanced>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;color:#edf5f5;cursor:pointer}
#app .wmd-workspace--cashflow .wmd-cash-advanced>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--cashflow .wmd-cash-advanced>summary>span:first-child{display:grid;gap:5px}
#app .wmd-workspace--cashflow .wmd-cash-advanced>summary strong{font-size:14px;font-weight:700}
#app .wmd-workspace--cashflow .wmd-cash-advanced>summary small{color:#aebfca;font-size:12px}
#app .wmd-workspace--cashflow .wmd-cash-advanced-arrow{color:#b8cdda;transition:transform .2s ease}
#app .wmd-workspace--cashflow .wmd-cash-advanced[open] .wmd-cash-advanced-arrow{transform:rotate(180deg)}
#app .wmd-workspace--cashflow .wmd-cash-advanced>.mm-explore-grid{padding:0 14px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
#app .wmd-workspace--budget .wmd-budget-targets{margin:0 0 16px;border:1px solid #465058;border-radius:13px;background:#19252e;overflow:hidden}
#app .wmd-workspace--budget .wmd-budget-targets>summary{display:flex;justify-content:space-between;gap:12px;align-items:center;list-style:none;cursor:pointer;padding:13px 17px;font-size:13px;font-weight:700;color:#e4eced}
#app .wmd-workspace--budget .wmd-budget-targets>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--budget .wmd-budget-targets>.wmd-budget-target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 17px 8px;border-top:1px solid #3b4b54}
#app .wmd-workspace--budget .wmd-budget-target-grid label{display:flex;flex-direction:column;gap:8px;min-width:0;color:#c3d0d6;font-size:12px}
#app .wmd-workspace--budget .wmd-target-input{display:flex;align-items:center;gap:6px;border-radius:9px;border:1px solid #50616b;background:#12202a;padding:3px 10px}
#app .wmd-workspace--budget .wmd-target-input input{width:100%;min-width:0;background:transparent;border:0;color:#f4f7f9;min-height:38px;font-size:16px}
#app .wmd-workspace--budget .wmd-budget-targets>small{display:block;color:#aabec5;padding:3px 17px 17px;font-size:11px}
#app .wmd-workspace--goals .wmd-goal-more-actions{position:relative}
#app .wmd-workspace--goals .wmd-goal-more-actions>summary{cursor:pointer;color:#bfc9d6;font-size:12px;font-weight:680;padding:9px 10px;list-style:none}
#app .wmd-workspace--goals .wmd-goal-more-actions>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--goals .wmd-goal-more-actions>div{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 0}
#app .landing-v6 .landing-header .landing-nav{gap:clamp(12px,1.9vw,25px)}
#app .landing-v6 .landing-intro-v5>p:not(.wmd-brand-tagline):not(.landing-hero-assurance){max-width:66ch;line-height:1.65}
@media(max-width:930px){
 #app .wmd-workspace--cashflow .mm-layout{grid-template-columns:1fr}
 #app .wmd-workspace--cashflow .wmd-workbench-primary{grid-template-columns:1fr}
 #app .wmd-workspace--cashflow .wmd-cash-advanced>.mm-explore-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
 #app>header .wmd-header-menu>summary{padding:9px 10px;min-height:41px}
 #app>header .wmd-header-menu>summary span:last-child{display:none}
 #app .wmd-workspace--cashflow .mm-metrics{grid-template-columns:1fr 1fr!important;gap:9px}
 #app .wmd-workspace--cashflow .mm-metric:nth-child(3){grid-column:1/-1}
 #app .wmd-workspace--cashflow .mm-metric{min-height:94px!important;padding:13px 14px!important}
 #app .wmd-workspace--cashflow .wmd-cash-advanced>summary{padding:14px}
 #app .wmd-workspace--budget .wmd-budget-targets>.wmd-budget-target-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace :is(button,summary),#app .wmd-workspace--cashflow .wmd-cash-advanced-arrow{transition:none!important}
}

/* Public marketing only. A single clear result, then optional product depth. */
#app .landing-v6 .landing-intro-conversion{box-sizing:border-box;align-items:center;text-align:center;justify-content:flex-start;min-height:0!important;margin:0 auto!important;max-width:1130px;padding:clamp(35px,5vw,68px) 18px clamp(19px,3vw,42px)!important}
#app .landing-v6 .landing-intro-conversion>.landing-eyebrow{color:#8edab6!important;font-size:11px!important;letter-spacing:.13em!important;line-height:1.5}
#app .landing-v6 .landing-intro-conversion .wmd-brand-hero{font:760 clamp(19px,2.2vw,26px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.032em!important;color:#d3e6de!important;margin:10px auto 6px!important}
#app .landing-v6 .landing-intro-conversion .wmd-brand-tagline{font-size:clamp(11px,1.15vw,14px)!important;font-weight:550!important;letter-spacing:0!important;gap:6px 15px!important;color:#abbeb7!important;margin:0 auto clamp(19px,2.3vw,27px)!important}
#app .landing-v6 .landing-intro-conversion .landing-hero-promise{font:780 clamp(46px,6.8vw,88px)/1.02 system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.061em!important;max-width:940px;text-wrap:balance;color:#f1f8f6!important;margin:0 auto clamp(15px,2.1vw,24px)!important}
#app .landing-v6 .landing-hero-promise em{font-style:normal!important;color:#a4e4c3!important}
#app .landing-v6 .landing-intro-conversion .landing-hero-description{max-width:630px!important;margin:0 auto!important;color:#bad0ca!important;font-size:clamp(15px,1.37vw,18px)!important;line-height:1.67!important}
#app .landing-v6 .landing-intro-conversion .landing-hero-ctas-v5{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 25px;margin-top:clamp(22px,3vw,34px)!important}
#app .landing-v6 .landing-intro-conversion .landing-hero-ctas-v5 .landing-primary{min-height:49px;padding:12px 25px!important;border-radius:10px!important;box-shadow:0 8px 23px #0004}
#app .landing-v6 .landing-hero-secondary{font-size:13px;color:#d0e8dc!important;text-decoration:none;font-weight:700;border-bottom:1px solid #56776a;padding:9px 0}
#app .landing-v6 .landing-hero-secondary:hover{color:#fff!important;border-bottom-color:#a2dfbd}
#app .landing-v6 .landing-intro-conversion .landing-hero-assurance{font-size:12px!important;margin:14px auto 0!important;line-height:1.5!important;color:#a4b7b3!important}
#app .landing-v6 .landing-product-tour-v5{margin-top:clamp(8px,1.6vw,22px)!important}
#app .landing-v6 .landing-product-tour-v5 .landing-tour-heading{max-width:1020px;margin-left:auto;margin-right:auto}
#app .landing-v6 .landing-product-tour-v5 .landing-tour-heading h2{font-size:clamp(30px,3.7vw,48px)!important;letter-spacing:-.04em!important}
#app .landing-v6 .landing-product-tour-v5 .landing-tour-heading>p{max-width:375px;line-height:1.65;font-size:13px;color:#b3c7c5}
#app .landing-v6 .launch-quick{align-items:start!important;gap:clamp(18px,2.6vw,34px)!important;padding:clamp(21px,3vw,37px)!important;border-radius:18px!important;border-color:#3c5550!important;background:#152326!important;box-shadow:none!important}
#app .landing-v6 .launch-quick-copy h2{font-size:clamp(31px,3.8vw,50px)!important;line-height:1.09!important;letter-spacing:-.05em!important}
#app .landing-v6 .launch-quick-copy>p{font-size:14px!important;line-height:1.67!important;max-width:500px}
#app .landing-v6 .launch-ripple-card{border-radius:15px!important;background:#102025!important;border-color:#3b5553!important;padding:clamp(15px,2vw,23px)!important}
#app .landing-v6 .launch-ripple-results{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
#app .landing-v6 .launch-ripple-results>article{min-width:0;min-height:0!important;padding:12px!important;border-radius:10px!important}
#app .landing-v6 .launch-ripple-results>article>span{font-size:10px!important}
#app .landing-v6 .launch-ripple-results>article>strong{font-size:clamp(16px,1.7vw,22px)!important}
#app .landing-v6 .launch-ripple-results>article>small{font-size:11px!important;line-height:1.5!important}
#app .landing-v6 .launch-ripple-expanded{border-top:1px solid #354b50;margin:11px 0 0}
#app .landing-v6 .launch-ripple-expanded>summary{display:flex;justify-content:space-between;gap:11px;cursor:pointer;list-style:none;padding:13px 2px;color:#b7d9c6;font-size:12px;font-weight:660}
#app .landing-v6 .launch-ripple-expanded>summary::-webkit-details-marker{display:none}
#app .landing-v6 .launch-ripple-expanded[open]>summary>span{transform:rotate(180deg)}
#app .landing-v6 .launch-ripple-expanded>.launch-ripple-results{padding-bottom:7px}
#app .landing-v6 .launch-update-intro h2{font-size:clamp(32px,4.15vw,51px)!important}
#app .landing-v6 .launch-setup-steps{gap:10px!important}
#app .landing-v6 .launch-setup-step{padding:16px!important;gap:10px!important;border-radius:13px!important;background:#17242b!important}
#app .landing-v6 .launch-setup-step h3{font-size:16px!important;margin:2px 0 6px!important}
#app .landing-v6 .launch-setup-step p{font-size:12px!important;line-height:1.59!important;margin:0!important}
#app .landing-v6 .launch-update-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)!important;gap:12px!important}
#app .landing-v6 .launch-update-card{min-height:0!important;gap:14px!important;padding:clamp(18px,2.2vw,27px)!important;border-radius:16px!important;box-shadow:none!important}
#app .landing-v6 .launch-update-card h3{font-size:clamp(25px,2.55vw,35px)!important}
#app .landing-v6 .launch-update-card p{font-size:13px!important;line-height:1.57!important}
#app .landing-v6 .launch-update-card-plaid{background:#162229!important}
#app .landing-v6 .landing-ask-section{border-radius:17px!important;box-shadow:none!important;padding:clamp(19px,2.5vw,33px)!important}
#app .landing-v6 .launch-pricing{border-radius:19px!important;background:#142127!important}
#app .landing-v6 .launch-path-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:13px!important}
#app .landing-v6 .launch-path-card{min-width:0;border-radius:15px!important;box-shadow:none!important}
#app .landing-v6 .launch-path-autopilot{grid-column:1/-1;min-height:0!important;padding:0!important;background:#15252c!important;border:1px solid #40555d!important}
#app .landing-v6 .landing-connected-details{width:100%}
#app .landing-v6 .landing-connected-details>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:69px;padding:14px 20px;color:#e9f0f2}
#app .landing-v6 .landing-connected-details>summary::-webkit-details-marker{display:none}
#app .landing-v6 .landing-connected-details>summary>strong{display:grid;gap:5px;font-size:15px}
#app .landing-v6 .landing-connected-details>summary small{font-size:12px;font-weight:530;color:#a9bec9}
#app .landing-v6 .landing-connected-details>summary>span{font-size:12px;color:#adcfde;white-space:nowrap}
#app .landing-v6 .landing-connected-body{display:grid;gap:11px;border-top:1px solid #38515b;padding:16px 20px 21px}
#app .landing-v6 .landing-connected-body .launch-path-price{margin:2px 0!important}
#app .landing-v6 .landing-trust-points{display:flex;flex-wrap:wrap;gap:10px;margin:17px 0 15px}
#app .landing-v6 .landing-trust-points>span{padding:9px 13px;border-radius:100px;border:1px solid #3b5550;background:#1a2925;color:#c6e5d5;font-size:12px}
#app .landing-v6 .landing-trust-details{border:1px solid #3a5454;background:#152328;border-radius:12px;overflow:hidden}
#app .landing-v6 .landing-trust-details>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;padding:14px 17px;color:#d8eadf;font-size:13px;font-weight:690}
#app .landing-v6 .landing-trust-details>summary::-webkit-details-marker{display:none}
#app .landing-v6 .landing-trust-details>.compact-trust-grid{padding:12px}
#app .landing-v6 .landing-trust-details>.provider-compliance-note{padding:0 16px 15px}
#app .landing-v6 .landing-trust-conclusion{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:20px 0 0}
#app .landing-v6 .landing-trust-conclusion>span{font-size:17px;letter-spacing:-.025em;font-weight:720;color:#e8f5ee}
#app .landing-v6 .landing-trust-conclusion>.landing-primary{padding:11px 19px;border-radius:10px;min-height:43px}
@media(max-width:970px){#app .landing-v6 .launch-quick{grid-template-columns:1fr!important}#app .landing-v6 .launch-update-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:720px){
 #app .landing-v6 .landing-intro-conversion{padding:30px 16px 23px!important}
 #app .landing-v6 .landing-intro-conversion .landing-hero-promise{font-size:clamp(40px,9vw,62px)!important}
 #app .landing-v6 .landing-intro-conversion .landing-hero-description{font-size:15px!important}
 #app .landing-v6 .launch-ripple-results{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .landing-v6 .launch-ripple-results>article:last-child{grid-column:1/-1}
 #app .landing-v6 .launch-update-grid,#app .landing-v6 .launch-path-grid{grid-template-columns:1fr!important}
 #app .landing-v6 .launch-path-autopilot{grid-column:auto}
 #app .landing-v6 .launch-update-card{padding:19px!important}
}
@media(max-width:390px){#app .landing-v6 .landing-intro-conversion .landing-hero-promise{font-size:clamp(35px,10vw,40px)!important}#app .landing-v6 .landing-intro-conversion .landing-hero-ctas-v5{flex-direction:column}#app .landing-v6 .landing-connected-details>summary{padding:13px}#app .landing-v6 .landing-ripple-results{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){#app .landing-v6 .landing-hero-secondary{transition:none!important}}

/* Month-end card: source-grounded direct explanation. */
#app .wmd-workspace--cashflow .cash-month-end-explain{margin:0;min-width:0;padding:clamp(17px,2.2vw,24px);border:1px solid #537385;border-radius:17px;background:linear-gradient(145deg,#1b2d39,#15222d);box-shadow:0 9px 28px #0002}
#app .wmd-workspace--cashflow .cash-month-end-explain[hidden]{display:none!important}
#app .wmd-workspace--cashflow .cash-month-end-explain:focus{outline:none}
#app .wmd-workspace--cashflow .cash-month-end-explain-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}
#app .wmd-workspace--cashflow .cash-month-end-explain-head span{color:#a4c9dc;font-size:10px;font-weight:800;letter-spacing:.10em}
#app .wmd-workspace--cashflow .cash-month-end-explain-head h3{margin:6px 0 0;color:#f0f8fb;line-height:1.22;letter-spacing:-.03em;font-size:clamp(19px,2.1vw,27px)}
#app .wmd-workspace--cashflow .cash-month-end-explain-value{display:flex;align-items:center;gap:12px}
#app .wmd-workspace--cashflow .cash-month-end-explain-value strong{color:#f5fafc;font-size:clamp(25px,2.5vw,34px);font-variant-numeric:tabular-nums;letter-spacing:-.04em}
#app .wmd-workspace--cashflow .cash-month-end-explain-value button{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;border:1px solid #58778b;background:transparent;color:#cfe1e9;cursor:pointer;font-size:20px;line-height:1}
#app .wmd-workspace--cashflow .cash-month-end-formula{margin:16px 0 12px;padding:14px 16px;overflow-wrap:anywhere;background:#111e2b;border:1px solid #445e73;border-radius:10px;color:#deedf6;font-size:13px;font-weight:650;line-height:1.75}
#app .wmd-workspace--cashflow .cash-month-end-hint{max-width:85ch;color:#b1c5cd;font-size:12px;line-height:1.65}
#app .wmd-workspace--cashflow .cash-month-end-mismatch{padding:12px 15px;border:1px solid #a96b67;border-radius:10px;background:#32272b;color:#f4c6c0;font-size:12px;line-height:1.6}
#app .wmd-workspace--cashflow .cash-month-end-more{margin-top:4px;padding:10px 13px;border:1px solid #557d97;border-radius:10px;background:#203747;color:#dcecf4;font-size:12px;font-weight:700;cursor:pointer}
#app .wmd-workspace--cashflow .cash-month-end-more:hover{background:#2a485e}
@media(max-width:650px){#app .wmd-workspace--cashflow .cash-month-end-explain{padding:15px}#app .wmd-workspace--cashflow .cash-month-end-explain-head{align-items:start}#app .wmd-workspace--cashflow .cash-month-end-formula{font-size:12px}}
@media(prefers-reduced-motion:reduce){#app .wmd-workspace--cashflow .cash-month-end-more{transition:none!important}}

/* retirement-consolidated.css */
/* Retirement v20261016: one hierarchy, quiet steel palette, preserved model and editors.
   This sheet loads last to unwind historic responsive and palette overrides.
   All styles are scoped to the signed-in Retirement workspace. */
#app .wmd-workspace--retirement .retirement-page{
  --retire-ink:#e9f2f5;
  --retire-muted:#a9bbc4;
  --retire-line:#394e5c;
  --retire-accent:var(--ret-color,#a0c7d4);
  width:100%!important;
  padding:2px 0 26px!important;
  overflow-x:clip!important;
}
#app .wmd-workspace--retirement .retirement-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:13px!important;
  width:100%!important;
  max-width:100%!important;
}
#app .wmd-workspace--retirement :is(.retirement-main-stack,.retirement-side-stack){
  display:grid!important;
  gap:13px!important;
  min-width:0!important;
  width:100%!important;
}
#app .wmd-workspace--retirement .retirement-card{
  background:var(--wmd-ui-panel,#19252e)!important;
  border:1px solid var(--retire-line)!important;
  border-radius:15px!important;
  padding:18px!important;
  box-shadow:none!important;
  overflow:visible;
}
#app .wmd-workspace--retirement .retirement-outlook{
  border-top:2px solid color-mix(in srgb,var(--retire-accent) 70%,#3e5662)!important;
}
#app .wmd-workspace--retirement .retirement-status-row{
  align-items:start;
  gap:14px;
}
#app .wmd-workspace--retirement .retirement-status-row>div:first-child>span{
  color:var(--retire-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
}
#app .wmd-workspace--retirement .retirement-status-row h3{
  margin:4px 0 6px!important;
  color:var(--retire-ink)!important;
  font-size:clamp(21px,2.25vw,29px)!important;
  line-height:1.16!important;
  font-weight:770!important;
  letter-spacing:-.035em!important;
}
#app .wmd-workspace--retirement .retirement-status-row p{
  color:var(--retire-muted)!important;
  font-size:13px!important;
  line-height:1.48!important;
  max-width:760px;
}
#app .wmd-workspace--retirement .retirement-status-pill{
  flex:none;
  padding:6px 10px!important;
  font-size:10px!important;
  letter-spacing:.04em;
  background:color-mix(in srgb,var(--retire-accent) 14%,var(--wmd-ui-deep,#111c25))!important;
  color:var(--retire-accent)!important;
  border-color:color-mix(in srgb,var(--retire-accent) 48%,var(--retire-line))!important;
}
#app .wmd-workspace--retirement .retirement-status-pill.warn{
  background:#342b22!important;
  color:#eed0a5!important;
  border-color:#7c644a!important;
}
#app .wmd-workspace--retirement .retirement-status-pill.bad{
  background:#38272d!important;
  color:#f3bbc1!important;
  border-color:#80545b!important;
}
#app .wmd-workspace--retirement .retirement-top-tools{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 16px;
  margin:16px 0 10px;
  min-width:0;
}
#app .wmd-workspace--retirement .retirement-top-tools>span{
  color:var(--retire-muted);
  font-size:12px!important;
  font-weight:700;
}
#app .wmd-workspace--retirement .retirement-dollar-controls{
  display:flex;
  align-items:center;
  flex-direction:row;
  gap:8px;
  width:auto;
  max-width:100%;
}
#app .wmd-workspace--retirement .retirement-dollar-controls>span{
  color:var(--retire-muted)!important;
  font-size:12px!important;
}
#app .wmd-workspace--retirement .retirement-dollar-switch{
  width:auto;
  border:1px solid var(--retire-line)!important;
  border-radius:9px!important;
  background:var(--wmd-ui-deep,#111c25)!important;
  padding:2px!important;
  gap:2px!important;
}
#app .wmd-workspace--retirement .retirement-dollar-switch button{
  font-size:12px!important;
  line-height:1.2!important;
  min-height:34px!important;
  padding:7px 11px!important;
  border-radius:7px!important;
}
#app .wmd-workspace--retirement .retirement-dollar-switch button:is(.active,[aria-pressed="true"]){
  background:#304e60!important;
  border-color:#55778b!important;
  color:#f3fbff!important;
  box-shadow:none!important;
}
#app .wmd-workspace--retirement .retirement-kpis{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  margin:0!important;
  padding:13px 0!important;
  border-top:1px solid var(--retire-line);
  border-bottom:1px solid var(--retire-line);
}
#app .wmd-workspace--retirement .retirement-kpis article{
  display:flex!important;
  flex-direction:column;
  align-items:start;
  gap:5px;
  min-width:0!important;
  padding:3px 16px!important;
  border:0!important;
  border-right:1px solid var(--retire-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .wmd-workspace--retirement .retirement-kpis article:first-child{padding-left:0!important}
#app .wmd-workspace--retirement .retirement-kpis article:last-child{padding-right:0!important;border-right:0!important}
#app .wmd-workspace--retirement .retirement-kpis span{
  font-size:12px!important;
  line-height:1.28!important;
  font-weight:675!important;
  color:var(--retire-muted)!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
#app .wmd-workspace--retirement .retirement-kpis strong{
  display:block;
  margin:0!important;
  color:var(--retire-ink)!important;
  font-size:clamp(20px,2.15vw,28px)!important;
  line-height:1.12!important;
  font-weight:800!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--retirement .retirement-kpis small{
  margin:0!important;
  color:var(--retire-muted)!important;
  font-size:11px!important;
  line-height:1.34!important;
}
/* Next action belongs to the outlook, not an unrelated third hero card. */
#app .wmd-workspace--retirement .retirement-next-move{
  margin-top:12px;
  padding:10px 12px;
  background:var(--wmd-ui-raised,#202e38);
  border:1px solid var(--retire-line);
  border-radius:11px;
}
#app .wmd-workspace--retirement .retirement-next-move-head{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:6px 12px;
}
#app .wmd-workspace--retirement .retirement-next-move-head>span{
  color:var(--retire-accent)!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.07em;
}
#app .wmd-workspace--retirement .retirement-next-move-head button{
  border:0!important;
  min-height:28px!important;
  background:transparent!important;
  color:var(--retire-accent)!important;
  font-size:12px!important;
  font-weight:750!important;
  padding:3px 0!important;
  cursor:pointer;
}
#app .wmd-workspace--retirement .retirement-next-move .retirement-action-list{gap:7px!important;margin-top:3px!important}
#app .wmd-workspace--retirement .retirement-next-move .retirement-action{
  gap:10px!important;
  padding:2px 0!important;
  min-width:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#app .wmd-workspace--retirement .retirement-action b{
  color:var(--retire-ink)!important;
  font-size:13px!important;
  line-height:1.35!important;
}
#app .wmd-workspace--retirement .retirement-action small{
  display:block;
  color:var(--retire-muted)!important;
  font-size:12px!important;
  line-height:1.38!important;
}
#app .wmd-workspace--retirement .retirement-action strong{
  color:var(--retire-ink)!important;
  font-size:15px!important;
  font-weight:780!important;
}
#app .wmd-workspace--retirement .retirement-more-steps{
  margin:8px 0 0;
  border-top:1px solid var(--retire-line);
}
#app .wmd-workspace--retirement .retirement-more-steps>summary{
  cursor:pointer;
  padding:8px 0 2px;
  color:var(--retire-accent)!important;
  font-size:12px!important;
  font-weight:700!important;
}
#app .wmd-workspace--retirement .retirement-more-steps[open] .retirement-action-list{margin:10px 0!important}
#app .wmd-workspace--retirement .retirement-more-steps .retirement-action{
  padding:8px 0!important;
  border-top:1px solid var(--retire-line)!important;
}
#app .wmd-workspace--retirement .retirement-more-steps .retirement-action:first-child{border-top:0!important}
/* The SVG is already generated responsively. Never force a 900px scroll area on phones. */
#app .wmd-workspace--retirement .retirement-chart-card{overflow:hidden!important}
#app .wmd-workspace--retirement .retirement-chart-head{
  align-items:center!important;
  margin:0 0 5px!important;
}
#app .wmd-workspace--retirement .retirement-section-head h3{
  color:var(--retire-ink)!important;
  font-size:clamp(17px,1.9vw,21px)!important;
  font-weight:760!important;
}
#app .wmd-workspace--retirement .retirement-section-head p{
  color:var(--retire-muted)!important;
  margin-top:3px!important;
  font-size:12px!important;
}
#app .wmd-workspace--retirement .retirement-assumption-line{
  margin:5px 0 9px!important;
  gap:4px 9px!important;
  color:var(--retire-muted)!important;
  font-size:11.5px!important;
}
#app .wmd-workspace--retirement .retirement-assumption-line strong{
  color:var(--retire-accent)!important;
}
#app .wmd-workspace--retirement .retirement-chart{
  width:100%!important;
  height:clamp(235px,28vw,315px)!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  overflow:hidden!important;
  touch-action:auto;
  cursor:crosshair;
}
#app .wmd-workspace--retirement .retirement-chart svg{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  display:block!important;
}
#app .wmd-workspace--retirement .retirement-line{
  stroke:var(--retire-accent)!important;
  stroke-width:3!important;
}
#app .wmd-workspace--retirement .retirement-area{
  fill:color-mix(in srgb,var(--retire-accent) 13%,transparent)!important;
}
#app .wmd-workspace--retirement .retirement-page .retirement-chart-inspector{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(145px,auto)!important;
  gap:4px 16px!important;
  margin:0!important;
  padding:11px 2px!important;
  border:0!important;
  border-bottom:1px solid var(--retire-line)!important;
  border-radius:0!important;
  background:transparent!important;
}
#app .wmd-workspace--retirement .retirement-chart-inspector span{
  color:var(--retire-muted)!important;
  font-size:10px!important;
  letter-spacing:.05em!important;
}
#app .wmd-workspace--retirement .retirement-inspector-date strong{
  color:var(--retire-ink)!important;
  font-size:17px!important;
}
#app .wmd-workspace--retirement .retirement-inspector-balance strong{
  color:var(--retire-accent)!important;
  font-size:clamp(19px,2.1vw,25px)!important;
}
#app .wmd-workspace--retirement .retirement-chart-inspector small{
  color:var(--retire-muted)!important;
  font-size:11px!important;
}
#app .wmd-workspace--retirement .retirement-chart-inspector p{
  grid-column:1/-1;
  margin:2px 0 0!important;
  color:var(--retire-muted)!important;
  font-size:11px!important;
}
#app .wmd-workspace--retirement .retirement-chart-scrubber{
  padding:10px 0 4px!important;
  gap:6px!important;
}
#app .wmd-workspace--retirement .retirement-chart-scrubber label{
  font-size:12px!important;
  color:var(--retire-muted)!important;
}
#app .wmd-workspace--retirement .retirement-chart-scrubber label span{
  font-size:13px!important;
  color:var(--retire-accent)!important;
}
#app .wmd-workspace--retirement .retirement-chart-scrubber input{
  min-height:24px!important;
  accent-color:var(--retire-accent)!important;
}
#app .wmd-workspace--retirement .retirement-legend{
  gap:7px 15px;
  margin-top:4px;
  color:var(--retire-muted)!important;
  font-size:11px!important;
}
/* One progressive disclosure stack: essentials, costs, and fine-tuning. */
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head{
  margin-bottom:12px!important;
}
#app .wmd-workspace--retirement .retirement-plan-group-label{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:4px 12px;
  margin:18px 0 8px;
  padding:0 1px;
}
#app .wmd-workspace--retirement .retirement-plan-group-label:first-of-type{margin-top:5px}
#app .wmd-workspace--retirement .retirement-plan-group-label b{
  color:var(--retire-ink)!important;
  font-size:13px!important;
  font-weight:800;
}
#app .wmd-workspace--retirement .retirement-plan-group-label small{
  color:var(--retire-muted)!important;
  font-size:12px!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details{
  margin:0 0 7px!important;
  border:1px solid var(--retire-line)!important;
  border-radius:11px!important;
  background:var(--wmd-ui-deep,#111c25)!important;
  overflow:hidden!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details[open]{
  background:var(--wmd-ui-deep,#111c25)!important;
  border-color:color-mix(in srgb,var(--retire-accent) 53%,var(--retire-line))!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details>summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  gap:3px 11px!important;
  align-items:center!important;
  min-height:56px!important;
  padding:10px 13px!important;
  border-radius:10px!important;
  color:var(--retire-ink)!important;
  font-size:15px!important;
  line-height:1.25!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details>summary::after{
  grid-column:2!important;
  grid-row:1/3!important;
  justify-self:end!important;
  margin:0!important;
  color:var(--retire-accent)!important;
  font-size:20px!important;
}
#app .wmd-workspace--retirement .retirement-summary-title{
  grid-column:1;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:750!important;
  color:var(--retire-ink)!important;
}
#app .wmd-workspace--retirement .retirement-summary-meta{
  display:block!important;
  grid-column:1;
  max-width:none!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:500!important;
  color:var(--retire-muted)!important;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--retirement .retirement-assumptions>details[open]>summary{
  border-bottom:1px solid var(--retire-line);
  border-radius:10px 10px 0 0!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-grid2,
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-plan-disclosure-body{
  padding:12px 13px 13px!important;
}
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-help,
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-override-total,
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-household-totals,
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-inline-advanced,
#app .wmd-workspace--retirement .retirement-assumptions>details>.retirement-subplanner{
  margin-left:13px!important;
  margin-right:13px!important;
}
#app .wmd-workspace--retirement .retirement-grid2{
  gap:10px 12px!important;
}
#app .wmd-workspace--retirement .retirement-grid2>label>span{
  color:var(--retire-muted)!important;
  font-size:12px!important;
}
#app .wmd-workspace--retirement .retirement-help{
  color:var(--retire-muted)!important;
  font-size:11.5px!important;
  line-height:1.48!important;
}
#app .wmd-workspace--retirement .retirement-household-totals{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))!important;
  gap:7px!important;
  margin-top:12px!important;
  margin-bottom:12px!important;
}
#app .wmd-workspace--retirement .retirement-household-totals>div{
  border:1px solid var(--retire-line)!important;
  background:transparent!important;
  border-radius:9px!important;
  padding:9px!important;
  gap:4px!important;
}
#app .wmd-workspace--retirement .retirement-household-totals>div.retirement-household-totals-highlight{
  background:var(--wmd-ui-raised,#202e38)!important;
  border-color:color-mix(in srgb,var(--retire-accent) 45%,var(--retire-line))!important;
}
#app .wmd-workspace--retirement .retirement-household-totals small,
#app .wmd-workspace--retirement .retirement-household-totals span{
  color:var(--retire-muted)!important;
  font-size:11px!important;
  line-height:1.35!important;
}
#app .wmd-workspace--retirement .retirement-household-totals strong{
  font-size:clamp(16px,1.65vw,20px)!important;
  color:var(--retire-ink)!important;
}
#app .wmd-workspace--retirement .retirement-household-totals-highlight strong{
  color:var(--retire-accent)!important;
}
/* Expense category chips are now the only picker; no redundant bar above them. */
#app .wmd-workspace--retirement .retirement-category-overview{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  padding:3px 0 0!important;
  box-shadow:none!important;
}
#app .wmd-workspace--retirement .retirement-category-overview .category-overview-head{
  align-items:center;
  gap:9px;
  margin:0 0 9px;
}
#app .wmd-workspace--retirement .retirement-category-overview .category-overview-head>strong{
  color:var(--retire-ink)!important;
  font-size:clamp(16px,1.8vw,21px)!important;
}
#app .wmd-workspace--retirement .retirement-category-overview .category-overview-head>strong small{
  color:var(--retire-muted)!important;
  font-size:10px!important;
}
#app .wmd-workspace--retirement .retirement-category-overview .money-mix-stage{
  display:block!important;
  margin:4px 0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
#app .wmd-workspace--retirement .retirement-category-overview .money-mix-focus{
  padding:9px 12px!important;
  border:1px solid var(--retire-line)!important;
  border-radius:10px!important;
  background:var(--wmd-ui-raised,#202e38)!important;
  min-width:0;
}
#app .wmd-workspace--retirement .retirement-category-overview .money-mix-focus strong{
  font-size:clamp(15px,1.8vw,20px)!important;
  line-height:1.25!important;
}
#app .wmd-workspace--retirement .retirement-category-quick,
#app .wmd-workspace--retirement .retirement-category-extra{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,205px),1fr))!important;
  gap:7px!important;
}
#app .wmd-workspace--retirement .retirement-category-chip{
  min-height:42px!important;
  padding:8px 10px!important;
  border:1px solid var(--retire-line)!important;
  background:var(--wmd-ui-deep,#111c25)!important;
  border-radius:9px!important;
}
#app .wmd-workspace--retirement .retirement-category-chip.selected{
  border-color:var(--retire-accent)!important;
  background:var(--wmd-ui-raised,#202e38)!important;
}
#app .wmd-workspace--retirement .retirement-category-chip span,
#app .wmd-workspace--retirement .retirement-category-chip b{
  font-size:12px!important;
}
#app .wmd-workspace--retirement .retirement-mix-note{
  color:var(--retire-muted)!important;
  font-size:11px!important;
}
#app .wmd-workspace--retirement .retirement-model-note{
  margin:0 2px!important;
  color:var(--retire-muted)!important;
  font-size:12px!important;
}
#app .wmd-workspace--retirement :is(button,summary,input,select,textarea):focus-visible{
  outline:2px solid var(--retire-accent)!important;
  outline-offset:2px!important;
}
@media(max-width:940px){
  #app .wmd-workspace--retirement .retirement-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    row-gap:10px!important;
  }
  #app .wmd-workspace--retirement .retirement-kpis article:nth-child(2){border-right:0!important}
  #app .wmd-workspace--retirement .retirement-kpis article:nth-child(3){padding-left:0!important}
}
@media(max-width:600px){
  #app .wmd-workspace--retirement .retirement-card{padding:13px!important}
  #app .wmd-workspace--retirement .retirement-status-row{flex-direction:row!important;align-items:flex-start!important}
  #app .wmd-workspace--retirement .retirement-status-row h3{font-size:21px!important}
  #app .wmd-workspace--retirement .retirement-status-row p{font-size:12px!important}
  #app .wmd-workspace--retirement .retirement-status-pill{font-size:9px!important;padding:5px 7px!important}
  #app .wmd-workspace--retirement .retirement-top-tools{align-items:stretch!important;margin:12px 0 9px!important}
  #app .wmd-workspace--retirement .retirement-dollar-controls{display:grid!important;gap:4px!important;width:100%!important}
  #app .wmd-workspace--retirement .retirement-dollar-switch{width:100%!important;display:flex}
  #app .wmd-workspace--retirement .retirement-dollar-switch button{flex:1 1 0;min-width:0;white-space:normal!important}
  #app .wmd-workspace--retirement .retirement-kpis{row-gap:8px!important;padding:10px 0!important}
  #app .wmd-workspace--retirement .retirement-kpis article{padding:3px 9px!important}
  #app .wmd-workspace--retirement .retirement-kpis article:nth-child(odd){padding-left:0!important}
  #app .wmd-workspace--retirement .retirement-kpis strong{font-size:clamp(17px,5vw,22px)!important}
  #app .wmd-workspace--retirement .retirement-kpis span{font-size:11px!important}
  #app .wmd-workspace--retirement .retirement-kpis small{font-size:10px!important}
  #app .wmd-workspace--retirement .retirement-next-move{padding:9px 10px}
  #app .wmd-workspace--retirement .retirement-action{align-items:flex-start}
  #app .wmd-workspace--retirement .retirement-action strong{white-space:normal!important;text-align:right}
  #app .wmd-workspace--retirement .retirement-chart{height:240px!important}
  #app .wmd-workspace--retirement .retirement-page .retirement-chart-inspector{grid-template-columns:minmax(0,1fr) minmax(105px,auto)!important;gap:4px 7px!important}
  #app .wmd-workspace--retirement .retirement-inspector-date strong{font-size:14px!important}
  #app .wmd-workspace--retirement .retirement-inspector-balance strong{font-size:19px!important}
  #app .wmd-workspace--retirement .retirement-chart-inspector small{font-size:10px!important}
  #app .wmd-workspace--retirement .retirement-assumptions>details>summary{min-height:52px!important;padding:9px 11px!important}
  #app .wmd-workspace--retirement .retirement-grid2{grid-template-columns:1fr!important}
  #app .wmd-workspace--retirement .retirement-plan-group-label{margin-top:13px}
  #app .wmd-workspace--retirement .retirement-category-overview .category-overview-head{display:flex!important;flex-direction:row!important;align-items:center!important}
  #app .wmd-workspace--retirement .retirement-category-overview .category-overview-head>strong{font-size:16px!important;text-align:right!important}
  #app .wmd-workspace--retirement .retirement-category-quick,
  #app .wmd-workspace--retirement .retirement-category-extra{grid-template-columns:1fr!important}
  #app .wmd-workspace--retirement .retirement-category-chip{min-height:44px!important}
}
@media print{
  /* Keep the common paper report styling authoritative when printing Retirement. */
  #app main.wmd-workspace--retirement .retirement-card{
    background:#fff!important;color:#1b2c38!important;box-shadow:none!important;
    border-color:#d5dee4!important;
  }
  #app main.wmd-workspace--retirement .retirement-chart{overflow:visible!important}
  #app main.wmd-workspace--retirement .retirement-page :is(.retirement-outlook,.retirement-chart-card,.retirement-assumptions){break-inside:auto!important}
  #app main.wmd-workspace--retirement .retirement-top-tools button,
  #app main.wmd-workspace--retirement .retirement-next-move-head button{display:none!important}
}

/* Timeline is an actionable part of the outlook, not a dead metadata label. */
#app .wmd-workspace--retirement .retirement-horizon-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  max-width:100%;
  min-height:26px!important;
  padding:2px 0!important;
  color:var(--retire-accent)!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid color-mix(in srgb,var(--retire-accent) 50%,transparent)!important;
  border-radius:0!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:720!important;
  text-align:left;
  cursor:pointer;
}
#app .wmd-workspace--retirement .retirement-horizon-link span{
  font-size:13px!important;
  opacity:.8;
}
#app .wmd-workspace--retirement .retirement-horizon-link:hover{
  color:#e7f7ff!important;
  border-color:var(--retire-accent)!important;
}
@media print{
  #app main.wmd-workspace--retirement .retirement-page :is(
    .retirement-kpis strong,.retirement-kpis span,.retirement-kpis small,
    .retirement-action b,.retirement-action small,.retirement-action strong,
    .retirement-status-row h3,.retirement-status-row p,
    .retirement-inspector-date strong,.retirement-inspector-balance strong,
    .retirement-summary-title,.retirement-summary-meta
  ){
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important;
  }
  #app main.wmd-workspace--retirement .retirement-horizon-link{display:none!important}
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-card{
    padding:6px!important;
    margin-bottom:4px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-kpis{
    gap:3px!important;
    padding:5px 0!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-kpis article{
    padding:2px 5px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-kpis strong{
    font-size:12pt!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-kpis :is(span,small){
    font-size:7.5pt!important;
    line-height:1.2!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-chart{
    height:175px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--retirement .retirement-assumptions>details>summary{
    padding:4px 7px!important;
    min-height:35px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-card{
    padding:14px!important;
    margin-bottom:12px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-kpis{
    gap:9px!important;
    padding:13px 0!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-kpis strong{
    font-size:18pt!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-kpis :is(span,small){
    font-size:9.5pt!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-chart{
    height:255px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--retirement .retirement-assumptions>details>summary{
    padding:10px 12px!important;
    min-height:55px!important;
  }
}


/* Compact, accessible retirement assumption editor, Oct 17 */
#app .wmd-workspace--retirement .retirement-assumptions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px 12px!important;align-items:start!important}
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head,
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-plan-group-label{grid-column:1/-1!important}
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head{margin-bottom:3px!important}
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head h3{font-size:24px!important;letter-spacing:-.025em}
#app .wmd-workspace--retirement .retirement-assumptions>.retirement-section-head p{font-size:13px!important;line-height:1.5!important}
#app .wmd-workspace--retirement .retirement-plan-group-label{margin:10px 0 0!important;padding:13px 0 2px!important;border-top:1px solid var(--retire-line);gap:4px 12px!important}
#app .wmd-workspace--retirement .retirement-plan-group-label b{font-size:14px!important}
#app .wmd-workspace--retirement .retirement-plan-group-label small{font-size:12px!important}
#app .wmd-workspace--retirement .retirement-assumptions>details{min-width:0!important;margin:0!important;background:#192832!important;border-color:#445968!important}
#app .wmd-workspace--retirement .retirement-assumptions>details[open]{grid-column:1/-1!important;background:#1d2d38!important;border-color:#7998a7!important}
#app .wmd-workspace--retirement .retirement-assumptions>details:not([open]):hover{background:#263945!important;border-color:#7897a7!important}
#app .wmd-workspace--retirement .retirement-assumptions>details>summary{min-height:74px!important;padding:13px 16px!important;gap:5px 10px!important}
#app .wmd-workspace--retirement .retirement-assumptions>details[open]>summary{background:#263a47!important;min-height:62px!important}
#app .wmd-workspace--retirement .retirement-summary-title{font-size:16px!important;line-height:1.3!important}
#app .wmd-workspace--retirement .retirement-summary-meta{font-size:13px!important;line-height:1.4!important}
#app .wmd-workspace--retirement .retirement-assumptions .retirement-grid2>label>span{font-size:13px!important}
#app .wmd-workspace--retirement .retirement-assumptions .retirement-help{font-size:12.5px!important;line-height:1.5!important}
#app .wmd-workspace--retirement [data-retirement-section]{scroll-margin-top:85px}
@media(max-width:760px){
#app .wmd-workspace--retirement .retirement-assumptions{grid-template-columns:minmax(0,1fr)!important}
#app .wmd-workspace--retirement .retirement-assumptions>details>summary{min-height:67px!important;padding:12px!important}
#app .wmd-workspace--retirement .retirement-summary-title{font-size:15px!important}
#app .wmd-workspace--retirement .retirement-summary-meta{font-size:12.5px!important}
#app .wmd-workspace--retirement .retirement-assumptions input:not([type=checkbox]):not([type=range]){font-size:16px!important}
}
@media print{#app main.wmd-workspace--retirement .retirement-assumptions{display:block!important}#app main.wmd-workspace--retirement .retirement-assumptions>details{margin-bottom:6px!important}}

/* debt-breakdown-refinement.css */
/* Debt Breakdown refinement, 2026-10-16.
   One coherent composition view; details stay available on demand.
   The debt palette is inherited from the existing workspace, with warning
   colors reserved for incomplete data. */
#app .wmd-workspace--debt .debt-page{
  gap:13px!important;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-panel,
#app .wmd-workspace--debt .debt-accounts-disclosure{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
  background:var(--wmd-ui-panel,#19252e)!important;
  border:1px solid var(--wmd-ui-line,#384a55)!important;
  border-radius:15px!important;
  box-shadow:none!important;
}
#app .wmd-workspace--debt .debt-breakdown-panel{
  padding:clamp(14px,1.8vw,20px)!important;
}
#app .wmd-workspace--debt .debt-breakdown-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:11px 22px;
  min-width:0;
  margin-bottom:13px;
}
#app .wmd-workspace--debt .debt-breakdown-header>div:first-child{
  flex:1 1 230px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-header .debt-kicker,
#app .wmd-workspace--debt .debt-breakdown-empty .debt-kicker,
#app .wmd-workspace--debt .debt-accounts-toggle .debt-kicker{
  display:block;
  margin-bottom:4px;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.075em!important;
  color:var(--wmd-accent,#c7b1c0)!important;
}
#app .wmd-workspace--debt .debt-breakdown-header h3,
#app .wmd-workspace--debt .debt-breakdown-empty h3{
  margin:0!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-family:inherit!important;
  font-size:clamp(20px,2vw,24px)!important;
  font-weight:780!important;
  line-height:1.18!important;
  letter-spacing:-.03em!important;
}
#app .wmd-workspace--debt .debt-breakdown-header p,
#app .wmd-workspace--debt .debt-breakdown-empty p{
  margin:5px 0 0!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#app .wmd-workspace--debt .debt-breakdown-insights{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  min-width:0;
  border-top:1px solid var(--wmd-ui-line-soft,#2c3d47);
  border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47);
  padding:10px 0;
  margin:4px 0 15px;
}
#app .wmd-workspace--debt .debt-breakdown-insights>div{
  display:grid;
  align-content:start;
  gap:3px;
  padding:3px 15px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-insights>div:first-child{
  border-right:1px solid var(--wmd-ui-line-soft,#2c3d47);
  padding-left:0;
}
#app .wmd-workspace--debt .debt-breakdown-insights>div:last-child{padding-right:0}
#app .wmd-workspace--debt .debt-breakdown-insights span,
#app .wmd-workspace--debt .debt-breakdown-insights small{
  font-size:11px!important;
  line-height:1.35!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
}
#app .wmd-workspace--debt .debt-breakdown-insights strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:clamp(18px,1.8vw,23px)!important;
  font-weight:760!important;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--debt .debt-breakdown-composition{
  display:flex;
  align-items:stretch;
  width:100%;
  height:16px;
  min-width:0;
  overflow:hidden;
  border:1px solid var(--wmd-ui-line,#384a55);
  border-radius:8px;
  background:var(--wmd-ui-deep,#111c25)!important;
}
#app .wmd-workspace--debt .debt-mix-segment{
  display:block;
  flex:none;
  height:100%;
  min-width:0;
  border-right:1px solid rgba(10,16,24,.45);
  background:var(--wmd-accent,#a99bab)!important;
}
#app .wmd-workspace--debt .debt-mix-segment:last-child{border-right:0}
#app .wmd-workspace--debt .debt-mix-tone-0{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 81%,#a7b4c0)!important}
#app .wmd-workspace--debt .debt-mix-tone-1{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 50%,#697b92)!important}
#app .wmd-workspace--debt .debt-mix-tone-2{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 30%,#7b8b98)!important}
#app .wmd-workspace--debt .debt-mix-tone-3{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 58%,#58697a)!important}
#app .wmd-workspace--debt .debt-mix-tone-4{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 22%,#a29fac)!important}
#app .wmd-workspace--debt .debt-mix-tone-5{background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 35%,#526b74)!important}
#app .wmd-workspace--debt .debt-breakdown-composition-note{
  display:flex;
  align-items:start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:5px 15px;
  margin:6px 0 12px;
}
#app .wmd-workspace--debt .debt-breakdown-composition-note span{
  font-size:11px!important;
  line-height:1.35!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
}
#app .wmd-workspace--debt .debt-breakdown-composition-note span:last-child{
  color:var(--wmd-accent,#b9a6b8)!important;
}
#app .wmd-workspace--debt .debt-breakdown-list{
  display:grid;
  gap:0!important;
  border-top:1px solid var(--wmd-ui-line-soft,#2c3d47);
}
#app .wmd-workspace--debt .debt-breakdown-item{
  display:grid!important;
  grid-template-columns:minmax(0,1.3fr) minmax(110px,.65fr) minmax(175px,1fr) 17px;
  align-items:center;
  gap:8px 15px!important;
  width:100%!important;
  min-width:0;
  min-height:71px!important;
  padding:10px 6px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
  border-radius:0!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#app .wmd-workspace--debt .debt-breakdown-item:hover,
#app .wmd-workspace--debt .debt-breakdown-item:focus-visible{
  background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 7%,var(--wmd-ui-panel,#19252e))!important;
}
#app .wmd-workspace--debt .debt-breakdown-item.is-target{
  background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 5%,var(--wmd-ui-panel,#19252e))!important;
  box-shadow:inset 3px 0 0 var(--wmd-accent,#b9a6b8)!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-name,
#app .wmd-workspace--debt .debt-breakdown-item-balance{
  display:flex;
  flex-direction:column;
  gap:3px;
  min-width:0;
  width:auto;
}
#app .wmd-workspace--debt .debt-breakdown-item-name strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.27!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#app .wmd-workspace--debt .debt-breakdown-item-name em{
  color:var(--wmd-accent,#b9a6b8)!important;
  font-size:10px!important;
  font-style:normal;
  font-weight:780!important;
  line-height:1.25!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-balance{
  align-items:flex-end;
  text-align:right;
}
#app .wmd-workspace--debt .debt-breakdown-item-balance strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:16px!important;
  font-weight:760!important;
  font-variant-numeric:tabular-nums;
  line-height:1.2!important;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--debt .debt-breakdown-item-balance small{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:11px!important;
  line-height:1.25!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-secondary{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:3px 10px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-item-secondary>span{
  font-size:11px!important;
  line-height:1.4!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-secondary>span:first-child{
  color:var(--wmd-ui-txt,#eef4f7)!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-secondary>.debt-breakdown-payment{
  flex-basis:100%;
  font-size:10.5px!important;
}
#app .wmd-workspace--debt .debt-breakdown-item-arrow{
  color:var(--wmd-accent,#b9a6b8)!important;
  font-size:15px!important;
  justify-self:center;
  opacity:.7;
}
#app .wmd-workspace--debt .debt-breakdown-attention{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:9px 20px;
  padding:11px 12px;
  margin:0 0 12px;
  background:#2a2525!important;
  border:1px solid #725852!important;
  border-radius:10px!important;
}
#app .wmd-workspace--debt .debt-breakdown-attention strong{
  font-size:12px!important;
  color:#f2ddd1!important;
}
#app .wmd-workspace--debt .debt-breakdown-attention p{
  margin:3px 0 0!important;
  max-width:660px;
  font-size:11px!important;
  line-height:1.4!important;
  color:#d3bdb4!important;
}
#app .wmd-workspace--debt .debt-breakdown-attention button,
#app .wmd-workspace--debt .debt-breakdown-empty button{
  flex:none;
  padding:8px 12px!important;
  min-height:36px!important;
  border-radius:8px!important;
  border:1px solid var(--wmd-accent,#b9a6b8)!important;
  background:transparent!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:12px!important;
  font-weight:750!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-breakdown-attention button:hover,
#app .wmd-workspace--debt .debt-breakdown-empty button:hover{
  background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 12%,transparent)!important;
}
#app .wmd-workspace--debt .debt-breakdown-more{
  width:100%!important;
  min-height:38px!important;
  padding:8px 12px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--wmd-accent,#b9a6b8)!important;
  font-size:12px!important;
  font-weight:760!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-breakdown-more:hover{
  background:var(--wmd-ui-raised,#202e38)!important;
}
#app .wmd-workspace--debt .debt-breakdown-footnote{
  margin:8px 0 0!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:10.5px!important;
  line-height:1.4!important;
}
#app .wmd-workspace--debt .debt-breakdown-empty{
  display:flex;
  align-items:start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:15px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-empty>div{
  flex:1 1 235px;
}
/* Debt account editor: disclosure uses the existing vetted inputs and
   drag handles; no duplicate debt record or calculated balance is introduced. */
#app .wmd-workspace--debt .debt-accounts-disclosure{
  padding:0!important;
  overflow:hidden!important;
}
#app .wmd-workspace--debt .debt-accounts-disclosure>summary{
  list-style:none;
  cursor:pointer;
}
#app .wmd-workspace--debt .debt-accounts-disclosure>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--debt .debt-accounts-disclosure>summary::marker{content:""}
#app .wmd-workspace--debt .debt-accounts-toggle{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:4px 12px;
  min-height:64px!important;
  padding:13px 17px!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
}
#app .wmd-workspace--debt .debt-accounts-toggle:hover{
  background:var(--wmd-ui-raised,#202e38)!important;
}
#app .wmd-workspace--debt .debt-accounts-toggle>.debt-kicker{
  grid-column:1;
  margin:0!important;
}
#app .wmd-workspace--debt .debt-accounts-toggle-line{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:6px 14px;
  grid-column:1;
}
#app .wmd-workspace--debt .debt-accounts-toggle-line strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:18px!important;
  font-weight:760!important;
  line-height:1.2!important;
}
#app .wmd-workspace--debt .debt-accounts-toggle-line small{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
#app .wmd-workspace--debt .debt-accounts-toggle-chevron{
  display:grid;
  place-items:center;
  grid-column:2;
  grid-row:1/3;
  width:28px;
  height:28px;
  border:1px solid var(--wmd-ui-line,#384a55);
  border-radius:8px;
  color:var(--wmd-accent,#b9a6b8)!important;
  background:var(--wmd-ui-deep,#111c25);
  transition:transform .16s ease;
}
#app .wmd-workspace--debt .debt-accounts-toggle-chevron .ui-chevron{
  width:16px;
  height:16px;
}
#app .wmd-workspace--debt .debt-accounts-disclosure[open] .debt-accounts-toggle-chevron{
  transform:rotate(180deg);
}
#app .wmd-workspace--debt .debt-accounts-disclosure[open]>.debt-accounts-toggle{
  border-bottom:1px solid var(--wmd-ui-line,#384a55)!important;
}
#app .wmd-workspace--debt .debt-accounts-disclosure>.debt-accounts-panel{
  margin:0!important;
  padding:13px 17px 15px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#app .wmd-workspace--debt .debt-accounts-edit-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px 14px;
  flex-wrap:wrap;
  margin:0 0 10px;
}
#app .wmd-workspace--debt .debt-accounts-edit-note p{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.4!important;
  margin:0!important;
}
#app .wmd-workspace--debt .debt-row-reviewing{
  background:color-mix(in srgb,var(--wmd-accent,#b9a6b8) 10%,#19252e)!important;
  box-shadow:inset 3px 0 0 var(--wmd-accent,#b9a6b8)!important;
}
#app .wmd-workspace--debt .debt-accounts-disclosure:not([open])>.debt-accounts-panel{display:none!important}
#app .wmd-workspace--debt :is(.debt-breakdown-item,.debt-breakdown-more,.debt-accounts-toggle):focus-visible{
  outline:2px solid var(--wmd-accent,#b9a6b8)!important;
  outline-offset:-2px!important;
}
@media(max-width:820px){
  #app .wmd-workspace--debt .debt-breakdown-item{
    grid-template-columns:minmax(0,1fr) minmax(95px,auto) 18px!important;
    row-gap:5px!important;
  }
  #app .wmd-workspace--debt .debt-breakdown-item-name{grid-column:1;grid-row:1}
  #app .wmd-workspace--debt .debt-breakdown-item-balance{grid-column:2;grid-row:1}
  #app .wmd-workspace--debt .debt-breakdown-item-secondary{
    grid-column:1/3;
    grid-row:2;
  }
  #app .wmd-workspace--debt .debt-breakdown-item-arrow{grid-column:3;grid-row:1/3}
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-breakdown-panel{padding:13px!important}
  #app .wmd-workspace--debt .debt-breakdown-insights>div{padding:2px 9px}
  #app .wmd-workspace--debt .debt-breakdown-insights strong{font-size:17px!important}
  #app .wmd-workspace--debt .debt-breakdown-insights small{font-size:10px!important}
  #app .wmd-workspace--debt .debt-breakdown-item{
    padding:10px 2px!important;
    gap:5px 7px!important;
  }
  #app .wmd-workspace--debt .debt-breakdown-item-name strong{
    font-size:13px!important;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  #app .wmd-workspace--debt .debt-breakdown-item-balance strong{font-size:14px!important}
  #app .wmd-workspace--debt .debt-breakdown-item-secondary>span{font-size:10.5px!important}
  #app .wmd-workspace--debt .debt-breakdown-item-secondary>.debt-breakdown-payment{font-size:10px!important}
  #app .wmd-workspace--debt .debt-accounts-toggle{padding:12px 13px!important}
  #app .wmd-workspace--debt .debt-accounts-disclosure>.debt-accounts-panel{padding:12px 12px 15px!important}
}
@media print{
  #app main.wmd-workspace--debt .debt-breakdown-panel,
  #app main.wmd-workspace--debt .debt-accounts-disclosure{
    background:#fff!important;
    border-color:#d7dee5!important;
    color:#1b2c38!important;
    box-shadow:none!important;
  }
  #app main.wmd-workspace--debt .debt-breakdown-item,
  #app main.wmd-workspace--debt .debt-breakdown-item.is-target{
    background:transparent!important;
    border-color:#d7dee5!important;
    box-shadow:none!important;
  }
  #app main.wmd-workspace--debt .debt-breakdown-panel :is(h3,strong,span,small,p),
  #app main.wmd-workspace--debt .debt-accounts-disclosure :is(strong,span,small,p){
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-breakdown-composition{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  #app main.wmd-workspace--debt .debt-mix-segment{
    -webkit-print-color-adjust:exact!important;
    print-color-adjust:exact!important;
  }
  #app main.wmd-workspace--debt :is(.debt-breakdown-attention button,.debt-breakdown-item-arrow,.debt-breakdown-more,.debt-accounts-toggle-chevron){
    display:none!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--debt .debt-breakdown-panel{
    padding:6px!important;
  }
  body[data-wmd-print-density="compact"] #app main.wmd-workspace--debt .debt-breakdown-item{
    padding:3px 4px!important;
    min-height:0!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--debt .debt-breakdown-panel{
    padding:14px!important;
  }
  body[data-wmd-print-density="comfortable"] #app main.wmd-workspace--debt .debt-breakdown-item{
    padding:9px 10px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--debt .debt-accounts-toggle-chevron{transition:none}
}

/* Small, scan-friendly composition details (the total lives in the overview). */
#app .wmd-workspace--debt .debt-breakdown-count{
  align-self:center;
  flex:none;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  font-weight:690!important;
  white-space:nowrap;
}
#app .wmd-workspace--debt .debt-breakdown-name-line{
  display:flex!important;
  align-items:center;
  gap:8px;
  width:100%;
  min-width:0;
}
#app .wmd-workspace--debt .debt-breakdown-name-line strong{
  flex:1 1 auto;
  min-width:0;
}
#app .wmd-workspace--debt .debt-mix-swatch{
  display:block;
  flex:none;
  width:9px;
  height:15px;
  border-radius:3px;
  border:1px solid rgba(255,255,255,.16);
  background:var(--wmd-accent,#a99bab);
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-breakdown-count{
    align-self:flex-start;
    font-size:11px!important;
  }
}
@media print{
  #app main.wmd-workspace--debt .debt-mix-swatch{
    print-color-adjust:exact!important;
    -webkit-print-color-adjust:exact!important;
  }
}


/* Do not display a fabricated payoff line if a household has no monthly payments. */
#app .wmd-workspace--debt .debt-forecast-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:120px;
  padding:16px;
  margin-top:8px;
  border:1px dashed var(--wmd-ui-line,#384a55);
  border-radius:11px;
  background:var(--wmd-ui-deep,#111c25);
  text-align:center;
}
#app .wmd-workspace--debt .debt-forecast-empty p{
  margin:0!important;
  max-width:430px;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#app .wmd-workspace--debt .debt-forecast-empty button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  min-height:36px!important;
  border:1px solid var(--wmd-ui-line,#384a55)!important;
  border-radius:8px!important;
  padding:7px 11px!important;
  background:var(--wmd-ui-raised,#202e38)!important;
  color:var(--wmd-accent,#d8aaae)!important;
  font-size:12px!important;
  font-weight:780!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-forecast-empty button:is(:hover,:focus-visible){
  border-color:var(--wmd-accent,#d8aaae)!important;
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-forecast-empty{
    min-height:95px;
    padding:12px;
  }
}
@media print{
  #app main.wmd-workspace--debt .debt-forecast-empty{
    background:#fff!important;
    color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-forecast-empty button{display:none!important}
}


/* Contextual guidance appears only when a card is in the payoff plan.
   It should read like a simple relationship explanation, not an error. */
#app .wmd-workspace--debt .debt-card-coordination{
  display:block;
  align-items:stretch;
  min-width:0;
  padding:0;
  background:var(--wmd-ui-deep,#152028)!important;
  border:1px solid var(--wmd-ui-line,#384a55)!important;
  border-left:3px solid var(--wmd-accent,#bfa5b6)!important;
  border-radius:11px!important;
}
#app .wmd-workspace--debt .debt-card-coordination strong{
  display:block;
  margin:0 0 3px;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:12px!important;
  font-weight:760!important;
  line-height:1.3!important;
}
#app .wmd-workspace--debt .debt-card-coordination p{
  margin:0!important;
  padding:0 13px 12px;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:11.5px!important;
  line-height:1.47!important;
}
#app .wmd-workspace--debt .debt-card-coordination>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:5px 13px;
  min-height:47px;
  padding:11px 13px!important;
  list-style:none;
  cursor:pointer;
  color:var(--wmd-ui-txt,#eef4f7)!important;
}
#app .wmd-workspace--debt .debt-card-coordination>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--debt .debt-card-coordination>summary::marker{content:""}
#app .wmd-workspace--debt .debt-card-coordination>summary:hover{
  background:color-mix(in srgb,var(--wmd-accent,#bfa5b6) 7%,var(--wmd-ui-deep,#152028))!important;
}
#app .wmd-workspace--debt .debt-card-coordination>summary strong{
  margin:0!important;
  font-size:12.5px!important;
}
#app .wmd-workspace--debt .debt-card-coordination>summary>span{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:11.5px!important;
  line-height:1.4!important;
  font-weight:650!important;
}
#app .wmd-workspace--debt .debt-card-coordination>summary>span span{
  display:inline-block;
  transition:transform .15s ease;
}
#app .wmd-workspace--debt .debt-card-coordination[open]>summary>span span{transform:rotate(180deg)}
#app .wmd-workspace--debt .debt-card-coordination>summary:focus-visible{
  outline:2px solid var(--wmd-accent,#bfa5b6)!important;
  outline-offset:-3px!important;
}
#app .wmd-workspace--debt .debt-card-coordination.needs-review{
  border-left-color:#b49376!important;
}
#app .wmd-workspace--debt .debt-card-coordination.needs-review>summary>span{
  color:#dec3a8!important;
}

#app .wmd-workspace--debt .debt-fit.pending{
  background:var(--wmd-ui-deep,#152028)!important;
  border-color:var(--wmd-ui-line,#384a55)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--debt .debt-fit.pending strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:15px!important;
}
#app .wmd-workspace--debt .debt-fit.pending small{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
}
#app .wmd-workspace--debt .debt-fit [data-debt-go-budget]{
  align-self:start;
  min-height:30px!important;
  padding:5px 9px!important;
  margin-top:4px;
  border:1px solid var(--wmd-ui-line,#384a55)!important;
  background:var(--wmd-ui-raised,#202e38)!important;
  border-radius:7px!important;
  color:var(--wmd-accent,#bfa5b6)!important;
  font-size:11px!important;
  font-weight:730!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-fit [data-debt-go-budget]:hover{
  border-color:var(--wmd-accent,#bfa5b6)!important;
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-card-coordination{padding:10px 11px!important}
}
@media print{
  #app main.wmd-workspace--debt .debt-card-coordination,
  #app main.wmd-workspace--debt .debt-fit.pending{
    background:#fff!important;
    border-color:#d7dee5!important;
    color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-card-coordination :is(strong,p),
  #app main.wmd-workspace--debt .debt-fit.pending :is(strong,small){
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt [data-debt-go-budget]{display:none!important}
}


/* Stronger specificity than the shared debt-palette rules:
   an unconfigured Budget is neutral, never optimistically green. */
#app .wmd-workspace.wmd-workspace--debt .debt-page .debt-fit.pending:not(.negative):not(.over){
  background:var(--wmd-ui-deep,#152028)!important;
  border-color:var(--wmd-ui-line,#384a55)!important;
  box-shadow:none!important;
}
#app .wmd-workspace.wmd-workspace--debt .debt-page .debt-fit.pending:not(.negative):not(.over) strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
}
#app .wmd-workspace--debt .debt-interest-warning{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px 16px;
  margin:0 0 13px;
  padding:12px 14px;
  border-radius:10px!important;
  border:1px solid #815b54!important;
  background:#2e2526!important;
}
#app .wmd-workspace--debt .debt-interest-warning>div{
  flex:1 1 280px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-interest-warning strong{
  display:block;
  margin-bottom:4px;
  font-size:13px!important;
  line-height:1.32!important;
  font-weight:790!important;
  color:#f4ddcf!important;
}
#app .wmd-workspace--debt .debt-interest-warning p{
  margin:0!important;
  color:#e2c6ba!important;
  font-size:11.5px!important;
  line-height:1.47!important;
}
#app .wmd-workspace--debt .debt-interest-warning button{
  flex:none;
  min-height:36px!important;
  padding:7px 11px!important;
  font-size:12px!important;
  font-weight:730!important;
  color:#f7e6da!important;
  background:transparent!important;
  border:1px solid #9d7868!important;
  border-radius:8px!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-interest-warning button:is(:hover,:focus-visible){
  background:#4b3531!important;
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-interest-warning{padding:10px 11px}
  #app .wmd-workspace--debt .debt-interest-warning button{width:100%!important}
}
@media print{
  #app main.wmd-workspace--debt .debt-interest-warning{
    background:#fff!important;
    border-color:#b8aba5!important;
    color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-interest-warning :is(strong,p){
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-interest-warning button{display:none!important}
}


/* Forecast inspection: no modal and no tiny SVG-only hover labels.
   The graph and one slim inspector share a single payoff card. */
#app .wmd-workspace--debt .debt-forecast-chart-wrap{
  min-width:0;
  width:100%;
  overflow:hidden;
}
#app .wmd-workspace--debt .debt-forecast-chart-wrap svg.debt-chart{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  height:auto!important;
  overflow:visible!important;
  cursor:crosshair;
  touch-action:pan-y;
}
#app .wmd-workspace--debt .debt-forecast-guide{
  stroke:var(--wmd-accent,#c5a8b9)!important;
  stroke-width:1.3!important;
  stroke-dasharray:4 5;
  opacity:.85;
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
#app .wmd-workspace--debt .debt-forecast-active-dot{
  fill:var(--wmd-accent,#c5a8b9)!important;
  stroke:var(--wmd-ui-deep,#111c25)!important;
  stroke-width:2!important;
  filter:drop-shadow(0 0 5px rgba(178,166,191,.35));
  vector-effect:non-scaling-stroke;
  pointer-events:none;
}
#app .wmd-workspace--debt .debt-chart-inspector{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(130px,.8fr);
  align-items:end;
  gap:8px 14px;
  width:100%;
  min-width:0;
  margin:6px 0 0!important;
  padding:11px 0 2px!important;
  border-top:1px solid var(--wmd-ui-line,#384a55)!important;
  background:transparent!important;
}
#app .wmd-workspace--debt .debt-chart-inspector-date,
#app .wmd-workspace--debt .debt-chart-inspector-balance{
  display:grid;
  align-content:start;
  gap:4px;
  min-width:0;
}
#app .wmd-workspace--debt .debt-chart-inspector-date>span,
#app .wmd-workspace--debt .debt-chart-inspector-balance>span{
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:10px!important;
  font-weight:780!important;
  letter-spacing:.065em!important;
}
#app .wmd-workspace--debt .debt-chart-inspector-date>strong{
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:16px!important;
  font-weight:780!important;
  line-height:1.25!important;
}
#app .wmd-workspace--debt .debt-chart-inspector-balance>strong{
  color:var(--wmd-accent,#c5a8b9)!important;
  font-size:clamp(18px,2vw,23px)!important;
  line-height:1.16!important;
  font-weight:800!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--debt .debt-chart-inspector :is(strong,span){
  overflow-wrap:anywhere;
}
#app .wmd-workspace--debt .debt-chart-inspector-scrub{
  display:grid!important;
  grid-column:1/-1;
  gap:5px;
  align-items:start;
  margin:5px 0 0!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:11px!important;
  line-height:1.3!important;
  font-weight:720!important;
}
#app .wmd-workspace--debt .debt-chart-inspector-scrub input{
  display:block;
  width:100%!important;
  height:28px!important;
  min-height:28px!important;
  max-height:28px!important;
  margin:0!important;
  padding:0 3px!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  accent-color:var(--wmd-accent,#c5a8b9);
  cursor:pointer;
}
#app .wmd-workspace--debt .debt-chart-inspector>p{
  grid-column:1/-1;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  margin:0!important;
  font-size:11px!important;
  line-height:1.42!important;
}
#app .wmd-workspace--debt .debt-chart-inspector-scrub input:focus-visible{
  outline:2px solid var(--wmd-accent,#c5a8b9)!important;
  outline-offset:1px!important;
  border-radius:6px;
}
@media(max-width:620px){
  #app .wmd-workspace--debt .debt-chart-inspector{
    grid-template-columns:minmax(0,1fr) minmax(115px,auto)!important;
    gap:7px 10px!important;
  }
  #app .wmd-workspace--debt .debt-chart-inspector-date>strong{font-size:13px!important}
  #app .wmd-workspace--debt .debt-chart-inspector-balance>strong{font-size:18px!important}
  #app .wmd-workspace--debt .debt-chart-inspector-scrub{font-size:11px!important}
}
@media print{
  #app main.wmd-workspace--debt .debt-chart-inspector{
    border-color:#d7dee5!important;
    background:#fff!important;
  }
  #app main.wmd-workspace--debt .debt-chart-inspector :is(span,strong,p){
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important;
  }
  #app main.wmd-workspace--debt .debt-chart-inspector-scrub{display:none!important}
  #app main.wmd-workspace--debt .debt-forecast-guide{stroke:#6f6279!important}
  #app main.wmd-workspace--debt .debt-forecast-active-dot{fill:#6f6279!important}
}


/* Excluded liabilities are visible without inflating the included total. */
#app .wmd-workspace--debt .debt-breakdown-header-actions{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:5px;
  min-width:95px;
}
#app .wmd-workspace--debt .debt-breakdown-header-actions button{
  padding:3px 0!important;
  min-height:24px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--wmd-accent,#c5a8b9)!important;
  font-size:11px!important;
  font-weight:740!important;
  cursor:pointer;
}
#app .wmd-workspace--debt .debt-breakdown-header-actions button:hover{
  text-decoration:underline;
}
#app .wmd-workspace--debt .debt-breakdown-header-actions button:focus-visible{
  outline:2px solid var(--wmd-accent,#c5a8b9)!important;
  outline-offset:3px!important;
}
/* Payoff milestones remain readable without a second full-size table. */
#app .wmd-workspace--debt .debt-milestones{
  min-width:0;
}
#app .wmd-workspace--debt .debt-more-milestones{
  display:block;
  min-width:0;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  margin:0!important;
  padding:0!important;
}
#app .wmd-workspace--debt .debt-more-milestones>summary{
  cursor:pointer;
  color:var(--wmd-accent,#c5a8b9)!important;
  font-weight:770!important;
  font-size:12px!important;
  line-height:1.4!important;
  padding:11px 0!important;
  list-style:none;
  border:0!important;
  border-bottom:1px solid var(--wmd-ui-line,#384a55)!important;
  background:transparent!important;
}
#app .wmd-workspace--debt .debt-more-milestones>summary::marker{
  content:"";
}
#app .wmd-workspace--debt .debt-more-milestones>summary::-webkit-details-marker{
  display:none;
}
#app .wmd-workspace--debt .debt-more-milestones>summary span{
  display:inline-block;
  margin-left:4px;
  transition:transform .16s ease;
}
#app .wmd-workspace--debt .debt-more-milestones[open]>summary span{
  transform:rotate(180deg);
}
#app .wmd-workspace--debt .debt-more-milestones>div>article:last-child{
  border-bottom:0;
}
#app .wmd-workspace--debt .debt-more-milestones>summary:focus-visible{
  outline:2px solid var(--wmd-accent,#c5a8b9)!important;
  outline-offset:2px!important;
}
@media(max-width:560px){
  #app .wmd-workspace--debt .debt-breakdown-header-actions{
    align-items:flex-start;
  }
}
@media print{
  #app main.wmd-workspace--debt .debt-breakdown-header-actions button{
    display:none!important;
  }
  #app main.wmd-workspace--debt .debt-more-milestones>summary{
    color:#243746!important;
    -webkit-text-fill-color:#243746!important;
    border-color:#d5dee4!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--debt .debt-more-milestones>summary span{transition:none}
}


/* On-screen disclosure must not remove records from paper reports. */
@media screen{
  #app .wmd-workspace--debt .debt-breakdown-item[hidden]{
    display:none!important;
  }
}
@media print{
  #app main.wmd-workspace--debt .debt-breakdown-item[hidden]{
    display:grid!important;
  }
  #app main.wmd-workspace--debt .debt-more-milestones>summary{
    display:none!important;
  }
  #app main.wmd-workspace--debt .debt-more-milestones>div{
    display:block!important;
  }
}


/* Optional payoff what-if stays beneath the chart, not another top-level card.
   It compares the same debts and method with $100/mo added, without persisting. */
#app .wmd-workspace--debt .debt-quick-scenario{
  margin:11px 0 0;
  padding:0;
  min-width:0;
  border:1px solid var(--wmd-ui-line,#384a55)!important;
  background:var(--wmd-ui-deep,#111c25)!important;
  border-radius:11px!important;
  box-shadow:none!important;
  overflow:hidden;
}
#app .wmd-workspace--debt .debt-quick-scenario>summary{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding:12px 13px!important;
  min-height:43px!important;
  border:0!important;
  background:transparent!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:730!important;
  list-style:none;
  cursor:pointer;
}
#app .wmd-workspace--debt .debt-quick-scenario>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--debt .debt-quick-scenario>summary::marker{content:""}
#app .wmd-workspace--debt .debt-quick-scenario>summary:hover{
  background:var(--wmd-ui-raised,#202e38)!important;
}
#app .wmd-workspace--debt .debt-quick-scenario>summary:focus-visible{
  outline:2px solid var(--wmd-accent,#bea5b3)!important;
  outline-offset:-3px!important;
}
#app .wmd-workspace--debt .debt-whatif-chevron{
  flex:none;
  margin-left:auto;
  color:var(--wmd-accent,#bea5b3)!important;
  font-size:18px!important;
  transition:transform .16s ease;
}
#app .wmd-workspace--debt .debt-quick-scenario[open] .debt-whatif-chevron{
  transform:rotate(180deg);
}
#app .wmd-workspace--debt .debt-quick-scenario-body{
  border-top:1px solid var(--wmd-ui-line,#384a55);
  padding:12px 13px 13px;
  display:grid;
  gap:10px;
}
#app .wmd-workspace--debt .debt-quick-scenario-metrics{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
#app .wmd-workspace--debt .debt-quick-scenario-metrics>div{
  padding:9px 10px;
  border:1px solid var(--wmd-ui-line-soft,#2c3d47);
  border-radius:9px;
  background:var(--wmd-ui-panel,#19252e);
  min-width:0;
  display:grid;
  align-content:start;
  gap:4px;
}
#app .wmd-workspace--debt .debt-quick-scenario-metrics small,
#app .wmd-workspace--debt .debt-quick-scenario-footer>span{
  font-size:11px!important;
  line-height:1.38!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
}
#app .wmd-workspace--debt .debt-quick-scenario-metrics strong{
  font-size:clamp(15px,1.65vw,20px)!important;
  line-height:1.18!important;
  font-weight:780!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--debt .debt-quick-scenario-body p{
  margin:0!important;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.45!important;
}
#app .wmd-workspace--debt .debt-quick-scenario-footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:center;
  gap:8px 14px;
}
#app .wmd-workspace--debt .debt-quick-scenario-footer button{
  flex:none;
  border:1px solid color-mix(in srgb,var(--wmd-accent,#bea5b3) 58%,#48515d)!important;
  border-radius:8px!important;
  padding:7px 11px!important;
  min-height:37px!important;
  background:transparent!important;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:12px!important;
  line-height:1.3!important;
  font-weight:750!important;
  cursor:pointer;
}
#app .wmd-workspace--debt .debt-quick-scenario-footer button:hover{
  background:var(--wmd-ui-raised,#202e38)!important;
}
@media(max-width:540px){
  #app .wmd-workspace--debt .debt-quick-scenario-metrics{grid-template-columns:1fr 1fr}
  #app .wmd-workspace--debt .debt-quick-scenario-metrics strong{font-size:16px!important}
  #app .wmd-workspace--debt .debt-quick-scenario-footer button{
    width:100%;
    white-space:normal;
  }
}
@media print{
  #app main.wmd-workspace--debt .debt-quick-scenario{border-color:#d5dee4!important;background:#fff!important}
  #app main.wmd-workspace--debt .debt-quick-scenario :is(summary,strong,small,p,span){
    color:#1b2c38!important;-webkit-text-fill-color:#1b2c38!important
  }
  #app main.wmd-workspace--debt .debt-quick-scenario-footer button{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--debt .debt-whatif-chevron{transition:none}
}


/* Adjustable, non-saving Debt Paydown scenario: one control, one result. */
#app .wmd-workspace--debt .debt-quick-scenario>summary>span:first-child{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 10px;
}
#app .wmd-workspace--debt .debt-quick-scenario>summary em{
  display:inline-flex;
  align-items:center;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:760!important;
  line-height:1.25!important;
  color:var(--wmd-accent,#bea5b3)!important;
  letter-spacing:0!important;
}
#app .wmd-workspace--debt .debt-whatif-control{
  display:grid!important;
  gap:8px;
  width:100%;
  min-width:0;
  margin:0;
  padding:12px 13px;
  border:1px solid var(--wmd-ui-line-soft,#2c3d47);
  border-radius:10px;
  background:var(--wmd-ui-raised,#202e38)!important;
}
#app .wmd-workspace--debt .debt-whatif-control>span{
  display:block;
  color:var(--wmd-ui-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.4!important;
  font-weight:690!important;
}
#app .wmd-workspace--debt .debt-whatif-control>div{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
}
#app .wmd-workspace--debt .debt-whatif-control input[type=range]{
  display:block;
  width:100%!important;
  min-width:0!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  accent-color:var(--wmd-accent,#bea5b3)!important;
  cursor:pointer!important;
}
#app .wmd-workspace--debt .debt-whatif-control input[type=range]:focus-visible{
  outline:2px solid var(--wmd-accent,#bea5b3)!important;
  outline-offset:3px!important;
}
#app .wmd-workspace--debt .debt-whatif-control output{
  display:block;
  min-width:90px;
  text-align:right;
  color:var(--wmd-ui-txt,#eef4f7)!important;
  font-size:clamp(14px,1.65vw,18px)!important;
  line-height:1.25!important;
  font-weight:780!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
@media(max-width:460px){
  #app .wmd-workspace--debt .debt-whatif-control{padding:10px 11px}
  #app .wmd-workspace--debt .debt-whatif-control>div{gap:8px}
  #app .wmd-workspace--debt .debt-whatif-control output{font-size:14px!important;min-width:75px}
}
@media print{
  #app main.wmd-workspace--debt .debt-whatif-control{background:#fff!important}
  #app main.wmd-workspace--debt .debt-whatif-control input[type=range]{display:none!important}
  #app main.wmd-workspace--debt .debt-whatif-control>span,
  #app main.wmd-workspace--debt .debt-whatif-control output,
  #app main.wmd-workspace--debt .debt-quick-scenario>summary em{
    color:#1b2c38!important;
    -webkit-text-fill-color:#1b2c38!important
  }
  #app main.wmd-workspace--debt .debt-whatif-control output{text-align:left}
}

@media(max-width:560px){
  #app .wmd-workspace--debt .debt-card-coordination{padding:0!important}
  #app .wmd-workspace--debt .debt-card-coordination>summary{padding:9px 11px!important}
  #app .wmd-workspace--debt .debt-card-coordination>p{padding:0 11px 10px!important}
}
@media print{
  #app main.wmd-workspace--debt .debt-card-coordination:not([open])>p{
    display:block!important;
  }
  #app main.wmd-workspace--debt .debt-card-coordination>summary{padding:7px 9px!important}
  #app main.wmd-workspace--debt .debt-card-coordination>p{padding:0 9px 8px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--debt .debt-card-coordination>summary>span span{transition:none}
}

/* landing-dollar-chase.css */
/* The Dollar Gauntlet, premium illustration cutout edition.
 * Entire stage is transparent to the live landing-page background.
 * Scoped to the public landing only. */
#app .landing-v6 .wmd-dollar-story {
  width:100%; max-width:none; min-width:0; margin:-6px auto -10px;
  position:relative; box-sizing:border-box; overflow:hidden;
}
#app .landing-v6 .wmd-dollar-stage {
  position:relative; isolation:isolate; width:100%; min-width:0;
  height:clamp(375px,33.4vw,478px);
  margin:0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none; overflow:hidden;
}
#app .landing-v6 .wmd-dollar-hand-layer {
  position:absolute; inset:0; z-index:2; pointer-events:none;
}
#app .landing-v6 .wmd-grab {
  position:absolute; left:var(--grab-x);
  width:clamp(174px,19vw,254px);
  aspect-ratio:1/1.25; opacity:0;
  translate:-50% 0; will-change:opacity,transform;
  pointer-events:none;
}
#app .landing-v6 .wmd-grab--top {
  /* Let the hand, not only its label, appear within the visible stage. */
  top:-2%; --grab-out:-145px; --grab-in:62px;
}
#app .landing-v6 .wmd-grab--bottom {
  bottom:-19%; --grab-out:152px; --grab-in:-48px;
}
#app .landing-v6 .wmd-grab-move {
  position:relative; height:100%; width:100%;
}
#app .landing-v6 .wmd-grab-art {
  position:relative; display:block; width:100%; height:auto;
  transform:scaleX(var(--grab-flip)) rotate(var(--grab-angle));
  transform-origin:center 65%;
  filter:drop-shadow(0 18px 20px rgba(0,0,0,.42)) saturate(.79) brightness(.89);
  user-select:none; -webkit-user-drag:none;
}
#app .landing-v6 .wmd-grab-caption {
  position:absolute; display:flex; align-items:center; gap:8px;
  z-index:2; width:max-content; max-width:min(190px,90vw);
  box-sizing:border-box; min-height:35px; padding:7px 10px;
  border:1px solid rgba(168,230,194,.52); border-radius:10px;
  background:rgba(13,30,28,.9);
  -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  box-shadow:0 5px 18px rgba(1,11,12,.32),inset 0 1px rgba(255,255,255,.055);
  color:#f8fff9; font:820 14px/1.25 system-ui,-apple-system,'Segoe UI',sans-serif;
  text-transform:uppercase; letter-spacing:.065em; white-space:nowrap;
  text-shadow:0 1px 2px rgba(0,0,0,.8);
  opacity:0; transform:translateY(7px);
}
#app .landing-v6 .wmd-grab--top .wmd-grab-caption {top:27%; left:9%}
#app .landing-v6 .wmd-grab--bottom .wmd-grab-caption {bottom:22%; left:5%}
#app .landing-v6 .wmd-grab:nth-child(6) .wmd-grab-caption {left:auto;right:10%}
#app .landing-v6 .wmd-grab-index {
  font-size:11px; line-height:1.35; letter-spacing:0;
  color:#b3f0cf; font-weight:820;
  border-right:1px solid rgba(161,226,184,.45); padding-right:8px;
}
#app .landing-v6 .wmd-dollar-flight-lane {
  position:absolute; left:0; top:48%; height:0; width:100%;
  z-index:5; pointer-events:none;
}
#app .landing-v6 .wmd-dollar-flight {
  position:absolute; left:0; top:0; height:0; width:100%;
  transform:translate3d(-12%,0,0); will-change:transform;
}
#app .landing-v6 .wmd-dollar-symbol-fallback {
  position:absolute;left:0;top:0;display:inline-block;
  transform:translate(-50%,-50%);
  font:900 clamp(55px,7vw,104px)/1 Arial, sans-serif;
  letter-spacing:-.07em;color:#b3e7c7;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));
  user-select:none;pointer-events:none;
}
#app .landing-v6 .wmd-dollar-bill {
  position:absolute; left:0; top:0; display:block;
  width:clamp(145px,15vw,220px); height:auto;
  transform:translate(-50%,-50%) rotate(-7deg);
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.4)) drop-shadow(0 0 11px rgba(118,219,163,.17));
  will-change:transform,opacity; user-select:none; -webkit-user-drag:none;
}
#app .landing-v6 .wmd-dollar-aura {
  position:absolute; left:0; top:0; width:180px; height:180px;
  border-radius:50%; pointer-events:none;
  background:radial-gradient(circle,rgba(124,211,157,.11) 0%,rgba(106,203,158,.03) 38%,transparent 72%);
  transform:translate(-50%,-50%); filter:blur(9px); opacity:.65;
}
#app .landing-v6 .wmd-dollar-speedline {
  position:absolute; top:-1px; right:calc(100% - 4px);
  width:clamp(40px,9vw,120px); height:1px;
  background:linear-gradient(90deg,transparent,rgba(157,231,178,.35),rgba(200,243,212,.52));
  border-radius:50%; opacity:0;
}
#app .landing-v6 .wmd-dollar-speedline::before,
#app .landing-v6 .wmd-dollar-speedline::after {
  content:''; position:absolute; right:5px; height:1px;
  width:70%; background:linear-gradient(90deg,transparent,rgba(130,222,174,.23));
}
#app .landing-v6 .wmd-dollar-speedline::before {top:-10px; transform:rotate(-7deg)}
#app .landing-v6 .wmd-dollar-speedline::after {top:10px; transform:rotate(7deg)}
#app .landing-v6 .wmd-dollar-pocket {
  position:absolute; z-index:3; right:clamp(-170px,-10vw,-70px);
  bottom:-60px; width:clamp(350px,46vw,580px);
  aspect-ratio:720/465; pointer-events:none;
  opacity:0; transform:translate3d(75px,110px,0) rotate(2deg) scale(.93);
  will-change:opacity,transform;
}
#app .landing-v6 .wmd-dollar-pocket img {
  display:block; width:100%; height:auto;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.29)) saturate(.94) brightness(.81);
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 73%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 25%,#000 73%,transparent 100%);
  user-select:none; -webkit-user-drag:none;
}
#app .landing-v6 .wmd-dollar-finale {
  position:absolute; z-index:6; left:clamp(25px,7.4vw,126px);
  top:47%; transform:translateY(-41%);
  width:min(61%,735px); max-width:61%; padding:3px 0;
  opacity:0; visibility:hidden; pointer-events:none;
}
#app .landing-v6 .wmd-dollar-finale-kicker {
  display:block; margin:0 0 14px; color:#addfc6;
  font:740 11px/1.35 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:.18em;
}
#app .landing-v6 .wmd-dollar-finale h2 {
  margin:0; color:#f3faf6; max-width:760px;
  font:780 clamp(32px,3.8vw,55px)/1.09 system-ui,-apple-system,'Segoe UI',sans-serif;
  letter-spacing:-.052em; text-wrap:balance;
  text-shadow:0 4px 18px rgba(5,13,12,.30);
}
#app .landing-v6 .wmd-dollar-finale h2 em {font-style:normal;color:#abe9c7}
#app .landing-v6 .wmd-dollar-finale-link {
  display:inline-flex; align-items:center; justify-content:center; gap:14px;
  min-height:43px; padding:10px 18px; margin-top:25px;
  border:1px solid #abdfc2; border-radius:10px;
  background:#b4ebce; color:#132d23; text-decoration:none;
  font:760 13px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;
  pointer-events:auto; transition:background .16s ease;
}
#app .landing-v6 .wmd-dollar-finale-link:hover {background:#d6f8e5}
#app .landing-v6 .wmd-dollar-replay {
  position:absolute; z-index:8; right:clamp(16px,3vw,52px); bottom:13px;
  display:inline-flex; align-items:center; gap:7px;
  min-height:36px; padding:7px 10px;
  color:#acc8b8; background:transparent; border:0;
  border-radius:8px; opacity:0; visibility:hidden; pointer-events:none;
  font:650 12px/1.2 system-ui,-apple-system,'Segoe UI',sans-serif;
}
#app .landing-v6 .wmd-dollar-replay span {font-size:18px;line-height:1}
#app .landing-v6 .wmd-dollar-replay:hover {color:#e5f6eb;text-decoration:underline}
#app .landing-v6 .wmd-dollar-stage :is(a,button):focus-visible {outline:2px solid #adf0cb;outline-offset:4px}

/* One clean timeline, the dollar dodges six expense types. */
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-flight {
  animation:wmd-premium-flight 6.9s cubic-bezier(.28,.08,.75,.95) both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-bill {
  animation:wmd-premium-billow 1.05s ease-in-out infinite alternate,
    wmd-premium-fade-dollar .47s ease-out 6.46s forwards;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-aura {
  animation:wmd-premium-aura .9s ease-in-out infinite alternate;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-speedline {
  animation:wmd-premium-trail 6.75s ease-out both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-grab {
  animation:wmd-premium-lunge 1.18s cubic-bezier(.19,.76,.25,1) var(--grab-delay) both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-grab-art {
  animation:wmd-premium-grip 1.18s ease-in-out var(--grab-delay) both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-grab-caption {
  animation:wmd-premium-label 1.18s ease-out var(--grab-delay) both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-pocket {
  animation:wmd-premium-pocket .92s cubic-bezier(.16,.86,.33,1) 6.97s both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-finale {
  animation:wmd-premium-finale .72s ease-out 7.81s both;
}
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-replay {
  animation:wmd-premium-show .35s ease-out 8.62s both;
}
#app .landing-v6 .wmd-dollar-stage.is-complete .wmd-dollar-flight {transform:translate3d(89%,-6px,0);opacity:0}
#app .landing-v6 .wmd-dollar-stage.is-complete .wmd-grab {display:none}
#app .landing-v6 .wmd-dollar-stage.is-complete .wmd-dollar-pocket {opacity:1;transform:translate3d(0,0,0)}
#app .landing-v6 .wmd-dollar-stage.is-complete .wmd-dollar-finale {
  opacity:1;visibility:visible;transform:translateY(-50%);pointer-events:auto;
}
#app .landing-v6 .wmd-dollar-stage.is-complete .wmd-dollar-replay {opacity:1;visibility:visible;pointer-events:auto}
@keyframes wmd-premium-flight {
  0%   {transform:translate3d(-12%, 6px,0)}
  9%   {transform:translate3d(10%,-12px,0)}
  17%  {transform:translate3d(19%, 34px,0)}
  28%  {transform:translate3d(33%,-37px,0)}
  41%  {transform:translate3d(45%, 31px,0)}
  54%  {transform:translate3d(58%,-34px,0)}
  68%  {transform:translate3d(72%, 27px,0)}
  81%  {transform:translate3d(84%,-34px,0)}
  91%  {transform:translate3d(88%,-8px,0)}
  100% {transform:translate3d(89%,-6px,0)}
}
@keyframes wmd-premium-billow {
  from {transform:translate(-50%,-50%) rotate(-15deg) rotateY(-13deg) scale(.97)}
  to   {transform:translate(-50%,-53%) rotate(14deg) rotateY(12deg) scale(1.04)}
}
@keyframes wmd-premium-fade-dollar {
  from{opacity:1}to{opacity:0}
}
@keyframes wmd-premium-aura {from{opacity:.36;scale:.9}to{opacity:.72;scale:1.08}}
@keyframes wmd-premium-trail {
  0%,7%{opacity:0} 16%,80%{opacity:.72} 99%,100%{opacity:0}
}
@keyframes wmd-premium-lunge {
  0%   {opacity:0;transform:translateY(var(--grab-out)) scale(.89) rotate(-5deg)}
  23%  {opacity:.75}
  43%  {opacity:1;transform:translateY(var(--grab-in)) scale(1.05) rotate(1deg)}
  55%  {opacity:1;transform:translateY(var(--grab-in)) scale(1.08) rotate(-1deg)}
  75%  {opacity:.55}
  100% {opacity:0;transform:translateY(var(--grab-out)) scale(.9) rotate(5deg)}
}
@keyframes wmd-premium-grip {
  0%,100%{scale:1 1}
  46%{scale:1.015 1.024}
  58%{scale:.94 .978}
  74%{scale:1.01 1.01}
}
@keyframes wmd-premium-label {
  0%{opacity:0;transform:translateY(8px)}
  16%{opacity:.92;transform:translateY(2px)}
  26%,80%{opacity:1;transform:translateY(0)}
  94%{opacity:.75;transform:translateY(-2px)}
  100%{opacity:0;transform:translateY(-5px)}
}
@keyframes wmd-premium-pocket {
  0%{opacity:0;transform:translate3d(75px,110px,0) rotate(2deg) scale(.93)}
  33%{opacity:.2}
  74%{opacity:1;transform:translate3d(-4px,-6px,0) rotate(0deg) scale(1.02)}
  100%{opacity:1;transform:translate3d(0,0,0) rotate(0) scale(1)}
}
@keyframes wmd-premium-finale {
  0%{opacity:0;visibility:hidden;transform:translateY(-41%)}
  100%{opacity:1;visibility:visible;transform:translateY(-50%)}
}
@keyframes wmd-premium-show {from{opacity:0;visibility:hidden}to{opacity:1;visibility:visible}}

@media (max-width:760px) {
  #app .landing-v6 .wmd-dollar-story {margin:-5px 0 -5px}
  #app .landing-v6 .wmd-dollar-stage {height:clamp(296px,75vw,365px)}
  #app .landing-v6 .wmd-grab {width:clamp(119px,30vw,162px)}
  #app .landing-v6 .wmd-grab--top {top:-4%;--grab-out:-92px;--grab-in:40px}
  #app .landing-v6 .wmd-grab--bottom {bottom:-3%;--grab-out:90px;--grab-in:-35px}
  #app .landing-v6 .wmd-grab-caption {font-size:12px;gap:5px;letter-spacing:.012em;min-height:32px;padding:7px 8px;border-radius:8px}
  #app .landing-v6 .wmd-grab-index {font-size:9px;padding-right:5px}
  #app .landing-v6 .wmd-grab--top .wmd-grab-caption {top:29%;left:2%}
  #app .landing-v6 .wmd-grab--bottom .wmd-grab-caption {bottom:22%;left:4%}
  #app .landing-v6 .wmd-grab:first-child .wmd-grab-caption {left:clamp(27px,8vw,42px)}
  #app .landing-v6 .wmd-grab:last-child .wmd-grab-caption {left:auto;right:24px}
  #app .landing-v6 .wmd-dollar-bill {width:clamp(93px,28vw,132px)}
  #app .landing-v6 .wmd-dollar-aura {width:106px;height:106px}
  #app .landing-v6 .wmd-dollar-speedline {width:55px}
  #app .landing-v6 .wmd-dollar-pocket {width:clamp(255px,84vw,350px);right:-22%;bottom:-12px}
  #app .landing-v6 .wmd-dollar-finale {left:7%;top:46%;width:88%;max-width:88%}
  #app .landing-v6 .wmd-dollar-finale-kicker {font-size:9px;letter-spacing:.12em;margin-bottom:11px}
  #app .landing-v6 .wmd-dollar-finale h2 {max-width:335px;font-size:clamp(25px,6.7vw,35px);letter-spacing:-.04em}
  #app .landing-v6 .wmd-dollar-finale-link {min-height:39px;padding:9px 13px;margin-top:18px;font-size:12px}
  #app .landing-v6 .wmd-dollar-replay {right:7px;bottom:3px;font-size:10px;min-height:31px}
  #app .landing-v6 .wmd-dollar-stage.is-playing .wmd-dollar-pocket {animation:wmd-premium-pocket .92s cubic-bezier(.16,.86,.33,1) 6.97s both,wmd-premium-mobile-dim .65s ease-out 7.99s forwards}
  #app .landing-v6 .wmd-dollar-stage.is-complete .wmd-dollar-pocket {opacity:.15}
}
@media (max-width:400px) {
  #app .landing-v6 .wmd-dollar-stage {height:305px}
  #app .landing-v6 .wmd-dollar-finale h2 {font-size:25px}
  #app .landing-v6 .wmd-grab:nth-child(6) .wmd-grab-caption {left:auto;right:19px}
}
@keyframes wmd-premium-mobile-dim {from{opacity:1}to{opacity:.18}}
@media (prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-dollar-stage *,
  #app .landing-v6 .wmd-dollar-stage *::before,
  #app .landing-v6 .wmd-dollar-stage *::after {
    animation:none!important; transition:none!important;
  }
  #app .landing-v6 .wmd-grab,
  #app .landing-v6 .wmd-dollar-flight-lane,
  #app .landing-v6 .wmd-dollar-replay {display:none!important}
  #app .landing-v6 .wmd-dollar-pocket {opacity:.7!important;transform:none!important}
  #app .landing-v6 .wmd-dollar-finale {opacity:1!important;visibility:visible!important;transform:translateY(-50%)!important;pointer-events:auto!important}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-dollar-pocket {opacity:.15!important}
}

/* Final beat: the last expense exits before the receiving palm arrives.
   Preserve the moving dollar above both hands through the handoff. */
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-grab:last-child,
#app .landing-v6 .wmd-dollar-stage.is-playing .wmd-grab:last-child :is(.wmd-grab-art,.wmd-grab-caption){
  /* Lifestyle is deliberately unhurried; it still exits before the pocket appears. */
  animation-duration:1.44s;
}
#app .landing-v6 .wmd-dollar-stage .wmd-dollar-flight-lane{z-index:6}
#app .landing-v6 .wmd-dollar-stage .wmd-dollar-pocket{z-index:3}
@media(max-width:400px){
  #app .landing-v6 .wmd-grab-caption{font-size:11.5px}
  #app .landing-v6 .wmd-grab-index{font-size:9px}
}

@media(min-width:761px){
  #app .landing-v6 .wmd-grab:first-child .wmd-grab-caption{
    /* Keep Bills legible as the dollar passes the first hand. */
    top:7%;left:13%;
  }
}


/* Desktop pocket crop: align to the same right gutter as the next landing card.
   The story stays full-width for its flying bill, hands, headline and Replay.
   Only the final pocket artwork is cropped. The original pocket has a negative
   right offset, so add that overflow to the shared half-gutter when clipping.
   This precisely aligns the right edge with .launch-quick without relying on
   a screenshot-specific pixel offset. */
@media (min-width:761px) {
  #app .landing-v6 .wmd-dollar-pocket {
    clip-path:inset(
      0
      calc(clamp(14px, 3vw, 55px) - clamp(-170px, -10vw, -70px))
      0
      0
    );
  }
}

/* landing-visual-finish.css */
/* Where's My Dollar? Landing finish, 2026-10-16.
 * The product and animation remain the proof. Refine the marketing reading
 * order, focus hierarchy, and mobile rhythm without restyling live workspaces.
 */
#app .landing-v6 {
  --wmd-landing-ink:#eff7f2;
  --wmd-landing-muted:#b5c9c0;
  --wmd-landing-line:rgba(159,195,177,.22);
  --wmd-landing-mint:#9ae8cb;
}
#app .landing-v6 .landing-main-v5{
  gap:clamp(35px,4.4vw,67px)!important;
}
#app .landing-v6 .landing-intro-conversion{
  padding-bottom:clamp(15px,2.4vw,34px)!important;
}
#app .landing-v6 .landing-intro-conversion .landing-hero-description{
  max-width:665px!important;
  line-height:1.6!important;
}
#app .landing-v6 .landing-intro-conversion .landing-hero-ctas-v5{
  gap:12px 22px!important;
}
#app .landing-v6 .landing-hero-assurance{
  max-width:590px;
  color:#b8ccc2!important;
}
#app .landing-v6 .wmd-dollar-story{
  margin-top:-18px!important;
  margin-bottom:-13px!important;
}
/* Once the narrative has earned attention, both actions are visible:
   one for visitors ready to start, and one for visitors needing proof. */
#app .landing-v6 .wmd-dollar-finale-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px 24px;
  margin-top:22px;
  position:relative;
  z-index:1;
}
#app .landing-v6 .wmd-dollar-finale-actions .wmd-dollar-finale-link{
  margin-top:0!important;
  min-height:44px;
}
#app .landing-v6 .wmd-dollar-finale-see{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  color:#d0e6d8;
  border-bottom:1px solid rgba(177,217,191,.38);
  text-decoration:none;
  font:700 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  transition:color .17s ease,border-color .17s ease;
}
#app .landing-v6 .wmd-dollar-finale-see:hover,
#app .landing-v6 .wmd-dollar-finale-see:focus-visible{
  color:#f4fff8;
  border-color:#a9efc8;
}
#app .landing-v6 :is(#screens,#quick-plan,#updates,#ask-your-money,#pricing,#trust){
  scroll-margin-top:clamp(74px,8vw,104px);
}
#app .landing-v6 .landing-main-v5>.landing-product-tour-v5{
  margin-top:clamp(3px,.8vw,13px)!important;
}
#app .landing-v6 .landing-tour-heading{
  align-items:end;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  padding-inline:0;
  gap:24px;
  margin:0 0 19px!important;
}
#app .landing-v6 .landing-tour-heading>p{
  max-width:410px!important;
  color:#c1d3cb!important;
  font-size:14px!important;
  line-height:1.55!important;
}
#app .landing-v6 :is(
  .landing-tour-heading h2,
  .launch-quick-copy h2,
  .launch-update-intro h2,
  .landing-ask-copy h2,
  .launch-pricing-header h2,
  .compact-trust-head h2
){
  font-size:clamp(31px,3.8vw,51px)!important;
  line-height:1.10!important;
  letter-spacing:-.044em!important;
  text-wrap:balance;
}
#app .landing-v6 :is(
  .launch-update-intro>p,
  .landing-ask-copy>p:first-of-type,
  .launch-pricing-header>p,
  .landing-tour-heading>p
){
  max-width:650px;
  line-height:1.62;
}
#app .landing-v6 .landing-tour-tab-navigation .landing-tour-tab{
  min-height:47px;
}
#app .landing-v6 .landing-tour-device{
  border-color:rgba(162,199,181,.29)!important;
  box-shadow:0 22px 58px rgba(1,8,10,.16);
}
/* The sample scenario is useful product proof, not a second hero. */
#app .landing-v6 .launch-quick{
  gap:clamp(20px,3vw,42px)!important;
}
#app .landing-v6 .launch-quick-copy h2{
  max-width:610px;
}
#app .landing-v6 .launch-quick-copy>p{
  color:#bdd1c8!important;
  font-size:14px!important;
  max-width:520px!important;
}
/* A charcoal simulator surface keeps the mint reserved for interaction and signals. */
#app .landing-v6 .launch-ripple-card{
  background:linear-gradient(150deg,#151e22 0%,#11191d 100%)!important;
  border-color:rgba(133,181,163,.27)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.09)!important;
}
#app .landing-v6 .launch-ripple-control{
  background:#182226!important;
  border-color:rgba(134,176,160,.23)!important;
}
#app .landing-v6 .launch-ripple-takeaway{
  background:#1b272a!important;
}
#app .landing-v6 .launch-ripple-results>article{
  border-color:rgba(159,191,179,.19);
}
#app .landing-v6 .launch-ripple-results>article>strong{
  font-variant-numeric:tabular-nums;
  letter-spacing:-.023em;
}
#app .landing-v6 .launch-ripple-control :is(input[type="range"],input[type="number"]){
  accent-color:#80dcb2;
}
#app .landing-v6 .launch-ripple-expanded>summary{
  min-height:44px;
  align-items:center;
}
#app .landing-v6 .launch-ripple-takeaway strong{
  line-height:1.4;
}
/* Setup reads as three short steps. The Snapper option stays primary,
   while the not-yet-live Connected option remains clearly secondary. */
#app .landing-v6 .launch-setup-steps{
  gap:11px!important;
}
#app .landing-v6 .launch-setup-step{
  background:#172329!important;
  border:1px solid rgba(153,186,178,.20)!important;
  box-shadow:none!important;
}
#app .landing-v6 .launch-setup-number{
  border-color:rgba(123,213,166,.37);
}
#app .landing-v6 .launch-setup-next{
  gap:16px;
}
#app .landing-v6 .launch-setup-next>.landing-primary{
  min-height:44px;
}
#app .landing-v6 .launch-update-card{
  border-color:rgba(147,184,174,.26)!important;
}
#app .landing-v6 .launch-update-card-plaid{
  border-color:rgba(139,169,180,.21)!important;
}
#app .landing-v6 .launch-update-card .launch-product-cta{
  min-height:44px;
}
#app .landing-v6 .launch-update-disclosure{
  color:#aabeb7;
}
/* Ask Your Money should feel like the same design system, not another app. */
#app .landing-v6 .landing-ask-section{
  border-color:rgba(144,184,170,.27)!important;
}
#app .landing-v6 .landing-ask-demo{
  border-color:rgba(156,197,176,.28);
  box-shadow:none;
}
#app .landing-v6 .landing-ask-questions button{
  min-height:44px;
  border-color:rgba(147,188,172,.27);
}
#app .landing-v6 .landing-ask-questions button[aria-pressed="true"]{
  box-shadow:inset 0 0 0 1px rgba(163,235,189,.13);
}
#app .landing-v6 .landing-ask-answer{
  border-color:rgba(143,181,166,.24);
}
#app .landing-v6 .landing-ask-answer-value{
  font-variant-numeric:tabular-nums;
}
/* Free and Complete, two clear choices; Connected remains a disclosure. */
#app .landing-v6 .launch-pricing-header{
  max-width:760px!important;
}
#app .landing-v6 .launch-path-grid{
  gap:15px!important;
}
#app .landing-v6 .launch-path-card{
  border:1px solid rgba(150,183,179,.28)!important;
  box-shadow:none!important;
}
#app .landing-v6 .launch-path-card.launch-path-snapper{
  border-color:rgba(123,214,167,.51)!important;
  box-shadow:inset 0 1px 0 rgba(174,246,203,.045)!important;
}
#app .landing-v6 .launch-path-card.launch-path-manual{
  background:#151f23!important;
}
#app .landing-v6 .launch-path-card.launch-path-autopilot{
  border-color:rgba(130,159,175,.26)!important;
}
#app .landing-v6 .launch-path-action{
  min-height:45px;
  border-radius:10px;
}
#app .landing-v6 .landing-connected-details>summary{
  min-height:69px;
}
#app .landing-v6 :is(.landing-connected-details>summary,.landing-trust-details>summary):focus-visible{
  outline:2px solid #a6e8c8;
  outline-offset:3px;
}
/* Trust should be calm, compact, and readable instead of visually competing
   with the app tour or asking visitors to believe unsupported security claims. */
#app .landing-v6 .landing-trust-points>span{
  background:rgba(72,118,91,.12)!important;
  color:#cce6d7!important;
  border-color:rgba(141,195,161,.23)!important;
}
#app .landing-v6 .landing-trust-details{
  border-color:rgba(153,188,171,.25);
}
#app .landing-v6 .landing-trust-conclusion{
  border-top:1px solid rgba(161,193,182,.13);
  margin-top:22px;
}
#app .landing-v6 .landing-footer{
  border-top:1px solid rgba(150,188,171,.13);
}
#app .landing-v6 .landing-footer :is(a,button){
  color:#aebfb8;
}
#app .landing-v6 .landing-footer :is(a,button):hover{
  color:#d8efe1;
}
#app .landing-v6 :is(button,a,summary):focus-visible{
  outline:2px solid #b8f1d3;
  outline-offset:3px;
}
@media(max-width:950px){
  #app .landing-v6 .landing-tour-heading{
    align-items:start;
    flex-direction:column;
    gap:8px;
  }
  #app .landing-v6 .landing-tour-heading>p{
    max-width:640px!important;
    text-align:left!important;
  }
}
@media(max-width:700px){
  #app .landing-v6 .landing-main-v5{
    gap:clamp(30px,5vw,45px)!important;
  }
  #app .landing-v6 .landing-intro-conversion{
    padding-top:clamp(28px,5vw,40px)!important;
    padding-bottom:18px!important;
  }
  #app .landing-v6 .landing-intro-conversion .landing-hero-description{
    line-height:1.57!important;
  }
  #app .landing-v6 .wmd-dollar-story{
    margin-top:-8px!important;
    margin-bottom:0!important;
  }
  #app .landing-v6 .landing-main-v5>.landing-product-tour-v5{
    margin-top:4px!important;
  }
  #app .landing-v6 .landing-tour-heading{
    margin-bottom:14px!important;
  }
  #app .landing-v6 .landing-tour-heading>p{
    font-size:12px!important;
  }
  #app .landing-v6 :is(
    .landing-tour-heading h2,
    .launch-quick-copy h2,
    .launch-update-intro h2,
    .landing-ask-copy h2,
    .launch-pricing-header h2,
    .compact-trust-head h2
  ){
    font-size:clamp(29px,7.5vw,38px)!important;
    line-height:1.13!important;
  }
  #app .landing-v6 .wmd-dollar-finale-actions{
    gap:7px 17px;
    margin-top:17px;
  }
  #app .landing-v6 .wmd-dollar-finale-see{
    min-height:40px;
    font-size:12px;
  }
  #app .landing-v6 .launch-quick{
    padding:20px!important;
  }
  #app .landing-v6 .landing-ask-questions button{
    flex:1 1 140px;
    min-height:44px;
  }
  #app .landing-v6 .launch-path-grid{
    gap:13px!important;
  }
  #app .landing-v6 .landing-trust-conclusion{
    align-items:stretch;
  }
  #app .landing-v6 .landing-trust-conclusion>.landing-primary{
    min-height:46px;
  }
}
@media(max-width:390px){
  #app .landing-v6 .wmd-dollar-finale-actions{
    gap:4px 12px;
    margin-top:11px;
  }
  #app .landing-v6 .wmd-dollar-finale-actions .wmd-dollar-finale-link{
    padding:9px 13px;
    min-height:39px;
  }
  #app .landing-v6 .wmd-dollar-finale-see{
    min-height:38px;
    font-size:11px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .wmd-dollar-finale-see{
    transition:none!important;
  }
}
/* landing-pricing-three.css */
/* Three definitive plan cards for the public landing page.
   The presentation is launch-ready; plan availability remains explicitly honest.
   No selectors target signed-in workspaces or pricing logic.
*/
#app .landing-v6 .launch-pricing{
  width:calc(100% - clamp(28px,6vw,110px));
  max-width:1370px;
  margin-inline:auto;
}
#app .landing-v6 .launch-pricing-header{
  max-width:780px!important;
  margin:0 auto clamp(23px,3vw,37px)!important;
  text-align:center;
}
#app .landing-v6 .launch-pricing-header h2{
  max-width:760px;
  margin:11px auto!important;
  line-height:1.08!important;
}
#app .landing-v6 .launch-pricing-header>p{
  max-width:680px;
  margin:0 auto!important;
  font-size:14px;
  line-height:1.68;
  color:#b9cbc4;
}
#app .landing-v6 .launch-path-grid.launch-path-grid-three{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:clamp(12px,1.55vw,20px)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card{
  --tier-accent:#9dd5ba;
  --tier-line:rgba(153,184,171,.29);
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch;
  min-width:0;
  min-height:604px!important;
  height:100%!important;
  margin:0!important;
  padding:clamp(21px,2.25vw,32px)!important;
  overflow:hidden;
  isolation:isolate;
  border:1px solid var(--tier-line)!important;
  border-radius:18px!important;
  background:linear-gradient(160deg,#192429 0%,#131e22 74%)!important;
  box-shadow:0 14px 36px rgba(2,10,13,.09)!important;
  transition:border-color .18s ease,box-shadow .18s ease;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:3px;
  background:var(--tier-accent);
  opacity:.67;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card:hover{
  border-color:color-mix(in srgb,var(--tier-accent) 46%,#31454b)!important;
  box-shadow:0 18px 42px rgba(2,10,13,.17)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-manual{
  --tier-accent:#c0d1c9;
  --tier-line:rgba(150,184,171,.32);
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper{
  --tier-accent:#74deb0;
  --tier-line:rgba(99,205,151,.58);
  background:radial-gradient(ellipse 94% 57% at 50% -10%,rgba(76,206,141,.10),transparent 88%),linear-gradient(160deg,#1a2927,#142122 78%)!important;
  border-color:var(--tier-line)!important;
  box-shadow:0 16px 42px rgba(2,10,13,.14),inset 0 1px 0 rgba(150,231,175,.05)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{
  --tier-accent:#91c9ee;
  --tier-line:rgba(107,151,183,.44);
  grid-column:auto!important;
  min-height:604px!important;
  padding:clamp(21px,2.25vw,32px)!important;
  background:radial-gradient(ellipse 93% 52% at 50% -10%,rgba(105,157,188,.10),transparent 86%),linear-gradient(160deg,#19252c,#141e24 78%)!important;
  border-color:var(--tier-line)!important;
  box-shadow:0 14px 36px rgba(2,10,13,.10)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-index{
  display:block;
  color:#b6ccc2;
  font:800 10px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.13em;
  margin:0;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-symbol-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  min-height:48px;
  margin:18px 0 15px;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-icon{
  width:46px;
  height:46px;
  border-radius:13px;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  border-radius:100px;
  padding:6px 9px;
  white-space:nowrap;
  letter-spacing:.075em;
  font-size:9px;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge-available{
  color:#c9f1da!important;
  background:#1c322b!important;
  border-color:#477f5f!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge-connected{
  color:#bfe3f5!important;
  background:#1c2d39!important;
  border-color:#436e85!important;
}
#app .landing-v6 .launch-path-grid-three h3{
  font:790 clamp(27px,2.65vw,37px)/1.08 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f1f9f5;
  margin:0 0 7px!important;
  letter-spacing:-.047em;
}
#app .landing-v6 .launch-path-grid-three .launch-path-verb{
  color:#c1d6c9!important;
  font-size:13px!important;
  line-height:1.5!important;
  min-height:39px;
  margin:0!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price{
  display:grid!important;
  align-content:start!important;
  min-height:96px;
  gap:7px!important;
  margin:18px 0 14px!important;
  padding:0!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:5px 8px;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current>strong{
  font:790 clamp(36px,3.6vw,49px)/1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.05em!important;
  color:#f3faf5!important;
  font-variant-numeric:tabular-nums;
}
#app .landing-v6 .launch-path-grid-three .launch-path-snapper .launch-path-price-current>strong{
  color:#b2eecb!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-price-current>strong{
  color:#bedef4!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current>span{
  font-size:12px;
  color:#a9bfba;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-reference{
  min-height:27px;
  max-width:100%;
  color:#96afa7;
  font:550 11px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-reference>span{
  color:inherit;
  font-size:inherit;
  line-height:inherit;
}
/* Launch savings remain transparent: crossed-out figures are FUTURE regular
   rates, not a claim that those prices have been charged previously. */
#app .landing-v6 .launch-path-grid-three .launch-path-price-reference:has(.launch-path-savings){
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start;
  flex-wrap:nowrap;
  gap:6px!important;
  min-height:55px;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-reference del{
  color:#d7e4dc;
  font-size:12px;
  font-weight:750;
  margin-left:5px;
  white-space:nowrap;
  text-decoration-thickness:1.5px;
  text-decoration-color:rgba(230,172,172,.8);
}
#app .landing-v6 .launch-path-grid-three .launch-path-savings{
  display:inline-flex;
  align-items:center;
  width:max-content;
  max-width:100%;
  min-height:23px;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(128,211,158,.40);
  background:rgba(83,152,112,.13);
  color:#b4f1cf;
  font:850 9px/1.15 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.10em;
  text-transform:uppercase;
}
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-savings{
  border-color:rgba(119,178,222,.42);
  background:rgba(74,132,167,.14);
  color:#b9e1ff;
}
#app .landing-v6 .launch-path-grid-three .launch-path-copy{
  color:#bbd0c8!important;
  font-size:12.5px!important;
  line-height:1.62!important;
  margin:0 0 14px!important;
  min-height:60px;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list{
  display:grid;
  gap:12px;
  min-width:0;
  padding:18px 0 19px;
  margin:0 0 15px;
  list-style:none;
  border-top:1px solid rgba(149,188,171,.18);
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li{
  display:grid;
  grid-template-columns:17px minmax(0,1fr);
  align-items:start;
  gap:10px;
  min-width:0;
  margin:0;
  color:#e8f1eb;
  font:560 14px/1.53 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li::before{
  content:"✓";
  color:var(--tier-accent);
  font-size:16px;
  font-weight:850;
  line-height:1.33;
}
/* Readable plan inclusions. The blue Connected card uses slate and ice
   tones rather than mint-tinted supporting text. */
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-path-index {
  color:#bed4e1;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-path-verb,
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-path-copy {
  color:#c4d5df!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-plan-feature-list li,
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-plan-feature-list li strong {
  color:#ecf3f7!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot .launch-plan-feature-list li::before {
  color:#a1d5f3!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-card-bottom{
  display:grid;
  gap:11px;
  align-content:end;
  margin-top:auto;
}
#app .landing-v6 .launch-path-grid-three .launch-path-action{
  box-sizing:border-box;
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  width:100%;
  min-height:47px!important;
  margin:0!important;
  padding:12px 16px!important;
  border:1px solid rgba(119,184,148,.56)!important;
  border-radius:11px!important;
  background:#24392f!important;
  color:#e8f9ec!important;
  font:750 13px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:left;
  cursor:pointer;
}
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action{
  color:#082017!important;
  background:#69dbaa!important;
  border-color:#69dbaa!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action{
  color:#d9ecf9!important;
  background:#233745!important;
  border-color:#517f9a!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-action:hover{
  filter:brightness(1.1);
}
#app .landing-v6 .launch-path-grid-three .launch-path-action:focus-visible{
  outline:2px solid #b1f1d3;
  outline-offset:3px;
}
#app .landing-v6 .launch-path-grid-three .launch-path-card-bottom>small{
  color:#a0b6ac;
  font-size:11px;
  line-height:1.5;
  min-height:32px;
}
#app .landing-v6 .launch-path-footnote{
  max-width:980px;
  margin:20px auto 0!important;
  text-align:center;
  padding:0 12px;
  font-size:11px!important;
  line-height:1.65!important;
  color:#9eafa9!important;
}
@media(max-width:1080px) and (min-width:901px){
  #app .landing-v6 .launch-path-grid-three>.launch-path-card{
    padding:21px!important;
    min-height:620px!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-plan-badge{
    font-size:8px;
    padding:6px 7px;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-copy{
    font-size:12px!important;
  }
}
@media(max-width:900px){
  #app .landing-v6 .launch-path-grid.launch-path-grid-three{
    grid-template-columns:1fr!important;
    gap:13px!important;
    max-width:600px;
    margin-inline:auto;
  }
  #app .landing-v6 .launch-path-grid-three>.launch-path-card{
    min-height:0!important;
    padding:25px!important;
  }
  #app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{
    grid-column:auto!important;
    min-height:0!important;
    padding:25px!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-verb,
  #app .landing-v6 .launch-path-grid-three .launch-path-copy{
    min-height:0;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-price{
    min-height:0;
    margin:14px 0!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-plan-feature-list{
    margin-bottom:16px;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-card-bottom>small{
    min-height:0;
  }
}
@media(max-width:560px){
  #app .landing-v6 .launch-pricing{
    width:calc(100% - 26px);
  }
  #app .landing-v6 .launch-pricing-header{
    margin-bottom:18px!important;
  }
  #app .landing-v6 .launch-pricing-header>p{
    font-size:12.5px;
    line-height:1.6;
  }
  #app .landing-v6 .launch-path-grid-three>.launch-path-card,
  #app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{
    padding:22px 20px!important;
    border-radius:15px!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-plan-symbol-row{
    margin:13px 0 12px;
  }
  #app .landing-v6 .launch-path-grid-three .launch-plan-feature-list{
    gap:12px;
    padding:16px 0;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-price-current>strong{
    font-size:41px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .launch-path-grid-three>.launch-path-card{
    transition:none!important;
  }
}
/* landing-conversion-v2.css */
/* Landing conversion refinements only. No selectors affect signed-in pages. */
#app .landing-v6 .wmd-hero-confidence {
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:8px 18px;max-width:680px;margin:14px auto 0;
  color:#b6cec3;font:600 11px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-hero-confidence span {white-space:normal}
#app .landing-v6 .wmd-hero-confidence a {
  color:#aee8ce;text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:rgba(174,232,206,.36);
}
#app .landing-v6 .wmd-conversion-flow > #quick-plan {scroll-margin-top:90px}
#app .landing-v6 .wmd-scenario-availability {
  display:block;max-width:520px;margin:15px 0 0!important;
  color:#afc6bc!important;font-size:11px!important;line-height:1.5!important;
}
#app .landing-v6 .wmd-scenario-availability span {
  display:inline-block;padding:3px 8px;margin-right:5px;
  border:1px solid rgba(142,215,169,.36);border-radius:99px;
  color:#c2e9d2;background:rgba(82,150,118,.12);
  font-weight:800;letter-spacing:.025em;
}
#app .landing-v6 .launch-quick .launch-actions {
  display:flex;align-items:center;flex-wrap:wrap;gap:11px!important;
}
#app .landing-v6 .launch-quick .launch-actions .launch-preview-link {
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:44px;box-sizing:border-box;padding:10px 16px!important;
  background:transparent!important;border:1px solid rgba(151,205,177,.45)!important;
  color:#c6e9d8!important;border-radius:10px!important;
  text-decoration:none!important;box-shadow:none!important;font-weight:740;
}
#app .landing-v6 .launch-quick .launch-actions .launch-preview-link:hover {
  border-color:#90dcb5!important;background:rgba(78,150,111,.10)!important;
}
#app .landing-v6 .launch-quick .launch-actions .landing-primary {
  background:#66dbae!important;color:#0a2116!important;
  border-color:#66dbae!important;min-height:44px;
}
#app .landing-v6 .wmd-pricing-availability {
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;
  gap:7px 12px;margin:16px auto 0!important;
  color:#b7cbbf!important;font-size:12px!important;line-height:1.5!important;
}
#app .landing-v6 .wmd-pricing-availability span:first-child {
  color:#c0f0d1;font-weight:780;
}
#app .landing-v6 .wmd-pricing-availability span+span::before {
  content:"·";margin-right:12px;color:#8da99d;
}
#app .landing-v6 .wmd-tour-teasers,#app .landing-v6 .wmd-tour-toggle {display:none}
#app .landing-v6 #screens {scroll-margin-top:95px}
#app .landing-v6 #landingTourFull {scroll-margin-top:90px}
@media(max-width:760px) {
  /* Preserve the dollar chase, but shorten its otherwise empty mobile stage. */
  #app .landing-v6 .wmd-dollar-stage {height:clamp(260px,69vw,302px)!important}
  #app .landing-v6 .wmd-dollar-story {margin-top:-13px!important;margin-bottom:-10px!important}
  #app .landing-v6 .wmd-grab-art {filter:brightness(1.1) contrast(1.035)}
  #app .landing-v6 .wmd-dollar-bill {filter:brightness(1.1)}
  #app .landing-v6 .wmd-dollar-finale {top:47%}
}
@media(max-width:700px) {
  #app .landing-v6 .wmd-hero-confidence {gap:6px 13px;margin-top:11px;font-size:10.5px}
  #app .landing-v6 .landing-intro-conversion .landing-hero-ctas-v5 {gap:9px 14px!important}
  #app .landing-v6 .landing-intro-conversion .landing-hero-secondary {font-size:12px!important}
  #app .landing-v6 .wmd-conversion-flow {gap:clamp(26px,4.5vw,38px)!important}
  #app .landing-v6 .wmd-tour-teasers {
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:9px;margin:14px 0 11px;
  }
  #app .landing-v6 .wmd-tour-teasers button {
    position:relative;display:flex;flex-direction:column;align-items:flex-start;
    justify-content:center;gap:5px;min-width:0;min-height:120px;
    padding:14px 15px 15px;background:linear-gradient(145deg,#1a2a2b,#152125);
    border:1px solid rgba(150,198,174,.29);border-radius:13px;
    color:#eef9f2;text-align:left;cursor:pointer;
    box-shadow:inset 0 1px 0 rgba(213,255,225,.025);
  }
  #app .landing-v6 .wmd-tour-teasers button:first-child {
    grid-column:1/-1;min-height:105px;
    background:linear-gradient(120deg,#1d3430,#162426 75%);
  }
  #app .landing-v6 .wmd-tour-teasers button small {
    color:#9fe4c2;font-size:9.5px;font-weight:800;letter-spacing:.075em;
  }
  #app .landing-v6 .wmd-tour-teasers button strong {
    color:#f1faf5;font-size:clamp(14px,4vw,17px);
    font-weight:790;letter-spacing:-.023em;line-height:1.24;
  }
  #app .landing-v6 .wmd-tour-teasers button>span {
    max-width:95%;color:#b6cbc1;font-size:11px;line-height:1.42;
  }
  #app .landing-v6 .wmd-tour-teasers button b {
    position:absolute;right:13px;top:12px;
    color:#9be2be;font-size:17px;font-weight:500;
  }
  #app .landing-v6 .wmd-tour-teasers button:hover,
  #app .landing-v6 .wmd-tour-teasers button:focus-visible {
    border-color:#8ce2b7;background:#213b32;outline-offset:2px;
  }
  #app .landing-v6 .wmd-tour-toggle {
    display:flex;width:100%;justify-content:space-between;align-items:center;
    gap:14px;min-height:49px;padding:12px 17px;
    border:1px solid rgba(115,209,160,.64);border-radius:11px;
    background:#213b30;color:#dff8e9;
    text-align:left;font:760 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
    cursor:pointer;
  }
  #app .landing-v6 .wmd-tour-toggle span:last-child {font-size:18px;font-weight:600;color:#a4e9c4}
  #app .landing-v6 .landing-product-tour-v5:not(.wmd-tour-open) > #landingTourFull {
    display:none!important;
  }
  #app .landing-v6 .landing-product-tour-v5.wmd-tour-open > #landingTourFull {
    display:block!important;margin-top:18px;
  }
  #app .landing-v6 .launch-quick .launch-actions {display:grid!important;grid-template-columns:1fr;gap:9px!important}
  #app .landing-v6 .launch-quick .launch-actions .launch-preview-link,
  #app .landing-v6 .launch-quick .launch-actions .landing-primary {
    width:100%;min-height:47px;justify-content:center;text-align:center;
  }
  #app .landing-v6 .launch-quick .launch-actions .launch-quick-reset {
    justify-self:center;min-height:37px;
  }
  #app .landing-v6 .wmd-pricing-availability {font-size:11px!important;gap:3px}
  #app .landing-v6 .wmd-pricing-availability span {display:block;width:100%;text-align:center}
  #app .landing-v6 .wmd-pricing-availability span+span::before {content:none}
  #app .landing-v6 .wmd-scenario-availability {margin-top:12px!important}
}
@media(max-width:390px) {
  #app .landing-v6 .wmd-dollar-stage {height:264px!important}
  #app .landing-v6 .wmd-tour-teasers button {padding:13px 12px}
  #app .landing-v6 .wmd-tour-teasers button strong {font-size:13.5px}
}
@media(prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-tour-teasers button,
  #app .landing-v6 .wmd-tour-toggle {transition:none!important}
}

/* Let the headline below the interactive demo breathe. The previous 12px
   phone gap made the preview frame crowd "Know where you stand." */
#app .landing-v6 .landing-tour-foot {
  padding-top:clamp(21px,2.7vw,30px)!important;
}
@media(max-width:700px) {
  #app .landing-v6 .landing-tour-foot {
    padding-top:25px!important;
  }
  #app .landing-v6 .landing-tour-caption h3 {
    margin-top:7px!important;
    line-height:1.18!important;
  }
}

/* Make the framed pricing heading feel intentional: on a phone, the small section
   eyebrow should not sit almost against the rounded top border. */
#app .landing-v6 .launch-pricing.launch-path-pricing {
  padding-top:clamp(39px,3.8vw,56px)!important;
}
@media(max-width:700px) {
  #app .landing-v6 .launch-pricing.launch-path-pricing {
    padding-top:38px!important;
  }
}


/* Optional emergency savings in the fictional expense example.
   This is an illustrated funding alternative, not an automatic transfer. */
#app .landing-v6 .launch-ripple-reserve {
  display:grid;
  grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);
  align-items:center;
  gap:12px 17px;
  min-width:0;
  margin-top:9px;
  padding:14px 16px;
  border:1px solid rgba(137,199,165,.31);
  border-radius:12px;
  background:linear-gradient(115deg,#142622,#152126);
  transition:background .18s ease,border-color .18s ease;
}
#app .landing-v6 .launch-ripple-reserve.is-needed {
  border-color:rgba(210,169,113,.54);
  background:linear-gradient(115deg,#23251f,#1a2223);
}
#app .landing-v6 .launch-ripple-reserve-figure,
#app .landing-v6 .launch-ripple-reserve-details {
  display:grid;
  align-content:center;
  gap:6px;
  min-width:0;
}
#app .landing-v6 .launch-ripple-reserve-kicker {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 9px;
  color:#a8e3bd;
  font:850 10px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.075em;
}
#app .landing-v6 .launch-ripple-reserve-kicker small {
  color:#aebdb4;
  font-size:9px;
  font-weight:700;
  letter-spacing:.065em;
}
#app .landing-v6 .launch-ripple-reserve.is-needed .launch-ripple-reserve-kicker {
  color:#edd09f;
}
#app .landing-v6 .launch-ripple-reserve-figure>strong {
  color:#eef7f2;
  font:820 clamp(17px,1.7vw,21px)/1.24 system-ui,-apple-system,"Segoe UI",sans-serif;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
#app .landing-v6 .launch-ripple-reserve-status {
  width:max-content;
  max-width:100%;
  padding:3px 8px;
  color:#bce8cd;
  border:1px solid rgba(126,205,159,.40);
  background:rgba(95,172,124,.11);
  border-radius:999px;
  font:800 9px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.075em;
}
#app .landing-v6 .launch-ripple-reserve.is-needed .launch-ripple-reserve-status {
  color:#f0d8ad;
  border-color:rgba(212,167,107,.46);
  background:rgba(199,156,86,.10);
}
#app .landing-v6 .launch-ripple-reserve-details p {
  margin:0!important;
  color:#b9c9bf!important;
  font:500 11px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  overflow-wrap:normal;
}
#app .landing-v6 .launch-ripple-reserve-track {
  height:5px;
  width:100%;
  margin-top:3px;
  border-radius:99px;
  overflow:hidden;
  background:#35453e;
}
#app .landing-v6 .launch-ripple-reserve-track>span {
  display:block;
  width:100%;
  height:100%;
  background:linear-gradient(90deg,#568e73,#85dbae);
  border-radius:inherit;
  transition:width .22s ease;
}
#app .landing-v6 .launch-ripple-reserve.is-needed .launch-ripple-reserve-track>span {
  background:linear-gradient(90deg,#c1a16f,#e2c48e);
}
@media(max-width:760px) {
  #app .landing-v6 .launch-ripple-reserve {
    grid-template-columns:1fr;
    gap:10px;
    padding:14px 15px;
  }
  #app .landing-v6 .launch-ripple-reserve-figure {
    gap:5px;
  }
  #app .landing-v6 .launch-ripple-reserve-figure>strong {
    font-size:19px;
  }
}
@media(prefers-reduced-motion:reduce) {
  #app .landing-v6 .launch-ripple-reserve,
  #app .landing-v6 .launch-ripple-reserve-track>span {
    transition:none;
  }
}

/* landing-founder-focus-v3.css */
/* Where's My Dollar? public landing focus pass.
   Scoped to the public landing; never touches signed-in workspaces. */

#app .landing-v6 .landing-main-v5.wmd-founder-focus {
  gap:clamp(29px,3.6vw,58px)!important;
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 {
  padding-bottom:clamp(5px,1.2vw,18px)!important;
}
#app .landing-v6 .wmd-founder-focus > .landing-product-tour-v5 {
  margin-top:0!important;
  scroll-margin-top:84px;
}
#app .landing-v6 .wmd-founder-focus > .launch-quick {
  margin-top:0!important;
}
#app .landing-v6 .wmd-founder-focus > .wmd-dollar-story {
  margin-top:clamp(-19px,-1.3vw,-10px)!important;
  margin-bottom:clamp(-24px,-1.4vw,-11px)!important;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading > p {
  max-width:480px!important;
}

/* The built-in what-if demo already makes Budget, Net Worth and
   Retirement optional. Keep it as the only detail disclosure. */
#app .landing-v6 .wmd-founder-focus .launch-ripple-expanded > summary {
  min-height:44px;
  padding-block:11px;
  cursor:pointer;
}

/* Planned bank integrations remain accessible, but no longer interrupt the
   setup story with an entire second "coming soon" marketing card. */
#app .landing-v6 .wmd-founder-focus .launch-update-grid {
  align-items:start;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details {
  display:block;
  box-sizing:border-box;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(148,185,183,.31);
  border-radius:17px;
  background:linear-gradient(155deg,#17252a,#121d23);
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary {
  display:flex;
  align-items:center;
  gap:14px;
  box-sizing:border-box;
  min-height:148px;
  padding:21px 22px;
  cursor:pointer;
  list-style:none;
  color:#ecf6f1;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary::-webkit-details-marker {
  display:none;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary:focus-visible {
  outline:2px solid #95e2c1;
  outline-offset:-4px;
}
#app .landing-v6 .wmd-founder-focus .wmd-connected-summary-icon {
  flex:none;
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid rgba(137,192,212,.5);
  border-radius:13px;
  background:rgba(92,141,167,.13);
  color:#cae7f4;
  font-size:21px;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary > span:nth-child(2) {
  flex:1 1 auto;
  min-width:0;
  display:grid;
  gap:7px;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary strong {
  font-size:clamp(16px,1.5vw,20px);
  line-height:1.24;
  letter-spacing:-.02em;
  color:#f0f8f4;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary small {
  display:block;
  font-size:12px;
  line-height:1.52;
  font-weight:480;
  color:#b5cbd0;
}
#app .landing-v6 .wmd-founder-focus .wmd-connected-chevron {
  flex:none;
  font-size:23px;
  line-height:1;
  font-weight:400;
  color:#a5d5ca;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details[open] .wmd-connected-chevron {
  transform:rotate(45deg);
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details[open] > summary {
  min-height:0;
  border-bottom:1px solid rgba(148,185,183,.19);
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > .launch-update-card-plaid {
  width:100%;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details:not([open]) > .launch-update-card-plaid {
  display:none!important;
}

/* The first phone screen should convey value rather than leave an empty
   animation band. The brand scene is still interactive, later on the page. */
@media(max-width:700px) {
  #app .landing-v6 .landing-main-v5.wmd-founder-focus {
    gap:clamp(27px,5.8vw,37px)!important;
  }
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 {
    min-height:0!important;
    padding-top:clamp(22px,4svh,34px)!important;
    padding-bottom:6px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-intro-v5 .wmd-brand-hero {
    margin-top:6px!important;
    margin-bottom:10px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-hero-description {
    line-height:1.52!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading {
    gap:10px!important;
    margin-bottom:14px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
    font-size:clamp(29px,7.7vw,36px)!important;
    line-height:1.08!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading > p {
    max-width:100%!important;
    font-size:13px!important;
    line-height:1.5!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-tour-teasers {
    margin:12px 0 10px!important;
    gap:9px!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-tour-teasers button:first-child {
    min-height:88px!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-tour-teasers button:not(:first-child) {
    min-height:101px!important;
  }
  #app .landing-v6 .wmd-founder-focus > .launch-quick {
    padding:17px!important;
    border-radius:17px!important;
    gap:16px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-quick-copy h2 {
    font-size:clamp(29px,7.8vw,39px)!important;
  }
  #app .landing-v6 .wmd-founder-focus > .wmd-dollar-story {
    margin-top:-21px!important;
    margin-bottom:-23px!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-dollar-stage {
    height:clamp(258px,67vw,287px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro {
    margin-bottom:15px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro h2 {
    font-size:clamp(30px,8vw,37px)!important;
    line-height:1.1!important;
    margin:8px 0 11px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro p {
    font-size:13px!important;
    line-height:1.52!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-card {
    min-height:0!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary {
    min-height:0;
    padding:17px 15px;
    gap:11px;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-connected-summary-icon {
    width:35px;
    height:35px;
    border-radius:10px;
    font-size:18px;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary strong {
    font-size:16px;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary small {
    font-size:11px;
  }
}
@media (prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-founder-focus .wmd-connected-chevron {
    transition:none!important;
  }
}

/* Founder focus 4: product-led design system. Restrained, responsive and
   honest: no imitation trust badges or unavailable-feature claims. */
#app .landing-v6 .wmd-founder-focus>.wmd-dollar-story { display:none!important; }
#app .landing-v6 .wmd-founder-focus>.landing-product-tour-v5 {
  margin-top:0!important;
  padding-top:clamp(16px,2.1vw,28px);
  scroll-margin-top:72px;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading {
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin-inline:0!important;
  margin-bottom:22px!important;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
  letter-spacing:-.052em!important;
  text-wrap:balance;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading>p {
  max-width:450px!important;
  color:#b5c9c4!important;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-device {
  box-shadow:0 22px 64px rgba(0,0,0,.16)!important;
  border-color:rgba(169,200,188,.24)!important;
}
#app .landing-v6 .wmd-founder-focus>.landing-intro-v5 {
  min-height:0!important;
}
/* Keep the lead sentence together where space permits; give the closing
   promise its own line and allow normal wrapping on small screens. */
#app .landing-v6 .wmd-founder-focus .landing-hero-description {
  max-width:min(800px,100%)!important;
  text-wrap:pretty;
}
#app .landing-v6 .wmd-founder-focus .wmd-hero-description-lead {
  display:block;
}
#app .landing-v6 .wmd-founder-focus .wmd-hero-description-tagline {
  display:block;
  margin-top:5px;
  font-size:1.08em;
  font-weight:650;
  color:inherit;
}
#app .landing-v6 .wmd-founder-focus .wmd-brand-tagline {
  opacity:.92;
}
#app .landing-v6 .wmd-founder-focus .wmd-brand-tagline-part {
  font-weight:650;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid {
  grid-template-columns:minmax(0,1fr)!important;
  max-width:890px;
  margin-inline:auto;
  gap:12px!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-intro {
  max-width:800px;
  margin-inline:auto;
  text-align:center;
}
#app .landing-v6 .wmd-founder-focus .launch-update-card:not(.launch-update-card-plaid) {
  min-height:0!important;
  padding:clamp(21px,2.8vw,30px)!important;
  background:linear-gradient(155deg,#19272a,#111e23)!important;
  box-shadow:none!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details {
  max-width:890px;
  width:100%;
  margin-inline:auto;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details>summary {
  min-height:0!important;
  padding:18px 22px;
}
#app .landing-v6 .wmd-founder-focus .launch-quick {
  background:linear-gradient(145deg,#152326,#111b20)!important;
  box-shadow:0 12px 46px rgba(0,0,0,.13);
}
#app .landing-v6 .wmd-founder-focus .launch-ripple-results article {
  min-width:0;
  border-radius:12px;
}
#app .landing-v6 .wmd-founder-focus .launch-ripple-expanded>summary {
  border-radius:10px;
  text-underline-offset:4px;
}
#app .landing-v6 .wmd-founder-focus .landing-product-tour-v5,
#app .landing-v6 .wmd-founder-focus .launch-quick,
#app .landing-v6 .wmd-founder-focus .launch-update-choices {
  scroll-margin-top:85px;
}
@media(max-width:700px) {
  #app .landing-v6 .wmd-founder-focus .landing-intro-v5 {
    padding-top:22px!important;
    padding-bottom:0!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-brand-hero {
    font-size:clamp(36px,9.5vw,48px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-brand-tagline {
    font-size:clamp(16px,4.35vw,20px)!important;
    row-gap:1px!important;
    column-gap:8px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-hero-description {
    max-width:410px!important;
    margin-inline:auto;
    font-size:14px!important;
    line-height:1.55!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
    font-size:clamp(29px,7.3vw,38px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading>p {
    max-width:400px!important;
    font-size:13px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-product-tour-v5:not(.wmd-tour-open)>#landingTourFull {
    display:block!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-product-tour-v5>#landingTourFull {
    display:block!important;
    margin-top:10px;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-card:not(.launch-update-card-plaid) {
    padding:21px 18px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-ripple-results {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-ripple-results article {
    min-height:102px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-ripple-results article>strong {
    font-size:clamp(16px,5.1vw,22px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .wmd-connections-details>summary {
    padding:16px 15px!important;
  }
}
@media(max-width:360px) {
  #app .landing-v6 .wmd-founder-focus .launch-ripple-results {grid-template-columns:1fr!important;}
}

/* Equal-width Snapper and Connected product choices.
   Use the same full-width rail as the sections directly above and below. */
#app .landing-v6 .wmd-founder-focus .launch-update-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%;
  max-width:none!important;
  margin-inline:0!important;
  gap:clamp(14px,1.65vw,22px)!important;
  align-items:stretch!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:416px!important;
  padding:clamp(20px,2.1vw,29px)!important;
  gap:clamp(13px,1.5vw,19px)!important;
  border-radius:18px!important;
  box-shadow:none!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card-snapper {
  background:linear-gradient(155deg,#19272a,#111e23)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card-plaid {
  background:linear-gradient(155deg,#1a262e,#111d24)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card h3 {
  font-size:clamp(28px,2.8vw,38px)!important;
  line-height:1.12!important;
  letter-spacing:-.037em!important;
  margin:8px 0 12px;
  text-wrap:balance;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-with {
  color:#bcd8e6;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card p {
  max-width:none;
  font-size:13px;
  line-height:1.6;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-privacy {
  display:grid;
  gap:3px;
  align-content:center;
  margin:0!important;
  padding:11px 13px;
  min-height:65px;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-plaid .launch-update-privacy {
  background:#1b2933;
  border-color:#405a6c;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-plaid .launch-update-privacy strong {
  color:#d3e8f1;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-plaid .launch-update-privacy span {
  color:#b1cbd6;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-flow {
  margin-top:auto;
  padding-top:16px;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-product-cta {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  min-height:46px;
  padding:11px 15px;
}
#app .landing-v6 .wmd-founder-focus .launch-update-disclosure {
  margin-top:16px;
  color:#aebfbe;
}
@media(max-width:860px) {
  #app .landing-v6 .wmd-founder-focus .launch-update-grid {
    grid-template-columns:minmax(0,1fr)!important;
    gap:12px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card {
    min-height:0!important;
    padding:21px 18px!important;
  }
}

/* Open marketing sections: reserve surfaces for actual interfaces and choices.
   Keep the public landing separate from every signed-in workspace. */
#app .landing-v6 .wmd-founder-focus .launch-pricing {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:clamp(18px,2.6vw,36px) 0 clamp(8px,1.2vw,16px)!important;
}

#app .landing-v6 .wmd-founder-focus .landing-ask-section {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:clamp(16px,2.5vw,32px) 0!important;
}

#app .landing-v6 .wmd-founder-focus > .launch-quick {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:clamp(14px,2.4vw,30px) 0!important;
  gap:clamp(22px,3.4vw,48px)!important;
}

/* The live what-if calculator stays framed; the adjacent explanation does not
   need two more shaded callouts competing with it. */
#app .landing-v6 .wmd-founder-focus .launch-quick-copy > p.launch-quick-promise {
  background:transparent!important;
  border-radius:0!important;
  padding:2px 0 2px 15px!important;
}
#app .landing-v6 .wmd-founder-focus .launch-quick-transition {
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(143,188,162,.27)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:16px 0 0!important;
}

/* Three readable setup steps instead of three boxes inside a marketing rail. */
#app .landing-v6 .wmd-founder-focus .launch-setup-steps {
  gap:clamp(14px,2vw,28px)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-step {
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid rgba(150,185,170,.27)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:15px 0 18px!important;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-number {
  background:rgba(104,202,151,.09)!important;
  border-color:rgba(115,207,156,.35)!important;
}

/* Complete is the featured paid plan. Free stays clearly actionable without
   overshadowing it. CTA text and plan availability are intentionally unchanged. */
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action {
  background:#21352d!important;
  border-color:rgba(116,213,158,.55)!important;
  color:#c2f0d5!important;
  box-shadow:none!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-snapper .launch-path-action {
  background:#69dbaa!important;
  border-color:#69dbaa!important;
  color:#082017!important;
  box-shadow:0 8px 24px rgba(87,213,156,.12)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-autopilot .launch-path-action {
  box-shadow:none!important;
}

@media(max-width:950px) {
  #app .landing-v6 .wmd-founder-focus .launch-setup-steps {
    gap:0!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-setup-step {
    padding:16px 0!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-setup-step:last-child {
    border-bottom:0!important;
  }
}
@media(max-width:700px) {
  #app .landing-v6 .wmd-founder-focus > .launch-quick {
    padding:11px 0!important;
    gap:18px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-ask-section {
    padding:14px 0!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-pricing {
    padding:17px 0 10px!important;
  }
}


/* Landing typography cleanup: full-picture title and setup reading rhythm. */
#app .landing-v6 .wmd-founder-focus .landing-tour-heading {
  align-items:flex-end;
  column-gap:clamp(20px,3vw,42px)!important;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading>div:first-child {
  flex:1 1 auto;
  min-width:0;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
  max-width:none!important;
  font-size:clamp(35px,3.3vw,48px)!important;
  line-height:1.08!important;
  text-wrap:initial!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-tour-heading-line {
  display:block;
}
#app .landing-v6 .wmd-founder-focus .landing-tour-heading>p {
  flex:0 1 255px;
  max-width:255px!important;
  margin-bottom:4px;
}
#app .landing-v6 .wmd-founder-focus .launch-update-intro {
  width:100%;
  max-width:1080px!important;
  margin:0 auto clamp(22px,2.7vw,35px)!important;
  text-align:center;
}
#app .landing-v6 .wmd-founder-focus .launch-update-intro h2 {
  margin-bottom:10px!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-intro>p:not(.landing-eyebrow) {
  max-width:1000px!important;
  margin:8px auto 0!important;
  font-size:clamp(15px,1.13vw,16px)!important;
  line-height:1.6!important;
  text-wrap:balance;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-steps {
  margin-top:0!important;
}
@media(min-width:1100px) {
  #app .landing-v6 .wmd-founder-focus .wmd-tour-heading-line {
    white-space:nowrap;
  }
}
@media(max-width:800px) {
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading {
    flex-direction:column;
    align-items:flex-start;
    row-gap:12px!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading>p {
    flex:none;
    width:100%;
    max-width:520px!important;
    margin:0;
    text-align:left;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro {
    margin-bottom:22px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro>p:not(.landing-eyebrow) {
    max-width:560px!important;
  }
}
@media(max-width:560px) {
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
    font-size:clamp(29px,7.3vw,38px)!important;
    text-wrap:balance!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro {
    margin-bottom:19px!important;
  }
  #app .landing-v6 .wmd-founder-focus .launch-update-intro>p:not(.landing-eyebrow) {
    max-width:420px!important;
    font-size:14px!important;
    line-height:1.55!important;
  }
}

/* Two intentional lines in the public guided-start promise. */
#app .landing-v6 .wmd-founder-focus .wmd-start-guide-heading > span,
#app .landing-v6 .wmd-founder-focus .wmd-start-guide-heading > em {
  display:block;
}

/* Keep the Snapper / Connected promise together above the option cards.
   The earlier desktop flex row pushed the reassurance to the far right. */
#app .landing-v6 .wmd-founder-focus .launch-setup-methods {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:9px;
  margin-bottom:clamp(19px,2vw,25px);
}
#app .landing-v6 .wmd-founder-focus .launch-setup-methods > div {
  width:100%;
  min-width:0;
  flex:0 1 auto;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-methods > p {
  flex:0 1 auto;
  width:100%;
  max-width:700px;
  margin:0;
  color:#c3d6ce;
  font-size:clamp(14px,1.15vw,15px);
  line-height:1.6;
  text-align:left;
}
@media(max-width:700px) {
  #app .landing-v6 .wmd-founder-focus .launch-setup-methods {
    gap:8px;
    margin-bottom:19px;
  }
  #app .landing-v6 .wmd-founder-focus .launch-setup-methods > p {
    font-size:14px;
    line-height:1.55;
  }
}

/* Hero Start free button: understated interaction, never an idle pulse. */
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary {
  box-shadow:0 6px 18px rgba(75,202,150,.13);
  transition:box-shadow .23s ease,background-color .2s ease,border-color .2s ease,transform .16s ease;
}
@media (hover:hover) and (pointer:fine) {
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:hover {
    background:color-mix(in srgb,var(--wmd-brand-mint) 88%,white)!important;
    border-color:color-mix(in srgb,var(--wmd-brand-mint) 85%,white)!important;
    box-shadow:0 8px 25px rgba(62,198,141,.21),0 0 23px rgba(109,222,166,.28),0 0 0 1px rgba(159,239,196,.28);
    transform:translateY(-2px);
  }
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:focus-visible {
  outline:2px solid #c2ffe1;
  outline-offset:4px;
  box-shadow:0 8px 25px rgba(62,198,141,.2),0 0 20px rgba(109,222,166,.23);
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:active {
  transform:translateY(0) scale(.985);
  box-shadow:0 3px 13px rgba(62,198,141,.14);
}
@media (prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary {
    transition:none!important;
  }
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:hover,
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:active {
    transform:none!important;
  }
}

/* Adapt the public marketing layout to large desktop viewports.
   The product tour stays a real interactive preview, not a zoomed screenshot. */
@media (min-width: 1500px) {
  #app .landing-v6 .landing-header-v4 .landing-header-inner {
    width:min(92%,1680px);
    max-width:none;
  }
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 {
    box-sizing:border-box;
    width:min(96%,1660px);
    max-width:none;
    padding-left:clamp(24px,3vw,56px);
    padding-right:clamp(24px,3vw,56px);
  }
  #app .landing-v6 .wmd-founder-focus > .landing-product-tour-v5 {
    box-sizing:border-box;
    width:min(90%,1640px);
    max-width:none;
  }
  #app .landing-v6 .wmd-founder-focus .landing-hero-description {
    max-width:min(86%,1120px)!important;
    font-size:clamp(17px,1.08vw,22px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-hero-ctas-v5 {
    gap:clamp(14px,1.3vw,24px);
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading h2 {
    font-size:clamp(48px,3vw,62px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-tour-heading > p {
    max-width:360px!important;
    font-size:clamp(13px,.88vw,16px)!important;
  }
}
@media (min-width: 1800px) {
  #app .landing-v6 .landing-main-v5.wmd-founder-focus {
    gap:clamp(52px,3.5vw,76px)!important;
  }
  #app .landing-v6 .wmd-founder-focus .landing-intro-v5 > .landing-eyebrow {
    font-size:clamp(16px,1.05vw,20px)!important;
  }
}

/* networth-hero.css */
/* Net Worth: deliberate compact scoreboard, optional subdued private imagery.
   This layer follows workspace-visual-language.css to retire its desktop
   stretch/centering rules without changing the neighboring breakdown. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview {
  position:relative!important;
  isolation:isolate;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview>.nw-unified-totals,
#app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview>.nw-focus-figures {
  position:relative;z-index:1;
}
#app .wmd-workspace--networth .nw-top-row .nw-focus-heading {
  align-items:center;min-width:0;
}
#app .wmd-workspace--networth .nw-top-row .nw-heading-meta {
  display:inline-flex;justify-content:flex-end;align-items:center;
  gap:6px;min-width:0;flex-wrap:wrap;
}
#app .wmd-workspace--networth .nw-top-row .nw-heading-meta>small {
  font-size:10px;line-height:1.4;font-weight:520;color:#bacbd4!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth{
  display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;
  gap:3px 6px;max-width:100%;min-width:0;
  margin:0 0 10px!important;
  padding:0!important;border:0!important;background:transparent!important;
  font:560 11px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  color:#b6c6d0!important;text-align:center;
}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth>strong {
  font-weight:720!important;font-variant-numeric:tabular-nums;
  letter-spacing:-.012em;
}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth.is-positive>strong,
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth.is-positive>span:first-child{color:#97d0ff!important}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth.is-negative>strong,
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth.is-negative>span:first-child{color:#efaaaa!important}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth.is-neutral>strong{color:#d2e1e6!important}
@media(min-width:851px){
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview {
    align-self:start!important;height:auto!important;min-height:0!important;
    justify-content:flex-start!important;gap:12px!important;
    padding:17px 19px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals {
    flex:0 0 auto!important;min-height:194px!important;
    justify-content:center!important;padding:29px 0 0!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals>h2{
    margin:6px auto 5px!important;text-align:center!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-totals:has(.nw-goal-details[open]){
    min-height:220px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figures{
    flex:0 0 auto!important;width:100%;margin:0!important;
  }
}
@media(max-width:850px){
  #app .wmd-workspace--networth .nw-top-row .nw-hero-growth{
    justify-content:flex-start;text-align:left;margin:0 0 11px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-unified-totals>h2{
    margin:9px 0 5px!important;
  }
}
@media(max-width:580px){
  #app .wmd-workspace--networth .nw-top-row .nw-heading-meta>small{font-size:10px!important}
  #app .wmd-workspace--networth .nw-top-row .nw-hero-growth{
    font-size:11px!important;line-height:1.5!important;
  }
}

/* Keep the two top panels equally compact. The history is full-width below
   both, so a taller breakdown otherwise leaves a visible empty band under
   the Net Worth scoreboard. Contain excess categories inside the legend,
   not in the height of the dashboard row. */
@media (min-width:851px) {
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row {
    align-items:stretch!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-unified-overview {
    align-self:stretch!important;
    justify-content:space-between!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation>.nw-allocation-head {
    min-height:42px!important;
    padding:8px 14px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row>.nw-allocation .nw-allocation-inner {
    padding:5px 13px 7px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch {
    margin-bottom:2px!important;
    gap:4px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-switch button {
    min-height:29px!important;
    padding:4px 8px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout {
    gap:10px!important;
    margin-bottom:3px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-donut,
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout .donut {
    width:min(100%,186px)!important;
    max-width:186px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend {
    max-height:186px!important;
    overflow-y:auto!important;
    align-content:start!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-allocation-more {
    margin-top:2px!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-allocation-more>summary {
    min-height:28px!important;
    padding:5px 3px!important;
  }
}
/* On narrower screens the panels stack, so retain comfortable individual
   sizing rather than shrinking the chart to satisfy a two-column row. */

/* Net Worth focus cards: calm accent glows on Assets and Liabilities. */
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.asset {
  --nw-focus-glow-rgb:100,178,232;
  --nw-focus-glow-solid:#93cefa;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure.liability {
  --nw-focus-glow-rgb:225,105,118;
  --nw-focus-glow-solid:#f2a0aa;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability) {
  border-color:rgba(var(--nw-focus-glow-rgb),.29)!important;
  box-shadow:0 0 0 1px rgba(var(--nw-focus-glow-rgb),.07),
    0 0 13px rgba(var(--nw-focus-glow-rgb),.09)!important;
  transition:border-color .2s ease,box-shadow .22s ease,transform .17s ease,background-color .2s ease;
}
@media (hover:hover) and (pointer:fine) {
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability):hover {
    border-color:rgba(var(--nw-focus-glow-rgb),.78)!important;
    box-shadow:0 0 0 1px rgba(var(--nw-focus-glow-rgb),.28),
      0 0 21px rgba(var(--nw-focus-glow-rgb),.25),
      0 6px 19px rgba(2,12,18,.19)!important;
    transform:translateY(-1px);
  }
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability):focus-visible {
  border-color:var(--nw-focus-glow-solid)!important;
  outline:2px solid var(--nw-focus-glow-solid)!important;
  outline-offset:3px;
  box-shadow:0 0 0 1px rgba(var(--nw-focus-glow-rgb),.25),
    0 0 21px rgba(var(--nw-focus-glow-rgb),.26)!important;
}
#app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability):active {
  transform:scale(.992);
  box-shadow:0 0 0 1px rgba(var(--nw-focus-glow-rgb),.17),
    0 0 10px rgba(var(--nw-focus-glow-rgb),.12)!important;
}
@media (prefers-reduced-motion:reduce) {
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability) {
    transition:none!important;
  }
  #app .wmd-workspace.wmd-workspace--networth .nw-top-row .nw-focus-figure:is(.asset,.liability):is(:hover,:active) {
    transform:none!important;
  }
}

/* workspace-calm-finish.css */
/* Focused visual decluttering for signed-in workspaces, 2026-10-17.
   This file affects presentation only: no hidden inputs, forecasts, account
   evidence, warning states, actions, chart data, or onboarding logic.
   Public landing demonstrations and print reports are deliberately excluded. */
@media screen {
  /* Ask Your Money is a search field, not another full-width dashboard card. */
  #app > main.wmd-workspace > .wmd-discovery {
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:6px 0 13px!important;
    margin:4px 0 14px!important;
  }

  /* A useful next step should complement, not compete with, page content. */
  #app > main.wmd-workspace .wmd-next-step--simple {
    background:transparent!important;
    border:0!important;
    border-left:2px solid color-mix(in srgb,var(--wmd-accent,#9fc6d6) 48%,#344751)!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:8px 9px 8px 14px!important;
    margin:4px 0 14px!important;
  }
  #app > main.wmd-workspace .wmd-next-step--simple .wmd-next-step-label {
    opacity:.78;
  }
  #app > main.wmd-workspace .wmd-next-step--simple .wmd-next-step-content h2 {
    font-size:14px!important;
  }
  #app > main.wmd-workspace .wmd-next-step--simple .wmd-next-step-content p {
    color:var(--wmd-ui-muted,#b1c0c9)!important;
  }

  /* Budget: one plan-review surface, simple clickable rows within it.
     The state-based plan review and its actions remain entirely intact. */
  #app > main.wmd-workspace--budget .wmd-plan-coverage {
    background:var(--wmd-ui-panel,#19252e)!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--budget .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) {
    padding:16px 18px!important;
    gap:11px!important;
  }
  #app > main.wmd-workspace--budget .wmd-plan-coverage-checks > button {
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:10px 7px!important;
  }
  #app > main.wmd-workspace--budget .wmd-plan-coverage-checks > button:is(:hover,:focus-visible) {
    background:color-mix(in srgb,var(--wmd-accent,#d7bd8d) 6%,transparent)!important;
    border-bottom-color:color-mix(in srgb,var(--wmd-accent,#d7bd8d) 55%,#42515b)!important;
  }
  #app > main.wmd-workspace--budget .wmd-plan-coverage-secondary {
    background:transparent!important;
    border-color:transparent!important;
    color:#d7d9d5!important;
    text-decoration:underline;
    text-decoration-color:rgba(193,200,191,.35);
    text-underline-offset:3px;
  }
  #app > main.wmd-workspace--budget .wmd-plan-coverage-secondary:hover {
    border-color:transparent!important;
    background:transparent!important;
    text-decoration-color:currentColor;
  }
  #app > main.wmd-workspace--budget .category-overview.money-mix.budget {
    background:transparent!important;
    background-image:none!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:12px 0 1px!important;
    margin:12px 0 16px!important;
  }
  #app > main.wmd-workspace--budget .money-mix.budget .money-mix-legend-item:not(.selected) {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }

  /* Cash Flow: preserve the primary forecast chart and the explicit confidence
     warning, but stop framing adjacent controls as competing hero cards. */
  #app > main.wmd-workspace--cashflow .money-map .mm-next {
    background:transparent!important;
    border:0!important;
    border-left:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:4px 0 6px 19px!important;
  }
  #app > main.wmd-workspace--cashflow .money-map .mm-explore-grid > details:not([open]) {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--cashflow .wmd-plan-coverage {
    background:var(--wmd-ui-panel,#19252e)!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--cashflow .wmd-plan-coverage-checks > button {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--cashflow .wmd-plan-coverage-trust {
    /* Do not weaken the warning or the explanation of incomplete inputs. */
    color:#d5e2ec!important;
    border-color:#526176!important;
  }
  #app > main.wmd-workspace--cashflow .cashflow-dashboard .cash-position-overview .cash-balance-choice {
    background:transparent!important;
    border:0!important;
    border-right:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:7px 18px 7px 4px!important;
  }
  #app > main.wmd-workspace--cashflow .cash-month-outlook:not(.shortfall) {
    background:var(--wmd-ui-panel,#19252e)!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--cashflow .cash-month-outlook:not(.shortfall) .cash-month-outlook-grid article {
    background:transparent!important;
    border:0!important;
    border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
    border-radius:0!important;
    box-shadow:none!important;
  }

  /* Net Worth: group identities and drag handles remain, nested fills don't. */
  #app > main.wmd-workspace--networth .nw-overview-section .nw-group-head {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--networth .nw-overview-section .nw-group-head:hover {
    background:var(--wmd-ui-raised,#202e38)!important;
  }
  #app > main.wmd-workspace--networth .nw-overview-section .nw-group {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }

  /* Goals and Retirement are already more restrained. Quiet only the optional
     controls, not image cards, risk indicators, the model, or open editors. */
  #app > main.wmd-workspace--goals .wmd-goal-card-actions button:not(.wmd-goal-delete-link) {
    background:transparent!important;
    border-color:var(--goal-soft-border,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--goals .wmd-goal-card-actions button:not(.wmd-goal-delete-link):hover {
    background:var(--goal-raised,#202e38)!important;
  }
  #app > main.wmd-workspace--retirement .retirement-assumptions > details:not([open]) {
    background:transparent!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--retirement .retirement-assumptions > details:not([open]):hover {
    background:var(--wmd-ui-raised,#202e38)!important;
  }

  @media(max-width:1050px) {
    #app > main.wmd-workspace--cashflow .cashflow-dashboard .cash-position-overview .cash-balance-choice {
      border-right:0!important;
      border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
      padding:7px 0 17px!important;
    }
  }
  @media(max-width:860px) {
    #app > main.wmd-workspace--cashflow .money-map .mm-next {
      border-left:0!important;
      border-top:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
      padding:16px 0 5px!important;
    }
  }
  @media(max-width:720px) {
    #app > main.wmd-workspace > .wmd-discovery {
      padding:4px 0 11px!important;
      margin:3px 0 12px!important;
    }
    #app > main.wmd-workspace .wmd-next-step--simple {
      padding:8px 0 9px 12px!important;
      margin:4px 0 13px!important;
    }
    #app > main.wmd-workspace--budget .wmd-plan-coverage:not(.wmd-plan-coverage--reviewed) {
      padding:13px 12px!important;
    }
    #app > main.wmd-workspace--budget .wmd-plan-coverage-checks > button {
      min-height:44px;
    }
  }
  @media(prefers-reduced-motion:reduce) {
    #app > main.wmd-workspace .wmd-next-step--simple,
    #app > main.wmd-workspace .wmd-plan-coverage-checks > button {
      transition:none!important;
    }
  }
}

/* appearance-themes.css */

/* Where's My Dollar workspace appearance palettes. Account choices remain
   local to Settings and never change financial records. Default Ocean uses the
   flat brand blue. Mixed retains per-page identities; Mint, White, Black and
   Pink provide coordinated alternatives. The fictional public demo is blue. */

/* Appearance controls are available on all themes, including the default. */
#app .settings-theme-picker{
  border:0;min-width:0;padding:0;margin:18px 0 16px;
}
#app .settings-theme-picker legend{
  padding:0;margin-bottom:9px;color:#e3ecea;
  font-size:12px;font-weight:750;line-height:1.3;
}
#app .settings-theme-options{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
#app .settings-theme-choice{
  --preview-accent:#57d7aa;--preview-deep:#13221e;--preview-raised:#223a32;
  display:flex;flex-direction:column;gap:9px;min-width:0;min-height:112px;
  padding:9px;border:1px solid #425259;border-radius:13px;
  background:#1a2429;cursor:pointer;position:relative;box-sizing:border-box;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
#app .settings-theme-choice:hover{
  border-color:color-mix(in srgb,var(--preview-accent) 65%,#45545d);
  background:#212c32;
}
#app .settings-theme-choice input{
  position:absolute;width:1px;height:1px;margin:0;opacity:0;
  pointer-events:none;
}
#app .settings-theme-choice:has(input:checked){
  border-color:var(--preview-accent);
  box-shadow:inset 0 0 0 1px var(--preview-accent),0 0 0 1px color-mix(in srgb,var(--preview-accent) 20%,transparent);
}
#app .settings-theme-choice:has(input:focus-visible){
  outline:2px solid #e0f2ff;outline-offset:3px;
}
#app .settings-theme-choice:has(input:checked) .settings-theme-name strong::after{
  content:' ✓';color:var(--preview-accent);
}
#app .settings-theme-original{
  --preview-accent:#b0c2c9;--preview-deep:#162229;--preview-raised:#263540;
}
#app .settings-theme-ocean{
  --preview-accent:#8ec8f3;--preview-deep:#132333;--preview-raised:#273c50;
}
#app .settings-theme-orchid{
  --preview-accent:#c8b1f0;--preview-deep:#201b30;--preview-raised:#38304d;
}
#app .settings-theme-white{
  --preview-accent:#3379ac;--preview-deep:#f2f6fb;--preview-raised:#ffffff;
}
#app .settings-theme-black{
  --preview-accent:#d6e0e9;--preview-deep:#080a0e;--preview-raised:#1e242c;
}
#app .settings-theme-pink{
  --preview-accent:#ee9bc9;--preview-deep:#211923;--preview-raised:#493144;
}
#app .settings-theme-white .settings-theme-swatch{
  border-color:#becfdb;
}
#app .settings-theme-white .settings-theme-swatch::after{
  border-color:#d1e0ec;
}
#app .settings-theme-swatch{
  position:relative;display:block;flex:0 0 48px;width:100%;height:48px;
  overflow:hidden;border:1px solid color-mix(in srgb,var(--preview-accent) 30%,#54606a);
  border-radius:8px;box-sizing:border-box;
  background:linear-gradient(135deg,var(--preview-deep),var(--preview-raised));
}
#app .settings-theme-swatch::before{
  content:'';position:absolute;top:9px;left:9px;width:38%;height:7px;
  border-radius:5px;background:var(--preview-accent);
}
#app .settings-theme-swatch::after{
  content:'';position:absolute;top:24px;left:9px;right:9px;height:13px;
  border-radius:4px;border:1px solid color-mix(in srgb,var(--preview-accent) 26%,#6f7b84);
  background:color-mix(in srgb,var(--preview-accent) 9%,var(--preview-deep));
}
/* Original intentionally previews multiple page identities, not mint alone. */
#app .settings-theme-original .settings-theme-swatch::before{
  right:9px;width:auto;
  background:linear-gradient(90deg,#57d7aa 0 24%,#d7bd8d 24% 48%,#a3c8e5 48% 72%,#d8aaae 72% 100%);
}
#app .settings-theme-original .settings-theme-swatch::after{
  border-color:#52616a;background:#27333b;
}
#app .settings-theme-name{display:grid;gap:2px;min-width:0}
#app .settings-theme-name strong{
  font-size:12px;font-weight:750;line-height:1.25;color:#edf6f4;
}
#app .settings-theme-name small{
  margin:0;font-size:10px;line-height:1.3;color:#a3b2b6;
}
#app .settings-theme-picker .settings-theme-explainer{
  display:block;margin:10px 0 0;font-size:11px;line-height:1.45;
  color:#99aab0;
}
#app .settings-ask-money .settings-ask-bar-row{margin-top:4px}

@media(max-width:420px){
  #app .settings-theme-options{gap:7px}
  #app .settings-theme-choice{padding:7px;min-height:105px}
  #app .settings-theme-swatch{height:43px;flex-basis:43px}
  #app .settings-theme-name strong{font-size:11px}
  #app .settings-theme-name small{font-size:9px}
}
@media(prefers-reduced-motion:reduce){
  #app .settings-theme-choice{transition:none}
}

/* Theme variables are intentionally restricted to the authenticated app. */
#app[data-wmd-color-scheme="mint"]{
  --wmd-theme-accent:#57d7aa;
  --wmd-theme-accent-soft:#9ae8cb;
  --wmd-theme-panel:#19252e;
  --wmd-theme-deep:#111c25;
  --wmd-theme-raised:#202e38;
  --wmd-theme-line:#384a55;
  --wmd-theme-line-soft:#2c3d47;
  --wmd-theme-nav:#151e25;
  --wmd-theme-muted:#b1c0c9;
  --wmd-theme-text:#eef4f7;
}
#app[data-wmd-color-scheme="ocean"]{
  --wmd-theme-accent:#8ec8f3;
  --wmd-theme-accent-soft:#bddffd;
  --wmd-theme-panel:#1a2836;
  --wmd-theme-deep:#13202d;
  --wmd-theme-raised:#26384a;
  --wmd-theme-line:#41596c;
  --wmd-theme-line-soft:#314857;
  --wmd-theme-nav:#14222e;
  --wmd-theme-muted:#bdcbd8;
  --wmd-theme-text:#f0f6fb;
}
#app[data-wmd-color-scheme="orchid"]{
  --wmd-theme-accent:#c8b1f0;
  --wmd-theme-accent-soft:#e0d0ff;
  --wmd-theme-panel:#242231;
  --wmd-theme-deep:#1b1b29;
  --wmd-theme-raised:#322e43;
  --wmd-theme-line:#554e67;
  --wmd-theme-line-soft:#433d55;
  --wmd-theme-nav:#1c1b2a;
  --wmd-theme-muted:#c6bfd4;
  --wmd-theme-text:#f5f1fc;
}

/* Brand blue remains the default Ocean palette. These three optional
   schemes share the same UI tokens instead of recoloring account data. */
#app[data-wmd-color-scheme="white"]{
  color-scheme:light;
  --wmd-theme-accent:#286a9e;
  --wmd-theme-accent-soft:#215982;
  --wmd-theme-panel:#ffffff;
  --wmd-theme-deep:#f2f6fa;
  --wmd-theme-raised:#e8f0f7;
  --wmd-theme-line:#bdcfdd;
  --wmd-theme-line-soft:#d7e2eb;
  --wmd-theme-nav:#edf3f8;
  --wmd-theme-muted:#506577;
  --wmd-theme-text:#192e40;
}
#app[data-wmd-color-scheme="black"]{
  color-scheme:dark;
  --wmd-theme-accent:#d5e0ec;
  --wmd-theme-accent-soft:#eff5fa;
  --wmd-theme-panel:#15191e;
  --wmd-theme-deep:#090c10;
  --wmd-theme-raised:#232a31;
  --wmd-theme-line:#434b55;
  --wmd-theme-line-soft:#303740;
  --wmd-theme-nav:#0e1216;
  --wmd-theme-muted:#b7c2cd;
  --wmd-theme-text:#f4f7fa;
}
#app[data-wmd-color-scheme="pink"]{
  color-scheme:dark;
  --wmd-theme-accent:#ee9bc9;
  --wmd-theme-accent-soft:#ffd5e9;
  --wmd-theme-panel:#291e2b;
  --wmd-theme-deep:#1b1620;
  --wmd-theme-raised:#39283b;
  --wmd-theme-line:#5b4560;
  --wmd-theme-line-soft:#47354d;
  --wmd-theme-nav:#201822;
  --wmd-theme-muted:#d2bbc9;
  --wmd-theme-text:#fff3f9;
}

/* Keep explicit workspace focus and navigation distinct from gains, losses,
   warnings, credit-card balances, and category/chart palettes. */
@media(forced-colors:none){
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace{
    /* One consistent decorative accent on every page. Do not replace
       positive/negative/chart series colors with this accent. */
    --wmd-accent:var(--wmd-theme-accent)!important;
    --wmd-plan-accent:var(--wmd-theme-accent);
    --wmd-plan-line:var(--wmd-theme-line);
    --wmd-plan-ink:var(--wmd-theme-text);
    --wmd-ui-panel:var(--wmd-theme-panel);
    --wmd-ui-deep:var(--wmd-theme-deep);
    --wmd-ui-raised:var(--wmd-theme-raised);
    --wmd-ui-line:var(--wmd-theme-line);
    --wmd-ui-line-soft:var(--wmd-theme-line-soft);
    --wmd-ui-muted:var(--wmd-theme-muted);
    --wmd-ui-txt:var(--wmd-theme-text);
    --wmd-ui-accent-line:color-mix(in srgb,var(--wmd-theme-accent) 52%,var(--wmd-theme-line));
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header{
    border-bottom-color:var(--wmd-theme-line)!important;
    --wmd-header-accent:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header .brand-meta .wmd-user-name,
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header[data-wmd-page-themed] .brand h1 em{
    color:var(--wmd-theme-accent)!important;
    -webkit-text-fill-color:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header .header-actions button:not(:disabled):hover,
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header .wmd-header-menu-options button:hover{
    border-color:var(--wmd-theme-line)!important;
    background:color-mix(in srgb,var(--wmd-theme-accent) 9%,var(--wmd-theme-raised))!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header :is(button,summary):focus-visible{
    outline:2px solid var(--wmd-theme-accent)!important;outline-offset:3px!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav{
    --nav-accent:var(--wmd-theme-accent)!important;
    background:var(--wmd-theme-nav)!important;
    border-color:var(--wmd-theme-line-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav > button[data-tab].active{
    border-color:color-mix(in srgb,var(--wmd-theme-accent) 48%,var(--wmd-theme-line))!important;
    background:color-mix(in srgb,var(--wmd-theme-accent) 15%,var(--wmd-theme-nav))!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav > button[data-tab]:hover:not(.active){
    background:color-mix(in srgb,var(--wmd-theme-accent) 6%,var(--wmd-theme-nav))!important;
    border-color:var(--wmd-theme-line)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav > button[data-tab].active::before{
    color:var(--wmd-theme-accent)!important;
  }
  /* The shared Ask Your Money row is part of the page, not a full-width
     dashboard card. Keep only the quiet divider from workspace-calm-finish;
     the input, results and suggested-question chips still use theme surfaces. */
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > .wmd-discovery{
    --wmd-find-accent:var(--wmd-theme-accent);
    --wmd-find-line:var(--wmd-theme-line);
    background:transparent!important;
    background-image:none!important;
    border-color:var(--wmd-theme-line-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > .wmd-discovery :is(.wmd-discovery-browse,.wmd-discovery-magnify,.wmd-discovery-more-ideas){
    color:var(--wmd-theme-accent-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > .wmd-discovery .wmd-discovery-control:focus-within{
    border-color:var(--wmd-theme-accent)!important;
    box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-theme-accent) 20%,transparent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace :is(button,summary,input,select,textarea):focus-visible{
    outline-color:var(--wmd-theme-accent)!important;
  }
  /* Goals has its own terracotta controls. Keep photo artwork and semantic
     colors alone, but follow the theme for nonsemantic buttons and labels. */
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals .wmd-goals-page{
    --goal-accent:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-add{
    background:var(--wmd-theme-accent)!important;
    border-color:var(--wmd-theme-accent)!important;
    color:var(--wmd-theme-deep)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-add:is(:hover,:focus-visible){
    background:var(--wmd-theme-accent-soft)!important;
    border-color:var(--wmd-theme-accent-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals .wmd-goals-funding button{
    color:var(--wmd-theme-accent-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace :is(.wmd-plan-subnav button.active,[data-tab="goals"].active){
    --nav-accent:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav > button[data-tab="goals"].active{
    --nav-accent:var(--wmd-theme-accent)!important;
    border-color:color-mix(in srgb,var(--wmd-theme-accent) 45%,var(--wmd-theme-line))!important;
    background:color-mix(in srgb,var(--wmd-theme-accent) 12%,var(--wmd-theme-nav))!important;
    color:var(--wmd-theme-text)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav > button[data-tab="goals"].active::before{
    color:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals > .wmd-discovery{
    --wmd-find-accent:var(--wmd-theme-accent)!important;
    border-color:var(--wmd-theme-line)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-dialog{
    background:var(--wmd-theme-deep)!important;
    border-color:var(--wmd-theme-line)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-head{
    background:var(--wmd-theme-panel)!important;
    border-color:var(--wmd-theme-line-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-ask-bar-row{
    background:var(--wmd-theme-panel)!important;
    border-color:var(--wmd-theme-line)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-ask-bar-row input:checked{
    background:var(--wmd-theme-accent)!important;
    border-color:var(--wmd-theme-accent-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-theme-picker legend{
    color:var(--wmd-theme-text);
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .settings-theme-picker .settings-theme-explainer{
    color:var(--wmd-theme-muted);
  }
}
@media(forced-colors:active){
  #app .settings-theme-choice{forced-color-adjust:auto;border-color:ButtonText}
  #app .settings-theme-choice:has(input:checked){outline:2px solid Highlight;outline-offset:1px}
  #app .settings-theme-swatch{forced-color-adjust:none}
}


/* Palette completeness, 2026-10-17.
   Page identity belongs in small interaction accents, not in the main figures
   or the card backgrounds. Keep risk, gains/losses and chart series semantic. */
@media screen and (forced-colors:none){
  /* Net Worth's white figures + neutral tiles establish the summary pattern.
     Budget should have the same hierarchy in Original AND other schemes. */
  #app > main.wmd-workspace--budget .budget-top :is(.summary-card,.budget-chart){
    background:var(--wmd-ui-panel,#19252e)!important;
    border-color:var(--wmd-ui-line,#384a55)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--budget .budget-top .summary-item:not(.negative):not(.warning):not(.over-target){
    background:var(--wmd-ui-deep,#111c25)!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
  #app > main.wmd-workspace--budget .budget-top .summary-item:not(.negative):not(.warning):not(.over-target):is(:hover,:focus-within){
    background:var(--wmd-ui-raised,#202e38)!important;
    border-color:var(--wmd-ui-accent-line,#567a79)!important;
  }
  #app > main.wmd-workspace--budget .budget-top .summary-card > h2,
  #app > main.wmd-workspace--budget .budget-top .summary-item:not(.negative):not(.warning):not(.over-target) :is(b,.summary-item-top>span),
  #app > main.wmd-workspace--budget .money-mix.budget .category-overview-head > strong{
    color:#f2f6f9!important;
  }
  #app > main.wmd-workspace--budget .budget-top .summary-item:not(.negative):not(.warning):not(.over-target) small{
    color:var(--wmd-ui-muted,#b1c0c9)!important;
  }

  /* The legacy sand token was still used inside the Budget coverage banner,
     category rail and Essentials helper, even when Mint/Ocean/Orchid were on. */
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace{
    --wmd-tint:color-mix(in srgb,var(--wmd-theme-accent) 9%,var(--wmd-theme-deep))!important;
    --wmd-tint-hover:color-mix(in srgb,var(--wmd-theme-accent) 16%,var(--wmd-theme-deep))!important;
    --wmd-control-line:color-mix(in srgb,var(--wmd-theme-accent) 35%,var(--wmd-theme-line))!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--budget{
    --wmd-budget-accent:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--budget .wmd-plan-coverage{
    --pc-accent:var(--wmd-theme-accent)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--budget .money-mix.budget .category-overview-head>div>span{
    color:var(--wmd-theme-accent-soft)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .guided-shell[aria-labelledby="budgetGapTitle"]{
    --wmd-budget-accent:var(--wmd-theme-accent);
    --ess-accent:var(--wmd-theme-accent);
  }
  /* Goals previously retained a copper sub-navigation and plan tokens. */
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals{
    --wmd-plan-accent:var(--wmd-theme-accent)!important;
    --wmd-plan-line:var(--wmd-theme-line)!important;
    --wmd-plan-ink:var(--wmd-theme-text)!important;
  }
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--goals .wmd-plan-subnav button.active{
    background:color-mix(in srgb,var(--wmd-theme-accent) 12%,var(--wmd-theme-deep))!important;
    border-color:color-mix(in srgb,var(--wmd-theme-accent) 48%,var(--wmd-theme-line))!important;
    color:var(--wmd-theme-text)!important;
  }
  /* Top is a sibling of main, so it cannot inherit a main-only accent token.
     Override its older per-page sibling declarations under a chosen palette. */
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > .app-back-to-top{
    --wmd-current-accent:var(--wmd-theme-accent)!important;
  }
}


/* Budget section summary typography, 2026-10-17.
   Page identity belongs in icons, focus outlines and navigation, not in the
   label and value for each budget bucket. A planned $0 is not a warning.
   Explicit risk/negative state classes keep their own semantic styling. */
@media screen and (forced-colors:none){
  #app > main.wmd-workspace.wmd-workspace--budget
  .budget-overview-section:not(:is(.warning,.negative,.danger,.shortfall,.over-target))
  > .budget-overview-toggle
  :is(.budget-overview-label,.budget-overview-amount):not(:is(.warning,.negative,.danger,.shortfall,.over-target)){
    color:var(--wmd-ui-txt,#eef4f7)!important;
  }
}

/* Match the Net Worth summary cards in the fictional landing tour.
   The signed-in Budget summaries already use neutral text above. Scope
   this to demo budget disclosures; page accents remain on icons, focus,
   selected controls and charts, and semantic warning colors remain intact. */
@media screen and (forced-colors:none){
  #app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="budget"]
  .budget-overview-section:not(:is(.warning,.negative,.danger,.shortfall,.over-target))
  > .budget-overview-toggle
  :is(.budget-overview-label,.budget-overview-amount):not(:is(.warning,.negative,.danger,.shortfall,.over-target)),
  #app .landing-v6 [data-landing-budget-preview]
  .budget-overview-section:not(:is(.warning,.negative,.danger,.shortfall,.over-target))
  > .budget-overview-toggle
  :is(.budget-overview-label,.budget-overview-amount):not(:is(.warning,.negative,.danger,.shortfall,.over-target)){
    color:var(--wmd-ui-txt,#f0f6fb)!important;
  }
}

/* Compact, native Settings appearance disclosure. Existing radio buttons keep
   their immediate local save behavior, while the six previews stay available. */
#app .settings-appearance{
  margin:12px 0 16px;
  border:1px solid var(--wmd-theme-line,#41515d);
  border-radius:14px;
  background:var(--wmd-theme-panel,#1a252c);
  color:var(--wmd-theme-text,#edf5f8);
  overflow:hidden;
}
#app .settings-appearance > summary{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 15px;min-height:66px;box-sizing:border-box;
  cursor:pointer;list-style:none;
  color:var(--wmd-theme-text,#edf5f8);
}
#app .settings-appearance > summary::-webkit-details-marker{display:none}
#app .settings-appearance > summary::marker{content:''}
#app .settings-appearance > summary:hover{
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 6%,var(--wmd-theme-panel,#1a252c));
}
#app .settings-appearance > summary:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3);
  outline-offset:-3px;border-radius:12px;
}
#app .settings-appearance[open] > summary{
  border-bottom:1px solid var(--wmd-theme-line-soft,#364750);
}
#app .settings-appearance-summary-copy{
  display:grid;gap:4px;min-width:0;
}
#app .settings-appearance-summary-copy strong{
  font-size:13px;font-weight:750;line-height:1.2;
  color:var(--wmd-theme-text,#edf5f8);
}
#app .settings-appearance-summary-copy small{
  display:block;margin:0;font-size:12px;line-height:1.3;
  color:var(--wmd-theme-muted,#afbec6);
}
#app .settings-appearance-summary-end{
  display:flex;align-items:center;justify-content:center;gap:15px;
  flex:0 0 auto;color:var(--wmd-theme-muted,#a3b8c2);
}
#app .settings-appearance-preview{
  display:block;width:25px;height:25px;flex:none;
  box-sizing:border-box;border-radius:50%;
  border:1px solid rgba(155,177,195,.6);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 8%,transparent);
}
#app .settings-appearance-preview--ocean{background:#8ec8f3}
#app .settings-appearance-preview--original{background:conic-gradient(#57d7aa 0 25%,#d7bd8d 25% 50%,#a3c8e5 50% 75%,#d8aaae 75%)}
#app .settings-appearance-preview--mint{background:#57d7aa}
#app .settings-appearance-preview--white{background:#fff;border-color:#93aabc}
#app .settings-appearance-preview--black{background:#111820}
#app .settings-appearance-preview--pink{background:#ee9bc9}
#app .settings-appearance-chevron{
  width:9px;height:9px;flex:0 0 9px;
  border-right:2px solid currentColor;border-bottom:2px solid currentColor;
  transform:rotate(45deg) translate(-1px,-1px);
  transition:transform .18s ease;
}
#app .settings-appearance[open] .settings-appearance-chevron{
  transform:rotate(225deg) translate(-1px,-1px);
}
#app .settings-appearance-panel{
  padding:13px 14px 14px;
  background:color-mix(in srgb,var(--wmd-theme-raised,#22313b) 32%,var(--wmd-theme-panel,#1a252c));
}
#app .settings-appearance .settings-theme-picker{
  border:0;margin:0;min-width:0;padding:0;background:transparent;
}
#app .settings-appearance .settings-theme-picker legend{
  margin:0 0 11px;padding:0;
  font-size:12px;font-weight:700;
  color:var(--wmd-theme-muted,#b0c2ca);
}
#app .settings-appearance .settings-theme-picker .settings-theme-explainer{
  margin-top:12px;
}
#app[data-wmd-color-scheme="white"] .settings-appearance{
  background:#fff;border-color:#bdcfdd;color:#192e40;
}
#app[data-wmd-color-scheme="white"] .settings-appearance > summary{
  color:#192e40;
}
#app[data-wmd-color-scheme="white"] .settings-appearance-panel{
  background:#f7fafd;
}
#app[data-wmd-color-scheme="white"] .settings-appearance .settings-theme-picker{
  background:transparent!important;
}
@media(max-width:420px){
  #app .settings-appearance > summary{min-height:62px;padding:12px 13px}
  #app .settings-appearance-panel{padding:12px 10px 13px}
  #app .settings-appearance-summary-end{gap:13px}
}
@media(prefers-reduced-motion:reduce){
  #app .settings-appearance-chevron{transition:none}
}

/* account-clickthrough.css */
/* Subtle navigation affordances for account rows. */
#app .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"] {
  cursor: pointer;
  transition: background-color .15s ease;
}
#app .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:focus-visible {
  outline: 2px solid #70b6ff;
  outline-offset: -2px;
  border-radius: 4px;
}
#app .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"] .invest-account-copy strong::after {
  content: "  ↗";
  font-size: .88em;
  opacity: .55;
}
#app .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:hover .invest-account-copy strong::after,
#app .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:focus-visible .invest-account-copy strong::after {
  opacity: 1;
}
#app .invest-refresh .invest-account-edit-grid .wmd-account-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  border-top: 1px solid rgba(80, 154, 232, .28);
  padding-top: 13px;
}
#app .invest-refresh .wmd-account-actions > button {
  font: inherit;
  font-size: 12px;
  font-weight: 650;
  background: transparent;
  color: inherit;
  border: 1px solid rgba(80, 154, 232, .45);
  border-radius: 7px;
  padding: 9px 13px;
  cursor: pointer;
}
#app .invest-refresh .wmd-account-actions > button:hover {
  background: rgba(80, 154, 232, .13);
}
#app .invest-refresh .wmd-account-actions > button:focus-visible {
  outline: 2px solid #70b6ff;
  outline-offset: 2px;
}
#app .wmd-workspace--networth .nw-board .nw-subrow[data-wmd-inline-account="true"]:hover {
  background-color: rgba(80, 154, 232, .065);
}
#app .wmd-workspace--networth .nw-subrow.wmd-account-jump-target {
  animation: wmd-account-flash 1.4s ease-out both;
}
@keyframes wmd-account-flash {
  from { box-shadow: inset 0 0 0 2px rgba(80, 154, 232, .7); }
  to { box-shadow: inset 0 0 0 2px transparent; }
}
@media (max-width: 600px) {
  #app .invest-refresh .wmd-account-actions > button { flex: 1 1 auto; }
}

/* Two-way investment account shortcut. Neutral blue denotes navigation,
   never a positive investment return. */
#app .wmd-workspace--networth .nw-subrow .wmd-networth-invest-action {
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  margin:3px 0; padding:5px 10px; border:1px solid rgba(99,170,240,.38);
  border-radius:8px;background:rgba(53,128,212,.11);color:#9bd1ff;
  font:inherit;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;
  grid-column:1 / -1;justify-self:start;
}
#app .wmd-workspace--networth .nw-subrow .wmd-networth-invest-action:hover {
  background:rgba(53,128,212,.20);border-color:#75b8fa;
}
#app .wmd-workspace--networth .nw-subrow .wmd-networth-invest-action:focus-visible {
  outline:2px solid #70b6ff;outline-offset:2px;
}

/* investment-investor-layout.css */

/* The investment workspace is an investor-grade product page, not a form grid.
   Financial numbers always come from saved state; styles never imply performance. */
#app .wmd-workspace--investments .invest-refresh{
 --broker-panel:#1b2924;--broker-panel-deep:#15231e;--broker-line:#405b4b;
 --broker-muted:#a7c1af;--broker-ink:#eef8ef;--broker-accent:#b4dfb9;
 gap:18px!important;
}
#app .wmd-workspace--investments .invest-refresh button:focus-visible,
#app .wmd-workspace--investments .invest-refresh input:focus-visible,
#app .wmd-workspace--investments .invest-refresh select:focus-visible,
#app .wmd-workspace--investments .invest-refresh summary:focus-visible{
 outline:2px solid #b2eac1!important;outline-offset:3px;
}
#app .wmd-workspace--investments .invest-refresh .invest-panel-head .invest-kicker,
#app .wmd-workspace--investments .invest-refresh .invest-kicker{
 font-size:10px!important;letter-spacing:.11em!important;font-weight:750!important;
}
#app .invest-refresh .invest-panel-head h3{letter-spacing:-.03em!important}
#app .invest-refresh :is(.invest-panel-head p,.invest-clarity-focus p,.invest-position-disclosure,.invest-activity-hero p){
 line-height:1.58!important;
}
/* The chart comes first. The legacy balance hero is intentionally absent. */
#app .invest-refresh .invest-investor-layout{display:flex!important;flex-direction:column;gap:17px!important;min-width:0}
#app .wmd-workspace--investments .invest-refresh .invest-investor-layout>.invest-perf{order:0!important}
#app .invest-refresh .invest-investor-layout>.invest-performance-stats{order:1!important}
#app .invest-refresh .invest-investor-layout>.invest-clarity{order:2!important}
#app .invest-refresh .invest-investor-layout>.invest-today{order:3!important}
#app .invest-refresh .invest-investor-layout>.invest-overview-grid{order:4!important}
#app .invest-refresh .invest-investor-layout>.invest-account-overview{order:5!important}
#app .invest-refresh .invest-investor-layout>.invest-plaid-activity{order:6!important}
/* Four grounded indicators, no guessed returns when no history exists. */
#app .wmd-workspace--investments .invest-refresh .invest-performance-stats,
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-performance-stats{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:12px!important;margin:0!important;padding:0!important;
 border:0!important;background:transparent!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-performance-stats>article{
 display:grid!important;gap:7px!important;align-content:center!important;
 min-height:113px!important;padding:18px!important;
 border:1px solid var(--broker-line)!important;border-radius:14px!important;
 background:linear-gradient(140deg,#1c2b25,#1b2923)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.025)!important;
 min-width:0;
}
#app .invest-refresh .invest-performance-stats>article :is(span,small){
 font-size:11px!important;line-height:1.45;color:var(--broker-muted)!important;
}
#app .invest-refresh .invest-performance-stats>article span{
 text-transform:uppercase;letter-spacing:.07em!important;font-weight:700!important;
}
#app .invest-refresh .invest-performance-stats>article strong{
 font-size:clamp(22px,2.6vw,32px)!important;line-height:1.15;color:var(--broker-ink)!important;
 letter-spacing:-.045em!important;font-weight:770!important;
}
/* Quick action with coverage next to it. No giant duplicated next-step frame. */
#app .wmd-workspace--investments .invest-refresh .invest-clarity,
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity{
 display:grid!important;grid-template-columns:minmax(0,1.9fr) minmax(205px,.75fr)!important;
 align-items:center!important;gap:15px!important;padding:19px 22px!important;
 background:linear-gradient(120deg,#203329,#202e26)!important;
 border:1px solid #527b5a!important;border-radius:14px!important;
 box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity>div{
 border:0!important;min-width:0!important;padding:8px!important;
 margin:0!important;grid-column:auto!important;grid-row:auto!important;
}
#app .invest-refresh .invest-clarity .invest-clarity-focus h3{
 font-size:clamp(16px,2vw,20px)!important;margin:6px 0!important;
}
#app .invest-refresh .invest-clarity .invest-clarity-focus p{font-size:12px!important;max-width:55ch!important}
#app .invest-refresh .invest-clarity .invest-clarity-completeness{
 border-left:1px solid #466450!important;padding-left:23px!important;
}
#app .invest-refresh .invest-clarity .invest-clarity-top{
 grid-column:1/-1!important;border-top:1px solid #45614d!important;
 border-left:0!important;padding-top:13px!important;
}
#app .invest-refresh .invest-clarity .invest-clarity-top .invest-clarity-position{max-width:none}
#app .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-top{display:none!important}
#app .invest-refresh .invest-overview-grid>.invest-panel{
 border:1px solid var(--broker-line)!important;border-radius:15px!important;
 background:var(--broker-panel)!important;
}
#app .invest-refresh .invest-account-overview{
 padding:18px 20px 22px!important;border:1px solid var(--broker-line)!important;
 border-radius:15px!important;background:var(--broker-panel)!important;
}
#app .invest-refresh .invest-account-overview .invest-panel-head{padding:0!important}
#app .invest-refresh .invest-account-overview .invest-account-snapshot{
 min-height:56px!important;background:transparent!important;
}
#app .invest-refresh .invest-account-overview .invest-account-snapshot:hover{
 background:#25372e!important;
}
#app .invest-refresh .invest-account-overview .invest-account-copy strong{
 color:#f1f9f2!important;font-size:13px!important;
}
/* Holdings */
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage{
 display:flex!important;flex-direction:column!important;gap:15px!important;min-width:0!important;
 padding:0!important;border:0!important;background:transparent!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-panel-head{
 order:0!important;margin:0!important;padding:24px 25px!important;
 background:linear-gradient(120deg,#1c2d27,#17251f)!important;
 border:1px solid var(--broker-line)!important;border-radius:16px!important;
 align-items:center!important;gap:15px!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-panel-head h3{
 font-size:clamp(26px,3.3vw,38px)!important;font-weight:780!important;margin:5px 0!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-panel-head p{
 max-width:62ch;color:#b1c6b7!important;font-size:13px!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-panel-head .invest-panel-actions{
 gap:8px!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary,
#app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-position-summary{
 order:1!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
 gap:11px!important;padding:0!important;margin:0!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div{
 padding:17px 18px!important;background:#1b2924!important;
 border:1px solid var(--broker-line)!important;border-radius:14px!important;
 min-height:102px!important;display:grid!important;gap:6px!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div:first-child{padding-left:18px!important}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div:last-child{
 grid-column:auto!important;border:1px solid var(--broker-line)!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div span{
 color:#abd0b4!important;font-size:11px!important;
 text-transform:uppercase;letter-spacing:.06em;font-weight:700;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div strong{
 color:#f0f8ee!important;font-size:clamp(20px,2.5vw,30px)!important;
 line-height:1.17;font-weight:760!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div small{
 font-size:11px!important;color:#a7bfae!important;
}
#app .invest-refresh .invest-holdings-brokerage .invest-holdings-toolbar{
 order:2!important;border:1px solid var(--broker-line)!important;
 border-radius:14px!important;padding:15px 18px!important;
 background:var(--broker-panel)!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-market-status{
 order:3!important;padding:0 6px!important;
}
#app .invest-refresh .invest-holdings-brokerage>.invest-ticker-list,
#app .invest-refresh .invest-holdings-brokerage>.invest-position-list{order:4!important}
#app .invest-refresh .invest-holdings-brokerage>.invest-holdings-first-steps{order:5!important}
#app .invest-refresh .invest-holdings-brokerage>.invest-position-disclosure{order:6!important;padding:3px 7px!important}
#app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-holdings-toolbar,
#app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-market-status{
 display:none!important;
}
#app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-holdings-first-steps{
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 gap:10px;min-height:260px;margin:0!important;padding:26px 20px!important;
 border:1px dashed #4d7055!important;border-radius:17px!important;
 background:radial-gradient(ellipse at 50% 48%,rgba(104,173,117,.10),transparent 54%),
            linear-gradient(#192923,#17251f)!important;text-align:center;
}
#app .invest-refresh .invest-holdings-first-steps .invest-holdings-empty-symbol{
 display:grid;place-items:center;width:58px;height:58px;border:1px solid #648c6d;
 border-radius:19px;background:#294535;color:#b6e4c0;font-size:30px;line-height:1;
}
#app .invest-refresh .invest-holdings-first-steps h4{
 margin:5px 0 0;font-size:19px!important;font-weight:760;color:var(--broker-ink);
 letter-spacing:-.035em;
}
#app .invest-refresh .invest-holdings-first-steps p{
 font-size:13px!important;line-height:1.56;color:#b2c9b7!important;max-width:55ch;
}
#app .invest-refresh .invest-holdings-first-steps small{
 max-width:52ch;font-size:11px;color:#8eac99;
}
#app .invest-refresh .invest-holdings-paths{
 display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:10px auto 6px;
}
#app .invest-refresh .invest-holdings-paths button{
 min-height:43px!important;padding:10px 15px!important;font-size:12px!important;
 border:1px solid #678773!important;color:#e0f3e4!important;border-radius:10px!important;
 background:#20352a!important;cursor:pointer;
}
#app .invest-refresh .invest-holdings-paths button.invest-holdings-snap{
 background:#b3e8bf!important;color:#183220!important;border-color:#b3e8bf!important;font-weight:780!important;
}
#app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-panel-actions .invest-snap-action{
 display:none!important;
}
/* Activity: informative counts, two restrained actions, readable filterable ledger. */
#app .wmd-workspace--investments .invest-refresh .invest-activity-brokerage{
 display:flex!important;flex-direction:column!important;gap:14px!important;
 padding:0!important;border:0!important;background:transparent!important;min-width:0!important;
}
#app .invest-refresh .invest-activity-hero{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
 border:1px solid var(--broker-line);border-radius:16px;
 background:linear-gradient(118deg,#1d3029,#1a2923);padding:24px 25px;
}
#app .invest-refresh .invest-activity-hero h3{
 font-size:clamp(26px,3vw,36px)!important;font-weight:790!important;
 line-height:1.15;letter-spacing:-.035em;margin:5px 0 8px;color:var(--broker-ink);
}
#app .invest-refresh .invest-activity-hero p{font-size:13px!important;max-width:60ch;color:#acc5b2!important}
#app .invest-refresh .invest-activity-hero button{
 min-height:43px!important;padding:10px 16px!important;border-radius:10px!important;
 font-size:12px!important;
}
#app .invest-refresh .invest-activity-metrics{
 display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important;
}
#app .invest-refresh .invest-activity-metrics article{
 border:1px solid var(--broker-line)!important;background:var(--broker-panel)!important;
 border-radius:14px!important;min-height:100px;padding:16px 14px;
 display:flex;align-items:center;gap:12px;min-width:0;
}
#app .invest-refresh .invest-activity-metrics article>div{display:grid;gap:5px;min-width:0}
#app .invest-refresh .invest-activity-metrics article>div>span{
 color:#a9cfb3;font-size:10px;font-weight:720;text-transform:uppercase;letter-spacing:.06em;
}
#app .invest-refresh .invest-activity-metrics article strong{
 color:#f0f8f1;font-size:clamp(21px,2.5vw,31px);font-weight:770;line-height:1.1;
}
#app .invest-refresh .invest-activity-metrics article small{font-size:10px;color:#a0baa8;line-height:1.35}
#app .invest-refresh .invest-activity-metric-icon{
 display:grid;place-items:center;flex:none;width:44px;height:44px;
 border:1px solid #4e7859;border-radius:50%;background:#274333;
 color:#b1e9bc;font-size:22px;font-weight:600;
}
#app .invest-refresh .invest-activity-metrics article:nth-child(2) .invest-activity-metric-icon{color:#a4c4f8;border-color:#4b6684;background:#273e54}
#app .invest-refresh .invest-activity-metrics article:nth-child(3) .invest-activity-metric-icon{color:#e0b5ff;border-color:#776090;background:#3e2f4d}
#app .invest-refresh .invest-activity-metrics article:nth-child(4) .invest-activity-metric-icon{color:#f1d080;border-color:#887243;background:#483d27}
#app .invest-refresh .invest-activity-next{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px!important}
#app .invest-refresh .invest-activity-next :is(.invest-activity-cash-cta,.invest-trade-guidance){
 display:flex!important;align-items:center;flex-wrap:wrap;gap:13px!important;
 padding:18px 17px!important;min-height:115px;
 border:1px solid #537861!important;border-radius:13px!important;
 background:#203228!important;box-shadow:none!important;
}
#app .invest-refresh .invest-activity-next .invest-trade-guidance{justify-content:space-between!important}
#app .invest-refresh .invest-activity-cash-cta>div,
#app .invest-refresh .invest-trade-guidance-copy{flex:1 1 160px;min-width:0}
#app .invest-refresh .invest-activity-cash-cta strong,
#app .invest-refresh .invest-trade-guidance-copy strong{display:block;font-size:14px!important;color:#eef8ef}
#app .invest-refresh .invest-activity-cash-cta p,
#app .invest-refresh .invest-trade-guidance-copy p{font-size:11px!important;color:#b0c8b4!important;line-height:1.5}
#app .invest-refresh .invest-trade-guidance-copy .invest-kicker{display:none!important}
#app .invest-refresh .invest-activity-cta-icon{
 display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;
 border:1px solid #6a9f72;background:#294b32;color:#c6edce;font-size:24px;
}
#app .invest-refresh .invest-activity-next button{
 min-height:38px!important;padding:9px 12px!important;white-space:nowrap;
 border-radius:9px!important;
}
#app .invest-refresh .invest-activity-legend{display:none!important}
#app .invest-refresh .invest-activity-history{
 display:flex;flex-direction:column;gap:12px;padding:20px 23px;
 border:1px solid var(--broker-line);border-radius:15px;background:var(--broker-panel);min-width:0;
}
#app .invest-refresh .invest-activity-history-head{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
}
#app .invest-refresh .invest-activity-history-head h4{font-size:17px!important;letter-spacing:-.02em;color:#eef8f1;margin:0 0 3px}
#app .invest-refresh .invest-activity-history-head p{font-size:11px;color:#9db5a4;margin:0}
#app .invest-refresh .invest-activity-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
#app .invest-refresh .invest-activity-filters label{display:grid;gap:4px;font-size:10px;color:#aac5af}
#app .invest-refresh .invest-activity-filters select{
 min-height:38px!important;max-width:210px;min-width:120px;
 background:#1b2d24!important;color:#e4f2e5!important;
 border:1px solid #4a6650!important;border-radius:9px!important;
 padding:8px 11px!important;font-size:12px!important;
}
#app .invest-refresh .invest-activity-list{display:grid;gap:9px}
#app .invest-refresh .invest-activity-card[hidden],
#app .invest-refresh .invest-activity-filter-empty[hidden]{display:none!important}
#app .invest-refresh .invest-activity-filter-empty{padding:28px 12px;color:#abc4b0;text-align:center}
#app .invest-refresh .invest-activity-brokerage .invest-activity-empty{
 display:flex!important;flex-direction:column;align-items:center;justify-content:center;
 text-align:center;gap:9px;min-height:230px;margin:0!important;padding:26px!important;
 border:1px dashed #4e7156!important;border-radius:14px!important;
 background:linear-gradient(155deg,#1b2b25,#1b2621)!important;
}
#app .invest-refresh .invest-activity-empty-icon{
 display:grid;place-items:center;width:52px;height:52px;border-radius:13px;
 background:#2a4534;border:1px solid #628a69;color:#bcdfc2;font-size:27px;
}
#app .invest-refresh .invest-activity-empty strong{font-size:17px!important;color:#f0f8ef!important}
#app .invest-refresh .invest-activity-empty>span:not(.invest-activity-empty-icon){
 max-width:51ch;font-size:12px!important;color:#b5c8b6!important;line-height:1.5;
}
/* Accounts: 11 entries should look like 11 rows, not 11 large settings panels. */
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel{
 display:flex!important;flex-direction:column!important;gap:15px!important;
 padding:0!important;border:0!important;background:transparent!important;min-width:0;
}
#app .invest-refresh .invest-account-page-hero{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;
 padding:22px 25px;border:1px solid var(--broker-line);border-radius:15px;
 background:linear-gradient(110deg,#1f3029,#192820);
}
#app .invest-refresh .invest-account-page-hero h3{
 font-size:clamp(24px,3vw,34px)!important;letter-spacing:-.035em!important;
 margin:5px 0 7px;color:#f2faf2;
}
#app .invest-refresh .invest-account-page-hero p{
 max-width:64ch;color:#adbfaf;font-size:12px!important;line-height:1.55;
}
#app .invest-refresh .invest-account-page-count{
 display:grid;gap:3px;min-width:110px;text-align:center;
 border-left:1px solid #48624c;padding:0 12px 0 22px;
}
#app .invest-refresh .invest-account-page-count strong{
 font-size:33px!important;letter-spacing:-.04em;line-height:1;color:#eff9f0;
}
#app .invest-refresh .invest-account-page-count small{color:#aec9b4;font-size:11px;max-width:160px}
#app .invest-refresh .invest-account-picker:empty{display:none!important}
#app .invest-refresh .invest-account-picker .invest-add-account{
 margin:0!important;padding:13px 16px!important;background:#1c2b23!important;
 border:1px solid var(--broker-line)!important;border-radius:13px!important;
 display:flex;align-items:center;gap:8px;
}
#app .invest-refresh .invest-account-picker select{
 flex:1;min-width:0;min-height:40px;background:#1a2b22;color:#eef7ef;
 border:1px solid #4a6751;border-radius:9px;padding:9px 11px;font-size:13px;
}
#app .invest-refresh .invest-account-picker button{min-height:40px}
#app .invest-refresh .invest-account-table{
 border:1px solid var(--broker-line);border-radius:15px;
 background:#1a2923;min-width:0;overflow:hidden;
}
#app .invest-refresh .invest-account-table-head{
 display:grid!important;
 grid-template-columns:minmax(190px,2fr) minmax(92px,.85fr) minmax(110px,1fr) minmax(134px,1.05fr) minmax(72px,.56fr) minmax(111px,.85fr) 17px;
 align-items:center;gap:10px;padding:13px 17px 13px 54px;
 background:#16251f;border-bottom:1px solid #425746;
 color:#9eb7a5;font-size:10px;letter-spacing:.04em;
 text-transform:uppercase;font-weight:750;
}
#app .invest-refresh .invest-account-configs{
 display:flex!important;flex-direction:column!important;gap:0!important;
 margin:0!important;padding:0!important;border:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row{
 display:block!important;min-width:0!important;padding:0!important;margin:0!important;
 border:0!important;border-bottom:1px solid #3a4d3f!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#app .invest-refresh .invest-account-row:last-child{border-bottom:0!important}
#app .invest-refresh .invest-account-row:hover{background:#22352a!important}
#app .invest-refresh .invest-account-row-layout{
 display:grid!important;grid-template-columns:36px minmax(0,1fr)!important;
 gap:0!important;align-items:stretch!important;min-width:0;
}
#app .invest-refresh .invest-account-order-controls{
 display:flex;align-items:center;justify-content:center;min-width:0;
 padding-left:7px;overflow:hidden;
}
#app .invest-refresh .invest-account-order-controls button{
 min-width:27px!important;min-height:27px!important;padding:5px!important;
 border:0!important;background:transparent!important;color:#81a18b!important;
}
#app .invest-refresh .invest-account-details{min-width:0;width:100%}
#app .invest-refresh .invest-account-summary{
 display:grid!important;
 grid-template-columns:minmax(190px,2fr) minmax(92px,.85fr) minmax(110px,1fr) minmax(134px,1.05fr) minmax(72px,.56fr) minmax(111px,.85fr) 17px!important;
 gap:10px!important;align-items:center!important;
 padding:14px 17px!important;cursor:pointer;min-height:65px;
 list-style:none!important;
}
#app .invest-refresh .invest-account-summary::-webkit-details-marker{display:none}
#app .invest-refresh .invest-account-summary::marker{content:""}
#app .invest-refresh .invest-account-summary>span,
#app .invest-refresh .invest-account-summary>strong{min-width:0}
#app .invest-refresh .invest-account-summary .invest-account-name{
 display:grid!important;gap:4px!important;align-content:center;
 padding:0!important;margin:0!important;background:transparent!important;
 border:0!important;min-width:0!important;
}
#app .invest-refresh .invest-account-name strong{
 color:#eff9ee!important;font-size:13px!important;line-height:1.2!important;
 overflow-wrap:anywhere;letter-spacing:-.01em;
}
#app .invest-refresh .invest-account-name small{
 color:#9eb7a6!important;font-size:11px!important;line-height:1.35!important;
}
#app .invest-refresh .invest-account-summary-value{
 font-size:15px!important;line-height:1.35;color:#f1f8f0!important;
 font-weight:760;letter-spacing:-.015em;font-variant-numeric:tabular-nums;
}
#app .invest-refresh .invest-account-summary-source,
#app .invest-refresh .invest-account-summary-owner,
#app .invest-refresh .invest-account-summary-holdings{
 color:#b4c9b8!important;font-size:12px!important;line-height:1.42;
}
#app .invest-refresh .invest-account-status-badge{
 display:inline-flex!important;align-items:center;gap:7px;justify-self:start;
 padding:7px 10px!important;border:1px solid #426449!important;
 background:#263f2d!important;color:#bee3c6!important;border-radius:22px!important;
 font-size:10px!important;font-weight:690!important;white-space:nowrap;
}
#app .invest-refresh .invest-account-status-badge:before{
 content:"";width:6px;height:6px;flex:none;border-radius:50%;
 background:#8fcb9b;box-shadow:0 0 7px rgba(132,211,152,.25);
}
#app .invest-refresh .invest-account-status-badge.has-holdings{
 border-color:#667a54!important;background:#34412c!important;color:#d2e9bf!important;
}
#app .invest-refresh .invest-account-row-chevron{
 font-size:17px;line-height:1;color:#aac6af;transition:transform .15s;
}
#app .invest-refresh .invest-account-details[open] .invest-account-row-chevron{transform:rotate(180deg)}
#app .invest-refresh .invest-account-details[open] .invest-account-summary{
 background:#293b2f;border-bottom:1px solid #46624d;
}
#app .invest-refresh .invest-account-edit-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 align-items:start!important;gap:13px!important;min-width:0!important;
 padding:18px 20px!important;background:#1f3026!important;
}
#app .invest-refresh .invest-account-edit-grid>label{
 display:grid!important;min-width:0!important;gap:6px!important;
 padding:0!important;margin:0!important;border:0!important;
 background:none!important;
}
#app .invest-refresh .invest-account-edit-grid>label>span{
 color:#a9c7b0!important;font-size:11px!important;font-weight:660!important;
}
#app .invest-refresh .invest-account-edit-grid :is(input,select){
 width:100%!important;min-width:0!important;min-height:42px!important;
 border:1px solid #4b6a52!important;background:#16281e!important;
 border-radius:9px!important;padding:9px 11px!important;color:#edf8ee!important;
 font-size:13px!important;
}
#app .invest-refresh .invest-account-edit-grid .invest-account-reconcile{
 grid-column:1/-1!important;min-width:0!important;gap:5px!important;
 border:1px solid #4b6651!important;padding:12px 14px!important;
}
#app .invest-refresh .invest-account-edit-grid .invest-account-detail{
 grid-column:1/-1!important;min-width:0!important;display:flex!important;
 flex-direction:row!important;align-items:center!important;gap:9px!important;
 padding:0!important;
}
#app .invest-refresh .invest-account-source-help{
 padding:13px 17px;border:1px solid #3e5545;border-radius:12px;
 background:#1b2923;color:#b1c8b7;font-size:12px;
}
#app .invest-refresh .invest-account-source-help summary{cursor:pointer;color:#c4e2c9;font-weight:660;font-size:12px}
#app .invest-refresh .invest-account-source-help p{margin:10px 0 0;line-height:1.55;font-size:12px}
/* The layout is usable at laptop half-width and on mobile, no horizontal page overflow. */
@media(max-width:1100px){
 #app .invest-refresh .invest-activity-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #app .invest-refresh .invest-activity-next{grid-template-columns:minmax(0,1fr)!important}
 #app .invest-refresh .invest-account-table-head{
  grid-template-columns:minmax(190px,2fr) minmax(92px,.85fr) minmax(106px,1fr) minmax(96px,.7fr) 17px!important;
 }
 #app .invest-refresh .invest-account-table-head span:nth-child(4),
 #app .invest-refresh .invest-account-table-head span:nth-child(5){display:none!important}
 #app .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(190px,2fr) minmax(92px,.85fr) minmax(106px,1fr) minmax(96px,.7fr) 17px!important;
 }
 #app .invest-refresh .invest-account-summary-owner,
 #app .invest-refresh .invest-account-summary-holdings{display:none!important}
}
@media(max-width:850px){
 #app .invest-refresh .invest-performance-stats,
 #app .wmd-workspace--investments .invest-refresh .invest-performance-stats{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #app .invest-refresh .invest-holdings-brokerage .invest-position-summary,
 #app .invest-refresh .invest-holdings-brokerage.invest-holdings-empty .invest-position-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #app .invest-refresh .invest-clarity{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #app .invest-refresh .invest-clarity .invest-clarity-completeness{
  padding-left:8px!important;border-left:0!important;border-top:1px solid #4d6c52!important;
  padding-top:15px!important;
 }
 #app .invest-refresh .invest-account-table-head{
  grid-template-columns:minmax(110px,1.5fr) minmax(80px,.85fr) minmax(115px,1fr) 17px!important;
  gap:8px;padding-left:38px!important;padding-right:9px!important;
 }
 #app .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(110px,1.5fr) minmax(80px,.85fr) minmax(115px,1fr) 17px!important;
  gap:8px!important;padding:11px 9px!important;
 }
 #app .invest-refresh .invest-account-table-head span:nth-child(6),
 #app .invest-refresh .invest-account-summary .invest-account-status-badge{display:none!important}
 #app .invest-refresh .invest-account-summary-source{font-size:11px!important}
 #app .invest-refresh .invest-account-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:600px){
 #app .invest-refresh .invest-activity-metrics{gap:8px!important}
 #app .invest-refresh .invest-activity-metrics article{padding:11px;gap:9px;min-height:93px}
 #app .invest-refresh .invest-activity-metric-icon{width:34px;height:34px;font-size:17px}
 #app .invest-refresh .invest-activity-metrics article strong{font-size:23px!important}
 #app .invest-refresh .invest-activity-hero,
 #app .invest-refresh .invest-account-page-hero{padding:17px 14px}
 #app .invest-refresh .invest-activity-history{padding:15px 12px}
 #app .invest-refresh .invest-activity-filters{width:100%}
 #app .invest-refresh .invest-activity-filters label{flex:1 1 145px;min-width:0}
 #app .invest-refresh .invest-activity-filters select{min-width:0;width:100%;max-width:none}
 #app .invest-refresh .invest-account-page-count{border:0;text-align:left;display:flex;align-items:baseline;padding:0}
 #app .invest-refresh .invest-account-page-count strong{font-size:25px!important}
 #app .invest-refresh .invest-account-picker .invest-add-account{flex-wrap:wrap}
 #app .invest-refresh .invest-account-picker select{width:100%;flex:1 1 100%}
 #app .invest-refresh .invest-account-table-head{display:none!important}
 #app .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(0,1fr) minmax(80px,.55fr) 17px!important;
  gap:7px!important;padding:12px 8px!important;
 }
 #app .invest-refresh .invest-account-summary-source,
 #app .invest-refresh .invest-account-summary-owner,
 #app .invest-refresh .invest-account-summary-holdings,
 #app .invest-refresh .invest-account-status-badge{display:none!important}
 #app .invest-refresh .invest-account-summary-value{text-align:right;font-size:14px!important}
 #app .invest-refresh .invest-account-name strong{font-size:12px!important}
 #app .invest-refresh .invest-account-edit-grid{grid-template-columns:minmax(0,1fr)!important;padding:14px!important}
 #app .invest-refresh .invest-holdings-brokerage>.invest-panel-head{padding:17px 14px!important}
 #app .invest-refresh .invest-holdings-brokerage .invest-position-summary>div{padding:12px!important;min-height:92px!important}
 #app .invest-refresh .invest-holdings-first-steps{min-height:245px!important}
 #app .invest-refresh .invest-holdings-paths{display:grid;grid-template-columns:minmax(0,1fr);width:100%;max-width:350px}
 #app .invest-refresh .invest-holdings-paths button{width:100%}
 #app .invest-refresh .invest-performance-stats>article{padding:12px!important;min-height:96px!important}
 #app .invest-refresh .invest-clarity{padding:13px 12px!important}
}
@media(prefers-reduced-motion:reduce){
 #app .invest-refresh .invest-account-row-chevron{transition:none!important}
}


/* Respect the new Appearance selector. The original scheme keeps the sage
   Investors identity; unified color schemes use the chosen workspace palette. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .wmd-workspace--investments .invest-refresh{
  --broker-panel:var(--wmd-theme-panel,#1b2924);
  --broker-panel-deep:var(--wmd-theme-deep,#15231e);
  --broker-line:var(--wmd-theme-line,#405b4b);
  --broker-muted:var(--wmd-theme-muted,#a7c1af);
  --broker-ink:var(--wmd-theme-text,#eef8ef);
  --broker-accent:var(--wmd-theme-accent,#b4dfb9);
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-perf,.invest-performance-stats>article,.invest-account-overview,
 .invest-overview-grid>.invest-panel,.invest-activity-history,
 .invest-activity-metrics>article,.invest-account-table,
 .invest-accounts-config-panel .invest-account-source-help,
 .invest-accounts-config-panel .invest-add-account,
 .invest-holdings-brokerage .invest-position-summary>div,
 .invest-holdings-brokerage .invest-holdings-toolbar){
  background:var(--wmd-theme-panel)!important;
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-clarity,.invest-account-page-hero,.invest-activity-hero,
 .invest-holdings-brokerage>.invest-panel-head,
 .invest-activity-next .invest-trade-guidance,
 .invest-activity-next .invest-activity-cash-cta){
  background:linear-gradient(135deg,var(--wmd-theme-raised),var(--wmd-theme-panel))!important;
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-account-summary-value,.invest-holdings-brokerage .invest-position-summary>div strong,
 .invest-performance-stats>article strong,.invest-activity-hero h3,.invest-activity-metrics article strong){
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-account-row:hover,.invest-account-details[open] .invest-account-summary){
  background:var(--wmd-theme-raised)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-holdings-snap,.invest-perf-add-action,.invest-activity-hero .invest-primary,
 .invest-activity-next .invest-primary){
  background:var(--wmd-theme-accent)!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-deep)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh :is(
 .invest-account-status-badge,.invest-perf-data-quality-pill){
  background:color-mix(in srgb,var(--wmd-theme-accent) 10%,var(--wmd-theme-panel))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 35%,var(--wmd-theme-line))!important;
  color:var(--wmd-theme-text)!important;
}


/* 2026-10-17 | Investments mobile reading rhythm.
   Presentation only: never infer returns, holdings, account owners, or balances.
   Uses the existing Appearance palette and protects 320px / half-screen layouts. */
@media(max-width:900px){
 #app .wmd-workspace--investments .invest-refresh .invest-clarity,
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto!important;align-items:stretch!important;
  gap:0!important;min-width:0!important;max-width:100%!important;
  padding:19px!important;border:1px solid var(--broker-line)!important;
  border-radius:17px!important;
  background:linear-gradient(145deg,var(--broker-panel),var(--broker-panel-deep))!important;
  box-shadow:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity>div,
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity>div{
  grid-column:1!important;grid-row:auto!important;display:block!important;
  min-width:0!important;max-width:100%!important;min-height:0!important;
  padding:0!important;margin:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-completeness{
  border:0!important;border-top:1px solid var(--broker-line)!important;
  margin-top:17px!important;padding:14px 0 0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-top{
  border:0!important;border-top:1px solid var(--broker-line)!important;
  margin-top:16px!important;padding-top:14px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-focus h3{
  max-width:100%!important;margin:5px 0 7px!important;
  font-size:clamp(19px,3.1vw,24px)!important;line-height:1.18!important;
  letter-spacing:-.035em!important;overflow-wrap:normal;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-focus p{
  font-size:13px!important;line-height:1.5!important;margin:0!important;
  max-width:54ch!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity-coverage{
  display:flex!important;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:6px 13px!important;margin:0 0 5px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity-coverage strong{
  font-size:clamp(24px,4vw,30px)!important;line-height:1.1!important;
  color:var(--broker-ink)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity-coverage span{
  flex:1 1 125px;text-align:right;color:var(--broker-muted)!important;
  font-size:11px!important;line-height:1.35!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity-track{
  height:5px!important;margin:8px 0 7px!important;
 }
 #app .wmd-workspace--investments .invest-refresh :is(.invest-activity-metrics,.invest-performance-stats),
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-performance-stats{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;min-width:0!important;width:100%!important;
 }
 #app .wmd-workspace--investments .invest-refresh :is(.invest-activity-metrics,.invest-performance-stats)>article{
  min-width:0!important;max-width:100%!important;
  box-sizing:border-box!important;overflow-wrap:normal;
 }
 #app .wmd-workspace--investments .invest-refresh :is(.invest-activity-metrics,.invest-performance-stats)>article :is(span,small){
  max-width:100%;white-space:normal!important;word-break:normal!important;
  overflow-wrap:break-word;
 }
}
@media(max-width:700px){
 #app .wmd-workspace--investments .invest-refresh,
 #app .wmd-workspace--investments .invest-refresh .invest-investor-layout{
  gap:15px!important;min-width:0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity,
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity{
  padding:17px!important;border-radius:16px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-focus h3{
  font-size:22px!important;max-width:100%!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-setup-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;margin:15px 0 0!important;width:100%;min-width:0;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-setup-actions button{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:46px!important;padding:10px 11px!important;
  font-size:12px!important;font-weight:740!important;line-height:1.28!important;
  text-align:center!important;white-space:normal!important;overflow-wrap:normal;
  border-radius:11px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-performance-stats>article{
  min-height:96px!important;padding:14px!important;gap:6px!important;
  border-radius:13px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-performance-stats>article :is(span,small){
  font-size:10px!important;line-height:1.35!important;
  letter-spacing:.025em!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-performance-stats>article strong{
  font-size:clamp(22px,6vw,27px)!important;line-height:1.1!important;
 }
 /* Four narrow desktop metrics produced word-by-word columns on iPhone.
    A 2x2 grid avoids clipped labels without hiding any financial figures. */
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-content:space-between!important;align-items:start!important;
  min-height:114px!important;padding:15px 14px!important;gap:9px!important;
  border-radius:13px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metric-icon{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article>div{
  min-width:0!important;gap:6px!important;align-content:start;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article>div>span{
  font-size:10px!important;line-height:1.4!important;
  letter-spacing:.055em!important;overflow-wrap:normal!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article strong{
  font-size:clamp(22px,6vw,28px)!important;line-height:1.1!important;
  font-variant-numeric:tabular-nums;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article small{
  font-size:10.5px!important;line-height:1.35!important;
 }
 /* Portfolio accounts: a light, deliberate list rather than 11 tall panels. */
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel{
  min-width:0!important;max-width:100%!important;
  padding:18px 13px 15px!important;
  border:1px solid var(--broker-line)!important;border-radius:16px!important;
  background:var(--broker-panel-deep)!important;box-shadow:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head{
  display:block!important;margin:0 0 15px!important;padding:0 2px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head h3{
  margin:5px 0!important;font-size:21px!important;line-height:1.2!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head p{
  margin:5px 0 0!important;font-size:12px!important;line-height:1.45!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-panel-head>small{
  text-align:left!important;font-size:11px!important;margin:8px 0 0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-account-snapshot-head{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-account-snapshot{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(96px,.67fr)!important;
  gap:3px 10px!important;align-items:center!important;
  min-height:76px!important;max-width:100%!important;min-width:0!important;
  margin:0 0 8px!important;padding:13px 13px!important;
  border:1px solid var(--broker-line)!important;border-radius:12px!important;
  background:var(--broker-panel)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-account-snapshot:last-child{
  margin-bottom:0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-main{
  grid-column:1!important;grid-row:1!important;min-width:0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-balance-cell{
  grid-column:2!important;grid-row:1!important;min-width:0!important;
  text-align:right!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-copy strong{
  display:block;color:var(--broker-ink)!important;
  font-size:14px!important;line-height:1.3!important;font-weight:745!important;
  letter-spacing:-.01em!important;overflow-wrap:break-word!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-copy span{
  font-size:11px!important;line-height:1.35!important;color:var(--broker-muted)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-balance-cell strong{
  font-size:17px!important;line-height:1.22!important;
  font-weight:770!important;letter-spacing:-.025em!important;
  color:var(--broker-ink)!important;font-variant-numeric:tabular-nums;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-balance-cell span{
  font-size:10.5px!important;line-height:1.35!important;
  color:var(--broker-muted)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-snapshot>.invest-account-performance{
  grid-column:1/-1!important;grid-row:2!important;min-width:0!important;
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;
  gap:8px!important;text-align:left!important;padding:6px 0 0!important;
  border-top:1px solid var(--broker-line);
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel.invest-accounts-untracked .invest-account-snapshot>.invest-account-performance.invest-no-gain-data{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel.invest-accounts-collapsed .invest-account-deferred{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-mobile-accounts-toggle{
  display:flex!important;align-items:center;justify-content:center;gap:8px;
  width:100%!important;min-height:45px!important;padding:10px 14px!important;
  margin:7px 0 0!important;background:var(--broker-panel)!important;
  border:1px solid var(--broker-line)!important;border-radius:11px!important;
  color:var(--broker-accent)!important;font-size:12px!important;font-weight:760!important;
  text-align:center;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-mobile-accounts-toggle:hover{
  border-color:var(--broker-accent)!important;
 }
 /* Give every floating action room at the end of the page, rather than
    allowing it to obscure the final account row or disclosure. */
 #app .wmd-workspace--investments .invest-page.invest-refresh{
  padding-bottom:max(128px,calc(env(safe-area-inset-bottom) + 108px))!important;
 }
 /* Editable Accounts tab: its rows share the same legible card vocabulary. */
 #app .wmd-workspace--investments .invest-refresh .invest-account-table{
  border:0!important;background:transparent!important;overflow:visible!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-configs{
  gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-row.invest-account-config{
  border:1px solid var(--broker-line)!important;
  border-radius:12px!important;background:var(--broker-panel)!important;
  overflow:hidden!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  min-height:68px!important;padding:13px 10px!important;gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-name strong{
  font-size:13px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid{
  grid-template-columns:minmax(0,1fr)!important;padding:14px!important;
 }
 /* Keep the full disclosure accessible, but behind a deliberate tap. */
 #app .wmd-workspace--investments .invest-refresh .invest-perf-setup{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:11px!important;min-width:0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-perf-setup>div{
  min-width:0!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-perf-method-disclosure,
 #app .wmd-workspace--investments .invest-refresh .invest-perf-update-details{
  margin:11px 0 0!important;font-size:11px!important;
  line-height:1.5!important;color:var(--broker-muted)!important;
 }
 #app .wmd-workspace--investments .invest-refresh :is(.invest-perf-method-disclosure,.invest-perf-update-details)>summary{
  cursor:pointer!important;list-style:auto!important;
  font-size:11px!important;color:var(--broker-accent)!important;
  font-weight:700!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-perf-method-disclosure{
  padding:10px 0 0!important;border-top:1px solid var(--broker-line)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-perf-method-disclosure .invest-perf-disclaimer{
  margin:9px 0 0!important;font-size:11px!important;line-height:1.5!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-perf-update-details p{
  margin:7px 0 0!important;font-size:11px!important;line-height:1.45!important;
 }
}
@media(min-width:701px){
 #app .wmd-workspace--investments .invest-refresh .invest-mobile-accounts-toggle{
  display:none!important;
 }
}
@media(max-width:355px){
 #app .wmd-workspace--investments .invest-refresh .invest-setup-actions{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-activity-metrics article{
  padding:12px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-accounts-panel .invest-account-snapshot{
  padding:12px 10px!important;
  grid-template-columns:minmax(0,1fr) minmax(92px,.58fr)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace--investments .invest-refresh .invest-mobile-accounts-toggle{
  transition:none!important;
 }
}


/* On the Investments workspace, Snapper is also offered contextually in
   the portfolio itself. Keep the global shortcut accessible as a compact
   camera instead of covering an account name while someone scrolls. */
@media(max-width:700px){
 body:has(#app .wmd-workspace--investments) .global-photo-floating{
  display:inline-flex!important;
  align-items:center!important;justify-content:center!important;
  width:48px!important;min-width:48px!important;height:48px!important;
  min-height:48px!important;max-width:48px!important;
  padding:0!important;gap:0!important;font-size:0!important;
  left:max(15px,env(safe-area-inset-left))!important;
  bottom:max(17px,env(safe-area-inset-bottom))!important;
  border-radius:50%!important;
 }
 body:has(#app .wmd-workspace--investments) .global-photo-floating svg{
  width:21px!important;height:21px!important;flex:none!important;
 }
 body:has(#app .wmd-workspace--investments) .global-photo-floating :is(span,b,strong){
  font-size:0!important;width:0!important;overflow:hidden!important;
 }
}

/* Investment Accounts · coordinated with the signed-in page's slate surfaces.
   Accounts are sourced from Net Worth. The accent communicates actions, never
   recolors balances or makes manual accounts appear Plaid-connected. */
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel{
 --inv-accounts-base:#15232b;
 --inv-accounts-row:#1b2a32;
 --inv-accounts-raised:#243640;
 --inv-accounts-border:#38505a;
 --inv-accounts-border-soft:rgba(173,198,204,.15);
 --inv-accounts-copy:#eef7f5;
 --inv-accounts-muted:#aec3c4;
 --inv-accounts-accent:var(--wmd-accent,#a9cfa9);
 gap:13px!important;min-width:0!important;background:transparent!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) .invest-refresh .invest-accounts-config-panel{
 --inv-accounts-base:var(--wmd-theme-deep,#15232b);
 --inv-accounts-row:var(--wmd-theme-panel,#1b2a32);
 --inv-accounts-raised:var(--wmd-theme-raised,#243640);
 --inv-accounts-border:var(--wmd-theme-line,#38505a);
 --inv-accounts-border-soft:var(--wmd-theme-line-soft,#30444e);
 --inv-accounts-copy:var(--wmd-theme-text,#eef7f5);
 --inv-accounts-muted:var(--wmd-theme-muted,#aec3c4);
 --inv-accounts-accent:var(--wmd-theme-accent,#a9cfa9);
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-hero{
 display:flex!important;align-items:center!important;min-width:0!important;
 gap:22px!important;padding:24px 27px!important;min-height:0!important;
 border:1px solid var(--inv-accounts-border)!important;border-radius:16px!important;
 background:linear-gradient(125deg,var(--inv-accounts-raised),var(--inv-accounts-base))!important;
 box-shadow:0 8px 26px rgba(3,12,15,.10)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-hero .invest-kicker{
 display:block;margin-bottom:5px!important;color:var(--inv-accounts-accent)!important;
 letter-spacing:.115em!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-hero h3{
 font-size:clamp(23px,2.3vw,29px)!important;line-height:1.15!important;
 margin:0 0 7px!important;color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-hero p{
 max-width:57ch!important;margin:0!important;color:var(--inv-accounts-muted)!important;
 font-size:12px!important;line-height:1.5!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-count{
 display:grid!important;gap:5px!important;justify-items:center!important;
 margin-left:auto!important;padding:0 6px 0 24px!important;
 min-width:112px!important;flex:0 0 auto;border-left:1px solid var(--inv-accounts-border)!important;
 color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-count strong{
 font-size:33px!important;line-height:1!important;letter-spacing:-.06em!important;
 color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-count small{
 color:var(--inv-accounts-muted)!important;font-size:11px!important;
 text-align:center!important;line-height:1.35!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-picker{
 display:block!important;min-width:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide{
 display:flex;align-items:center;gap:13px;min-width:0;
 padding:13px 16px!important;
 border:1px solid var(--inv-accounts-border)!important;border-radius:13px!important;
 background:var(--inv-accounts-row)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-icon{
 display:grid;place-items:center;flex:0 0 30px;
 width:30px;height:30px;border-radius:50%;
 color:var(--inv-accounts-accent)!important;
 background:color-mix(in srgb,var(--inv-accounts-accent) 11%,transparent);
 font-size:15px;font-weight:800;border:1px solid color-mix(in srgb,var(--inv-accounts-accent) 30%,transparent);
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-copy{
 display:grid;gap:4px;flex:1 1 auto;min-width:0;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-copy strong{
 color:var(--inv-accounts-copy)!important;font-size:13px!important;
 font-weight:730!important;line-height:1.25!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-copy small{
 color:var(--inv-accounts-muted)!important;font-size:11px!important;
 line-height:1.4!important;overflow-wrap:break-word;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide button{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 flex:none;min-height:39px!important;margin:0!important;
 padding:8px 12px!important;border:1px solid var(--inv-accounts-border)!important;
 border-radius:9px!important;background:transparent!important;
 color:var(--inv-accounts-accent)!important;
 font-size:12px!important;font-weight:720!important;white-space:nowrap!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide button:hover{
 background:color-mix(in srgb,var(--inv-accounts-accent) 9%,var(--inv-accounts-row))!important;
 border-color:var(--inv-accounts-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table{
 min-width:0!important;overflow:hidden!important;
 border:1px solid var(--inv-accounts-border)!important;border-radius:14px!important;
 background:var(--inv-accounts-base)!important;box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head,
#app .wmd-workspace--investments .invest-refresh .invest-account-summary{
 grid-template-columns:minmax(174px,2.4fr) minmax(110px,1fr) minmax(122px,1.1fr) minmax(74px,.65fr) minmax(106px,.87fr) 18px!important;
 column-gap:15px!important;min-width:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head{
 display:grid!important;align-items:center!important;
 padding:14px 19px 14px 57px!important;
 border-bottom:1px solid var(--inv-accounts-border)!important;
 background:var(--inv-accounts-raised)!important;
 color:var(--inv-accounts-muted)!important;
 font-size:10px!important;letter-spacing:.085em!important;font-weight:750!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head span:nth-child(4),
#app .wmd-workspace--investments .invest-refresh .invest-account-summary-owner{
 display:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head span:nth-child(2){
 text-align:right!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-configs{
 display:flex!important;flex-direction:column!important;gap:0!important;
 background:var(--inv-accounts-base)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row{
 border:0!important;border-bottom:1px solid var(--inv-accounts-border-soft)!important;
 background:var(--inv-accounts-base)!important;border-radius:0!important;
 box-shadow:none!important;transition:background-color .15s ease!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row:last-child{
 border-bottom:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row:hover,
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row:focus-within{
 background:var(--inv-accounts-row)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-row-layout{
 grid-template-columns:39px minmax(0,1fr)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-order-controls{
 padding-left:8px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-order-controls button{
 color:var(--inv-accounts-muted)!important;opacity:.7;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-order-controls button:hover{
 opacity:1;color:var(--inv-accounts-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary{
 display:grid!important;align-items:center!important;
 padding:15px 19px!important;min-height:72px!important;gap:4px 15px!important;
 background:transparent!important;outline-offset:-3px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary .invest-account-name strong{
 font-size:14px!important;font-weight:750!important;line-height:1.35!important;
 color:var(--inv-accounts-copy)!important;letter-spacing:-.01em!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary .invest-account-name small{
 color:var(--inv-accounts-muted)!important;font-size:11px!important;
 line-height:1.3!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary-value{
 justify-self:end!important;text-align:right!important;
 font-size:17px!important;font-weight:760!important;
 color:var(--inv-accounts-copy)!important;letter-spacing:-.025em!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary-source,
#app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
 font-size:11px!important;line-height:1.45!important;
 color:var(--inv-accounts-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge{
 justify-self:start!important;min-height:26px!important;
 padding:5px 9px!important;border-radius:99px!important;
 border:1px solid var(--inv-accounts-border)!important;
 background:var(--inv-accounts-row)!important;
 color:var(--inv-accounts-muted)!important;font-weight:670!important;
 font-size:10px!important;box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge:before{
 background:var(--inv-accounts-muted)!important;box-shadow:none!important;
 width:5px!important;height:5px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge.has-holdings{
 border-color:color-mix(in srgb,var(--inv-accounts-accent) 38%,var(--inv-accounts-border))!important;
 color:var(--inv-accounts-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge.has-holdings:before{
 background:var(--inv-accounts-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-row-chevron{
 color:var(--inv-accounts-muted)!important;font-size:18px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-details[open]>.invest-account-summary{
 background:var(--inv-accounts-raised)!important;
 border-bottom:1px solid var(--inv-accounts-border)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:15px!important;min-width:0!important;
 padding:20px 24px!important;background:var(--inv-accounts-row)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid>label>span{
 color:var(--inv-accounts-muted)!important;
 font-size:11px!important;font-weight:700!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid :is(input,select){
 min-height:43px!important;width:100%!important;max-width:100%!important;
 background:var(--inv-accounts-base)!important;
 color:var(--inv-accounts-copy)!important;
 border:1px solid var(--inv-accounts-border)!important;
 border-radius:9px!important;padding:9px 11px!important;
 font-size:13px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid .invest-account-reconcile{
 border:1px solid var(--inv-accounts-border)!important;
 background:var(--inv-accounts-base)!important;border-radius:11px!important;
 color:var(--inv-accounts-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-reconcile strong,
#app .wmd-workspace--investments .invest-refresh .invest-account-detail strong{
 color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-source-help{
 border:1px solid var(--inv-accounts-border)!important;
 border-radius:12px!important;background:var(--inv-accounts-base)!important;
 color:var(--inv-accounts-muted)!important;padding:14px 17px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-source-help summary{
 color:var(--inv-accounts-accent)!important;font-size:12px!important;font-weight:700!important;
}
#app .wmd-workspace--investments .invest-refresh .wmd-account-actions{
 border-color:var(--inv-accounts-border)!important;
}
#app .wmd-workspace--investments .invest-refresh .wmd-account-actions>button{
 border:1px solid var(--inv-accounts-border)!important;
 color:var(--inv-accounts-accent)!important;
 background:var(--inv-accounts-base)!important;border-radius:9px!important;
}
@media(max-width:1100px){
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head,
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(138px,2.1fr) minmax(94px,1fr) minmax(108px,1fr) minmax(74px,.63fr) 18px!important;
  gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head span:nth-child(6),
 #app .wmd-workspace--investments .invest-refresh .invest-account-status-badge{
  display:none!important;
 }
}
@media(max-width:840px){
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head,
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(130px,2fr) minmax(94px,1fr) minmax(118px,1.1fr) 18px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head span:nth-child(5),
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
}
@media(max-width:700px){
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-hero{
  padding:20px 17px!important;gap:12px!important;align-items:flex-start!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-hero h3{
  font-size:22px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-hero p{
  font-size:11px!important;line-height:1.45!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-count{
  display:grid!important;gap:4px!important;min-width:54px!important;
  padding:2px 0 0 11px!important;text-align:right!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-count strong{
  font-size:27px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-count small{
  font-size:10px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide{
  display:grid!important;grid-template-columns:30px minmax(0,1fr)!important;
  gap:7px 10px!important;padding:13px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide button{
  grid-column:1/-1!important;width:100%!important;
  margin-top:3px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head{
  display:none!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-table{
  border:0!important;background:transparent!important;overflow:visible!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-configs{
  gap:9px!important;background:transparent!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row{
  border:1px solid var(--inv-accounts-border)!important;
  border-radius:13px!important;background:var(--inv-accounts-base)!important;
  overflow:hidden!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-row-layout{
  grid-template-columns:25px minmax(0,1fr)!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-order-controls{
  padding-left:1px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-order-controls button{
  min-width:22px!important;padding:3px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(80px,max-content) 17px!important;
  grid-template-rows:auto auto!important;gap:6px 9px!important;
  min-height:70px!important;padding:13px 12px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary .invest-account-name{
  grid-column:1;grid-row:1;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary-value{
  grid-column:2;grid-row:1;font-size:15px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary-source{
  display:block!important;grid-column:1;grid-row:2;
  font-size:10.5px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
  display:block!important;grid-column:2;grid-row:2;
  justify-self:end;text-align:right;font-size:10.5px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-row-chevron{
  grid-column:3;grid-row:1/3;align-self:center;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid{
  grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;padding:15px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid :is(input,select){
  font-size:16px!important;
 }
}
@media(max-width:360px){
 #app .wmd-workspace--investments .invest-refresh .invest-account-page-count{
  min-width:45px!important;padding-left:8px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  grid-template-columns:minmax(0,1fr) minmax(75px,max-content) 15px!important;
  padding:12px 8px!important;column-gap:7px!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row{
  transition:none!important;
 }
}

/* At half-screen widths, restore the Holdings column removed by the older
   five-column admin layout. Each visible heading aligns with its row value. */
@media(min-width:841px) and (max-width:1100px){
 #app .wmd-workspace--investments .invest-refresh .invest-account-table-head span:nth-child(5),
 #app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
  display:block!important;
 }
}
/* Match the app's keyboard navigation and page-level accent affordances. */
#app .wmd-workspace--investments .invest-refresh .invest-account-summary:focus-visible,
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide button:focus-visible{
 outline:2px solid var(--inv-accounts-accent)!important;outline-offset:-3px!important;
}

/* 2026-10-17 Investments finish.
   Reuse the same neutral slate surfaces as Net Worth and Budget. The investments
   identity lives in subtle sage/accent details, not green fill on every panel.
   These are presentational changes only; no gains, losses, data or chart
   series are recalculated. */
#app .wmd-workspace--investments .invest-refresh{
  --broker-panel:var(--wmd-ui-panel,#19252e);
  --broker-panel-deep:var(--wmd-ui-deep,#111c25);
  --broker-line:var(--wmd-ui-line,#384a55);
  --broker-muted:var(--wmd-ui-muted,#b1c0c9);
  --broker-ink:var(--wmd-ui-txt,#eef4f7);
  --broker-accent:var(--wmd-accent,#a9cfa9);
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel{
  --inv-accounts-base:var(--wmd-ui-deep,#111c25);
  --inv-accounts-row:var(--wmd-ui-panel,#19252e);
  --inv-accounts-raised:var(--wmd-ui-raised,#202e38);
  --inv-accounts-border:var(--wmd-ui-line,#384a55);
  --inv-accounts-border-soft:var(--wmd-ui-line-soft,#2c3d47);
  --inv-accounts-copy:var(--wmd-ui-txt,#eef4f7);
  --inv-accounts-muted:var(--wmd-ui-muted,#b1c0c9);
  --inv-accounts-accent:var(--wmd-accent,#a9cfa9);
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf,.invest-performance-stats>article,
  .invest-overview-grid>.invest-panel,.invest-account-overview,
  .invest-accounts-panel,.invest-activity-metrics>article,.invest-activity-history,
  .invest-account-table,.invest-activity-card,
  .invest-holdings-brokerage .invest-position-summary>div
){
  background:var(--broker-panel)!important;
  border-color:var(--broker-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-clarity,.invest-activity-hero,.invest-account-page-hero,
  .invest-holdings-brokerage>.invest-panel-head
){
  background:linear-gradient(135deg,var(--wmd-ui-raised,#202e38),var(--broker-panel))!important;
  border-color:var(--broker-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf-chart-blank,.invest-perf-compare-panel,.invest-perf-recheck,
  .invest-perf-setup,.invest-perf-editor,
  .invest-activity-next .invest-activity-cash-cta,
  .invest-activity-next .invest-trade-guidance,
  .invest-holdings-first-steps,.invest-holdings-toolbar
){
  background:var(--broker-panel-deep)!important;
  border-color:var(--broker-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-panel-head p,.invest-perf p,.invest-perf-identity p,
  .invest-activity-hero p,.invest-activity-history-head p,
  .invest-holdings-first-steps p,.invest-account-page-hero p,
  .invest-clarity .invest-clarity-focus p
){color:var(--broker-muted)!important}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-performance-stats>article strong,.invest-activity-metrics article strong,
  .invest-perf-metric strong,.invest-account-balance-cell strong,
  .invest-account-summary-value,.invest-account-page-count strong
){color:var(--broker-ink)!important}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf-chart-blank,.invest-activity-brokerage .invest-activity-empty
){
  background:var(--broker-panel-deep)!important;
  border-color:var(--broker-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-axis{
  fill:var(--broker-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf :is(input,select),
  .invest-activity-filters select,.invest-account-edit-grid :is(input,select)
){
  background:var(--broker-panel-deep)!important;
  border-color:var(--broker-line)!important;
  color:var(--broker-ink)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf button:not(.active):not([aria-pressed="true"]),
  .invest-holdings-paths button:not(.invest-holdings-snap),
  .invest-activity-next button:not(.invest-primary)
){
  background:var(--wmd-ui-raised,#202e38)!important;
  border-color:var(--broker-line)!important;
  color:var(--broker-ink)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf button.active,.invest-perf button[aria-pressed="true"]
){
  border-color:var(--broker-accent)!important;
  background:color-mix(in srgb,var(--broker-accent) 18%,var(--broker-panel))!important;
  color:var(--broker-ink)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-activity-metric-icon{
  border-color:var(--broker-line)!important;
  background:var(--wmd-ui-raised,#202e38)!important;
}
/* A five-column ledger: the owner/tax remains below the account name. Its
   redundant status chip stays in the editable detail instead of looking
   like an automatic Plaid connection. */
@media(min-width:961px){
  #app .wmd-workspace--investments .invest-refresh
  :is(.invest-account-table-head,.invest-account-summary){
    grid-template-columns:minmax(156px,2fr) minmax(115px,.9fr)
      minmax(132px,1.12fr) minmax(76px,.64fr) 18px!important;
    gap:14px!important;
  }
}
#app .wmd-workspace--investments .invest-refresh
:is(.invest-account-table-head span:nth-child(6),.invest-account-summary .invest-account-status-badge){
  display:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-summary{
  cursor:pointer!important;
  transition:background-color .14s ease!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-row:is(:hover,:focus-within)
 .invest-account-summary{
  background:var(--inv-accounts-row)!important;
}
#app .wmd-workspace--investments .invest-refresh
 .invest-account-details[open]>.invest-account-summary{
  background:var(--inv-accounts-raised)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head{
  background:var(--inv-accounts-row)!important;
  color:var(--inv-accounts-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh
 :is(.invest-account-table,.invest-account-configs,.invest-account-config.invest-account-row){
  background:var(--inv-accounts-base)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-edit-grid{
  background:var(--inv-accounts-row)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-guide{
  background:var(--inv-accounts-row)!important;
  border-color:var(--inv-accounts-border)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-sync-icon{
  color:var(--inv-accounts-accent)!important;
  background:var(--inv-accounts-base)!important;
  border-color:var(--inv-accounts-border)!important;
}
#app .wmd-workspace--investments .invest-refresh
 :is(.invest-account-summary-value,.invest-account-name strong){
  color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh
 :is(.invest-account-summary-source,.invest-account-summary-holdings,.invest-account-name small){
  color:var(--inv-accounts-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh
 .invest-account-summary:focus-visible{
  outline:2px solid var(--inv-accounts-accent)!important;
  outline-offset:-3px!important;
}
#app .wmd-workspace--investments .invest-refresh .wmd-account-actions>button:is(:hover,:focus-visible){
  border-color:var(--inv-accounts-accent)!important;
  background:var(--inv-accounts-raised)!important;
  color:var(--inv-accounts-copy)!important;
}
#app .wmd-workspace--investments .invest-refresh
 .invest-account-overview [data-wmd-account-clickthrough="true"]:is(:hover,:focus-visible){
  background:var(--wmd-ui-raised,#202e38)!important;
}
/* The one prominent capture action should remain distinct from secondary
   chart controls. Gains/losses and destructive Sell remain semantic. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf-add-action,.invest-holdings-snap,
  .invest-holdings-paths button.invest-holdings-snap
){
  background:var(--broker-accent)!important;
  border-color:var(--broker-accent)!important;
  color:var(--broker-panel-deep)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
 :is(.invest-ticker-card,.invest-position,.invest-position-editor,.invest-position-editor-foot){
  background:var(--broker-panel)!important;
  border-color:var(--broker-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
 .invest-position-details>summary{
  background:var(--wmd-ui-raised,#202e38)!important;
  border-color:var(--broker-line)!important;
  color:var(--broker-ink)!important;
}
@media(max-width:960px){
  #app .wmd-workspace--investments .invest-refresh .invest-account-table-head{
    display:none!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-table{
    background:transparent!important;border:0!important;overflow:visible!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-configs{
    background:transparent!important;gap:9px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row{
    border:1px solid var(--inv-accounts-border)!important;
    border-radius:13px!important;
    background:var(--inv-accounts-base)!important;
    overflow:hidden!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-row-layout{
    grid-template-columns:32px minmax(0,1fr)!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-order-controls{
    padding-left:2px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(84px,max-content) 18px!important;
    grid-template-rows:auto auto!important;
    gap:5px 10px!important;
    padding:13px 13px!important;
    min-height:77px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary .invest-account-name{
    grid-column:1!important;grid-row:1!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-value{
    grid-column:2!important;grid-row:1!important;justify-self:end!important;
    text-align:right!important;font-size:15px!important;
    font-variant-numeric:tabular-nums;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-source{
    display:block!important;grid-column:1!important;grid-row:2!important;
    font-size:11px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
    display:block!important;grid-column:2!important;grid-row:2!important;
    justify-self:end!important;text-align:right!important;font-size:11px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-row-chevron{
    grid-column:3!important;grid-row:1/3!important;align-self:center!important;
  }
}
@media(max-width:385px){
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
    grid-template-columns:minmax(0,1fr) 18px!important;
    grid-template-rows:auto auto auto!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-value{
    grid-column:1!important;grid-row:2!important;justify-self:start!important;text-align:left!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-source{
    grid-column:1!important;grid-row:3!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary-holdings{
    grid-column:1!important;grid-row:4!important;justify-self:start!important;text-align:left!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-account-row-chevron{
    grid-column:2!important;grid-row:1/5!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-refresh .invest-account-summary{
    transition:none!important;
  }
}

/* Investment account hover hierarchy, 2026-10-17.
   Saved account balances are NOT performance. The default treatment must be
   neutral dark slate. Use an accent-tinted hover only for navigation/focus.
   The accent follows Appearance (sage in Original; chosen accent otherwise). */
#app .wmd-workspace--investments .invest-refresh .invest-account-overview{
  --invest-snapshot-idle:var(--broker-panel-deep,#111c25);
  --invest-snapshot-hover:color-mix(in srgb,var(--broker-accent,#a9cfa9) 18%,var(--broker-panel-deep,#111c25));
  --invest-snapshot-hover-border:color-mix(in srgb,var(--broker-accent,#a9cfa9) 50%,var(--broker-line,#384a55));
}
#app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-account-snapshot{
  background:var(--invest-snapshot-idle)!important;
  border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
  box-shadow:none!important;
  transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
/* The editable Accounts tab gets the same calm resting state. */
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel{
  --invest-config-hover:color-mix(in srgb,var(--inv-accounts-accent,#a9cfa9) 16%,var(--inv-accounts-base,#111c25));
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel .invest-account-config.invest-account-row{
  background:var(--inv-accounts-base)!important;
}
@media(hover:hover) and (pointer:fine){
  #app .wmd-workspace--investments .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:hover{
    background:var(--invest-snapshot-hover)!important;
    border-color:var(--invest-snapshot-hover-border)!important;
    box-shadow:inset 3px 0 0 var(--broker-accent,#a9cfa9)!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel .invest-account-config.invest-account-row:hover .invest-account-summary{
    background:var(--invest-config-hover)!important;
    box-shadow:inset 3px 0 0 var(--inv-accounts-accent,#a9cfa9)!important;
  }
}
/* Keyboard users see the same visual cue without relying on hover. */
#app .wmd-workspace--investments .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:focus-visible,
#app .wmd-workspace--investments .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:active{
  background:var(--invest-snapshot-hover)!important;
  border-color:var(--invest-snapshot-hover-border)!important;
  box-shadow:inset 3px 0 0 var(--broker-accent,#a9cfa9)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel .invest-account-summary:focus-visible,
#app .wmd-workspace--investments .invest-refresh .invest-accounts-config-panel .invest-account-summary:active{
  background:var(--invest-config-hover)!important;
  box-shadow:inset 3px 0 0 var(--inv-accounts-accent,#a9cfa9)!important;
}
/* Touch browsers can retain :hover after the tap. Do not leave a misleading
   permanent green row once the press has ended. */
@media(hover:none){
  #app .wmd-workspace--investments .invest-refresh .invest-account-overview [data-wmd-account-clickthrough="true"]:hover:not(:focus-visible):not(:active){
    background:var(--invest-snapshot-idle)!important;
    border-color:var(--wmd-ui-line-soft,#2c3d47)!important;
    box-shadow:none!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-account-snapshot{
    transition:none!important;
  }
}

/* Investment performance > Keep it updated
   A compact part of the portfolio panel, not another dark inset card.
   Keep labels and supporting copy neutral; the chosen palette accents hover
   and focus only. The native details controls preserve help and keyboard use. */
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:11px 20px!important;
  padding:3px 0 9px!important;
  margin:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-width:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-intro{
  display:block!important;
  min-width:0!important;
  max-width:55ch!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-intro>strong{
  display:block!important;
  color:var(--broker-ink,#eef4f7)!important;
  font-size:14px!important;
  font-weight:735!important;
  letter-spacing:-.015em!important;
  line-height:1.4!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-intro>p{
  max-width:55ch!important;
  margin:4px 0 0!important;
  color:var(--broker-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.5!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 1 auto!important;
  box-sizing:border-box!important;
  min-height:40px!important;
  min-width:0!important;
  max-width:100%!important;
  width:auto!important;
  padding:9px 13px!important;
  border:1px solid var(--broker-line,#384a55)!important;
  border-radius:9px!important;
  background:var(--wmd-ui-raised,#202e38)!important;
  box-shadow:none!important;
  color:var(--broker-ink,#eef4f7)!important;
  font-size:12px!important;
  line-height:1.32!important;
  font-weight:675!important;
  text-align:center!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  cursor:pointer;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions
 >button[data-invest-perf-snapper]{
  background:color-mix(in srgb,var(--broker-accent,#a9cfa9) 9%,var(--wmd-ui-raised,#202e38))!important;
  border-color:color-mix(in srgb,var(--broker-accent,#a9cfa9) 34%,var(--broker-line,#384a55))!important;
}
@media(hover:hover){
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button:hover{
    background:color-mix(in srgb,var(--broker-accent,#a9cfa9) 13%,var(--wmd-ui-raised,#202e38))!important;
    border-color:var(--broker-accent,#a9cfa9)!important;
  }
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button:focus-visible{
  outline:2px solid var(--broker-accent,#a9cfa9)!important;
  outline-offset:2px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure){
  min-width:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-update-details{
  grid-column:1/-1!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  color:var(--broker-muted,#b1c0c9)!important;
  cursor:pointer!important;
  list-style:none!important;
  list-style-type:none!important;
  font-size:12px!important;
  font-weight:625!important;
  line-height:1.4!important;
  letter-spacing:0!important;
  text-align:left!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary::marker{
  content:""!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary::-webkit-details-marker{
  display:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary::before{
  content:""!important;
  display:block!important;
  flex:none!important;
  width:7px!important;
  height:7px!important;
  box-sizing:border-box!important;
  border-right:1.5px solid currentColor!important;
  border-bottom:1.5px solid currentColor!important;
  transform:rotate(-45deg);
  transition:transform .16s ease;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)[open]>summary::before{
  transform:rotate(45deg);
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary:is(:hover,:focus-visible){
  color:var(--broker-accent,#a9cfa9)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary:focus-visible{
  outline:2px solid var(--broker-accent,#a9cfa9)!important;
  outline-offset:3px!important;
  border-radius:2px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-update-details>p{
  max-width:64ch!important;
  padding:2px 0 7px 16px!important;
  margin:0!important;
  border:0!important;
  color:var(--broker-muted,#b1c0c9)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-method-disclosure{
  margin-top:9px!important;
  padding-top:12px!important;
  border:0!important;
  border-top:1px solid var(--broker-line,#384a55)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 .invest-perf-method-disclosure .invest-perf-disclaimer{
  margin:7px 0 0 16px!important;
  padding:0!important;
  border:0!important;
}
@media(max-width:700px){
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup{
    grid-template-columns:minmax(0,1fr)!important;
    gap:11px!important;
    padding:4px 0 10px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1.12fr)!important;
    justify-content:stretch!important;
    width:100%!important;
    gap:8px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button{
    width:100%!important;
    min-height:40px!important;
    padding:9px 8px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-update-details{
    padding-top:0!important;
  }
}
@media(max-width:350px){
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-refresh .invest-perf
  :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary::before{
    transition:none!important;
  }
}


/* Dated investment history editor and plan-aware update choices. */
#app .wmd-workspace--investments .invest-refresh .invest-perf-chart:has(> .invest-perf-editor){
  min-height:0!important;
  overflow:visible!important;
  margin:10px 0 13px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-chart > .invest-perf-editor{
  box-sizing:border-box;
  width:min(100%,790px);
  margin:0 auto;
  padding:clamp(16px,2.3vw,24px);
  border:1px solid color-mix(in srgb,var(--broker-accent,#a9cfa9) 54%,var(--broker-line,#40565b));
  border-radius:15px;
  background:color-mix(in srgb,var(--broker-accent,#a9cfa9) 6%,var(--wmd-ui-deep,#172630));
  box-shadow:none;
  scroll-margin-block:24px;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-editor-heading strong{
  color:var(--broker-ink,#eff6f7);
  font-size:16px;
  letter-spacing:-.02em;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-editor-fields label{
  color:var(--broker-muted,#b9c7ce);
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-editor :is(input,select){
  width:100%;
  min-width:0;
  background:var(--wmd-ui-deep,#152530);
  color:var(--broker-ink,#eef4f7);
  border-color:var(--broker-line,#40515a);
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-editor-footer button[type="submit"]{
  border:1px solid var(--broker-accent,#a9cfa9)!important;
  background:var(--broker-accent,#a9cfa9)!important;
  color:var(--wmd-ui-deep,#13242c)!important;
  font-weight:780;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-setup-actions>button[data-invest-perf-snapper]{
  background:var(--wmd-ui-raised,#203039)!important;
  border-color:var(--broker-line,#42555e)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-setup-actions>button[data-invest-perf-open="snapshot"]{
  border-color:color-mix(in srgb,var(--broker-accent,#a9cfa9) 60%,var(--broker-line,#42555e))!important;
  font-weight:740!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-setup-actions>button.invest-perf-flow-link{
  background:transparent!important;
  border-color:transparent!important;
  color:var(--broker-muted,#b9c7ce)!important;
  font-weight:620!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-setup-actions>button.invest-perf-flow-link:hover{
  border-color:var(--broker-line,#40515a)!important;
  color:var(--broker-ink,#eef4f7)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-update-details p{
  max-width:90ch;
  margin:9px 0 0;
  line-height:1.6;
  color:var(--broker-muted,#b9c7ce);
}
#app .wmd-workspace--investments .invest-refresh .invest-perf-update-details p strong{
  color:var(--broker-ink,#eef4f7);
  font-weight:730;
}
@media(max-width:950px){
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup{
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions{
    justify-content:flex-start!important;
  }
}
@media(max-width:580px){
  #app .wmd-workspace--investments .invest-refresh .invest-perf-chart > .invest-perf-editor{
    padding:14px;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button{
    flex:1 1 138px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-setup-actions>button.invest-perf-flow-link{
    flex:1 1 100%!important;
    justify-content:flex-start!important;
    padding-left:0!important;
  }
}

/* networth-reconciliation.css */
/* Net Worth is the single headline. These tabs select a distribution view. */
#app .wmd-workspace--networth .nw-top-row .nw-chart-switch{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:0 0 9px!important;
  align-items:stretch!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-switch>button{
  grid-column:auto!important;
  grid-row:auto!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  min-height:35px!important;
  padding:7px 5px!important;
  font-size:12px!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-equity-explainer{
  margin:0 0 10px!important;
  font-size:11.5px!important;
  line-height:1.5!important;
}
#app .wmd-workspace--networth .nw-equity-bridge{
  min-width:0;
  margin-top:7px;
  padding:0;
  border-top:1px solid var(--wmd-ui-line-soft,#354b55);
}
#app .wmd-workspace--networth .nw-equity-bridge>summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:35px;
  padding:8px 3px;
  list-style:none;
  cursor:pointer;
  font-size:11.5px;
  font-weight:640;
  color:var(--wmd-ui-muted,#b1c0ca);
}
#app .wmd-workspace--networth .nw-equity-bridge>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--networth .nw-equity-bridge>summary svg{
  width:15px;height:15px;transition:transform .16s ease;
}
#app .wmd-workspace--networth .nw-equity-bridge[open]>summary svg{transform:rotate(180deg)}
#app .wmd-workspace--networth .nw-equity-bridge>summary:hover{color:var(--wmd-ui-text,#f0f7f4)}
#app .wmd-workspace--networth .nw-equity-bridge>summary:focus-visible{
  outline:2px solid var(--wmd-ui-accent,#57d7aa);
  outline-offset:2px;
  border-radius:4px;
}
#app .wmd-workspace--networth .nw-equity-bridge-body{
  display:grid;gap:9px;
  padding:9px 2px 13px;
  min-width:0;
}
#app .wmd-workspace--networth .nw-equity-bridge-row{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:9px 12px;min-width:0;
  color:var(--wmd-ui-muted,#b1c0ca);
  font-size:12px;line-height:1.45;
}
#app .wmd-workspace--networth .nw-equity-bridge-row>span{min-width:0}
#app .wmd-workspace--networth .nw-equity-bridge-row>strong{
  flex:none;
  white-space:nowrap;
  font-size:12px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--wmd-ui-text,#e9f2f4);
}
#app .wmd-workspace--networth .nw-equity-bridge-row.is-total{
  margin-top:2px;padding-top:9px;
  border-top:1px solid var(--wmd-ui-line-soft,#354b55);
  font-weight:750;
  color:var(--wmd-ui-text,#e9f2f4);
}
#app .wmd-workspace--networth .nw-equity-bridge-body>p{
  margin:2px 0 0;
  font-size:11px;
  line-height:1.5;
  color:var(--wmd-ui-muted,#b1c0ca);
}
@media(max-width:370px){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-switch>button{
    font-size:11px!important;padding:7px 3px!important;
  }
  #app .wmd-workspace--networth .nw-equity-bridge-row,
  #app .wmd-workspace--networth .nw-equity-bridge-row>strong{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-equity-bridge>summary svg{transition:none}
}

/* cashflow-blue-palette.css */
@media screen {
/* Cash Flow uses its sky-blue page identity in the signed-in workspace and
   the public interactive tour. Keep coral risk/bills and amber warnings semantic.
   Presentation-only: no balance, forecast, save or demo data behavior changes. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
){
  --cashflow-blue:#a3c8e5;
  --cashflow-blue-bright:#c3e2f6;
  --cashflow-blue-deep:#254258;
  --cashflow-blue-border:#719cbe;
  --cf-good:var(--cashflow-blue);
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.money-map,.mm-explore){
  --mm-mint:var(--cashflow-blue)!important;
  --mm-blue:var(--cashflow-blue)!important;
}
/* Money Map: labels, metrics, chart, low-point callout and action controls. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(
  .mm-eyebrow,.mm-metric-arrow,.mm-action:hover .mm-action-copy strong,
  .mm-all-actions,.mm-foot button,.mm-no-chart-icon,
  .mm-all-events>summary:hover,.mm-drawer-chevron
){color:var(--cashflow-blue)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-metric-low strong{color:#bbdcee!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-metric:hover,.mm-event:hover){border-color:var(--cashflow-blue-border)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-add,
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-no-chart button{
  background:#244257!important;border-color:#537d9b!important;color:#d4ebfb!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-add:hover,.mm-no-chart button:hover){
  background:#315674!important;border-color:#99caed!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-line{
  stroke:var(--cashflow-blue)!important;
  filter:drop-shadow(0 0 4px #8abfe659)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-today-line{stroke:#a6d1ec!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-today-label{fill:#bfdef2!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-dot-income{fill:#a9d7f3!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-low-dot:not(.mm-risk-dot){fill:#f8fcff!important;stroke:#87c3ec!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk){
  background:#182e40!important;border-color:#5682a3!important;color:#e0edf6!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk) .mm-insight-icon{
  background:#305872!important;color:#c5e6fa!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk) b{color:#c2e0f4!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk) span:last-child{color:#bdd2e0!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-legend i:is(.mm-key-line,.mm-key-income){background:#96c8ea!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-event-income :is(.mm-event-glyph){
  background:#294b63!important;color:#c2e7fb!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-event-income>b{color:#a8d8f4!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-good>span{
  color:#bbdff7!important;background:#294a63!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-good strong{color:#e2f0f9!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-drawer-symbol{color:#c0e0f6!important;background:#29495f!important}

/* Accessible chart inspection, preserving red below-minimum warnings. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart:focus-visible{outline:2px solid #a3c8e5!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-hover-guide{stroke:#c2e2f7!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-hover-point{
  fill:#e6f4fd!important;stroke:#79b8e3!important;
  filter:drop-shadow(0 0 6px #84bce773)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-inspector{background:linear-gradient(140deg,#1a3044,#14242f)!important;border-color:#688da9!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-tip-kicker,.mm-tip-safety:not(.is-low)){color:#b5d8ef!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-tip-totals>span:first-child b,.mm-day-event strong.positive){color:#9dceee!important}

/* Other Cash Flow pages: positive/paid blue, risks remain coral. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cashflow-dashboard .cash-budget-delta.positive,
     .cashflow-dashboard .cash-runway-month.up em,
     .cash-card-payment-value.is-paid,
     .cash-card-paid-toggle>strong,
     .cash-wallet-status.is-clear,
     .cash-wallet-status.is-paid){color:#a8d4ee!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .cash-horizon-periods button[aria-pressed="true"]{
  color:#10283b!important;background:#a3c8e5!important;border-color:#a3c8e5!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .cash-horizon-status:not(.cash-horizon-risk .cash-horizon-status){
  background:#223e52!important;border-color:#5b87a3!important;color:#d0e6f6!important
}

/* Cash Flow add/edit dialog is appended outside the workspace; only its
   Cash Flow-specific class is selected, never generic dialogs or other pages. */
#app .cash-calendar-editor.cash-editor-premium{
  background:radial-gradient(ellipse at 100% 0%,rgba(129,186,228,.11),transparent 42%),#15232c!important
}
#app .cash-editor-premium :is(.cash-calendar-editor-head>span,.cash-calendar-category-change){
  color:#a8d2ed!important
}
#app .cash-editor-premium :is(.cash-calendar-editor-grid input:not([type="checkbox"]),
  .cash-calendar-editor-grid select,.cash-calendar-editor-grid .currency-input):focus-visible,
#app .cash-editor-premium .cash-calendar-editor-grid .currency-input:focus-within,
#app .cash-editor-premium .cash-calendar-done input:focus-visible,
#app .cash-calendar-editor.cash-editor-premium :is(button,input,select,summary):focus-visible{
  outline:2px solid #a3c8e5!important;border-color:#8db9d9!important
}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]:checked{
  background:#335e7b!important;border-color:#81b4d7!important
}
#app .cash-editor-premium .cash-calendar-cat:hover{
  background:#253e54!important;border-color:#78a9cb!important
}
#app .cash-editor-premium .cash-calendar-cat.selected{
  background:#294861!important;border-color:#99c8e7!important;
  box-shadow:inset 0 0 0 1px #99c8e738!important
}
#app .cash-editor-premium .cash-calendar-cat.create{color:#b4d4e8!important}
#app .cash-editor-premium .cash-calendar-save{
  background:#a3c8e5!important;color:#102637!important;border-color:#a3c8e5!important;
  box-shadow:0 5px 16px #81bde52b!important
}

/* Money Map readability: full-size desktop and horizontally scrolling mobile charts.
   Bigger labels are backed by an SVG plot gutter, so axes never clip. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart{
  max-height:395px!important;
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-axis-label{
  font-size:18px!important;
  font-weight:680!important;
  fill:#c0d2df!important;
  letter-spacing:.005em;
  paint-order:stroke;
  stroke:#142330;
  stroke-width:1.5px;
  stroke-linejoin:round;
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-axis-label.mm-axis-date{
  font-size:18.5px!important;
  fill:#c8d8e6!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-grid-line{
  stroke:#486173!important;
  stroke-opacity:.45!important;
  vector-effect:non-scaling-stroke
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-cushion-line{
  stroke:#9fc3de!important;
  stroke-width:1.8!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-today-label{
  font-size:14px!important;
  font-weight:800!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-header{margin-bottom:14px!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-eyebrow{
  color:var(--cashflow-blue-bright)!important;
  font-size:10px!important;
  letter-spacing:.12em!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) button.mm-add{
  min-height:41px!important;
  background:#244258!important;
  border-color:#608bac!important;
  color:#e3f2fb!important;
  box-shadow:inset 0 1px 0 #d2ecfb18!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) button.mm-add:is(:hover,:focus-visible){
  background:#315775!important;
  border-color:#b1d8f1!important;
  color:#fff!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-legend{
  gap:10px 19px!important;
  margin:17px 0 0!important;
  font-size:12px!important;
  line-height:1.5!important;
  color:#b8ccda!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-legend i:not(.mm-key-line):not(.mm-key-dash){
  width:11px!important;height:11px!important;flex-basis:11px!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight{
  gap:13px!important;
  margin:13px auto 1px!important;
  padding:13px 16px!important;
  border-radius:13px!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight b{font-size:12px!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight strong{
  font-size:21px!important;
  line-height:1.3!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight strong small{
  font-size:12px!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight span:last-child{font-size:12px!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight.is-risk b{color:#f0cbd2!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-disclaimer{font-size:11px!important;line-height:1.6!important}
@media(max-width:580px){
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-legend{justify-content:flex-start!important;font-size:11px!important}
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-chart-insight{width:100%!important}
}

}
/* category-mix-polish.css */
@media screen {
/* Compact category composition, Budget + Net Worth only.
   Cash Flow mix and all financial calculations are deliberately unchanged. */

/* Budget: restore the stacked share rail while turning the legend into
   lightweight, clickable information instead of a wall of cards. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-stage {
  display:block!important;margin:0 0 9px!important;padding:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget.is-single .money-mix-stage {display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-focus {display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-rail-scroll {
  display:block!important;max-width:100%!important;width:100%!important;
  overflow:visible!important;margin:0!important;padding:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-rail {
  display:flex!important;flex-wrap:nowrap!important;max-width:100%!important;
  min-width:0!important;width:100%!important;height:24px!important;
  min-height:24px!important;gap:3px!important;padding:2px!important;
  overflow:hidden!important;border:1px solid #41515a!important;
  border-radius:8px!important;background:#13212b!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-segment {
  flex:var(--share) 1 0!important;min-width:3px!important;max-width:none!important;
  height:18px!important;min-height:18px!important;padding:0!important;
  border:0!important;border-radius:4px!important;background:var(--cat)!important;
  box-shadow:none!important;transform:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-segment:is(:hover,.selected,:focus-visible) {
  outline:1px solid #f1f5f1!important;outline-offset:-2px!important;
  filter:brightness(1.12)!important;transform:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend {
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:2px 12px!important;margin:2px 0 0!important;align-items:stretch!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item {
  display:grid!important;grid-template-columns:24px minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;gap:0 7px!important;
  min-width:0!important;min-height:43px!important;padding:5px 7px!important;
  border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;box-shadow:none!important;
  text-align:left!important;align-items:center!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item::after {display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item>i {
  grid-column:1;grid-row:1/span 2;width:24px!important;
  height:28px!important;font-size:17px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item>b {
  grid-column:2;grid-row:1;font-size:12px!important;
  font-weight:680!important;color:#eff4f5!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item>.money-mix-planned {
  grid-column:2;grid-row:2;font-size:12px!important;
  font-weight:650!important;color:#e4d1ac!important;
  font-variant-numeric:tabular-nums!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item>span {
  grid-column:3;grid-row:1/span 2;
  font-size:12px!important;font-weight:700!important;
  color:#d4dfe1!important;font-variant-numeric:tabular-nums!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected) {
  border-color:color-mix(in srgb,var(--cat,#d6bc91) 55%,#364c54)!important;
  background:color-mix(in srgb,var(--cat,#d6bc91) 8%,#1a2831)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-more {
  justify-self:start;align-self:center;min-height:34px!important;
  padding:4px 8px!important;border:0!important;
  background:transparent!important;color:#e5c995!important;
  font-size:12px!important;font-weight:650!important;text-align:left!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
.money-mix.budget .money-mix-all {margin-top:7px!important}
@media(max-width:780px){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend {grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:460px){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .money-mix.budget .money-mix-legend {grid-template-columns:minmax(0,1fr)!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview])
  .category-overview.money-mix.budget {padding:14px!important}
}

/* Net Worth: a slim explanation and optional details under the donut + legend.
   Keep equity reconciliations and loan setup discoverable, not always expanded. */
#app .wmd-workspace--networth .nw-top-row .nw-chart-utilities {
  min-width:0;margin-top:10px!important;padding-top:10px!important;
  border-top:1px solid var(--wmd-ui-line-soft,#354751)!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-utilities>.nw-chart-context {
  margin:0 0 6px!important;padding:0!important;max-width:none!important;
  border:0!important;background:transparent!important;
  color:var(--wmd-ui-muted,#b3c4ca)!important;
  font-size:11.5px!important;line-height:1.5!important;font-weight:450!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-utilities>.nw-equity-bridge {
  margin:0 0 7px!important;border:0!important;padding:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-utilities>.nw-equity-bridge>summary {
  display:flex;gap:8px;justify-content:space-between;
  min-height:23px!important;padding:2px 0!important;
  color:#adcdc4!important;font-size:11px!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-utilities>.nw-equity-bridge .nw-equity-bridge-body {
  padding:9px 0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls {
  display:flex!important;align-items:flex-start!important;
  gap:5px 15px!important;flex-wrap:wrap!important;min-width:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls>.nw-allocation-more {
  flex:1 1 160px!important;min-width:145px!important;
  margin:0!important;padding:0!important;border:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls>.nw-allocation-more>summary {
  display:flex!important;align-items:center;justify-content:space-between;
  gap:7px!important;min-height:32px!important;
  padding:6px 2px!important;color:#c4d8dc!important;
  font-size:11.5px!important;font-weight:650!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls>.nw-allocation-more[open] {
  flex-basis:100%!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-allocation-more-body {padding:5px 0 10px!important}
#app .wmd-workspace--networth .nw-top-row .nw-equity-tools {
  flex:0 0 auto!important;align-items:center!important;justify-content:flex-end!important;
  margin:0!important;padding:0!important;gap:0!important;border:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-equity-tools .chart-action {
  min-height:32px!important;margin:0!important;padding:6px 10px!important;
  border-radius:8px!important;background:transparent!important;
  color:#cce6d9!important;border:1px solid #45615c!important;font-size:11px!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls .nw-gross-list {
  margin:0!important;gap:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls .nw-gross-row {
  min-height:0!important;margin:0!important;padding:9px 3px!important;
  background:transparent!important;border:0!important;
  border-bottom:1px solid #34454d!important;border-radius:0!important;
}
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls .nw-gross-row:hover,
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls .nw-gross-row:focus-visible {
  background:#23333c!important;outline:2px solid var(--wmd-accent,#57d7aa)!important;
  outline-offset:-2px!important;
}
#app .wmd-workspace--networth .nw-top-row #nw-equity-inline {margin-top:11px!important}
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item:focus-visible,
#app .wmd-workspace--networth .nw-top-row .nw-chart-controls :is(button,summary):focus-visible {
  outline:2px solid var(--wmd-accent,#57d7aa)!important;outline-offset:2px!important;
}
@media(max-width:580px){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-controls {flex-direction:column!important}
  #app .wmd-workspace--networth .nw-top-row .nw-chart-controls>.nw-allocation-more {
    width:100%!important;flex:0 0 auto!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-equity-tools {
    justify-content:flex-start!important;width:100%!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-equity-tools .chart-action {width:auto!important}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-top-row .nw-chart-controls * {transition:none!important}
}

}
/* chart-theme-system.css */
@media screen {
/* Unified financial chart palette, 2026-10-18.
   Original retains each workspace's identity. Mint/Ocean/Orchid inherit the
   selected Appearance accent. No data values or status logic are altered.
   Multi-series/benchmark colors remain distinguishable; red risk is semantic. */
#app > main.wmd-workspace,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]{
  --wmd-chart-primary:var(--wmd-accent,#a3c8e5);
  --wmd-chart-bright:color-mix(in srgb,var(--wmd-chart-primary) 70%,#fff);
  --wmd-chart-muted:color-mix(in srgb,var(--wmd-chart-primary) 35%,#b8cad6);
  --wmd-chart-soft:color-mix(in srgb,var(--wmd-chart-primary) 15%,#172734);
  --wmd-chart-raised:color-mix(in srgb,var(--wmd-chart-primary) 23%,#1b2b37);
  --wmd-chart-line:color-mix(in srgb,var(--wmd-chart-primary) 55%,#4b6071);
  --wmd-chart-two:color-mix(in srgb,var(--wmd-chart-primary) 68%,#d2b6e7);
  --wmd-chart-three:color-mix(in srgb,var(--wmd-chart-primary) 57%,#e9c79c);
  --wmd-chart-four:color-mix(in srgb,var(--wmd-chart-primary) 53%,#abc7d8);
}
/* The landing preview receives its active page token from page-identity.js,
   rather than the authenticated Settings selector. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]{
  --wmd-chart-primary:var(--wmd-tour-accent,var(--wmd-accent,#a3c8e5))!important
}

/* This explicitly covers workspaces with local, fixed legacy chart colors.
   Theme selector changes on #app take effect without rerender or reload. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace{
  --wmd-chart-primary:var(--wmd-theme-accent)!important;
}

/* NET WORTH: history trend, area, cursor and chart/tile accents. */
#app .wmd-workspace--networth .history-chart-frame .history-line{
  stroke:var(--wmd-chart-primary)!important;
}
#app .wmd-workspace--networth .history-chart-frame .history-area{
  fill:var(--wmd-chart-primary)!important;fill-opacity:.095!important;
}
#app .wmd-workspace--networth .history-chart-frame [data-history-focus-line]{
  stroke:var(--wmd-chart-primary)!important;
}
#app .wmd-workspace--networth .history-chart-frame [data-history-focus-dot]{
  fill:var(--wmd-chart-bright)!important;
  stroke:var(--wmd-chart-soft)!important;
}
#app .wmd-workspace--networth .history-hover-tip{
  border-color:var(--wmd-chart-line)!important;
}
#app .wmd-workspace--networth .nw-gross-row:is(:hover,:focus-visible),
#app .wmd-workspace--networth .nw-chart-switch button.active{
  border-color:var(--wmd-chart-primary)!important;
}


/* Doughnut charts: each real category keeps its own distinguishable tone.
   The same ordered tones are applied to painted SVG arcs and legend swatches;
   no amounts, order, slice sizes, focus controls or category text are touched.
   :nth-child(... of .class) counts only actual slices, not SVG axes/defs. */
#app :is(.wmd-workspace--networth,.wmd-workspace--budget){
  --wmd-chart-slice-1:color-mix(in srgb,var(--wmd-chart-primary) 76%,#e5e9f7);
  --wmd-chart-slice-2:color-mix(in srgb,var(--wmd-chart-primary) 54%,#c79cd9);
  --wmd-chart-slice-3:color-mix(in srgb,var(--wmd-chart-primary) 56%,#a3d4c2);
  --wmd-chart-slice-4:color-mix(in srgb,var(--wmd-chart-primary) 45%,#edbc92);
  --wmd-chart-slice-5:color-mix(in srgb,var(--wmd-chart-primary) 53%,#8fa5ce);
  --wmd-chart-slice-6:color-mix(in srgb,var(--wmd-chart-primary) 65%,#bec2c9);
  --wmd-chart-slice-7:color-mix(in srgb,var(--wmd-chart-primary) 43%,#c4b1db);
  --wmd-chart-slice-8:color-mix(in srgb,var(--wmd-chart-primary) 40%,#92aeb1);
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 1 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-1)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 2 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-2)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 3 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-3)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 4 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-4)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 5 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-5)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 6 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-6)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 7 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-7)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-donut .nw-mix-slice:nth-child(8n + 8 of .nw-mix-slice){
  stroke:var(--wmd-chart-slice-8)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 1) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-1)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 2) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-2)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 3) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-3)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 4) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-4)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 5) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-5)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 6) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-6)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 7) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-7)!important
}
#app :is(.wmd-workspace--networth,.wmd-workspace--budget)
  .nw-mix-legend-item:nth-child(8n + 8) .nw-mix-legend-name i{
  background:var(--wmd-chart-slice-8)!important
}

/* Net Worth debt mode has semantic meaning even when the page accent is mint.
   The same rose tones are used for actual and fictional landing-preview charts.
   Scope the overrides to the debt chart only, so Equity, Assets, Budget, and
   every user-selected Appearance palette retain their normal chart colors.
   Legacy nth-child slice and legend rules above inherit these local tokens. */
#app .wmd-workspace--networth .nw-chart-panel[data-mix-mode="liabilities"]{
  --wmd-chart-slice-1:#d98a94;
  --wmd-chart-slice-2:#b65d6e;
  --wmd-chart-slice-3:#e2aca9;
  --wmd-chart-slice-4:#c77781;
  --wmd-chart-slice-5:#a55367;
  --wmd-chart-slice-6:#d9978f;
  --wmd-chart-slice-7:#b77e90;
  --wmd-chart-slice-8:#edbdb8;
}

/* BUDGET: preserve category proportions and three distinct category meanings.
   A selected palette adjusts only painted color, not slice sizes or amounts. */
#app .wmd-workspace--budget .money-mix.budget .money-mix-more,
#app .wmd-workspace--budget .money-mix.budget .money-mix-legend-item>.money-mix-planned{
  color:var(--wmd-chart-bright)!important;
}
#app .wmd-workspace--budget .budget-chart :is(.budget-ring,.budget-donut,.budget-mix-track),
#app .wmd-workspace--budget .budget-chart .donut{
  accent-color:var(--wmd-chart-primary);
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-workspace--budget .money-mix.budget .money-mix-segment,
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-workspace--budget .money-mix.budget .money-mix-legend-item>i{
  background:color-mix(in srgb,var(--cat,#d6bc91) 46%,var(--wmd-chart-primary))!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-workspace--budget .money-mix.budget .money-mix-legend-item::after{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--cat,#d6bc91) 46%,var(--wmd-chart-primary)) 0 var(--mix-share,0%),
    #394853 var(--mix-share,0%) 100%)!important;
}

/* CASH FLOW: use one inherited accent in actual app AND fictional preview.
   In previous styles the Money Map blue was fixed, so a new palette did not
   recolor the chart line, gradient stops, hover details or selected states. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
){
  --cashflow-blue:var(--wmd-chart-primary,var(--wmd-accent,#a3c8e5))!important;
  --cashflow-blue-bright:var(--wmd-chart-bright)!important;
  --cashflow-blue-deep:var(--wmd-chart-soft)!important;
  --cashflow-blue-border:var(--wmd-chart-line)!important;
  --cf-good:var(--wmd-chart-primary)!important;
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.money-map,.mm-explore){
  --mm-mint:var(--wmd-chart-primary)!important;
  --mm-blue:var(--wmd-chart-primary)!important;
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart :is(#mm-cash-gradient,#mm-cash-gradient-mobile) stop{stop-color:var(--wmd-chart-primary)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-line{
  stroke:var(--wmd-chart-primary)!important;
  filter:drop-shadow(0 0 4px color-mix(in srgb,var(--wmd-chart-primary) 38%,transparent))!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-today-line,.mm-cushion-line,.mm-hover-guide){
  stroke:var(--wmd-chart-muted)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-today-label{fill:var(--wmd-chart-bright)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-hover-point{
  fill:var(--wmd-chart-bright)!important;stroke:var(--wmd-chart-primary)!important;
  filter:drop-shadow(0 0 5px color-mix(in srgb,var(--wmd-chart-primary) 40%,transparent))!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-dot-income{fill:var(--wmd-chart-bright)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-low-dot:not(.mm-risk-dot){
  fill:#f4f8fc!important;stroke:var(--wmd-chart-primary)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-legend i.mm-key-line,.mm-legend i.mm-key-income){
  background:var(--wmd-chart-primary)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-eyebrow,.mm-tip-kicker,.mm-tip-safety:not(.is-low),.mm-more-actions>summary,
       .mm-all-actions,.mm-foot button,.mm-action:hover .mm-action-copy strong){
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk){
  background:var(--wmd-chart-soft)!important;
  border-color:var(--wmd-chart-line)!important;
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk) .mm-insight-icon{
  background:var(--wmd-chart-raised)!important;color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-insight:not(.is-risk) b{color:var(--wmd-chart-bright)!important}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-event-income .mm-event-glyph,.mm-good>span,.mm-drawer-symbol){
  background:var(--wmd-chart-raised)!important;color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-event-income>b,.mm-day-event strong.positive,.mm-tip-totals>span:first-child b){
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .mm-chart-shell .mm-chart-inspector{
  background:linear-gradient(150deg,var(--wmd-chart-raised),#152630)!important;
  border-color:var(--wmd-chart-line)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) button.mm-add{
  background:var(--wmd-chart-raised)!important;
  border-color:var(--wmd-chart-line)!important;
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) button.mm-add:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--wmd-chart-primary) 32%,#182c3b)!important;
  border-color:var(--wmd-chart-primary)!important
}
/* Cash Flow review / manage: the video shows residual green check icons,
   completed buttons, calendar accents, and positive labels. Keep overdue,
   below-minimum, delete, and payment-risk statuses red/amber. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cash-checklist-eyebrow,.payday-eyebrow,.cash-calendar-kicker,
       .cash-card-payment-center .cash-card-kicker,.cash-month-outlook-chevron,
       .cashflow-dashboard .cash-budget-delta.positive,
       .cashflow-dashboard .cash-runway-month.up em,
       .cash-card-payment-value.is-paid,.cash-card-paid-toggle>strong,
       .cash-wallet-status.is-paid,.cash-wallet-status.is-clear,
       .payday-verified-note){
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cashflow-dashboard .cash-kpi.income .kpi-track i,
       .cashflow-dashboard .cash-kpi.savings .kpi-track i,
       .cash-horizon-progress>i){
  background:linear-gradient(90deg,var(--wmd-chart-primary),var(--wmd-chart-bright))!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cash-horizon-periods button[aria-pressed="true"],
       .cash-checklist-card-done input:checked+span,
       .cash-calendar-done input[type="checkbox"]:checked){
  background:var(--wmd-chart-raised)!important;border-color:var(--wmd-chart-primary)!important;
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cash-wallet-paid input,.cash-checklist-item input[type="checkbox"],
       .cash-checklist-card-done input,.cash-horizon-datecheck input){
  accent-color:var(--wmd-chart-primary)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cash-checklist-icon,.cashflow-calendar-icon,.cash-card-payment-icon,
       .mm-action-symbol:not(.mm-action-warning .mm-action-symbol)){
  border-color:var(--wmd-chart-line)!important;
  background:var(--wmd-chart-raised)!important;
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.cash-card-payment-utilities button,.cash-add-new-card,.cash-wallet-action-primary,
       .payday-action button,.cash-month-review){
  border-color:var(--wmd-chart-line)!important;
  background:var(--wmd-chart-raised)!important;
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .cash-calendar-category.selected{
  border-color:var(--wmd-chart-line)!important;
  background:var(--wmd-chart-soft)!important
}
/* Editor dialog is mounted under #app, but outside the active main. */
#app .cash-calendar-editor.cash-editor-premium{
  --cashflow-editor-accent:var(--wmd-current-accent,#a3c8e5)
}
#app .cash-editor-premium .cash-calendar-save,
#app .cash-editor-premium .cash-calendar-cat.selected{
  border-color:var(--cashflow-editor-accent)!important;
  background:color-mix(in srgb,var(--cashflow-editor-accent) 30%,#172b38)!important;
  color:color-mix(in srgb,var(--cashflow-editor-accent) 50%,#fff)!important
}
#app .cash-editor-premium .cash-calendar-editor-head>span{
  color:var(--cashflow-editor-accent)!important
}


/* Video QA: Cash Flow recurring-payment and date/category editor controls
   should not stay old mint when the selected palette is Ocean or Orchid. */
#app .cash-editor-premium .cash-calendar-save{
  background:var(--cashflow-editor-accent)!important;
  color:#102637!important;
  border-color:var(--cashflow-editor-accent)!important
}
#app .cash-editor-premium .cash-calendar-cat.selected{
  color:color-mix(in srgb,var(--cashflow-editor-accent) 54%,white)!important;
  border-color:var(--cashflow-editor-accent)!important;
  background:color-mix(in srgb,var(--cashflow-editor-accent) 22%,#152832)!important
}
#app .cash-editor-premium :is(
 .cash-calendar-category-change,.cash-calendar-cat.create){
  color:color-mix(in srgb,var(--cashflow-editor-accent) 68%,white)!important
}
#app .cash-editor-premium .cash-calendar-cat:is(:hover,:focus-visible){
  border-color:var(--cashflow-editor-accent)!important;
  background:color-mix(in srgb,var(--cashflow-editor-accent) 18%,#152832)!important
}
#app .cash-editor-premium :is(
 .cash-calendar-editor-grid input:focus-visible,
 .cash-calendar-editor-grid select:focus-visible,
 .cash-calendar-editor-grid .currency-input:focus-within,
 .cash-calendar-done input:focus-visible,
 button:focus-visible,summary:focus-visible){
  outline-color:var(--cashflow-editor-accent)!important;
  border-color:var(--cashflow-editor-accent)!important
}
#app .cash-editor-premium .cash-calendar-done input[type="checkbox"]:checked{
  background:color-mix(in srgb,var(--cashflow-editor-accent) 52%,#1d3846)!important;
  border-color:var(--cashflow-editor-accent)!important
}
#app .cash-editor-premium .cash-calendar-done input:checked::after{
  background:#f4f7fb!important
}
/* These are neutral reviewed/completed controls rather than green income
   signals; keep orange for past-due and red for at-risk payments. */
#app :is(
 main.wmd-workspace--cashflow,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-drawer-symbol,.mm-good>span,.mm-event-income .mm-event-glyph,
      .cash-card-payment-icon,.cash-checklist-icon,.cashflow-calendar-icon){
  color:var(--wmd-chart-bright)!important;
  background:var(--wmd-chart-raised)!important;
  border-color:var(--wmd-chart-line)!important
}


/* Cash Flow's secondary Money Mix is also a chart. Keep distinct spending
   categories but tint each swatch/segment with the active Cash Flow theme. */
#app :is(
 main.wmd-workspace--cashflow,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .money-mix .money-mix-segment{
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--cat,#a3c8e5) 52%,var(--wmd-chart-primary)),
    color-mix(in srgb,var(--cat,#a3c8e5) 30%,var(--wmd-chart-soft)))!important
}
#app :is(
 main.wmd-workspace--cashflow,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .money-mix .money-mix-legend-item:is(:hover,.selected,:focus-visible){
  border-color:var(--wmd-chart-line)!important;
  background:var(--wmd-chart-soft)!important
}

/* INVESTMENTS: override old fixed sage SVG strokes, gradient stops and
   chart controls. Benchmark comparison series retain unique colors. */
#app .wmd-workspace--investments .invest-perf-svg #invest-perf-fill stop{
  stop-color:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--investments .invest-perf-svg>path:last-of-type{
  stroke:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--investments .invest-perf-svg>circle{
  fill:var(--wmd-chart-bright)!important
}
#app .wmd-workspace--investments .invest-perf-svg>[data-invest-perf-crosshair]{
  stroke:var(--wmd-chart-muted)!important
}
#app .wmd-workspace--investments .invest-perf-svg>[data-invest-perf-pointer]{
  fill:var(--wmd-chart-bright)!important;
  stroke:var(--wmd-chart-line)!important
}
#app .wmd-workspace--investments .invest-perf :is(
 .invest-perf-portfolio-legend i,.invest-perf-data-quality-pill i){
  background:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--investments .invest-perf :is(
 .invest-perf-chart-actions button,.invest-perf-chart-blank>span,.invest-perf-account-label,
 .invest-perf-empty-symbol){
  color:var(--wmd-chart-bright)!important
}
#app .wmd-workspace--investments .invest-perf :is(
  .invest-perf-modes button.active,.invest-perf-ranges button.active,
  .invest-perf-chart-blank button){
  background:var(--wmd-chart-raised)!important;
  color:var(--wmd-chart-bright)!important;
  border-color:var(--wmd-chart-line)!important
}
#app .wmd-workspace--investments .invest-perf-chart-blank{
  background:linear-gradient(150deg,var(--wmd-chart-soft),var(--wmd-ui-deep,#111c25))!important;
  border-color:var(--wmd-chart-line)!important
}


/* Benchmark comparison identity: SPY / DIA / QQQ use separate coordinated
   tones in both SVG strokes and their controls/legends, never one same hue. */
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) :is(.invest-perf-svg [data-invest-perf-benchmark="SPY"],
      .invest-perf-svg [data-invest-perf-benchmark="DIA"],
      .invest-perf-svg [data-invest-perf-benchmark="QQQ"]){
  fill:none
}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg [data-invest-perf-benchmark="SPY"]{stroke:var(--wmd-chart-two)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg [data-invest-perf-benchmark="DIA"]{stroke:var(--wmd-chart-three)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg [data-invest-perf-benchmark="QQQ"]{stroke:var(--wmd-chart-four)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf [data-invest-perf-benchmark="SPY"]:not(path){background:var(--wmd-chart-two)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf [data-invest-perf-benchmark="DIA"]:not(path){background:var(--wmd-chart-three)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf [data-invest-perf-benchmark="QQQ"]:not(path){background:var(--wmd-chart-four)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg #invest-perf-fill stop{stop-color:var(--wmd-chart-primary)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg>path:last-of-type{stroke:var(--wmd-chart-primary)!important}
#app :is(
  .wmd-workspace--investments,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
) .invest-perf-svg>circle{fill:var(--wmd-chart-bright)!important}

/* The active theme must be read directly by the floating editor, because it
   is a sibling of the workspace and cannot inherit workspace chart tokens. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .cash-calendar-editor.cash-editor-premium{
  --cashflow-editor-accent:var(--wmd-theme-accent)!important
}

/* Cash Flow arrow/checkbox indicators are page identity, not profit/loss. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) .cashflow-dashboard .cash-kpi.savings .kpi-track i{
  background:linear-gradient(90deg,var(--wmd-chart-two),var(--wmd-chart-bright))!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-metric-low strong,.mm-metric-arrow){
  color:var(--wmd-chart-bright)!important
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-dot-income,.mm-event-income .mm-event-glyph){
  filter:none!important
}

/* DEBT: model composition uses varying shades of the current page accent.
   Changing Appearance updates every segment without resetting percentages. */
#app .wmd-workspace--debt .debt-mix-segment{
  --debt-chart-color:var(--wmd-chart-primary)
}
#app .wmd-workspace--debt .debt-mix-tone-0{background:var(--wmd-chart-primary)!important}
#app .wmd-workspace--debt .debt-mix-tone-1{background:var(--wmd-chart-two)!important}
#app .wmd-workspace--debt .debt-mix-tone-2{background:var(--wmd-chart-three)!important}
#app .wmd-workspace--debt .debt-mix-tone-3{background:var(--wmd-chart-muted)!important}
#app .wmd-workspace--debt .debt-mix-tone-4{background:var(--wmd-chart-four)!important}
#app .wmd-workspace--debt .debt-mix-tone-5{background:var(--wmd-chart-bright)!important}

/* RETIREMENT: fix --retire-accent being pinned to a non-theme color. */
#app .wmd-workspace--retirement .retirement-page{
  --retire-accent:var(--wmd-chart-primary)!important;
}
#app .wmd-workspace--retirement :is(.retirement-line,.retirement-chart-scrubber input){
  stroke:var(--wmd-chart-primary)!important;
  accent-color:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--retirement .retirement-area{
  fill:var(--wmd-chart-primary)!important;
  fill-opacity:.12!important
}
#app .wmd-workspace--retirement .retirement-chart-inspector{
  border-color:var(--wmd-chart-line)!important
}


/* Debt payoff forecast includes a true SVG line/area separate from the mix bar. */
#app .wmd-workspace--debt .debt-chart .debt-line{
  stroke:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--debt .debt-chart .debt-point{
  fill:var(--wmd-chart-bright)!important;
  stroke:var(--wmd-chart-soft)!important
}
#app .wmd-workspace--debt .debt-chart #debtArea stop{
  stop-color:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--debt .debt-chart .debt-area{
  fill:url(#debtArea)!important
}
#app .wmd-workspace--debt :is(.debt-forecast-guide,.debt-forecast-active-dot){
  stroke:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--debt .debt-forecast-active-dot{
  fill:var(--wmd-chart-bright)!important
}
#app .wmd-workspace--debt .debt-chart-inspector-scrub input{
  accent-color:var(--wmd-chart-primary)!important
}
#app .wmd-workspace--debt .debt-mix-swatch{
  border-color:var(--wmd-chart-line)!important
}
/* Category expense strips on Retirement are not gain/loss/risk indicators. */
#app .wmd-workspace--retirement .retirement-category-overview
  .money-mix-segment{
  background:color-mix(in srgb,var(--cat,#a0c7d4) 42%,var(--wmd-chart-primary))!important
}
#app .wmd-workspace--retirement .retirement-category-overview
  .money-mix-legend-item>i{
  background:color-mix(in srgb,var(--cat,#a0c7d4) 42%,var(--wmd-chart-primary))!important
}
#app .wmd-workspace--retirement .retirement-category-overview
  .money-mix-legend-item::after{
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--cat,#a0c7d4) 42%,var(--wmd-chart-primary)) 0 var(--mix-share,0%),
    #394853 var(--mix-share,0%) 100%)!important
}
/* Cash Flow's old generic Done control still inherited a green utility state.
   This is a completed workflow indicator, not a positive investment return. */
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.check.done,.cash-checklist-done,.cash-calendar-done.is-complete){
  background:var(--wmd-chart-raised)!important;
  border-color:var(--wmd-chart-line)!important;
  color:var(--wmd-chart-bright)!important
}
/* The guided demo is the same financial UI, never a special green variant. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]{
  --wmd-chart-primary:var(--wmd-tour-accent,var(--wmd-accent,#a3c8e5));
}

/* GOALS: progress is a financial graphic, artwork/photos are not recolored. */
#app .wmd-workspace--goals .wmd-goals-page .wmd-goal-track>i{
  background:var(--goal-accent,var(--wmd-chart-primary))!important
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-workspace--goals .wmd-goals-page{
  --goal-accent:var(--wmd-chart-primary)!important
}

/* Nonsemantic categorical pies can use different hues for each bucket. Their
   proportions and risk classes must not change with the selected palette. */
@media(forced-colors:active){
  #app > main.wmd-workspace{--wmd-chart-primary:Highlight;--wmd-chart-bright:Highlight}
  #app .wmd-workspace svg *{filter:none!important}
}

/* Final responsive typography: Cash Flow's 18px global SVG-axis override made
   dollar ticks clip and dates collide. Limit this to the visible mobile chart
   (both app and demo), leaving the desktop chart and appearance colors intact. */
@media(max-width:700px){
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-chart-shell--mobile .mm-axis-label{
    font-size:12px!important;letter-spacing:0!important;
    stroke-width:.7px!important
  }
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-chart-shell--mobile .mm-axis-label.mm-axis-date{
    font-size:12.5px!important;letter-spacing:0!important
  }
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-chart-shell--mobile .mm-today-label{
    font-size:11.5px!important;letter-spacing:.04em!important
  }
  #app :is(
    main.wmd-workspace--cashflow,
    .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  ) .mm-chart-shell--mobile .mm-dot{
    stroke-width:1.3px!important
  }
}
#app :is(
  main.wmd-workspace--cashflow,
  .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
) :is(.mm-dot-mixed,.mm-legend .mm-key-mixed){
  fill:var(--wmd-chart-bright,#b7d8ed)!important;
  background:var(--wmd-chart-bright,#b7d8ed)!important
}

}
/* investments-neutral-palette.css */
@media screen {
/* Investments original appearance: graphite and muted amethyst.
   Cash Flow retains sky-blue; user-selected Mint/Ocean/Orchid remap the
   Investments controls, account surfaces and charts together.
   Gains and losses keep separate, semantic colors. */
#app .wmd-workspace--investments,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] {
  --wmd-investments-accent:#c6b0e9;
  --wmd-accent:var(--wmd-investments-accent);
  --inv-accent:var(--wmd-accent);
  --inv-accent-bright:color-mix(in srgb,var(--inv-accent) 70%,#fff);
  --inv-accent-line:color-mix(in srgb,var(--inv-accent) 52%,#5b526b);
  --inv-panel:#20232d;
  --inv-deep:#181c25;
  --inv-raised:#292b38;
  --inv-hover:#343246;
  --inv-selected:#3e3555;
  --inv-icon-bg:#332e46;
  --inv-line:#474853;
  --inv-line-strong:#68607c;
  --inv-text:#f2f0f8;
  --inv-muted:#bec0cc;
  --inv-cta-ink:#211d2c;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--investments {
  --wmd-investments-accent:var(--wmd-theme-accent);
  --inv-panel:var(--wmd-theme-panel);
  --inv-deep:var(--wmd-theme-deep);
  --inv-raised:var(--wmd-theme-raised);
  --inv-hover:color-mix(in srgb,var(--wmd-theme-accent) 12%,var(--wmd-theme-raised));
  --inv-selected:color-mix(in srgb,var(--wmd-theme-accent) 22%,var(--wmd-theme-raised));
  --inv-icon-bg:color-mix(in srgb,var(--wmd-theme-accent) 16%,var(--wmd-theme-raised));
  --inv-line:var(--wmd-theme-line);
  --inv-line-strong:color-mix(in srgb,var(--wmd-theme-accent) 38%,var(--wmd-theme-line));
  --inv-text:var(--wmd-theme-text);
  --inv-muted:var(--wmd-theme-muted);
  --inv-cta-ink:var(--wmd-theme-deep);
}

/* Investments, October 2026: graphite + restrained amethyst color system.
   This stylesheet is loaded after legacy investment skins and shared themes.
   Applies to the signed-in app and the actual-app landing tour.
   Mint/coral are reserved for financial gain/loss states, not card chrome.
   No layouts, billing, provider behavior or financial data are changed. */

#app .wmd-workspace--investments {
  --wmd-accent-line:color-mix(in srgb,var(--inv-accent) 46%,transparent);
  --invest-track-accent:var(--inv-accent);
  --invest-premium-line:var(--inv-line);
  --invest-premium-muted:var(--inv-muted);
  --invest-premium-ink:var(--inv-text);
  --invest-premium-ink-strong:var(--inv-text);
  --invest-border:var(--inv-line);
  --invest-muted:var(--inv-muted);
  --invest-ink:var(--inv-text);
  --invest-accent:var(--inv-accent);
  --wmd-tint:var(--inv-raised);
  --wmd-tint-hover:var(--inv-hover);
  --wmd-control-line:var(--inv-line-strong);
}
#app .wmd-workspace--investments .invest-refresh {
  --broker-panel:var(--inv-panel);
  --broker-panel-deep:var(--inv-deep);
  --broker-line:var(--inv-line);
  --broker-muted:var(--inv-muted);
  --broker-ink:var(--inv-text);
  --broker-accent:var(--inv-accent);
  --inv-accounts-base:var(--inv-deep);
  --inv-accounts-row:var(--inv-panel);
  --inv-accounts-raised:var(--inv-raised);
  --inv-accounts-border:var(--inv-line);
  --inv-accounts-copy:var(--inv-text);
  --inv-accounts-muted:var(--inv-muted);
  --inv-accounts-accent:var(--inv-accent);
}

/* Surfaces use neutral graphite rather than Cash Flow's blue-charcoal.
   Avoid a page-sized saturated sage wash or glowing outlines everywhere. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf,
  .invest-clarity,
  .invest-hero-refreshed,
  .invest-today,
  .invest-today-total,
  .invest-overview-grid>.invest-panel,
  .invest-account-overview,
  .invest-holdings-brokerage>.invest-panel-head,
  .invest-accounts-config-panel,
  .invest-account-table,
  .invest-activity-hero,
  .invest-activity-history,
  .invest-activity-panel,
  .invest-accounts-panel
) {
  background:var(--inv-panel)!important;
  background-image:none!important;
  border-color:var(--inv-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf {
  background:radial-gradient(ellipse at 2% 0%,color-mix(in srgb,var(--inv-accent) 7%,transparent),transparent 48%),
             linear-gradient(150deg,var(--inv-raised),var(--inv-deep))!important;
  border-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-performance-stats>article,
  .invest-holdings-brokerage .invest-position-summary>div,
  .invest-activity-metrics>article,
  .invest-activity-cash-cta,
  .invest-trade-guidance,
  .invest-ticker-card,
  .invest-position-card,
  .invest-account-row,
  .invest-today-account,
  .invest-clarity-completeness,
  .invest-account-note,
  .invest-activity-card,
  .invest-perf-editor
) {
  background:var(--inv-raised)!important;
  background-image:none!important;
  border-color:var(--inv-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-toolbar,
  .invest-holdings-brokerage .invest-holdings-toolbar,
  .invest-perf-compare-panel,
  .invest-perf-recheck,
  .invest-clarity-top,
  .invest-empty,
  .invest-allocation-note,
  .invest-account-source-help,
  .invest-account-sync-guide,
  .invest-ticker-details,
  .invest-perf-update-details
) {
  background:var(--inv-deep)!important;
  background-image:none!important;
  border-color:var(--inv-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity :is(
  .invest-clarity-focus,.invest-clarity-completeness,.invest-clarity-top
) {color:var(--inv-text)}
#app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-completeness {
  background:transparent!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity-completeness {
  border-left-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity-top {
  border-top-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-snapshot:hover,
#app .wmd-workspace--investments .invest-refresh .invest-account-row:hover {
  background:var(--inv-hover)!important;
}

/* Amethyst identifies Investments. Green is reserved for gains. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-kicker,
  .invest-clarity .invest-kicker,
  .invest-position-caption,
  .invest-today-head .invest-kicker,
  .invest-panel-head .invest-kicker,
  .invest-position-summary-icon,
  .invest-ticker-chevron,
  .invest-perf .invest-kicker,
  .invest-account-note strong,
  .invest-sync-pill,
  .invest-market-status
) {color:var(--inv-accent)!important}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf p,
  .invest-perf-identity p,
  .invest-clarity-focus p,
  .invest-panel-head p,
  .invest-activity-hero p,
  .invest-perf-account-label,
  .invest-perf-balance-caption,
  .invest-perf-balance-movement>span,
  .invest-perf-chart-source,
  .invest-perf-data-quality>small,
  .invest-perf-activity-status,
  .invest-perf-setup p,
  .invest-perf-disclaimer,
  .invest-account-snapshot small,
  .invest-position-summary>div small,
  .invest-holdings-toolbar>small,
  .invest-clarity-coverage span,
  .invest-ticker-identity small,
  .invest-activity-metrics span
) {color:var(--inv-muted)!important}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-perf h3,
  .invest-panel-head h3,
  .invest-perf-current,
  .invest-today-total strong,
  .invest-position-summary>div strong,
  .invest-account-copy strong
) {color:var(--inv-text)!important}

/* Chart controls and account selectors: amethyst selection, neutral rest. */
#app .wmd-workspace--investments .invest-perf :is(button,select,input),
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-mode button,
  .invest-nav-tools button,
  .invest-panel-actions button,
  .invest-clarity-focus button
) {
  border-color:var(--inv-line-strong)!important;
  background:var(--inv-raised)!important;
  color:var(--inv-text)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-perf :is(select,input) {
  background:var(--inv-deep)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-modes {
  background:var(--inv-deep)!important;
  border-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-perf :is(
  .invest-perf-modes button.active,
  .invest-perf-ranges button.active,
  .invest-perf-benchmark-buttons button.active
),
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-mode button.active,
  .invest-nav-tabs>button.active
) {
  background:var(--inv-selected)!important;
  border-color:var(--inv-accent-line)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-nav-tabs>button.active {
  background:transparent!important;
  border-bottom-color:var(--inv-accent)!important;
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-perf button:not(:disabled):hover,
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-mode button,.invest-clarity-focus button,.invest-panel-actions button
):not(:disabled):hover {
  border-color:var(--inv-accent-line)!important;
  background:var(--inv-hover)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-add-action,
#app .wmd-workspace--investments .invest-perf .invest-perf-chart-blank button {
  background:var(--inv-accent)!important;
  border-color:var(--inv-accent)!important;
  color:var(--inv-cta-ink)!important;
  font-weight:760!important;
}
#app .wmd-workspace--investments .invest-perf :is(
  .invest-perf-add-action,.invest-perf-chart-blank button
):not(:disabled):hover {
  background:var(--inv-accent-bright)!important;
  border-color:var(--inv-accent-bright)!important;
  color:var(--inv-cta-ink)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-ranges button:not(.active) {
  border-color:transparent!important;
  background:transparent!important;
  color:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-modes button:not(.active) {
  border-color:transparent!important;
  background:transparent!important;
  color:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-setup {
  background:transparent!important;
  border:0!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-setup button,
#app .wmd-workspace--investments .invest-perf .invest-perf-chart-actions button {
  border:1px solid var(--inv-line)!important;
  background:transparent!important;
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-chart-actions button {
  border:0!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  button,select,input,summary
):focus-visible {
  outline:2px solid var(--inv-accent)!important;
  outline-offset:3px!important;
}

/* Status pills and chart scaffolding are no longer presented as gains. */
#app .wmd-workspace--investments .invest-perf .invest-perf-data-quality-pill,
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-sync-pill,.invest-hero-meta>span,.invest-account-status-badge
) {
  background:var(--inv-raised)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-data-quality-pill i {
  background:var(--inv-accent)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-chart-blank {
  background:radial-gradient(ellipse at 45% 65%,color-mix(in srgb,var(--inv-accent) 7%,transparent),transparent 60%),
             linear-gradient(180deg,var(--inv-raised),var(--inv-deep))!important;
  border-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-blank-grid {
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 60px,color-mix(in srgb,var(--inv-accent) 16%,transparent) 61px),
             repeating-linear-gradient(to right,transparent 0,transparent 150px,color-mix(in srgb,var(--inv-accent) 8%,transparent) 151px)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-empty-symbol {
  background:var(--inv-icon-bg)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-portfolio-legend i {
  background:var(--inv-accent)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-axis {
  fill:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-chart-actions {
  border-bottom-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-hover {
  background:color-mix(in srgb,var(--inv-deep) 97%,#000)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-text)!important;
}

/* Keep gains mint and losses coral regardless of the decorative accent. */
#app .wmd-workspace--investments .invest-refresh :is(
  .positive,.gain,.up,.investment-up
):not(button) { --invest-semantic-positive:#92ddb8 }
#app .wmd-workspace--investments .invest-perf .invest-perf-balance-movement.up>strong {
  color:#97e0b8!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-balance-movement.down>strong {
  color:#f3afb9!important;
}

/* The landing preview uses the identical workspace DOM and thus this palette. */
#app .landing-v6 .wmd-workspace--investments .invest-perf-demo-selection {
  background:var(--inv-panel)!important;
  border-color:var(--inv-line-strong)!important;
}
#app .landing-v6 .wmd-workspace--investments .invest-perf-demo-selection :is(
  .invest-perf-demo-selection-copy small,
  .invest-perf-demo-selection-outcome b:not(.positive):not(.negative)
) {color:var(--inv-accent-bright)!important}
#app .landing-v6 .wmd-workspace--investments .invest-perf-demo-selection-outcome [data-invest-perf-demo-clear] {
  border-color:var(--inv-line-strong)!important;
  background:var(--inv-raised)!important;
  color:var(--inv-accent-bright)!important;
}
#app .landing-v6 .wmd-workspace--investments .invest-perf-demo-selection-outcome [data-invest-perf-demo-clear]:hover {
  background:var(--inv-hover)!important;
  border-color:var(--inv-accent-line)!important;
}
@media(forced-colors:active) {
  #app .wmd-workspace--investments .invest-refresh :is(button,select,input) {
    color:ButtonText!important;background:ButtonFace!important;border-color:ButtonText!important;
  }
}


/* Finish neutralizing older holdings, activity and account-form sage chrome. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-first-steps,
  .invest-holdings-modern.invest-holdings-empty .invest-empty,
  .invest-activity-brokerage .invest-activity-empty,
  .invest-position-details>summary,
  .invest-account-details[open] .invest-account-summary,
  .invest-account-reconcile,
  .invest-account-edit-grid .invest-account-reconcile,
  .invest-activity-legend,
  .invest-ticker-accounts,
  .invest-account-picker
) {
  background:var(--inv-panel)!important;
  background-image:none!important;
  border-color:var(--inv-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-position-symbol,
  .invest-holdings-empty-symbol,
  .invest-activity-empty-icon,
  .invest-activity-metric-icon,
  .invest-activity-cta-icon
) {
  background:var(--inv-icon-bg)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-accent-bright)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-first-steps,
  .invest-activity-brokerage .invest-activity-empty
) {
  border-style:dashed!important;
  border-color:var(--inv-line-strong)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-nav-status,
  .invest-nav-link,
  .invest-clarity-top-head small,
  .invest-holdings-toolbar-mode>small,
  .invest-explorer>small,
  .invest-position-disclosure,
  .invest-position-editor label>span,
  .invest-account-table-head,
  .invest-account-name small,
  .invest-account-page-count small,
  .invest-account-edit-grid>label>span,
  .invest-account-order-controls button,
  .invest-account-row-chevron,
  .invest-activity-history-head p,
  .invest-activity-filters label,
  .invest-activity-metrics article small,
  .invest-activity-filter-empty,
  .invest-holdings-first-steps small,
  .invest-holdings-brokerage .invest-position-summary>div small,
  .invest-holdings-brokerage .invest-position-summary>div span,
  .invest-perf-observations small,
  .invest-perf-editor-fields label,
  .invest-perf-editor-footer small,
  .invest-perf-recheck span,
  .invest-perf-hover span
) {
  color:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-nav-link,
  .invest-position-details>summary,
  .invest-account-source-help summary
) {
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-activity-filters select,
  .invest-account-picker select,
  .invest-account-edit-grid input,
  .invest-account-edit-grid select,
  .invest-explorer-fields input,
  .invest-explorer-fields select,
  .invest-perf-editor input,
  .invest-perf-editor select
) {
  background:var(--inv-deep)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-paths button,
  .invest-hero-actions button,
  .invest-position-price-foot button,
  .invest-position-allocation button,
  .invest-today-view,
  .invest-position-trades button:not([data-trade-type="Sell"]),
  .invest-ticker-account-actions button:not([data-trade-type="Sell"])
) {
  background:var(--inv-raised)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-text)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  button.invest-snap-action,
  button.invest-holdings-snap,
  .invest-holdings-paths button.invest-holdings-snap
) {
  background:var(--inv-accent)!important;
  border-color:var(--inv-accent)!important;
  color:var(--inv-cta-ink)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  button.invest-snap-action,
  button.invest-holdings-snap
):not(:disabled):hover {
  background:var(--inv-accent-bright)!important;
  border-color:var(--inv-accent-bright)!important;
  color:var(--inv-cta-ink)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-holdings-paths button,
  .invest-hero-actions button,
  .invest-position-price-foot button,
  .invest-position-allocation button
):not(:disabled):hover {
  background:var(--inv-hover)!important;
  border-color:var(--inv-accent-line)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge.has-holdings {
  background:var(--inv-raised)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-accent-bright)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-status-badge::before {
  background:var(--inv-accent)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-page-count {
  border-left-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity-track i {
  background:var(--inv-accent)!important;
}
#app .wmd-workspace--investments .invest-perf .invest-perf-hover span {
  color:var(--inv-accent-bright)!important;
}

/* Account editing retains a few sage panels in older investor-layout CSS.
   Keep these surfaces within the same coordinated Investments identity. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-page-hero,
  .invest-holdings-brokerage>.invest-panel-head
) {
  background:linear-gradient(125deg,
    color-mix(in srgb,var(--inv-accent) 7%,var(--inv-raised)),
    var(--inv-panel))!important;
  border-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-edit-grid,
  .invest-account-picker .invest-add-account,
  .invest-account-details[open] .invest-account-summary,
  .invest-account-reconcile
) {
  background:var(--inv-raised)!important;
  border-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-table-head {
  background:var(--inv-deep)!important;
  border-bottom-color:var(--inv-line)!important;
  color:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-config.invest-account-row {
  border-bottom-color:var(--inv-line)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-picker select,
  .invest-account-edit-grid :is(input,select)
) {
  background:var(--inv-deep)!important;
  border-color:var(--inv-line-strong)!important;
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-page-hero h3,
  .invest-account-page-count strong,
  .invest-account-name strong,
  .invest-account-summary-value,
  .invest-activity-hero h3
) {
  color:var(--inv-text)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-page-hero p,
  .invest-account-page-count small,
  .invest-account-summary-source,
  .invest-account-summary-owner,
  .invest-account-summary-holdings
) {
  color:var(--inv-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-account-order-controls button,
  .invest-account-row-chevron
) {
  color:var(--inv-accent-bright)!important;
}

}
/* landing-ocean-brand.css */
@media screen {
/* Ocean marketing identity, 2026-10-18.
   Only public marketing surfaces are themed here. In-app palettes, demos,
   financial gains/losses, account colors, and the mint CTA remain independent.
   Loaded last so the finished public site stays visually cohesive without
   changing layout, copy, illustrations, or interactive behavior. */

#app .landing-v6 {
  --wmd-ocean-deep:#0e1721;
  --wmd-ocean-panel:#142532;
  --wmd-ocean-raised:#1d3040;
  --wmd-ocean-line:rgba(134,180,214,.35);
  --wmd-ocean-line-soft:rgba(134,180,214,.24);
  --wmd-ocean-accent:#8ec8f3;
  --wmd-ocean-accent-soft:#b9dffa;
  --wmd-brand-ink:#0e1721;
  --wmd-brand-panel:#142532;
  --wmd-brand-panel-raised:#1b2c3a;
  --wmd-brand-control:#203443;
  --wmd-brand-line:#405a6e;
  --wmd-brand-surface:#152634;
  --wmd-landing-ink:#f0f6fb;
  --wmd-landing-muted:#bed0dd;
  --wmd-landing-line:var(--wmd-ocean-line-soft);
  /* Mint remains the recognizable CTA and positive-action brand accent. */
  --wmd-brand-mint:#57d7aa;
  --wmd-brand-mint-soft:#9ae8cb;
  background:
    radial-gradient(ellipse 75% 22% at 53% 4%,rgba(78,138,188,.09),transparent 78%),
    #0e1721!important;
}

#app .landing-v6 .landing-header {
  background:color-mix(in srgb,#101c28 94%,transparent)!important;
  border-bottom-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .landing-header :is(a,button):focus-visible {
  outline:2px solid var(--wmd-ocean-accent)!important;
  outline-offset:3px;
}
#app .landing-v6 .landing-nav :is(a,button):hover {
  border-color:var(--wmd-ocean-line)!important;
}
#app .landing-v6 .landing-king-campaign {
  background:
    radial-gradient(ellipse 76% 110% at 90% 48%,rgba(98,159,204,.115),transparent 69%),
    radial-gradient(ellipse 65% 86% at 8% 6%,rgba(50,103,146,.13),transparent 75%),
    #0e1721!important;
}
#app .landing-v6 .landing-intro-conversion {
  background:
    radial-gradient(ellipse 68% 72% at 50% 15%,rgba(70,133,183,.085),transparent 74%)!important;
}

/* Blue is the editorial highlight; small mint labels and the logo stay intact. */
#app .landing-v6 :is(
  .landing-hero-promise,
  .launch-quick-copy h2,
  .launch-update-intro h2,
  .landing-ask-copy h2,
  .launch-pricing-header h2
) em {
  color:var(--wmd-ocean-accent-soft)!important;
  -webkit-text-fill-color:var(--wmd-ocean-accent-soft)!important;
}
#app .landing-v6 :is(
  .landing-hero-description,
  .landing-hero-assurance,
  .landing-tour-heading>p,
  .launch-quick-copy>p,
  .launch-update-intro>p,
  .landing-ask-copy>p,
  .launch-pricing-header>p
) {
  color:#bfd0de!important;
}
#app .landing-v6 .landing-hero-secondary {
  color:#b1d7f1!important;
  text-decoration-color:rgba(142,200,243,.45)!important;
}
#app .landing-v6 .landing-hero-secondary:hover {
  color:#e3f4ff!important;
}

/* Outer product showcase only; leave the six actual workspace previews and
   their individual chart meaning untouched. */
#app .landing-v6 .landing-tour-device {
  border-color:var(--wmd-ocean-line)!important;
  box-shadow:0 20px 48px rgba(0,8,18,.24)!important;
}
#app .landing-v6 [data-landing-tour] :is(
  .landing-tour-tab-navigation>button,
  .landing-tour-focus,
  .landing-tour-blur,
  .landing-tour-arrows button
) {
  border-color:var(--wmd-ocean-line-soft)!important;
  background:#203243!important;
}
#app .landing-v6 [data-landing-tour] :is(
  .landing-tour-tab-navigation>button,
  .landing-tour-focus button,
  .landing-tour-blur
):focus-visible {
  outline:2px solid var(--wmd-ocean-accent)!important;
  outline-offset:2px;
}

/* The money ripple and setup cards should read as blue/graphite product proof,
   not as oversized green blocks. Slider and positive results keep mint. */
#app .landing-v6 :is(.launch-quick,.landing-system-v6,.landing-security-v5) {
  background:
    radial-gradient(ellipse 86% 68% at 100% 0%,rgba(90,153,202,.058),transparent 76%),
    linear-gradient(155deg,#142431,#101b26)!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .launch-ripple-card {
  background:linear-gradient(155deg,#182b3a,#111e2a 88%)!important;
  border-color:var(--wmd-ocean-line)!important;
  box-shadow:0 16px 43px rgba(0,8,18,.20)!important;
}
#app .landing-v6 :is(.launch-ripple-results>article,.launch-ripple-takeaway,.launch-ripple-expanded>summary) {
  background:#1b2c3a!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .launch-setup-step {
  background:linear-gradient(145deg,#1a2c3b,#152431)!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .launch-setup-number {
  background:#233c50!important;
  border-color:rgba(142,200,243,.44)!important;
  color:#c1e4fc!important;
}
#app .landing-v6 .launch-update-card-snapper {
  background:
    radial-gradient(ellipse at 12% 0%,rgba(102,160,201,.07),transparent 64%),
    linear-gradient(155deg,#1a2b38,#111e29)!important;
  border-color:var(--wmd-ocean-line)!important;
}
#app .landing-v6 .wmd-connections-details {
  background:linear-gradient(150deg,#1a2b3b,#13232f)!important;
  border-color:var(--wmd-ocean-line)!important;
}
#app .landing-v6 .launch-update-card .launch-product-cta {
  background:#223646!important;
  border-color:var(--wmd-ocean-line)!important;
  color:#e6f3fb!important;
}
#app .landing-v6 .launch-update-card .launch-product-cta:hover {
  background:#2a455a!important;
  border-color:rgba(142,200,243,.64)!important;
}

/* Ask Your Money: keep the outer section open on the landing canvas.
   The preview itself is the single card. Earlier founder-focus rules remove
   the outer card; do not reintroduce a blue rectangular background here. */
#app .landing-v6 .landing-ask-section.landing-ask-refresh {
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo {
  background:linear-gradient(162deg,#1b3142,#172734 83%)!important;
  border-color:rgba(132,182,216,.42)!important;
  box-shadow:0 18px 44px rgba(0,9,19,.20)!important;
}
#app .landing-v6 .landing-ask-refresh :is(.landing-ask-input-row,.landing-ask-answer,.landing-ask-answer-facts>div) {
  background:#12232f!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row:focus-within {
  border-color:var(--wmd-ocean-accent)!important;
  box-shadow:0 0 0 2px rgba(142,200,243,.16)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button {
  background:#203747!important;
  border-color:var(--wmd-ocean-line-soft)!important;
  color:#dfedf7!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button:hover,
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button[aria-pressed="true"] {
  background:#2a475c!important;
  border-color:rgba(142,200,243,.66)!important;
}
#app .landing-v6 .landing-ask-refresh :is(.landing-ask-followups button,.landing-ask-answer-next>button) {
  border-color:var(--wmd-ocean-line)!important;
}

/* Three pricing choices: cool graphite Free, subtly elevated Complete,
   Ocean Connected. Mint stays reserved for the primary conversion action. */
#app .landing-v6 .launch-path-grid-three>.launch-path-card {
  --tier-line:rgba(132,177,211,.34);
  background:linear-gradient(155deg,#1a2b39,#121f2b 82%)!important;
  border-color:var(--tier-line)!important;
  box-shadow:0 14px 35px rgba(0,9,19,.12)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-manual {
  background:linear-gradient(155deg,#172631,#111e29 84%)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper {
  --tier-line:rgba(123,190,229,.55);
  background:
    radial-gradient(ellipse 96% 54% at 50% -10%,rgba(84,151,201,.135),transparent 85%),
    linear-gradient(155deg,#1b3040,#142431 84%)!important;
  box-shadow:0 18px 42px rgba(0,10,21,.18),inset 0 1px 0 rgba(178,224,252,.09)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot {
  --tier-line:rgba(113,172,214,.48);
  background:
    radial-gradient(ellipse 95% 56% at 55% -8%,rgba(96,162,210,.095),transparent 85%),
    linear-gradient(155deg,#192c3b,#13212e 84%)!important;
}
#app .landing-v6 :is(.launch-plan-badge,.launch-plan-icon) {
  background:#203345!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action {
  background:#243b4e!important;
  border-color:var(--wmd-ocean-line)!important;
  color:#e8f4fd!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action:hover,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action:hover {
  background:#2b4961!important;
}

/* Privacy/trust should close on the same calm blue system. */
#app .landing-v6 :is(.compact-trust-note,.landing-trust-points>span,.landing-trust-details) {
  background:#1b2e3c!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .landing-security-v5 .landing-trust-conclusion {
  border-color:var(--wmd-ocean-line)!important;
}
#app .landing-v6 :is(button,a,summary,input):focus-visible {
  outline-color:var(--wmd-ocean-accent);
}

/* Keep mint primary buttons, semantic statuses, chart series and artwork.
   High-contrast blue is never used to imply a financial gain or debt change. */
@media (prefers-reduced-motion:reduce) {
  #app .landing-v6 .landing-header,
  #app .landing-v6 .landing-ask-refresh .landing-ask-questions button {
    transition:none!important;
  }
}

/* Ocean refinement: decorative accents are ice blue / slate, not mint.
   Keep charcoal-navy backgrounds, the mint logo, primary Start Free/Ask
   controls, positive financial values in workspace charts, and alert colors. */

/* Hero and section signposts form one calm editorial hierarchy. */
#app .landing-v6 :is(
  .landing-eyebrow,
  .launch-eyebrow,
  .launch-ripple-kicker,
  .launch-ripple-takeaway > span,
  .landing-tour-heading .landing-eyebrow,
  .landing-tour-browse > span,
  .landing-ask-example-label
){
  color:var(--wmd-ocean-accent)!important;
}
#app .landing-v6 .launch-update-intro > .landing-eyebrow,
#app .landing-v6 .launch-setup-methods .landing-eyebrow {
  color:var(--wmd-ocean-accent)!important;
}
#app .landing-v6 :is(
  .wmd-brand-tagline,
  .wmd-brand-tagline .wmd-brand-tagline-part,
  .wmd-brand-tagline.is-replaying .wmd-brand-tagline-part:nth-child(3)
) {
  color:#acbfcc!important;
}
#app .landing-v6 .wmd-brand-tagline .wmd-brand-tagline-part:nth-child(3) {
  color:#c4d5e1!important;
}
#app .landing-v6 .landing-section-kicker :is(span,b,i){
  color:var(--wmd-ocean-accent)!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .launch-update-type {
  color:var(--wmd-ocean-accent)!important;
}
#app .landing-v6 .landing-feature-icon {
  color:var(--wmd-ocean-accent-soft)!important;
  background:rgba(120,179,220,.09)!important;
  border-color:var(--wmd-ocean-line)!important;
}

/* Outline interactions and setup markers aren't successful financial outcomes. */
#app .landing-v6 .wmd-founder-focus .launch-quick-transition{
  border-top-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-step {
  border-bottom-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-number{
  background:rgba(118,174,214,.11)!important;
  border-color:var(--wmd-ocean-line)!important;
  color:var(--wmd-ocean-accent-soft)!important;
}
#app .landing-v6 .launch-quick-copy > p.launch-quick-promise{
  border-left-color:var(--wmd-ocean-accent)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid > .launch-update-card-snapper,
#app .landing-v6 .wmd-founder-focus .launch-update-grid > .launch-update-card-plaid{
  background:linear-gradient(155deg,#1b2e3d,#13232f)!important;
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details > summary:focus-visible{
  outline-color:var(--wmd-ocean-accent)!important;
}

/* Ask Your Money: mint is the Ask/Start Free conversion action ONLY.
   Neutral amounts are ocean. Attention/negative status remains amber. */
#app .landing-v6 .landing-ask-refresh .landing-ask-proof > span{
  color:#d9e7f1!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-proof b {
  background:rgba(118,171,211,.11)!important;
  border-color:rgba(142,200,243,.38)!important;
  color:#bce0f8!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top > span{
  color:#c8e5f8!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top > small{
  color:#b8cede!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-spark{
  color:var(--wmd-ocean-accent-soft)!important;
  background:#25435a!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-live-dot{
  background:var(--wmd-ocean-accent)!important;
  box-shadow:0 0 0 3px rgba(142,200,243,.14)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-form > label{
  color:#c8dcea!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-example-label,
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-kicker,
#app .landing-v6 .landing-ask-refresh .landing-ask-followups::before{
  color:#9ebdd2!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button[aria-pressed="true"]{
  color:#e4f5ff!important;
  background:#2a475c!important;
  border-color:rgba(142,200,243,.7)!important;
  box-shadow:inset 0 0 0 1px rgba(142,200,243,.13)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-value{
  color:var(--wmd-ocean-accent-soft)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer:has(
  .landing-ask-answer-status[data-status="attention"]
) .landing-ask-answer-value{
  color:#f1bf88!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-status {
  color:#cce7f8;
  background:rgba(86,140,178,.14);
  border-color:rgba(142,200,243,.33);
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-status[data-status="guidance"]{
  color:#d0e7f6!important;
  background:rgba(96,155,192,.12)!important;
  border-color:rgba(142,200,243,.35)!important;
}
/* Preserve alert, needs-data and planned status colors already defined
   by the answer widget, which have separate meanings. */
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-source{
  color:#adc7da!important;
  border-top-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-source > span{
  color:#a8d1ed!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-source small{
  color:#bad0df!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-next > button{
  color:#b7ddf7!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-next > button:hover{
  color:#e7f6ff!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-followups button{
  background:#203746!important;
  border-color:var(--wmd-ocean-line)!important;
  color:#deedf7!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-followups button:hover{
  background:#2a475c!important;
  border-color:rgba(142,200,243,.68)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-caution > summary:focus-visible{
  outline-color:var(--wmd-ocean-accent)!important;
}

/* Pricing: all passive indicators and secondary plan actions use Ocean.
   Preserve the featured Complete plan's mint signup button as one CTA. */
#app .landing-v6 .launch-path-grid-three > .launch-path-manual{
  --tier-accent:#a9bfcc;
}
#app .landing-v6 .launch-path-grid-three > .launch-path-snapper{
  --tier-accent:#8ec8f3;
}
#app .landing-v6 .launch-path-grid-three > .launch-path-autopilot{
  --tier-accent:#a8d7fa;
}
#app .landing-v6 .launch-path-grid-three .launch-path-snapper .launch-path-price-current > strong{
  color:#b9dffa!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge-available{
  color:#d6eefa!important;
  background:#203749!important;
  border-color:#456b85!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-verb,
#app .landing-v6 .launch-path-grid-three .launch-path-copy,
#app .landing-v6 .launch-path-grid-three .launch-path-index{
  color:#c0d3df!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-autopilot .launch-path-action{
  background:#243b4e!important;
  border-color:var(--wmd-ocean-line)!important;
  color:#e8f4fd!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action:hover,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-autopilot .launch-path-action:hover{
  background:#2e4b61!important;
}
#app .landing-v6 .launch-path-grid-three :is(.launch-path-action,.launch-pricing-link):focus-visible{
  outline-color:var(--wmd-ocean-accent)!important;
}

}
/* landing-headline-story.css */
@media screen {
/* A single, cinematic public-hero reveal. The original, accessible H2 stays
 * in the document; the five messages are visual decoration only. */
/* Suppress the final headline from the first public paint until the first
 * story card is mounted. The JS class is armed before app.js renders.
 * No-JS and reduced-motion visitors see the unchanged semantic H2. */
@media (prefers-reduced-motion: no-preference) {
  html.wmd-story-pending #app .landing-v6 .landing-intro-v5 > .landing-hero-promise {
    visibility:hidden!important;
  }
}
#app .landing-v6 .landing-intro-v5 .wmd-brand-tagline-static .wmd-brand-tagline-part,
#app .landing-v6 .landing-intro-v5 .wmd-brand-tagline-static.is-replaying .wmd-brand-tagline-part {
  animation:none!important;
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage {
  --wmd-story-type:clamp(39px,5.35vw,70px);
  position:relative;
  display:grid;
  place-items:center;
  width:min(100%,1100px);
  min-height:clamp(152px,14.3vw,196px);
  margin:clamp(9px,1.5vw,17px) auto clamp(11px,1.6vw,20px);
  isolation:isolate;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage > .landing-hero-promise,
#app .landing-v6 .landing-intro-v5 .wmd-headline-card,
#app .landing-v6 .landing-intro-v5 .wmd-headline-probe {
  box-sizing:border-box;
  width:100%;
  max-width:1100px;
  margin:0!important;
  font:850 var(--wmd-story-type)/1.095 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.052em!important;
  color:#f1f8ff!important;
  text-align:center;
  text-wrap:balance;
  overflow-wrap:normal;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage > .landing-hero-promise {
  grid-area:1/1;
  opacity:1;
  transition:opacity .4s ease;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage.is-animating > .landing-hero-promise {
  opacity:0;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage > .landing-hero-promise em,
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage .wmd-story-emphasis {
  display:block;
  color:var(--wmd-ocean-accent-soft,#b9dffa)!important;
  -webkit-text-fill-color:var(--wmd-ocean-accent-soft,#b9dffa)!important;
  font-style:normal;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-scene {
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:visible;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-card {
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transform-origin:center center;
  will-change:opacity,transform;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-card > * {display:block;max-width:100%}
#app .landing-v6 .landing-intro-v5 .wmd-headline-probe {
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:auto;
  visibility:hidden;
  pointer-events:none;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-probe > * {display:block}
#app .landing-v6 .landing-intro-v5 .wmd-headline-card.wmd-story-prime {
  animation:none!important;
  opacity:0!important;
  filter:none!important;
  transform:translateY(12px) scale(.94)!important;
}
/* Avoid two fully legible headlines stacking during each story change.
   First beat starts immediately; later beats enter only once the previous
   line has fully faded, retaining the five-beat timing and final stop. */
#app .landing-v6 .landing-intro-v5 .wmd-story-arrive {
  animation:wmd-story-arrive .66s cubic-bezier(.2,.68,.25,1) both;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-card.wmd-story-arrive:not(:first-child) {
  animation-delay:.16s;
}
#app .landing-v6 .landing-intro-v5 .wmd-story-leave {
  animation:wmd-story-leave .14s ease-in both;
}
#app .landing-v6 .landing-intro-v5 .wmd-story-handoff {
  animation:wmd-story-handoff .4s ease-out both!important;
}
@keyframes wmd-story-arrive {
  from {opacity:0;transform:translateY(12px) scale(.94)}
  to {opacity:1;transform:translateY(0) scale(1)}
}
@keyframes wmd-story-leave {
  from {opacity:1;transform:translateY(0) scale(1)}
  to {opacity:0;transform:translateY(-7px) scale(1.008)}
}
@keyframes wmd-story-handoff {
  from {opacity:1}
  to {opacity:0}
}
@media(max-width:700px){
  #app .landing-v6 .landing-intro-v5 .wmd-headline-stage {
    --wmd-story-type:clamp(29px,8.5vw,41px);
    width:100%;
    min-height:clamp(154px,47vw,192px);
    margin:10px auto 13px;
  }
  #app .landing-v6 .landing-intro-v5 .wmd-headline-card,
  #app .landing-v6 .landing-intro-v5 .wmd-headline-probe,
  #app .landing-v6 .landing-intro-v5 .wmd-headline-stage > .landing-hero-promise {
    line-height:1.105!important;
    letter-spacing:-.045em!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .landing-intro-v5 .wmd-headline-card{animation:none!important;will-change:auto!important}
  #app .landing-v6 .landing-intro-v5 .wmd-headline-stage > .landing-hero-promise{transition:none!important;opacity:1!important}
}

/* Outcome-first public hero: keep the brand in the navigation and make the
   five-beat promise the first and only large display headline. The h1 remains
   accessible and crawlable without visually repeating the navigation logo. */
#app .landing-v6 .landing-intro-v5 > .wmd-brand-hero {
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
}
#app .landing-v6 .landing-intro-v5 > .wmd-brand-tagline {
  display:none!important;
}
#app .landing-v6 .landing-intro-v5 .wmd-headline-stage {
  min-height:clamp(140px,12.6vw,176px);
  margin:clamp(13px,2vw,24px) auto clamp(10px,1.6vw,18px);
}
/* Use the space available on desktop so the complete value proposition
   stays on one line. Allow natural wrapping on tablets and small screens. */
#app .landing-v6 .landing-intro-v5 > .landing-hero-description {
  max-width:min(960px,100%)!important;
  margin:clamp(8px,1.4vw,16px) auto 0!important;
  line-height:1.52!important;
  text-wrap:pretty;
}
#app .landing-v6 .landing-intro-v5 .landing-hero-ctas-v5 {
  margin-top:clamp(17px,2vw,24px)!important;
}
#app .landing-v6 .landing-intro-v5 .landing-hero-assurance {
  margin-top:11px!important;
}
#app .landing-v6 .landing-footer .wmd-footer-brand {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
  line-height:1.4;
}
#app .landing-v6 .landing-footer .wmd-footer-brand strong {
  color:#c5d7e0;
  font-weight:750;
}
#app .landing-v6 .landing-footer .wmd-footer-brand-tagline {
  display:block;
  font-size:11px;
  font-weight:450;
  color:#8da5b3;
  letter-spacing:.01em;
}
@media(max-width:700px) {
  #app .landing-v6 .wmd-founder-focus > .landing-intro-v5 {
    padding-top:clamp(18px,3.2svh,27px)!important;
    padding-bottom:2px!important;
  }
  #app .landing-v6 .landing-intro-v5 .wmd-headline-stage {
    min-height:clamp(112px,31vw,145px);
    margin:13px auto 9px;
  }
  #app .landing-v6 .landing-intro-v5 > .landing-hero-description {
    max-width:410px!important;
    margin:9px auto 0!important;
    font-size:14px!important;
    line-height:1.5!important;
  }
  #app .landing-v6 .landing-intro-v5 .landing-hero-ctas-v5 {
    margin-top:18px!important;
  }
  #app .landing-v6 .landing-intro-v5 .landing-hero-assurance {
    margin-top:9px!important;
  }
  #app .landing-v6 .landing-footer .wmd-footer-brand {
    align-items:center;
  }
}

/* Landing hero conversion polish: connected promise, readable eyebrow and
   a shorter path from the free CTA to real app proof. Keep the final message
   itself unchanged and all changes scoped to the public landing only. */
#app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-intro-v5 > .landing-eyebrow {
  font-size:clamp(16.5px,1.55vw,18px)!important;
  line-height:1.4!important;
  font-weight:850!important;
  letter-spacing:.115em!important;
  max-width:min(100%,620px);
  margin-inline:auto;
  text-wrap:balance;
}
/* The final word is the differentiation: a quiet typographic accent,
   not a link, underline, or additional animation. */
#app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-intro-v5 > .landing-eyebrow > .wmd-connected-emphasis {
  color:var(--wmd-ocean-accent-soft,#b9dffa)!important;
  font-weight:900!important;
  white-space:nowrap;
  text-decoration:none!important;
}

/* On desktop, prevent the awkward orphaned closing phrase. The paragraph
   reverts to normal multi-line wrapping on smaller laptop/tablet screens. */
@media(min-width:880px) {
  #app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-intro-v5 > .landing-hero-description {
    max-width:min(1100px,100%)!important;
    white-space:nowrap!important;
  }
}

#app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-product-tour-v5 {
  /* Tuck only the first app preview closer; retain spacing for later sections. */
  margin-top:-12px!important;
  padding-top:clamp(12px,1.45vw,19px)!important;
}
@media(max-width:700px) {
  #app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-intro-v5 > .landing-eyebrow {
    font-size:clamp(14px,3.8vw,15px)!important;
    letter-spacing:.10em!important;
    max-width:min(100%,420px);
  }
  #app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-product-tour-v5 {
    margin-top:-8px!important;
    padding-top:10px!important;
  }
}


/* Footer ownership: keep the brand signature and copyright aligned, without
   disturbing legal links or the rest of the landing page. */
#app .landing-v6 .landing-footer {
  display:grid;
  grid-template-columns:minmax(240px,1fr) minmax(0,1.25fr);
  grid-template-areas:
    "brand links"
    "brand copyright";
  align-items:center;
  column-gap:clamp(24px,4vw,64px);
  row-gap:6px;
  border-top:1px solid rgba(142,200,243,.20);
  color:#adbfcd;
  font-size:12px;
  line-height:1.65;
}
#app .landing-v6 .landing-footer > .wmd-footer-brand {
  grid-area:brand;
  justify-self:start;
  align-self:center;
  min-width:0;
  align-items:flex-start;
}
#app .landing-v6 .landing-footer > .landing-footer-links {
  grid-area:links;
  justify-self:end;
  max-width:680px;
  min-width:0;
  text-align:right;
  line-height:2;
  overflow-wrap:anywhere;
}
#app .landing-v6 .landing-footer .landing-footer-links :is(a,button) {
  color:#b9dffa;
  text-decoration:none;
}
#app .landing-v6 .landing-footer .landing-footer-links :is(a,button):hover {
  color:#f1f8fc;
  text-decoration:underline;
  text-underline-offset:3px;
}
#app .landing-v6 .landing-footer .wmd-footer-disclaimer {
  display:block;
  margin-top:7px;
  color:#99afbd;
  font-size:11px;
  font-weight:400;
  line-height:1.5;
}
#app .landing-v6 .landing-footer > .wmd-footer-copyright {
  display:block;
  grid-area:copyright;
  justify-self:end;
  min-width:0;
  text-align:right;
  color:#9aafbc;
  font-size:11px;
  font-weight:400;
  letter-spacing:.005em;
  line-height:1.5;
}
@media(max-width:1050px) {
  #app .landing-v6 .landing-footer {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:
      "brand"
      "copyright"
      "links";
    justify-items:start;
    align-items:start;
    row-gap:9px;
    padding-top:24px;
    padding-bottom:26px;
    text-align:left;
  }
  #app .landing-v6 .landing-footer > .wmd-footer-brand {
    justify-self:start;
    align-self:start;
    align-items:flex-start;
  }
  #app .landing-v6 .landing-footer > .wmd-footer-copyright {
    justify-self:start;
    text-align:left;
  }
  #app .landing-v6 .landing-footer > .landing-footer-links {
    justify-self:start;
    max-width:100%;
    margin-top:5px;
    text-align:left;
    line-height:1.85;
  }
}

}
/* brand-ocean-wordmark.css */
@media screen {
/* Flat official wordmark: preserve existing UI typography and spacing.
   The brand's ice-blue is identical to the Ocean hero accent (#B9DFFA).
   Palette choices remain available for page controls and charts, but the
   logo itself does not change hues with the workspace theme. */

#app {
  --wmd-wordmark-blue:#B9DFFA;
}

/* Deliberately target only the Dollar? portion of the wordmark, never
   semantically positive amounts, CTA buttons, charts or statuses. */
#app .landing-v6 .landing-brand em,
#app .landing-v6 .landing-tour-device-brand strong em,
#app .landing-v6 .landing-demo-real-header .brand h1 em,
#app .auth-page .auth-brand h1 em,
#app > header .brand h1 em,
#app .wmd-startup-name em {
  color:var(--wmd-wordmark-blue)!important;
  -webkit-text-fill-color:var(--wmd-wordmark-blue)!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:border-box!important;
  text-shadow:none!important;
}

/* Authenticated page-aware palette CSS previously set logo colors. Brand
   color must remain the same even if Original, Mint or Orchid UI is selected.
   Keep the original font, font-weight, tracking and text size untouched. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
> header[data-wmd-page-themed] .brand h1 em,
#app[data-wmd-color-scheme] > header .brand h1 em {
  color:var(--wmd-wordmark-blue)!important;
  -webkit-text-fill-color:var(--wmd-wordmark-blue)!important;
  background:none!important;
  background-image:none!important;
  text-shadow:none!important;
}

/* Startup/splash: use existing neutral navy background and flat Ocean light.
   This applies before sign-in and does not theme any financial graph. */
html.wmd-js-starting #app > .wmd-startup {
  background:
    radial-gradient(circle at 50% 35%,rgba(91,154,205,.12) 0%,#152432 38%,#0e1721 78%)!important;
}
#app .wmd-startup-bar {
  background:#203746!important;
}
#app .wmd-startup-bar::after {
  background:var(--wmd-wordmark-blue)!important;
  box-shadow:0 0 12px rgba(142,200,243,.24)!important;
}
#app .wmd-startup-retry {
  color:var(--wmd-wordmark-blue)!important;
}

/* Other rendered wordmarks, including the header in real and sample workspaces. */
#app .brand h1 em,
#app .auth-brand h1 em,
#app .landing-brand em,
#app .landing-tour-device-brand em,
#app .landing-demo-real-header .brand h1 em {
  color:#B9DFFA!important;
  -webkit-text-fill-color:#B9DFFA!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:initial!important;
  background-clip:border-box!important;
  text-shadow:none!important;
}
/* The actual brand stays flat Ocean even when a user selects Mint,
   Original, Orchid or a different workspace palette. Financial semantics
   and user-selected chart themes stay untouched. */

/* George logo: remove the redundant square tile around circular artwork.
   The PNG already contains its own polished round outline. Keep the transparent
   corners (including the hand extending beyond the roundel) completely visible.
   Scale the art slightly without changing header layout on mobile or desktop. */
#app .brand > img,
#app .auth-brand img,
#app .landing-brand img,
#app .landing-demo-real-header .brand img,
#app .wmd-startup-icon,
#app .landing-final img[src*="wheres-my-dollar-logo.png"],
#app .landing-final img[src*="icon-"] {
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  background:transparent!important;
  box-shadow:none!important;
  object-fit:contain!important;
  transform:scale(1.1);
  transform-origin:center;
}

}
/* workspace-palette-complete.css */
@media screen {
/* Where's My Dollar? | Complete workspace and preview color system, 2026-10-18.
   The default is the flat Ocean brand blue (#8ec8f3). An intentionally separate
   Mixed choice retains seven per-page accents. Mint, White, Black and Pink
   apply to the entire workspace without changing financial data or semantics.
   This stylesheet intentionally loads after older page-specific skins. */

/* Base surfaces and custom tokens used by cards, editors, headers, and graphs. */
#app[data-wmd-color-scheme="ocean"]{--wmd-theme-base:#0e1721}
#app[data-wmd-color-scheme="mint"]{--wmd-theme-base:#10191d}
#app[data-wmd-color-scheme="white"]{--wmd-theme-base:#f2f6fa}
#app[data-wmd-color-scheme="black"]{--wmd-theme-base:#080a0d}
#app[data-wmd-color-scheme="pink"]{--wmd-theme-base:#18131c}

#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) {
  background:var(--wmd-theme-base);
  color:var(--wmd-theme-text);
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > header{
  color:var(--wmd-theme-text)!important;
  background:var(--wmd-theme-base)!important;
  border-color:var(--wmd-theme-line-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace{
  --wmd-accent:var(--wmd-theme-accent)!important;
  --wmd-accent-line:color-mix(in srgb,var(--wmd-theme-accent) 42%,transparent)!important;
  --wmd-ui-panel:var(--wmd-theme-panel)!important;
  --wmd-ui-deep:var(--wmd-theme-deep)!important;
  --wmd-ui-raised:var(--wmd-theme-raised)!important;
  --wmd-ui-line:var(--wmd-theme-line)!important;
  --wmd-ui-line-soft:var(--wmd-theme-line-soft)!important;
  --wmd-ui-muted:var(--wmd-theme-muted)!important;
  --wmd-ui-txt:var(--wmd-theme-text)!important;
  --wmd-ui-accent-line:color-mix(in srgb,var(--wmd-theme-accent) 48%,var(--wmd-theme-line))!important;
  --wmd-networth-accent:var(--wmd-theme-accent)!important;
  --wmd-budget-accent:var(--wmd-theme-accent)!important;
  --wmd-plan-accent:var(--wmd-theme-accent)!important;
  --wmd-investments-accent:var(--wmd-theme-accent)!important;
  --wmd-chart-primary:var(--wmd-theme-accent)!important;
  --wmd-chart-bright:var(--wmd-theme-accent-soft)!important;
  --cashflow-blue:var(--wmd-theme-accent)!important;
  --cf-good:var(--wmd-theme-accent)!important;
  --retire-accent:var(--wmd-theme-accent)!important;
  background:transparent;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace :is(
  .retirement-page,.wmd-goals-page,.money-map,.mm-explore,.invest-refresh,.invest-perf,
  .nw-unified-dashboard,.debt-page,.cashflow-dashboard
){
  --wmd-accent:var(--wmd-theme-accent)!important;
  --wmd-ui-panel:var(--wmd-theme-panel)!important;
  --wmd-ui-deep:var(--wmd-theme-deep)!important;
  --wmd-ui-raised:var(--wmd-theme-raised)!important;
  --wmd-ui-line:var(--wmd-theme-line)!important;
  --wmd-ui-muted:var(--wmd-theme-muted)!important;
  --wmd-ui-txt:var(--wmd-theme-text)!important;
  --retire-ink:var(--wmd-theme-text)!important;
  --retire-muted:var(--wmd-theme-muted)!important;
  --retire-line:var(--wmd-theme-line)!important;
  --retire-accent:var(--wmd-theme-accent)!important;
  --goal-accent:var(--wmd-theme-accent)!important;
  --goal-text:var(--wmd-theme-text)!important;
  --goal-muted:var(--wmd-theme-muted)!important;
  --goal-surface:var(--wmd-theme-panel)!important;
  --goal-deep:var(--wmd-theme-deep)!important;
  --goal-raised:var(--wmd-theme-raised)!important;
  --goal-border:var(--wmd-theme-line)!important;
  --inv-accent:var(--wmd-theme-accent)!important;
  --inv-panel:var(--wmd-theme-panel)!important;
  --inv-deep:var(--wmd-theme-deep)!important;
  --inv-raised:var(--wmd-theme-raised)!important;
  --inv-line:var(--wmd-theme-line)!important;
  --inv-text:var(--wmd-theme-text)!important;
  --inv-muted:var(--wmd-theme-muted)!important;
  --broker-accent:var(--wmd-theme-accent)!important;
  --broker-panel:var(--wmd-theme-panel)!important;
  --broker-panel-deep:var(--wmd-theme-deep)!important;
  --broker-line:var(--wmd-theme-line)!important;
  --broker-ink:var(--wmd-theme-text)!important;
  --broker-muted:var(--wmd-theme-muted)!important;
}

/* A single set of secondary tones is more readable than five barely
   different shades of blue. Series identity is consistent across modules:
   primary, violet comparison, warm gold comparison, cool blue comparison. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]{
  --wmd-chart-two:#bc9cd6;
  --wmd-chart-three:#dab787;
  --wmd-chart-four:#729fe1;
  --wmd-chart-slice-1:#8ec8f3;
  --wmd-chart-slice-2:#679fdb;
  --wmd-chart-slice-3:#b5a3dd;
  --wmd-chart-slice-4:#dfbe92;
  --wmd-chart-slice-5:#86a9dd;
  --wmd-chart-slice-6:#7f92cf;
  --wmd-chart-slice-7:#cc9fb9;
  --wmd-chart-slice-8:#b0c4d2;
}
/* The Ocean chart's category shares are neutral blue, not mint-green.
   Liability colors remain red, and Mint keeps its intentional green scheme. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
 .nw-chart-panel:not([data-mix-mode="liabilities"]) .nw-mix-legend-share{
  color:var(--wmd-theme-accent-soft,#bddffd)!important;
}
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
 .nw-chart-panel:not([data-mix-mode="liabilities"]) .nw-mix-legend-item:is(:hover,:focus-visible,.is-selected){
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  background:var(--wmd-theme-raised,#263b52)!important;
}
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
 .nw-chart-switch button.active:not([data-nw-chart="liabilities"]){
  background:var(--wmd-theme-raised,#263b52)!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  color:var(--wmd-theme-text,#f0f6fb)!important;
}
#app[data-wmd-color-scheme="mint"] > main.wmd-workspace{
  --wmd-chart-two:#98b8e4;--wmd-chart-three:#d6b585;--wmd-chart-four:#ba9ed4;
  --wmd-chart-slice-1:#57d7aa;--wmd-chart-slice-2:#85cfc4;
  --wmd-chart-slice-3:#b0a4d5;--wmd-chart-slice-4:#d7b787;
  --wmd-chart-slice-5:#89b2db;--wmd-chart-slice-6:#9bceb1;
  --wmd-chart-slice-7:#cd9bac;--wmd-chart-slice-8:#b4c9ca;
}
#app[data-wmd-color-scheme="black"] > main.wmd-workspace{
  --wmd-chart-two:#a3abc5;--wmd-chart-three:#c4b39e;--wmd-chart-four:#8cbbbc;
  --wmd-chart-slice-1:#d5e0ec;--wmd-chart-slice-2:#a9cbdc;
  --wmd-chart-slice-3:#b6aac8;--wmd-chart-slice-4:#d0b79f;
  --wmd-chart-slice-5:#8fa9c6;--wmd-chart-slice-6:#97c4b7;
  --wmd-chart-slice-7:#c1a1b4;--wmd-chart-slice-8:#a2adb7;
}
#app[data-wmd-color-scheme="pink"] > main.wmd-workspace{
  --wmd-chart-two:#99b8e6;--wmd-chart-three:#e0b783;--wmd-chart-four:#83c1b8;
  --wmd-chart-slice-1:#ee9bc9;--wmd-chart-slice-2:#aab4e0;
  --wmd-chart-slice-3:#d3accd;--wmd-chart-slice-4:#e4bd98;
  --wmd-chart-slice-5:#95c2db;--wmd-chart-slice-6:#9dc9b2;
  --wmd-chart-slice-7:#cf9baf;--wmd-chart-slice-8:#b9a9c5;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace{
  --wmd-chart-primary:#286a9e!important;
  --wmd-chart-bright:#215982!important;
  --wmd-chart-muted:#5b809c!important;
  --wmd-chart-soft:#e7f0f8!important;
  --wmd-chart-raised:#dceaf5!important;
  --wmd-chart-line:#95b6cf!important;
  --wmd-chart-two:#7966a2;--wmd-chart-three:#ad7947;--wmd-chart-four:#347f7b;
  --wmd-chart-slice-1:#337eaf;--wmd-chart-slice-2:#408e9e;
  --wmd-chart-slice-3:#8270b0;--wmd-chart-slice-4:#b78952;
  --wmd-chart-slice-5:#537caf;--wmd-chart-slice-6:#538c78;
  --wmd-chart-slice-7:#ac708e;--wmd-chart-slice-8:#69899a;
}

/* Defer semantic loss, debt and risk colors to their own classes. The red
   liability-only Net Worth ring is intentionally NOT a branded blue pie. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  > main.wmd-workspace--networth .nw-chart-panel[data-mix-mode="liabilities"]{
  --wmd-chart-slice-1:#d98a94;--wmd-chart-slice-2:#b65d6e;
  --wmd-chart-slice-3:#e2aca9;--wmd-chart-slice-4:#c77781;
  --wmd-chart-slice-5:#a55367;--wmd-chart-slice-6:#d9978f;
  --wmd-chart-slice-7:#b77e90;--wmd-chart-slice-8:#edbdb8;
}

/* Normalize neutral UI chrome in all chosen schemes while keeping original
   page-specific color stories available under Mixed. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace > nav{
  background:var(--wmd-theme-nav)!important;
  border-color:var(--wmd-theme-line-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace :is(.wmd-discovery-control,.wmd-discovery-results,.wmd-discovery-chip,
 .wmd-plan-subnav,.wmd-plan-coverage,.budget-section,.budget-overview-section,
 .nw-section,.nw-unified-overview,.nw-unified-trend,.history-panel,
 .cash-summary,.cashflow-calendar-card,.cash-checklist,.cashflow-disclosure,
 .debt-overview,.debt-breakdown-panel,.debt-results-panel,.debt-accounts-panel,
 .invest-panel,.invest-hero,.invest-toolbar,.invest-activity-panel,
 .retirement-card,.retirement-chart-card,.wmd-goal-card):not(:is(.warning,.negative,.danger,.shortfall,.is-risk)){
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace :is(.wmd-discovery-browse,.wmd-discovery-magnify,
 .nw-overview-label,.cash-checklist-eyebrow,.payday-eyebrow,
 .debt-kicker,.invest-kicker,.retirement-kicker,.wmd-goals-kicker){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace :is(button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--wmd-theme-accent)!important;
  outline-offset:2px;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .settings-theme-choice{
  background:var(--wmd-theme-panel)!important;
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .settings-theme-choice:hover{
  background:var(--wmd-theme-raised)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .settings-theme-name strong{color:var(--wmd-theme-text)!important}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .settings-theme-name small{color:var(--wmd-theme-muted)!important}

/* Public tour shows the same default blue on Net Worth, Budget, Cash Flow,
   Debt, Investments, Retirement and Goals, independent of account settings. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]{
  --wmd-accent:#8ec8f3!important;
  --wmd-networth-accent:#8ec8f3!important;
  --wmd-budget-accent:#8ec8f3!important;
  --wmd-plan-accent:#8ec8f3!important;
  --wmd-investments-accent:#8ec8f3!important;
  --retire-accent:#8ec8f3!important;
  --goal-accent:#8ec8f3!important;
  --cashflow-blue:#8ec8f3!important;
  --wmd-chart-primary:#8ec8f3!important;
  --wmd-chart-bright:#b9dffa!important;
  --wmd-chart-muted:#8aaec9!important;
  --wmd-chart-soft:#183043!important;
  --wmd-chart-raised:#28475d!important;
  --wmd-chart-line:#597f9b!important;
  --inv-accent:#8ec8f3!important;
  --inv-panel:#192936!important;
  --inv-deep:#121e2a!important;
  --inv-raised:#243847!important;
  --inv-line:#405b70!important;
  --inv-text:#f0f6fb!important;
  --inv-muted:#b4cadb!important;
  --broker-accent:#8ec8f3!important;
  --broker-panel:#192936!important;
  --broker-panel-deep:#121e2a!important;
  --broker-ink:#f0f6fb!important;
  --broker-muted:#b4cadb!important;
  --wmd-ui-panel:#192936!important;
  --wmd-ui-deep:#121e2a!important;
  --wmd-ui-raised:#243847!important;
  --wmd-ui-line:#405b70!important;
  --wmd-ui-line-soft:#304b60!important;
  --wmd-ui-muted:#b4cadb!important;
  --wmd-ui-txt:#f0f6fb!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]
  :is(.retirement-page,.wmd-goals-page,.invest-refresh,.invest-perf,.money-map,.mm-explore){
  --retire-accent:#8ec8f3!important;
  --retire-ink:#f0f6fb!important;
  --retire-muted:#b4cadb!important;
  --retire-line:#405b70!important;
  --goal-accent:#8ec8f3!important;
  --broker-accent:#8ec8f3!important;
  --inv-accent:#8ec8f3!important;
  --inv-panel:#192936!important;
  --inv-deep:#121e2a!important;
  --inv-line:#405b70!important;
  --mm-mint:#8ec8f3!important;
  --mm-blue:#8ec8f3!important;
  --cashflow-blue:#8ec8f3!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
 .nw-chart-panel[data-mix-mode="liabilities"]{
  --wmd-chart-slice-1:#d98a94;--wmd-chart-slice-2:#b65d6e;
  --wmd-chart-slice-3:#e2aca9;--wmd-chart-slice-4:#c77781;
  --wmd-chart-slice-5:#a55367;--wmd-chart-slice-6:#d9978f;
  --wmd-chart-slice-7:#b77e90;--wmd-chart-slice-8:#edbdb8;
}

/* Real investments + demo: match the entire chart and hover controls,
   including line/area/cursor, legend and comparator series. */
#app :is(main.wmd-workspace--investments,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"])
 :is(.invest-perf-svg>path:last-of-type,.invest-perf-svg .invest-perf-primary-line){
  stroke:var(--wmd-chart-primary)!important;
}
#app :is(main.wmd-workspace--investments,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"])
 .invest-perf-svg #invest-perf-fill stop{
  stop-color:var(--wmd-chart-primary)!important;
}
#app :is(main.wmd-workspace--investments,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"])
 .invest-perf [data-invest-perf-benchmark="SPY"]{--comparison-color:var(--wmd-chart-two)}
#app :is(main.wmd-workspace--investments,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"])
 .invest-perf [data-invest-perf-benchmark="DIA"]{--comparison-color:var(--wmd-chart-three)}
#app :is(main.wmd-workspace--investments,
 .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"])
 .invest-perf [data-invest-perf-benchmark="QQQ"]{--comparison-color:var(--wmd-chart-four)}


/* Landing Investments: the public tour always follows the Ocean default.
   Old graphite/amethyst tokens on the nested investment workspace were still
   winning for selected chart tabs, period filters, focus and history pills.
   Keep signed-in Mixed themes independent and gain/loss colors semantic. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"],
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] :is(.wmd-workspace--investments,.invest-refresh,.invest-perf),
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview) .wmd-workspace--investments,
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview) .wmd-workspace--investments :is(.invest-refresh,.invest-perf) {
  --wmd-investments-accent:#8ec8f3!important;
  --inv-accent:#8ec8f3!important;
  --inv-hover:#2a4356!important;
  --inv-selected:#2a495f!important;
  --inv-icon-bg:#223e52!important;
  --inv-line-strong:#739bb7!important;
  --inv-accent-line:color-mix(in srgb,#8ec8f3 58%,#405b70)!important;
  --inv-cta-ink:#101f2a!important;
}

/* Light mode is an actual light interface, not white text on white panels. */
html:has(#app[data-wmd-color-scheme="white"]),
body:has(#app[data-wmd-color-scheme="white"]){
  background:#f2f6fa!important;
  color:#192e40!important;
  color-scheme:light;
}
#app[data-wmd-color-scheme="white"] > header .brand h1{
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > header .brand h1 em{
  color:#286a9e!important;-webkit-text-fill-color:#286a9e!important;
}
#app[data-wmd-color-scheme="white"] > header :is(.brand-meta,.header-actions time){
  color:#506577!important;
}
#app[data-wmd-color-scheme="white"] > header .header-actions button{
  background:#ffffff!important;color:#213b4d!important;border-color:#bdcfdd!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav > button[data-tab]{
  color:#506577!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav > button[data-tab].active{
  background:#dcebf6!important;border-color:#6698bf!important;color:#205a87!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav > button[data-tab]:hover{
  color:#205a87!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  h1,h2,h3,h4,.nw-focus-heading>span,.nw-unified-totals>h2,
  .nw-focus-figure>strong,.summary-card>h2,
  .retirement-kpis strong,.debt-overview h2,.invest-hero h2
):not(:is(.positive,.negative,.danger,.warning,.is-risk)){
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  .nw-focus-figure>span,.nw-focus-figure>span>span,.nw-focus-actions>button,
  .budget-top .summary-item small,.money-mix-legend-item>span,
  .history-head p,.retirement-kpis span,.retirement-status-row p,
  .invest-panel-head p,.debt-breakdown-item-name em,
  .wmd-discovery-copy,.wmd-discovery-copy strong
):not(:is(.negative,.positive,.warning,.danger)){
  color:#506577!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
 .nw-unified-overview,.nw-unified-trend,.nw-chart-panel,.nw-section,.history-panel,
 .budget-top .summary-card,.budget-top .budget-chart,.budget-section,.budget-overview-section,
 .category-overview.money-mix,.cash-summary,.cashflow-dashboard,.cashflow-calendar-card,
 .cash-checklist,.cashflow-disclosure,.cashflow-dashboard .cash-kpi,
 .money-map,.mm-explore,.mm-chart-shell,
 .debt-overview,.debt-breakdown-panel,.debt-plan-panel,.debt-results-panel,
 .debt-accounts-panel,.invest-perf,.invest-refresh .invest-hero-refreshed,
 .invest-clarity,.invest-panel,.invest-toolbar,.invest-accounts-panel,
 .invest-account-overview,.invest-account-table,.invest-account-row,
 .retirement-card,.retirement-chart-card,.retirement-outlook,.wmd-goals-page .wmd-goal-card,
 .wmd-discovery,.wmd-discovery-results,.wmd-discovery-control
):not(:is(.negative,.warning,.danger,.is-risk,.shortfall)){
  background:#ffffff!important;
  background-image:none!important;
  border-color:#bdcfdd!important;
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  .nw-focus-figure,.nw-group-head,.nw-section-title,
  .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)),
  .budget-grid.grid-header,.budget-overview-toggle,
  .cashflow-dashboard .cash-kpi,.cash-checklist-card,
  .debt-breakdown-item:not(:is(.negative,.warning,.danger)),
  .invest-position-card,.invest-ticker-card,
  .invest-performance-stats>article,.retirement-kpis>article,
  .wmd-plan-subnav,.wmd-discovery-chip
):not(:is(.negative,.warning,.danger,.is-risk)){
  background:#edf3f8!important;
  border-color:#d0dde8!important;
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
 .nw-focus-figure>strong,.budget-overview-amount,
 .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)) b,
 .nw-unified-totals>h2,.cashflow-dashboard .cash-kpi strong,
 .cash-summary h2,.invest-performance-stats>article strong,
 .retirement-kpis>article strong,.debt-breakdown-item-balance strong
):not(:is(.positive,.negative,.warning,.danger,.is-risk)){
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  input:not([type="checkbox"]):not([type="radio"]),textarea,select
){
  background:#f8fbfd!important;color:#192e40!important;
  border-color:#b8cada!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  input:not([type="checkbox"]):not([type="radio"]),textarea,select
)::placeholder{color:#698094!important}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace :is(
  button,summary
):not(:is(.negative,.danger,.warning,.destructive,.remove,.delete,.primary,[class*="risk"])){
  border-color:#b9cbd9;
}
#app[data-wmd-color-scheme="white"] .settings-dialog{
  background:#f7fafd!important;color:#192e40!important;border-color:#bdcfdd!important;
}
#app[data-wmd-color-scheme="white"] .settings-head,
#app[data-wmd-color-scheme="white"] :is(.settings-section,.settings-theme-picker){
  background:#ffffff!important;color:#192e40!important;border-color:#d1dfe9!important;
}
#app[data-wmd-color-scheme="white"] .settings-dialog :is(
  h2,h3,legend,.settings-theme-name strong,.settings-ask-bar-copy strong
){color:#192e40!important}
#app[data-wmd-color-scheme="white"] .settings-dialog :is(
  p,small,.settings-theme-name small,.settings-theme-explainer
){color:#536a7c!important}
#app[data-wmd-color-scheme="white"] .settings-dialog :is(
  input:not([type="checkbox"]):not([type="radio"]),select,textarea
){background:#f5f9fc!important;color:#192e40!important;border-color:#bdcfdd!important}
#app[data-wmd-color-scheme="white"] .settings-theme-choice:has(input:checked){
  border-color:#286a9e!important;box-shadow:inset 0 0 0 1px #286a9e!important;
}
#app[data-wmd-color-scheme="white"] .settings-theme-name strong::after{color:#286a9e!important}
#app[data-wmd-color-scheme="white"] :is(
  .nw-unified-overview,.nw-unified-trend,.budget-chart,.invest-perf,.retirement-chart-card
) :is(.hist-label,.mm-axis-label,.retirement-axis){
  fill:#536a7c!important;color:#536a7c!important;
}
#app[data-wmd-color-scheme="white"] :is(
  .chart-tooltip,.history-hover-tip,.invest-perf-tooltip,.mm-tip
){
  background:#ffffff!important;color:#192e40!important;border-color:#9dbad1!important;
  box-shadow:0 9px 26px rgba(25,55,75,.12)!important;
}
#app[data-wmd-color-scheme="white"] .settings-close{
  color:#192e40!important;background:#eaf2f9!important;border-color:#bdcfdd!important;
}

/* Explicit monochrome Black: backgrounds stay neutral and text remains
   accessible; positive/negative financial series are not desaturated. */
#app[data-wmd-color-scheme="black"] > main.wmd-workspace :is(
 .nw-unified-overview,.nw-unified-trend,.budget-top .summary-card,
 .budget-top .budget-chart,.budget-section,.cashflow-dashboard,
 .debt-overview,.debt-breakdown-panel,.invest-perf,.invest-clarity,
 .invest-account-overview,.retirement-card,.retirement-chart-card,.wmd-goal-card
){
  background:var(--wmd-theme-panel)!important;
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme="pink"] > main.wmd-workspace :is(
 .nw-unified-overview,.nw-unified-trend,.budget-top .summary-card,
 .budget-top .budget-chart,.budget-section,.cashflow-dashboard,
 .debt-overview,.debt-breakdown-panel,.invest-perf,.invest-clarity,
 .invest-account-overview,.retirement-card,.retirement-chart-card,.wmd-goal-card
){
  background:var(--wmd-theme-panel)!important;
  border-color:var(--wmd-theme-line)!important;
}

/* Existing positive (mint), negative/liability (coral/rose), amber warnings,
   original photographs, user category colors and data logic are intentional.
   Never apply a global CSS filter or recolor imported imagery. */
@media(forced-colors:active){
  #app[data-wmd-color-scheme] > main.wmd-workspace{
    forced-color-adjust:auto!important;
  }
}


/* Secondary fictional demo shells and page-aligned overlays use the same
   default blue, not a separate green/sand/purple styling system. */
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview) .wmd-workspace{
  --wmd-accent:#8ec8f3!important;
  --wmd-accent-line:rgba(142,200,243,.4)!important;
  --wmd-networth-accent:#8ec8f3!important;
  --wmd-budget-accent:#8ec8f3!important;
  --wmd-plan-accent:#8ec8f3!important;
  --wmd-investments-accent:#8ec8f3!important;
  --wmd-chart-primary:#8ec8f3!important;
  --wmd-chart-bright:#b9dffa!important;
  --wmd-chart-muted:#90b5cf!important;
  --wmd-chart-two:#bc9cd6;
  --wmd-chart-three:#dab787;
  --wmd-chart-four:#729fe1;
  --wmd-ui-panel:#192936!important;
  --wmd-ui-deep:#121e2a!important;
  --wmd-ui-raised:#243847!important;
  --wmd-ui-line:#405b70!important;
  --wmd-ui-line-soft:#304b60!important;
  --wmd-ui-muted:#b4cadb!important;
  --wmd-ui-txt:#f0f6fb!important;
  --cashflow-blue:#8ec8f3!important;
  --retire-accent:#8ec8f3!important;
  --inv-accent:#8ec8f3!important;
  --inv-panel:#192936!important;
  --inv-line:#405b70!important;
}
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  :is(.history-line,.mm-line,.debt-line,.retirement-line){
  stroke:#8ec8f3!important;
}
/* Public Debt Paydown line was Ocean while SVG points and the gradient
   retained legacy mint. Keep the fictional chart one consistent palette. */
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  .debt-point{
  fill:#8ec8f3!important;stroke:#192229!important;
}
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  #debtArea stop{
  stop-color:#8ec8f3!important;
}
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  :is(.history-area,.retirement-area){
  fill:#8ec8f3!important;fill-opacity:.11!important;
}
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  :is(.history-hover-tip,.nw-chart-switch button.active,
      .history-periods button.active){
  border-color:#719fc2!important;
}
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview)
  .landing-demo-real-header .brand h1 em{
  color:#b9dffa!important;-webkit-text-fill-color:#b9dffa!important;
}

/* Nonfinancial dialogs live alongside main, so they cannot inherit the
   workspace's own CSS custom properties. Follow the active appearance here. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  :is(.settings-dialog,.cash-calendar-editor,.guided-shell,.connections-center,
      .photo-import-dialog,.photo-import-workspace,.snapper-shell,
      .wmd-display-name-dialog){
  --wmd-ui-panel:var(--wmd-theme-panel)!important;
  --wmd-ui-deep:var(--wmd-theme-deep)!important;
  --wmd-ui-raised:var(--wmd-theme-raised)!important;
  --wmd-ui-line:var(--wmd-theme-line)!important;
  --wmd-ui-line-soft:var(--wmd-theme-line-soft)!important;
  --wmd-ui-muted:var(--wmd-theme-muted)!important;
  --wmd-ui-txt:var(--wmd-theme-text)!important;
  --wmd-budget-accent:var(--wmd-theme-accent)!important;
  --wmd-current-accent:var(--wmd-theme-accent)!important;
  --ess-accent:var(--wmd-theme-accent)!important;
  --snapper-accent:var(--wmd-theme-accent)!important;
  --cashflow-editor-accent:var(--wmd-theme-accent)!important;
}
#app[data-wmd-color-scheme="white"] :is(
 .cash-calendar-editor,.guided-shell,.connections-center,
 .photo-import-dialog,.photo-import-workspace,.snapper-shell,
 .wmd-display-name-dialog
){
  color:#192e40!important;
  background:#ffffff!important;
  border-color:#bdcfdd!important;
}
#app[data-wmd-color-scheme="white"] :is(
 .cash-calendar-editor,.guided-shell,.connections-center,
 .photo-import-dialog,.photo-import-workspace,.snapper-shell,
 .wmd-display-name-dialog
) :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select){
  background:#f3f8fc!important;color:#192e40!important;
  border-color:#bdcfdd!important;
}

/* The theme change should extend to the browser canvas and the last 15px
   below an otherwise short page, not end in a charcoal strip. */
html:has(#app[data-wmd-color-scheme="ocean"]),
body:has(#app[data-wmd-color-scheme="ocean"]){background:#0e1721!important}
html:has(#app[data-wmd-color-scheme="black"]),
body:has(#app[data-wmd-color-scheme="black"]){background:#080a0d!important}
html:has(#app[data-wmd-color-scheme="pink"]),
body:has(#app[data-wmd-color-scheme="pink"]){background:#18131c!important}
html:has(#app[data-wmd-color-scheme="mint"]),
body:has(#app[data-wmd-color-scheme="mint"]){background:#10191d!important}

/* Light mode readable chart axes, legends and neutral chart values. Status
   signals keep their own status classes and hues. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace
 :is(.wmd-discovery-heading,.wmd-discovery-copy,.nw-focus-heading,.nw-focus-heading>span,
     .nw-focus-figure>span,.nw-focus-figure>strong,.history-head h3,
     .category-overview-head h3,.category-overview-head>strong,
     .invest-today-total,.invest-account-copy strong,.retirement-status-row h3,
     .retirement-kpis strong,.retirement-top-tools>span,
     .money-mix-legend-item>b,.side-legend b,.nw-section-title h3,
     .wmd-goals-section-head h2,.debt-breakdown-header h3){
  color:#192e40!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace
 :is(.nw-focus-actions button,.nw-goal-details>summary,.history-periods button,
     .nw-chart-switch button,.debt-chart-inspector button,
     .invest-perf-modes button,.invest-perf-ranges button,
     .retirement-dollar-switch button,.wmd-goals-filter button){
  color:#215982!important;
  border-color:#bdcfdd!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace
 :is(.history-panel,.mm-chart-shell,.debt-chart,.invest-perf,.retirement-chart)
 :is(.hist-grid,.mm-grid,.retirement-grid,.invest-perf-grid){
  stroke:#c5d5e2!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace
 :is(.history-panel,.mm-chart-shell,.debt-chart,.invest-perf,.retirement-chart)
 :is(.hist-label,.mm-axis-label,.retirement-axis,.invest-perf-axis){
  fill:#536a7c!important;
  color:#536a7c!important;
}

/* Component-level financial semantics and consistent tab accents.
   A theme colors the interface, never disguises risk or liabilities. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow{
  --cf-good:#68d7ac!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]{
  --cf-good:#68d7ac!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--debt .debt-breakdown-item-balance strong{
  color:#e49aa5!important;
}
#app[data-wmd-color-scheme="white"]
 > main.wmd-workspace--debt .debt-breakdown-item-balance strong{
  color:#a83e50!important;
}
#app[data-wmd-color-scheme="white"]
 > main.wmd-workspace--networth .nw-chart-panel[data-mix-mode="liabilities"]{
  --wmd-chart-slice-1:#b34c5d;
  --wmd-chart-slice-2:#963e56;
  --wmd-chart-slice-3:#c46c71;
  --wmd-chart-slice-4:#aa5367;
  --wmd-chart-slice-5:#85384e;
  --wmd-chart-slice-6:#ba6574;
  --wmd-chart-slice-7:#98556b;
  --wmd-chart-slice-8:#c17c84;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab{
  --tab-accent:#8ec8f3!important;
  --landing-tab-accent:#8ec8f3!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:not(.active):not([aria-selected="true"]){
  color:#b9dffa!important;
  border-color:rgba(142,200,243,.27)!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(.active,[aria-selected="true"]){
  color:#eff8ff!important;
  background:color-mix(in srgb,#8ec8f3 19%,#162631)!important;
  border-color:#8ec8f3!important;
}

}
/* wmd-install-experience.css */
@media screen {
/* Original Where's My Dollar? install presentation.
   Ocean/blue editorial accents, mint only for primary action. */
#app .landing-v6 .wmd-device-install {
  position:relative;isolation:isolate;box-sizing:border-box;
  display:grid;grid-template-columns:minmax(0,1.14fr) minmax(260px,.86fr);
  gap:clamp(20px,4vw,60px);align-items:center;
  width:min(1120px,calc(100% - 40px));min-width:0;margin:0 auto;
  padding:clamp(27px,4vw,48px);
  overflow:hidden;border:1px solid rgba(142,200,243,.28);
  border-radius:23px;
  background:radial-gradient(ellipse 54% 115% at 100% 20%,rgba(101,164,212,.11),transparent 75%),
             linear-gradient(145deg,#162938,#101d2a 80%);
  box-shadow:0 18px 48px rgba(0,8,18,.15);
}
#app .landing-v6 .wmd-device-install-copy{position:relative;z-index:1;min-width:0}
#app .landing-v6 .wmd-device-kicker{
  margin:0 0 15px!important;color:#9bcce9!important;
  font-size:11px!important;line-height:1.4!important;letter-spacing:.15em;font-weight:800;
}
#app .landing-v6 .wmd-device-install h2{
  margin:0!important;color:#f2f8fc!important;
  font-size:clamp(27px,3.65vw,47px);line-height:1.09;
  letter-spacing:-.047em;font-weight:800;text-wrap:balance;
}
#app .landing-v6 .wmd-device-install h2 em{
  font-style:normal;color:#b9dffa!important;-webkit-text-fill-color:#b9dffa!important;
}
#app .landing-v6 .wmd-device-install-copy>p:not(.wmd-device-kicker){
  max-width:530px;margin:18px 0 0!important;
  color:#bdd0dd!important;font-size:clamp(13px,1.17vw,15px)!important;line-height:1.68;
}
#app .landing-v6 .wmd-device-install-actions{
  display:flex;align-items:center;gap:13px 18px;flex-wrap:wrap;margin-top:22px;
}
#app .landing-v6 .wmd-device-install-primary{
  display:inline-flex;align-items:center;justify-content:center;
  box-sizing:border-box;min-height:46px;max-width:100%;padding:11px 21px;
  border:1px solid #67ddba;border-radius:11px;
  background:#65dfb6;color:#0c2b22;
  font-family:inherit;font-size:14px;font-weight:800;line-height:1.25;letter-spacing:-.015em;
  cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;
  box-shadow:0 7px 23px rgba(74,210,165,.13);
}
#app .landing-v6 .wmd-device-install-primary:hover:not(:disabled){
  transform:translateY(-1px);background:#8aebc9;
  box-shadow:0 9px 27px rgba(74,210,165,.18);
}
#app .landing-v6 .wmd-device-install-primary:disabled{
  cursor:default;opacity:.76;box-shadow:none;
}
#app .landing-v6 .wmd-device-install-actions>span{
  color:#a8c4d7;font-size:12px;line-height:1.4;
}
#app .landing-v6 .wmd-device-install-illustration{
  position:relative;display:flex;align-items:center;justify-content:center;
  flex-direction:column;min-width:0;min-height:278px;
}
#app .landing-v6 .landing-intro-v5>.wmd-install-hero-hint{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:5px;
  margin:12px auto 0!important;color:#b7d1e3!important;font-size:12px!important;
  line-height:1.5!important;
}
#app .landing-v6 .wmd-install-hero-hint>span{color:#65dfb6}
#app .landing-v6 .wmd-install-hero-hint button{
  padding:2px 1px;border:0;border-bottom:1px solid rgba(142,200,243,.45);
  border-radius:0;background:transparent;color:#b9dffa;
  font-family:inherit;font-size:12px;font-weight:700;line-height:1.4;cursor:pointer;
}
#app .landing-v6 .wmd-install-hero-hint button:hover{color:#f0f8ff;border-color:#b9dffa}
#app .landing-v6 :is(.wmd-device-install-primary,.wmd-install-hero-hint button):focus-visible,
.wmd-install-guide :is(button):focus-visible{
  outline:2px solid #b9dffa!important;outline-offset:4px;
}

/* One shared, device-aware installer for landing, footer, and signed-in Settings. */
.wmd-install-guide{
  box-sizing:border-box;position:fixed;width:min(530px,calc(100% - 24px));
  max-height:calc(100dvh - 30px);margin:auto;padding:26px;
  overflow-y:auto;overscroll-behavior:contain;
  border:1px solid rgba(145,196,227,.40);border-radius:23px;
  background:radial-gradient(ellipse 100% 47% at 100% 0%,rgba(112,171,214,.11),transparent 78%),#122230;
  color:#eef7fd;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 28px 80px rgba(0,5,14,.6);
  color-scheme:dark;
}
.wmd-install-guide::backdrop{
  background:rgba(3,9,16,.78);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
.wmd-install-guide-top{
  display:flex;align-items:center;gap:12px;margin-bottom:21px;
}
.wmd-install-guide-top img{
  flex:none;width:52px;height:52px;object-fit:contain;border-radius:12px;
  border:1px solid rgba(180,217,243,.18);
}
.wmd-install-guide-top>span{
  display:flex;flex-direction:column;gap:4px;min-width:0;
  color:#e9f5fc;font-size:12px;font-weight:820;letter-spacing:.03em;
}
.wmd-install-guide-top small{font-size:10px;font-weight:740;letter-spacing:.14em;color:#9dcde8}
.wmd-install-guide-x{
  display:grid;place-items:center;flex:none;width:38px;height:38px;
  margin-left:auto;padding:0;border:1px solid rgba(142,200,243,.26);
  border-radius:11px;background:#1b3141;color:#d3e4f0;
  font-family:inherit;font-size:24px;font-weight:400;line-height:1;cursor:pointer;
}
.wmd-install-guide h2{
  margin:0;color:#f4faff;font-size:clamp(23px,5vw,31px);
  font-weight:810;line-height:1.14;letter-spacing:-.038em;
}
.wmd-install-guide-lead{margin:12px 0 20px;color:#b9cddd;font-size:14px;line-height:1.6}
.wmd-install-guide-steps{
  display:grid;gap:9px;list-style:none;counter-reset:none;margin:0;padding:0;
}
.wmd-install-guide-steps li{
  display:grid;grid-template-columns:38px minmax(0,1fr);align-items:start;
  gap:12px;box-sizing:border-box;padding:14px;
  border:1px solid rgba(142,200,243,.22);border-radius:13px;background:#182d3b;
}
.wmd-install-step-num{
  display:grid;place-items:center;width:34px;height:34px;
  border:1px solid rgba(104,214,186,.3);border-radius:10px;
  background:rgba(94,202,171,.10);color:#8cebd0;
  font-size:12px;font-weight:830;
}
.wmd-install-guide-steps strong{
  display:block;color:#f0f8fe;font-size:14px;line-height:1.4;
}
.wmd-install-guide-steps p{
  margin:4px 0 0;color:#b0c8d7;font-size:12.5px;line-height:1.56;
}
.wmd-install-guide-note{
  margin:18px 0 16px;color:#b0c7d4;font-size:12px;line-height:1.6;
}
.wmd-install-guide-done,
.wmd-install-copy-link{
  box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  width:100%;min-height:46px;margin:8px 0 0;padding:10px 18px;
  border:1px solid #68ddba;border-radius:11px;
  background:#65dfb6;color:#0a2d23;font-family:inherit;font-size:14px;font-weight:800;line-height:1.3;cursor:pointer;
}
.wmd-install-copy-link{
  background:#213b4c;color:#dceefa;border-color:rgba(142,200,243,.42);
}
.wmd-install-guide-done:hover{background:#8cecc9}
.wmd-install-copy-link:hover{background:#2b4b61}
.wmd-install-copy-status{
  margin:8px 0!important;overflow-wrap:anywhere;
  color:#b9dffa;font-size:12px;line-height:1.5;
}
#wmd-install-notice{
  position:fixed;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;
  z-index:3500;box-sizing:border-box;width:max-content;max-width:calc(100% - 30px);
  padding:13px 18px;border:1px solid rgba(142,200,243,.5);
  border-radius:13px;background:#1b3343;color:#f3fafe;
  font:700 13px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
  box-shadow:0 16px 40px rgba(0,5,15,.4);
  opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .2s,transform .2s;
}
#wmd-install-notice.wmd-install-notice-visible{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){
  #app .landing-v6 .wmd-device-install{
    grid-template-columns:minmax(0,1fr);gap:17px;
    width:calc(100% - 26px);padding:25px 20px 22px;border-radius:18px;
  }
  #app .landing-v6 .wmd-device-install h2{
    font-size:clamp(27px,7.2vw,34px);
  }
  #app .landing-v6 .wmd-device-install-copy>p:not(.wmd-device-kicker){
    font-size:13.5px!important;margin-top:12px!important;
  }
  #app .landing-v6 .wmd-device-install-actions{margin-top:17px}
  #app .landing-v6 .wmd-device-install-primary{width:100%;min-height:48px}
  #app .landing-v6 .wmd-device-install-actions>span{width:100%;text-align:center}
  #app .landing-v6 .wmd-device-install-illustration{min-height:153px}
  .wmd-install-guide{
    width:calc(100% - 16px);
    max-height:calc(100dvh - 12px - env(safe-area-inset-bottom));
    margin:auto auto 6px;padding:21px 19px calc(20px + env(safe-area-inset-bottom));
    border-radius:18px 18px 13px 13px;
  }
  .wmd-install-guide-lead{font-size:13px}
  .wmd-install-guide-steps li{padding:12px;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .wmd-device-install-primary,
  #wmd-install-notice{transition:none!important}
}


/* Editorial showcase with actual browser-captured app screens, not illustrations. */

#app .landing-v6 .wmd-device-install{
  width:min(1160px,calc(100% - 42px));
  padding:clamp(23px,3.5vw,42px) clamp(0px,2.3vw,26px);
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(26px,4vw,58px);
  background:transparent!important;
  border:0!important;
  border-top:1px solid rgba(141,188,219,.23)!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible;
}
#app .landing-v6 .wmd-device-install-copy>p:not(.wmd-device-kicker){
  max-width:480px;
}
#app .landing-v6 .wmd-device-install-illustration{
  min-width:0;min-height:232px;
  display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:12px;
}
#app .landing-v6 .wmd-device-previews{
  width:100%;max-width:540px;min-width:0;
  display:grid;
  grid-template-columns:minmax(0,.68fr) minmax(0,1.12fr) minmax(0,1.6fr);
  gap:clamp(7px,1.5vw,16px);
  align-items:end;
}
#app .landing-v6 .wmd-device-sample{
  display:flex;flex-direction:column;align-items:center;justify-content:end;
  min-width:0;gap:12px;
}
#app .landing-v6 .wmd-device-name{
  display:block;color:#adcade;font-size:10px;font-weight:800;
  letter-spacing:.13em;line-height:1.4;text-align:center;
}
#app .landing-v6 .wmd-device-frame{
  box-sizing:border-box;position:relative;min-width:0;width:100%;
  overflow:hidden;background:#101e2a;color:#e7f3fb;
  border:1px solid rgba(153,207,243,.45);
  box-shadow:0 14px 30px rgba(0,7,16,.25),inset 0 1px 0 rgba(208,239,255,.045);
}
#app .landing-v6 .wmd-device-frame-phone{
  width:100%;max-width:104px;aspect-ratio:.51;
  border:4px solid #172a39;border-radius:19px;
  outline:1px solid rgba(141,192,228,.42);
  padding:14px 7px 8px;background:linear-gradient(145deg,#152d40,#0d1e2e);
}
#app .landing-v6 .wmd-device-phone-notch{
  position:absolute;top:4px;left:31%;width:38%;height:5px;
  border-radius:999px;background:#060f17;
}
#app .landing-v6 .wmd-device-frame-tablet{
  aspect-ratio:1.43;padding:7px;border:5px solid #172a39;
  border-radius:15px;outline:1px solid rgba(141,192,228,.42);
  background:#122636;
}
#app .landing-v6 .wmd-device-frame-desktop{
  aspect-ratio:1.58;padding:6px;border:5px solid #172a39;
  border-bottom-width:7px;border-radius:10px 10px 4px 4px;
  outline:1px solid rgba(141,192,228,.4);
  background:#142837;
}
#app .landing-v6 .wmd-device-desktop-base{
  width:106%;height:8px;margin-top:1px;
  background:linear-gradient(#46677a,#233b4d);
  clip-path:polygon(4% 0,96% 0,100% 65%,94% 100%,6% 100%,0 65%);
  border-radius:2px 2px 6px 6px;
}
#app .landing-v6 .wmd-device-illustration-note{
  margin:3px 0 0!important;
  color:#90adbf!important;font-size:11px!important;line-height:1.35!important;
  text-align:center;
}
#app .landing-v6 .landing-header .wmd-header-install{
  box-sizing:border-box;display:inline-flex!important;
  align-items:center;justify-content:center;gap:7px;
  min-height:38px;padding:8px 12px;margin:0 4px 0 0;
  border:1px solid rgba(142,200,243,.36);border-radius:10px;
  background:rgba(34,63,83,.37);color:#bedef1;
  font-family:inherit;font-size:12px;font-weight:760;line-height:1.1;
  cursor:pointer;white-space:nowrap;
  transition:background .16s,border-color .16s,color .16s;
}
#app .landing-v6 .landing-header .wmd-header-install svg{
  display:block;flex:none;width:17px;height:17px;
}
#app .landing-v6 .landing-header .wmd-header-install:hover:not(:disabled){
  border-color:rgba(173,219,247,.65);background:rgba(56,95,123,.55);color:#f2f9fe;
}
#app .landing-v6 .landing-header .wmd-header-install:focus-visible{
  outline:2px solid #b9dffa;outline-offset:3px;
}
#app .landing-v6 .landing-header .wmd-header-install.is-installed{
  border-color:rgba(114,199,170,.30);color:#9bdac6;opacity:.78;
  cursor:default;
}
@media(max-width:760px){
  #app .landing-v6 .wmd-device-install{
    width:calc(100% - 28px);
    grid-template-columns:minmax(0,1fr);gap:22px;
    padding:27px 6px 14px;border-radius:0;
  }
  #app .landing-v6 .wmd-device-install-illustration{
    min-height:0;gap:9px;padding-top:5px;
  }
  #app .landing-v6 .wmd-device-previews{
    width:min(100%,390px);gap:clamp(7px,2vw,12px);
  }
  #app .landing-v6 .wmd-device-sample{gap:10px}
  #app .landing-v6 .wmd-device-name{font-size:9px}
  #app .landing-v6 .wmd-device-frame-phone{border-width:3px;border-radius:15px;padding:11px 5px 7px}
  #app .landing-v6 .wmd-preview-phone-title{margin-top:7px}
  #app .landing-v6 .wmd-preview-mini-spark{height:28px;gap:2px}
  #app .landing-v6 .wmd-preview-phone-item{margin-top:4px}
  #app .landing-v6 .wmd-device-frame-tablet{border-width:4px;border-radius:12px;padding:5px}
  #app .landing-v6 .wmd-preview-tablet-head{gap:3px;padding-bottom:3px}
  #app .landing-v6 .wmd-preview-tablet-body{padding:5px 0;gap:5px}
  #app .landing-v6 .wmd-preview-tablet-lines{gap:4px}
  #app .landing-v6 .wmd-preview-tablet-lines span{height:4px}
  #app .landing-v6 .wmd-device-frame-desktop{border-width:4px;border-bottom-width:6px;padding:4px}
  #app .landing-v6 .wmd-preview-desktop-toolbar{height:13px;padding-bottom:2px}
  #app .landing-v6 .wmd-preview-desktop-body{height:calc(100% - 15px);gap:4px;padding-top:4px}
}
@media(max-width:700px){
  #app .landing-v6 .landing-header .wmd-header-install{
    min-height:36px;width:36px;min-width:36px;
    margin:0;padding:8px;border-radius:9px;
  }
  #app .landing-v6 .landing-header .wmd-header-install .wmd-header-install-text{
    display:none;
  }
  #app .landing-v6 .landing-header .landing-nav{gap:5px}
}
@media(max-width:415px){
  #app .landing-v6 .landing-header .landing-header-inner{
    width:calc(100% - 20px);gap:5px;
  }
  #app .landing-v6 .landing-header .landing-brand{
    gap:5px;min-width:0;
  }
  #app .landing-v6 .landing-header .landing-brand span{
    font-size:clamp(10px,3.4vw,13px)!important;
    letter-spacing:-.035em;white-space:nowrap;
  }
  #app .landing-v6 .landing-header .landing-nav{gap:4px}
  #app .landing-v6 .landing-header .landing-nav .landing-login,
  #app .landing-v6 .landing-header .landing-nav .landing-primary{
    font-size:10px!important;padding:7px!important;min-height:36px;
  }
}
@media(max-width:350px){
  #app .landing-v6 .landing-header .landing-brand span{display:none!important}
}

/* Narrow phones: the wordmark may yield space, but Sign in and Start free
   must remain complete, tappable, and within the actual viewport safe area. */
@media(max-width:700px){
  #app .landing-v6 .landing-header .landing-header-inner{
    box-sizing:border-box!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) max-content;
    align-items:center;gap:8px;
    width:100%!important;max-width:100%!important;
    padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));
  }
  #app .landing-v6 .landing-header .landing-brand{
    min-width:0;max-width:100%;overflow:hidden;
  }
  #app .landing-v6 .landing-header .landing-brand img{flex:0 0 auto}
  #app .landing-v6 .landing-header .landing-brand span{
    min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  }
  #app .landing-v6 .landing-header .landing-nav{
    min-width:max-content;width:max-content;flex-wrap:nowrap;
    justify-self:end;margin:0;gap:4px!important;
  }
  #app .landing-v6 .landing-header .landing-nav .landing-login,
  #app .landing-v6 .landing-header .landing-nav .landing-primary,
  #app .landing-v6 .landing-header .landing-nav .wmd-header-install{
    flex:0 0 auto;white-space:nowrap;
  }
}
@media(max-width:360px){
  #app .landing-v6 .landing-header .landing-brand span{display:none!important}
  #app .landing-v6 .landing-header .landing-brand img{
    width:36px!important;height:36px!important;
  }
}


/* Authentic app panels from the public fictional demo, not invented UI. */
#app .landing-v6 .wmd-device-frame-real{
  padding:0!important;
  overflow:hidden;
  contain:paint;
  color-scheme:dark;
}
#app .landing-v6 .wmd-device-frame-real .wmd-install-real-viewport{
  position:absolute;inset:0;z-index:1;
  min-width:0;min-height:0;overflow:hidden;
  border-radius:inherit;background:#10202d;
  pointer-events:none;
}
#app .landing-v6 .wmd-device-frame-phone .wmd-device-phone-notch{
  z-index:3;
}
#app .landing-v6 .wmd-install-real-canvas{
  position:absolute;left:0;top:0;display:block;
  width:390px;max-width:none!important;
  transform-origin:top left;
  pointer-events:none!important;
  background:#0d1924;
  color:#eaf3f9;
  contain:layout style;
  font-size:14px;
}
#app .landing-v6 .wmd-install-real-canvas *,
#app .landing-v6 .wmd-install-real-canvas *::before,
#app .landing-v6 .wmd-install-real-canvas *::after{
  pointer-events:none!important;
}
#app .landing-v6 .wmd-install-real-viewport .wmd-install-preview-loading{
  position:absolute;inset:0;display:grid;place-items:center;
  padding:8px;color:#98bcd3;
  text-align:center;font:700 10px/1.5 system-ui,-apple-system,sans-serif;
}
#app .landing-v6 .wmd-device-sample-phone .wmd-install-real-canvas{
  background:#122432;
}
#app .landing-v6 .wmd-device-sample-phone .money-map{
  margin:0!important;
  gap:0!important;
  min-width:0!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-primary{
  min-width:0!important;
  padding:14px!important;
  box-shadow:none!important;
  border-radius:0!important;
  border:0!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-chart-shell--desktop{
  display:none!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-chart-shell--mobile{
  display:block!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-chart-shell--mobile .mm-chart-scroll{
  width:100%!important;max-width:100%!important;overflow:hidden!important;
}
#app .landing-v6 .wmd-device-sample-phone .money-map .mm-chart-shell--mobile .mm-chart{
  display:block!important;width:100%!important;height:auto!important;
  max-height:none!important;aspect-ratio:390 / 294;
}
#app .landing-v6 .wmd-device-sample-phone .mm-chart--mobile .mm-area{
  fill:url(#wmd-install-phone-mm-cash-gradient-mobile)!important;
}
#app .landing-v6 .wmd-device-sample-tablet .wmd-install-real-canvas,
#app .landing-v6 .wmd-device-sample-desktop .wmd-install-real-canvas{
  background:#0e1925;
}
#app .landing-v6 .wmd-device-sample-tablet .budget-top{
  margin:0!important;
}
#app .landing-v6 .wmd-device-sample-tablet .category-overview.money-mix.budget{
  margin-top:16px!important;
}
#app .landing-v6 .wmd-device-sample-desktop .nw-unified-dashboard{
  margin:0!important;
}
#app .landing-v6 .wmd-device-illustration-note{
  color:#a8c7d9!important;
}


/* Compact, progressive installation guidance: fast path first, help on demand. */
.wmd-install-guide{
  width:min(468px,calc(100% - 22px));
  max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));
  padding:21px;
}
.wmd-install-guide-top{margin-bottom:14px;gap:10px}
.wmd-install-guide-top img{width:44px;height:44px;border-radius:10px;object-fit:cover}
.wmd-install-guide h2{font-size:clamp(22px,5vw,27px);line-height:1.15}
.wmd-install-guide-lead{margin:9px 0 15px;font-size:13px;line-height:1.5}
.wmd-install-guide-steps{gap:8px}
.wmd-install-guide-steps li{
  grid-template-columns:31px minmax(0,1fr);
  gap:11px;padding:11px;border-radius:11px;
}
.wmd-install-step-num{width:30px;height:30px;font-size:11px;border-radius:9px}
.wmd-install-guide-steps strong{font-size:13.5px;line-height:1.33}
.wmd-install-guide-steps p{font-size:12px;line-height:1.43;margin-top:4px}
.wmd-install-guide-help{
  margin:12px 0 0;padding:0 12px;
  border:1px solid rgba(142,200,243,.22);
  border-radius:11px;background:rgba(109,169,205,.055);
}
.wmd-install-guide-help summary{
  cursor:pointer;list-style:none;padding:11px 0;
  color:#b9dffa;font-size:12.5px;font-weight:760;line-height:1.4;
}
.wmd-install-guide-help summary::-webkit-details-marker{display:none}
.wmd-install-guide-help summary:after{content:'+';float:right;font-size:17px;line-height:1}
.wmd-install-guide-help[open] summary:after{content:'-'}
.wmd-install-guide-help p{margin:0 0 12px;color:#b8cedd;font-size:12px;line-height:1.5}
.wmd-install-guide-note{margin:11px 0 12px;font-size:11.5px;line-height:1.45}
.wmd-install-guide-done,.wmd-install-copy-link{min-height:44px;margin-top:8px}
@media(max-width:760px){
  .wmd-install-guide{
    width:calc(100% - 16px);
    max-height:calc(100dvh - 14px - env(safe-area-inset-bottom));
    margin:auto auto 5px;
    padding:18px 16px calc(15px + env(safe-area-inset-bottom));
  }
  .wmd-install-guide-steps li{padding:10px;gap:9px}
  .wmd-install-guide-note{margin:10px 0}
}

/* Native, zoomable previews of the actual fictional app. */
#app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit{
  position:absolute;inset:0;z-index:8;display:block;width:100%;height:100%;
  padding:0;border:0;border-radius:inherit;background:transparent;
  cursor:zoom-in;touch-action:manipulation;
}
#app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit::after{
  content:"↗ Enlarge";position:absolute;top:6px;right:6px;
  padding:5px 7px;border:1px solid rgba(161,208,241,.52);border-radius:7px;
  background:rgba(12,27,41,.95);color:#d6ecfb;
  font:750 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.015em;opacity:0;transform:translateY(-3px);
  transition:opacity .16s,transform .16s;
}
#app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit:is(:hover,:focus-visible)::after{
  opacity:1;transform:none;
}
#app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit:focus-visible{
  outline:3px solid #b9dffa;outline-offset:-3px;
}
#app .landing-v6 .wmd-device-preview-dialog{
  box-sizing:border-box;width:min(1380px,calc(100vw - 28px));
  max-width:calc(100vw - 28px);max-height:calc(100dvh - 28px);
  margin:auto;padding:clamp(15px,2.5vw,27px);
  background:#101e2c;border:1px solid #4f7897;border-radius:19px;
  color:#edf6fc;box-shadow:0 30px 90px rgba(0,5,12,.76);
  overflow:auto;overscroll-behavior:contain;
}
#app .landing-v6 .wmd-device-preview-dialog:not([open]){display:none!important}
#app .landing-v6 .wmd-device-preview-dialog::backdrop{
  background:rgba(3,10,18,.83);backdrop-filter:blur(5px);
}
#app .landing-v6 .wmd-device-preview-modal-inner{
  display:grid;justify-items:center;gap:11px;min-width:0;
}
#app .landing-v6 .wmd-device-preview-top{
  width:100%;display:flex;align-items:start;justify-content:space-between;gap:12px;
}
#app .landing-v6 .wmd-device-preview-top h2{
  margin:4px 0 0;font-size:clamp(19px,2.5vw,27px);font-weight:790;
  line-height:1.16;letter-spacing:-.03em;color:#f1f8ff;
}
#app .landing-v6 .wmd-device-preview-eyebrow{
  margin:0;color:#8ec8f3;font-size:10px;font-weight:850;letter-spacing:.13em;
}
#app .landing-v6 .wmd-device-preview-close{
  width:38px;height:38px;min-width:38px;display:grid;place-items:center;
  padding:0;border-radius:10px;border:1px solid #45667f;background:#203549;
  color:#e8f5ff;cursor:pointer;font:450 26px/1 system-ui,sans-serif;
}
#app .landing-v6 .wmd-device-preview-close:hover{
  background:#2a475f;border-color:#8ec8f3;
}
#app .landing-v6 .wmd-device-preview-close:focus-visible,
#app .landing-v6 .wmd-device-preview-tour:focus-visible{
  outline:2px solid #b9dffa;outline-offset:3px;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-preview-enlarged{
  display:flex!important;justify-content:center!important;align-items:end!important;
  max-width:none!important;width:100%!important;gap:0!important;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample{
  gap:9px!important;width:100%;max-width:100%;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-phone{
  width:min(300px,calc(100vw - 90px))!important;
}
/* Make the landscape tablet screenshot the hero of its modal. Use
   viewport HEIGHT as well as width, so the full capture and CTA fit without
   clipping its bottom edge on a laptop screen. */
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-tablet{
  width:min(1040px,calc(100vw - 78px),calc((100dvh - 205px)*960/660))!important;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-tablet .wmd-device-name{
  display:none!important;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-tablet .wmd-device-frame-tablet{
  border:5px solid #102338!important;
  border-radius:19px!important;
  outline:1px solid rgba(142,200,243,.50)!important;
  padding:6px!important;
  box-shadow:0 16px 45px rgba(0,5,14,.45)!important;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-desktop{
  width:min(1260px,100%)!important;
}
/* An enlarged product screenshot should not be framed like a tiny toy laptop.
   Title already identifies the device. Avoid duplicated captions and wasted space. */
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-sample-desktop
  :is(.wmd-device-desktop-base,.wmd-device-name){
  display:none!important;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-frame{
  max-width:none!important;width:100%!important;min-width:0;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-name{
  color:#c2dff2;font-size:11px!important;letter-spacing:.11em;
}
#app .landing-v6 .wmd-device-preview-dialog .wmd-device-zoom-hit{
  display:none!important;
}
#app .landing-v6 .wmd-device-preview-description{
  max-width:700px;margin:0;text-align:center;line-height:1.45;
  font-size:13px;color:#b3cbdc;
}
#app .landing-v6 .wmd-device-preview-tour{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:8px 14px;border-radius:9px;
  border:1px solid #476f8b;background:#203748;color:#d6ebf9;
  text-decoration:none;font-size:13px;font-weight:740;
}
#app .landing-v6 .wmd-device-preview-tour:hover{
  background:#294a62;border-color:#8ec8f3;color:#fff;
}
@media(max-width:760px){
  #app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit::after{
    content:"↗";opacity:1;transform:none;top:4px;right:4px;padding:4px 6px;font-size:10px;
  }
  #app .landing-v6 .wmd-device-preview-dialog{
    width:calc(100vw - 16px);max-width:calc(100vw - 16px);
    max-height:calc(100dvh - 16px);padding:16px 12px 18px;border-radius:14px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .wmd-device-frame .wmd-device-zoom-hit::after{transition:none}
}

/* 2026-10-18: Install state should not compete with conversion actions.
   Standalone views already have the app installed; hide non-actions rather
   than displaying disabled green buttons in the header and hero. */
#app .landing-v6 .landing-header .wmd-header-install[hidden],
#app .landing-v6 .landing-intro-v5 .wmd-install-hero-hint button[hidden]{
  display:none!important;
}

/* Device availability is a product feature, not a positive balance. */
#app .landing-v6 .landing-intro-v5 .wmd-install-hero-hint>span{
  color:#8ec8f3!important;
}

/* Consistent institutional-grade nav typography, without changing layout. */
#app .landing-v6 .landing-header .landing-nav :is(
  .landing-login,.landing-primary,.wmd-header-install
){
  font-family:var(--wmd-font-ui,system-ui,-apple-system,"Segoe UI",sans-serif)!important;
}


/* Three unaltered, real Chromium PNG captures; the frames only scale the
   original screenshot pixels to fit each device, without creating UI. */
#app .landing-v6 .wmd-device-frame-real .wmd-install-real-viewport{
  display:grid;place-items:center;background:#10202d;
}
#app .landing-v6 .wmd-install-captured-screen{
  display:block;width:100%;height:100%;max-width:none;max-height:none;
  object-fit:contain;object-position:center top;
}
#app .landing-v6 .wmd-device-frame-phone{aspect-ratio:390/760}
#app .landing-v6 .wmd-device-frame-tablet{aspect-ratio:960/660}
#app .landing-v6 .wmd-device-frame-desktop{aspect-ratio:1440/650}

/* Real mobile Cash Flow screenshot: show the native frame at a useful size,
   not a small phone floating inside a desktop-wide empty dialog. */
#app .landing-v6 .wmd-device-preview-dialog[data-preview-device="phone"]{
  width:min(560px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
}
#app .landing-v6 .wmd-device-preview-dialog[data-preview-device="phone"] .wmd-device-sample-phone{
  width:min(390px,calc(100vw - 86px),calc((100dvh - 230px)*390/760))!important;
}
#app .landing-v6 .wmd-device-preview-dialog[data-preview-device="phone"] .wmd-device-name{
  display:none!important;
}
#app .landing-v6 .wmd-device-preview-dialog[data-preview-device="phone"] .wmd-device-frame-phone{
  padding:5px!important;border:4px solid #172a39!important;
  border-radius:21px!important;
  box-shadow:0 17px 45px rgba(0,5,14,.45)!important;
}

}
/* brand-ocean-actions.css */
@media screen {
/* Official Ocean brand actions (dev-only rollout, 2026-10-18).
   This file loads after all legacy mint CTA layers.
   Wordmark and headline use flat #B9DFFA; action fill #8EC8F3.
   The original font, financial gain/loss semantics, user-selectable palette
   cards, charts, destructive buttons, and warning states are NOT re-colored. */

:root{
  --wmd-brand-action:#8EC8F3;
  --wmd-brand-action-hover:#B9DFFA;
  --wmd-brand-action-ink:#102333;
  --wmd-brand-action-outline:#CFEAFF;
  --wmd-brand-action-muted:#25445A;
}

/* Landing, header, animated hero and conversion panels.
   Keep a single strong Ocean call to action, rather than mint competing with
   the blue wordmark and hero. Keep disabled actions visually subordinate. */
#app .landing-v6 :is(
  .landing-primary,
  .landing-king-cta,
  .wmd-dollar-finale-link,
  .wmd-device-install-primary
):not(:disabled):not([aria-disabled="true"]),
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button:not(:disabled),
#app .landing-v6 .landing-ask-demo-footer button:not(:disabled){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:0 6px 20px rgba(91,158,213,.16)!important;
  text-shadow:none!important;
}
#app .landing-v6 :is(
  .landing-primary,
  .landing-king-cta,
  .wmd-dollar-finale-link,
  .wmd-device-install-primary
):hover:not(:disabled):not([aria-disabled="true"]),
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button:hover:not(:disabled),
#app .landing-v6 .landing-ask-demo-footer button:hover:not(:disabled){
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:0 8px 24px rgba(106,175,225,.22)!important;
}
#app .landing-v6 :is(
  .landing-primary,
  .landing-king-cta,
  .wmd-dollar-finale-link,
  .wmd-device-install-primary
):focus-visible,
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button:focus-visible,
#app .landing-v6 .landing-ask-demo-footer button:focus-visible{
  outline:2px solid var(--wmd-brand-action-outline)!important;
  outline-offset:3px!important;
}

/* The founder hero had an extra-specific mint-hover override with !important.
   Match that selector exactly, keep its intentionally quiet, non-pulsing motion. */
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:not(:disabled){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:0 6px 18px rgba(91,158,213,.16)!important;
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:hover:not(:disabled){
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
  box-shadow:0 8px 24px rgba(106,175,225,.22)!important;
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:focus-visible{
  outline:2px solid var(--wmd-brand-action-outline)!important;
  box-shadow:0 8px 23px rgba(106,175,225,.20)!important;
}
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:active{
  box-shadow:0 3px 13px rgba(91,158,213,.14)!important;
}

/* Pricing: Complete is the most visually prominent sign-up. Free and
   Connected remain distinct secondary actions; no tier, price or availability
   business logic is modified. */
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-snapper .launch-path-action,
#app .landing-v6 .launch-path-grid-three > .launch-path-snapper .launch-path-action{
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:0 6px 18px rgba(91,158,213,.16)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-snapper .launch-path-action:hover,
#app .landing-v6 .launch-path-grid-three > .launch-path-snapper .launch-path-action:hover{
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action,
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action-primary,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-autopilot .launch-path-action{
  background:#243B4E!important;
  border-color:#547C99!important;
  color:#E7F3FC!important;
  box-shadow:none!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action:hover,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action:hover,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action:hover,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-autopilot .launch-path-action:hover{
  background:#2C4B61!important;
  border-color:#8EC8F3!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-action:focus-visible{
  outline:2px solid var(--wmd-brand-action-outline)!important;
  outline-offset:3px!important;
}
/* "Launch savings" are a marketing availability label, not chart gains. */
#app .landing-v6 .launch-path-grid-three .launch-path-savings{
  color:#C4E5FC!important;
  background:rgba(94,152,203,.12)!important;
  border-color:rgba(142,200,243,.44)!important;
}

/* Keep the demo's controls and the install reminder aligned with Ocean. */
#app .landing-v6 :is(.landing-install-nav,.launch-guidance-teaser button):hover{
  border-color:#8EC8F3!important;
}
#app .landing-v6 .landing-header-v4 .landing-nav .landing-install-nav{
  color:#BEDFFA!important;
  border-color:rgba(142,200,243,.42)!important;
  background:#203344!important;
}
#app .landing-v6 .landing-header-v4 .landing-nav .landing-install-nav:hover{
  color:#EEF8FF!important;
  background:#2C475D!important;
}
#app .landing-v6 .wmd-device-install-spark,
#app .landing-v6 .wmd-device-install-foot i{
  background:#8EC8F3!important;
  box-shadow:none!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button:disabled,
#app .landing-v6 :is(.landing-primary,.wmd-device-install-primary):disabled{
  background:#344D5E!important;
  color:#BDD0DB!important;
  border-color:#526D7F!important;
  box-shadow:none!important;
}
#app .landing-v6 .landing-tour-focus button.active,
#app .landing-v6 .landing-tour-blur[aria-pressed="true"]{
  border-color:#5C8CAF!important;
  background:#274054!important;
}
#app .landing-v6 .landing-king-nav button:hover{
  background:#243C4E!important;
  border-color:#567E98!important;
}
#app .landing-v6 .wmd-dollar-finale-see{
  color:#B9DFFA!important;
  border-bottom-color:rgba(142,200,243,.5)!important;
}
#app .landing-v6 .wmd-dollar-finale-see:hover{
  color:#F0F8FF!important;
  border-bottom-color:#B9DFFA!important;
}

/* Functional public demos, not financial status data: blue action surfaces.
   Inactive and non-primary controls remain slate. */
#app .public-product-demo[data-plan="snapper"] :is(
  .product-demo-primary,
  .snapper-demo-actions .product-demo-primary
),
#app .landing-v6 .public-product-demo .product-demo-primary{
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
}
#app .public-product-demo[data-plan="snapper"] .product-demo-primary:hover,
#app .landing-v6 .public-product-demo .product-demo-primary:hover{
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
}

/* Account creation, first-run guidance, main workspace calls to action.
   Brand controls are blue regardless of a user's saved palette; Mint and
   Original continue to change palette-specific charts and secondary controls. */
#app :is(
  .auth-main-button,
  .mission-start-free,
  .onboarding-primary,
  .wmd-auth-recovery-primary,
  .connections-primary-action,
  .cash-wallet-action-primary
):not(:disabled),
#app .wmd-workspace :is(
  .invest-primary:not([data-invest-trade-save]),
  .wmd-checkpoint-primary:not(:disabled)
){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:none!important;
}
#app :is(
  .auth-main-button,
  .mission-start-free,
  .onboarding-primary,
  .wmd-auth-recovery-primary,
  .connections-primary-action,
  .cash-wallet-action-primary
):hover:not(:disabled),
#app .wmd-workspace :is(
  .invest-primary:not([data-invest-trade-save]),
  .wmd-checkpoint-primary:not(:disabled)
):hover{
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
  color:var(--wmd-brand-action-ink)!important;
}
#app :is(
  .auth-main-button,
  .mission-start-free,
  .onboarding-primary,
  .wmd-auth-recovery-primary,
  .connections-primary-action,
  .cash-wallet-action-primary
):focus-visible,
#app .wmd-workspace .invest-primary:focus-visible{
  outline:2px solid var(--wmd-brand-action-outline)!important;
  outline-offset:3px!important;
}

/* Snapper import and document review dialogs live outside #app. An old mint
   layer painted every footer button green; restore secondary actions to
   graphite blue, reserve the solid blue fill for explicit primary controls.
   Do NOT change a red delete/cancel, an account balance or a success notice. */
#wmd-photo-import-root .photo-import-footer button:not(:disabled):not(.danger):not(.destructive):not(.photo-import-primary):not(.snapper-refresh-primary):not(.snapper-review-primary):not(.photo-import-source-confirm):not(.photo-import-quick-approve){
  background:#243B4E!important;
  border-color:#547C99!important;
  color:#E7F3FC!important;
  box-shadow:none!important;
}
#wmd-photo-import-root :is(
  .snapper-refresh-primary,
  .photo-import-primary,
  .snapper-review-primary,
  .photo-import-source-confirm,
  .photo-import-quick-approve
):not(:disabled),
#wmd-photo-import-root .photo-import-dialog :is(
  .snapper-refresh-primary,
  .photo-import-primary,
  .snapper-review-primary,
  .photo-import-source-confirm,
  .photo-import-quick-approve
):not(:disabled),
#wmd-photo-import-root .photo-import-footer :is(
  .snapper-refresh-primary,
  .photo-import-primary,
  .snapper-review-primary
):not(:disabled){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:none!important;
}
#wmd-photo-import-root :is(
  .snapper-refresh-primary,
  .photo-import-primary,
  .snapper-review-primary,
  .photo-import-source-confirm,
  .photo-import-quick-approve
):hover:not(:disabled){
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
}
#wmd-photo-import-root :is(button,select,input):focus-visible{
  outline-color:#8EC8F3!important;
}
#app .public-quick-nav>button{
  border-color:#557F9B!important;
  background:#1F3545!important;
  color:#E7F3FC!important;
}
#app .public-quick-nav>button:hover{
  background:#2B4A61!important;
  border-color:#8EC8F3!important;
}

/* Further audit: budget setup and Investments had hard-coded pea/sage
   primary fills separate from their blue dashboard themes. Keep mode toggles,
   profits, debt/risk colors and inactive selectors alone. */
#app .wmd-workspace :is(
  .wmd-budget-statement-cta button,
  .guided-budget-shortcut>button,
  .guided-gap-cta>button,
  .guided-gap-form>button,
  .invest-snapper-start button:first-child,
  button.invest-snap-action
):not(:disabled),
#app .invest-refresh :is(
  button.invest-snap-action,
  .invest-clarity-focus button
):not(:disabled){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
  box-shadow:none!important;
}
#app .wmd-workspace :is(
  .wmd-budget-statement-cta button,
  .guided-budget-shortcut>button,
  .guided-gap-cta>button,
  .guided-gap-form>button,
  .invest-snapper-start button:first-child,
  button.invest-snap-action
):hover:not(:disabled),
#app .invest-refresh :is(
  button.invest-snap-action,
  .invest-clarity-focus button
):hover:not(:disabled){
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
  color:var(--wmd-brand-action-ink)!important;
}

/* Source review may appear in a portal outside the workspace main. */
#app :is(
  .guided-budget-shortcut>button,
  .guided-gap-cta>button,
  .guided-gap-form>button
):not(:disabled){
  background:var(--wmd-brand-action)!important;
  border-color:var(--wmd-brand-action)!important;
  color:var(--wmd-brand-action-ink)!important;
}
#app :is(
  .guided-budget-shortcut>button,
  .guided-gap-cta>button,
  .guided-gap-form>button
):hover:not(:disabled){
  background:var(--wmd-brand-action-hover)!important;
  border-color:var(--wmd-brand-action-hover)!important;
}
/* No global button rule: positive amounts and active semantic chart
   filters must remain meaningful, especially in Original and Mint schemes. */

/* System-level forced colors and reduced-motion users retain their
   accessibility preferences, without change to functionality. */
@media (forced-colors:active){
  #app .landing-v6 :is(.landing-primary,.wmd-device-install-primary),
  #app :is(.auth-main-button,.onboarding-primary){
    forced-color-adjust:auto;
    border:1px solid ButtonText!important;
    color:ButtonText!important;
    background:ButtonFace!important;
  }
}
@media (prefers-reduced-motion:reduce){
  #app .landing-v6 :is(.landing-primary,.landing-king-cta,.wmd-device-install-primary),
  #app :is(.auth-main-button,.onboarding-primary){
    transition:none!important;
  }
}

}
/* wmd-ocean-ui-polish.css */
@media screen {
/* Where's My Dollar? | Unified ocean treatment, October 18, 2026.
   Public demo overlays and Snapper entry/import UI only.
   Positive/negative financial values, warnings and category charts retain
   their semantic colors. This is visual CSS, not import or account logic. */

/* The budget demo mounts its hover details in a top-level portal; scoping to
   descendants of the demo would miss the popup entirely. */
body:has(#app .landing-v6) .money-mix-tooltip{
  border-color:rgba(142,200,243,.53)!important;
  background:linear-gradient(155deg,#1a3041,#101f2c)!important;
  color:#edf6fc!important;
  box-shadow:0 22px 55px rgba(0,6,14,.45),inset 0 1px 0 rgba(185,223,250,.07)!important;
}
body:has(#app .landing-v6) .money-mix-tooltip :is(.money-mix-tooltip-lines,.money-mix-tooltip-hint){
  border-top-color:rgba(142,200,243,.23)!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-icon{
  background:#223e53!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-head>div>b{
  color:#f3f9ff!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-head>div>small,
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-extra{
  color:#afc5d5!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-head>strong,
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-hint{
  color:#b9dffa!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-lines li span{
  color:#cbdae6!important;
}
body:has(#app .landing-v6) .money-mix-tooltip .money-mix-tooltip-lines li b{
  color:#f0f6fc!important;
}

/* Other legacy Net Worth and chart inspection surfaces inside the public
   interactive tour should match the same ocean popover system. */
#app .landing-v6 [data-landing-tour] .history-panel .history-hover-tip{
  background:#1a3040!important;border-color:#5b83a0!important;
  box-shadow:0 12px 28px rgba(1,9,18,.38)!important;
}
#app .landing-v6 [data-landing-tour] .history-panel .history-hover-tip span{
  color:#b7d1e2!important;
}
#app .landing-v6 [data-landing-tour] .history-panel .history-hover-tip strong{
  color:#f0f7fd!important;
}
body:has(#app .landing-v6) .chart-tooltip{
  background:#182d3c!important;border-color:#557c98!important;
  color:#eff7fc!important;
}

/* Page narrative: no ragged one-word last line for onboarding assurances. */
#app .landing-v6 .wmd-start-footnote-balanced{
  text-wrap:balance;max-width:100%;line-height:1.5;
}
#app .landing-v6 .wmd-start-footnote-balanced strong{
  color:#eef7fc;font-weight:750;
}

/* Snapper and Connected use one visual language, not competing green/blue
   product identities. Keep the native Snapper symbol, tinted to the ocean hue. */
#app .landing-v6 .wmd-founder-focus .launch-update-card-snapper{
  --plan-accent:#a8d9fa!important;
  --plan-fill:#1d3446!important;
  --plan-line:#527b99!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper :is(
  .launch-update-icon,.launch-update-status,.launch-update-privacy
){
  background:#1b3142!important;
  border-color:rgba(142,200,243,.36)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-card-snapper .launch-update-icon img{
  filter:hue-rotate(57deg) saturate(.87)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper h3{
  color:#d9efff!important;
  -webkit-text-fill-color:#d9efff!important;
  background:none!important;
  text-shadow:none!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper :is(
  .launch-update-type,.launch-update-status,.launch-update-flow i
){
  color:#a8d9fa!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper .launch-update-flow{
  border-top-color:rgba(142,200,243,.27)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-privacy{
  background:#1b2c3a!important;border-color:#446177!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-privacy strong{
  color:#cbe7fa!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-privacy span{
  color:#b3cadb!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper .launch-product-cta{
  color:#e6f3fb!important;background:#223646!important;
  border-color:rgba(142,200,243,.36)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid .launch-update-card-snapper .launch-product-cta:hover{
  background:#2a475c!important;border-color:#8ec8f3!important;
}

/* Snapper demo and real photo import share the same blue graphite surfaces.
   Do not restyle success/negative/warning state classes or the extracted data. */
.public-product-demo[data-plan="snapper"],
#wmd-photo-import-root .photo-import-dialog,
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) {
  --snapper-shell:#111f2c!important;
  --snapper-panel:#1b2f3f!important;
  --snapper-surface:#21394b!important;
  --snapper-line:#466479!important;
  --snapper-text:#edf5fb!important;
  --snapper-muted:#b9cddd!important;
  --snapper-accent:var(--wmd-theme-accent,#8ec8f3)!important;
}
.public-product-demo[data-plan="snapper"]{
  --fill:#203b4e!important;
  border-color:var(--snapper-line)!important;
  background:var(--snapper-shell)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>div.active{
  background:#25455c!important;border-color:#689dc3!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-upload-icon{
  background:#25455c!important;border-color:#6189a7!important;
  color:var(--snapper-accent)!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button.product-demo-primary{
  background:var(--snapper-accent)!important;border-color:var(--snapper-accent)!important;
  color:#0b2131!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button:is(:hover,:focus-visible){
  box-shadow:0 0 0 1px var(--snapper-accent)!important;
}
#app .photo-import-dialog,
#wmd-photo-import-root .photo-import-dialog{
  background:var(--snapper-shell)!important;
  border-color:var(--snapper-line)!important;
  color:var(--snapper-text)!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-body,.photo-import-header,.photo-import-footer){
  background:#111f2c!important;
  border-color:#3e5d72!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-header{
  background:linear-gradient(135deg,#1c3446,#132431 88%)!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-header p,.photo-import-pick small,.photo-import-privacy span,
  .snapper-refresh-heading p,.snapper-refresh-next p,.snapper-refresh-account small){
  color:#b9cfdf!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-eyebrow,.photo-import-pick-icon,
  .snapper-refresh-heading>div>span,.snapper-review-kicker,.snapper-review-counts span){
  color:#a9d9f9!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-close,.photo-import-tabs button,
  .snapper-workflow-switch button,.snapper-quick-manual button,.snapper-refresh-later){
  color:#c6dff0!important;
  border-color:#476a83!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-close{
  background:#213b4d!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-close:hover{
  background:#2a4b63!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-body,.photo-import-pick,.photo-import-privacy,
  .photo-import-row,.photo-import-source,.photo-import-stats span,
  .snapper-workflow-switch,.snapper-refresh-workspace,.snapper-refresh-section,
  .snapper-refresh-next:not(.is-clear),.snapper-review-guide,.snapper-review-route,
  .snapper-quick-manual,.snapper-system-impact,
  .snapper-search-wrap,.snapper-search-panel){
  border-color:#41627b!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-pick,.photo-import-privacy,
  .photo-import-row,.photo-import-source,.photo-import-stats span,
  .snapper-workflow-switch,.snapper-refresh-workspace,.snapper-refresh-section,
  .snapper-refresh-next:not(.is-clear),.snapper-review-guide,.snapper-review-route,
  .snapper-search-wrap,.snapper-search-panel){
  background:#1b3040!important;background-image:none!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-privacy{
  background:#1a3041!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-privacy :is(strong,summary){
  color:#ceeaff!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-pick{
  border-style:dashed!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .photo-import-pick:is(:hover,:focus-within){
  background:#243f53!important;border-color:#92c9ee!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-tabs button.active,.snapper-workflow-switch button.active){
  background:#294960!important;border-color:#7eadd0!important;color:#f1f8ff!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-workflow-switch button:hover,.photo-import-tabs button:hover){
  background:#244055!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .snapper-workflow-switch button :is(strong,small){
  color:#c6dfef!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) .snapper-workflow-switch button.active strong{
  color:#f3faff!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-refresh-heading>small,.snapper-refresh-section-head em,
 .snapper-refresh-account-icon,.snapper-impact-count){
  color:#c3e4fa!important;background:#254154!important;border-color:#547994!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-refresh-section-head small,.snapper-refresh-account-state,
 .snapper-refresh-empty,.snapper-refresh-disclaimer){
  color:#adc8d9!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-refresh-primary,.snapper-review-primary,
 .photo-import-primary):not(:disabled){
  background:var(--snapper-accent)!important;
  border-color:var(--snapper-accent)!important;
  color:#0b2231!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-refresh-primary,.snapper-review-primary,.photo-import-primary):not(:disabled):hover{
  background:#b9dffa!important;border-color:#b9dffa!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.snapper-refresh-expand,.snapper-quick-manual button,
 .snapper-refresh-later){
  color:#b9dffa!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(.photo-import-fields input,.photo-import-fields select,
 .photo-import-source select,.snapper-search-wrap input,.snapper-mobile-picker-search input){
  background:#122331!important;border-color:#48677e!important;color:#edf6fc!important;
}
:is(.photo-import-dialog,#wmd-photo-import-root .photo-import-dialog) :is(button,input,select,textarea,summary):focus-visible{
  outline:2px solid var(--snapper-accent,#8ec8f3)!important;outline-offset:2px!important;
}
@media(forced-colors:active){
  .photo-import-dialog :is(button,input,select,textarea,summary):focus-visible{
    outline:2px solid Highlight!important;
  }
}

/* Ocean settings dialog: preserve user-choice swatches, including the Mint
   option, but remove obsolete green on generic controls and helper cards.
   Other deliberately selected themes keep their own palette. */
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog{
  --wmd-settings-accent:#8ec8f3;
  --wmd-settings-accent-soft:#b9dffa;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-kicker,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-guide-actions i,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .feature-badge{
  color:#b9dffa!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .feature-badge{
  background:#20394a!important;border-color:#547d98!important;color:#b9dffa!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-guide-actions>button,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-data-actions button,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-data-actions .button{
  background:#1c3040!important;
  border-color:#486b84!important;
  color:#e8f3fb!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-guide-actions>button:hover,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-data-actions button:hover,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-data-actions .button:hover{
  background:#25445a!important;border-color:#8ec8f3!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-guide-icon{
  background:#223d51!important;
  border-color:#577f9c!important;
  color:#d7eeff!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-card{
  background:linear-gradient(145deg,#1c3142,#142531)!important;
  border-color:#446780!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-card>img{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;object-fit:contain!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-card b{
  color:#edf7ff!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-card p,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-card small{
  color:#b5cddd!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-button:not(:disabled),
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .connections-settings-button:not(:disabled){
  background:#244158!important;border-color:#618caf!important;color:#e4f3ff!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-install-button:not(:disabled):hover,
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .connections-settings-button:not(:disabled):hover{
  background:#2e4d65!important;border-color:#8ec8f3!important;color:#fff!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog .settings-ask-bar-row input[type="checkbox"]{
  accent-color:#8ec8f3!important;
}
#app:is([data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]) .settings-dialog :is(
  .settings-close,.settings-guide-actions>button,.settings-install-button,
  .settings-data-actions button,.settings-theme-choice
):focus-visible{
  outline:2px solid #b9dffa!important;outline-offset:2px!important;
}
/* Installed is a completed device capability, not a disabled green CTA.
   Keep its real disabled state and checkmark, but use a quiet palette-matched
   confirmation in Settings. The Mint choice stays mint, and Mixed uses Ocean
   on Settings while retaining per-page colors. */
#app[data-wmd-color-scheme] .settings-dialog .settings-install-button:disabled{
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 12%,var(--wmd-theme-raised,#20394a))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 57%,var(--wmd-theme-line,#486b84))!important;
  color:var(--wmd-theme-accent-soft,#bddffd)!important;
  opacity:1!important;
  box-shadow:none!important;
  cursor:default;
}
#app[data-wmd-color-scheme="original"] .settings-dialog .settings-install-button:disabled{
  background:#20394a!important;
  border-color:#587e9b!important;
  color:#bddffd!important;
}

/* Do not recolor .settings-theme-mint or the mixed swatch: those are
   intentional previews of the appearance options, not stray green UI. */

/* Decorative Net Worth glows match the selected appearance accent.
   Default Ocean = ice blue; Mint/Pink/White/Black use their chosen accent.
   Mixed intentionally retains its separate Net Worth identity. Values and
   positive/negative financial statuses are not modified. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  .wmd-workspace.wmd-workspace--networth .nw-top-row
  .nw-focus-figure:is(.asset,.liability){
  border-color:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 34%,transparent)!important;
  box-shadow:none!important;
}
@media(hover:hover) and (pointer:fine){
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
    .wmd-workspace.wmd-workspace--networth .nw-top-row
    .nw-focus-figure:is(.asset,.liability):hover{
    border-color:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 80%,transparent)!important;
    box-shadow:0 0 0 1px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 14%,transparent),
      0 0 15px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 12%,transparent)!important;
  }
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  .wmd-workspace.wmd-workspace--networth .nw-top-row
  .nw-focus-figure:is(.asset,.liability):focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 24%,transparent),
     0 0 19px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 20%,transparent)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  .wmd-workspace.wmd-workspace--networth .nw-top-row
  .nw-focus-figure:is(.asset,.liability):active{
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 15%,transparent)!important;
}

/* Mint, White, Black and Pink keep their own Settings palettes rather than
   inheriting green decoration from the pre-Ocean theme. */
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog :is(.settings-kicker,.settings-guide-actions i,.feature-badge){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog :is(.settings-guide-actions>button,.settings-install-card,
  .settings-data-actions button,.settings-data-actions .button){
  background:var(--wmd-theme-panel)!important;
  border-color:var(--wmd-theme-line)!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog .feature-badge{
  background:color-mix(in srgb,var(--wmd-theme-accent) 9%,var(--wmd-theme-panel))!important;
  border-color:var(--wmd-theme-line)!important;
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog .settings-guide-icon{
  color:var(--wmd-theme-accent-soft)!important;
  border-color:var(--wmd-theme-line)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent) 12%,var(--wmd-theme-panel))!important;
}
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog .settings-install-button:not(:disabled){
  background:var(--wmd-theme-raised)!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not(:is(
 [data-wmd-color-scheme="ocean"],[data-wmd-color-scheme="original"]
)) .settings-dialog .settings-ask-bar-row input[type="checkbox"]{
  accent-color:var(--wmd-theme-accent)!important;
}
#app .settings-dialog .settings-install-card>img{
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;object-fit:contain!important;
}

/* Ocean authentication links and reassurance, 2026-10-18. */
/* These are navigation and product assurances, not positive financial values.
   Keep status alerts (success, error) semantically colored. */
#app .auth-page .auth-card .auth-form > .text-btn[data-auth-forgot],
#app .auth-page .auth-card .auth-switch > button[data-public-nav],
#app .auth-page .auth-card .auth-terms a{
  color:#b9dffa!important;
  background:transparent!important;
  text-decoration-color:rgba(185,223,250,.6)!important;
  transition:color .15s ease,text-decoration-color .15s ease;
}
#app .auth-page .auth-card .auth-form > .text-btn[data-auth-forgot]:is(:hover,:focus-visible),
#app .auth-page .auth-card .auth-switch > button[data-public-nav]:is(:hover,:focus-visible),
#app .auth-page .auth-card .auth-terms a:is(:hover,:focus-visible){
  color:#eef8ff!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
  text-decoration-color:#b9dffa!important;
}
#app .auth-page .auth-card .auth-trust-note > b{
  color:#b9dffa!important;
}
#app .auth-page .auth-card .auth-trust-note > span{
  color:#9bafc0!important;
}
#app .auth-page .auth-card .auth-form input:focus{
  border-color:#8ec8f3!important;
  outline:2px solid rgba(142,200,243,.36)!important;
  outline-offset:1px;
}
#app .auth-page .auth-card :is(
  .auth-form > .text-btn[data-auth-forgot],
  .auth-switch > button[data-public-nav],
  .auth-terms a
):focus-visible{
  outline:2px solid #b9dffa!important;
  outline-offset:3px!important;
  border-radius:3px;
}
@media(prefers-reduced-motion:reduce){
  #app .auth-page .auth-card :is(
    .auth-form > .text-btn[data-auth-forgot],
    .auth-switch > button[data-public-nav],
    .auth-terms a
  ){transition:none!important;}
}
@media(forced-colors:active){
  #app .auth-page .auth-card :is(
    .auth-form > .text-btn[data-auth-forgot],
    .auth-switch > button[data-public-nav],
    .auth-terms a
  ){
    color:LinkText!important;
    forced-color-adjust:auto;
  }
}

}
/* profile-avatar.css */
@media screen {
/* Signed-in profile identity belongs in the top-right account controls.
   The user's picture never replaces George or adds a gamified frame.
   Account palette tokens preserve contrast in Ocean, Mint, White, Black,
   Pink and the intentionally mixed design. */
#app > header .header-actions {
  --wmd-avatar-accent:var(--wmd-theme-accent,#8ec8f3);
  --wmd-avatar-surface:var(--wmd-theme-raised,#243f53);
  --wmd-avatar-ink:var(--wmd-theme-text,#eaf6fd);
}
#app > header .header-actions > button.wmd-avatar-trigger{
  position:relative;display:inline-grid!important;place-items:center!important;
  order:10;align-self:center;flex:0 0 42px;
  width:42px!important;height:42px!important;
  min-width:42px!important;min-height:42px!important;
  margin:0 0 0 5px!important;padding:0!important;
  border:1px solid color-mix(in srgb,var(--wmd-avatar-accent) 65%,var(--wmd-avatar-surface))!important;
  border-radius:50%!important;
  background:var(--wmd-avatar-surface)!important;
  color:var(--wmd-avatar-ink)!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--wmd-avatar-accent) 8%,transparent)!important;
  isolation:isolate;cursor:pointer;
  font:800 13px/1 system-ui,-apple-system,sans-serif!important;
  transition:border-color .14s ease,box-shadow .14s ease;
}
#app > header .header-actions > button.wmd-avatar-trigger:hover{
  border-color:var(--wmd-avatar-accent)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--wmd-avatar-accent) 14%,transparent)!important;
}
#app > header .header-actions > button.wmd-avatar-trigger:focus-visible{
  outline:2px solid var(--wmd-avatar-accent)!important;
  outline-offset:3px!important;
}
#app > header .header-actions > button.wmd-avatar-trigger .wmd-avatar-initials{
  display:block;line-height:1;
}
#app > header .header-actions > button.wmd-avatar-trigger .wmd-avatar-image{
  position:absolute;inset:0;display:block;width:100%;height:100%;
  border:0!important;border-radius:50%!important;
  object-fit:cover!important;transform:none!important;
  padding:0!important;box-shadow:none!important;background:var(--wmd-avatar-surface);
}
#app > header .header-actions > button.wmd-avatar-trigger .wmd-avatar-edit{
  position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;
  display:grid;place-items:center;border:1px solid #648dab;border-radius:50%;
  background:#183348;color:#e4f5ff;font:750 11px/1 system-ui,sans-serif;
  opacity:.8;pointer-events:none;transition:opacity .14s,transform .14s;
}
/* After a picture is set, there is no permanent pencil over the face. */
#app > header .header-actions > button.wmd-avatar-trigger.has-photo .wmd-avatar-edit{
  opacity:0;transform:translateY(3px);
}
@media(hover:hover) and (pointer:fine){
  #app > header .header-actions > button.wmd-avatar-trigger.has-photo:hover .wmd-avatar-edit{
    opacity:1;transform:none;
  }
}
#app > header .header-actions > button.wmd-avatar-trigger.has-photo:focus-visible .wmd-avatar-edit{
  opacity:1;transform:none;
}

.wmd-avatar-dialog{
  box-sizing:border-box;width:min(440px,calc(100vw - 24px));
  max-height:calc(100dvh - 24px);margin:auto;padding:22px;
  border:1px solid #537c99;border-radius:18px;
  background:#142534;color:#eff7fc;
  box-shadow:0 28px 90px rgba(0,0,0,.66);overflow:auto;
  overscroll-behavior:contain;
}
.wmd-avatar-dialog::backdrop{
  background:rgba(1,8,15,.83);backdrop-filter:blur(5px);
}
.wmd-avatar-dialog-content{display:grid;justify-items:stretch;gap:14px}
.wmd-avatar-dialog-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:12px;
}
.wmd-avatar-dialog-head span{
  color:#a9d9f9;font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.10em;
}
.wmd-avatar-dialog-head h2{
  margin:3px 0 0;font:800 23px/1.2 system-ui,sans-serif;color:#fff;
}
.wmd-avatar-dialog-content>p{
  margin:0;color:#bbd0df;font-size:12px;line-height:1.55;
}
.wmd-avatar-large{
  width:128px;height:128px;box-sizing:border-box;
  display:grid;place-items:center;justify-self:center;
  overflow:hidden;border:2px solid #74a9ce;border-radius:50%;
  background:#28465c;color:#f0f8ff;font:800 39px/1 system-ui,sans-serif;
}
.wmd-avatar-large img{
  display:block;width:100%;height:100%;object-fit:cover;
}
.wmd-avatar-large[hidden],
.wmd-avatar-crop-tools[hidden],
.wmd-avatar-remove[hidden]{display:none!important}
.wmd-avatar-close{
  display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;
  border:1px solid #4f7088;border-radius:9px;
  background:#21384a;color:#e2f0fb;
  font:400 25px/1 system-ui,sans-serif;cursor:pointer;
}
.wmd-avatar-close:hover{background:#2a4b60;border-color:#84b9dd}
.wmd-avatar-crop-tools{
  display:grid;justify-items:stretch;gap:12px;min-width:0;
}
.wmd-avatar-crop-stage{
  position:relative;display:block;justify-self:center;
  box-sizing:border-box;width:min(275px,calc(100vw - 90px));aspect-ratio:1;
  overflow:hidden;border:1px solid #597e9a;border-radius:15px;
  background:#0e1c29;cursor:grab;touch-action:none;
  user-select:none;-webkit-user-select:none;
}
.wmd-avatar-crop-stage:active{cursor:grabbing}
.wmd-avatar-crop-stage:focus-visible{
  outline:2px solid #b9dffa;outline-offset:3px;
}
.wmd-avatar-crop-stage canvas{
  display:block;width:100%;height:100%;touch-action:none;
}
.wmd-avatar-crop-ring{
  position:absolute;top:8%;left:8%;width:84%;height:84%;
  box-sizing:border-box;border:2px solid rgba(235,248,255,.96);
  border-radius:50%;box-shadow:0 0 0 230px rgba(6,15,25,.63);
  pointer-events:none;
}
.wmd-avatar-zoom-row{
  display:grid;grid-template-columns:auto 38px minmax(0,1fr) 38px;
  align-items:center;gap:10px;min-width:0;
}
.wmd-avatar-zoom-row label{
  color:#d1e6f4;font:750 12px/1.4 system-ui,sans-serif;
}
.wmd-avatar-zoom-row input[type="range"]{
  width:100%;min-width:0;accent-color:#8ec8f3;cursor:pointer;
}
.wmd-avatar-zoom-row button{
  display:grid;place-items:center;width:38px;height:38px;
  padding:0;border:1px solid #55758e;border-radius:9px;
  color:#f1f9ff;background:#223a4c;cursor:pointer;
  font:700 19px/1 system-ui,sans-serif;
}
.wmd-avatar-crop-tip{
  margin:0;text-align:center;color:#b7ccdd;
  font:500 11px/1.55 system-ui,sans-serif;
}
.wmd-avatar-crop-actions{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;
}
.wmd-avatar-upload,.wmd-avatar-remove,.wmd-avatar-save,.wmd-avatar-cancel{
  box-sizing:border-box;min-height:43px;display:grid;place-items:center;
  padding:9px 13px;border:1px solid #7eb6dc;border-radius:10px;
  background:#8ec8f3;color:#112838;
  font:800 13px/1.4 system-ui,sans-serif;cursor:pointer;text-align:center;
}
.wmd-avatar-upload{
  position:relative;overflow:hidden;
  background:#21394c;border-color:#6388a5;color:#ebf7ff;
}
.wmd-avatar-upload:hover{background:#2a4b60;border-color:#9fcfee}
.wmd-avatar-upload input{
  position:absolute;width:1px;height:1px;
  opacity:0;pointer-events:none;
}
.wmd-avatar-upload:focus-within,
.wmd-avatar-save:focus-visible,.wmd-avatar-cancel:focus-visible,
.wmd-avatar-remove:focus-visible,.wmd-avatar-close:focus-visible,
.wmd-avatar-zoom-row button:focus-visible{
  outline:2px solid #d4efff;outline-offset:2px;
}
.wmd-avatar-save:hover{background:#b9dffa;border-color:#b9dffa}
.wmd-avatar-cancel,.wmd-avatar-remove{
  background:#22394b;color:#dbeefa;border-color:#4c6e87;
}
.wmd-avatar-cancel:hover,.wmd-avatar-remove:hover{
  background:#294a61;border-color:#86b5d6;
}
.wmd-avatar-dialog[aria-busy="true"]{
  cursor:progress;
}
.wmd-avatar-dialog button:disabled,
.wmd-avatar-dialog .wmd-avatar-upload:has(input:disabled){
  opacity:.58;cursor:wait;
}
@media(max-width:980px){
  /* The time can take its own row without pushing the avatar beneath it. */
  #app > header .header-actions > time{order:20}
}
@media(max-width:680px){
  #app > header.wmd-account-avatar-ready{position:relative}
  /* On phones, keep the portrait in the top-right of the same header line
     as the logo, without crowding the separate action row beneath it. */
  #app > header.wmd-account-avatar-ready .brand{
    display:flex!important;align-items:center!important;
    gap:10px!important;padding-right:50px;min-width:0;
  }
  #app > header.wmd-account-avatar-ready .brand .brand-copy{min-width:0}
  #app > header .header-actions > button.wmd-avatar-trigger{
    position:absolute!important;
    top:calc(16px + env(safe-area-inset-top,0px));
    right:16px;z-index:2;
    width:38px!important;height:38px!important;
    min-width:38px!important;min-height:38px!important;
    margin:0!important;font-size:11px!important;
  }
  .wmd-avatar-dialog{padding:18px 16px}
  .wmd-avatar-crop-stage{width:min(260px,calc(100vw - 80px))}
}
@media(max-width:390px){
  #app > header.wmd-account-avatar-ready .brand{
    display:flex!important;grid-template-columns:none!important;
    padding-right:46px;
  }
  #app > header.wmd-account-avatar-ready .brand .brand-copy h1{
    font-size:clamp(18px,5.6vw,22px)!important;
  }
  #app > header .header-actions > button.wmd-avatar-trigger{
    width:36px!important;height:36px!important;
    min-width:36px!important;min-height:36px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app > header .header-actions > button.wmd-avatar-trigger,
  #app > header .header-actions > button.wmd-avatar-trigger .wmd-avatar-edit{
    transition:none!important;
  }
}

}
/* workspace-palette-qa.css */
@media screen {
/* Where's My Dollar? | Palette QA, 2026-10-18.
   Scoped to signed-in themes. Reviews supplied 56s walkthrough of all six.
   Most important correction: White is a coherent light workspace, not a
   white page containing dark money-map tiles. Existing data/meaning unchanged.
   Keep this AFTER workspace-palette-complete.css. */

#app[data-wmd-color-scheme="white"]{
  --wmd-light-paper:#f3f7fb;
  --wmd-light-card:#fff;
  --wmd-light-tile:#eef4f9;
  --wmd-light-hover:#e3eef7;
  --wmd-light-border:#bbcedd;
  --wmd-light-border-soft:#d4e0e9;
  --wmd-light-ink:#1a3041;
  --wmd-light-muted:#536b7b;
  --wmd-light-accent:#286a9e;
  --wmd-light-accent-dark:#205780;
  --wmd-light-positive:#216c53;
  --wmd-light-negative:#a03f50;
  --wmd-light-warn:#905c2a;
}
/* Header's contextual brand color otherwise wins over the light theme. */
#app[data-wmd-color-scheme="white"] > header[data-wmd-page-themed] .brand h1 em,
#app[data-wmd-color-scheme="white"] > header .brand h1 em{
  color:var(--wmd-light-accent)!important;
  -webkit-text-fill-color:var(--wmd-light-accent)!important;
}
#app[data-wmd-color-scheme="white"] > header .brand-meta .wmd-user-name,
#app[data-wmd-color-scheme="white"] > header .brand-tagline,
#app[data-wmd-color-scheme="white"] > header .brand-meta{
  color:#4d6476!important;
}
#app[data-wmd-color-scheme="white"] > header :is(.wmd-header-menu-options,.wmd-header-menu-options button){
  background:var(--wmd-light-card)!important;
  color:var(--wmd-light-ink)!important;
  border-color:var(--wmd-light-border)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace{
  --wmd-chart-primary:var(--wmd-light-accent)!important;
  --wmd-chart-bright:#205780!important;
  --wmd-chart-muted:#547a98!important;
  --wmd-chart-soft:#e9f1f8!important;
  --wmd-chart-raised:#dceaf5!important;
  --wmd-chart-line:#8eb0ca!important;
  color:var(--wmd-light-ink)!important;
}
/* Shared search: dark chips were especially conspicuous on the light page. */
/* White keeps a light search input, but no longer wraps the whole
   discovery row in a second white card. This matches the other palettes. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > .wmd-discovery{
  background:transparent!important;
  background-image:none!important;
  color:var(--wmd-light-ink)!important;
  border-color:var(--wmd-light-border-soft)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > .wmd-discovery
 :is(.wmd-discovery-control,.wmd-discovery-results,.wmd-discovery-chip){
  background:var(--wmd-light-paper)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > .wmd-discovery
 :is(.wmd-discovery-heading,.wmd-discovery-copy strong,.wmd-discovery-input){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > .wmd-discovery
 :is(.wmd-discovery-copy,.wmd-discovery-input::placeholder,.wmd-discovery-browse){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav{
  background:#eaf1f7!important;
  border-color:#d4e0e9!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav > button[data-tab].active{
  background:#d6e8f6!important;
  border-color:#7ba8c8!important;
  color:#1f5a86!important;
}

/* Net Worth: white chart interior, dark center label, readable legends.
   Do not recolor liability arcs: their red/rose financial meaning remains. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.nw-unified-overview,.nw-unified-trend,.nw-chart-panel,.nw-allocation,
     .nw-balance-review,.nw-section,.history-panel,.growth-snapshot){
  background:var(--wmd-light-card)!important;
  border-color:var(--wmd-light-border)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.nw-focus-figure,.nw-mix-legend-item,.nw-mix-smaller-toggle,
     .nw-chart-switch button,.history-periods button,.nw-group-head){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.nw-mix-legend-item,.nw-mix-smaller-toggle,.nw-chart-switch button,.history-periods button)
 :is(:hover,:focus-visible,.is-selected,.active){
  background:#daeafa!important;
  border-color:#82aaca!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-donut .donut-hole,
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .nw-mix-donut .donut-hole{
  fill:#f4f8fb!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-donut :is(.donut-center-label,.nw-mix-center-share),
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .nw-mix-donut :is(.donut-center-label,.nw-mix-center-share){
  fill:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-donut .nw-mix-center-caption,
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .nw-mix-donut .nw-mix-center-caption{
  fill:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-legend-name span,
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-legend-amount,
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .nw-mix-legend-share{
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.nw-focus-heading small,.history-head p,.nw-mix-hint,.nw-mix-selected-detail,
     .nw-focus-figure>span,.nw-goal-details label,.nw-chart-panel small){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.nw-goal-details>summary,.nw-focus-actions>button){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.history-range-change strong.positive,.growth-snapshot strong.positive){
  color:var(--wmd-light-positive)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.history-range-change strong.negative,.growth-snapshot strong.negative){
  color:var(--wmd-light-negative)!important;
}

/* Budget: preserve distinct Needs/Wants/Savings category swatches; use
   light-neutral panels instead of legacy dark subheads and low-contrast copy. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.budget-top .summary-card,.budget-top .budget-chart,
     .budget-section,.budget-overview-section,.category-overview.money-mix,
     .budget-overview-toggle,.money-mix-stage,.money-mix-editor){
  background:var(--wmd-light-card)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.budget-top .summary-item:not(.negative):not(.warning):not(.over-target),
     .budget-section .section-head,.money-mix-legend-item,
     .money-mix-edit-row){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.summary-card h2,.summary-card strong,.budget-overview-label,
     .budget-overview-amount,.category-overview-head h3,
     .money-mix-legend-item>b,.money-mix-legend-item>span,
     .budget-section .section-head h3):not(.negative):not(.warning):not(.over-target){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.category-overview-head p,.category-overview-head>div>span,
     .money-mix-planned,.budget-chart .chart-help){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.nw-mix-legend-item,.budget-chart button.active,.money-mix-legend-item.selected){
  color:var(--wmd-light-ink)!important;
  border-color:var(--wmd-light-border)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 :is(.money-mix-editor button,.budget-section .section-head button){
  background:var(--wmd-light-tile)!important;
  color:var(--wmd-light-accent-dark)!important;
  border-color:var(--wmd-light-border)!important;
}

/* Cash Flow: the recording shows dark cards inside the white page.
   This block converts Money Map, its inspect states, checklists and KPIs
   together, while preserving red risk/overdue and mint positive statuses. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.money-map,.mm-explore){
  --mm-ink:var(--wmd-light-ink)!important;
  --mm-muted:var(--wmd-light-muted)!important;
  --mm-line:var(--wmd-light-border)!important;
  --mm-surface:var(--wmd-light-card)!important;
  --mm-surface-deep:var(--wmd-light-paper)!important;
  --mm-mint:var(--wmd-light-accent)!important;
  --mm-blue:var(--wmd-light-accent)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-metric,.mm-primary,.mm-next,.mm-drawer,
     .mm-plan-review,.mm-chart-inspector,.mm-next-head,.mm-no-chart,
     .mm-explore,.mm-chart-insight:not(.is-risk)){
  background:var(--wmd-light-card)!important;
  background-image:none!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
  box-shadow:none!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-metric,.mm-event,.mm-action,.mm-drawer,.mm-chart-inspector):is(:hover,:focus-visible){
  background:var(--wmd-light-paper)!important;
  border-color:#91b2ca!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-event,.mm-action,.mm-explore-grid>*,.mm-no-events,
     .mm-chart-insight:not(.is-risk),.mm-chart-inspector){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-header h3,.mm-metric strong,.mm-next h3,.mm-action-copy strong,
     .mm-event-text strong,.mm-plan-review strong,.mm-chart-inspector strong,
     .mm-explore-heading h3){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-header p,.mm-metric-label,.mm-metric small,.mm-next p,
     .mm-legend,.mm-disclaimer,.mm-event-text small,.mm-action-copy small,
     .mm-tip-safety:not(.is-low),.mm-plan-review-copy,
     .mm-chart-inspector small,.mm-chart-inspector span,
     .mm-explore-heading p,.mm-empty-caption){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-eyebrow,.mm-tip-kicker,.mm-drawer-main strong,.mm-more-actions>summary,
     .mm-foot button,.mm-action-next strong){
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-add,.mm-all-actions,.mm-actions button:not(.is-risk)){
  background:#dceaf5!important;
  border-color:#9ebbd1!important;
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-chart,.mm-chart-scroll,.mm-chart-shell,.mm-chart-shell--mobile,.mm-chart-shell--desktop){
  background:transparent!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-axis-label,.mm-today-label){
  fill:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .mm-grid-line{
  stroke:#b4c8d7!important;
  stroke-opacity:.65!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.mm-cushion-line,.mm-today-line){
  stroke:#6488a5!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.cashflow-dashboard .cash-settings.cash-position-overview,
     .cashflow-dashboard .cash-kpi:not(.shortfall):not(.negative):not(.warning),
     .cashflow-dashboard .cash-kpi.plan-status:not(.shortfall),
     .cashflow-dashboard .cash-balance-choice,
     .cashflow-dashboard .cash-runway-month:not(.warning),
     .cashflow-dashboard .cash-month-outlook,
     .cash-calendar-card,.cashflow-calendar-card,.cash-checklist,
     .cash-checklist-card,.cash-card-payment-center,
     .cash-wallet-card,.cash-wallet-expanded,.cash-month-review){
  background:var(--wmd-light-card)!important;
  background-image:none!important;
  border-color:var(--wmd-light-border)!important;
  box-shadow:none!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.cashflow-dashboard .cash-runway-grid,.cashflow-dashboard .cash-inline-balance,
     .cashflow-dashboard .cash-position-control,.cashflow-dashboard .cash-month-outlook-grid,
     .cashflow-dashboard .cash-outlook-details){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-kpi:not(.shortfall) b,.cash-kpi:not(.shortfall) strong,
     .cash-runway-month:not(.warning) strong,.cash-runway-head h3,
     .cash-position-overview .cash-inline-balance input){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-kpi-jump>div:first-child>span,.cash-kpi-jump>small,
     .cash-runway-month:not(.warning) span,.cash-runway-month:not(.warning) small,
     .cash-position-note,.cash-setting-title,.cash-outlook-heading,
     .cash-outlook-details>summary,.cash-inline-balance>span){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-runway-month.up em,.cash-budget-delta.positive){
  color:var(--wmd-light-positive)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-runway-month.down em,.cash-budget-delta.caution){
  color:var(--wmd-light-negative)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard .cash-runway-month.warning{
  background:#fff4e8!important;
  border-color:#c99a60!important;
  color:#80502c!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 :is(.monthbar button:not(.regenerate),.cash-calendar-header button,
     .cash-month-review,.cash-checklist button:not(.danger),
     .cashflow-dashboard .cash-outlook-details button){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-accent-dark)!important;
}

/* Debt: light cards, visible obligations, preserved red meaning. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--debt
 :is(.debt-overview,.debt-breakdown-panel,.debt-accounts-disclosure,
     .debt-accounts-panel,.debt-plan-panel,.debt-results-panel,.debt-quick-scenario,
     .debt-chart,.debt-chart-inspector,.debt-card-coordination){
  background:var(--wmd-light-card)!important;
  background-image:none!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--debt
 :is(.debt-breakdown-item,.debt-quick-scenario-metrics>*,.debt-whatif-control){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--debt
 :is(.debt-breakdown-header h3,.debt-breakdown-item-name strong,
     .debt-chart-inspector-balance,.debt-forecast-chart-wrap h3){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--debt
 :is(.debt-breakdown-item-name em,.debt-breakdown-footnote,
     .debt-breakdown-composition-note,.debt-forecast-chart-wrap p){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--debt
 :is(.debt-breakdown-item-balance strong,.debt-breakdown-attention strong){
  color:var(--wmd-light-negative)!important;
}

/* Investments: headings, chart range buttons and linked-account table become
   fully legible. Red/green changes are preserved independently. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf,.invest-clarity,.invest-today,.invest-today-total,
     .invest-hero,.invest-hero-refreshed,.invest-panel,
     .invest-account-overview,.invest-account-table,.invest-account-row,
     .invest-accounts-config-panel,.invest-activity-panel,
     .invest-perf-chart-blank,.invest-perf-recheck,.invest-perf-setup,
     .invest-perf-compare-panel,.invest-position-card,.invest-ticker-card){
  background:var(--wmd-light-card)!important;
  background-image:none!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf-chart-blank,.invest-position-card,.invest-account-row,
     .invest-activity-metrics>article,.invest-performance-stats>article){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf h3,.invest-perf-metric strong,.invest-perf-chart-blank strong,
     .invest-account-copy strong,.invest-position-summary strong,
     .invest-activity-metrics strong,.invest-panel-head h3,
     .invest-perf-identity h3,.invest-today-total strong){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf p,.invest-perf-chart-source,.invest-perf-status,
     .invest-perf-axis,.invest-activity-hero p,.invest-ticker-identity small,
     .invest-perf-portfolio-legend,.invest-perf-account-label,
     .invest-position-summary small,.invest-account-snapshot small,
     .invest-perf-data-quality small,.invest-perf-disclaimer){
  color:var(--wmd-light-muted)!important;
  fill:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 .invest-refresh :is(.invest-perf-chart-actions button,.invest-perf-modes button,
     .invest-perf-ranges button,.invest-perf-benchmark-buttons button,
     .invest-accounts-config-panel button:not(.negative),
     .invest-holdings-toolbar button){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 .invest-refresh :is(.invest-perf-modes button.active,.invest-perf-ranges button.active,
     .invest-perf-benchmark-buttons button[aria-pressed="true"]){
  background:#d8e9f7!important;
  border-color:#88b0ce!important;
  color:#194c73!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf-balance-movement.up>strong,.invest-perf-balance-movement.up>span){
  color:var(--wmd-light-positive)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments
 :is(.invest-perf-balance-movement.down>strong,.invest-perf-balance-movement.down>span){
  color:var(--wmd-light-negative)!important;
}

/* Retirement: light forecast cards, readable axis/legend, status semantics. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 :is(.retirement-card,.retirement-chart-card,
     .retirement-outlook,.retirement-next-move,.retirement-plan-disclosure,
     .retirement-chart-inspector,.retirement-category-overview){
  background:var(--wmd-light-card)!important;
  background-image:none!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 :is(.retirement-kpis article,.retirement-dollar-switch,
     .retirement-action,.retirement-plan-group-label){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 :is(.retirement-status-row h3,.retirement-kpis strong,.retirement-chart-head h3,
     .retirement-summary-title,.retirement-chart-inspector-balance){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 :is(.retirement-status-row p,.retirement-kpis span,.retirement-kpis small,
     .retirement-summary-meta,.retirement-model-note,.retirement-axis,
     .retirement-legend,.retirement-assumption-line){
  color:var(--wmd-light-muted)!important;
  fill:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 :is(.retirement-dollar-switch button,.retirement-action button,
     .retirement-category-chip){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 .retirement-status-pill:not(.warn):not(.bad){
  background:#e6f5ee!important;
  border-color:#a0c8b4!important;
  color:var(--wmd-light-positive)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 .retirement-status-pill.warn{
  background:#fff3e5!important;border-color:#c89c64!important;
  color:var(--wmd-light-warn)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--retirement
 .retirement-status-pill.bad{
  background:#fff0f1!important;border-color:#d99ca4!important;
  color:var(--wmd-light-negative)!important;
}

/* Goals: previously remained copper even in White. Switch the UI chrome
   to brand blue, but never tint user-supplied goal-cover photographs. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 :is(.wmd-goal-card,.wmd-goals-connected,
     .wmd-goals-linked-grid,.wmd-goal-linked,.wmd-goal-modal){
  background:var(--wmd-light-card)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 :is(.wmd-goals-filter,.wmd-goals-filter button,
     .wmd-goal-status:not(:is(.complete,.on-track,.warning,.danger,.bad,.late,.behind,.missing)),
     .wmd-goal-source,.wmd-goals-connected>summary){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border-soft)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 :is(.wmd-goals-kicker,.wmd-goal-eyebrow,.wmd-goal-next>span,
     .wmd-goals-funding>span,.wmd-goals-funding button,
     .wmd-goals-header a,.wmd-goal-feature-action){
  color:var(--wmd-light-accent-dark)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 :is(.wmd-goals-header h1,.wmd-goals-section-head h2,
     .wmd-goal-card-titles h3,.wmd-goal-progress-numbers strong){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 :is(.wmd-goals-header p,.wmd-goal-card-subtitle,.wmd-goal-next p,
     .wmd-goals-layout-hint,.wmd-goal-progress-numbers small){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goals-page .wmd-goals-add{
  background:#286a9e!important;border-color:#286a9e!important;
  color:#fff!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goals-page .wmd-goals-add:is(:hover,:focus-visible){
  background:#205780!important;border-color:#205780!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goals-filter button.active{
  background:#d8eafa!important;border-color:#91b5cf!important;
  color:#205780!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goal-track>i{background:#286a9e!important}

/* Floating overlays: switch immediately with the palette, including labels
   and inputs in the budget builder and Cash Flow editor. */
#app[data-wmd-color-scheme="white"]
 :is(.settings-dialog,.settings-section,.settings-ask-bar-row,
     .cash-calendar-editor,.guided-shell,.connections-center,
     .wmd-bb-dialog,.wmd-cover-dialog,.wmd-goal-modal,
     .photo-import-dialog,.photo-import-workspace,
     .wmd-display-name-dialog){
  background:var(--wmd-light-card)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"]
 :is(.settings-dialog,.cash-calendar-editor,.guided-shell,
     .wmd-bb-dialog,.wmd-cover-dialog,.wmd-goal-modal)
 :is(h1,h2,h3,h4,label,legend,summary,strong):not(:is(.positive,.negative,.warning,.danger,.error)){
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"]
 :is(.settings-dialog,.cash-calendar-editor,.guided-shell,
     .wmd-bb-dialog,.wmd-cover-dialog,.wmd-goal-modal)
 :is(p,small,.settings-theme-explainer){
  color:var(--wmd-light-muted)!important;
}
#app[data-wmd-color-scheme="white"]
 :is(.settings-dialog,.cash-calendar-editor,.guided-shell,
     .wmd-bb-dialog,.wmd-cover-dialog,.wmd-goal-modal)
 :is(button:not(.danger):not(.destructive),input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:var(--wmd-light-tile)!important;
  border-color:var(--wmd-light-border)!important;
  color:var(--wmd-light-ink)!important;
}
#app[data-wmd-color-scheme="white"] .settings-theme-choice{
  background:var(--wmd-light-card)!important;
}
#app[data-wmd-color-scheme="white"] .settings-theme-choice:has(input:checked){
  border-color:var(--wmd-light-accent)!important;
  box-shadow:inset 0 0 0 1px var(--wmd-light-accent)!important;
}
/* Primary actions must not be turned into inactive-looking pale buttons. */
#app[data-wmd-color-scheme="white"]
 :is(.cash-calendar-save,.wmd-bb-primary,.guided-primary,.onboarding-primary){
  background:#286a9e!important;border-color:#286a9e!important;color:#fff!important;
}

/* Dark palettes: align the Cash Flow panel and Goals primary controls with
   the chosen accent. Older per-page CSS pinned aqua/copper independently. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow :is(.mm-metric,.mm-primary,.mm-next){
  background:linear-gradient(153deg,
    var(--wmd-theme-panel),var(--wmd-theme-deep))!important;
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow :is(.mm-metric,.mm-primary,.mm-next):hover{
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 44%,var(--wmd-theme-line))!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow :is(.mm-header h3,.mm-metric strong){
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow :is(.mm-header p,.mm-metric-label,.mm-metric small){
  color:var(--wmd-theme-muted)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-add{
  background:var(--wmd-theme-accent)!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-deep)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--goals :is(.wmd-goals-kicker,.wmd-goal-eyebrow,
     .wmd-goals-funding>span,.wmd-goals-funding button){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--goals .wmd-goal-track>i{
  background:var(--wmd-theme-accent)!important;
}
/* Consistent selectable focus without decorative over-saturation. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 /* Composite search shells own their focus treatment. Standalone search
    inputs receive a single outline from search-focus-unified.css. */
 > main.wmd-workspace :is(button,summary,input:not(:where([type="search"])),select,textarea):focus-visible{
  outline:2px solid var(--wmd-theme-accent)!important;
  outline-offset:2px;
}
@media(forced-colors:active){
  #app[data-wmd-color-scheme] > main.wmd-workspace{
    forced-color-adjust:auto;
  }
}


/* Preserve financial warning and achievement states in light mode. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard .cash-kpi.plan-status.shortfall{
  background:#fff0f1!important;
  border-color:#d9a1aa!important;
  color:#963c4f!important;
  box-shadow:none!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow
 .cashflow-dashboard .cash-kpi.plan-status.shortfall
 :is(.cash-outlook-heading,.cash-outlook-result,.cash-budget-context){
  color:#963c4f!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goal-status:is(.complete,.on-track){
  background:#e5f4ec!important;
  border-color:#a7cfb9!important;
  color:#216c53!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--goals
 .wmd-goal-status:is(.warning,.danger,.bad,.late,.behind,.missing){
  background:#fff1ef!important;
  border-color:#d5a3a2!important;
  color:#9d4350!important;
}

/* Page-level shells remain unpainted in White to preserve card depth. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace
 :is(.debt-page,.retirement-page,.wmd-goals-page){
  background:transparent!important;
  border-color:transparent!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--cashflow .mm-metric-low strong{
  color:var(--wmd-light-accent-dark)!important;
}

/* Goal edit and cover-picking dialogs: their primary buttons were pinned to
   copper regardless of chosen color scheme. Mixed intentionally retains it. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-goal-form-actions button[type="submit"],
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-cover-foot [data-cover-use]{
  background:var(--wmd-theme-accent)!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-deep)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 .wmd-cover-categories button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--wmd-theme-accent) 22%,var(--wmd-theme-raised))!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 :is(.wmd-cover-tile.is-selected,.wmd-cover-tile:hover){
  border-color:var(--wmd-theme-accent)!important;
}
#app[data-wmd-color-scheme="white"]
 :is(.wmd-goal-form-actions button[type="submit"],.wmd-cover-foot [data-cover-use]){
  background:#286a9e!important;
  border-color:#286a9e!important;
  color:#fff!important;
}
#app[data-wmd-color-scheme="white"] .wmd-cover-tile{
  background:#f3f7fb!important;border-color:#c4d6e3!important;
  color:#1a3041!important;
}
#app[data-wmd-color-scheme="white"] .wmd-cover-categories button{
  background:#e9f1f8!important;border-color:#bfd2df!important;
  color:#205780!important;
}
#app[data-wmd-color-scheme="white"] .wmd-cover-categories button[aria-pressed="true"]{
  background:#d8eafa!important;border-color:#7da9c9!important;
  color:#205780!important;
}
#app[data-wmd-color-scheme="white"]
 :is(.wmd-cover-position,.wmd-cover-stage-bottom strong,.wmd-cover-tile-name){
  color:#1a3041!important;
}

/* Snapper is mounted onto document.body, not beneath #app. Use :has() to read
   the active signed-in preference. The public demo/import stays independent. */
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder{
  --bb-bg:#142331;--bb-panel:#1d3141;--bb-panel-soft:#192b39;
  --bb-border:#415e74;--bb-ink:#f0f6fb;--bb-muted:#bccddd;
  --bb-mint:#8ec8f3;--bb-mint-ink:#112536;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-budget-builder{
  --bb-bg:#111e23;--bb-panel:#1e3031;--bb-panel-soft:#1a2c2c;
  --bb-border:#45625a;--bb-ink:#edf7f4;--bb-muted:#b5d0c7;
  --bb-mint:#57d7aa;--bb-mint-ink:#11261e;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-budget-builder{
  --bb-bg:#0e1116;--bb-panel:#1a2128;--bb-panel-soft:#151a20;
  --bb-border:#44515c;--bb-ink:#f0f5f9;--bb-muted:#becad4;
  --bb-mint:#d5e0ec;--bb-mint-ink:#121c25;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-budget-builder{
  --bb-bg:#201823;--bb-panel:#322636;--bb-panel-soft:#2b2230;
  --bb-border:#684d67;--bb-ink:#fff3f8;--bb-muted:#d5bccd;
  --bb-mint:#ee9bc9;--bb-mint-ink:#291b2b;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-budget-builder{
  color-scheme:light;
  --bb-bg:#fff;--bb-panel:#f3f7fb;--bb-panel-soft:#edf4f9;
  --bb-border:#bfd1df;--bb-ink:#1a3041;--bb-muted:#526b7e;
  --bb-mint:#286a9e;--bb-mint-ink:#fff;--bb-alert:#905c2a;
}
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-budget-builder :is(.wmd-bb-dialog,.wmd-bb-header,.wmd-bb-section,.wmd-bb-source,
 .wmd-bb-guide-card,.wmd-bb-review-head,.wmd-bb-money-picture){
  background:var(--bb-panel)!important;
  border-color:var(--bb-border)!important;
  color:var(--bb-ink)!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(.wmd-bb-dialog,.wmd-bb-header,.wmd-bb-section,
 .wmd-bb-source,.wmd-bb-guide-card,.wmd-bb-review-head,.wmd-bb-money-picture){
  background:#fff!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(.wmd-bb-upload,.wmd-bb-file,.wmd-bb-draft-line,
 .wmd-bb-guide-line,.wmd-bb-guide-glance,.wmd-bb-quick-suggestion,
 .wmd-bb-review-preview,.wmd-bb-gap,.wmd-bb-guide-stat-grid){
  background:#edf4f9!important;
  border-color:#c9d9e5!important;
  color:#1a3041!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(h2,h3,h4,strong,label){
  color:#1a3041!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(p,small,.wmd-bb-note,.wmd-bb-review-filter-note){
  color:#526b7e!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:#f7fafc!important;border-color:#bfd1df!important;
  color:#1a3041!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(.wmd-bb-primary,.wmd-bb-review-decision button.primary){
  background:#286a9e!important;border-color:#286a9e!important;
  color:#fff!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-budget-builder :is(.wmd-bb-secondary,.wmd-bb-header button){
  background:#edf4f9!important;border-color:#bfd1df!important;
  color:#205780!important;
}
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-budget-builder :is(.wmd-bb-step,.wmd-bb-header span){
  color:var(--bb-mint)!important;
}
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-budget-builder :is(button,input,select,textarea):focus-visible{
  outline:2px solid var(--bb-mint)!important;
  outline-offset:2px;
}


/* Brand actions on the public landing stay Ocean blue. In a signed-in
   workspace they are PRESENTATION controls and must honor the saved palette,
   rather than silently overriding Pink, Mint, White, Black, or Mixed. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]){
  --wmd-brand-action:var(--wmd-theme-accent);
  --wmd-brand-action-hover:var(--wmd-theme-accent-soft);
  --wmd-brand-action-ink:var(--wmd-theme-deep);
  --wmd-brand-action-outline:var(--wmd-theme-accent-soft);
}
#app[data-wmd-color-scheme="original"] > main.wmd-workspace{
  --wmd-brand-action:var(--wmd-accent,#8ec8f3);
  --wmd-brand-action-hover:color-mix(in srgb,var(--wmd-accent,#8ec8f3) 65%,#fff);
  --wmd-brand-action-ink:#102333;
  --wmd-brand-action-outline:color-mix(in srgb,var(--wmd-accent,#8ec8f3) 55%,#fff);
}
/* Signed-in photo-import dialog is a body-level portal, like Snapper. */
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-photo-import-root{
  --wmd-brand-action:var(--wmd-theme-accent,#8ec8f3);
  --wmd-brand-action-hover:var(--wmd-theme-accent-soft,#b9dffa);
  --wmd-brand-action-ink:var(--wmd-theme-deep,#102333);
  --wmd-brand-action-outline:var(--wmd-theme-accent-soft,#b9dffa);
}
/* CSS custom properties from #app cannot cross into a body portal, so define
   its palette tokens where the portal actually exists. */
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root{
  --wmd-theme-accent:#286a9e;
  --wmd-theme-accent-soft:#215982;
  --wmd-theme-deep:#f2f6fa;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-photo-import-root{
  --wmd-theme-accent:#57d7aa;
  --wmd-theme-accent-soft:#9ae8cb;
  --wmd-theme-deep:#111c25;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-photo-import-root{
  --wmd-theme-accent:#d5e0ec;
  --wmd-theme-accent-soft:#eff5fa;
  --wmd-theme-deep:#090c10;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-photo-import-root{
  --wmd-theme-accent:#ee9bc9;
  --wmd-theme-accent-soft:#ffd5e9;
  --wmd-theme-deep:#1b1620;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root{
  --wmd-theme-accent:#8ec8f3;
  --wmd-theme-accent-soft:#bddffd;
  --wmd-theme-deep:#13202d;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-photo-import-root :is(.photo-import-dialog,.photo-import-footer,.photo-import-source-panel){
  background:#fff!important;
  border-color:#bfd1df!important;
  color:#1a3041!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-photo-import-root :is(h1,h2,h3,strong):not(.negative):not(.danger){
  color:#1a3041!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-photo-import-root :is(p,small,.photo-import-hint){
  color:#526b7e!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-photo-import-root :is(button:not(.danger):not(.destructive),
 input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  background:#edf4f9!important;
  border-color:#bfd1df!important;
  color:#205780!important;
}
body:has(#app[data-wmd-color-scheme="white"])
 #wmd-photo-import-root :is(.snapper-refresh-primary,.photo-import-primary,
 .snapper-review-primary,.photo-import-source-confirm,.photo-import-quick-approve){
  background:#286a9e!important;border-color:#286a9e!important;
  color:#fff!important;
}


/* Complete Cash Flow's alternate dark surfaces. Its premium dashboard still
   hard-coded navy into summary/runway panels after Mint/Pink/Black selection.
   Keep genuine cash shortfall warnings and bank-account status colors. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow
 :is(.cashflow-dashboard .cash-settings.cash-position-overview,
     .cashflow-dashboard .cash-balance-choice,
     .cashflow-dashboard .cash-kpi:not(.shortfall):not(.warning),
     .cashflow-dashboard .cash-runway-month:not(.warning),
     .cashflow-dashboard .cash-month-outlook,
     .cashflow-dashboard .cash-outlook-details,
     .cash-card-payment-center,.cash-checklist,
     .cashflow-calendar-card,.cash-wallet-card){
  background:var(--wmd-theme-panel)!important;
  background-image:none!important;
  border-color:var(--wmd-theme-line)!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow
 :is(.cashflow-dashboard .cash-position-overview .cash-inline-balance,
     .cashflow-dashboard .cash-runway-grid,.cash-checklist-card,
     .cash-card-payment-row,.cash-wallet-expanded){
  background:var(--wmd-theme-deep)!important;
  border-color:var(--wmd-theme-line-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-runway-head h3,.cash-kpi:not(.shortfall) b,
     .cash-runway-month:not(.warning) strong){
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]):not([data-wmd-color-scheme="white"])
 > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-kpi-jump>small,
     .cash-kpi-jump>div:first-child>span,.cash-runway-month:not(.warning) small){
  color:var(--wmd-theme-muted)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow
 .cashflow-dashboard :is(.cash-budget-delta.positive,.cash-runway-month.up em){
  color:var(--wmd-light-positive,#8adab7)!important;
}
/* Other schemes don't define the White-only semantic token. */
#app[data-wmd-color-scheme="mint"]{--wmd-light-positive:#8adab7}
#app[data-wmd-color-scheme="ocean"]{--wmd-light-positive:#8adab7}
#app[data-wmd-color-scheme="black"]{--wmd-light-positive:#8adab7}
#app[data-wmd-color-scheme="pink"]{--wmd-light-positive:#8adab7}

/* Statement import UI iconography should not retain brown styling once a
   coherent user palette is selected. Actual warning and error banners remain. */
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-budget-builder :is(.wmd-bb-upload-icon,.wmd-bb-done-icon,
     .wmd-bb-file-dot){
  background:color-mix(in srgb,var(--bb-mint) 16%,var(--bb-panel))!important;
  color:var(--bb-mint)!important;
  border-color:color-mix(in srgb,var(--bb-mint) 35%,var(--bb-border))!important;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-budget-builder .wmd-bb-primary{
  background:#286a9e!important;color:#fff!important;
}


/* Snapper header entry: unified with Connections instead of legacy sage.
   The global import action is navigation chrome, NOT a financial gain or
   "success" indicator. Keep Ocean/Mixed neutral blue, honor user palettes,
   and apply the same treatment to the mobile floating entry. */
#app > header .header-actions > button.global-photo-action:not(:disabled){
  background:#20282d!important;
  border-color:#557a90!important;
  color:#dcebf3!important;
  box-shadow:none!important;
}
#app > header .header-actions > button.global-photo-action:not(:disabled):hover{
  background:#27343b!important;
  border-color:#8eb6cc!important;
  color:#eff7fd!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="ocean"]):not([data-wmd-color-scheme="original"])
 > header .header-actions > button.global-photo-action:not(:disabled){
  background:var(--wmd-theme-raised)!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 42%,var(--wmd-theme-line))!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="ocean"]):not([data-wmd-color-scheme="original"])
 > header .header-actions > button.global-photo-action:not(:disabled):hover{
  background:color-mix(in srgb,var(--wmd-theme-accent) 13%,var(--wmd-theme-raised))!important;
  border-color:var(--wmd-theme-accent)!important;
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme="white"]
 > header .header-actions > button.global-photo-action:not(:disabled){
  background:#fff!important;
  border-color:#bdcfdd!important;
  color:#205780!important;
}
#app[data-wmd-color-scheme="white"]
 > header .header-actions > button.global-photo-action:not(:disabled):hover{
  background:#eaf2f9!important;
  border-color:#7a9ebc!important;
  color:#194c73!important;
}
/* Keep keyboard focus visible without a separate mint halo. */
#app[data-wmd-color-scheme] > header .header-actions > button.global-photo-action:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;
  outline-offset:3px!important;
}
#app[data-wmd-color-scheme="original"] > header .header-actions > button.global-photo-action:focus-visible{
  outline-color:#8ec8f3!important;
}
/* Global mobile Snapper pill can be mounted outside the header. */
body:has(#app[data-wmd-color-scheme="ocean"]) .global-photo-floating,
body:has(#app[data-wmd-color-scheme="original"]) .global-photo-floating{
  background:#20282d!important;
  border-color:#557a90!important;
  color:#dcebf3!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) .global-photo-floating:hover,
body:has(#app[data-wmd-color-scheme="original"]) .global-photo-floating:hover{
  background:#27343b!important;
  border-color:#8eb6cc!important;
}
/* Mobile entry can be portaled directly to body, outside #app's tokens. */
body:has(#app[data-wmd-color-scheme="mint"]) .global-photo-floating{
  background:#1e3031!important;
  border-color:#45625a!important;
  color:#edf7f4!important;
}
body:has(#app[data-wmd-color-scheme="pink"]) .global-photo-floating{
  background:#39283b!important;
  border-color:#5b4560!important;
  color:#fff3f9!important;
}
body:has(#app[data-wmd-color-scheme="black"]) .global-photo-floating{
  background:#232a31!important;
  border-color:#434b55!important;
  color:#f4f7fa!important;
}
body:has(#app[data-wmd-color-scheme="white"]) .global-photo-floating{
  background:#fff!important;
  border-color:#bdcfdd!important;
  color:#205780!important;
  box-shadow:0 8px 24px rgba(30,61,82,.12)!important;
}
body:has(#app[data-wmd-color-scheme="white"]) .global-photo-floating:hover{
  background:#eaf2f9!important;
  border-color:#7a9ebc!important;
}
/* In-workspace Snapper entries inherit selected navigation color, too. */
#app[data-wmd-color-scheme] > main.wmd-workspace .wmd-photo-import-entry{
  background:var(--wmd-theme-raised,#20282d)!important;
  border-color:var(--wmd-theme-line,#557a90)!important;
  color:var(--wmd-theme-text,#dcebf3)!important;
}
#app[data-wmd-color-scheme="original"] > main.wmd-workspace .wmd-photo-import-entry{
  background:#20282d!important;
  border-color:#557a90!important;
  color:#dcebf3!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace .wmd-photo-import-entry{
  background:#fff!important;
  border-color:#bdcfdd!important;
  color:#205780!important;
}

}
/* networth-breakdown-tabs.css */
@media screen {
/* Net Worth balance breakdown: Equity and Assets are chart view controls,
   not financial gains. Keep liabilities' coral meaning, preserve chart category
   colors, and follow the selected Appearance palette (Ocean defaults blue). */
#app .wmd-workspace--networth,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]{
  --nw-breakdown-tab-accent:var(--wmd-theme-accent,var(--wmd-chart-primary,var(--wmd-accent,#8ec8f3)));
  --nw-breakdown-tab-deep:var(--wmd-theme-deep,var(--wmd-ui-deep,#13202d));
  --nw-breakdown-tab-text:var(--wmd-theme-text,var(--wmd-ui-txt,#f0f6fb));
  --nw-breakdown-tab-line:var(--wmd-theme-line,var(--wmd-ui-line,#405b70));
}
/* Public-facing previews consistently demonstrate the default Ocean scheme. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"],
#app .landing-v6 :is(#landingLiveDemo,#landingHeroPreview) .wmd-workspace--networth{
  --nw-breakdown-tab-accent:#8ec8f3;
  --nw-breakdown-tab-deep:#13202d;
  --nw-breakdown-tab-text:#f0f6fb;
  --nw-breakdown-tab-line:#405b70;
}
/* Inactive tabs keep their existing neutral slate presentation.
   Remove the legacy green outline/background on Equity and Assets hover. */
#app .wmd-workspace--networth .nw-chart-switch>button:not([data-nw-chart="liabilities"]):is(:hover,:focus-visible),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"] .nw-chart-switch>button:not([data-nw-chart="liabilities"]):is(:hover,:focus-visible){
  border-color:color-mix(in srgb,var(--nw-breakdown-tab-accent) 75%,var(--nw-breakdown-tab-line))!important;
  background:color-mix(in srgb,var(--nw-breakdown-tab-accent) 12%,var(--nw-breakdown-tab-deep))!important;
  color:var(--nw-breakdown-tab-text)!important;
  box-shadow:none!important;
}
/* Selection stays unmistakable, including when a selected button is hovered. */
#app .wmd-workspace--networth .nw-chart-switch>button:not([data-nw-chart="liabilities"]):is(.active,[aria-pressed="true"]),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"] .nw-chart-switch>button:not([data-nw-chart="liabilities"]):is(.active,[aria-pressed="true"]){
  border-color:var(--nw-breakdown-tab-accent)!important;
  background:color-mix(in srgb,var(--nw-breakdown-tab-accent) 21%,var(--nw-breakdown-tab-deep))!important;
  color:var(--nw-breakdown-tab-text)!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--nw-breakdown-tab-accent) 18%,transparent)!important;
}
#app .wmd-workspace--networth .nw-chart-switch>button:not([data-nw-chart="liabilities"]):focus-visible,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"] .nw-chart-switch>button:not([data-nw-chart="liabilities"]):focus-visible{
  outline:2px solid var(--nw-breakdown-tab-accent)!important;
  outline-offset:2px!important;
}
/* Equity category amounts are ownership values, not positive performance.
   Keep semantic gain/loss badges and multicolored donut slices unchanged. */
#app .wmd-workspace--networth .nw-top-row .nw-chart-panel[data-mix-mode="equity"] .nw-mix-legend-amount,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"] .nw-chart-panel[data-mix-mode="equity"] .nw-mix-legend-amount{
  color:var(--nw-breakdown-tab-accent)!important;
}

}
/* landing-hero-atmosphere.css */
@media screen {
/* Where's My Dollar? | Full-bleed Ocean hero atmosphere.
   Paint on the full-width public landing canvas, not the width-constrained
   .landing-intro-v5 element. Keep the George brand mark, moving headlines,
   buttons, and real application previews completely unchanged.
   Lightweight CSS only: no images, scripts, animations, or layout shifts. */

/* The first fold has a faint editorial blue glow at BOTH viewport edges.
   Radial fields use fixed vertical positions from the top of the landing,
   so they feather away naturally around the first product preview instead
   of ending in a rectangular container boundary. */
#app .landing-v6{
  background:
    radial-gradient(ellipse 610px 420px at 0% 520px,
      rgba(44,125,216,.22) 0%,
      rgba(45,115,207,.125) 31%,
      rgba(37,104,196,.038) 65%,
      transparent 94%),
    radial-gradient(ellipse 630px 425px at 100% 385px,
      rgba(40,119,214,.195) 0%,
      rgba(40,107,195,.108) 34%,
      rgba(36,102,183,.03) 69%,
      transparent 94%),
    radial-gradient(ellipse 760px 380px at 50% 305px,
      rgba(36,84,140,.073) 0%,
      rgba(36,84,140,.029) 44%,
      transparent 86%),
    radial-gradient(ellipse 865px 640px at -615px 570px,
      transparent 77.65%,
      rgba(76,164,255,.035) 77.88%,
      rgba(76,164,255,.11) 78.16%,
      rgba(76,164,255,.034) 78.43%,
      transparent 78.88%),
    radial-gradient(ellipse 890px 665px at calc(100% + 630px) 410px,
      transparent 77.7%,
      rgba(70,157,245,.03) 77.96%,
      rgba(70,157,245,.095) 78.22%,
      rgba(70,157,245,.03) 78.49%,
      transparent 78.98%),
    #0e1721!important;
  background-repeat:no-repeat!important;
}
/* Remove any older center-constrained hero fill. Content layout, story cards,
   and the CTA stack remain as rendered by the existing app. */
#app .landing-v6 .landing-main-v5.wmd-founder-focus > .landing-intro-v5.landing-intro-conversion{
  background:transparent!important;
}

/* Narrow phones retain soft edge-to-edge lighting without the wide arcs
   competing with the two-line hero or crowding the buttons. */
@media(max-width:700px){
  #app .landing-v6{
    background:
      radial-gradient(ellipse 340px 335px at -22% 405px,
        rgba(46,123,210,.14),
        rgba(46,123,210,.052) 48%,
        transparent 90%),
      radial-gradient(ellipse 340px 335px at 122% 310px,
        rgba(42,115,210,.145),
        rgba(42,115,210,.045) 50%,
        transparent 90%),
      radial-gradient(ellipse 490px 290px at 50% 265px,
        rgba(36,87,144,.045),transparent 87%),
      #0e1721!important;
  }
}
/* No ambient decoration where it could interfere with high-contrast mode. */
@media(forced-colors:active){
  #app .landing-v6{
    background:Canvas!important;
    color:CanvasText;
  }
}

}
/* header-toolbar-refinement.css */
@media screen {
/* Signed-in header: align date and account controls at every desktop width.
   Preserve brand and sync status; never strand the profile avatar below the toolbar. */
#app > header.wmd-workspace-header{
 display:grid!important;
 grid-template-columns:minmax(250px,1fr) max-content max-content;
 align-items:center!important;gap:8px 16px;
 height:auto!important;min-height:94px;overflow:visible!important;
}
#app > header.wmd-workspace-header > .brand{
 grid-column:1;grid-row:1;min-width:0;
}
#app > header.wmd-workspace-header > .wmd-header-date{
 grid-column:2;grid-row:1;justify-self:center;align-self:center;
 min-width:0;max-width:100%;white-space:nowrap;overflow:visible;
 display:block!important;visibility:visible!important;
 text-align:center;letter-spacing:.005em;color:var(--wmd-theme-muted,#b2c4d1);
 font:600 13px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app > header.wmd-workspace-header > .header-actions{
 grid-column:3;grid-row:1;justify-self:end;justify-content:flex-end;
 display:flex;align-items:center;flex-wrap:nowrap;gap:8px;
 min-width:0;max-width:100%;
}
#app > header.wmd-workspace-header .wmd-header-menu-options .wmd-menu-undo{
 display:flex;align-items:center;gap:10px;
}
#app > header.wmd-workspace-header .wmd-menu-undo span[aria-hidden]{
 display:inline-block;width:17px;font-size:19px;line-height:1;text-align:center;
 color:var(--wmd-theme-accent,#8ec8f3);
}
#app > header.wmd-workspace-header .wmd-header-menu-options .wmd-menu-undo:disabled{
 cursor:not-allowed!important;opacity:.43!important;
}
#app > header.wmd-workspace-header .wmd-menu-undo:focus-visible{
 outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;outline-offset:1px;
}
/* A full brand, date and six controls cannot fit side by side on a laptop.
   Keep the brand on the first line and align date + controls on the next. */
@media(min-width:1000px) and (max-width:1349px){
 #app > header.wmd-workspace-header{
  grid-template-columns:minmax(0,1fr) max-content;
  grid-template-rows:auto auto;row-gap:8px;
 }
 #app > header.wmd-workspace-header > .brand{
  grid-column:1/-1;grid-row:1;
 }
 #app > header.wmd-workspace-header > .wmd-header-date{
  grid-column:1;grid-row:2;justify-self:start;text-align:left;
 }
 #app > header.wmd-workspace-header > .header-actions{
  grid-column:2;grid-row:2;justify-self:end;flex-wrap:nowrap;
 }
}
/* On smaller tablets, let the tools wrap naturally instead of clipping buttons.
   The date still appears before the tools, never stranded under them. */
@media(min-width:681px) and (max-width:999px){
 #app > header.wmd-workspace-header{
  grid-template-columns:minmax(0,1fr);row-gap:8px;
 }
 #app > header.wmd-workspace-header > .brand{
  grid-column:1;grid-row:1;
 }
 #app > header.wmd-workspace-header > .wmd-header-date{
  grid-column:1;grid-row:2;justify-self:start;text-align:left;
 }
 #app > header.wmd-workspace-header > .header-actions{
  grid-column:1;grid-row:3;justify-self:stretch;justify-content:flex-start;
  flex-wrap:wrap;
 }
}
@media(max-width:680px){
 #app > header.wmd-workspace-header{display:block!important}
 #app > header.wmd-workspace-header > .wmd-header-date{display:none!important}
 #app > header.wmd-workspace-header > .header-actions{
  display:flex;justify-content:flex-start;flex-wrap:wrap;max-width:100%;
 }
}
/* Timed Undo affordance: does not alter financial data or the underlying undo stack. */
.wmd-undo-notice{
 position:fixed;z-index:950;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));
 transform:translateX(-50%);display:flex;align-items:center;justify-content:center;
 gap:15px;max-width:calc(100vw - 30px);min-width:190px;
 padding:9px 10px 9px 16px;border:1px solid #5a7e97;border-radius:12px;
 background:#142534;color:#eaf4fb;box-shadow:0 12px 40px rgba(0,0,0,.32);
 font:600 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;white-space:nowrap;
}
.wmd-undo-notice > button{
 padding:8px 12px;min-height:35px;border:1px solid #7eafd0;border-radius:8px;
 background:#294b65;color:#e8f7ff;font:750 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
}
.wmd-undo-notice > button:hover,.wmd-undo-notice > button:focus-visible{
 border-color:#b9dffa;background:#325c7b;
}
.wmd-undo-notice > button:focus-visible{outline:2px solid #b9dffa;outline-offset:2px}
@media(max-width:680px){
 .wmd-undo-notice{bottom:calc(76px + env(safe-area-inset-bottom,0px))}
}

}
/* budget-networth-metric-type.css */
@media screen {
/* Budget percentages and Net Worth growth: a small, responsive readability lift.
   Keep existing palette, semantic gain/loss colors, spacing, and card layout. */
#app .wmd-workspace--budget .budget-top .summary-item em{
  font-size:14px!important;
  font-weight:740!important;
  line-height:1.3!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--networth .nw-top-row .nw-hero-growth{
  font-size:13px!important;
  line-height:1.45!important;
}
#app .wmd-workspace--networth .history-panel .history-range-change strong{
  font-size:14px!important;
  line-height:1.35!important;
  font-variant-numeric:tabular-nums;
}
@media(max-width:580px){
  #app .wmd-workspace--budget .budget-top .summary-item em{
    font-size:13px!important;
  }
  #app .wmd-workspace--networth .nw-top-row .nw-hero-growth{
    font-size:12px!important;
  }
  #app .wmd-workspace--networth .history-panel .history-range-change strong{
    font-size:13px!important;
  }
}

}
/* ocean-workspace-accent-qa.css */
@media screen {
/* 2026-10-18: Ocean palette parity for signed-in workspaces.
   Only presentation chrome changes. Mixed ("original") keeps individual page
   accents. Positive/negative numbers, warning badges, completion and the
   Retirement FUNDED indicator retain their semantic colors. No layout edits. */

#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace{
  --wmd-cue-accent:var(--wmd-theme-accent,#8ec8f3);
  --wmd-cue-accent-soft:var(--wmd-theme-accent-soft,#bddffd);
  --wmd-cue-ink:var(--wmd-theme-text,#f0f6fb);
  --wmd-cue-muted:var(--wmd-theme-muted,#bdcbd8);
  --wmd-cue-line:var(--wmd-theme-line,#41596c);
  --wmd-cue-raised:var(--wmd-theme-raised,#26384a);
  --wmd-cue-deep:var(--wmd-theme-deep,#13202d);
  --wmd-cue-on-accent:#102333;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace{
  --wmd-cue-on-accent:#fff;
}

/* Budget: controls/section metadata share the selected appearance.
   Money Mix category swatches, needs/wants/savings and positive income remain
   classified financial information and are intentionally not overwritten. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(
   .category-overview-head>div>span,.budget-section .section-kicker,
   .budget-overview-section .budget-overview-chevron
 ){
   color:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(
   .category-overview .money-mix-legend-item.selected,
   .budget-chart button.active,
   .budget-overview-toggle:focus-visible
 ){
   border-color:var(--wmd-cue-accent)!important;
   outline-color:var(--wmd-cue-accent)!important;
 }

/* Cash Flow: these are route/editor affordances, not "income received" flags. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow :is(
   .cash-month-outlook-chevron,.cash-month-change-details>summary,
   .cash-position-note summary,.cash-month-review .cash-nav-arrow
 ){
   color:var(--wmd-cue-accent-soft)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow :is(
   .cash-position-note summary,.cash-month-review,.cash-month-outlook>summary
 ):focus-visible{
   outline:2px solid var(--wmd-cue-accent)!important;
   outline-offset:2px;
 }

/* Investments: older investor-layout rules still use sage literals even though
   the main charts and navigational tabs already honor the appearance setting.
   Rebind the original action + account + empty-state chrome at the component. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments{
   --inv-accent:var(--wmd-cue-accent)!important;
   --inv-accent-bright:var(--wmd-cue-accent-soft)!important;
   --inv-accent-line:color-mix(in srgb,var(--wmd-cue-accent) 56%,var(--wmd-cue-line))!important;
   --inv-line:var(--wmd-cue-line)!important;
   --inv-text:var(--wmd-cue-ink)!important;
   --inv-muted:var(--wmd-cue-muted)!important;
   --inv-raised:var(--wmd-cue-raised)!important;
   --inv-deep:var(--wmd-cue-deep)!important;
   --inv-cta-ink:var(--wmd-cue-on-accent)!important;
   --invest-track-accent:var(--wmd-cue-accent)!important;
   --invest-premium-line:var(--wmd-cue-line)!important;
   --invest-premium-muted:var(--wmd-cue-muted)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh{
   --broker-accent:var(--wmd-cue-accent)!important;
   --broker-muted:var(--wmd-cue-muted)!important;
   --broker-ink:var(--wmd-cue-ink)!important;
   --broker-line:var(--wmd-cue-line)!important;
   --broker-panel:var(--wmd-theme-panel)!important;
   --broker-panel-deep:var(--wmd-cue-deep)!important;
   --invest-accent:var(--wmd-cue-accent)!important;
   --invest-muted:var(--wmd-cue-muted)!important;
   --invest-border:var(--wmd-cue-line)!important;
   --inv-accounts-accent:var(--wmd-cue-accent)!important;
 }

/* The account owner/type, guidance copy and filter labels are neutral text,
   not green portfolio gains. Keep account values and +/- calculations alone. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-account-name small,.invest-account-copy small,
   .invest-account-summary-source,.invest-account-summary-owner,
   .invest-account-summary-holdings,.invest-account-row small,
   .invest-account-snapshot small,.invest-account-table-head,
   .invest-account-page-count small,.invest-panel-head p,
   .invest-clarity-focus p,.invest-position-disclosure,
   .invest-holdings-first-steps p,.invest-holdings-first-steps small,
   .invest-activity-hero p,.invest-activity-cash-cta p,
   .invest-trade-guidance-copy p,.invest-activity-history-head p,
   .invest-activity-history .invest-activity-filters label,
   .invest-activity-metrics article small,.invest-activity-empty p,
   .invest-activity-filter-empty,.invest-ticker-identity small
 ){
   color:var(--wmd-cue-muted)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-kicker,.invest-panel-head .invest-kicker,
   .invest-position-caption,.invest-ticker-chevron,
   .invest-position-summary-icon,.invest-activity-metrics article>div>span,
   .invest-market-status,.invest-activity-filters label>span
 ){
   color:var(--wmd-cue-accent-soft)!important;
 }

/* Restore the intended Ocean/slate instead of older sage panels.
   Keep grid dimensions, padding, responsive behavior, and data untouched. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-clarity,.invest-activity-hero,.invest-account-page-hero,
   .invest-holdings-brokerage>.invest-panel-head,
   .invest-activity-next .invest-activity-cash-cta,
   .invest-activity-next .invest-trade-guidance,
   .invest-holdings-first-steps,
   .invest-activity-brokerage .invest-activity-empty
 ){
   background:linear-gradient(135deg,var(--wmd-cue-raised),var(--wmd-theme-panel))!important;
   border-color:var(--wmd-cue-line)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-clarity-completeness,.invest-clarity-top,
   .invest-activity-next .invest-activity-cash-cta,
   .invest-activity-next .invest-trade-guidance,
   .invest-account-table,.invest-account-summary,
   .invest-holdings-toolbar
 ){
   border-color:var(--wmd-cue-line)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-holdings-empty-symbol,.invest-activity-empty-icon,
   .invest-activity-cta-icon,.invest-position-symbol
 ){
   background:color-mix(in srgb,var(--wmd-cue-accent) 13%,var(--wmd-cue-raised))!important;
   border-color:color-mix(in srgb,var(--wmd-cue-accent) 44%,var(--wmd-cue-line))!important;
   color:var(--wmd-cue-accent-soft)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh .invest-clarity-track i{
   background:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   .invest-activity-filters select,.invest-account-picker select,
   .invest-holdings-toolbar input,.invest-holdings-toolbar select
 ){
   background:var(--wmd-cue-deep)!important;
   border-color:var(--wmd-cue-line)!important;
   color:var(--wmd-cue-ink)!important;
 }

/* A filled button means "take an action", not "portfolio is profitable". */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   button.invest-holdings-snap,
   .invest-holdings-paths button.invest-holdings-snap,
   button.invest-snap-action,
   .invest-perf .invest-perf-add-action,
   .invest-activity-hero button.invest-primary,
   .invest-activity-next button.invest-primary
 ):not(:disabled){
   background:var(--wmd-cue-accent)!important;
   border-color:var(--wmd-cue-accent)!important;
   color:var(--wmd-cue-on-accent)!important;
   box-shadow:none!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   button.invest-holdings-snap,
   .invest-holdings-paths button.invest-holdings-snap,
   button.invest-snap-action,
   .invest-perf .invest-perf-add-action,
   .invest-activity-hero button.invest-primary,
   .invest-activity-next button.invest-primary
 ):hover:not(:disabled){
   background:var(--wmd-cue-accent-soft)!important;
   border-color:var(--wmd-cue-accent-soft)!important;
   color:var(--wmd-cue-on-accent)!important;
 }

/* Navigation/filter focus must not fall back to old sage outlines. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh :is(
   button,summary,input,select
 ):focus-visible{
   outline:2px solid var(--wmd-cue-accent)!important;
   outline-offset:2px!important;
 }

/* Retirement: color the assumption/navigation affordances from the palette,
   never the funded, caution, or failure status pill. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page{
   --retire-accent:var(--wmd-cue-accent)!important;
   --ret-color:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page :is(
   .retirement-status-row>div:first-child>span,
   .retirement-next-move-head>span,.retirement-next-move-head button,
   .retirement-more-steps>summary,.retirement-horizon-link
 ){
   color:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page
 .retirement-assumptions>details>summary::after{
   color:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page :is(
   .retirement-dollar-switch button.active,
   .retirement-dollar-switch button[aria-pressed="true"],
   .retirement-category-chip.selected
 ){
   border-color:color-mix(in srgb,var(--wmd-cue-accent) 60%,var(--wmd-cue-line))!important;
   background:color-mix(in srgb,var(--wmd-cue-accent) 14%,var(--wmd-cue-raised))!important;
   color:var(--wmd-cue-ink)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page :is(
   .retirement-grid2 input[type="checkbox"],.retirement-grid2 input[type="radio"],
   .retirement-chart-scrubber input[type="range"],
   .retirement-assumptions input[type="checkbox"]
 ){
   accent-color:var(--wmd-cue-accent)!important;
 }
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement .retirement-page :is(
   button,summary,input,select,textarea
 ):focus-visible{
   outline-color:var(--wmd-cue-accent)!important;
 }

/* Public product previews are ALWAYS Ocean, regardless of saved app palette.
   Data series and gain/loss statuses are purposefully excluded. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 :is(.invest-activity-hero .invest-kicker,.invest-panel-head .invest-kicker,
     .invest-activity-metrics article>div>span,.invest-ticker-chevron){
   color:#bddffd!important;
 }
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"]
 :is(.invest-activity-hero p,.invest-account-name small,
     .invest-activity-cash-cta p,.invest-trade-guidance-copy p){
   color:#b4cadb!important;
 }

@media(forced-colors:active){
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
   > main.wmd-workspace--investments .invest-refresh button{
     forced-color-adjust:auto;
  }
}

}
/* ocean-remaining-green-fixes.css */
@media screen {
/* 2026-10-18 | Explicit regression fixes for legacy mint UI.
   Loaded LAST. This is a visual-only, selector-level repair: no DOM/layout,
   data, calculations or behavior are changed. Gains, losses, warning and
   completed/funded statuses are intentionally outside these selectors.

   Ocean default = #8ec8f3. Signed-in Mint/White/Black/Pink/Orchid use their
   existing theme tokens; Mixed/original keeps its per-page identity. */

/* --- Signed-in Investments: navigation and "Add holding" --- */
#app:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--investments{
  --inv-action-accent:var(--wmd-theme-accent,#8ec8f3);
  --inv-action-soft:var(--wmd-theme-accent-soft,#bddffd);
  --inv-action-ink:#102333;
  --inv-action-muted:var(--wmd-theme-muted,#bdcbd8);
  --inv-action-text:var(--wmd-theme-text,#f0f6fb);
  --inv-action-panel:var(--wmd-theme-raised,#26384a);
  --inv-action-line:var(--wmd-theme-line,#41596c);
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--investments{
  --inv-action-ink:#fff;
}
/* Old investment-premium.css painted every inactive tab sage with !important.
   Theme variables alone cannot override a fixed color declaration. */
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-tabs > button{
  color:var(--inv-action-muted)!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-tabs > button:hover:not(.active){
  color:var(--inv-action-soft)!important;
  background:transparent!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-tabs > button.active{
  color:var(--inv-action-soft)!important;
  background:transparent!important;
  border-bottom-color:var(--inv-action-accent)!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-shell .invest-nav-link{
  color:var(--inv-action-soft)!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-shell .invest-nav-status{
  color:var(--inv-action-muted)!important;
}
/* The connected dot is a meaningful connection state; leave it alone. */

/* Older investor-layout/premium rules are more specific than generic .invest-primary
   and hardcode #28382a / sage borders. Target the actual Holdings buttons. */
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-modern .invest-panel-actions button.invest-primary:not(:disabled),
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-modern .invest-panel-actions button.invest-snap-action:not(:disabled){
  background:var(--inv-action-accent)!important;
  border-color:var(--inv-action-accent)!important;
  color:var(--inv-action-ink)!important;
  box-shadow:none!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-modern .invest-panel-actions
 :is(button.invest-primary,button.invest-snap-action):hover:not(:disabled){
  background:var(--inv-action-soft)!important;
  border-color:var(--inv-action-soft)!important;
  color:var(--inv-action-ink)!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-modern .invest-panel-actions button:not(.invest-primary):not(.invest-snap-action){
  background:var(--inv-action-panel)!important;
  border-color:var(--inv-action-line)!important;
  color:var(--inv-action-text)!important;
}

/* Mode choices, search/filter guidance and the asset editor are interface,
   not investment returns. */
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-mode button{
  border-color:var(--inv-action-line)!important;
  color:var(--inv-action-text)!important;
  background:transparent!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-holdings-mode button.active{
  color:var(--inv-action-text)!important;
  border-color:var(--inv-action-accent)!important;
  background:color-mix(in srgb,var(--inv-action-accent) 19%,var(--inv-action-panel))!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 :is(.invest-holdings-toolbar-mode>small,.invest-holdings-toolbar label>span,
     .invest-activity-filters label,.invest-holdings-brokerage>.invest-market-status,
     .invest-activity-metrics article small){
  color:var(--inv-action-muted)!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 .invest-activity-metrics article:first-child .invest-activity-metric-icon{
  color:var(--inv-action-soft)!important;
  background:color-mix(in srgb,var(--inv-action-accent) 15%,var(--inv-action-panel))!important;
  border-color:var(--inv-action-line)!important;
}
#app:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-refresh
 :is(button,input,select,summary):focus-visible{
  outline:2px solid var(--inv-action-accent)!important;
  outline-offset:2px!important;
}

/* --- Public ripple illustration: replace legacy #66dbae slider mint.
   The orange warning case continues to signal a funding shortfall. --- */
#app .landing-v6 .launch-ripple-range{
  accent-color:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed){
  background:linear-gradient(115deg,#152736,#14232e)!important;
  border-color:rgba(142,200,243,.34)!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed)
 :is(.launch-ripple-reserve-kicker,.launch-ripple-reserve-status){
  color:#bddffd!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed)
 .launch-ripple-reserve-status{
  background:rgba(105,158,201,.12)!important;
  border-color:rgba(142,200,243,.39)!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed)
 .launch-ripple-reserve-track>span{
  background:#8ec8f3!important;
}

/* --- Ask Your Money: these are tooltips and disclosures, not positive gains. --- */
#app .landing-v6 .landing-ask-refresh
 :is(.landing-ask-answer-caution>summary,
     .landing-ask-answer-caution>p,
     .landing-ask-trust){
  color:#b7cfe0!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top>small,
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-footer>span{
  color:#b7ccdb!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-caution>summary:hover{
  color:#eaf5fc!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top .landing-ask-live-dot{
  background:#8ec8f3!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button:focus-visible{
  outline-color:#8ec8f3!important;
}

/* --- Pricing: use blue to signal featured PLANNED service, not green.
   Savings badges here are promotional metadata, not positive account balances. --- */
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper h3,
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper
 :is(.launch-path-price-current>strong,.launch-plan-index,.launch-plan-limit){
  color:#bddffd!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper
 :is(.launch-plan-badge,.launch-path-savings){
  color:#d5edfc!important;
  background:rgba(92,150,197,.14)!important;
  border-color:rgba(142,200,243,.46)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper
 .launch-plan-icon-complete{
  color:#bddffd!important;
  background:#223d50!important;
  border-color:#527d9a!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper
 .launch-plan-feature-list li::before{
  color:#8ec8f3!important;
}

/* --- Privacy proof badges: blue reassurance, no artificial green success. --- */
#app .landing-v6 .landing-security-v5
 :is(.landing-trust-points>span,.landing-trust-details,.compact-trust-note){
  background:#1b3040!important;
  border-color:rgba(142,200,243,.3)!important;
  color:#d8eaf7!important;
}
#app .landing-v6 .landing-security-v5
 :is(.landing-trust-points>span,.landing-trust-points>span b,
     .landing-trust-details>summary){
  color:#b9dffa!important;
}
#app .landing-v6 .landing-security-v5 .landing-trust-points>span::before{
  color:#b9dffa!important;
}

/* --- Snapper importer (body portal): the modes and upload actions must
   match Ocean even when legacy snapper-unified.css pins sage fills. --- */
#wmd-photo-import-root .photo-import-dialog .snapper-workflow-switch button.active{
  background:color-mix(in srgb,var(--snapper-accent,#8ec8f3) 19%,#193044)!important;
  border-color:var(--snapper-accent,#8ec8f3)!important;
  color:#eff8ff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-workflow-switch button.active :is(strong,small){
  color:#edf7ff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-workflow-switch button:not(.active){
  background:transparent!important;
  border-color:transparent!important;
  color:#bfcede!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-workflow-switch button:not(.active) :is(strong,small){
  color:#c1d5e4!important;
}
#wmd-photo-import-root .photo-import-dialog
 :is(.snapper-refresh-primary,.snapper-review-primary,.photo-import-primary,
     .photo-import-source-confirm,.photo-import-quick-approve):not(:disabled){
  background:var(--snapper-accent,#8ec8f3)!important;
  border-color:var(--snapper-accent,#8ec8f3)!important;
  color:#102333!important;
}
#wmd-photo-import-root .photo-import-dialog
 :is(.snapper-refresh-primary,.snapper-review-primary,.photo-import-primary,
     .photo-import-source-confirm,.photo-import-quick-approve):hover:not(:disabled){
  background:#bddffd!important;
  border-color:#bddffd!important;
}
#wmd-photo-import-root .photo-import-dialog
 :is(.snapper-refresh-account-icon,.photo-import-pick-icon,.snapper-refresh-account-arrow){
  color:#bddffd!important;
}
#wmd-photo-import-root .photo-import-dialog
 :is(button,summary,input,select,textarea):focus-visible{
  outline-color:var(--snapper-accent,#8ec8f3)!important;
}

/* Public Snapper demo is a <dialog> mounted under document.body, NOT
   under #app. Prior blue overrides with "#app .landing-v6" never matched it.
   The legacy demo CSS also styles >div tabs, but the UI now renders <button>.
   Cover the real markup, including Full Refresh's per-account upload actions. */
.public-product-demo[data-plan="snapper"]{
  --accent:#8ec8f3!important;
  --fill:#203d51!important;
  --border:#496f89!important;
  --snapper-accent:#8ec8f3!important;
  background:#111f2c!important;
  border-color:#496f89!important;
  color:#edf6fc!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome{
  background:linear-gradient(145deg,#1b3445,#142634 74%)!important;
  color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome button{
  background:#223b4e!important;border-color:#51758d!important;
  color:#eaf5fc!important;
}
.public-product-demo[data-plan="snapper"] :is(
  .snapper-demo-coverage,.snapper-demo-picker,.snapper-demo-private,
  .snapper-demo-tabs,.snapper-demo-refresh-row,.snapper-demo-refresh-list
){
  background:#1b3040!important;
  border-color:#46677e!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button{
  min-width:0;
  color:#c2d5e4!important;
  border-color:transparent!important;
  background:transparent!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button :is(b,span){
  color:inherit!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button.active{
  color:#f0f9ff!important;
  background:#294960!important;
  border-color:#8ec8f3!important;
}
.public-product-demo[data-plan="snapper"] :is(
  .snapper-demo-refresh-kicker,.snapper-demo-upload-icon
){
  color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-private summary::before{
  color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-upload-icon{
  background:#25455c!important;
  border-color:#6189a7!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh-intro>strong{
  color:#bddffd!important;
  border-color:#587d99!important;
}
.public-product-demo[data-plan="snapper"] :is(
  .snapper-demo-actions .product-demo-primary,
  .snapper-demo-refresh-row-actions .product-demo-primary,
  .snapper-demo-refresh-footer .product-demo-primary
){
  background:#8ec8f3!important;
  border-color:#8ec8f3!important;
  color:#102333!important;
}
.public-product-demo[data-plan="snapper"] :is(
  .snapper-demo-actions .product-demo-primary,
  .snapper-demo-refresh-row-actions .product-demo-primary,
  .snapper-demo-refresh-footer .product-demo-primary
):hover:not(:disabled){
  background:#bddffd!important;border-color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] :is(button,input,select):focus-visible{
  outline-color:#8ec8f3!important;
}

@media(forced-colors:active){
  #app:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--investments
    .invest-holdings-modern .invest-panel-actions button.invest-primary,
  #wmd-photo-import-root .photo-import-dialog .snapper-refresh-primary{
    forced-color-adjust:auto;
  }
}

/* Security & Privacy landing section: remove orphan 01 and old mint accents. */
#app .landing-v6 .landing-security-v5 .landing-section-kicker{
  grid-template-columns:max-content minmax(0,1fr)!important;
  gap:clamp(12px,1.3vw,18px);
}
#app .landing-v6 .landing-security-v5 .landing-section-kicker>span{
  display:none!important;
}
#app .landing-v6 .landing-security-v5 .landing-section-kicker>b{
  color:#95cfff!important;
}
#app .landing-v6 .landing-security-v5 .landing-section-kicker>i{
  background:linear-gradient(90deg,rgba(142,200,243,.38),rgba(142,200,243,.12) 72%,transparent)!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-note{
  background:#1b3040!important;
  border-color:rgba(142,200,243,.34)!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-note b{
  color:#e8f5ff!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-note span{
  color:#a6bfce!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-grid article{
  background:#101b24!important;
  border-color:rgba(142,200,243,.2)!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-grid article.trust-control{
  background:linear-gradient(145deg,#172b38,#111c26)!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-grid article:is(:hover,:focus-within){
  background:#182b39!important;
  border-color:rgba(142,200,243,.5)!important;
}
#app .landing-v6 .landing-security-v5 .trust-provider>span{
  background:#1b2e3c!important;
  border-color:rgba(142,200,243,.25)!important;
}
#app .landing-v6 .landing-security-v5 .trust-provider small,
#app .landing-v6 .landing-security-v5 .compact-trust-grid a{
  color:#94d4ff!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-grid a:is(:hover,:focus-visible){
  color:#dcefff!important;
}
#app .landing-v6 .landing-security-v5 .trust-provider h3{
  color:#e8f5fc!important;
}
#app .landing-v6 .landing-security-v5 .compact-trust-grid p{
  color:#9caeba!important;
}
#app .landing-v6 .landing-security-v5 .provider-compliance-note{
  color:#8fa7b8!important;
}

}
/* workspace-theme-integrity.css */
@media screen {
/* Palette integrity pass, 2026-10-18.
   UI chrome follows Settings: Ocean blue by default; Mixed retains page
   identities; Mint/White/Black/Pink use their own tokens. Nothing here
   changes balances, calculated gains, risk flags or chart categories.
   This layer follows the legacy/QA skins so fixed sage declarations cannot
   overpower the user's selected theme. */

/* A handful of old widgets still reference the original --green or
   --wmd-brand-mint variables. Rebind those only when a unified appearance is
   selected. Do NOT rebind the public landing's own brand/color previews. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]){
  --green:var(--wmd-theme-accent);
  --wmd-brand-mint:var(--wmd-theme-accent);
  --wmd-brand-mint-soft:var(--wmd-theme-accent-soft);
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace{
  --green:var(--wmd-theme-accent)!important;
  --wmd-ui-accent:var(--wmd-theme-accent)!important;
  --wmd-control-accent:var(--wmd-theme-accent)!important;
  --wmd-brand-mint:var(--wmd-theme-accent)!important;
  --wmd-brand-mint-soft:var(--wmd-theme-accent-soft)!important;
}
/* Marketing landing is always the Ocean brand. Older layers intentionally
   preserved mint CTA accents, which now conflict with the approved all-blue
   design. Rebind the marketing variables without changing the wordmark art. */
#app .landing-v6{
  --wmd-brand-mint:#8ec8f3!important;
  --wmd-brand-mint-soft:#bddffd!important;
  --wmd-landing-mint:#bddffd!important;
  --tour-mint:#8ec8f3!important;
  --green:#8ec8f3!important;
}
#app .landing-v6 :is(
  .landing-product-app-main,.landing-tour-app-main[data-landing-preview],
  .wmd-workspace[data-landing-preview]
){
  --wmd-brand-mint:#8ec8f3!important;
  --wmd-brand-mint-soft:#bddffd!important;
  --green:#8ec8f3!important;
}
#app .landing-v6 :is(
  .launch-ripple-results .positive,.launch-ripple-results .up,
  .launch-ripple-takeaway .positive,.landing-ask-answer .positive
){
  color:#bddffd!important;
}

/* Public demo remains Ocean even when opened from a signed-in account
   whose Settings selection is Pink, Mint or Mixed. */
#app .landing-v6 .wmd-workspace[data-landing-preview],
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]{
  --green:#8ec8f3!important;
  --wmd-brand-mint:#8ec8f3!important;
  --wmd-brand-mint-soft:#bddffd!important;
}

/* Net Worth: one palette for ordinary UI chrome and range comparison.
   Dynamic SVG <rect> and comparison elements are created in app.js after
   render; CSS must win over those SVG presentation attributes. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--networth{
  --nw-chrome-accent:var(--wmd-theme-accent);
  --nw-chrome-soft:var(--wmd-theme-accent-soft);
  --nw-chrome-ink:var(--wmd-theme-text);
  --nw-chrome-muted:var(--wmd-theme-muted);
  --nw-chrome-panel:var(--wmd-theme-panel);
  --nw-chrome-raised:var(--wmd-theme-raised);
  --nw-chrome-deep:var(--wmd-theme-deep);
  --nw-chrome-line:var(--wmd-theme-line);
  --nw-chrome-line-soft:var(--wmd-theme-line-soft);
  --nw-accent:var(--wmd-theme-accent)!important;
}
#app .landing-v6 .wmd-workspace--networth{
  --nw-chrome-accent:#8ec8f3;
  --nw-chrome-soft:#bddffd;
  --nw-chrome-ink:#f0f6fb;
  --nw-chrome-muted:#bdcbd8;
  --nw-chrome-panel:#1a2836;
  --nw-chrome-raised:#26384a;
  --nw-chrome-deep:#13202d;
  --nw-chrome-line:#41596c;
  --nw-chrome-line-soft:#314857;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row .nw-chart-context{
  color:var(--nw-chrome-muted)!important;
  background:color-mix(in srgb,var(--nw-chrome-accent) 6%,var(--nw-chrome-panel))!important;
  border-color:color-mix(in srgb,var(--nw-chrome-accent) 26%,var(--nw-chrome-line-soft))!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row :is(.nw-equity-bridge>summary,.nw-allocation-more>summary){
  color:var(--nw-chrome-soft)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row :is(.nw-equity-bridge>summary,.nw-allocation-more>summary):is(:hover,:focus-visible){
  color:var(--nw-chrome-ink)!important;
  outline-color:var(--nw-chrome-accent)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row .nw-equity-bridge{
  border-top-color:var(--nw-chrome-line-soft)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row .nw-equity-tools .chart-action{
  color:var(--nw-chrome-ink)!important;
  background:var(--nw-chrome-deep)!important;
  border-color:var(--nw-chrome-line)!important;
  box-shadow:none!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-top-row .nw-equity-tools .chart-action:is(:hover,:focus-visible){
  color:var(--nw-chrome-ink)!important;
  background:color-mix(in srgb,var(--nw-chrome-accent) 13%,var(--nw-chrome-deep))!important;
  border-color:var(--nw-chrome-accent)!important;
  outline-color:var(--nw-chrome-accent)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .nw-chart-panel[data-mix-mode="equity"] .nw-mix-legend-amount{
  color:var(--nw-chrome-soft)!important;
}

/* Date-range readout: the old success-green container was just presentation.
   Keep + / - signs for direction, and leave negative returns red. */
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-range-result{
  color:var(--nw-chrome-muted)!important;
  background:color-mix(in srgb,var(--nw-chrome-accent) 9%,var(--nw-chrome-panel))!important;
  border-color:color-mix(in srgb,var(--nw-chrome-accent) 48%,var(--nw-chrome-line))!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-range-result :is(strong,span){
  color:var(--nw-chrome-ink)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-range-result b:not(.negative){
  color:var(--nw-chrome-soft)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-range-result b.negative{
  color:#e7a1aa!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .history-panel .history-range-result b.negative{
  color:#a03f50!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-chart-frame [data-history-range-shade]{
  fill:color-mix(in srgb,var(--nw-chrome-accent) 19%,transparent)!important;
  stroke:color-mix(in srgb,var(--nw-chrome-accent) 76%,transparent)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel :is(.history-range-change strong.positive,
    .history-inspector .positive,.nw-hero-growth.is-positive>strong,
    .nw-hero-growth.is-positive>span:first-child){
  color:var(--nw-chrome-soft)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-hover-tip{
  color:var(--nw-chrome-ink)!important;
  background:var(--nw-chrome-raised)!important;
  border-color:var(--nw-chrome-line)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-panel .history-hover-tip :is(strong,span){
  color:var(--nw-chrome-ink)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-periods button.active{
  color:var(--nw-chrome-ink)!important;
  background:color-mix(in srgb,var(--nw-chrome-accent) 19%,var(--nw-chrome-panel))!important;
  border-color:var(--nw-chrome-accent)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-periods button:hover:not(.active){
  color:var(--nw-chrome-soft)!important;
  background:var(--nw-chrome-raised)!important;
  border-color:var(--nw-chrome-line)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) :is(.history-chart-frame,.history-panel .history-inspector){
  border-color:var(--nw-chrome-line)!important;
}
:is(
 #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
 #app .landing-v6 .wmd-workspace--networth
) .history-chart-frame{
  background:var(--nw-chrome-deep)!important;
}
/* White needs contrast-conscious active history controls and labels; merely
   turning the text blue isn't enough on a white chart surface. */
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 :is(.history-range-result,.history-chart-frame,.nw-chart-context){
  color:var(--wmd-theme-text)!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace--networth
 .history-periods button.active{
  color:var(--wmd-theme-accent-soft)!important;
}
/* Respect honest semantic colors: debt/liability, warnings, financial loss,
   and chart category slices are intentionally NOT retinted. */

/* Gains are communicated by a visible plus sign or status label. Decorative
   green is not allowed to break an Ocean/White/Pink/Black appearance. Retain
   coral for actual loss, liability and shortfall. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]){
  --wmd-light-positive:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace{
  --wmd-semantic-positive:var(--wmd-theme-accent-soft)!important;
}
/* Net Worth history and hero both convey a positive change, but neither
   should add mint to Ocean. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--networth :is(
   .history-panel .positive,.growth-snapshot strong.positive,
   .nw-hero-growth.is-positive>strong,
   .nw-hero-growth.is-positive>span:first-child,
   .history-range-result b.positive
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Budget: keep category slices distinct, recolor the success states and
   their backgrounds, text and borders together. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(
   .summary-item.positive,.summary-item.positive-target,
   .budget-mini-summary article.positive,
   .money-mix-status.completed
 ){
  background:color-mix(in srgb,var(--wmd-theme-accent) 9%,var(--wmd-theme-panel))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 35%,var(--wmd-theme-line))!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(
   .summary-item.positive,.summary-item.positive-target,
   .budget-mini-summary article.positive
 ) :is(b,em,small,.summary-item-top>span,.target-pct),
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(.budget-summary-jump em,.money-mix-status.completed){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Cash Flow: normal positive cash movement and paid indicators adopt the
   selected palette, without masking red below-minimum warnings. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow,
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow .cashflow-dashboard{
  --cf-good:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow :is(
    .cash-budget-delta.positive,.cash-runway-month.up em,
    .money-calendar-net.positive,.cash-card-payment-value.is-paid,
    .cash-card-paid-toggle>strong,.cash-wallet-status.is-clear,
    .cash-wallet-status.is-paid,.cash-kpi .positive
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Debt plan: positive payoff progress is accented, negative balances and
   the Debts chart retain the explicitly red accounting convention. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--debt :is(
   .debt-fit.positive strong,.debt-mini-results b.positive,
   .debt-growth.positive,.debt-milestone.is-reached
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Investments: the price up/down symbol and sign still distinguish returns,
   while trade confirmations and gains no longer introduce sage to blue. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments :is(.invest-refresh,.invest-perf,.invest-today){
  --invest-semantic-positive:var(--wmd-theme-accent-soft)!important;
  --inv-positive:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments :is(
   .invest-row strong.positive,.invest-account-performance.positive strong,
   .invest-perf-balance-movement.up>strong,.invest-growth-grid b.positive,
   .invest-today .positive strong,.invest-today .positive b,
   .invest-today .positive span,.invest-refresh .positive:not(button),
   .invest-refresh .gain:not(button),.invest-refresh .investment-up:not(button)
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments :is(
   .invest-trade-success,.invest-trade-success strong
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-trade-success{
  background:color-mix(in srgb,var(--wmd-theme-accent) 9%,var(--wmd-theme-panel))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 34%,var(--wmd-theme-line))!important;
}
/* Retirement: funded/on-track is positive information, not a reason to
   force a separate green theme. Shortfall/risk retains its warning tone. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement :is(
   .positive:not(.negative),.is-positive,
   .is-funded,.funded:not(.warning):not(.negative),
   .on-track:not(.warning):not(.negative)
 ){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Goals: blue on track in Ocean, pink on track in Pink, etc. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goal-status:is(.complete,.on-track){
  background:color-mix(in srgb,var(--wmd-theme-accent) 11%,var(--wmd-theme-panel))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 40%,var(--wmd-theme-line))!important;
  color:var(--wmd-theme-accent-soft)!important;
}
/* Signed-in confirmations: the brand success appearance changes with
   Settings; blocking errors and warnings remain their own colors. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 :is(.auth-alert.success,.plaid-status.success){
  background:color-mix(in srgb,var(--wmd-theme-accent) 10%,var(--wmd-theme-panel))!important;
  color:var(--wmd-theme-accent-soft)!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent) 42%,var(--wmd-theme-line))!important;
}
/* Public preview uses the default brand blue for the same positive
   financial statuses; negative values stay red and chart categories
   retain their differentiated categorical hues. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]
 :is(.history-panel .positive,.history-range-result b.positive,
     .nw-hero-growth.is-positive>strong,.nw-hero-growth.is-positive>span:first-child,
     .summary-item.positive b,.summary-item.positive-target b,
     .cash-budget-delta.positive,.cash-runway-month.up em,
     .invest-refresh .positive:not(button),.invest-refresh .gain:not(button),
     .wmd-goal-status.complete,.wmd-goal-status.on-track){
  color:#bddffd!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview]
 .wmd-goal-status:is(.complete,.on-track){
  background:#1c3243!important;border-color:#4e7894!important;
}

/* Small page-wide safety net: ordinary buttons, selected navigation and
   chart-control highlights use the current theme, without repainting
   actual account-status / gain-loss badges. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--budget :is(.budget-overview-chevron,.budget-section .section-kicker){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--cashflow :is(.cash-month-outlook-chevron,.cashflow-disclosure-chevron){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--debt :is(.debt-strategy-chevron,.debt-milestones>span){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--investments .invest-nav-tabs>button.active{
  color:var(--wmd-theme-accent-soft)!important;
  border-bottom-color:var(--wmd-theme-accent)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--retirement :is(.retirement-kicker,.retirement-top-tools>span){
  color:var(--wmd-theme-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals :is(.wmd-goals-kicker,.wmd-goals-filter button.active){
  color:var(--wmd-theme-accent-soft)!important;
}
/* Body portals cannot inherit Settings tokens from #app. The per-palette
   token maps in workspace-palette-qa.css already supply theme values here.
   Close the remaining legacy --green gap without affecting the public demo. */
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-photo-import-root{
  --green:var(--wmd-theme-accent,#8ec8f3)!important;
  --wmd-brand-mint:var(--wmd-theme-accent,#8ec8f3)!important;
}
body:has(#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]))
 #wmd-budget-builder{
  --green:var(--bb-mint,#8ec8f3)!important;
}

/* White appearance: the generic light-dialog button rule is intentionally
   broad. This more precise status rule keeps Installed clearly blue and
   noninteractive instead of treating it as an ordinary form button. */
#app[data-wmd-color-scheme="white"] .settings-dialog button.settings-install-button:disabled{
  background:#e7f1f9!important;
  border-color:#86b1d0!important;
  color:#215982!important;
  opacity:1!important;
  box-shadow:none!important;
  cursor:default;
}

/* Budget and Cash Flow horizontal-edit hints: legacy mobile CSS used a
   hard-coded moss-green stripe. Hints are neutral information, not success.
   Accent arrows follow Ocean, Mint, Mixed, White, Black and Pink themes. */
#app .wmd-workspace--budget .budget-section .budget-scroll-hint {
  background:var(--bc-deep,var(--wmd-theme-deep,var(--wmd-ui-deep,#111f30)))!important;
  border-top:1px solid var(--bc-line,var(--wmd-theme-line-soft,var(--wmd-ui-line-soft,#304b60)))!important;
  color:var(--bc-muted,var(--wmd-theme-muted,var(--wmd-ui-muted,#bdcbd8)))!important;
}
#app .wmd-workspace--budget .budget-section .budget-scroll-hint span {
  color:var(--bc-accent,var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3)))!important;
}
#app .wmd-workspace--cashflow .cashflow-detail-drawer .cashflow-scan-hint {
  background:var(--wmd-theme-deep,var(--wmd-ui-deep,#111f30))!important;
  border-bottom:1px solid var(--wmd-theme-line-soft,var(--wmd-ui-line-soft,#304b60))!important;
  color:var(--wmd-theme-muted,var(--wmd-ui-muted,#bdcbd8))!important;
}
#app .wmd-workspace--cashflow .cashflow-detail-drawer .cashflow-scan-hint span {
  color:var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3))!important;
}

}
/* ocean-surface-consistency.css */
@media screen {
/* Ocean surface consistency, 2026-10-18.
   The public marketing site, all public workspace previews and the signed-in
   Ocean appearance share a blue/graphite visual system. Legacy graphite was
   green-grey, and many older components still use fixed sage colors.
   This is a color-only layer. Do not change financial semantics, category
   charts, brand artwork, layout, spacing, focus behavior or other palettes. */

/* Explicit design tokens: blues with a clear navy bias, not cyan/green-grey. */
#app .landing-v6{
  --wmd-ocean-deep:#0e1721;
  --wmd-ocean-panel:#182b3c;
  --wmd-ocean-raised:#243b50;
  --wmd-ocean-line:rgba(142,200,243,.38);
  --wmd-ocean-line-soft:rgba(142,200,243,.24);
  --wmd-brand-panel:#182b3c;
  --wmd-brand-panel-raised:#20374b;
  --wmd-brand-surface:#17293a;
  --wmd-brand-control:#21394e;
  --wmd-brand-line:#46617a;
  --wmd-brand-mint:#8ec8f3!important;
  --wmd-brand-mint-soft:#bddffd!important;
  --wmd-landing-mint:#bddffd!important;
  --tour-mint:#8ec8f3!important;
  --green:#8ec8f3!important;
}
/* Ocean is the default authenticated theme; the other appearance options
   deliberately retain their own surface and accent maps. */
#app[data-wmd-color-scheme="ocean"]{
  --wmd-theme-panel:#1a2d40!important;
  --wmd-theme-deep:#111f30!important;
  --wmd-theme-raised:#243b51!important;
  --wmd-theme-line:#46627b!important;
  --wmd-theme-line-soft:#334c63!important;
  --wmd-theme-nav:#152637!important;
  --wmd-theme-muted:#bbcede!important;
  --wmd-theme-text:#eff7fd!important;
  --green:#8ec8f3!important;
  --wmd-brand-mint:#8ec8f3!important;
  --wmd-brand-mint-soft:#bddffd!important;
}
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace{
  --wmd-ui-panel:var(--wmd-theme-panel)!important;
  --wmd-ui-deep:var(--wmd-theme-deep)!important;
  --wmd-ui-raised:var(--wmd-theme-raised)!important;
  --wmd-ui-line:var(--wmd-theme-line)!important;
  --wmd-ui-line-soft:var(--wmd-theme-line-soft)!important;
  --wmd-ui-muted:var(--wmd-theme-muted)!important;
  --wmd-ui-txt:var(--wmd-theme-text)!important;
  --wmd-accent:var(--wmd-theme-accent)!important;
}
/* Local legacy tokens on individual page roots were not covered by #app. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace :is(
  .nw-unified-dashboard,.nw-top-row,.networth-focus,.history-panel,
  .budget-top,.budget-section,.budget-overview-section,
  .cashflow-dashboard,.money-map,.mm-explore,
  .debt-page,.invest-refresh,.invest-perf,
  .retirement-page,.wmd-goals-page
){
  --wmd-ui-panel:var(--wmd-theme-panel)!important;
  --wmd-ui-deep:var(--wmd-theme-deep)!important;
  --wmd-ui-raised:var(--wmd-theme-raised)!important;
  --wmd-ui-line:var(--wmd-theme-line)!important;
  --wmd-ui-line-soft:var(--wmd-theme-line-soft)!important;
  --nw-bg:var(--wmd-theme-panel);
  --nw-deep:var(--wmd-theme-deep);
  --nw-border:var(--wmd-theme-line);
  --mm-surface:var(--wmd-theme-panel);
  --mm-surface-deep:var(--wmd-theme-deep);
  --mm-line:var(--wmd-theme-line);
  --broker-panel:var(--wmd-theme-panel);
  --broker-panel-deep:var(--wmd-theme-deep);
  --broker-line:var(--wmd-theme-line);
}
/* These are neutral container surfaces, not financial status tiles. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace :is(
  .nw-unified-overview,.nw-unified-trend,.nw-chart-panel,.history-panel,
  .budget-section,.budget-overview-section,
  .cashflow-calendar-card,.cash-checklist,.cashflow-disclosure,
  .debt-overview,.debt-breakdown-panel,.debt-results-panel,
  .invest-panel,.invest-activity-panel,
  .retirement-card,.retirement-chart-card,.wmd-goal-card
):not(:is(.warning,.negative,.danger,.shortfall,.is-risk)){
  border-color:var(--wmd-theme-line)!important;
}
/* Header menus, Search, settings and dialogs should not revive green-grey
   from the original mint stylesheet while Ocean is active. */
#app[data-wmd-color-scheme="ocean"] :is(
  .settings-dialog,.settings-head,.settings-section,
  .wmd-header-menu-options,.wmd-discovery-results,
  .wmd-discovery-control,.wmd-discovery-chip
){
  border-color:var(--wmd-theme-line)!important;
}
#app[data-wmd-color-scheme="ocean"] .settings-dialog{
  background:var(--wmd-theme-deep)!important;
}
#app[data-wmd-color-scheme="ocean"] .settings-section{
  background:var(--wmd-theme-panel)!important;
}
/* Asset focus should not emit an old jade halo. Linked debt balances and
   danger/warning status colors are intentionally untouched. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
 .nw-top-row .nw-focus-figure.asset,
#app .landing-v6 .wmd-workspace--networth
 .nw-top-row .nw-focus-figure.asset{
  --nw-focus-glow-rgb:113,179,230;
  --nw-focus-glow-solid:#8ec8f3;
}
/* Public showcase: its stage, tabs and device chrome must be navy.
   Keep every existing size/scroll/layout rule and the per-page content. */
#app .landing-v6 [data-landing-tour]{
  --wmd-tour-accent:#8ec8f3;
  --tour-accent:#8ec8f3;
  --landing-tab-accent:#8ec8f3;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page] .landing-tour-stage,
#app .landing-v6 [data-landing-tour] .landing-tour-stage{
  background:linear-gradient(155deg,#192e42,#111f30)!important;
  border-color:#496a83!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-device{
  background:#111e2c!important;
  border-color:#46627b!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-device-bar{
  background:#142434!important;
  border-bottom-color:#334c63!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab{
  --tab-accent:#8ec8f3!important;
  background:#1a2e41!important;
  border-color:#42627b!important;
  color:#beddf2!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(:hover,:focus-visible){
  background:#233e56!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-tab:is(.active,[aria-selected="true"]){
  background:#2b465e!important;
  border-color:#8ec8f3!important;
  color:#eff8ff!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page]
 :is(.landing-tour-tab-navigation>button,.landing-tour-arrows button,
     .landing-tour-blur,.landing-tour-focus button:not(.active):not([aria-pressed="true"])){
  background:#1a2e41!important;
  border-color:#46627b!important;
  color:#b9dffa!important;
}
#app .landing-v6 [data-landing-tour][data-wmd-active-page]
 :is(.landing-tour-tab-navigation>button,.landing-tour-arrows button,
     .landing-tour-blur,.landing-tour-focus button):is(:hover,:focus-visible){
  border-color:#8ec8f3!important;
  background:#243e54!important;
}
/* The actual app preview owns these tokens; don't recolor charts or category
   slices, and don't make the preview a static illustration. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview],
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview] :is(
 .wmd-workspace,.nw-unified-dashboard,.money-map,.mm-explore,.invest-refresh,
 .cashflow-dashboard,.debt-page,.retirement-page,.wmd-goals-page
){
  --wmd-ui-panel:#1a2d40!important;
  --wmd-ui-deep:#111f30!important;
  --wmd-ui-raised:#243b51!important;
  --wmd-ui-line:#46627b!important;
  --wmd-ui-line-soft:#334c63!important;
  --wmd-ui-muted:#bbcede!important;
  --wmd-ui-txt:#eff7fd!important;
  --nw-bg:#1a2d40!important;
  --nw-deep:#111f30!important;
  --nw-border:#46627b!important;
  --mm-surface:#1a2d40!important;
  --mm-surface-deep:#111f30!important;
  --mm-line:#46627b!important;
  --broker-panel:#1a2d40!important;
  --broker-panel-deep:#111f30!important;
  --broker-line:#46627b!important;
  --green:#8ec8f3!important;
  --wmd-brand-mint:#8ec8f3!important;
}
/* Marketing cards and product explanations shared an old green-grey surface.
   Their elevation, typography, buttons and layout remain as authored. */
#app .landing-v6 :is(
 .landing-feature-card,.launch-update-card,.launch-path-card,
 .landing-tour-teasers button,.wmd-connections-details,
 .launch-setup-step,.launch-ripple-card
){
  border-color:var(--wmd-ocean-line-soft)!important;
}
#app .landing-v6 .landing-tour-teasers button{
  background:linear-gradient(145deg,#1b3042,#142535)!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details{
  background:linear-gradient(155deg,#1c3042,#142535)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card{
  --tier-accent:#8ec8f3;
  background:linear-gradient(160deg,#1a2e40,#132435 80%)!important;
  border-color:#425f78!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper{
  --tier-accent:#8ec8f3;
  background:radial-gradient(ellipse 90% 56% at 50% -10%,rgba(110,177,226,.12),transparent 88%),linear-gradient(160deg,#1d3448,#14283b 79%)!important;
  border-color:#5d87a4!important;
}
#app .landing-v6 .launch-path-grid-three
 :is(.launch-plan-badge-available,.launch-path-savings){
  background-color:#223b50!important;
  border-color:#547e9d!important;
  color:#bddffd!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed){
  background:linear-gradient(115deg,#1a2d40,#142537)!important;
  border-color:#4c6b83!important;
}
#app .landing-v6 .launch-ripple-reserve-track{
  background:#30475a!important;
}
#app .landing-v6 .launch-ripple-reserve-track>span{
  background:linear-gradient(90deg,#568cba,#8ec8f3)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo{
  background:linear-gradient(155deg,#1d3447,#142537)!important;
  border-color:#53768e!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row,
#app .landing-v6 .landing-ask-refresh .landing-ask-answer{
  background:#122436!important;
  border-color:#42627b!important;
}
#app .landing-v6 .landing-ask-refresh :is(
 .landing-ask-answer-source>span,.landing-ask-answer-kicker,
 .landing-ask-answer-next>button,.landing-ask-example-label,
 .landing-ask-proof b,.landing-ask-demo-top>span
){
  color:#b9dffa!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-spark{
  color:#b9dffa!important;
  background:#25445b!important;
}
/* Photo import and setup are body portals: inherit blue manually only when
   the chosen appearance is Ocean. Mint/White/Black/Pink and Mixed are isolated. */
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-photo-import-root{
  --green:#8ec8f3!important;
  --wmd-brand-mint:#8ec8f3!important;
  --snapper-accent:#8ec8f3!important;
  --snapper-shell:#111f30!important;
  --snapper-panel:#1a2d40!important;
  --snapper-surface:#243b51!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) #wmd-budget-builder{
  --green:#8ec8f3!important;
  --bb-mint:#8ec8f3!important;
  --bb-bg:#111f30!important;
  --bb-panel:#1a2d40!important;
  --bb-panel-soft:#21374c!important;
  --bb-border:#46627b!important;
}
/* Browser/phone focus is still visible. Respect forced-color preference. */
@media (forced-colors:active){
  #app .landing-v6 [data-landing-tour] .landing-tour-tab,
  #app .landing-v6 [data-landing-tour] .landing-tour-stage,
  #app[data-wmd-color-scheme="ocean"] .settings-dialog{
    forced-color-adjust:auto;
  }
}


/* Net Worth account rows: 2026-10-19 Ocean/UI parity.
   "Holdings calculated" and "Plaid synced" explain balance provenance, NOT
   a positive investment return. Older app CSS hardcoded sage text and green
   readonly input fills regardless of the selected Ocean palette.
   The public real-app preview always uses Ocean, even if signed-in Settings
   selects Mint, Pink, Black, White, or Mixed elsewhere. */
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-subrow .plaid-linked-note {
  color:#bddffd!important;
}
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-subrow .money-edit.plaid-readonly input[readonly] {
  color:#eff7fd!important;
  background:#17293a!important;
  border-color:#486a86!important;
  box-shadow:none!important;
  opacity:1!important;
}
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-subrow .money-edit.plaid-readonly input[readonly]:focus-visible {
  border-color:#8ec8f3!important;
  box-shadow:0 0 0 2px rgba(142,200,243,.24)!important;
}
/* The old group/row skin was a moss-colored graphite surface. Keep the exact
   layout, borders and interaction behavior, while matching Ocean navy. */
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-group {
  background:#182b3c!important;
  border-color:#3d5870!important;
}
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-group-head {
  background:#20374a!important;
  border-color:#496783!important;
}
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-group-head:hover {
  background:#29435a!important;
}

/* Closing radius is a geometric fix for ALL schemes. The parent uses
   overflow:visible to allow nested group menus to escape their panels. That
   deliberately disables border-radius clipping, so round the actual LAST
   painted row instead of changing parent overflow or clipping menus.
   This also fixes Total Liabilities, Sinking Funds, and Other Accounts. */
#app .wmd-workspace--networth .nw-board
  .nw-overview-section > .nw-overview-detail > .section-total {
  border-radius:0 0 13px 13px!important;
}
#app .wmd-workspace--networth .nw-board
  .nw-overview-section > .nw-overview-toggle {
  border-radius:14px!important;
}
#app .wmd-workspace--networth .nw-board
  .nw-overview-section > .nw-overview-toggle[aria-expanded="true"] {
  border-radius:14px 14px 0 0!important;
}
:is(
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section > .nw-overview-detail > .section-total {
  background:#1b3043!important;
  border-top-color:#46627b!important;
  color:#eff7fd!important;
}


/* 2026-10-19: Net Worth toolbar and balance review theme parity.
   The category rows already have navy surfaces, but their chevrons, edit
   controls and image picker still inherited old sage hover/focus colors.
   Keep figures, positive/negative growth, section layout and user photos
   untouched. Mixed/original retains its intentionally per-page palette. */
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
){
  --nw-review-accent:var(--wmd-theme-accent,#8ec8f3);
  --nw-review-soft:var(--wmd-theme-accent-soft,#bddffd);
  --nw-review-panel:var(--wmd-theme-panel,#1a2d40);
  --nw-review-raised:var(--wmd-theme-raised,#243b51);
  --nw-review-deep:var(--wmd-theme-deep,#101f30);
  --nw-review-line:var(--wmd-theme-line,#46627b);
  --nw-review-text:var(--wmd-theme-text,#eff7fd);
  --nw-review-muted:var(--wmd-theme-muted,#b9ccda);
}
#app .landing-v6 [data-landing-tour]
 .landing-tour-app-main[data-landing-preview="networth"]{
  --nw-review-accent:#8ec8f3!important;
  --nw-review-soft:#bddffd!important;
  --nw-review-panel:#1a2d40!important;
  --nw-review-raised:#243b51!important;
  --nw-review-deep:#101f30!important;
  --nw-review-line:#46627b!important;
  --nw-review-text:#eff7fd!important;
  --nw-review-muted:#b9ccda!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section :is(.nw-overview-chevron,.nw-detail-chevron){
  color:var(--nw-review-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-overview-tools button{
  background:var(--nw-review-deep)!important;
  border-color:var(--nw-review-line)!important;
  color:var(--nw-review-text)!important;
  box-shadow:none!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-overview-tools button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--nw-review-accent) 11%,var(--nw-review-raised))!important;
  border-color:var(--nw-review-accent)!important;
  color:var(--nw-review-text)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-overview-section .nw-overview-tools button:focus-visible{
  outline:2px solid var(--nw-review-accent)!important;
  outline-offset:2px!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-group-head .heading-name
  > :is(.collapse-btn,.nw-group-drag-handle),
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-group-head .nw-group-quick-actions
  :is(.nw-add-account,.nw-group-menu-trigger){
  background:var(--nw-review-deep)!important;
  border-color:var(--nw-review-line)!important;
  color:var(--nw-review-text)!important;
  box-shadow:none!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-group-head :is(
  .collapse-btn,.nw-group-drag-handle,.nw-add-account,.nw-group-menu-trigger
):is(:hover,:focus-visible,.wmd-reorder-picked){
  background:color-mix(in srgb,var(--nw-review-accent) 12%,var(--nw-review-deep))!important;
  border-color:var(--nw-review-accent)!important;
  color:var(--nw-review-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-group-head
  :is(button,summary,input[data-group-name]):focus-visible{
  outline:2px solid var(--nw-review-accent)!important;
  outline-offset:2px!important;
}


/* Net Worth metadata and group controls: the residual sage tint belongs to
   UI controls, not to gains/losses or investment account categories. */
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-overview-toggle:is(:hover,:focus-visible){
  background:var(--nw-review-raised)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section :is(.nw-group-head,.nw-group){
  border-color:var(--nw-review-line)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-group-head{
  background:var(--nw-review-raised)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-board .nw-overview-section .nw-group{
  background:var(--nw-review-panel)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) :is(.nw-inclusion-status,.nw-inclusion-account,.nw-inclusion-control small,
      .nw-inclusion-history-note){
  color:var(--nw-review-muted)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) :is(.nw-inclusion-custom,.nw-inclusion-account[open]>label){
  color:var(--nw-review-soft)!important;
  background:color-mix(in srgb,var(--nw-review-accent) 10%,var(--nw-review-deep))!important;
  border-color:var(--nw-review-line)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--networth,
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
) .nw-inclusion-history-note{
  border-color:var(--nw-review-line)!important;
}


/* Net Worth: remove mint from positive-growth presentation and chart slices
   in the Ocean default and its permanent landing demo. Positive direction
   remains clear from + and percentage; negative direction stays red.
   Chart categories remain distinct, and the numeric data is unchanged. */
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
#app .landing-v6 [data-landing-tour]
 .landing-tour-app-main[data-landing-preview="networth"],
#app .landing-v6 [data-landing-tour]
 .landing-tour-app-main[data-landing-preview="networth"] .wmd-workspace--networth{
  --wmd-chart-slice-3:color-mix(in srgb,#8ec8f3 58%,#a0b3e2)!important;
  --wmd-chart-slice-8:color-mix(in srgb,#8ec8f3 48%,#b0bfda)!important;
}
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
 .nw-top-row .nw-hero-growth.is-positive :is(strong,span:first-child),
#app .landing-v6 [data-landing-tour]
 .landing-tour-app-main[data-landing-preview="networth"]
 .nw-top-row .nw-hero-growth.is-positive :is(strong,span:first-child){
  color:#bddffd!important;
}

}
/* budget-appearance-finishing.css */
@media screen {
/* Budget palette alignment, 2026-10-18.
   Final-layer repair for White and default Ocean only. No layout, money data,
   category/series color mapping, warnings, losses, or public demo changes. */
@media screen and (forced-colors:none){
  /* White: give the Budget its own readable light surfaces. The legacy
     budget-mix-empty and plan-coverage rules hard-code graphite backgrounds,
     and older summary labels force white text on pale tiles. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget{
    --budget-light-card:#ffffff;
    --budget-light-tile:#eef4f9;
    --budget-light-ink:#1a3041;
    --budget-light-muted:#52697c;
    --budget-light-line:#c6d9e7;
    --budget-light-accent:#286a9e;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget :is(
    .wmd-plan-coverage,.budget-top .summary-card,.budget-top .budget-chart,
    .category-overview.money-mix.budget,.category-overview.budget-mix-empty
  ){
    background:var(--budget-light-card)!important;
    background-image:none!important;
    border-color:var(--budget-light-line)!important;
    color:var(--budget-light-ink)!important;
    box-shadow:none!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)){
    background:var(--budget-light-tile)!important;
    border-color:#d5e2ed!important;
    color:var(--budget-light-ink)!important;
    box-shadow:none!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target))
    :is(.summary-item-top,.summary-item-top>span,.summary-item-top>b){
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target))
    :is(b,strong,.summary-item-top>span){
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)) :is(small,.summary-item-note){
    color:var(--budget-light-muted)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)) em{
    color:var(--budget-light-accent)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-item:not(:is(.negative,.warning,.danger,.over-target)):is(:hover,:focus-within){
    background:#e2eff9!important;border-color:#80abcb!important;
  }

  /* The selected unassigned share must not disappear into a gray legend. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart :is(.side-legend-item,.budget-legend-item,.chart-legend-item,
                      .donut-legend-item,.nw-mix-legend-item){
    background:var(--budget-light-tile)!important;
    border-color:#d5e2ed!important;
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart :is(.side-legend,.budget-legend,.chart-legend,.nw-mix-legend)
    :is(b,strong,span,small,em){
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart :is(.nw-mix-legend-share,.budget-legend-share,.side-legend-share){
    color:var(--budget-light-accent)!important;
  }

  /* Both populated and empty Money Mix states used the same dark legacy skin. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget :is(.category-overview-head h3,.category-overview-head>strong,
                         .money-mix-legend-item>b,.money-mix-all-item>b){
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget :is(.category-overview-head p,
                         .category-overview-head>strong small,.money-mix-one-note){
    color:var(--budget-light-muted)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .category-overview-head>div>span{
    color:var(--budget-light-accent)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item{
    background:transparent!important;
    color:var(--budget-light-ink)!important;
    border-color:transparent!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected){
    background:#e8f2fa!important;
    border-color:#8ab2cd!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item>.money-mix-planned{
    color:#375971!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item>span{
    color:var(--budget-light-accent)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-rail{
    background:#e1ebf4!important;border-color:#c6d9e7!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-mix-empty .category-empty{
    color:var(--budget-light-muted)!important;
    background:#f7fafd!important;
    border-color:#bfd3e3!important;
  }

  /* Plan coverage: restore contrast and legible actions while keeping
     genuine disabled buttons disabled and unassigned warnings amber. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage :is(.wmd-plan-coverage-title h3,
      .wmd-plan-coverage-compact-summary strong,.wmd-plan-coverage-checks strong){
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage :is(.wmd-plan-coverage-title p,.wmd-plan-coverage-progress,
      .wmd-plan-coverage-context,.wmd-plan-coverage-explain p,
      .wmd-plan-coverage-checks button>span,.wmd-plan-coverage-compact-summary small){
    color:var(--budget-light-muted)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage :is(.wmd-plan-coverage-kicker,.wmd-plan-coverage-inspection>summary,
      .wmd-plan-coverage-explain>summary,.wmd-plan-coverage-help,
      .wmd-plan-coverage-setup-link){
    color:var(--budget-light-accent)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage .wmd-plan-coverage-primary:not(:disabled){
    background:var(--budget-light-accent)!important;
    border-color:var(--budget-light-accent)!important;
    color:#fff!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage .wmd-plan-coverage-secondary:not(:disabled){
    background:transparent!important;color:#205780!important;
    border-color:#9bbbd1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage .wmd-plan-coverage-progress-track{
    background:#dce7ef!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage .wmd-plan-coverage-progress-track>span{
    background:var(--budget-light-accent)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage :is(.wmd-plan-coverage-inspection,.wmd-plan-coverage-explain){
    border-color:var(--budget-light-line)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage-checks>button{
    background:#eef4f9!important;border-color:#ccdae6!important;
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .wmd-plan-coverage-mini-unassigned{
    color:#996023!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-overview-toggle{
    background:#e9f2fa!important;
    border-color:#bdd2e2!important;
    color:var(--budget-light-ink)!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-overview-toggle:is(:hover,:focus-visible){
    background:#dfeef9!important;border-color:#8ab2cf!important;
  }

  /* Ocean: replace the last sage/graphite hard-coded Budget panels with
     blue/navy, without repainting categorical segment colors. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    :is(.wmd-plan-coverage,.category-overview.money-mix.budget,
        .category-overview.budget-mix-empty){
    background:#1a2d40!important;
    background-image:none!important;
    border-color:#46627b!important;
    color:#eff7fd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .wmd-plan-coverage{
    --pc-accent:#8ec8f3!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .wmd-plan-coverage :is(.wmd-plan-coverage-title p,.wmd-plan-coverage-progress,
                          .wmd-plan-coverage-context){
    color:#c4d6e4!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .wmd-plan-coverage .wmd-plan-coverage-progress-track{
    background:#334c63!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget :is(.category-overview-head h3,
                         .category-overview-head>strong,.money-mix-legend-item>b){
    color:#f1f8fe!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget :is(.category-overview-head p,
                         .category-overview-head>strong small,.money-mix-one-note){
    color:#b9cfdf!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item{
    background:transparent!important;border-color:transparent!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected){
    background:#233e55!important;border-color:#577b97!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget :is(.money-mix-legend-item>span,
                         .money-mix-legend-item>.money-mix-planned,
                         .money-mix-more){
    color:#bddffd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .money-mix.budget .money-mix-rail{
    background:#111f30!important;border-color:#46627b!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-mix-empty .category-empty{
    color:#c4d6e4!important;border-color:#46627b!important;
  }
}


/* Verified against Budget's real renderBudget() output:
   labels are BUTTONS (.budget-summary-jump), while the empty Money Mix
   section is .category-overview.empty.budget-mix-empty (no .money-mix).
   Keep genuine negative/over-target indicators and the donut series intact. */
@media screen and (forced-colors:none) {
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid > .summary-item:not(.negative):not(.over-target) {
    background:#eef4f9!important;
    border-color:#d2e1ed!important;
    box-shadow:none!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .summary-item-top > button.budget-summary-jump {
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .budget-summary-jump > span {
    background:transparent!important;
    background-image:none!important;
    box-shadow:none!important;
    border:0!important;
    color:#1a3041!important;
    -webkit-text-fill-color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .budget-summary-jump > b {
    background:transparent!important;
    color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .budget-summary-jump em {
    color:#286a9e!important;
    -webkit-text-fill-color:#286a9e!important;
  }
  /* .positive on the fourth summary tile means still UNASSIGNED, not
     a cash gain. It should be readable and neutral in the light theme. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid > .summary-item.positive {
    background:#e9f3fb!important;
    border-color:#b5d1e5!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid > .summary-item.positive
    :is(.summary-item-top > span,.summary-item-top > b) {
    background:transparent!important;
    color:#1a3041!important;
    -webkit-text-fill-color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid > .summary-item.positive em {
    color:#286a9e!important;
    -webkit-text-fill-color:#286a9e!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-top .summary-grid > .summary-item.positive > small {
    color:#52697c!important;
    opacity:1!important;
  }
  /* Budget donut uses button.nw-mix-legend-item, NOT .side-legend.
     Fix background and all three real descendants, including selection. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend
    > button.nw-mix-legend-item {
    background:#eef4f9!important;
    background-image:none!important;
    border:1px solid #ccdeeb!important;
    box-shadow:none!important;
    color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend
    > button.nw-mix-legend-item:is(:hover,:focus-visible,.is-selected,[aria-pressed="true"]) {
    background:#e2f0fb!important;
    border-color:#7aabd0!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend-item
    :is(.nw-mix-legend-name,.nw-mix-legend-name > span) {
    color:#1a3041!important;
    -webkit-text-fill-color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend-item .nw-mix-legend-share {
    color:#286a9e!important;
    -webkit-text-fill-color:#286a9e!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend-item .nw-mix-legend-amount {
    color:#405e73!important;
    -webkit-text-fill-color:#405e73!important;
    opacity:1!important;
  }
  /* The empty Budget Money Mix has no .money-mix class. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    section.category-overview.empty.budget-mix-empty {
    background:#fff!important;
    background-image:none!important;
    border-color:#c6d9e7!important;
    box-shadow:none!important;
    color:#1a3041!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    section.category-overview.empty.budget-mix-empty .category-overview-head h3 {
    color:#1a3041!important;
    -webkit-text-fill-color:#1a3041!important;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    section.category-overview.empty.budget-mix-empty .category-overview-head p {
    color:#52697c!important;opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    section.category-overview.empty.budget-mix-empty .category-overview-head > div > span {
    color:#286a9e!important;opacity:1!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    section.category-overview.empty.budget-mix-empty .category-empty {
    background:#f7fafd!important;border-color:#bfd3e3!important;
    color:#405e73!important;opacity:1!important;
  }
  /* Keep White's allocation target disclosure light, including its editor. */
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    details.wmd-budget-targets {
    background:#fff!important;
    border-color:#bfd3e3!important;
    color:#1a3041!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    details.wmd-budget-targets > summary {
    background:#e9f2fa!important;
    color:#1a3041!important;
    border-color:#bfd3e3!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    details.wmd-budget-targets > summary:is(:hover,:focus-visible) {
    background:#dcecf8!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    details.wmd-budget-targets :is(.wmd-budget-target-grid,.wmd-target-input) {
    background:#f7fafd!important;border-color:#bfd3e3!important;
    color:#1a3041!important;
  }
  #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
    details.wmd-budget-targets :is(label,small,input) {
    color:#405e73!important;
  }
  /* Ocean Budget: deep blue-neutral cards, no leftover moss/green-grey
     buttons. Selected-state color belongs to the palette. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .budget-summary-jump {
    background:transparent!important;
    background-image:none!important;
    border-color:transparent!important;
    box-shadow:none!important;
    color:#eff7fd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item .budget-summary-jump > span {
    background:transparent!important;color:#eff7fd!important;
    -webkit-text-fill-color:#eff7fd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item.positive {
    background:#1e344a!important;border-color:#496e8b!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-top .summary-grid .summary-item.positive .summary-item-top > span {
    color:#eff7fd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend > button.nw-mix-legend-item {
    background:#233c52!important;border-color:#456683!important;
    color:#eff7fd!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend-item
    :is(.nw-mix-legend-name > span,.nw-mix-legend-amount) {
    color:#d4e5f0!important;opacity:1!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    .budget-chart .budget-mix-layout .nw-mix-legend-item .nw-mix-legend-share {
    color:#bddffd!important;opacity:1!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    details.wmd-budget-targets {
    background:#1a2d40!important;border-color:#46627b!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget
    details.wmd-budget-targets > summary {
    background:#20384d!important;color:#eff7fd!important;
  }
}


/* Exact cascade tie-breaker: appearance-themes.css contains a triple
   :not() chain, giving its legacy #f2f6f9 b rule unusually high specificity.
   Beat that selector explicitly instead of relying on load order. */
@media screen and (forced-colors:none) {
 #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .budget-top .summary-grid .summary-item:not(.negative):not(.warning):not(.over-target)
 .summary-item-top > button.budget-summary-jump > b {
   color:#1a3041!important;
   -webkit-text-fill-color:#1a3041!important;
   opacity:1!important;
 }
 #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .budget-top .summary-grid .summary-item:not(.negative):not(.warning):not(.over-target)
 .summary-item-top > button.budget-summary-jump > b > em {
   color:#286a9e!important;
   -webkit-text-fill-color:#286a9e!important;
 }
 #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .budget-top .summary-grid > .summary-item.positive:not(.negative):not(.warning):not(.over-target)
 .summary-item-top > :is(span,b) {
   color:#1a3041!important;
   -webkit-text-fill-color:#1a3041!important;
   background:transparent!important;
 }
 #app[data-wmd-color-scheme="white"] > main.wmd-workspace--budget
 .budget-top .summary-grid > .summary-item.positive:not(.negative):not(.warning):not(.over-target)
 .summary-item-top b > em {
   color:#286a9e!important;
   -webkit-text-fill-color:#286a9e!important;
 }
}

}
/* landing-demo-blue-clickthrough.css */
@media screen {
/* Where's My Dollar? | Public real-app tour finish (Ocean blue).
   The tour uses fictional state. Buttons are usable locally, not account writes.
   Meaningful debts remain rose/red; categorical chart slices stay distinguishable.
   Do not change signed-in palettes or the landing-page install thumbnails. */

#app .landing-v6 [data-landing-tour] .landing-tour-device {
  --wmd-demo-outline:#8ec8f3;
  --wmd-demo-outline-soft:rgba(142,200,243,.62);
  --wmd-demo-panel:#172b40;
}

/* Legacy .landing-v5 disabled all buttons for a static screenshot. The live
   tour already dispatches safe actions into its isolated sample. Allow those
   actions through without permitting any real account or provider writes. */
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] :is(
     button:not(:disabled),summary,a,[role="button"]):not([aria-disabled="true"]) {
  pointer-events:auto!important;
  cursor:pointer!important;
  touch-action:manipulation;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] :is(
    input[data-account-name],input[data-account-value],
    input[data-group-goal],input[data-group-note],input[data-networth-goal],
    #historyDate,#historyAmount,
    select[data-invest-perf-account],select[data-invest-holdings-filter],
    select[data-invest-act-filter-kind],select[data-invest-act-filter-account],
    input[data-retirement-chart-scrub],input[data-debt-chart-scrub],
    input[data-debt-whatif-extra]) {
  pointer-events:auto!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] :is(
    button:not(:disabled),summary,a,[role="button"]):focus-visible {
  outline:2px solid var(--wmd-demo-outline,#8ec8f3)!important;
  outline-offset:2px!important;
}

/* Signed-in Net Worth summary cards are real buttons, not decorative tiles.
   The tour routes each to the matching fictional account section. */
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="networth"] .nw-focus-figure[data-nw-open-section] {
  pointer-events:auto!important;
  cursor:pointer!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="networth"]
  .nw-focus-figure[data-nw-open-section]:is(:hover,:focus-visible) {
  box-shadow:inset 0 0 0 1px rgba(142,200,243,.58),0 0 0 2px rgba(142,200,243,.15)!important;
}

/* Inline inspection is supporting UI, not a second mint/green brand.
   Keep it small enough not to obscure the sample and pointer-events:none so
   clicking the underlying chart/card still works. */
#app .landing-v6 [data-landing-tour] .landing-tour-device .landing-tour-inspector {
  border:1px solid #7cadd1!important;
  background:linear-gradient(150deg,#1a3046 0%,#112337 100%)!important;
  color:#f2f8ff!important;
  box-shadow:0 15px 42px rgba(4,13,25,.48)!important;
  pointer-events:none!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-device .landing-tour-inspector-title>span {
  color:#bddffd!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-device .landing-tour-inspector-lines {
  border-top-color:#476984!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-device .landing-tour-inspector-lines span,
#app .landing-v6 [data-landing-tour]
  .landing-tour-device .landing-tour-inspector p {
  color:#bdd0e0!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-device .landing-tour-inspector-lines strong {
  color:#f3f8fe!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] [data-landing-inspect="yes"]
  :not(svg):not(circle):is(:hover,:focus-visible),
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] [data-landing-inspect="yes"]:is(:hover,:focus-visible):not(svg):not(circle) {
  outline-color:rgba(142,200,243,.72)!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] .landing-tour-inspectable:is(:hover,:focus-visible):not(svg):not(circle) {
  outline-color:rgba(142,200,243,.72)!important;
}

/* Data-driven legend swatches and negative debt status stay semantic, but
   interactive chrome (focus, selection, and borders) follows Ocean blue. */
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="networth"] .nw-chart-panel
  .nw-mix-legend-item:is(:hover,:focus-visible,.is-selected) {
  border-color:#719fc1!important;
  background:#24415a!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="budget"]
  :is(.budget-summary-jump,.budget-overview-toggle):is(:hover,:focus-visible) {
  outline-color:#8ec8f3!important;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview] .landing-tour-preview-action-note {
  color:#c5d9eb!important;
}
@media(prefers-reduced-motion:reduce) {
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main :is(button,summary,[role="button"]) {
    transition:none!important;
  }
}


/* Budget showcase Ocean repair: restrict interface chrome to the public
   interactive tour. Preserve category-segment hues, values and behavior. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview] {
  --wmd-budget-accent:#8ec8f3!important;
  --budget-ui-accent:#8ec8f3!important;
  --budget-ui-deep:#112438!important;
  --budget-ui-raised:#223e56!important;
  --budget-ui-line:#4e7190!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .category-overview.money-mix.budget {
  background:#192e42!important;
  background-image:none!important;
  border-color:#486c87!important;
  color:#eff8ff!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .category-overview-head>div>span {color:#b9dffa!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .category-overview-head>strong {color:#d8ecfb!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-rail {
  background:#102336!important;
  border-color:#456984!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-legend-item {
  color:#e8f3fd!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected) {
  background:#243e55!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-legend-item:focus-visible {
  outline:2px solid #8ec8f3!important;
  outline-offset:2px!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget :is(.money-mix-legend-item>.money-mix-planned,
                        .money-mix-legend-item>span) {color:#cce6fa!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-more {
  color:#b9dffa!important;
  border-color:#456e8c!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-editor {
  background:#172b3f!important;
  border-color:#4e7190!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-editor-head strong,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-tooltip-head>strong {color:#d2e9fa!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-rail-scroll {scrollbar-color:#527e9c #112336!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-rail-scroll::-webkit-scrollbar-thumb {
  background:#527e9c!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .landing-budget-rail-heading>span {color:#b9dffa!important}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .landing-budget-rail-buttons button {
  color:#eaf5ff!important;
  background:#1b3549!important;
  border-color:#527d9a!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .landing-budget-rail-buttons button:is(:hover,:focus-visible) {
  background:#294d66!important;
  border-color:#8ec8f3!important;
  outline-color:#b9dffa!important;
}
/* Category swatches are data visualization, not decorative brand accents. */


/* Landing Goals demo: contain featured cover within its grid column.
   The shared Goals photo uses an aspect ratio plus minimum height. In a
   nested, responsive tour that ratio can enlarge the grid item's USED WIDTH
   beyond its column and paint over the goal's title/progress. The image itself
   is still absolutely cropped by object-fit:cover, so fix the media FRAME.
   This is intentionally scoped to the public sample preview. */
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="goals"] .wmd-goals-featured {
  container-type:inline-size;
  min-width:0;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="goals"]
  .wmd-goals-featured .wmd-goal-card.is-featured {
  min-width:0;
  width:100%;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="goals"]
  .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-visual {
  box-sizing:border-box;
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:auto!important;
  align-self:stretch;
}
#app .landing-v6 [data-landing-tour]
  .landing-tour-app-main[data-landing-preview="goals"]
  .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-card-body {
  min-width:0!important;
}
/* Stack based on the INNER demo width, even in a half-width desktop window.
   Viewport-based @media queries alone do not measure the embedded tour. */
@container (max-width:740px) {
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="goals"]
    .wmd-goals-featured .wmd-goal-card.is-featured {
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="goals"]
    .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-visual {
    height:clamp(205px,34cqw,265px)!important;
    min-height:0!important;
    max-height:265px!important;
  }
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="goals"]
    .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-card-body {
    padding:14px 9px 10px!important;
  }
}
/* Never alter .wmd-goal-photo (object-fit:cover), controls, preset data, or
   signed-in Goals layout. Sample cards remain fully interactive. */


/* October 30: public tour only. Category labels previously overflowed tiny
   proportional squares. Give each segment a stable, readable hit target while
   preserving its category color, scroll controls, and real Money Mix amounts. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-rail-scroll[data-landing-budget-rail]{
  overflow-x:auto!important;overflow-y:hidden!important;max-width:100%!important;
  overscroll-behavior-x:contain;touch-action:pan-x;
  scrollbar-width:thin!important;scrollbar-color:#6c9bbc #102538!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-rail{
  display:flex!important;flex-wrap:nowrap!important;align-items:center!important;
  width:max-content!important;min-width:100%!important;max-width:none!important;
  gap:7px!important;padding:4px 5px!important;height:79px!important;min-height:79px!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .money-mix-segment.landing-budget-preview-category{
  flex:0 0 157px!important;width:157px!important;min-width:157px!important;
  max-width:157px!important;height:65px!important;min-height:65px!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  gap:9px!important;overflow:hidden!important;padding:8px 10px!important;
  box-sizing:border-box!important;white-space:normal!important;border-radius:12px!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category>span:first-child:not(.landing-budget-preview-category-copy){
  flex:0 0 28px!important;width:28px!important;font-size:23px!important;
  text-align:center!important;line-height:1.1!important;pointer-events:none!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category .landing-budget-preview-category-copy{
  display:flex!important;flex:1 1 auto!important;flex-direction:column!important;
  min-width:0!important;width:auto!important;max-width:100%!important;
  overflow:hidden!important;align-items:flex-start!important;justify-content:center!important;
  gap:3px!important;padding:5px 6px!important;border-radius:7px!important;
  background:rgba(9,28,44,.55)!important;pointer-events:none!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category .landing-budget-preview-category-copy b,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category .landing-budget-preview-amount{
  display:block!important;min-width:0!important;width:100%!important;
  overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;
  margin:0!important;padding:0!important;line-height:1.16!important;
  color:#f2f8ff!important;text-align:left!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category .landing-budget-preview-category-copy b{
  font-size:10.5px!important;font-weight:700!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
  .money-mix.budget .landing-budget-preview-category .landing-budget-preview-amount{
  font-size:14px!important;font-weight:800!important;font-variant-numeric:tabular-nums;
}

/* Public Cash Flow inspector is an in-flow, scrollable detail panel. On the
   actual signed-in Cash Flow page, retain the original floating inspector. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  .money-map .mm-chart-shell .mm-chart-inspector:not([hidden]){
  position:relative!important;inset:auto!important;left:auto!important;right:auto!important;
  top:auto!important;bottom:auto!important;transform:none!important;display:block!important;
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;
  min-width:0!important;max-height:none!important;height:auto!important;overflow:visible!important;
  margin:12px 0 14px!important;padding:14px 16px!important;z-index:1!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  .money-map .mm-chart-inspector .mm-day-summary{
  min-width:0!important;max-width:100%!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  .money-map .mm-chart-inspector .mm-day-events-wrap{
  max-height:225px!important;overflow-y:auto!important;overscroll-behavior:contain!important;
  scrollbar-width:thin!important;touch-action:pan-y!important;
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  .money-map .mm-chart-inspector .mm-day-event-action{
  min-height:44px!important;white-space:normal!important;
}
@media(max-width:700px){
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-budget-preview]
    .money-mix.budget .money-mix-segment.landing-budget-preview-category{
    flex-basis:151px!important;width:151px!important;min-width:151px!important;max-width:151px!important;
  }
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
    .money-map .mm-chart-shell .mm-chart-inspector:not([hidden]){
    padding:12px!important;max-height:none!important;
  }
}

}
/* networth-ocean-account-finish.css */
@media screen {
/* Net Worth | Ocean source labels and finished card footers.
   Scoped to the default signed-in Ocean palette and the permanent public
   Ocean demo. Other Settings palettes, financial gains and semantic risk
   colors are unchanged. The original Net Worth markup/data is untouched. */
@media screen and (forced-colors:none) {
  /* These notes describe how a balance is calculated or synchronized.
     Neither is a profit/success indicator: avoid legacy mint status styling. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth .nw-subrow .plaid-linked-note,
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"] .nw-subrow .plaid-linked-note {
    color:#b9dffa!important;
    opacity:1!important;
  }
  /* Holdings-derived balances are intentionally read-only. Give their
     fields navy inputs and blue-gray borders, not a green success outline. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth .nw-subrow .money-edit.plaid-readonly,
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"] .nw-subrow .money-edit.plaid-readonly {
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth .nw-subrow .money-edit.plaid-readonly input[readonly],
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"] .nw-subrow .money-edit.plaid-readonly input[readonly] {
    background:#172b3d!important;
    border:1px solid #466b86!important;
    color:#edf7ff!important;
    box-shadow:none!important;
    cursor:default;
    opacity:1!important;
  }
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth .nw-subrow .money-edit.plaid-readonly input[readonly]:is(:hover,:focus,:focus-visible),
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"] .nw-subrow .money-edit.plaid-readonly input[readonly]:is(:hover,:focus,:focus-visible) {
    border-color:#83b4d6!important;
    box-shadow:0 0 0 2px rgba(142,200,243,.16)!important;
  }
  /* networth-focus.css sets overflow:visible on the accordion so the
     account menus can escape. That also exposes square-cornered section
     totals at the bottom. Round the footer itself; do NOT clip the menu. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
    .nw-board .nw-overview-section .nw-overview-detail > .section-total,
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"]
    .nw-board .nw-overview-section .nw-overview-detail > .section-total {
    background:#1b2e40!important;
    border-top-color:#46627b!important;
    color:#f0f7fe!important;
    border-radius:0 0 14px 14px!important;
    background-clip:padding-box;
  }
  /* The exact same rounding applies to liabilities, sinking and other
     account accordions, eliminating mismatched last-row geometry. */
  #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth
    .nw-board .nw-overview-section .nw-overview-detail > .section-total b,
  #app .landing-v6 [data-landing-tour]
    .landing-tour-app-main[data-landing-preview="networth"]
    .nw-board .nw-overview-section .nw-overview-detail > .section-total b {
    color:#f0f7fe!important;
  }
}

/* Net Worth totals and cool Ocean account surfaces, 2026-10-19.
   Keep the Ocean app and its public Net Worth demo consistently NAVY BLUE,
   with legible group totals. Other appearance palettes and the financial
   meaning of gains/losses are deliberately untouched. */
@media screen and (forced-colors:none) {
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) {
    --nw-list-panel:#192c45;
    --nw-list-row:#17293f;
    --nw-list-raised:#263f5c;
    --nw-list-deep:#101f33;
    --nw-list-line:#486584;
    --nw-list-text:#f1f7ff;
  }

  /* Account tables and their expanded/collapsed containers previously mixed
     green-graphite subrows with Ocean category headers. */
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section {
    background:var(--nw-list-panel)!important;
    border-color:var(--nw-list-line)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section :is(
    .nw-overview-toggle,.nw-overview-detail,.nw-inclusion-control
  ){
    background:var(--nw-list-panel)!important;
    border-color:var(--nw-list-line)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section :is(
    .nw-overview-toggle:hover,.nw-overview-toggle:focus-visible
  ){
    background:var(--nw-list-raised)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-group {
    background:var(--nw-list-panel)!important;
    border-color:var(--nw-list-line)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-group-head {
    background:var(--nw-list-raised)!important;
    border-color:var(--nw-list-line)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-group-head:hover {
    background:#304c69!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-subrow {
    background:var(--nw-list-row)!important;
    border-top-color:#304b67!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-subrow:hover {
    background:#1c3450!important;
  }
  /* Balance editors also inherited a green/black fill from the old skin.
     Keep account labels editable and Plaid readonly balances visibly distinct. */
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-subrow .money-edit input:not([readonly]) {
    background:var(--nw-list-deep)!important;
    border-color:#42617e!important;
    color:var(--nw-list-text)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-subrow .money-edit.plaid-readonly input[readonly] {
    background:#142841!important;
    border-color:#486f91!important;
    color:var(--nw-list-text)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board :is(.nw-subrow,.nw-group-head) input:focus-visible {
    border-color:#8ec8f3!important;
    outline:2px solid #8ec8f3!important;
    outline-offset:1px;
    box-shadow:none!important;
  }

  /* Figures deserve a clearer hierarchy than the old 15px group subtotals.
     Values are tabular, neutral ink; semantic changes remain untouched. */
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-group-head .heading-name > strong {
    font-size:19px!important;
    font-weight:800!important;
    line-height:1.2!important;
    letter-spacing:-.025em;
    font-variant-numeric:tabular-nums;
    color:var(--nw-list-text)!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-overview-amount {
    font-size:clamp(20px,1.8vw,23px)!important;
    font-weight:800!important;
    font-variant-numeric:tabular-nums;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .nw-overview-detail > .section-total {
    background:#1d334e!important;
    border-top-color:var(--nw-list-line)!important;
    border-radius:0 0 14px 14px!important;
  }
  :is(
    #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
    #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
  ) .nw-board .nw-overview-section .section-total > b {
    font-size:22px!important;
    font-weight:820!important;
    line-height:1.2!important;
    font-variant-numeric:tabular-nums;
    color:var(--nw-list-text)!important;
  }
  @media(max-width:620px) {
    :is(
      #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
      #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
    ) .nw-board .nw-group-head .heading-name > strong {
      font-size:17px!important;
      letter-spacing:-.035em;
    }
    :is(
      #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
      #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
    ) .nw-board .nw-overview-section .nw-overview-amount {
      font-size:20px!important;
    }
    :is(
      #app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--networth,
      #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"]
    ) .nw-board .nw-overview-section .section-total > b {
      font-size:20px!important;
    }
  }
}

}
/* budget-snapper-palette-finish.css */
@media screen {
/* 2026-10-19: Budget + Snapper interaction chrome.
   The public real-app demo stays Ocean blue. Signed-in Budget and Snapper
   controls follow the selected appearance; semantic gains/losses and custom
   category color identities are not recoded. No layout or financial changes. */

/* Budget's actual table is also mounted inside the landing product tour. */
#app .wmd-workspace.wmd-workspace--budget{
  --budget-ui-accent:var(--wmd-budget-accent,var(--wmd-theme-accent,#8ec8f3));
  --budget-ui-deep:var(--wmd-ui-deep,var(--wmd-theme-deep,#142536));
  --budget-ui-raised:var(--wmd-ui-raised,var(--wmd-theme-raised,#21384b));
  --budget-ui-line:var(--wmd-ui-line,var(--wmd-theme-line,#46647a));
  --budget-ui-text:var(--wmd-ui-txt,var(--wmd-theme-text,#eff7fd));
  --budget-ui-muted:var(--wmd-ui-muted,var(--wmd-theme-muted,#b9cfe0));
}
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="budget"]{
  --budget-ui-accent:#8ec8f3!important;
  --budget-ui-deep:#122335!important;
  --budget-ui-raised:#21394e!important;
  --budget-ui-line:#496a84!important;
  --budget-ui-text:#eff7fd!important;
  --budget-ui-muted:#b9cfe0!important;
  --budget-payment-accent:#8ec8f3!important;
}

/* The green-ish Payment source summary and editor were not category colors.
   Preserve native select behavior and the form's current placement. */
#app .wmd-workspace--budget .budget-grid .budget-payment-source{
  --budget-payment-accent:var(--budget-ui-accent)!important;
  --budget-payment-surface:var(--budget-ui-deep)!important;
  --budget-payment-line:var(--budget-ui-line)!important;
  --budget-payment-muted:var(--budget-ui-muted)!important;
  --budget-payment-text:var(--budget-ui-text)!important;
}
#app .wmd-workspace--budget .budget-payment-source>summary{
  color:var(--budget-ui-muted)!important;
  border-radius:7px;
}
#app .wmd-workspace--budget .budget-payment-source>summary :is(span,strong){
  color:var(--budget-ui-muted)!important;
}
#app .wmd-workspace--budget .budget-payment-source>summary .budget-payment-chevron{
  color:var(--budget-ui-accent)!important;
}
#app .wmd-workspace--budget .budget-payment-source>summary:is(:hover,:focus-visible),
#app .wmd-workspace--budget .budget-payment-source[open]>summary{
  background:color-mix(in srgb,var(--budget-ui-accent) 11%,transparent)!important;
}
#app .wmd-workspace--budget .budget-payment-editor>select{
  background:var(--budget-ui-deep)!important;
  border:1px solid var(--budget-ui-line)!important;
  color:var(--budget-ui-text)!important;
  border-radius:9px!important;
}
#app .wmd-workspace--budget .budget-payment-editor>p,
#app .wmd-workspace--budget .budget-linked-name small{
  color:var(--budget-ui-muted)!important;
}
#app .wmd-workspace--budget .budget-payment-source>summary:focus-visible,
#app .wmd-workspace--budget .budget-payment-editor>select:is(:focus,:focus-visible){
  outline:2px solid var(--budget-ui-accent)!important;
  outline-offset:2px!important;
  border-color:var(--budget-ui-accent)!important;
  box-shadow:none!important;
}

/* Category names and emoji stay distinct. Decorative selection outlines
   match the palette instead of inheriting a sage/green box shadow. */
#app .wmd-workspace--budget .category-picker-wrap .category-picker{
  background:var(--budget-ui-deep)!important;
  border-color:var(--budget-ui-line)!important;
  color:var(--budget-ui-text)!important;
  box-shadow:inset 3px 0 0 color-mix(in srgb,var(--budget-ui-accent) 60%,transparent)!important;
}
#app .wmd-workspace--budget .category-picker-wrap .category-picker:is(:hover,[aria-expanded="true"]){
  background:color-mix(in srgb,var(--budget-ui-accent) 8%,var(--budget-ui-deep))!important;
  border-color:color-mix(in srgb,var(--budget-ui-accent) 50%,var(--budget-ui-line))!important;
}
#app .wmd-workspace--budget .category-picker:focus-visible,
#app .wmd-workspace--budget .category-option:focus-visible{
  outline:2px solid var(--budget-ui-accent)!important;outline-offset:2px!important;
}
#app .wmd-workspace--budget .category-picker>i,
#app .wmd-workspace--budget .category-option>i{
  color:var(--budget-ui-accent)!important;
}
#app .wmd-workspace--budget .category-option.selected{
  background:color-mix(in srgb,var(--budget-ui-accent) 10%,var(--budget-ui-deep))!important;
  border-color:color-mix(in srgb,var(--budget-ui-accent) 42%,var(--budget-ui-line))!important;
}
#app .wmd-workspace--budget .category-option.create{
  color:var(--budget-ui-accent)!important;
}
#app .wmd-workspace--budget .category-option.create>span{
  background:color-mix(in srgb,var(--budget-ui-accent) 11%,var(--budget-ui-deep))!important;
}

/* Normal keyboard focus (inputs and selects) must override the global
   legacy green focus rule without changing validation or error colors. */
#app .wmd-workspace--budget .budget-grid
  :is(input:not([type="checkbox"]),select):is(:focus,:focus-visible),
#app .wmd-workspace--budget .budget-grid .budget-name-edit:focus-within{
  border-color:var(--budget-ui-accent)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--budget-ui-accent) 19%,transparent)!important;
}
#app .wmd-workspace--budget .budget-grid .budget-name-edit:focus-within{
  background:var(--budget-ui-deep)!important;
}

/* Budget table actions and neutral fields: the previous component layer
   still used a moss-colored Add line/Sort button and scroll thumb. */
#app .wmd-workspace--budget .budget-section .section-actions button{
  background:var(--budget-ui-deep)!important;
  border:1px solid var(--budget-ui-line)!important;
  color:var(--budget-ui-text)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--budget .budget-section .section-actions button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--budget-ui-accent) 11%,var(--budget-ui-deep))!important;
  border-color:var(--budget-ui-accent)!important;
}
#app .wmd-workspace--budget .budget-section .section-actions button:focus-visible{
  outline:2px solid var(--budget-ui-accent)!important;
  outline-offset:2px!important;
}
#app .wmd-workspace--budget .budget-section .budget-grid
  :is(input:not([readonly]):not([type="checkbox"]),select):not(:focus){
  border-color:var(--budget-ui-line)!important;
  background:var(--budget-ui-deep)!important;
  color:var(--budget-ui-text)!important;
}
#app .wmd-workspace--budget .budget-table-scroll{
  scrollbar-color:var(--budget-ui-line) var(--budget-ui-deep)!important;
}
#app .wmd-workspace--budget .budget-table-scroll::-webkit-scrollbar-thumb{
  background:var(--budget-ui-line)!important;
}
#app .wmd-workspace--budget .budget-table-scroll::-webkit-scrollbar-track{
  background:var(--budget-ui-deep)!important;
}
#app .landing-v6 .landing-tour-viewport-budget{
  scrollbar-color:#496a84 #142536!important;
}
#app .landing-v6 .landing-tour-viewport-budget::-webkit-scrollbar-thumb{
  background:#547996!important;
}

/* Closing corners: the grid is horizontally scrollable and some overlays
   require the SECTION to remain overflow-visible. Round the actual last
   painted row and its scroll viewport, not a clipped overlay parent. */
#app .wmd-workspace--budget .budget-section{
  border-radius:15px!important;
}
#app .wmd-workspace--budget .budget-section .budget-table-scroll{
  border-radius:0 0 14px 14px!important;
}
#app .wmd-workspace--budget .budget-section .budget-table-scroll
  >.budget-grid:last-child:not(.grid-header){
  border-radius:0 0 14px 14px!important;
}
/* Account section totals have the same issue when their menus escape the
   parent, especially when the total is the last painted Net Worth row. */
#app .wmd-workspace--networth .nw-board .nw-overview-section
  >.nw-overview-detail >.section-total:last-child{
  border-radius:0 0 13px 13px!important;
}

/* Signed-in Snapper is a body portal, separate from the #app theme tree. */
#wmd-photo-import-root .photo-import-dialog{
  --snapper-accent:var(--wmd-theme-accent,#8ec8f3)!important;
  --snapper-interactive-panel:var(--wmd-theme-panel,#1a2f42);
  --snapper-interactive-line:var(--wmd-theme-line,#486981);
  --snapper-interactive-text:var(--wmd-theme-text,#eff7fc);
  --snapper-interactive-muted:var(--wmd-theme-muted,#bacfe0);
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root .photo-import-dialog{
  --snapper-interactive-panel:#edf4f9;
  --snapper-interactive-line:#afc6d9;
  --snapper-interactive-text:#193247;
  --snapper-interactive-muted:#526b7e;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-photo-import-root .photo-import-dialog{
  --snapper-interactive-panel:#1c3432;
  --snapper-interactive-line:#50756c;
  --snapper-interactive-text:#edf7f4;
  --snapper-interactive-muted:#bdd8ce;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-photo-import-root .photo-import-dialog{
  --snapper-interactive-panel:#35283a;
  --snapper-interactive-line:#775b7a;
  --snapper-interactive-text:#fff3f9;
  --snapper-interactive-muted:#dbc6d4;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-photo-import-root .photo-import-dialog{
  --snapper-interactive-panel:#1c252f;
  --snapper-interactive-line:#4e6072;
  --snapper-interactive-text:#f0f5f9;
  --snapper-interactive-muted:#c3d0dc;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .snapper-review-guide,.snapper-search-wrap,.snapper-picker-browse,
  .snapper-mobile-account-open,.snapper-account-toggle,
  .snapper-mobile-picker-search,.snapper-mobile-picker-header
){
  border-color:var(--snapper-interactive-line)!important;
  background:var(--snapper-interactive-panel)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .snapper-review-kicker,.snapper-destination-status,
  .snapper-search-heading-group,.snapper-search-section-title,
  .snapper-mobile-picker-eyebrow,.snapper-account-toggle-chevron,
  .snapper-mobile-account-open span,.snapper-picker-browse
){
  color:var(--snapper-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .snapper-review-guide p,.snapper-review-counts span,
  .snapper-selected-destination,.snapper-search-result-copy small
){
  color:var(--snapper-interactive-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .snapper-review-primary,.photo-import-primary,.snapper-refresh-primary
):not(:disabled){
  background:var(--snapper-accent)!important;
  border-color:var(--snapper-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(button,summary,input,select,textarea):focus-visible{
  outline-color:var(--snapper-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-picker-browse,.snapper-mobile-account-open,.snapper-account-toggle):is(:hover,:focus-visible){
  border-color:var(--snapper-accent)!important;
  background:color-mix(in srgb,var(--snapper-accent) 10%,var(--snapper-interactive-panel))!important;
}

/* The account-picker sheet is appended as a SIBLING of .photo-import-dialog,
   not a child. Give both the dialog and mobile sheet the same palette
   inheritance without recoloring financial success/error messages. */
#wmd-photo-import-root{
  --snapper-interactive-panel:var(--wmd-theme-panel,#1a2f42);
  --snapper-interactive-line:var(--wmd-theme-line,#486981);
  --snapper-interactive-text:var(--wmd-theme-text,#eff7fc);
  --snapper-interactive-muted:var(--wmd-theme-muted,#bacfe0);
  --snapper-interactive-deep:var(--wmd-theme-deep,#132536);
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root{
  --snapper-interactive-panel:#edf4f9;
  --snapper-interactive-line:#afc6d9;
  --snapper-interactive-text:#193247;
  --snapper-interactive-muted:#526b7e;
  --snapper-interactive-deep:#f8fbfd;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-photo-import-root{
  --snapper-interactive-panel:#1c3432;
  --snapper-interactive-line:#50756c;
  --snapper-interactive-text:#edf7f4;
  --snapper-interactive-muted:#bdd8ce;
  --snapper-interactive-deep:#122423;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-photo-import-root{
  --snapper-interactive-panel:#35283a;
  --snapper-interactive-line:#775b7a;
  --snapper-interactive-text:#fff3f9;
  --snapper-interactive-muted:#dbc6d4;
  --snapper-interactive-deep:#211925;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-photo-import-root{
  --snapper-interactive-panel:#1c252f;
  --snapper-interactive-line:#4e6072;
  --snapper-interactive-text:#f0f5f9;
  --snapper-interactive-muted:#c3d0dc;
  --snapper-interactive-deep:#0c131b;
}

/* Account matching and creation are neutral navigation actions, not positive
   money performance. Remove old green backgrounds and borders. */
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-search-panel,.snapper-search-linked-note,.snapper-related-result){
  background:var(--snapper-interactive-panel)!important;
  border-color:var(--snapper-interactive-line)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root :is(.snapper-search-result,.snapper-review-counts span){
  background:var(--snapper-interactive-panel)!important;
  border-color:var(--snapper-interactive-line)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .snapper-search-result.is-create{
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 10%,var(--snapper-interactive-panel))!important;
  border-color:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 50%,var(--snapper-interactive-line))!important;
}
#wmd-photo-import-root .snapper-search-result.is-create:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 18%,var(--snapper-interactive-panel))!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root :is(.snapper-search-result-action,
  .snapper-search-heading,.snapper-search-result.is-create .snapper-search-result-action){
  color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root :is(.snapper-search-new-section,.snapper-search-section+.snapper-search-section,
  .snapper-search-heading-group,.snapper-selected-destination){
  border-color:var(--snapper-interactive-line)!important;
}
#wmd-photo-import-root .snapper-search-wrap input[type=search]{
  background:var(--snapper-interactive-deep)!important;
  border-color:var(--snapper-interactive-line)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .photo-import-footer .snapper-skip-remaining{
  border-color:var(--snapper-interactive-line)!important;
  background:transparent!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .photo-import-footer .snapper-skip-remaining:is(:hover,:focus-visible){
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 9%,var(--snapper-interactive-panel))!important;
}
#wmd-photo-import-root .snapper-mobile-picker{
  background:var(--snapper-interactive-deep)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .snapper-mobile-picker
  :is(.snapper-mobile-picker-header,.snapper-mobile-picker-search,
      .snapper-search-linked-note,.snapper-mobile-picker-close){
  background:var(--snapper-interactive-panel)!important;
  border-color:var(--snapper-interactive-line)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .snapper-mobile-picker
  :is(.snapper-mobile-picker-eyebrow,.snapper-search-heading,
      .snapper-search-result-action){
  color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root .snapper-mobile-picker
  :is(.snapper-mobile-picker-context,.snapper-mobile-picker-search label,
      .snapper-search-result-copy small){
  color:var(--snapper-interactive-muted)!important;
}
#wmd-photo-import-root .snapper-mobile-picker-search input{
  background:var(--snapper-interactive-deep)!important;
  border-color:var(--snapper-interactive-line)!important;
  color:var(--snapper-interactive-text)!important;
}
#wmd-photo-import-root .snapper-mobile-picker .snapper-search-panel{
  background:transparent!important;
  border:0!important;
}
#wmd-photo-import-root .snapper-mobile-picker
  :is(button,input):focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;
  outline-offset:2px!important;
}

/* Standalone public Snapper demo must not resurrect mint UI chrome. */
.public-product-demo[data-plan="snapper"]{
  --snapper-shell:#111f30!important;
  --snapper-panel:#1a3043!important;
  --snapper-surface:#233e54!important;
  --snapper-line:#476981!important;
  --snapper-accent:#8ec8f3!important;
}
.public-product-demo[data-plan="snapper"]
  :is(.snapper-demo-tabs>div.active,.snapper-demo-tabs>button.active){
  border-color:#8ec8f3!important;
  background:#24445c!important;
  color:#eff8ff!important;
}
.public-product-demo[data-plan="snapper"]
  :is(.snapper-demo-upload-icon,.snapper-demo-sample-line span){
  background:#25445c!important;
  border-color:#628bad!important;
  color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-private summary::before{
  color:#bddffd!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button.product-demo-primary{
  background:#8ec8f3!important;
  border-color:#8ec8f3!important;
  color:#102333!important;
}
.public-product-demo[data-plan="snapper"]
  :is(button,summary,input,select):focus-visible{
  outline-color:#8ec8f3!important;
}

/* The separate Snapper Budget Builder is another body portal. */
#wmd-budget-builder :is(button,input,select,textarea,summary):focus-visible{
  outline-color:var(--bb-mint,#8ec8f3)!important;
}


/* 2026-10-19: Snapper final review color audit.
   The importer lives under document.body, so workspace palette selectors
   cannot reach it. A recoverable OCR suggestion is INFORMATION, not an
   investment gain. Make navigation, upload status, and review actions theme
   chromatic; preserve actual errors (red) and uncertain evidence (amber).
   Do not change data, extraction, approval, or modal geometry. */
#wmd-photo-import-root{
  --snapper-review-accent:var(--wmd-theme-accent,#8ec8f3);
  --snapper-review-soft:var(--wmd-theme-accent-soft,#bddffd);
  --snapper-review-panel:var(--snapper-interactive-panel,#1a3043);
  --snapper-review-deep:var(--snapper-interactive-deep,#102236);
  --snapper-review-line:var(--snapper-interactive-line,#496c86);
  --snapper-review-text:var(--snapper-interactive-text,#eff7fd);
  --snapper-review-muted:var(--snapper-interactive-muted,#b9cfde);
  --snapper-review-on-accent:#102333;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root{
  --snapper-review-on-accent:#ffffff;
}
/* A public Snapper demo always uses Ocean regardless of personal settings. */
body:has(.public-product-demo[data-plan="snapper"][open]) #wmd-photo-import-root{
  --snapper-review-accent:#8ec8f3!important;
  --snapper-review-soft:#bddffd!important;
  --snapper-review-panel:#1a3043!important;
  --snapper-review-deep:#102236!important;
  --snapper-review-line:#496c86!important;
  --snapper-review-text:#eff7fd!important;
  --snapper-review-muted:#b9cfde!important;
  --snapper-review-on-accent:#102333!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-alert:not(.is-error){
  color:var(--snapper-review-text)!important;
  background:color-mix(in srgb,var(--snapper-review-accent) 10%,var(--snapper-review-deep))!important;
  border:1px solid color-mix(in srgb,var(--snapper-review-accent) 47%,var(--snapper-review-line))!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-previews .photo-import-preview{
  background:var(--snapper-review-panel)!important;
  border-color:var(--snapper-review-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-preview :is(img,.photo-import-pdf-icon){
  background:var(--snapper-review-deep)!important;
  color:var(--snapper-review-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-preview>span{
  color:var(--snapper-review-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs{
  background:var(--snapper-review-deep)!important;
  border-color:var(--snapper-review-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button{
  background:var(--snapper-review-panel)!important;
  border:1px solid var(--snapper-review-line)!important;
  color:var(--snapper-review-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button.active{
  background:color-mix(in srgb,var(--snapper-review-accent) 22%,var(--snapper-review-panel))!important;
  border-color:var(--snapper-review-accent)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button small{
  color:var(--snapper-review-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button.active small{
  color:var(--snapper-review-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button:is(:hover,:focus-visible){
  border-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-secondary,.photo-import-today){
  background:var(--snapper-review-panel)!important;
  border:1px solid var(--snapper-review-line)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-secondary,.photo-import-today):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--snapper-review-accent) 12%,var(--snapper-review-panel))!important;
  border-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-footer
  button.photo-import-primary:not(:disabled){
  background:var(--snapper-review-accent)!important;
  border-color:var(--snapper-review-accent)!important;
  color:var(--snapper-review-on-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-footer
  button.photo-import-primary:not(:disabled):hover{
  background:var(--snapper-review-soft)!important;
  border-color:var(--snapper-review-soft)!important;
  color:var(--snapper-review-on-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-benefit-note,.photo-import-advanced,
      .photo-import-balance-approve,.photo-import-balance-proof){
  background:var(--snapper-review-panel)!important;
  border-color:var(--snapper-review-line)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-benefit-note,.photo-import-advanced,
      .photo-import-balance-proof) :is(p,small),
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-balance-identity>span,
      .photo-import-balance-identity>small,.photo-import-date-help){
  color:var(--snapper-review-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-benefit-note strong,.photo-import-balance-identity strong,
      .photo-import-balance-identity>b,.photo-import-balance-approve){
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-approve input,
#wmd-photo-import-root .photo-import-dialog .photo-import-check input{
  accent-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-remove-row{
  background:var(--snapper-review-deep)!important;
  border-color:var(--snapper-review-line)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-remove-row:is(:hover,:focus-visible){
  background:var(--snapper-review-panel)!important;
  border-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-records>summary,.photo-import-stats,
      .photo-import-detected,.photo-import-advanced>summary,
      .photo-import-section-header p){
  color:var(--snapper-review-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog
  .photo-import-row:not(.photo-import-needs-attention):focus-within{
  border-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .photo-import-balance-main input,.photo-import-balance-main select,
  .photo-import-fields input,.photo-import-fields select,
  .photo-import-source select
){
  border-color:var(--snapper-review-line)!important;
  background:var(--snapper-review-deep)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .photo-import-balance-main input,.photo-import-balance-main select,
  .photo-import-fields input,.photo-import-fields select,
  .photo-import-source select
):is(:focus,:focus-visible){
  border-color:var(--snapper-review-accent)!important;
  outline-color:var(--snapper-review-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .photo-import-balance-main label>span,.photo-import-fields label>span
){
  color:var(--snapper-review-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-applied:not(.is-error){
  background:var(--snapper-review-panel)!important;
  border-color:var(--snapper-review-line)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.photo-import-privacy,.photo-import-progress,
      .photo-import-stats>span,.photo-import-source){
  border-color:var(--snapper-review-line)!important;
  color:var(--snapper-review-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-body{
  scrollbar-color:var(--snapper-review-line) var(--snapper-review-deep)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-body::-webkit-scrollbar-thumb{
  background:var(--snapper-review-line)!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(button,summary,input,select,textarea):focus-visible{
  outline-color:var(--snapper-review-accent)!important;
}

/* Diagnostics say what was processed, not whether money was gained.
   The collapsed details headings were still mint via .photo-import-stats. */
#wmd-photo-import-root .photo-import-dialog .snapper-file-details>summary{
  color:var(--snapper-review-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-file-details
  :is(span,p){
  color:var(--snapper-review-muted)!important;
}
/* Protect invalid form semantics from the ordinary blue focus decoration. */
#wmd-photo-import-root .photo-import-dialog
  :is(input,select,textarea)[aria-invalid="true"]{
  border-color:#d9a19a!important;
}


/* Body-portal palette relay for Snapper.
   The signed-in #app owns Settings theme tokens; the importer is its
   sibling, so CSS custom properties do not inherit across that boundary.
   Relay all six appearance palettes directly onto the portal. */
#wmd-photo-import-root{
  --wmd-theme-accent:#8ec8f3;
  --wmd-theme-accent-soft:#bddffd;
  --wmd-theme-panel:#1a3043;
  --wmd-theme-deep:#102236;
  --wmd-theme-raised:#233c51;
  --wmd-theme-line:#496c86;
  --wmd-theme-muted:#b9cfde;
  --wmd-theme-text:#eff7fd;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root{
  --wmd-theme-accent:#286a9e;
  --wmd-theme-accent-soft:#215982;
  --wmd-theme-panel:#ffffff;
  --wmd-theme-deep:#f2f6fa;
  --wmd-theme-raised:#e8f0f7;
  --wmd-theme-line:#bdcfdd;
  --wmd-theme-muted:#506577;
  --wmd-theme-text:#192e40;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-photo-import-root{
  --wmd-theme-accent:#57d7aa;
  --wmd-theme-accent-soft:#9ae8cb;
  --wmd-theme-panel:#19252e;
  --wmd-theme-deep:#111c25;
  --wmd-theme-raised:#202e38;
  --wmd-theme-line:#384a55;
  --wmd-theme-muted:#b1c0c9;
  --wmd-theme-text:#eef4f7;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-photo-import-root{
  --wmd-theme-accent:#ee9bc9;
  --wmd-theme-accent-soft:#ffd5e9;
  --wmd-theme-panel:#291e2b;
  --wmd-theme-deep:#1b1620;
  --wmd-theme-raised:#39283b;
  --wmd-theme-line:#5b4560;
  --wmd-theme-muted:#d2bbc9;
  --wmd-theme-text:#fff3f9;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-photo-import-root{
  --wmd-theme-accent:#d5e0ec;
  --wmd-theme-accent-soft:#eff5fa;
  --wmd-theme-panel:#15191e;
  --wmd-theme-deep:#090c10;
  --wmd-theme-raised:#232a31;
  --wmd-theme-line:#434b55;
  --wmd-theme-muted:#b7c2cd;
  --wmd-theme-text:#f4f7fa;
}
body:has(#app[data-wmd-color-scheme="orchid"]) #wmd-photo-import-root{
  --wmd-theme-accent:#c8b1f0;
  --wmd-theme-accent-soft:#e0d0ff;
  --wmd-theme-panel:#242231;
  --wmd-theme-deep:#1b1b29;
  --wmd-theme-raised:#322e43;
  --wmd-theme-line:#554e67;
  --wmd-theme-muted:#c6bfd4;
  --wmd-theme-text:#f5f1fc;
}
#wmd-photo-import-root .photo-import-dialog{
  --snapper-accent:var(--wmd-theme-accent)!important;
  --snapper-review-accent:var(--wmd-theme-accent);
  --snapper-review-soft:var(--wmd-theme-accent-soft);
  --snapper-review-on-accent:#102333;
}
body:has(#app[data-wmd-color-scheme="white"])
  #wmd-photo-import-root .photo-import-dialog{
  --snapper-review-on-accent:#ffffff;
}
#wmd-photo-import-root .snapper-mobile-picker{
  --snapper-review-accent:var(--wmd-theme-accent);
  --snapper-review-soft:var(--wmd-theme-accent-soft);
}

}
/* cashflow-update-center.css */
@media screen {
/* Cash Flow Update Center, scoped to signed-in Cash Flow.
   The month selector and Money Map remain unchanged. No fixed mint/green.
   Supports Ocean, Mixed, Mint, White, Black, Pink through appearance tokens. */
#app main.wmd-workspace--cashflow .wmd-cash-update-button{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;min-width:0;max-width:100%;padding:10px 17px;
  border:1px solid var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3));
  border-radius:13px;box-shadow:0 2px 12px rgba(0,0,0,.12);
  background:var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3));
  color:var(--wmd-theme-deep,#102134);font:780 13px/1.3 system-ui,sans-serif;
  white-space:normal;text-align:center;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-cash-update-button:hover{
  filter:brightness(1.07);transform:translateY(-1px)
}
#app main.wmd-workspace--cashflow .wmd-cash-update-button:active{transform:none}
#app main.wmd-workspace--cashflow .wmd-cash-update-button:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#bcdffc);outline-offset:3px
}
#app main.wmd-workspace--cashflow .wmd-cash-update-button>span{font-size:19px;line-height:1}
#app main.wmd-workspace--cashflow .wmd-cash-update-status{
  margin:0 2px 13px;font-size:12px;line-height:1.5;
  color:var(--wmd-theme-muted,#adbfce)
}
.wmd-cash-update-dialog{
  --hub-accent:#8ec8f3;--hub-ink:#eff7fd;--hub-muted:#b6cadd;
  --hub-panel:#172b3c;--hub-deep:#0e1a28;--hub-raised:#22394d;
  --hub-line:#456077;--hub-soft:#354e64;
  box-sizing:border-box;width:min(535px,calc(100vw - 24px));
  max-width:535px;max-height:min(720px,calc(100dvh - 24px));
  margin:auto;padding:0;border:1px solid var(--hub-line);border-radius:21px;
  background:var(--hub-panel);color:var(--hub-ink);
  box-shadow:0 30px 100px rgba(0,0,0,.55);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow:hidden;color-scheme:normal;
}
.wmd-cash-update-dialog[open]{display:flex;flex-direction:column}
.wmd-cash-update-dialog:not([open]){display:none}
.wmd-cash-update-dialog::backdrop{background:rgba(2,9,17,.78);backdrop-filter:blur(5px)}
.wmd-cash-update-dialog .wmd-cu-head{
  display:flex;justify-content:space-between;align-items:flex-start;gap:14px;
  flex:none;padding:22px 24px 17px;border-bottom:1px solid var(--hub-soft)
}
.wmd-cash-update-dialog .wmd-cu-head>div{min-width:0}
.wmd-cash-update-dialog .wmd-cu-eyebrow{
  display:block;margin-bottom:5px;font-size:10px;font-weight:800;
  letter-spacing:.1em;color:var(--hub-accent)
}
.wmd-cash-update-dialog .wmd-cu-head h2{
  margin:0 0 6px;font-size:clamp(24px,4vw,30px);
  letter-spacing:-.035em;line-height:1.13;font-weight:770;color:var(--hub-ink)
}
.wmd-cash-update-dialog .wmd-cu-head p{
  margin:0;font-size:12px;line-height:1.55;color:var(--hub-muted)
}
.wmd-cash-update-dialog [data-cash-update-close]{
  appearance:none;display:grid;place-items:center;width:44px;height:44px;
  min-width:44px;flex:none;border:1px solid var(--hub-line);
  border-radius:11px;background:var(--hub-raised);color:var(--hub-ink);
  font-size:24px;line-height:1;cursor:pointer
}
.wmd-cash-update-dialog .wmd-cu-scroll{
  min-height:0;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;
  padding:17px 23px 21px;scrollbar-width:thin
}
.wmd-cash-update-dialog .wmd-cu-promise{
  display:grid;gap:3px;padding:0 1px 15px
}
.wmd-cash-update-dialog .wmd-cu-promise strong{font-size:13px;color:var(--hub-ink)}
.wmd-cash-update-dialog .wmd-cu-promise span{
  font-size:12px;color:var(--hub-muted);line-height:1.55
}
.wmd-cash-update-dialog .wmd-cu-choices{display:grid;gap:8px}
.wmd-cash-update-dialog .wmd-cu-method{
  appearance:none;display:grid;grid-template-columns:40px minmax(0,1fr) 14px;
  align-items:center;gap:12px;min-width:0;min-height:72px;width:100%;
  padding:12px 13px;border:1px solid var(--hub-line);border-radius:14px;
  text-align:left;color:var(--hub-ink);background:var(--hub-deep);
  cursor:pointer;box-shadow:none
}
.wmd-cash-update-dialog .wmd-cu-method:hover{
  border-color:var(--hub-accent);
  background:color-mix(in srgb,var(--hub-raised) 70%,var(--hub-deep))
}
.wmd-cash-update-dialog .wmd-cu-method:focus-visible,
.wmd-cash-update-dialog [data-cash-update-close]:focus-visible{
  outline:3px solid var(--hub-accent);outline-offset:2px
}
.wmd-cash-update-dialog .wmd-cu-method-icon{
  display:grid;place-items:center;width:40px;height:40px;
  flex:none;font-size:22px;font-weight:700;border-radius:12px;
  background:color-mix(in srgb,var(--hub-accent) 12%,var(--hub-raised));
  color:var(--hub-accent)
}
.wmd-cash-update-dialog .wmd-cu-method>span:nth-child(2){
  display:grid;gap:4px;min-width:0
}
.wmd-cash-update-dialog .wmd-cu-method strong{
  font-size:16px;line-height:1.3;font-weight:760;color:var(--hub-ink)
}
.wmd-cash-update-dialog .wmd-cu-method small{
  color:var(--hub-muted);font-size:14px;line-height:1.5;
  font-weight:480;overflow-wrap:anywhere
}
.wmd-cash-update-dialog .wmd-cu-chevron{
  font-size:22px;color:var(--hub-muted);justify-self:end
}
.wmd-cash-update-dialog .wmd-cu-manual{
  background:transparent;border-style:dashed;min-height:66px
}
.wmd-cash-update-dialog .wmd-cu-manual .wmd-cu-method-icon{
  background:transparent;border:1px solid var(--hub-line);font-size:20px
}
/* A recommendation about unverified account coverage should explain the
   issue without forcing Snapper or implying a specific bill is missing. */
.wmd-cash-update-dialog .wmd-cu-coverage-lead{
  margin:0 0 12px!important;padding:11px 13px!important;
  font-size:13px!important;line-height:1.5!important;
  color:var(--hub-ink,#e8f2fc)!important;
  background:var(--hub-panel,#1d3042)!important;
  border:1px solid var(--hub-soft,#47657c)!important;
  border-radius:10px!important;
}
.wmd-cash-update-dialog .wmd-cu-coverage[open]>summary{
  color:var(--hub-accent,#9bcff4)!important;
}
.wmd-cash-update-dialog .wmd-cu-coverage{
  margin-top:15px;border-top:1px solid var(--hub-soft);
  color:var(--hub-muted);font-size:11px
}
.wmd-cash-update-dialog .wmd-cu-coverage>summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 2px;cursor:pointer;font-size:12px;font-weight:720;
  list-style:none;color:var(--hub-muted)
}
.wmd-cash-update-dialog .wmd-cu-coverage>summary::-webkit-details-marker{display:none}
.wmd-cash-update-dialog .wmd-cu-coverage>summary>span+span{font-weight:500;font-size:11px}
.wmd-cash-update-dialog .wmd-cu-coverage-body{
  padding:0 3px 8px;display:grid;gap:10px
}
.wmd-cash-update-dialog .wmd-cu-account{
  background:var(--hub-deep);border:1px solid var(--hub-soft);
  border-radius:10px;padding:10px 12px
}
.wmd-cash-update-dialog .wmd-cu-account>div{
  display:flex;justify-content:space-between;flex-wrap:wrap;
  align-items:center;gap:4px 12px
}
.wmd-cash-update-dialog .wmd-cu-account strong{font-size:12px;color:var(--hub-ink)}
.wmd-cash-update-dialog .wmd-cu-account small{font-size:10px;color:var(--hub-accent)}
.wmd-cash-update-dialog .wmd-cu-account p{
  margin:6px 0 0;line-height:1.5;color:var(--hub-muted)
}
.wmd-cash-update-dialog .wmd-cu-footnote,.wmd-cash-update-dialog .wmd-cu-hint{
  margin:13px 2px 0;font-size:11px;line-height:1.55;color:var(--hub-muted)
}
#app .wmd-cu-snap-hint{
  margin:0 0 13px;padding:10px 12px;border-radius:11px;
  background:var(--wmd-theme-panel,#203648);
  border:1px solid var(--wmd-theme-line,#4e7187);
  color:var(--wmd-theme-text,#eaf5fd);
  font-size:12px;line-height:1.55
}
@media(max-width:620px){
  #app main.wmd-workspace--cashflow .monthbar-actions{min-width:0;max-width:100%}
  #app main.wmd-workspace--cashflow .wmd-cash-update-button{
    width:100%;min-height:47px
  }
  #app main.wmd-workspace--cashflow .wmd-cash-update-status{font-size:11px}
  .wmd-cash-update-dialog{
    width:calc(100vw - 16px);max-height:calc(100dvh - 18px);border-radius:17px
  }
  .wmd-cash-update-dialog .wmd-cu-head{padding:19px 17px 14px}
  .wmd-cash-update-dialog .wmd-cu-scroll{
    padding:14px 15px 17px;max-height:none
  }
  .wmd-cash-update-dialog .wmd-cu-method{min-height:68px;padding:11px 10px;gap:10px}
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-cash-update-button{transition:none;transform:none!important}
}


/* When Plaid has a strong suggested match, show one decisive action and
   place the existing classifications and correction controls behind Details. */
#app .tx-review-dialog .tx-review-one-tap{
  display:flex;align-items:center;gap:8px 13px;flex-wrap:wrap;
  margin-top:10px;padding:3px 0;
}
#app .tx-review-dialog .tx-review-one-tap .tx-review-match{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:44px;padding:10px 17px;border-radius:11px;
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#101c29);
  font:760 13px/1.3 system-ui,sans-serif;
}
#app .tx-review-dialog .tx-review-one-tap small{
  flex:1 1 165px;font-size:11px;line-height:1.45;
  color:var(--wmd-theme-muted,#aec3d4);
}
#app .tx-review-dialog .tx-review-optional{
  padding-top:9px;margin-top:9px;border-top:1px solid var(--wmd-theme-line-soft,#304659);
}
#app .tx-review-dialog .tx-review-optional>summary{
  width:max-content;max-width:100%;cursor:pointer;list-style:none;
  color:var(--wmd-theme-muted,#b4c8d8);
  padding:7px 0;font-size:12px;font-weight:700;
}
#app .tx-review-dialog .tx-review-optional>summary::-webkit-details-marker{display:none}
#app .tx-review-dialog .tx-review-optional>summary:after{
  content:'⌄';display:inline-block;margin-left:8px
}
#app .tx-review-dialog .tx-review-optional[open]>summary:after{transform:rotate(180deg)}
#app .tx-review-dialog .tx-review-optional>summary:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px
}
#app .tx-review-dialog .tx-review-optional .tx-review-alt-actions{
  margin-top:9px
}

/* The same controls stay readable at large text sizes and on short screens. */
.wmd-cash-update-dialog .wmd-cu-head p,
.wmd-cash-update-dialog .wmd-cu-promise span{font-size:14px;line-height:1.5}
.wmd-cash-update-dialog .wmd-cu-promise strong{font-size:16px}
.wmd-cash-update-dialog .wmd-cu-existing-plan{display:grid;gap:8px;margin-top:14px}
.wmd-cash-update-dialog .wmd-cu-existing-plan button{
 min-height:44px;padding:10px 12px;border-radius:10px;
 border:1px solid var(--hub-line);background:var(--hub-raised);
 color:var(--hub-ink);font:650 14px/1.45 system-ui,sans-serif;text-align:left;cursor:pointer
}
.wmd-cash-update-dialog .wmd-cu-coverage>summary{min-height:44px;box-sizing:border-box}
.wmd-cash-update-dialog .wmd-cu-footnote,
.wmd-cash-update-dialog .wmd-cu-hint{font-size:13px;line-height:1.5}
.wmd-cash-update-dialog .wmd-cu-action-error{
 padding:12px;border:1px solid var(--hub-accent);border-radius:12px;
 background:var(--hub-raised);color:var(--hub-ink);font-size:14px;line-height:1.5
}
.wmd-cash-update-dialog .wmd-cu-action-error[hidden]{display:none}
.wmd-cash-update-dialog :is(button,summary):focus-visible{outline:3px solid var(--hub-accent);outline-offset:2px}
.wmd-cash-update-dialog button{touch-action:manipulation}
@media(max-width:360px){
 .wmd-cash-update-dialog .wmd-cu-method{grid-template-columns:30px minmax(0,1fr) 12px;gap:8px}
 .wmd-cash-update-dialog .wmd-cu-method-icon{width:30px;height:34px;font-size:20px}
}

}
/* cashflow-month-guide.css */
@media screen {
/* Monthly money guide. Theme-aware and scoped to the Cash Flow page only. */
#app main.wmd-workspace--cashflow .wmd-month-guide{
 --mg-text:var(--wmd-theme-text,#eff6fc);--mg-muted:var(--wmd-theme-muted,#bac9d6);
 --mg-panel:var(--wmd-theme-panel,#192c3c);--mg-deep:var(--wmd-theme-deep,#101e2e);
 --mg-raised:var(--wmd-theme-raised,#273b50);--mg-accent:var(--wmd-theme-accent,#8ec8f3);
 --mg-line:var(--wmd-theme-line,#405b73);--mg-soft:var(--wmd-theme-line-soft,var(--mg-line));
 box-sizing:border-box;display:grid;gap:14px;width:100%;min-width:0;max-width:100%;
 padding:18px;margin:10px 0 18px;border:1px solid var(--mg-line);border-radius:17px;
 background:var(--mg-panel);color:var(--mg-text);font-family:inherit;
}
#app main.wmd-workspace--cashflow .wmd-month-guide *{box-sizing:border-box}
#app main.wmd-workspace--cashflow .wmd-mg-head{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;
}
#app main.wmd-workspace--cashflow .wmd-mg-head>div{min-width:0;flex:1 1 200px}
#app main.wmd-workspace--cashflow :is(.wmd-mg-head>div>small,.wmd-mg-week>small,.wmd-mg-next small){
 display:block;margin:0 0 5px;color:var(--mg-accent);font-size:10px;line-height:1.4;
 font-weight:790;letter-spacing:.07em;
}
#app main.wmd-workspace--cashflow .wmd-mg-head h2{
 margin:0 0 5px;font-size:clamp(20px,3vw,26px);line-height:1.15;
 font-weight:790;letter-spacing:-.035em;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-head p{
 margin:0;font-size:12px;line-height:1.5;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow :is(.wmd-mg-update,.wmd-mg-next button){
 appearance:none;flex:none;min-height:44px;max-width:100%;
 display:inline-flex;align-items:center;justify-content:center;gap:8px;
 padding:10px 14px;border-radius:11px;border:1px solid var(--mg-accent);
 background:var(--mg-accent);color:var(--mg-deep);
 font:760 12px/1.35 system-ui,sans-serif;cursor:pointer;white-space:normal;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-account{
 display:grid;align-content:start;gap:5px;min-width:0;
 padding:13px;border:1px solid var(--mg-soft);border-radius:12px;background:var(--mg-deep);
}
#app main.wmd-workspace--cashflow .wmd-mg-account small{
 font-size:10px;color:var(--mg-accent);font-weight:760;
}
#app main.wmd-workspace--cashflow .wmd-mg-account strong{
 color:var(--mg-text);font-size:12px;line-height:1.4;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-account-amount{
 font-size:clamp(18px,3vw,23px);font-weight:780;color:var(--mg-text);
 letter-spacing:-.025em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-account em{
 font-size:10px;font-style:normal;line-height:1.5;color:var(--mg-muted);overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-card-list{
 display:grid;gap:7px;min-width:0;margin-top:5px;padding-top:9px;border-top:1px solid var(--mg-soft);
}
#app main.wmd-workspace--cashflow .wmd-mg-card-row{
 display:flex;justify-content:space-between;align-items:baseline;gap:12px;min-width:0;
 font-size:13px;line-height:1.45;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-card-row>span:first-child{min-width:0;overflow-wrap:anywhere}
#app main.wmd-workspace--cashflow .wmd-mg-card-row>span:last-child{flex:none;font-variant-numeric:tabular-nums}
#app main.wmd-workspace--cashflow .wmd-mg-card-more{font-size:13px;color:var(--mg-muted)}
#app main.wmd-workspace--cashflow .wmd-mg-account-link{
 margin-top:5px;font-size:13px;line-height:1.4;font-weight:750;color:var(--mg-accent);
}
#app main.wmd-workspace--cashflow .wmd-mg-overview{
 display:grid;gap:9px;min-width:0;padding:14px;
 background:var(--mg-deep);border:1px solid var(--mg-soft);border-radius:13px;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title{
 display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 15px;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title h3{
 margin:0;font-size:15px;font-weight:770;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title>span{
 display:flex;flex-wrap:wrap;gap:6px;font-size:11px;line-height:1.4;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title>span strong{color:var(--mg-text)}
#app main.wmd-workspace--cashflow .wmd-mg-week{
 display:grid;gap:4px;min-width:0;padding:9px;margin-top:2px;
 border:1px solid var(--mg-line);border-radius:10px;background:var(--mg-panel);
}
#app main.wmd-workspace--cashflow .wmd-mg-week>small{margin:0 2px}
#app main.wmd-workspace--cashflow .wmd-mg-plans{display:grid;gap:4px;min-width:0}
#app main.wmd-workspace--cashflow .wmd-mg-plan-row{
 appearance:none;display:grid;gap:6px;min-width:0;width:100%;padding:9px;
 background:transparent;border:1px solid transparent;border-radius:9px;
 color:var(--mg-text);text-align:left;cursor:pointer;box-shadow:none;
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-row:is(:hover,:focus-visible){
 border-color:var(--mg-line);background:var(--mg-raised);
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-top{
 display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px;
 min-width:0;font-size:12px;line-height:1.4;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-top b{
 font-weight:740;color:var(--mg-text);overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-top>span{font-variant-numeric:tabular-nums}
#app main.wmd-workspace--cashflow .wmd-mg-plan-track{
 display:block;height:6px;width:100%;min-width:0;overflow:hidden;
 border-radius:99px;background:var(--mg-raised);
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-track>span{
 display:block;height:100%;border-radius:99px;background:var(--mg-accent);
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-row>small{
 font-size:10px;line-height:1.4;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-row>small.is-over{
 font-weight:730;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-more{
 padding-top:3px;margin-top:3px;border-top:1px solid var(--mg-soft);
}
#app main.wmd-workspace--cashflow :is(.wmd-mg-more>summary,.wmd-mg-upcoming>summary){
 cursor:pointer;list-style:none;padding:10px 3px;
 font-size:12px;font-weight:700;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow :is(.wmd-mg-more>summary,.wmd-mg-upcoming>summary)::-webkit-details-marker{display:none}
#app main.wmd-workspace--cashflow :is(.wmd-mg-source-note,.wmd-mg-blank){
 margin:2px 0 0;font-size:10px;line-height:1.5;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-next{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:11px 13px;border:1px solid var(--mg-line);border-radius:12px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-next>span{display:grid;gap:3px;min-width:0}
#app main.wmd-workspace--cashflow .wmd-mg-next small{margin:0}
#app main.wmd-workspace--cashflow .wmd-mg-next strong{
 font-size:13px;line-height:1.4;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming{
 padding:0 12px;border:1px solid var(--mg-soft);border-radius:11px;
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>summary{
 display:flex;justify-content:space-between;align-items:center;gap:10px;color:var(--mg-text);
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>summary span{
 font-size:11px;font-weight:480;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>div{
 display:flex;justify-content:space-between;gap:8px;
 padding:10px 0;border-top:1px solid var(--mg-soft);
 font-size:11px;line-height:1.4;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>div strong{
 color:var(--mg-text);font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming p{
 margin:4px 0 12px;color:var(--mg-muted);font-size:10px;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-mg-quick{
 display:flex;gap:9px;flex-wrap:wrap;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-quick>button{
 appearance:none;flex:1 1 145px;min-height:43px;
 padding:9px 11px;border:1px solid var(--mg-line);border-radius:10px;
 background:var(--mg-raised);color:var(--mg-text);
 font:670 12px/1.4 system-ui,sans-serif;cursor:pointer;white-space:normal;
}
#app main.wmd-workspace--cashflow .wmd-mg-task-note{
 margin:10px 0;padding:12px 14px;
 border:1px solid var(--wmd-theme-line,#405b73);border-radius:11px;
 background:var(--wmd-theme-panel,#192c3c);color:var(--wmd-theme-text,#eff6fc);
 font-size:12px;line-height:1.6;
}
#app main.wmd-workspace--cashflow .wmd-month-guide button:focus-visible,
#app main.wmd-workspace--cashflow .wmd-month-guide summary:focus-visible{
 outline:2px solid var(--mg-accent);outline-offset:2px;
}
@media(max-width:620px){
 #app main.wmd-workspace--cashflow .wmd-month-guide{
  margin:9px 0 15px;padding:13px;gap:11px;border-radius:14px;
 }
 #app main.wmd-workspace--cashflow .wmd-mg-head{align-items:stretch;gap:10px}
 #app main.wmd-workspace--cashflow .wmd-mg-head>div{flex-basis:100%}
 #app main.wmd-workspace--cashflow .wmd-mg-update{width:100%}
 #app main.wmd-workspace--cashflow .wmd-mg-accounts{gap:7px}
 #app main.wmd-workspace--cashflow .wmd-mg-account{padding:10px 9px;gap:5px}
 #app main.wmd-workspace--cashflow .wmd-mg-account-amount{font-size:clamp(15px,4vw,20px)}
 #app main.wmd-workspace--cashflow .wmd-mg-account strong{font-size:11px}
 #app main.wmd-workspace--cashflow .wmd-mg-overview{padding:11px;gap:7px}
 #app main.wmd-workspace--cashflow .wmd-mg-plan-row{padding:8px}
 #app main.wmd-workspace--cashflow .wmd-mg-next{padding:10px}
 #app main.wmd-workspace--cashflow .wmd-mg-quick>button{flex:1 1 135px}
}
@media(max-width:335px){
 #app main.wmd-workspace--cashflow .wmd-mg-accounts{grid-template-columns:minmax(0,1fr)}
 #app main.wmd-workspace--cashflow .wmd-mg-next{flex-wrap:wrap}
 #app main.wmd-workspace--cashflow .wmd-mg-next button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-month-guide *{scroll-behavior:auto!important}
}


/* Signed-in exception review: reusable across every selected Appearance. */
#app main.wmd-workspace--cashflow .money-unplanned{
 background:var(--wmd-theme-panel,#192c3c)!important;
 border-color:var(--wmd-theme-line,#405b73)!important;
 color:var(--wmd-theme-text,#eff6fc)!important;
}
#app main.wmd-workspace--cashflow .money-unplanned>summary strong,
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-line b{
 color:var(--wmd-theme-text,#eff6fc)!important;
}
#app main.wmd-workspace--cashflow .money-unplanned :is(
 .money-unplanned-line small,.money-unplanned-intro,
 .money-match-confirm p,.money-unplanned-options>span
){color:var(--wmd-theme-muted,#bac9d6)!important;}
#app main.wmd-workspace--cashflow .money-unplanned>div{min-width:0;gap:9px;padding:0 12px;}
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-line{
 box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;
 gap:10px;flex-wrap:wrap;min-width:0;padding:12px;
 background:var(--wmd-theme-deep,#101e2e)!important;
 border:1px solid var(--wmd-theme-line,#405b73)!important;border-radius:11px;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-line>span{
 display:grid;gap:4px;min-width:0;flex:1 1 180px;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .money-unplanned :is(
 [data-money-link-review],[data-money-link-cancel],.money-unplanned-options button
){
 border:1px solid var(--wmd-theme-line,#405b73)!important;border-radius:9px;
 background:var(--wmd-theme-raised,#273b50)!important;
 color:var(--wmd-theme-text,#eff6fc)!important;
 min-height:42px;padding:8px 12px;white-space:normal;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-match-proposal:has(.money-match-confirm){
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-match-confirm{
 width:100%;max-width:100%;min-width:0;padding:12px;
 border:1px solid var(--wmd-theme-line,#405b73);
 border-radius:11px;background:var(--wmd-theme-raised,#273b50);
}
#app main.wmd-workspace--cashflow .money-unplanned .money-match-confirm>p{
 font-size:12px;line-height:1.6;margin:0 0 12px;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-match-confirm>div{
 display:flex;flex-wrap:wrap;gap:10px;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-match-confirm .money-match-approve{
 background:var(--wmd-theme-accent,#8ec8f3)!important;
 color:var(--wmd-theme-deep,#101e2e)!important;
 border-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#app main.wmd-workspace--cashflow .money-unplanned :is(
 .money-unplanned-options,.money-unplanned-more
){
 font-size:11px;line-height:1.5;min-width:0;
 color:var(--wmd-theme-muted,#bac9d6);
}
#app main.wmd-workspace--cashflow .money-unplanned :is(
 .money-unplanned-options>summary,.money-unplanned-more>summary
){
 display:block;padding:7px 0;cursor:pointer;
 color:var(--wmd-theme-muted,#bac9d6)!important;
 text-decoration:underline;text-underline-offset:3px;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-options>span{
 display:block;max-width:270px;padding:6px 0;line-height:1.5;
}
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-options button{margin-top:6px;}
#app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-more{display:grid;gap:9px;}
#app main.wmd-workspace--cashflow .money-unplanned :is(button,summary):focus-visible{
 outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;outline-offset:3px;
}
@media(max-width:620px){
 #app main.wmd-workspace--cashflow .money-unplanned>div{padding:0 10px}
 #app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-line{
   padding:11px;align-items:stretch;
 }
 #app main.wmd-workspace--cashflow .money-unplanned .money-unplanned-line>[data-money-link-review]{width:100%}
 #app main.wmd-workspace--cashflow .money-unplanned .money-match-confirm>div>button{flex:1 1 128px}
}


/* Action affordances follow Net Worth, but use each Appearance's own accent.
   Static content never gets a misleading pointer or glow. */
#app main.wmd-workspace--cashflow .wmd-month-guide{
 --mg-action-hover:color-mix(in srgb,var(--mg-accent) 12%,var(--mg-deep));
 --mg-action-border:color-mix(in srgb,var(--mg-accent) 68%,var(--mg-line));
}
#app main.wmd-workspace--cashflow .wmd-mg-account{
 appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;
 transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
#app main.wmd-workspace--cashflow .wmd-mg-next{
 appearance:none;width:100%;background:var(--mg-panel);color:var(--mg-text);
 font:inherit;text-align:left;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-mg-next-arrow{
 display:grid;place-items:center;flex:none;width:35px;height:35px;
 border:1px solid var(--mg-line);border-radius:10px;
 background:var(--mg-raised);color:var(--mg-accent);font-size:19px;
}
#app main.wmd-workspace--cashflow :is(
 .wmd-mg-next,.wmd-mg-upcoming,.wmd-mg-plan-row,
 .wmd-mg-update,.wmd-mg-quick>button
){
 transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
@media(hover:hover) and (pointer:fine){
 #app main.wmd-workspace--cashflow :is(
  .wmd-mg-account,.wmd-mg-next,.wmd-mg-plan-row,
  .wmd-mg-upcoming,.wmd-mg-quick>button
 ):hover{
  border-color:var(--mg-action-border);
  background:var(--mg-action-hover);
  box-shadow:0 0 0 1px color-mix(in srgb,var(--mg-accent) 20%,transparent),
    0 0 15px color-mix(in srgb,var(--mg-accent) 12%,transparent);
 }
 #app main.wmd-workspace--cashflow :is(.wmd-mg-account,.wmd-mg-next):hover{
  transform:translateY(-1px);
 }
 #app main.wmd-workspace--cashflow :is(.wmd-mg-update,.wmd-mg-next-arrow):hover{
  filter:brightness(1.07);
 }
}
#app main.wmd-workspace--cashflow :is(
 .wmd-mg-account,.wmd-mg-next,.wmd-mg-plan-row,
 .wmd-mg-upcoming>summary,.wmd-mg-quick>button,.wmd-mg-update
):focus-visible{
 outline:2px solid var(--mg-accent);outline-offset:2px;
 border-color:var(--mg-action-border);
}
#app main.wmd-workspace--cashflow :is(.wmd-mg-account,.wmd-mg-next,.wmd-mg-plan-row):active{
 transform:scale(.994);
}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>summary{border-radius:8px}
#app main.wmd-workspace--cashflow .wmd-mg-upcoming>summary:is(:hover,:focus-visible){
 background:var(--mg-action-hover);
}
/* When hidden, never encode the actual spending percentage in a progress bar. */
#app main.wmd-workspace--cashflow .wmd-mg-plan-track.is-concealed>span{width:0!important}
#app main.wmd-workspace--cashflow .wmd-mg-concealed-value{
 display:inline-block;min-width:3ch;line-height:1.3;letter-spacing:.08em;
 filter:none!important;-webkit-filter:none!important;
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-month-guide :is(button,summary){
  transition:none!important;transform:none!important;
 }
}


/* Main checking is the immediate-cash focal point. */
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child{
 gap:7px;
 padding:17px 16px;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child small{
 font-size:13.5px!important;
 line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child strong{
 font-size:clamp(16px,1.25vw,18px)!important;
 line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child .wmd-mg-account-amount{
 font-size:clamp(27px,2.5vw,32px)!important;
 line-height:1.08!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child em{
 font-size:14px!important;
 line-height:1.45!important;
}

/* Above the scroll: what was recorded against Needs, Wants and Savings.
   Below: the full underlying entries in a bounded, keyboard-scrollable area. */
#app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
  min-width:0;display:grid;gap:6px;align-content:start;
  border:1px solid var(--mg-line);border-radius:11px;
  background:var(--mg-panel);padding:12px 13px;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>strong{
  color:var(--mg-text);font-size:12px;line-height:1.35;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values{
  display:block;min-width:0;overflow-wrap:anywhere;
  font-size:clamp(16px,1.5vw,21px);line-height:1.3;
  font-weight:780;color:var(--mg-text);font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values>small{
  font-size:11px;font-weight:580;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>small{
  font-size:10px;line-height:1.4;color:var(--mg-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-progress{
  display:block;width:100%;height:5px;overflow:hidden;border-radius:99px;
  background:var(--mg-raised);
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-progress i{
  display:block;height:100%;border-radius:99px;
  background:var(--mg-accent);
}
#app main.wmd-workspace--cashflow .wmd-mg-scroll{
  max-height:min(365px,42vh);min-height:0;overflow-y:auto;
  overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;
  padding:2px 7px 2px 0;border-top:1px solid var(--mg-soft);
  scrollbar-color:var(--mg-line) transparent;
}
#app main.wmd-workspace--cashflow .wmd-mg-scroll:focus-visible{
  outline:3px solid var(--mg-accent);outline-offset:2px;border-radius:7px;
}
#app main.wmd-workspace--cashflow .wmd-mg-scroll .wmd-mg-plans{gap:4px}
#app main.wmd-workspace--cashflow .wmd-mg-scroll .wmd-mg-week{margin-bottom:5px}
@media(max-width:720px){
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
    padding:10px;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card:last-child{
    grid-column:1/-1;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-scroll{
    max-height:min(300px,45vh);
  }
}
@media(max-width:420px){
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-values{font-size:16px}
}

/* Monthly household Budget benchmark stays above the independent, scrollable
   *dated* Cash Flow records. Category icons are the same emojis as in Budget. */
#app main.wmd-workspace--cashflow .wmd-mg-plan-top b{
 display:inline-flex;align-items:center;gap:8px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-category-icon{
 display:inline-flex;align-items:center;justify-content:center;
 flex:none;width:1.4em;line-height:1;font-size:16px;
}
#app main.wmd-workspace--cashflow .wmd-mg-scheduled-note{
 display:block;margin-top:0!important;color:var(--mg-muted)!important;
 font-size:10px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
 align-content:start;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title>span{
 max-width:100%;overflow-wrap:anywhere;
}
@media(max-width:420px){
 #app main.wmd-workspace--cashflow .wmd-mg-plan-top b{
   flex:1 1 180px;font-size:12px;
 }
 #app main.wmd-workspace--cashflow .wmd-mg-category-icon{font-size:15px}
}


/* Category cards filter the shared monthly list. Keep the ocean palette,
   keyboard affordances and hidden states consistent on phone and desktop. */
#app main.wmd-workspace--cashflow button.wmd-mg-purpose-card{
  appearance:none;width:100%;margin:0;box-shadow:none;
  font:inherit;color:inherit;text-align:left;cursor:pointer;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#app main.wmd-workspace--cashflow button.wmd-mg-purpose-card:is(:hover,:focus-visible){
  border-color:var(--mg-accent);
}
#app main.wmd-workspace--cashflow button.wmd-mg-purpose-card:focus-visible{
  outline:3px solid var(--mg-accent);outline-offset:2px;
}
#app main.wmd-workspace--cashflow button.wmd-mg-purpose-card[aria-pressed="true"]{
  border-color:var(--mg-accent);
  background:color-mix(in srgb,var(--mg-accent) 11%,var(--mg-panel));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mg-accent) 26%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-mg-list-controls{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px 12px;flex-wrap:wrap;color:var(--mg-muted);
  font-size:11px;line-height:1.4;min-height:24px;
}
#app main.wmd-workspace--cashflow [data-money-guide-reset]{
  appearance:none;border:1px solid var(--mg-line);border-radius:8px;
  padding:6px 10px;min-height:30px;background:var(--mg-panel);
  color:var(--mg-accent);font-size:11px;font-weight:700;line-height:1.3;font-family:inherit;cursor:pointer;
}
#app main.wmd-workspace--cashflow [data-money-guide-reset]:is(:hover,:focus-visible){
  border-color:var(--mg-accent);outline-offset:2px;
}
#app main.wmd-workspace--cashflow .wmd-mg-dated-note{
  display:block;color:var(--mg-muted);font-size:10px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-scroll :is(
 .wmd-mg-week[hidden],.wmd-mg-plan-row[hidden],.wmd-mg-blank[hidden]
){display:none!important}
#app main.wmd-workspace--cashflow [data-money-guide-reset][hidden]{display:none!important}

/* Card-funded Budget plans remain visible even before purchase evidence links.
   This is a routing explanation, not a confirmed transaction or debit. */
#app main.wmd-workspace--cashflow .wmd-mg-funding-note{
  display:block;min-width:0;line-height:1.45;font-size:11px;
  color:var(--mg-muted);overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-funding-note > span{
  margin-right:3px;
}

}
/* money-quick-change.css */
@media screen {

.wmd-quick-money-dialog {
 --qmc-text:#eff6fc;--qmc-muted:#bac9d6;--qmc-panel:#1b3045;--qmc-deep:#101e30;--qmc-raised:#293f56;--qmc-accent:#8ec8f3;--qmc-line:#405b73;
 position:fixed;width:560px;max-width:calc(100vw - 22px);max-height:90dvh;margin:auto;padding:0;overflow:hidden;
 border:1px solid var(--qmc-line);border-radius:17px;background:var(--qmc-panel);color:var(--qmc-text);
 box-shadow:0 26px 75px rgba(0,0,0,.4);font:14px/1.5 system-ui,sans-serif;
}
.wmd-quick-money-dialog::backdrop {background:rgba(7,17,29,.72);backdrop-filter:blur(3px)}
.wmd-quick-money-dialog * {box-sizing:border-box}
.wmd-quick-money-dialog .qmc-shell {max-height:90dvh;display:flex;flex-direction:column;min-width:0}
.wmd-quick-money-dialog .qmc-heading {display:flex;justify-content:space-between;align-items:start;gap:12px;padding:17px 19px;border-bottom:1px solid var(--qmc-line)}
.wmd-quick-money-dialog .qmc-heading>div {min-width:0;flex:1}
.wmd-quick-money-dialog .qmc-heading small {display:block;margin-bottom:5px;font-size:10px;letter-spacing:.09em;font-weight:780;color:var(--qmc-accent)}
.wmd-quick-money-dialog .qmc-heading h2 {margin:0 0 4px;font-size:22px;line-height:1.2;font-weight:790;letter-spacing:-.025em;color:var(--qmc-text)}
.wmd-quick-money-dialog .qmc-heading p {margin:0;color:var(--qmc-muted);font-size:11px;line-height:1.5}
.wmd-quick-money-dialog .qmc-close {width:38px;height:38px;display:grid;place-items:center;flex:none;border:1px solid var(--qmc-line);border-radius:10px;background:var(--qmc-raised);color:var(--qmc-text);font-size:23px;cursor:pointer}
.wmd-quick-money-dialog .qmc-scroll {padding:15px 19px 19px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;min-width:0}
.wmd-quick-money-dialog .qmc-types {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:15px}
.wmd-quick-money-dialog .qmc-types button {display:grid;gap:5px;align-content:center;min-width:0;min-height:65px;padding:10px;text-align:left;border:1px solid var(--qmc-line);border-radius:11px;background:var(--qmc-deep);color:var(--qmc-text);cursor:pointer}
.wmd-quick-money-dialog .qmc-types button.is-active {border-color:var(--qmc-accent);background:var(--qmc-raised)}
.wmd-quick-money-dialog .qmc-types button b {font-size:12px;line-height:1.35;color:var(--qmc-text);overflow-wrap:anywhere}
.wmd-quick-money-dialog .qmc-types button small {font-size:10px;line-height:1.4;color:var(--qmc-muted)}
.wmd-quick-money-dialog .qmc-form,.wmd-quick-money-dialog .qmc-review {display:grid;gap:12px;min-width:0}
.wmd-quick-money-dialog .qmc-field-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wmd-quick-money-dialog .qmc-field {display:grid;gap:5px;min-width:0}
.wmd-quick-money-dialog .qmc-field>span {color:var(--qmc-text);font-size:12px;font-weight:720;line-height:1.4}
.wmd-quick-money-dialog .qmc-field small {font-weight:400;color:var(--qmc-muted)}
.wmd-quick-money-dialog :is(input[type=number],input[type=date],input[type=text],input[type=password],select) {width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--qmc-line);border-radius:9px;background:var(--qmc-deep);color:var(--qmc-text);font:500 14px/1.4 system-ui,sans-serif;color-scheme:inherit}
.wmd-quick-money-dialog :is(input,select):focus-visible,.wmd-quick-money-dialog button:focus-visible {outline:2px solid var(--qmc-accent);outline-offset:2px}
.wmd-quick-money-dialog .qmc-choice,.wmd-quick-money-dialog .qmc-balance-choices {display:grid;gap:8px;min-width:0;padding:11px;border:1px solid var(--qmc-line);border-radius:10px;background:var(--qmc-deep);color:var(--qmc-text)}
.wmd-quick-money-dialog fieldset legend {padding:0 5px;color:var(--qmc-text);font-size:12px;font-weight:730}
.wmd-quick-money-dialog fieldset label,.wmd-quick-money-dialog .qmc-check {display:flex;align-items:start;gap:9px;min-height:26px;font-size:12px;line-height:1.5;color:var(--qmc-text);cursor:pointer}
.wmd-quick-money-dialog fieldset :is(input[type=checkbox],input[type=radio]),.wmd-quick-money-dialog .qmc-check input {width:16px;height:16px;margin:2px 0 0;flex:none;accent-color:var(--qmc-accent)}
.wmd-quick-money-dialog fieldset label.is-disabled {opacity:.55;cursor:not-allowed}
.wmd-quick-money-dialog fieldset small,.wmd-quick-money-dialog .qmc-inline-note {margin:0;color:var(--qmc-muted);font-size:11px;line-height:1.55}
.wmd-quick-money-dialog .qmc-check {padding:10px;border:1px solid var(--qmc-line);border-radius:9px;background:var(--qmc-raised)}
.wmd-quick-money-dialog .qmc-error {margin:0;padding:11px;border:1px solid var(--qmc-line);border-radius:9px;color:var(--qmc-text);background:var(--qmc-deep);font-size:12px}
.wmd-quick-money-dialog .qmc-footer {display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;padding-top:14px;border-top:1px solid var(--qmc-line)}
.wmd-quick-money-dialog .qmc-footer button,.wmd-quick-money-dialog .qmc-empty button {min-width:125px;min-height:44px;padding:9px 14px;border:1px solid var(--qmc-line);border-radius:9px;background:var(--qmc-raised);color:var(--qmc-text);font:720 12px/1.4 system-ui,sans-serif;cursor:pointer}
.wmd-quick-money-dialog .qmc-footer .qmc-primary {background:var(--qmc-accent);border-color:var(--qmc-accent);color:var(--qmc-deep)}
.wmd-quick-money-dialog .qmc-review-title {color:var(--qmc-text);font-size:14px;font-weight:760}
.wmd-quick-money-dialog .qmc-review-amount {font-size:clamp(22px,4vw,30px);font-variant-numeric:tabular-nums;font-weight:790;color:var(--qmc-text)}
.wmd-quick-money-dialog .qmc-review-note,.wmd-quick-money-dialog .qmc-review-foot {margin:0;font-size:11px;line-height:1.6;color:var(--qmc-muted)}
.wmd-quick-money-dialog .qmc-review dl {display:grid;margin:0;border:1px solid var(--qmc-line);border-radius:11px;overflow:hidden}
.wmd-quick-money-dialog .qmc-review dl>div {display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--qmc-line);background:var(--qmc-deep)}
.wmd-quick-money-dialog .qmc-review dl>div:last-child {border-bottom:0}
.wmd-quick-money-dialog .qmc-review dt {font-size:12px;color:var(--qmc-muted)}
.wmd-quick-money-dialog .qmc-review dd {margin:0;font-size:12px;font-weight:700;text-align:right;color:var(--qmc-text);overflow-wrap:anywhere}
.wmd-quick-money-dialog .qmc-empty {display:grid;gap:10px;padding:13px;border:1px solid var(--qmc-line);border-radius:10px;background:var(--qmc-deep)}
.wmd-quick-money-dialog .qmc-empty p {font-size:12px;margin:0;color:var(--qmc-muted)}
.wmd-quick-money-toast {position:fixed;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);z-index:99999;width:min(530px,calc(100% - 25px));display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--wmd-theme-line,#405b73);border-radius:12px;background:var(--wmd-theme-panel,#192c3c);color:var(--wmd-theme-text,#eff6fc);box-shadow:0 12px 40px rgba(0,0,0,.26);font:600 12px/1.5 system-ui,sans-serif}
.wmd-quick-money-toast button {min-height:37px;flex:none;padding:7px 12px;border:1px solid var(--wmd-theme-accent,#8ec8f3);border-radius:9px;background:var(--wmd-theme-accent,#8ec8f3);color:var(--wmd-theme-deep,#101e2e);font:730 12px system-ui,sans-serif;cursor:pointer}
#app main.wmd-workspace--cashflow .wmd-mg-held {display:grid;gap:7px;padding:11px 13px;border:1px solid var(--mg-line);border-radius:12px;background:var(--mg-deep)}
#app main.wmd-workspace--cashflow .wmd-mg-held-head {font-size:12px;font-weight:740;color:var(--mg-text)}
#app main.wmd-workspace--cashflow .wmd-mg-held>p {margin:0;font-size:11px;color:var(--mg-muted)}
#app main.wmd-workspace--cashflow .wmd-mg-held button {width:100%;display:flex;justify-content:space-between;gap:9px;align-items:center;min-height:44px;padding:9px 11px;border:1px solid var(--mg-line);border-radius:9px;background:var(--mg-raised);color:var(--mg-text);font:670 12px/1.4 system-ui,sans-serif;cursor:pointer;text-align:left}
#app main.wmd-workspace--cashflow .wmd-mg-held button b {color:var(--mg-accent);flex:none}
#app main.wmd-workspace--cashflow .wmd-mg-held details>summary {cursor:pointer;color:var(--mg-muted);font-size:11px;padding:6px 0}
@media(max-width:620px) {
 .wmd-quick-money-dialog {width:calc(100vw - 12px);max-width:calc(100vw - 12px);max-height:calc(100dvh - 14px);border-radius:14px}
 .wmd-quick-money-dialog .qmc-shell {max-height:calc(100dvh - 14px)}
 .wmd-quick-money-dialog .qmc-heading {padding:13px}
 .wmd-quick-money-dialog .qmc-scroll {padding:12px 13px 14px}
 .wmd-quick-money-dialog .qmc-types {gap:7px}
 .wmd-quick-money-dialog .qmc-types button {padding:8px;min-height:64px}
 .wmd-quick-money-dialog .qmc-types button b {font-size:11px}
 .wmd-quick-money-dialog .qmc-field-grid {grid-template-columns:minmax(0,1fr)}
 .wmd-quick-money-dialog .qmc-footer>button {flex:1 1 130px}
}
@media(prefers-reduced-motion:reduce) {.wmd-quick-money-dialog *{scroll-behavior:auto!important}}

.wmd-cash-update-dialog .wmd-cu-existing-plan{padding:9px 1px 0;text-align:center}
.wmd-cash-update-dialog .wmd-cu-existing-plan button{
 appearance:none;min-height:40px;padding:7px 12px;
 border:1px solid transparent;border-radius:9px;background:transparent;
 color:var(--hub-muted,#bac9d6);font:650 12px/1.4 system-ui,sans-serif;
 text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.wmd-cash-update-dialog .wmd-cu-existing-plan button:focus-visible{
 outline:2px solid var(--hub-accent,#8ec8f3);outline-offset:2px;
}

/* Two primary one-time changes only. Historical cash deposits are available
   on demand rather than competing with the ordinary Expense / Income choice. */
.wmd-quick-money-dialog .qmc-types{grid-template-columns:repeat(2,minmax(0,1fr))}
.wmd-quick-money-dialog .qmc-types button{
  min-height:74px;min-width:0;padding:11px 12px;
}
.wmd-quick-money-dialog .qmc-types button.is-active{
  border-color:var(--qmc-accent);box-shadow:inset 0 0 0 1px var(--qmc-accent);
}
.wmd-quick-money-dialog .qmc-special{
  padding:0 0 10px;margin:-5px 0 13px;
  border-bottom:1px solid var(--qmc-line);
}
.wmd-quick-money-dialog .qmc-special>summary{
  min-height:44px;display:flex;align-items:center;
  padding:8px;color:var(--qmc-muted);
  cursor:pointer;font:650 12px/1.4 system-ui,sans-serif;
}
.wmd-quick-money-dialog .qmc-special>button{
  min-height:44px;padding:10px 13px;width:100%;
  text-align:left;background:var(--qmc-raised);color:var(--qmc-text);
  border:1px solid var(--qmc-line);border-radius:10px;
  font:730 12px/1.4 system-ui,sans-serif;cursor:pointer;
}
.wmd-quick-money-dialog .qmc-special :is(button,summary):focus-visible{
  outline:2px solid var(--qmc-accent);outline-offset:2px;
}
.wmd-quick-money-dialog .qmc-choice select option{
  background:var(--qmc-deep);color:var(--qmc-text);
}

/* Quick-entry additions: searchable edits, consistent emoji categories,
   a one-time savings transfer, and readable touch-sized controls. */
.wmd-quick-money-dialog .qmc-find{display:grid;gap:8px;margin:0 0 14px}
.wmd-quick-money-dialog .qmc-find .qmc-field>span{font-size:14px}
.wmd-quick-money-dialog .qmc-find input[type=search]{
  width:100%;min-width:0;min-height:46px;padding:10px 13px;
  border:1px solid var(--qmc-line);border-radius:10px;
  background:var(--qmc-deep);color:var(--qmc-text);
  font:500 16px/1.4 system-ui,sans-serif;appearance:none;
}
.wmd-quick-money-dialog .qmc-find input[type=search]::placeholder{color:var(--qmc-muted);opacity:1}
.wmd-quick-money-dialog .qmc-find-results[hidden]{display:none!important}
.wmd-quick-money-dialog .qmc-find-results{max-height:230px;overflow:auto;overscroll-behavior:contain;
  border:1px solid var(--qmc-line);border-radius:10px;background:var(--qmc-deep)}
.wmd-quick-money-dialog .qmc-search-list{display:grid;gap:0}
.wmd-quick-money-dialog .qmc-search-list button{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  width:100%;min-height:52px;padding:10px 12px;text-align:left;
  background:transparent;color:var(--qmc-text);border:0;cursor:pointer;
}
.wmd-quick-money-dialog .qmc-search-list button+button{border-top:1px solid var(--qmc-line)}
.wmd-quick-money-dialog .qmc-search-list button:hover,.wmd-quick-money-dialog .qmc-search-list button:focus-visible{
  background:var(--qmc-raised)}
.wmd-quick-money-dialog .qmc-search-list button>span{display:grid;gap:2px;min-width:0}
.wmd-quick-money-dialog .qmc-search-list strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.wmd-quick-money-dialog .qmc-search-list small{font-size:12px;line-height:1.4;color:var(--qmc-muted);overflow-wrap:anywhere}
.wmd-quick-money-dialog .qmc-search-list b{flex:none;font-size:14px;font-variant-numeric:tabular-nums}
.wmd-quick-money-dialog .qmc-search-empty{margin:0;padding:12px;font-size:13px;color:var(--qmc-muted)}
.wmd-quick-money-dialog .qmc-field>span,.wmd-quick-money-dialog fieldset legend{font-size:14px}
.wmd-quick-money-dialog .qmc-field :is(select,input[type=text],input[type=number],input[type=date]){
  font-size:16px;min-height:46px}
.wmd-quick-money-dialog .qmc-types button b{font-size:14px}
.wmd-quick-money-dialog .qmc-types button small{font-size:12px}
@media(min-width:621px){
  .wmd-quick-money-dialog .qmc-types{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:620px){
  .wmd-quick-money-dialog .qmc-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wmd-quick-money-dialog .qmc-types button b{font-size:13px}
  .wmd-quick-money-dialog .qmc-types button:last-child:nth-child(3){
    grid-column:1/-1;min-height:50px}
  .wmd-quick-money-dialog .qmc-find-results{max-height:194px}
}

/* The quick-money modal is attached to <body>, outside the themed #app.
   Override the legacy global input:focus mint border and dark-green fill.
   Use the active appearance tokens (Ocean blue by default; Mint only if selected). */
.wmd-quick-money-dialog :is(input:not([type="radio"]):not([type="checkbox"]),select):focus{
  background:var(--qmc-deep,#101e30)!important;
  border-color:var(--qmc-accent,#8ec8f3)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--qmc-accent,#8ec8f3) 25%,transparent)!important;
  outline:none!important;
  caret-color:var(--qmc-text,#eff6fc);
  accent-color:var(--qmc-accent,#8ec8f3);
}
.wmd-quick-money-dialog :is(input:not([type="radio"]):not([type="checkbox"]),select):focus-visible{
  outline:2px solid var(--qmc-accent,#8ec8f3)!important;
  outline-offset:2px!important;
}
.wmd-quick-money-dialog :is(input[type="radio"],input[type="checkbox"]):focus{
  border-color:var(--qmc-accent,#8ec8f3)!important;
  background:transparent!important;
  box-shadow:none!important;
}
.wmd-quick-money-dialog :is(input[type="radio"],input[type="checkbox"]):focus-visible{
  outline:2px solid var(--qmc-accent,#8ec8f3)!important;
  outline-offset:3px!important;
}

}
/* snapper-review-clarity.css */
@media screen {
/* Snapper clarity, 2026-10-19.
   Functional warnings stay visible; navigation/confirmation chrome uses
   current Appearance palette rather than the older permanent green. */
#wmd-photo-import-root .photo-import-dialog .snapper-account-read-summary{
  display:grid;gap:9px;margin:12px 0 15px;
}
#wmd-photo-import-root .snapper-account-read-result{
  display:grid;gap:6px;padding:14px 16px;border-radius:14px;
  border:1px solid var(--snapper-interactive-line,var(--wmd-theme-line,#486981));
  background:var(--snapper-interactive-panel,var(--wmd-theme-panel,#1b3043));
  color:var(--snapper-interactive-text,var(--wmd-theme-text,#edf7fe));
}
#wmd-photo-import-root .snapper-account-read-result.is-incomplete{
  border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .snapper-account-read-heading{
  font-size:10px;font-weight:800;letter-spacing:.08em;
  color:var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .snapper-account-read-result>strong{
  color:var(--snapper-interactive-text,#edf7fe);font-size:19px;
  line-height:1.2;letter-spacing:-.02em;
}
#wmd-photo-import-root .snapper-account-read-result>p{
  margin:0;color:var(--snapper-interactive-muted,#b9cddd);
  font-size:12px;line-height:1.5;
}
#wmd-photo-import-root .snapper-account-read-actions{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:5px;
}
#wmd-photo-import-root .snapper-account-read-actions button{
  appearance:none;cursor:pointer;min-height:42px;
  border:1px solid var(--snapper-interactive-line,#486981);
  background:var(--snapper-interactive-deep,#142536);
  color:var(--snapper-interactive-text,#eff7fd);
  border-radius:10px;padding:10px 13px;font:730 12px/1.3 system-ui,sans-serif;
}
#wmd-photo-import-root .snapper-account-read-actions button:first-child{
  background:var(--wmd-theme-accent,#8ec8f3);
  border-color:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#112438);
}
#wmd-photo-import-root .snapper-already-current{
  display:inline-flex;align-self:start;width:max-content;max-width:100%;
  font-weight:720;font-size:11px;line-height:1.45;
  padding:5px 9px;border:1px solid var(--snapper-interactive-line,#486981);
  border-radius:9px;
  background:var(--snapper-interactive-panel,#1c3246);
  color:var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .snapper-review-current{
  display:grid;gap:7px;border:1px solid var(--snapper-interactive-line,#486981);
  padding:13px 14px;border-radius:13px;
  background:var(--snapper-interactive-panel,#1b3042);
  color:var(--snapper-interactive-text,#f0f7fd);
}
#wmd-photo-import-root .snapper-review-current>p{margin:0;font-size:12px;line-height:1.5;
  color:var(--snapper-interactive-muted,#b9cfe0);
}
#wmd-photo-import-root .snapper-review-current button{
  appearance:none;justify-self:start;min-height:40px;
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  border-radius:10px;background:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#102333);font-weight:750;padding:9px 14px;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-review-actions,.photo-import-balance-approve,
  .photo-import-advanced,.photo-import-privacy,.photo-import-alert,
  .photo-import-fields input[type=date],.snapper-review-counts span){
  border-color:var(--snapper-interactive-line,#486981)!important;
  background:var(--snapper-interactive-panel,#1b3042)!important;
  color:var(--snapper-interactive-text,#eef8ff)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-approve input[type=checkbox]{
  accent-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-review-actions button,
  .photo-import-today,.photo-import-advanced>summary){
  border-color:var(--snapper-interactive-line,#486981)!important;
  color:var(--snapper-interactive-text,#edf7fe)!important;
  background:var(--snapper-interactive-deep,#142536)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-review-actions button:is(:hover,:focus-visible),
#wmd-photo-import-root .photo-import-dialog .photo-import-today:is(:hover,:focus-visible){
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-review-route{
  border-color:var(--snapper-interactive-line,#486981)!important;
  background:var(--snapper-interactive-panel,#1b3042)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-review-route .snapper-review-kicker{
  color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-review-route .snapper-review-primary{
  background:var(--wmd-theme-accent,#8ec8f3)!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  color:var(--wmd-theme-deep,#102333)!important;
}
@media(max-width:640px){
  #wmd-photo-import-root .snapper-account-read-result{padding:12px}
  #wmd-photo-import-root .snapper-account-read-result>strong{font-size:17px}
  #wmd-photo-import-root .snapper-account-read-actions{display:grid;grid-template-columns:1fr}
  #wmd-photo-import-root .snapper-account-read-actions button{width:100%}
}


/* Once results exist, account review is the primary task. Shrink intake
   scaffolding instead of pushing the useful cards many screens below. */
#wmd-photo-import-root .photo-import-has-results .snapper-workflow-switch{
  display:none!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-privacy,
#wmd-photo-import-root .photo-import-has-results .snapper-upload-details{
  display:none!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick{
  min-height:44px!important;padding:8px 12px!important;
  flex-direction:row!important;gap:10px!important;
  border-style:solid!important;border-width:1px!important;
  background:var(--snapper-interactive-panel,#1b3042)!important;
  border-color:var(--snapper-interactive-line,#486981)!important;
  border-radius:10px!important;
  margin-bottom:7px!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick .photo-import-pick-icon{
  font-size:19px!important;color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick strong{
  font-size:12px!important;color:var(--snapper-interactive-text,#edf7fe)!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-pick small{
  display:none!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-previews{
  display:flex;gap:7px;margin:8px 0;max-width:100%;overflow:auto;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-preview{
  display:flex;align-items:center;gap:6px;min-width:0;
  padding:4px 9px;background:var(--snapper-interactive-panel,#1b3042)!important;
  border-color:var(--snapper-interactive-line,#486981)!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-preview img{
  width:29px;height:28px;aspect-ratio:1/1;object-fit:contain;border-radius:4px;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-preview>span{
  color:var(--snapper-interactive-muted,#b6cada)!important;
  font-size:10px!important;padding:0!important;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-route{
  display:flex!important;align-items:center;gap:10px 18px;flex-wrap:wrap;
  padding:11px 13px!important;margin:10px 0!important;border-radius:12px!important;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-route .snapper-review-copy{
  flex:1 1 195px;min-width:0;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-route p{
  font-size:11px!important;line-height:1.4!important;
  margin:3px 0 0!important;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-route .snapper-review-primary{
  min-height:42px!important;padding:9px 13px!important;width:auto!important;max-width:100%;
  flex:0 1 auto;border-radius:10px!important;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-route .snapper-review-counts{
  margin-top:5px!important;
}
#wmd-photo-import-root .photo-import-has-results .snapper-review-counts span{
  padding:3px 7px!important;font-size:10px!important;
  border-radius:7px!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-section-header{
  margin:7px 0 12px!important;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-review-actions{
  background:transparent!important;border:0!important;
  display:flex;gap:8px;flex-wrap:wrap;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-review-actions button{
  min-height:42px;min-width:0;flex:1 1 140px;
}
#wmd-photo-import-root .photo-import-has-results .photo-import-stats>summary{
  color:var(--snapper-interactive-muted,#b5cbdc)!important;
}
@media(max-width:620px){
  #wmd-photo-import-root .photo-import-has-results .snapper-review-route{
    display:grid!important;gap:9px!important;
  }
  #wmd-photo-import-root .photo-import-has-results .snapper-review-route .snapper-review-primary{
    width:100%!important;
  }
  #wmd-photo-import-root .photo-import-has-results .photo-import-review-actions button{
    flex:1 1 100%;font-size:12px;
  }
}


/* Transaction-review simplification: one account per matching batch and
   one reversible selection for safe posted activity. Match the Ocean theme. */
#wmd-photo-import-root .photo-import-dialog .photo-import-source-choice{
  background:var(--snapper-interactive-panel,#1b3042)!important;
  border-color:var(--snapper-interactive-line,#486981)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-source-choice>strong,
#wmd-photo-import-root .photo-import-dialog .snapper-source-batch>strong{
  color:var(--snapper-interactive-text,#eff8fe)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-source-choice :is(p,small){
  color:var(--snapper-interactive-muted,#c1d1dd);
}
#wmd-photo-import-root .photo-import-dialog .photo-import-source-choice select{
  background:var(--snapper-interactive-deep,#142536)!important;
  border-color:var(--snapper-interactive-line,#486981)!important;
  color:var(--snapper-interactive-text,#eff8fe)!important;
}
#wmd-photo-import-root .snapper-source-batch{
  padding:11px 12px;display:grid;gap:9px;border-radius:12px;
  border:1px solid var(--snapper-interactive-line,#486981);
  background:var(--snapper-interactive-deep,#142536);
}
#wmd-photo-import-root .snapper-source-batch>p{
  font-size:12px;line-height:1.5;margin:0;
}
#wmd-photo-import-root .snapper-source-file{display:grid;gap:6px;min-width:0}
#wmd-photo-import-root .snapper-source-file .photo-import-file-source{margin:0;min-width:0}
#wmd-photo-import-root .snapper-source-confirmed{
  color:var(--wmd-theme-accent,#8ec8f3);font-size:12px;font-weight:740;
}
#wmd-photo-import-root .snapper-source-file-details>summary{
  color:var(--snapper-interactive-muted,#c1d1dd);font-size:12px;
  padding:7px 0;cursor:pointer;
}
#wmd-photo-import-root .snapper-source-file-details[open]{
  display:grid;gap:10px;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-source-confirm{
  background:var(--wmd-theme-accent,#8ec8f3)!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  color:var(--wmd-theme-deep,#102333)!important;
  min-height:42px;margin:0;border-radius:10px;
}
#wmd-photo-import-root .snapper-activity-bulk,
#wmd-photo-import-root .snapper-uncertain-batch{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:10px 14px;margin:12px 0;border-radius:13px;
  padding:12px 14px;border:1px solid var(--snapper-interactive-line,#486981);
  background:var(--snapper-interactive-panel,#1b3042);
}
#wmd-photo-import-root .snapper-activity-bulk>div{flex:1 1 190px;display:grid;gap:4px}
#wmd-photo-import-root .snapper-activity-bulk strong,
#wmd-photo-import-root .snapper-uncertain-batch strong{
  color:var(--snapper-interactive-text,#edf7fe);font-size:14px;line-height:1.35;
}
#wmd-photo-import-root .snapper-activity-bulk small,
#wmd-photo-import-root .snapper-uncertain-batch p{
  color:var(--snapper-interactive-muted,#bdd0dc);font-size:12px;line-height:1.5;
}
#wmd-photo-import-root .snapper-uncertain-batch{
  display:grid;gap:9px;
  border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .snapper-uncertain-batch p{margin:0}
#wmd-photo-import-root .snapper-activity-bulk button,
#wmd-photo-import-root .snapper-uncertain-batch button{
  appearance:none;cursor:pointer;font:740 13px/1.35 system-ui,sans-serif;
  border-radius:10px;padding:11px 14px;min-height:42px;
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#102333);max-width:100%;
}
#wmd-photo-import-root .snapper-uncertain-batch button{justify-self:start}
#wmd-photo-import-root .photo-import-source-status{
  display:block;padding:9px 11px;border-radius:10px;
  color:var(--snapper-interactive-muted,#bdcfdf);
  background:var(--snapper-interactive-deep,#142536);
  font-size:12px;line-height:1.5;
}
#wmd-photo-import-root .photo-import-source-status.is-verified{
  color:var(--wmd-theme-accent,#8ec8f3);
}
@media(max-width:620px){
  #wmd-photo-import-root .snapper-activity-bulk,
  #wmd-photo-import-root .snapper-uncertain-batch{padding:11px 12px}
  #wmd-photo-import-root .snapper-activity-bulk button{width:100%}
  #wmd-photo-import-root .snapper-uncertain-batch button{width:100%}
}

/* The plan picker is a div, not a label; the original grid rule only
   spanned label.photo-import-full. Keep the full dropdown readable on phones. */
#wmd-photo-import-root .photo-import-activity-row .photo-import-fields .photo-import-plan-picker{
  grid-column:1/-1;display:block;width:100%;min-width:0;max-width:100%;
}
#wmd-photo-import-root .photo-import-activity-row .photo-import-plan-picker select{
  display:block;width:100%!important;max-width:100%!important;
  min-width:0;border-color:var(--snapper-interactive-line,#486981)!important;
  background:var(--snapper-interactive-deep,#142536)!important;
  color:var(--snapper-interactive-text,#eff8fe)!important;
  text-overflow:ellipsis;
}

/* Matched recurring pay appears as a single clear confirmation. */
#wmd-photo-import-root .snapper-paycheck-existing{
  grid-column:1 / -1;display:grid;gap:5px;padding:12px 14px;
  border:1px solid var(--snapper-interactive-line,#486981);
  border-radius:12px;background:var(--snapper-interactive-panel,#1b3042);
  color:var(--snapper-interactive-text,#eef8ff);
}
#wmd-photo-import-root .snapper-paycheck-existing strong{
  font-size:14px;line-height:1.35;
}
#wmd-photo-import-root .snapper-paycheck-existing small{
  font-size:13px;line-height:1.5;color:var(--snapper-interactive-muted,#b9cfe0);
}

/* Snapper holdings: make the approval decision unmistakable on a phone.
   The row action only selects a position; Import is still the save gate. */
#wmd-photo-import-root .photo-holding-row .photo-holding-review-state{
  display:inline-flex;align-items:center;max-width:100%;margin:9px 0 12px;
  padding:6px 10px;border-radius:9px;font:750 12px/1.4 system-ui,sans-serif;
  color:var(--snapper-interactive-text,#eaf4fd);
  border:1px solid var(--snapper-interactive-line,#496980);
  background:var(--snapper-interactive-panel,#233a50);
}
#wmd-photo-import-root .photo-holding-row .photo-holding-review-state.is-approved{
  color:var(--wmd-theme-accent,#9bd5fc);
  border-color:var(--wmd-theme-accent,#9bd5fc);
}
#wmd-photo-import-root .photo-holding-row .photo-holding-review-actions{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:stretch;gap:9px;margin:15px 0 11px;
}
#wmd-photo-import-root .photo-holding-row .photo-holding-review-actions button{
  display:flex;align-items:center;justify-content:center;min-height:46px;
  padding:11px 13px;border-radius:11px;font:800 13px/1.35 system-ui,sans-serif;
  white-space:normal;text-align:center;cursor:pointer;
}
#wmd-photo-import-root .photo-holding-row .photo-holding-approve{
  color:var(--wmd-theme-deep,#102335);
  border:1px solid var(--wmd-theme-accent,#8dcaff);
  background:var(--wmd-theme-accent,#8dcaff);
}
#wmd-photo-import-root .photo-holding-row :is(.photo-holding-skip,.photo-holding-undo){
  color:var(--snapper-interactive-text,#edf7fe);
  border:1px solid var(--snapper-interactive-line,#496980);
  background:var(--snapper-interactive-deep,#142536);
}
#wmd-photo-import-root .photo-holding-row .photo-holding-undo{grid-column:1/-1}
#wmd-photo-import-root .photo-holding-row .photo-holding-review-actions small{
  grid-column:1/-1;color:var(--snapper-interactive-muted,#b9cddd);
  font-size:11px;line-height:1.5;
}
#wmd-photo-import-root .photo-holding-row .photo-holding-review-actions button:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8dcaff);outline-offset:3px;
}
@media(max-width:430px){
 #wmd-photo-import-root .photo-holding-row .photo-holding-review-actions{
   grid-template-columns:minmax(0,1fr);
 }
 #wmd-photo-import-root .photo-holding-row .photo-holding-review-actions button{
   width:100%;
 }
}

}
/* snapper-guided-review.css */
@media screen {
/* Snapper guided posted-transaction review - Ocean palette, touch first. */
#wmd-photo-import-root .wmd-guided-review .snapper-review-route.snapper-review-guide,
#wmd-photo-import-root .wmd-guided-review .photo-import-quick-actions,
#wmd-photo-import-root .wmd-guided-review .snapper-batch-review,
#wmd-photo-import-root .wmd-guided-review .snapper-activity-bulk{
  display:none!important;
}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-summary{
  display:grid;gap:10px;margin:10px 0 18px;padding:15px 16px;
  border:1px solid var(--snapper-interactive-line,#486981);
  border-radius:15px;background:var(--snapper-interactive-panel,#1b3042);
  color:var(--snapper-interactive-text,#eef7ff);
}
#wmd-photo-import-root .wmd-guided-summary-top{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;min-width:0;flex-wrap:wrap;
}
#wmd-photo-import-root .wmd-guided-summary-top strong{font-size:15px;font-weight:790;letter-spacing:-.01em}
#wmd-photo-import-root .wmd-guided-summary-top span{color:var(--wmd-theme-accent,#8ec8f3);font-weight:730;font-size:12px}
#wmd-photo-import-root .wmd-guided-summary p{
  margin:0;font-size:12px;line-height:1.45;color:var(--snapper-interactive-muted,#b9cddd);
}
#wmd-photo-import-root .wmd-guided-progress{height:6px;overflow:hidden;
  border-radius:999px;background:var(--snapper-interactive-deep,#132538);
}
#wmd-photo-import-root .wmd-guided-progress span{
  display:block;height:100%;border-radius:inherit;background:var(--wmd-theme-accent,#8ec8f3);
  transition:width .17s ease;
}
#wmd-photo-import-root .wmd-guided-actions button,
#wmd-photo-import-root .wmd-guided-footer-buttons button,
#wmd-photo-import-root .wmd-guided-card-buttons button{
  min-height:44px;border-radius:11px;padding:11px 13px;
  font:750 13px/1.3 system-ui,sans-serif;cursor:pointer;
  white-space:normal;text-align:center;
}
#wmd-photo-import-root .wmd-guided-actions button{
  border:1px solid var(--snapper-interactive-line,#486981);
  background:var(--snapper-interactive-deep,#142536);
  color:var(--snapper-interactive-text,#eef7ff);width:100%;
}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-card-actions{
  display:grid;gap:12px;margin-top:15px;padding:12px;
  border-radius:13px;border:1px solid var(--snapper-interactive-line,#486981);
  background:var(--snapper-interactive-panel,#1b3042);
}
#wmd-photo-import-root .wmd-guided-card-heading{display:grid;gap:4px}
#wmd-photo-import-root .wmd-guided-card-heading strong{
  color:var(--snapper-interactive-text,#eef7ff);font-size:13px;
}
#wmd-photo-import-root .wmd-guided-card-heading small{
  color:var(--snapper-interactive-muted,#b9cddd);font-size:12px;line-height:1.4;
}
#wmd-photo-import-root .wmd-guided-card-buttons{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.58fr);gap:9px;
}
#wmd-photo-import-root .wmd-guided-card-buttons [data-wmd-confirm],
#wmd-photo-import-root .wmd-guided-footer-buttons [data-wmd-confirm-ready],
#wmd-photo-import-root .wmd-guided-footer-buttons [data-wmd-import-confirmed]:not([data-wmd-partial-import]){
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#112438);
}
#wmd-photo-import-root .wmd-guided-card-buttons [data-wmd-exclude],
#wmd-photo-import-root .wmd-guided-footer-buttons [data-wmd-import-confirmed][data-wmd-partial-import],
#wmd-photo-import-root .wmd-guided-footer-buttons [data-wmd-review-next]{
  background:var(--snapper-interactive-deep,#142536);
  border:1px solid var(--snapper-interactive-line,#486981);
  color:var(--snapper-interactive-text,#eef7ff);
}
#wmd-photo-import-root .wmd-guided-review .photo-import-activity-row.wmd-guided-reviewed{
  border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .wmd-guided-review .photo-import-activity-row.wmd-guided-excluded{
  opacity:.72;
}
#wmd-photo-import-root .wmd-guided-review .photo-import-activity-row.wmd-guided-current{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
#wmd-photo-import-root .wmd-guided-review .photo-import-footer [data-photo-import],
#wmd-photo-import-root .wmd-guided-review .photo-import-footer [data-photo-footer-next]{
  display:none!important;
}
#wmd-photo-import-root .wmd-guided-review .photo-import-footer-actions>span{
  font-size:12px;max-width:180px;color:var(--snapper-interactive-muted,#b9cddd);
}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons{
  display:flex;gap:8px;flex:1 1 auto;align-items:stretch;min-width:0;
}
#wmd-photo-import-root .wmd-guided-footer-buttons button{
  flex:1 1 auto;min-width:0;
}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons button:disabled,
#wmd-photo-import-root .wmd-guided-review .wmd-guided-actions button:disabled{
  opacity:.45;cursor:default;
}
#wmd-photo-import-root .wmd-guided-summary .wmd-guided-message:not([hidden]){
  color:var(--snapper-interactive-text,#eef7ff);border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
  padding:8px 10px;background:var(--snapper-interactive-deep,#132538);border-radius:7px;
}
@media(max-width:620px){
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-summary{padding:12px 13px;}
 #wmd-photo-import-root .wmd-guided-review .photo-import-footer-actions{gap:9px}
 #wmd-photo-import-root .wmd-guided-review .photo-import-footer-actions>span{display:none}
 #wmd-photo-import-root .wmd-guided-review .snapper-finish-actions{display:grid;width:100%;gap:8px}
 #wmd-photo-import-root .wmd-guided-review .snapper-finish-actions>.snapper-skip-remaining{
   width:100%;order:2;min-height:40px;
 }
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons{
   width:100%;display:grid;grid-template-columns:1fr 1.15fr;gap:8px;
 }
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons.wmd-guided-footer-single{
   grid-template-columns:minmax(0,1fr);
 }
 /* The sticky footer already holds the next action. Don't duplicate a batch
    button above dozens of records on small touch screens. */
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-summary .wmd-guided-actions{display:none}
 #wmd-photo-import-root .wmd-guided-card-buttons{grid-template-columns:1fr 1fr}
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons button{font-size:12px;padding:10px 8px}
}

/* Guided review replaces the duplicate generic selection banner with one clear
   source -> review -> import progression; advanced details remain accessible. */
#wmd-photo-import-root .wmd-guided-review .photo-import-ready-summary{display:none}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-next-hint{
  font-size:13px;line-height:1.55;color:var(--snapper-interactive-muted,#bfd0e1)
}
#wmd-photo-import-root .wmd-guided-review .wmd-guided-actions [data-wmd-review-source]{
  border-color:var(--wmd-theme-accent,#8ec8f3);
  color:var(--snapper-interactive-text,#eef7ff);
}
@media(max-width:420px){
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons{
   grid-template-columns:minmax(0,1fr);
 }
 #wmd-photo-import-root .wmd-guided-review .wmd-guided-footer-buttons button{
   width:100%;min-height:46px;font-size:13px;line-height:1.4
 }
}

/* A mixed-source screenshot requires per-entry account proof, not a fake
   batch-confirmed state. Keep the one explicit source action touch-friendly. */
#wmd-photo-import-root .wmd-guided-review .photo-import-row-source .photo-import-individual-confirm{
  display:block;width:100%;min-height:44px;margin-top:10px;padding:10px 12px;
  border-radius:10px;white-space:normal;overflow-wrap:anywhere;
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-panel,#263f54);color:var(--wmd-theme-text,#edf6ff);
  font:700 13px/1.4 system-ui,sans-serif;
}
#wmd-photo-import-root .wmd-guided-review .photo-import-individual-confirm:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}

/* Guided review already has Confirm & next and Exclude. Hide its duplicate
   original include control, not the underlying trusted input or risk checks. */
#wmd-photo-import-root .wmd-guided-review
.photo-import-activity-row.wmd-guided-enhanced .photo-import-row-head .photo-import-check{
  display:none!important;
}

/* Narrow phones previously inherited a 62% max-button-width from the
   original import footer, turning "Review next" and "Skip remaining" into
   clipped vertical strips. Give guided review a full-width touch target. */
@media(max-width:620px){
 #wmd-photo-import-root .photo-import-dialog.wmd-guided-review .photo-import-footer-actions{
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
 }
 #wmd-photo-import-root .photo-import-dialog.wmd-guided-review .snapper-finish-actions{
   display:grid!important;grid-template-columns:minmax(0,1fr)!important;
   width:100%!important;min-width:0!important;max-width:100%!important;
   margin:0!important;justify-content:stretch!important;
 }
 #wmd-photo-import-root .photo-import-dialog.wmd-guided-review .wmd-guided-footer-buttons{
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
   max-width:none!important;
 }
 #wmd-photo-import-root .photo-import-dialog.wmd-guided-review .wmd-guided-footer-buttons>button,
 #wmd-photo-import-root .photo-import-dialog.wmd-guided-review .snapper-finish-actions>.snapper-skip-remaining{
   box-sizing:border-box!important;width:100%!important;min-width:0!important;
   max-width:none!important;white-space:normal!important;overflow-wrap:normal!important;
   padding:10px 12px!important;
 }
}

}
/* snapper-source-review.css */
@media screen {
/* Snapper source-evidence review. Local-only visuals; no external images. */
#wmd-photo-import-root .wmd-evidence-row-button,
#wmd-photo-import-root .wmd-evidence-preview-button{
  display:inline-flex;align-items:center;justify-content:center;
  appearance:none;border:1px solid var(--snapper-interactive-line,#4c7290);
  background:var(--snapper-interactive-deep,#13283a);color:var(--wmd-theme-accent,#8fc9f8);
  font:750 12px/1.2 system-ui,sans-serif;border-radius:9px;
  padding:8px 11px;margin:6px 0 8px;min-height:36px;cursor:pointer;
}
#wmd-photo-import-root .photo-import-activity-row .wmd-evidence-row-button{
  margin:0 12px 8px;min-height:34px;
}
#wmd-photo-import-root .photo-import-balance-row .wmd-evidence-row-button{
  align-self:start;margin:8px 10px;
}
#wmd-photo-import-root .photo-import-preview .wmd-evidence-preview-button{
  padding:5px 8px;font-size:11px;min-height:32px;
}
#wmd-photo-import-root .wmd-evidence-issues-fold,
#wmd-photo-import-root .wmd-evidence-technical-fold{
  margin:8px 0;border:1px solid var(--snapper-interactive-line,#466983);
  border-radius:12px;background:var(--snapper-interactive-panel,#192d40);
  overflow:hidden;color:var(--snapper-interactive-text,#eef7ff);
}
#wmd-photo-import-root .wmd-evidence-issues-fold>summary,
#wmd-photo-import-root .wmd-evidence-technical-fold>summary{
  cursor:pointer;padding:11px 14px;
  color:var(--snapper-interactive-text,#eaf5ff);
  font:730 13px/1.45 system-ui,sans-serif;list-style:none;
}
#wmd-photo-import-root .wmd-evidence-issues-fold>summary::after,
#wmd-photo-import-root .wmd-evidence-technical-fold>summary::after{
  content:'⌄';float:right;font-weight:800;color:var(--wmd-theme-accent,#8ec8f3);
}
#wmd-photo-import-root .wmd-evidence-issues-fold[open]>summary::after,
#wmd-photo-import-root .wmd-evidence-technical-fold[open]>summary::after{content:'⌃'}
#wmd-photo-import-root .wmd-evidence-issues-fold .snapper-file-diagnoses{
  border:0!important;background:transparent!important;margin:0!important;padding:8px 12px 14px!important;
}
#wmd-photo-import-root .wmd-evidence-technical-fold .photo-import-issues{
  border:0!important;background:transparent!important;margin:0!important;padding:0 13px 14px!important;
}
#wmd-photo-import-root .wmd-evidence-issues-fold .snapper-file-diagnosis-actions{
  display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;
}
#wmd-photo-import-root .wmd-evidence-issues-fold .snapper-file-diagnosis-actions>*{
  flex:1 1 130px;min-height:40px;
}
/* The photo-specific controls replace repetitive generic retry buttons.
   The upload selector remains available at the top of Snapper. */
#wmd-photo-import-root .snapper-file-diagnosis:has(.wmd-evidence-diagnosis-button)
  .snapper-file-diagnosis-actions :is([data-photo-diagnosis-retry],[data-photo-add-balance]){
  display:none!important;
}
#wmd-photo-import-root .wmd-evidence-issues-fold .wmd-evidence-diagnosis-button,
#wmd-photo-import-root .wmd-evidence-issues-fold .wmd-evidence-manual-button{
  appearance:none;cursor:pointer;border:1px solid var(--wmd-theme-accent,#8ec8f3);
  border-radius:10px;padding:9px 11px;
  background:var(--snapper-interactive-deep,#162738);
  color:var(--wmd-theme-accent,#8ec8f3);
  font:730 12px/1.4 system-ui,sans-serif;
}
#wmd-photo-import-root .wmd-guided-row-problem{
  margin:0;padding:10px 11px;border-radius:9px;border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--snapper-interactive-deep,#142536);
  color:var(--snapper-interactive-text,#f2f8ff);font-size:12px;line-height:1.45;
}
.wmd-evidence-overlay{
  position:fixed;inset:0;z-index:2147483000;
  background:rgba(5,13,30,.84);
  display:flex;align-items:center;justify-content:center;
  padding:max(10px,env(safe-area-inset-top)) 10px max(12px,env(safe-area-inset-bottom));
  overscroll-behavior:contain;
}
.wmd-evidence-dialog{
  display:flex;flex-direction:column;overflow:hidden;
  width:min(920px,100%);height:min(96dvh,100%);
  border-radius:18px;border:1px solid var(--wmd-theme-line,#577a96);
  background:var(--wmd-theme-panel,#182f45);color:var(--wmd-theme-text,#f2f9ff);
  box-shadow:0 24px 80px rgba(0,0,0,.42);
}
.wmd-evidence-header{
  padding:14px 16px;display:flex;align-items:center;gap:10px;
  justify-content:space-between;border-bottom:1px solid var(--wmd-theme-line,#48667a);
}
.wmd-evidence-header>div{min-width:0}
.wmd-evidence-header span{font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.1em;color:var(--wmd-theme-accent,#8fc9f8)}
.wmd-evidence-header h3{font:800 19px/1.3 system-ui,sans-serif;margin:3px 0}
.wmd-evidence-header p{font:500 11px/1.35 system-ui,sans-serif;margin:0;color:var(--snapper-interactive-muted,#bcd0df)}
.wmd-evidence-close{
  appearance:none;flex:0 0 42px;width:42px;height:42px;cursor:pointer;
  border:1px solid var(--wmd-theme-line,#48667a);border-radius:999px;
  background:var(--snapper-interactive-deep,#15283a);
  color:var(--wmd-theme-text,#f4f9ff);font-size:28px;line-height:1;
}
.wmd-evidence-toolbar{
  display:flex;gap:10px;flex-wrap:wrap;align-items:center;
  justify-content:space-between;padding:9px 14px;
  background:var(--snapper-interactive-deep,#122637);
}
.wmd-evidence-toolbar strong{font-size:12px}
.wmd-evidence-toolbar>div{display:flex;gap:7px;align-items:center}
.wmd-evidence-toolbar button{
  appearance:none;min-width:38px;min-height:38px;cursor:pointer;
  border-radius:9px;border:1px solid var(--wmd-theme-line,#4d7392);
  color:var(--wmd-theme-text,#eff7ff);background:var(--wmd-theme-panel,#1a3147);
  font:750 16px/1.3 system-ui,sans-serif;
}
.wmd-evidence-toolbar [data-wmd-evidence-zoom]{
  display:inline-block;width:46px;text-align:center;font:750 12px system-ui,sans-serif;color:var(--wmd-theme-accent,#8fc9f8);
}
.wmd-evidence-stage{
  flex:1 1 auto;min-height:0;overflow:auto;
  background:#091527;text-align:center;touch-action:pan-x pan-y;
  overscroll-behavior:contain;
}
.wmd-evidence-stage img{
  display:block;width:100%;max-width:none;height:auto;margin:0 auto;user-select:none;-webkit-user-drag:none;
}
.wmd-evidence-footer{
  padding:11px 14px;border-top:1px solid var(--wmd-theme-line,#48667a);
  display:grid;gap:10px;background:var(--wmd-theme-panel,#182f45);
}
.wmd-evidence-footer p{
  margin:0;font:500 12px/1.45 system-ui,sans-serif;color:var(--snapper-interactive-muted,#bfcedb);
}
.wmd-evidence-footer>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.wmd-evidence-footer button{
  appearance:none;min-height:42px;cursor:pointer;border-radius:10px;
  padding:9px 10px;border:1px solid var(--wmd-theme-accent,#8fc9f8);
  background:var(--snapper-interactive-deep,#152b3f);
  color:var(--wmd-theme-accent,#8fc9f8);
  font:730 12px/1.35 system-ui,sans-serif;
}
.wmd-evidence-footer button:first-child{background:var(--wmd-theme-accent,#8fc9f8);color:var(--wmd-theme-deep,#122538)}
@media(max-width:620px){
  .wmd-evidence-overlay{padding:0}
  .wmd-evidence-dialog{height:100dvh;border-radius:0;border:0;width:100%}
  .wmd-evidence-header{padding:calc(10px + env(safe-area-inset-top)) 13px 10px}
  .wmd-evidence-footer{padding:10px 12px calc(12px + env(safe-area-inset-bottom))}
  .wmd-evidence-footer>div{gap:7px}
  .wmd-evidence-footer button{font-size:11px}
  #wmd-photo-import-root .wmd-evidence-issues-fold .snapper-file-diagnosis-actions{display:grid;grid-template-columns:1fr}
}

}
/* snapper-review-priority.css */
@media screen {
/* Keep recovered activity ahead of irrelevant balance OCR details. */
#wmd-photo-import-root .wmd-activity-priority{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:10px;padding:12px 14px;margin:8px 0 12px;
 border:1px solid var(--snapper-interactive-line,#486981);
 border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
 border-radius:12px;background:var(--snapper-interactive-panel,#1b3042);
 color:var(--snapper-interactive-text,#eef8ff);
}
#wmd-photo-import-root .wmd-activity-priority>div{min-width:0;flex:1 1 190px;}
#wmd-photo-import-root .wmd-activity-priority strong{display:block;font:780 14px/1.35 system-ui,sans-serif;}
#wmd-photo-import-root .wmd-activity-priority p{margin:4px 0 0;font:500 12px/1.5 system-ui,sans-serif;color:var(--snapper-interactive-muted,#bfd0e1);}
#wmd-photo-import-root .wmd-activity-priority-cta{
 appearance:none;cursor:pointer;min-height:44px;min-width:160px;
 border:1px solid var(--wmd-theme-accent,#8ec8f3);border-radius:10px;
 padding:9px 12px;background:var(--wmd-theme-accent,#8ec8f3);
 color:var(--wmd-theme-deep,#112438);font:760 13px/1.3 system-ui,sans-serif;
}
@media(max-width:620px){#wmd-photo-import-root .wmd-activity-priority{display:grid;padding:11px 12px;}
 #wmd-photo-import-root .wmd-activity-priority-cta{width:100%;}}

}
/* ask-money-batch.css */
@media screen {
/* Ask Your Money: one rounded keyboard-focus treatment and atomic batch review.
   Loaded after the workspace palette rules so a generic input focus reset
   cannot draw the square rectangle inside the rounded Ask control. */
#app > main.wmd-workspace > section.wmd-discovery .wmd-discovery-control input.wmd-discovery-input:is(:focus,:focus-visible),
#app[data-wmd-color-scheme] > main.wmd-workspace > section.wmd-discovery .wmd-discovery-control input.wmd-discovery-input:is(:focus,:focus-visible){
  border:0!important;outline:0!important;outline-offset:0!important;
  box-shadow:none!important;border-radius:0!important;
}
#app > main.wmd-workspace > section.wmd-discovery .wmd-discovery-control:focus-within{
  border-color:var(--wmd-find-strong-line,var(--wmd-accent,#8ec8f3))!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-find-accent,var(--wmd-accent,#8ec8f3)) 23%,transparent)!important;
}
@media(forced-colors:active){
  #app > main.wmd-workspace > section.wmd-discovery .wmd-discovery-control:focus-within{
    outline:2px solid Highlight!important;outline-offset:2px!important;
  }
}
/* Each change is visible before the single Confirm control. */
.wmd-ask-batch-list{display:grid;gap:9px;margin:15px 0 19px}
.wmd-ask-batch-item{
  display:grid;grid-template-columns:28px minmax(0,1fr) auto;
  align-items:center;gap:12px;min-width:0;padding:13px;
  border:1px solid color-mix(in srgb,var(--ask-accent,#8ec8f3) 27%,#344e63);
  border-radius:14px;background:#1a3348;
}
.wmd-ask-batch-number{
  display:grid;place-items:center;width:27px;height:27px;border-radius:50%;
  background:color-mix(in srgb,var(--ask-accent,#8ec8f3) 20%,#143044);
  color:#dceeff;font-size:12px;font-weight:800;
}
.wmd-ask-batch-copy{display:grid;gap:4px;min-width:0}
.wmd-ask-batch-copy strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.wmd-ask-batch-copy p{margin:0;color:#d5e4ed;font-size:12px;line-height:1.45;overflow-wrap:anywhere}
.wmd-ask-batch-copy small{color:#b5c8d8;font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.wmd-ask-batch-values{display:grid;gap:4px;text-align:right;min-width:90px;font-variant-numeric:tabular-nums}
.wmd-ask-batch-values span{color:#afc5d8;font-size:11px}
.wmd-ask-batch-values strong{color:#f1faff;font-size:13px;overflow-wrap:anywhere}
.wmd-ask-batch-follow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.wmd-ask-batch-input{
  min-width:140px;flex:1;min-height:46px;padding:10px 13px;border-radius:11px;
  border:1px solid #617e98;background:#1d3549;color:#f5faff;font-size:16px;
}
.wmd-ask-batch-input:focus-visible{outline:2px solid var(--ask-accent,#8ec8f3);outline-offset:1px}
.wmd-ask-batch-revise{
  min-height:46px;padding:10px 14px;border:1px solid #6e91ac;border-radius:11px;
  background:#28475e;color:#f1f9ff;font:inherit;font-size:12px;font-weight:730;cursor:pointer;
}
.wmd-ask-batch-feedback{margin:9px 0 13px;min-height:18px;font-size:12px;color:#b9d2e6;line-height:1.5}
.wmd-ask-batch-panel>.wmd-ask-review-footer{margin-top:10px}
.wmd-ask-inline-batch-list{display:grid;gap:8px;margin:12px 0;padding:0;list-style:none}
.wmd-ask-inline-batch-list>li{
  display:grid;gap:3px;border:1px solid color-mix(in srgb,var(--wmd-find-accent,#8ec8f3) 26%,#3e5364);
  border-radius:10px;padding:9px 11px;
  background:color-mix(in srgb,var(--wmd-find-accent,#8ec8f3) 7%,#1a2b38)
}
.wmd-ask-inline-batch-list strong{font-size:12px}
.wmd-ask-inline-batch-list span,.wmd-ask-inline-batch-list small{font-size:11px;line-height:1.4;color:#bacee2}
.wmd-ask-inline-detail{white-space:pre-line}
@media(max-width:650px){
  .wmd-ask-batch-item{grid-template-columns:26px minmax(0,1fr);gap:9px;padding:11px}
  .wmd-ask-batch-values{grid-column:2;text-align:left;min-width:0;display:flex;gap:9px;flex-wrap:wrap}
  .wmd-ask-batch-follow{display:grid;grid-template-columns:minmax(0,1fr)}
  .wmd-ask-batch-revise{width:100%}
}
@media(prefers-reduced-motion:reduce){.wmd-ask-batch-item{transition:none!important}}

}
/* snapper-import-diagnosis.css */
@media screen {
/* Snapper on-device file explanations.
   Use Appearance tokens from snapper-palette-integrity.css, never fixed mint. */
#wmd-photo-import-root .snapper-file-diagnoses{
 display:grid;gap:11px;margin:15px 0 13px;
 padding:14px;border-radius:15px;
 color:var(--snap-ui-text,#f0f6fb);
 background:var(--snap-ui-panel,#1a2836);
 border:1px solid var(--snap-ui-line,#41596c);
}
#wmd-photo-import-root .snapper-file-diagnoses-heading{
 display:flex;flex-direction:column;gap:4px;
}
#wmd-photo-import-root .snapper-file-diagnoses-heading>strong{
 font-size:15px;font-weight:760;line-height:1.3;
}
#wmd-photo-import-root .snapper-file-diagnoses-heading>span{
 font-size:12px;line-height:1.4;color:var(--snap-ui-muted,#bdcbd8);
}
#wmd-photo-import-root .snapper-file-diagnosis{
 display:grid;gap:8px;padding:15px;
 border:1px solid var(--snap-ui-line,#41596c);
 border-radius:12px;background:var(--snap-ui-deep,#13202d);
 min-width:0;
}
#wmd-photo-import-root .snapper-file-diagnosis-kicker{
 width:max-content;max-width:100%;
 display:block;font-size:10px;font-weight:740;line-height:1.45;
 letter-spacing:.095em;color:var(--snap-ui-accent,#8ec8f3);
}
#wmd-photo-import-root .snapper-file-diagnosis>strong{
 font-size:15px;line-height:1.35;font-weight:760;
 overflow-wrap:anywhere;
}
#wmd-photo-import-root .snapper-file-diagnosis p{
 margin:0!important;
 color:var(--snap-ui-muted,#bdcbd8);
 font-size:13px;line-height:1.56;
 overflow-wrap:anywhere;
}
#wmd-photo-import-root .snapper-file-diagnosis p b{
 color:var(--snap-ui-text,#f0f6fb);font-weight:730;
}
#wmd-photo-import-root .snapper-file-diagnosis-actions{
 display:flex;gap:8px;flex-wrap:wrap;margin-top:4px;
}
#wmd-photo-import-root .snapper-file-diagnosis-actions button{
 display:inline-flex;justify-content:center;align-items:center;
 appearance:none;-webkit-appearance:none;
 padding:10px 12px;min-height:43px;max-width:100%;
 font:inherit;font-size:12px;font-weight:720;line-height:1.25;
 border-radius:9px;border:1px solid var(--snap-ui-line,#41596c);
 color:var(--snap-ui-text,#f0f6fb);
 background:var(--snap-ui-raised,#26384a);
 cursor:pointer;touch-action:manipulation;
}
#wmd-photo-import-root .snapper-file-diagnosis-actions button:first-child{
 border-color:var(--snap-ui-accent,#8ec8f3);
 color:var(--snap-ui-text,#f0f6fb);
}
#wmd-photo-import-root .snapper-file-diagnosis-actions button:focus-visible{
 outline:2px solid var(--snap-ui-accent,#8ec8f3);
 outline-offset:2px;
}
#wmd-photo-import-root .snapper-file-diagnosis-actions button:hover{
 border-color:var(--snap-ui-accent,#8ec8f3);
 background:var(--snap-ui-panel,#1a2836);
}
#wmd-photo-import-root .photo-import-issues:has(.snapper-file-technical){
 background:var(--snap-ui-panel,#1a2836);
 border-color:var(--snap-ui-line,#41596c);
 color:var(--snap-ui-muted,#bdcbd8);
}
#wmd-photo-import-root .photo-import-issues:has(.snapper-file-technical)>strong{
 font-size:12px;color:var(--snap-ui-muted,#bdcbd8);
}
#wmd-photo-import-root .snapper-file-technical summary{
 color:var(--snap-ui-accent,#8ec8f3);
 cursor:pointer;font-size:12px;font-weight:680;
}
#wmd-photo-import-root .snapper-file-technical p{
 font-size:12px;line-height:1.45;
 color:var(--snap-ui-muted,#bdcbd8);
}
@media(max-width:620px){
 #wmd-photo-import-root .snapper-file-diagnoses{
  padding:11px;gap:10px;margin:12px 0;
 }
 #wmd-photo-import-root .snapper-file-diagnosis{padding:13px}
 #wmd-photo-import-root .snapper-file-diagnosis-actions{
  display:grid;grid-template-columns:1fr;
 }
 #wmd-photo-import-root .snapper-file-diagnosis-actions button{width:100%;min-height:45px}
 #wmd-photo-import-root .snapper-file-diagnosis>strong{font-size:15px}
 #wmd-photo-import-root .snapper-file-diagnosis p{font-size:13px}
}

}
/* budget-clarity.css */
@media screen {
/* Budget clarity: scan-first overview, one-click editing, original calculations.
   Selected palettes retain their own colors; Ocean chrome is navy, not sage. */
#app .wmd-workspace--budget .budget-section{
  --bc-panel:var(--wmd-theme-panel,var(--wmd-ui-panel,#1a2d40));
  --bc-raised:var(--wmd-theme-raised,var(--wmd-ui-raised,#243b50));
  --bc-deep:var(--wmd-theme-deep,var(--wmd-ui-deep,#111f30));
  --bc-line:var(--wmd-theme-line,var(--wmd-ui-line,#46627b));
  --bc-muted:var(--wmd-theme-muted,var(--wmd-ui-muted,#bbcede));
  --bc-ink:var(--wmd-theme-text,var(--wmd-ui-txt,#f0f7fd));
  --bc-accent:var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3));
  margin-top:14px!important;background:var(--bc-panel)!important;
  border-color:var(--bc-line)!important;border-radius:15px!important;min-width:0;
}
#app[data-wmd-color-scheme="ocean"] > main.wmd-workspace--budget .budget-section,
#app .landing-v6 [data-landing-tour] .wmd-workspace--budget .budget-section{
  --bc-panel:#1a2d40;--bc-raised:#253d53;--bc-deep:#112338;
  --bc-line:#45617c;--bc-muted:#bbcede;--bc-ink:#f0f7fd;--bc-accent:#8ec8f3;
}
#app .wmd-workspace--budget .budget-section .budget-section-topline{
  display:flex!important;flex-wrap:wrap;align-items:center;gap:0;
  min-height:64px;padding:0 12px 0 0;box-sizing:border-box;
  border-bottom:1px solid var(--bc-line)!important;border-radius:14px 14px 0 0;
  background:var(--bc-raised)!important;
}
#app .wmd-workspace--budget .budget-section .budget-overview-toggle{
  display:flex!important;flex:1 1 310px;gap:10px;align-items:center;
  min-width:0;width:auto!important;min-height:63px!important;
  margin:0;padding:11px 15px!important;border:0!important;
  background:transparent!important;color:var(--bc-ink)!important;
  border-radius:14px 0 0 0!important;text-align:left;
}
#app .wmd-workspace--budget .budget-section .budget-overview-toggle:hover{
  background:color-mix(in srgb,var(--bc-accent) 7%,var(--bc-raised))!important;
}
#app .wmd-workspace--budget .budget-section .budget-overview-toggle:focus-visible,
#app .wmd-workspace--budget .budget-section :is(.budget-quick-row,.budget-sort-dropdown>summary):focus-visible{
  outline:2px solid var(--bc-accent)!important;outline-offset:-2px!important;
}
#app .wmd-workspace--budget .budget-section .budget-overview-icon{
  flex:none;font-size:23px!important;line-height:1;
}
#app .wmd-workspace--budget .budget-section .budget-overview-title{
  display:grid;gap:2px;flex:1 1 auto;min-width:0;
}
#app .wmd-workspace--budget .budget-section .budget-overview-label{
  display:block;font-size:clamp(18px,1.55vw,21px)!important;
  font-weight:780!important;line-height:1.18;color:var(--bc-ink)!important;
}
#app .wmd-workspace--budget .budget-section .budget-overview-empty{
  color:var(--bc-muted)!important;font-size:11px;font-weight:550;line-height:1.25;
}
#app .wmd-workspace--budget .budget-section .budget-overview-total{
  flex:none;display:grid;gap:1px;justify-items:end;
}
#app .wmd-workspace--budget .budget-section .budget-overview-amount{
  font-size:clamp(21px,1.8vw,24px)!important;line-height:1.1!important;
  font-weight:820!important;color:var(--bc-ink)!important;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app .wmd-workspace--budget .budget-section .budget-overview-total small{
  font-size:11px!important;font-weight:550;color:var(--bc-muted)!important;
}
#app .wmd-workspace--budget .budget-section .budget-overview-chevron{
  flex:none;color:var(--bc-accent)!important;
}
#app .wmd-workspace--budget .budget-section .budget-top-actions{
  flex:0 0 auto;display:flex!important;align-items:center;justify-content:flex-end;
  flex-wrap:wrap;gap:7px;width:auto!important;margin:0 0 0 auto;padding:7px 0;
}
#app .wmd-workspace--budget .budget-section .budget-top-actions :is(button,.budget-sort-dropdown>summary){
  display:inline-flex;align-items:center;justify-content:center;
  min-height:35px!important;padding:7px 11px!important;
  border:1px solid var(--bc-line)!important;border-radius:8px!important;
  background:var(--bc-deep)!important;color:var(--bc-ink)!important;
  font-size:13px!important;font-weight:730!important;line-height:1.2;
  cursor:pointer;box-shadow:none!important;white-space:nowrap;
}
#app .wmd-workspace--budget .budget-section .budget-top-actions [data-add-budget]{
  background:color-mix(in srgb,var(--bc-accent) 17%,var(--bc-deep))!important;
  border-color:color-mix(in srgb,var(--bc-accent) 55%,var(--bc-line))!important;
}
#app .wmd-workspace--budget .budget-section .budget-top-actions :is(button,.budget-sort-dropdown>summary):hover{
  background:color-mix(in srgb,var(--bc-accent) 13%,var(--bc-raised))!important;
  border-color:var(--bc-accent)!important;
}
#app .wmd-workspace--budget .budget-section .budget-sort-dropdown{position:relative}
#app .wmd-workspace--budget .budget-section .budget-sort-dropdown>summary{list-style:none}
#app .wmd-workspace--budget .budget-section .budget-sort-dropdown>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--budget .budget-section .budget-sort-options{
  position:absolute;right:0;top:calc(100% + 6px);z-index:30;
  display:grid;gap:4px;min-width:165px;padding:7px;
  border:1px solid var(--bc-line);border-radius:10px;
  background:var(--bc-deep);box-shadow:0 14px 32px rgba(0,0,0,.24);
}
#app .wmd-workspace--budget .budget-section:has(.budget-sort-dropdown[open]){
  position:relative;z-index:12;overflow:visible!important;
}
#app .wmd-workspace--budget .budget-section .budget-sort-options button{
  width:100%;justify-content:flex-start;text-align:left;
}
#app .wmd-workspace--budget .budget-section .budget-quick-rows{
  display:grid;border-top:0;background:var(--bc-panel)!important;
}
#app .wmd-workspace--budget .budget-section:has(.budget-overview-toggle[aria-expanded="true"]) .budget-quick-rows{
  display:none!important;
}
#app .wmd-workspace--budget .budget-section .budget-quick-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:12px;min-height:58px;width:100%;text-align:left;
  margin:0;padding:10px 17px;border:0;
  border-bottom:1px solid var(--bc-line);border-radius:0;
  background:var(--bc-panel)!important;color:var(--bc-ink)!important;cursor:pointer;
}
#app .wmd-workspace--budget .budget-section .budget-quick-row:hover{
  background:color-mix(in srgb,var(--bc-accent) 7%,var(--bc-panel))!important;
}
#app .wmd-workspace--budget .budget-section .budget-quick-identity{
  display:flex;align-items:center;gap:10px;min-width:0;
}
#app .wmd-workspace--budget .budget-section .budget-quick-icon{
  flex:0 0 23px;font-size:20px;line-height:1;text-align:center;
}
#app .wmd-workspace--budget .budget-section .budget-quick-copy{
  display:grid;gap:3px;min-width:0;
}
#app .wmd-workspace--budget .budget-section .budget-quick-copy strong{
  font-size:15px;font-weight:730;line-height:1.3;overflow-wrap:anywhere;
}
#app .wmd-workspace--budget .budget-section .budget-quick-copy small{
  font-size:12px;color:var(--bc-muted)!important;line-height:1.35;
}
#app .wmd-workspace--budget .budget-section .budget-quick-value{
  display:flex;align-items:center;gap:12px;white-space:nowrap;
  font-size:18px;font-weight:790;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-section .budget-quick-value>span{
  color:var(--bc-accent)!important;font-size:21px;
}
#app .wmd-workspace--budget .budget-section .budget-overview-body{
  background:var(--bc-panel)!important;border-top:0!important;
}
#app .wmd-workspace--budget .budget-section .budget-empty-guidance,
#app .wmd-workspace--budget .budget-section .budget-monthly-note{
  margin:0;padding:10px 16px;color:var(--bc-muted)!important;
  font-size:12px;line-height:1.45;
}
#app .wmd-workspace--budget .budget-section .budget-monthly-note{
  border-top:1px solid var(--bc-line);font-size:11.5px;
  background:var(--bc-panel)!important;border-radius:0 0 14px 14px;
}
#app .wmd-workspace--budget .budget-section .budget-empty-guidance{
  min-height:46px;padding:14px 16px;
}
#app .wmd-workspace--budget .budget-section .budget-grid.grid-header{
  min-height:36px!important;background:var(--bc-deep)!important;
  border-color:var(--bc-line)!important;color:var(--bc-muted)!important;
  font-size:12px!important;font-weight:720!important;
}
#app .wmd-workspace--budget .budget-section .budget-grid.grid-header>span{
  color:var(--bc-muted)!important;font-size:12px!important;
}
#app .wmd-workspace--budget .budget-section .budget-grid:not(.grid-header) .monthly-total{
  font-size:17px!important;font-weight:800!important;
  color:var(--bc-ink)!important;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-section .budget-paydate-cell{
  display:flex!important;align-items:center;flex-wrap:nowrap!important;
  gap:5px;min-width:0;
}
#app .wmd-workspace--budget .budget-section .budget-paydate-cell>input[type="date"]{
  min-width:0!important;flex:1 1 auto;width:100%!important;
  font-size:13px!important;padding:6px 5px!important;
}
#app .wmd-workspace--budget .budget-section .budget-paydays-button{
  display:inline-flex!important;align-items:center;justify-content:center;
  flex:0 0 31px;width:31px;min-height:33px;margin:0;padding:5px!important;
  color:var(--bc-accent)!important;background:var(--bc-deep)!important;
  border:1px solid var(--bc-line)!important;border-radius:7px!important;
}
#app .wmd-workspace--budget .budget-section .budget-paydays-button:hover{
  border-color:var(--bc-accent)!important;
}
@media(min-width:681px){
  #app .wmd-workspace--budget .budget-section .budget-table-scroll>.budget-grid{
    grid-template-columns:40px minmax(195px,1.7fr) minmax(150px,1fr) 113px 110px minmax(183px,1fr) 109px 23px!important;
    min-width:1070px!important;width:max(1070px,100%)!important;
  }
}
@media(max-width:680px){
  #app .wmd-workspace--budget .budget-section .budget-section-topline{
    display:grid!important;grid-template-columns:minmax(0,1fr);gap:0;padding:0!important;
  }
  #app .wmd-workspace--budget .budget-section .budget-overview-toggle{
    width:100%!important;min-height:58px!important;
    padding:11px 12px!important;gap:7px!important;
  }
  #app .wmd-workspace--budget .budget-section .budget-overview-label{font-size:17px!important}
  #app .wmd-workspace--budget .budget-section .budget-overview-amount{font-size:20px!important}
  #app .wmd-workspace--budget .budget-section .budget-overview-icon{font-size:20px!important}
  #app .wmd-workspace--budget .budget-section .budget-top-actions{
    justify-content:flex-end;padding:0 11px 8px;
  }
  #app .wmd-workspace--budget .budget-section .budget-quick-row{padding:10px 12px}
  #app .wmd-workspace--budget .budget-section .budget-quick-copy strong{font-size:14px}
  #app .wmd-workspace--budget .budget-section .budget-quick-value{font-size:17px;gap:7px}
  #app .wmd-workspace--budget .budget-section .budget-grid.grid-header{font-size:12px!important}
  #app .wmd-workspace--budget .budget-section .budget-grid:not(.grid-header) .monthly-total{
    font-size:clamp(18px,5vw,22px)!important;
  }
}


/* Readability on desktop and phone, without shrinking the Budget editor. */
#app .wmd-workspace--budget .budget-section .budget-grid.grid-header,#app .wmd-workspace--budget .budget-section .budget-grid.grid-header>span{font-size:13px!important;line-height:1.4!important}
#app .wmd-workspace--budget .budget-section .budget-grid:not(.grid-header){font-size:14px!important;line-height:1.4!important}
#app .wmd-workspace--budget .budget-section .budget-grid:not(.grid-header) :is(input:not([type="checkbox"]),select,.category-picker){font-size:15px!important;line-height:1.35!important;min-height:38px}
#app .wmd-workspace--budget .budget-section .budget-grid .budget-payment-source>summary{font-size:13px!important;line-height:1.4!important}
#app .wmd-workspace--budget .budget-section .budget-quick-copy strong{font-size:16px!important}
#app .wmd-workspace--budget .budget-section .budget-quick-copy small{font-size:13px!important}
#app .wmd-workspace--budget .budget-section .budget-quick-value{font-size:20px!important}
#app .wmd-workspace--budget .budget-section :is(.budget-empty-guidance,.budget-monthly-note,.budget-scroll-hint){font-size:13px!important;line-height:1.5!important}
#app .wmd-workspace--budget .budget-section :is(.budget-overview-empty,.budget-overview-total small){font-size:12.5px!important}
#app .wmd-workspace--budget .budget-section .budget-paydate-cell>input[type="date"]{font-size:14px!important}
#app .wmd-workspace--budget .money-mix.budget .money-mix-legend-item>b{font-size:14px!important}
#app .wmd-workspace--budget .money-mix.budget .money-mix-legend-item>span{font-size:13px!important}
#app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump>span{font-size:15px!important}
#app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump>b{font-size:18px!important}
@media(max-width:680px){#app .wmd-workspace--budget .budget-section .budget-overview-label{font-size:19px!important}#app .wmd-workspace--budget .budget-section .budget-overview-amount{font-size:23px!important}#app .wmd-workspace--budget .budget-section .budget-grid:not(.grid-header) :is(input:not([type="checkbox"]),select,.category-picker){font-size:16px!important}#app .wmd-workspace--budget .budget-section .budget-quick-copy strong{font-size:15px!important}#app .wmd-workspace--budget .budget-section .budget-quick-value{font-size:19px!important}}

}
/* budget-long-frequency.css */
@media screen {
/* Dated long-term expenses share the existing blue Budget palette. */
#app .wmd-workspace--budget .budget-grid .budget-frequency-cell,
#app .wmd-workspace--budget .budget-grid .budget-long-due{
  display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0
}
#app .wmd-workspace--budget .budget-grid .budget-frequency-cell>select,
#app .wmd-workspace--budget .budget-grid .budget-long-due input[type="date"]{
  width:100%;max-width:100%;min-width:0;box-sizing:border-box
}
#app .wmd-workspace--budget .budget-grid .budget-long-due label,
#app .wmd-workspace--budget .budget-grid .budget-custom-months{
  display:flex;gap:5px;color:#d5e9ff;font-size:12px;
  font-weight:650;line-height:1.35
}
#app .wmd-workspace--budget .budget-grid .budget-long-due label{flex-direction:column}
#app .wmd-workspace--budget .budget-grid .budget-custom-months{
  align-items:center;gap:8px;flex-wrap:wrap
}
#app .wmd-workspace--budget .budget-grid .budget-custom-months input{
  width:72px;min-width:0;max-width:82px;padding:6px 8px;box-sizing:border-box;
  background:#0f2134;color:#f3f9ff;border:1px solid #587a9e;border-radius:8px;
  font-size:15px;text-align:center;min-height:38px
}
#app .wmd-workspace--budget .budget-grid .budget-long-due input[type="date"]{
  padding:6px 8px;border-radius:9px;min-height:42px;
  border:1px solid #587a9e;background:#102336;color:#f2f8ff;
  color-scheme:dark;font-size:15px
}
#app .wmd-workspace--budget .budget-grid .budget-long-due small{
  font-size:12px;line-height:1.4;color:#accde7
}
#app .wmd-workspace--budget .budget-grid .budget-long-due:not(.has-date) small{color:#ffdaaa}
#app .wmd-workspace--budget .budget-grid .budget-custom-months input:focus-visible,
#app .wmd-workspace--budget .budget-grid .budget-long-due input:focus-visible{
  outline:2px solid #8ed4ff;outline-offset:2px
}
@media(max-width:680px){
  #app .wmd-workspace--budget .budget-grid .budget-long-due input[type="date"]{
    min-height:44px;font-size:16px
  }
}
}
/* privacy-clarity.css */
@media screen {
/* A single display-privacy language for Net Worth, Budget, Cash Flow,
   Investments and Plan. Never put the original digits behind a CSS blur:
   app.js replaces those rendered text tokens while the eye is closed. */
#app.wmd-privacy-on span.wmd-private-value:not(.wmd-mg-concealed-value){
  display:inline-block;
  vertical-align:middle;
  max-width:100%;
  min-width:0;
  white-space:nowrap;
  overflow:clip;
  clip-path:inset(0 round 3px);
  filter:none!important;
  -webkit-filter:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  pointer-events:none!important;
}
#app .wmd-private-placeholder{
  display:inline-block;
  vertical-align:baseline;
  white-space:nowrap;
  width:auto;
  font-size:clamp(11px,.62em,28px);
  line-height:1.1;
  letter-spacing:.14em;
  font-weight:730;
  color:#bad1e3;
  opacity:.88;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  pointer-events:none!important;
}
#app.wmd-privacy-on svg text.wmd-private-value{
  filter:none!important;
  -webkit-filter:none!important;
  font-size:11px;
  letter-spacing:.06em;
  fill:#bad1e3;
}
#app.wmd-privacy-on .wmd-private-input{
  /* Keep editable form values intact. Blur the *control* more heavily,
     so finance data is not recognizable before the user reveals values. */
  filter:blur(12px)!important;
  -webkit-filter:blur(12px)!important;
  clip-path:inset(0 round 4px);
  user-select:none!important;
  -webkit-user-select:none!important;
}
#app.wmd-privacy-on .chart-tooltip{visibility:hidden!important}
#app.wmd-privacy-on .wmd-workspace--budget :is(
  .summary-item,.budget-top,.money-mix-legend-item,.money-mix-focus,
  .budget-section .budget-overview-toggle
){min-width:0}
#app.wmd-privacy-on .wmd-workspace--budget :is(
  .summary-item,.money-mix-focus,.money-mix-legend-item
) span.wmd-private-value{max-width:100%;overflow:clip;clip-path:inset(0 round 3px)}
#app.wmd-privacy-on .wmd-month-guide .wmd-mg-concealed-value{
  filter:none!important;
  -webkit-filter:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}
@media(prefers-reduced-motion:reduce){
  #app.wmd-privacy-on span.wmd-private-value{transition:none!important}
}

}
/* budget-investment-ux-finish.css */
@media screen {
/* Budget accordion + Investments header, 2026-10-20.
   Display-only changes; respect the active appearance palette. */
@media screen {
  #app .wmd-workspace--budget .budget-section .budget-overview-content[hidden],
  #app .wmd-workspace--budget .budget-section .budget-overview-body[hidden] {
    display:none!important;
  }
  #app .wmd-workspace--budget .budget-section:has(.budget-overview-toggle[aria-expanded="true"]):not(.is-editing) .budget-quick-rows {
    display:grid!important;
  }
  #app .wmd-workspace--budget .budget-section.is-editing .budget-quick-rows {
    display:none!important;
  }
  #app .wmd-workspace--budget .budget-section.is-collapsed .budget-section-topline {
    border-bottom:0!important;border-radius:14px!important;
  }
  #app .wmd-workspace--budget .budget-section .budget-top-actions [data-budget-edit-all] {
    background:var(--bc-raised)!important;border-color:var(--bc-line)!important;
    color:var(--bc-muted)!important;
  }
  #app .wmd-workspace--budget .budget-section .budget-top-actions [data-budget-edit-all]:is(:hover,:focus-visible) {
    background:color-mix(in srgb,var(--bc-accent) 12%,var(--bc-raised))!important;
    border-color:var(--bc-accent)!important;color:var(--bc-ink)!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-tools {gap:8px 12px!important}
  #app .wmd-workspace--investments .invest-refresh .invest-nav-tools button.invest-nav-link {
    display:inline-flex!important;align-items:center;justify-content:center;
    min-width:0!important;min-height:35px!important;margin:0!important;
    padding:7px 12px!important;border-radius:9px!important;
    border:1px solid var(--wmd-theme-line,var(--inv-line,#46627b))!important;
    background:var(--wmd-theme-raised,var(--inv-raised,#243b51))!important;
    background-image:none!important;box-shadow:none!important;
    color:var(--wmd-theme-text,#eff7fd)!important;
    font-size:12px!important;font-weight:650!important;
    text-decoration:none!important;line-height:1.25!important;white-space:nowrap!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-tools button.invest-nav-link:hover {
    border-color:var(--wmd-theme-accent,var(--inv-accent,#8ec8f3))!important;
    background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 9%,var(--wmd-theme-raised,#243b51))!important;
    color:var(--wmd-theme-accent-soft,var(--inv-accent-bright,#bddffd))!important;
    text-decoration:none!important;box-shadow:none!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-tools button.invest-nav-link:focus-visible {
    outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;outline-offset:2px!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-status {
    color:var(--wmd-theme-muted,var(--inv-muted,#bbcede))!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-status .invest-nav-status-dot {
    background:var(--wmd-theme-accent,var(--inv-accent,#8ec8f3))!important;
  }
  #app .wmd-workspace--investments .invest-refresh .invest-nav-status.is-empty .invest-nav-status-dot {
    background:var(--wmd-theme-muted,var(--inv-muted,#bbcede))!important;opacity:.65;
  }
}
@media screen and (max-width:700px){
  #app .wmd-workspace--investments .invest-refresh .invest-nav-tools button.invest-nav-link {
    min-height:36px!important;font-size:11.5px!important;padding:7px 10px!important;
  }
}

/* Budget 2x2 allocation tiles must shrink inside their own card. The outer
   summary and donut stay side by side at normal desktop sizes. */
@media screen {
  #app .wmd-workspace--budget .budget-top > .summary-card {
    min-width:0;
    container:wmd-budget-summary / inline-size;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .summary-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    min-width:0;width:100%;max-width:100%;box-sizing:border-box;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .summary-grid > .summary-item {
    min-width:0!important;max-width:100%;box-sizing:border-box;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .summary-item-top {
    min-width:0;max-width:100%;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump {
    min-width:0!important;max-width:100%;box-sizing:border-box;
  }
  /* Older .summary-grid span styles also targeted this nested button label,
     introducing extra padding and an unshrinkable grid column. */
  #app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump > span {
    display:block!important;min-width:0;max-width:100%;padding:0!important;
    white-space:normal;overflow-wrap:break-word;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump > b {
    min-width:0;white-space:normal;flex-wrap:wrap;
    justify-content:flex-end;gap:4px 7px;font-variant-numeric:tabular-nums;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .budget-summary-jump > b > em {
    white-space:nowrap;
  }
}
/* React to the actual summary-card width, including split-screen and zoom,
   rather than forcing both large cards into a different desktop layout. */
@container wmd-budget-summary (max-width:580px) {
  #app .wmd-workspace--budget .budget-top .summary-card .summary-grid > .summary-item {
    padding:11px 12px!important;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .summary-item-top > button.budget-summary-jump {
    display:grid!important;grid-template-columns:minmax(0,1fr);
    align-items:start;justify-content:stretch;gap:6px!important;
  }
  #app .wmd-workspace--budget .budget-top .summary-card .summary-item-top > button.budget-summary-jump > b {
    justify-content:flex-start;text-align:left;
  }
}
@container wmd-budget-summary (max-width:395px) {
  #app .wmd-workspace--budget .budget-top .summary-card .summary-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* Preserve the existing single-column summary tile layout on phones. */
@media screen and (max-width:680px) {
  #app .wmd-workspace--budget .budget-top .summary-card .summary-grid {
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* The fourth Budget tile (Unassigned or Overassigned) uses bare <span> and
   <b> children, NOT .budget-summary-jump. Keep the percent inside the card. */
@media screen {
  #app .wmd-workspace--budget .budget-top .summary-card
  .summary-grid > .summary-item:last-child .summary-item-top {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-items:start!important;
    justify-items:stretch!important;
    gap:5px!important;
    min-width:0!important;
    max-width:100%;
  }
  #app .wmd-workspace--budget .budget-top .summary-card
  .summary-grid > .summary-item:last-child .summary-item-top > span {
    display:block!important;
    width:fit-content;
    min-width:0!important;
    max-width:100%;
    box-sizing:border-box;
    padding:0!important;
    margin:0!important;
    background:transparent!important;
    border:0!important;
    white-space:normal!important;
    overflow-wrap:break-word;
  }
  #app .wmd-workspace--budget .budget-top .summary-card
  .summary-grid > .summary-item:last-child .summary-item-top > b {
    display:flex!important;
    min-width:0!important;
    max-width:100%;
    width:100%;
    box-sizing:border-box;
    align-items:baseline!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:2px 8px!important;
    text-align:left!important;
    white-space:normal!important;
    font-variant-numeric:tabular-nums;
  }
  #app .wmd-workspace--budget .budget-top .summary-card
  .summary-grid > .summary-item:last-child .summary-item-top > b > em {
    display:inline-block!important;
    flex:0 0 auto;
    white-space:nowrap!important;
    margin:0!important;
    max-width:100%;
  }
}

}
/* retirement-palette-integrity.css */
@media screen {
/* Retirement appearance integrity | 2026-10-19
   Remove legacy sage/green from Retirement's EDITOR CHROME, including
   nested investment/asset selectors, disclosure summaries and life stages.
   UI colors inherit the selected appearance. Mixed keeps its own identity.
   Positive/funded outcomes, negatives, warnings and category charts retain
   their financial meaning. Screen only, so PDF/print keeps its own styling. */
@media screen {
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page{
  --retire-chrome-panel:var(--wmd-theme-panel,#1a2d40);
  --retire-chrome-deep:var(--wmd-theme-deep,#111f30);
  --retire-chrome-raised:var(--wmd-theme-raised,#243b51);
  --retire-chrome-line:var(--wmd-theme-line,#46627b);
  --retire-chrome-line-soft:var(--wmd-theme-line-soft,#334c63);
  --retire-chrome-ink:var(--wmd-theme-text,#eff7fd);
  --retire-chrome-muted:var(--wmd-theme-muted,#bbcede);
  --retire-chrome-accent:var(--wmd-theme-accent,#8ec8f3);
  --retire-chrome-accent-soft:var(--wmd-theme-accent-soft,#bddffd);
}
/* Marketing tour is permanently Ocean even when the customer has another
   appearance saved for their own signed-in workspace. */
#app .landing-v6 [data-landing-preview="retirement"] .retirement-page{
  --retire-chrome-panel:#1a2d40;
  --retire-chrome-deep:#111f30;
  --retire-chrome-raised:#243b51;
  --retire-chrome-line:#46627b;
  --retire-chrome-line-soft:#334c63;
  --retire-chrome-ink:#eff7fd;
  --retire-chrome-muted:#bbcede;
  --retire-chrome-accent:#8ec8f3;
  --retire-chrome-accent-soft:#bddffd;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-assumptions>details{
  background:var(--retire-chrome-deep)!important;
  border-color:var(--retire-chrome-line)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-assumptions>details[open]{
  background:var(--retire-chrome-panel)!important;
  border-color:color-mix(in srgb,var(--retire-chrome-accent) 30%,var(--retire-chrome-line))!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-assumptions>details[open]>summary{
  background:var(--retire-chrome-raised)!important;
  border-bottom-color:var(--retire-chrome-line-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-assumptions>details>summary:is(:hover,:focus-visible){
  background:var(--retire-chrome-raised)!important;
  outline-color:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner,.retirement-subplanner-disclosure,.retirement-category-editor,
  .retirement-savings-link,.retirement-source,.retirement-future,
  .retirement-future-item,.retirement-future-insight.active,.retirement-real-return,
  .retirement-ss-result,.retirement-healthbreakdown,.retirement-earner,
  .retirement-phase-card,.retirement-phase-accounts,.retirement-event-row,
  .retirement-stage-accounts,.retirement-chart-milestone,
  .retirement-household-totals>div,.retirement-household-totals-highlight
){
  background:var(--retire-chrome-deep)!important;
  background-image:none!important;
  border-color:var(--retire-chrome-line)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(.retirement-subplanner-disclosure,.retirement-phase-accounts)>summary{
  background:transparent!important;
  color:var(--retire-chrome-ink)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(.retirement-subplanner-disclosure,.retirement-phase-accounts)>summary:is(:hover,:focus-visible){
  background:var(--retire-chrome-raised)!important;
  outline-color:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner-disclosure>summary>small,
  .retirement-phase-accounts summary small,
  .retirement-summary-meta,.retirement-model-note,.retirement-help,
  .retirement-earner>label,.retirement-earner-note,
  .retirement-extra-row label,.retirement-stage-row label,
  .retirement-category-controls label,.retirement-investment-account small,
  .retirement-override-total>label>span,.retirement-override-total small,
  .retirement-future-heading p,.retirement-future-heading>strong small,
  .retirement-future-insight,.retirement-future-item small,
  .retirement-ss-result small,.retirement-healthbreakdown p,
  .retirement-phase-hint,.retirement-phase-top label,
  .retirement-phase-account-grid small,.retirement-event-row label,
  .retirement-life-heading span,.retirement-household-totals small,
  .retirement-household-totals span,.retirement-chart-milestone span,
  .retirement-mix-note,.retirement-money-basis-note,
  .retirement-source>span,.retirement-source>small
){
  color:var(--retire-chrome-muted)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner-disclosure>summary::after,
  .retirement-phase-accounts summary::after,
  .retirement-assumptions>details>summary::after,
  .retirement-linked-input>b,.retirement-asset-preview b,
  .retirement-phase-kicker,.retirement-chart-milestone b,
  .retirement-money-basis-note strong,.retirement-assumption-line strong,
  .retirement-household-totals-highlight strong
){
  color:var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-assumptions .retirement-grid2>label>span,
  .retirement-future p,.retirement-subplanner p,
  .retirement-future-insight strong,.retirement-phase-account-grid>label,
  .retirement-phase-accounts summary,.retirement-event-preview,
  .retirement-source>b,.retirement-future-heading>strong,
  .retirement-future-heading h4,.retirement-life-heading h4
){
  color:var(--retire-chrome-ink)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-assumptions .retirement-grid2>label>span>b{
  color:var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner-disclosure .retirement-subplanner-content,
  .retirement-investment-account,.retirement-phase-account-grid,
  .retirement-life-heading,.retirement-household-totals>div,
  .retirement-chart-milestone
){
  border-color:var(--retire-chrome-line-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner-content>button,.retirement-subplanner>button,
  .retirement-category-reset,.retirement-category-editor-head button,
  .retirement-category-more-toggle,.retirement-expense-tools button,
  .retirement-override-total>button,.retirement-source-actions button
){
  background:var(--retire-chrome-raised)!important;
  border-color:var(--retire-chrome-line)!important;
  color:var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-subplanner-content>button,.retirement-subplanner>button,
  .retirement-category-reset,.retirement-category-editor-head button,
  .retirement-category-more-toggle,.retirement-expense-tools button,
  .retirement-override-total>button,.retirement-source-actions button
):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--retire-chrome-accent) 12%,var(--retire-chrome-raised))!important;
  border-color:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-extra-row input,.retirement-extra-row select,
  .retirement-stage-row input,.retirement-stage-row select,
  .retirement-category-controls input,.retirement-dual-amounts input,
  .retirement-earner input,.retirement-stage-accounts input,
  .retirement-phase-card input,.retirement-phase-card select,
  .retirement-event-row input,.retirement-event-row select,
  .retirement-grid2 input,.retirement-grid2 select
):not([type="checkbox"]):not([type="radio"]):not([type="range"]){
  background:var(--retire-chrome-deep)!important;
  border-color:var(--retire-chrome-line)!important;
  color:var(--retire-chrome-ink)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(input[type="checkbox"],input[type="radio"],input[type="range"]){
  accent-color:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(button,input,select,textarea,summary):focus-visible{
  outline-color:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-chart-milestone b{
  color:var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(
  .retirement-chart-under,.retirement-chart-under strong,
  .retirement-real-return span,.retirement-real-return strong,
  .retirement-real-return small,.retirement-phase-account-grid>label,
  .retirement-category-more-toggle,.retirement-mix-comparison-labels,
  .retirement-mix-comparison-labels span:last-child
){
  color:var(--retire-chrome-muted)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-real-return strong{
  color:var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-chart-card .retirement-section-head p::after{
  color:var(--retire-chrome-muted)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(.retirement-line,.retirement-active-guide){
  stroke:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page :is(.retirement-dot.projected,.retirement-active-dot){
  background:var(--retire-chrome-accent)!important;
  fill:var(--retire-chrome-accent)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-point-hit:is(:hover,:focus-visible){
  fill:var(--retire-chrome-accent-soft)!important;
  stroke:var(--retire-chrome-deep)!important;
  filter:none!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-future-segment:is(:hover,:focus-visible){
  box-shadow:0 0 0 2px var(--retire-chrome-accent-soft)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-future-insight.active{
  color:var(--retire-chrome-ink)!important;
}
:is(
  #app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"]) > main.wmd-workspace--retirement,
  #app .landing-v6 [data-landing-preview="retirement"]
) .retirement-page .retirement-subplanner-disclosure>summary .retirement-summary-title{
  color:var(--retire-chrome-ink)!important;
}
}

/* Retirement > Spending plan | Ocean chrome, not legacy mint.
   The earlier retirement override excluded the "original" (Mixed) appearance,
   which left the Budget comparison, category chips and editor sage-green.
   Scope this to the spending disclosure only; chart/category data and
   intentional Mint/Orchid/White/Black/Pink palette choices remain intact. */
@media screen {
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"]{
    --retire-spend-panel:var(--retire-chrome-panel,var(--wmd-theme-panel,#1a2d40));
    --retire-spend-deep:var(--retire-chrome-deep,var(--wmd-theme-deep,#132638));
    --retire-spend-raised:var(--retire-chrome-raised,var(--wmd-theme-raised,#263d51));
    --retire-spend-line:var(--retire-chrome-line,var(--wmd-theme-line,#46627b));
    --retire-spend-ink:var(--retire-chrome-ink,var(--wmd-theme-text,#f0f6fc));
    --retire-spend-muted:var(--retire-chrome-muted,var(--wmd-theme-muted,#b8cfe0));
    --retire-spend-accent:var(--retire-chrome-accent,var(--wmd-theme-accent,#8ec8f3));
    --retire-spend-soft:var(--retire-chrome-accent-soft,var(--wmd-theme-accent-soft,#bddffd));
    background:var(--retire-spend-panel)!important;
    border-color:var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"][open]>summary{
    background:var(--retire-spend-raised)!important;
    border-bottom-color:var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .retirement-plan-disclosure-body{
    background:var(--retire-spend-panel)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .retirement-category-overview{
    background:transparent!important;
    background-image:none!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .category-overview-head>div>span,
    .retirement-mix-comparison-labels span:last-child,
    .money-mix-focus strong em:last-child
  ){
    color:var(--retire-spend-soft)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .category-overview-head p,.category-overview-head>strong small,
    .retirement-mix-comparison-labels,.retirement-mix-note,
    .money-mix-focus small,.retirement-category-editor-head small,
    .retirement-category-amount>span,.retirement-category-metrics
  ){
    color:var(--retire-spend-muted)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .money-mix-focus{
    background:var(--retire-spend-raised)!important;
    background-image:none!important;
    border-color:var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .money-mix-focus>span{
    background:color-mix(in srgb,var(--retire-spend-accent) 13%,var(--retire-spend-deep))!important;
    box-shadow:inset 0 0 0 1px var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .money-mix-focus :is(b,strong,em){
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .money-mix-focus strong em:last-child{
    color:var(--retire-spend-soft)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .retirement-category-chip{
    background:var(--retire-spend-deep)!important;
    background-image:none!important;
    color:var(--retire-spend-ink)!important;
    border-color:var(--retire-spend-line)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] .retirement-category-chip :is(span,b){
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"]
  .retirement-category-chip:is(.selected,:hover,:focus-visible){
    background:var(--retire-spend-raised)!important;
    border-color:var(--retire-spend-accent)!important;
    outline-color:var(--retire-spend-accent)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .retirement-category-more-toggle,.retirement-expense-tools button,
    .retirement-category-reset,.retirement-category-editor-head button
  ){
    background:var(--retire-spend-raised)!important;
    color:var(--retire-spend-soft)!important;
    border-color:var(--retire-spend-line)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .retirement-category-more-toggle,.retirement-expense-tools button,
    .retirement-category-reset,.retirement-category-editor-head button
  ):is(:hover,:focus-visible){
    background:color-mix(in srgb,var(--retire-spend-accent) 12%,var(--retire-spend-raised))!important;
    border-color:var(--retire-spend-accent)!important;
    outline-color:var(--retire-spend-accent)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .retirement-category-editor,.retirement-savings-link
  ){
    background:var(--retire-spend-deep)!important;
    background-image:none!important;
    border-color:var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
  :is(
    #app > main.wmd-workspace--retirement,
    #app .landing-v6 [data-landing-preview="retirement"]
  ) .retirement-page [data-retirement-section="spending"] :is(
    .retirement-category-controls input,.retirement-dual-amounts input
  ){
    background:var(--retire-spend-panel)!important;
    border-color:var(--retire-spend-line)!important;
    color:var(--retire-spend-ink)!important;
  }
}

}
/* setup-journey-palette-integrity.css */
@media screen {
/* Setup journey blue appearance | 2026-10-20
   Fix legacy sage setup controls while preserving meaningful success, warning
   and the warm-sand Budget import/manual method illustrations. The wizard is
   mounted outside the signed-in workspace, so it needs its own palette map. */
@media screen {
body:has(#app[data-wmd-color-scheme="ocean"]) .wmd-journey-shell,
body:has(#app[data-wmd-color-scheme="ocean"]) .onboarding-shell.wmd-journey-shell,
body:has(#app .landing-v6) .wmd-journey-shell{
  --journey-accent:#8ec8f3;
  --journey-accent-soft:#bddffd;
  --journey-raised:#243b51;
  --journey-line:#46627b;
  --journey-deep:#172a3b;
}
body:has(#app[data-wmd-color-scheme="mint"]) .wmd-journey-shell{--journey-accent:#57d7aa;--journey-accent-soft:#9ae8cb;--journey-raised:#233c34;--journey-line:#497661;--journey-deep:#192e27}
body:has(#app[data-wmd-color-scheme="orchid"]) .wmd-journey-shell{--journey-accent:#c8b1f0;--journey-accent-soft:#e0d0ff;--journey-raised:#322e43;--journey-line:#554e67;--journey-deep:#242231}
body:has(#app[data-wmd-color-scheme="pink"]) .wmd-journey-shell{--journey-accent:#ee9bc9;--journey-accent-soft:#ffd5e9;--journey-raised:#39283b;--journey-line:#5b4560;--journey-deep:#291e2b}
body:has(#app[data-wmd-color-scheme="black"]) .wmd-journey-shell{--journey-accent:#d5e0ec;--journey-accent-soft:#eff5fa;--journey-raised:#232a31;--journey-line:#434b55;--journey-deep:#15191e}
body:has(#app[data-wmd-color-scheme="white"]) .wmd-journey-shell{--journey-accent:#286a9e;--journey-accent-soft:#215982;--journey-raised:#e8f0f7;--journey-line:#bdcfdd;--journey-deep:#ffffff}
/* The palette variables above are inherited directly. Do not reassign a
   custom property to itself, which would invalidate the computed value. */
.wmd-journey-shell .wmd-journey-step.is-current{
  background:color-mix(in srgb,var(--journey-accent) 17%,var(--journey-raised))!important;
  border-color:var(--journey-accent)!important;color:#eff7fd!important;
}
.wmd-journey-shell .wmd-journey-step.is-current .wmd-journey-step-number{
  background:var(--journey-accent-soft)!important;border-color:var(--journey-accent-soft)!important;
  color:#102333!important;
}
.wmd-journey-shell .wmd-journey-step:hover,
.wmd-journey-shell .wmd-journey-step:focus-visible{
  background:var(--journey-raised)!important;
}
.wmd-journey-shell :is(.wmd-journey-kicker,.wmd-journey-section-head>span,.wmd-journey-editor summary span,
 .wmd-journey-recap-item>span,.wmd-source-method-tag,.wmd-journey-equation i,
 .wmd-journey-chain i){color:var(--journey-accent-soft)!important}
.wmd-journey-shell :is(.wmd-journey-progress-rail i,.wmd-journey-budget-mix i){background:var(--journey-accent)!important}
.wmd-journey-shell :is(.wmd-journey-btn.is-primary,.wmd-journey-continue){
  background:var(--journey-accent)!important;
  border-color:var(--journey-accent)!important;
  color:#102333!important;
}
.wmd-journey-shell :is(.wmd-journey-btn.is-primary,.wmd-journey-continue):hover:not(:disabled){
  background:var(--journey-accent-soft)!important;border-color:var(--journey-accent-soft)!important
}
.wmd-journey-shell .wmd-quick-plaid-budget{
  background:color-mix(in srgb,var(--journey-accent) 9%,var(--journey-deep))!important;
  border-color:var(--journey-line)!important;
}
.wmd-journey-shell .wmd-quick-plaid-budget strong{color:var(--journey-accent-soft)!important}
.wmd-journey-shell .wmd-quick-plaid-budget p{color:#bbcede!important}
.wmd-journey-shell .wmd-quick-source-grid article:first-child{
  background:linear-gradient(150deg,var(--journey-raised),var(--journey-deep))!important;
  border-color:var(--journey-line)!important
}
.wmd-journey-shell :is(.wmd-journey-next-week,.wmd-journey-editor,.wmd-journey-quick-choice,.wmd-journey-tips p span){
  border-color:var(--journey-line)!important;background:var(--journey-raised)!important
}
.wmd-journey-shell :is(button,input,select,summary):focus-visible{outline-color:var(--journey-accent)!important}
.wmd-journey-shell .wmd-quick-cash-confirm input[type="checkbox"]{accent-color:var(--journey-accent)!important}

/* Budget setup cards use neutral blue surfaces, not legacy sage. */
body:has(#app[data-wmd-color-scheme="ocean"]) .wmd-journey-shell .wmd-quick-source-grid article,
body:has(#app .landing-v6) .wmd-journey-shell .wmd-quick-source-grid article {
  background:linear-gradient(150deg,#243746,#1b2c3b)!important;
  border-color:#55748e!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) .wmd-journey-shell .wmd-quick-source-grid article :is(p,small),
body:has(#app .landing-v6) .wmd-journey-shell .wmd-quick-source-grid article :is(p,small) {
  color:#bbcede!important;
}
body:has(#app[data-wmd-color-scheme="ocean"]) .wmd-journey-shell .wmd-quick-source-grid article :is(.wmd-source-method-tag,.wmd-journey-equation i),
body:has(#app .landing-v6) .wmd-journey-shell .wmd-quick-source-grid article :is(.wmd-source-method-tag,.wmd-journey-equation i) {
  color:#b9dffa!important;
}

/* Keep status-success tick marks and Budget method gold distinct from chrome. */
.wmd-journey-shell .wmd-budget-path-import>.wmd-journey-btn{
  background:#dabd8e!important;border-color:#dabd8e!important;color:#241f17!important
}
}

}
/* connections-palette-integrity.css */
@media screen {
/* Connections palette integrity, 2026-10-20.
   The previous graphite skin has green-gray surfaces and hardcoded mint source
   badges. This last layer follows the selected Settings theme. Ocean is blue
   by default, including on the private Sandbox. Visual changes only. */
#app .connections-center{
  --con-deep:var(--wmd-theme-deep,#13202d);
  --con-panel:var(--wmd-theme-panel,#1a2836);
  --con-raised:var(--wmd-theme-raised,#26384a);
  --con-line:var(--wmd-theme-line,#41596c);
  --con-line-soft:var(--wmd-theme-line-soft,#314857);
  --con-accent:var(--wmd-theme-accent,#8ec8f3);
  --con-accent-soft:var(--wmd-theme-accent-soft,#bddffd);
  --con-text:var(--wmd-theme-text,#f0f6fb);
  --con-muted:var(--wmd-theme-muted,#bdcbd8);
  --con-on-accent:#102334;
  background:var(--con-deep)!important;
  border-color:var(--con-line)!important;
  color:var(--con-text)!important;
}
#app[data-wmd-color-scheme="white"] .connections-center{
  --con-on-accent:#fff;
}
#app .connections-backdrop{background:rgba(4,10,20,.83)!important}
#app .connections-center .connections-topbar{
  background:var(--con-panel)!important;
  border-color:var(--con-line)!important;
}
#app .connections-center :is(.connections-overview>div,.connections-card,
  .connections-step-details,.connections-help,.connections-review,.connections-journey,
  .connections-sandbox-note,.connections-center .plaid-account-empty){
  background:var(--con-panel)!important;
  border-color:var(--con-line)!important;
}
#app .connections-center .connections-overview>div{
  background:var(--con-raised)!important;
}
#app .connections-center :is(.connections-journey>div,
  .connections-guidance>div:not(.connections-round-icon),.connections-source-row){
  border-color:var(--con-line-soft)!important;
}
#app .connections-center :is(.connections-add,.connections-mode,
  .connections-close,.connections-secondary-action,.connections-minor){
  background:var(--con-raised)!important;
  border-color:var(--con-line)!important;
  color:var(--con-text)!important;
}
#app .connections-center .connections-add.primary{
  background:color-mix(in srgb,var(--con-accent) 10%,var(--con-raised))!important;
  border-color:var(--con-accent)!important;
  box-shadow:inset 3px 0 0 var(--con-accent)!important;
}
#app .connections-center :is(.connections-add i,.connections-round-icon){
  background:var(--con-panel)!important;
  color:var(--con-accent-soft)!important;
}
#app .connections-center :is(.connections-add,.connections-secondary-action,
  .connections-minor,.connections-close):hover:not(:disabled){
  background:color-mix(in srgb,var(--con-accent) 13%,var(--con-raised))!important;
  border-color:var(--con-accent)!important;
}
#app .connections-center :is(.connections-step-details>summary,
  .connections-help>summary){
  background:var(--con-panel)!important;
  color:var(--con-text)!important;
}
#app .connections-center :is(.connections-step-details>summary,
  .connections-help>summary):hover{
  background:color-mix(in srgb,var(--con-accent) 10%,var(--con-raised))!important;
}
#app .connections-center .connections-step-details[open]>summary{
  border-color:var(--con-line)!important;
}
#app .connections-center :is(.connections-intro h2,.connections-card h3,
  .connections-card-head h3,.connections-overview strong,.connections-journey b,
  .connections-review strong,.connections-guidance b,.connections-source-row strong,
  .connections-add strong,.connections-top-brand,.connections-sandbox-note strong){
  color:var(--con-text)!important;
}
#app .connections-center :is(.connections-intro p,.connections-card-head p,
  .connections-card>p,.connections-overview span,.connections-overview small,
  .connections-journey span,.connections-review small,.connections-guidance span,
  .connections-source-row small,.connections-source-center>p,.connections-add small,
  .connections-sandbox-note p,.connections-holdings>summary small){
  color:var(--con-muted)!important;
}
#app .connections-center :is(.connections-intro .connections-kicker,
  .connections-card-head>span,.connections-health-head>span){
  color:var(--con-accent-soft)!important;
}
#app .connections-center .connections-source-row>span{
  background:var(--con-raised)!important;
  border-color:var(--con-line)!important;
  color:var(--con-accent-soft)!important;
}
#app .connections-center :is(.plaid-institution,.plaid-account-empty){
  background:var(--con-panel)!important;
  border-color:var(--con-line)!important;
}
#app .connections-center :is(.plaid-map-label select,.connections-account-row select){
  background:var(--con-deep)!important;
  border-color:var(--con-line)!important;
  color:var(--con-text)!important;
}
#app .connections-center .connections-primary-action:not(:disabled){
  background:var(--con-accent)!important;
  border-color:var(--con-accent)!important;
  color:var(--con-on-accent)!important;
}
#app .connections-center .connections-primary-action:hover:not(:disabled){
  background:var(--con-accent-soft)!important;
  border-color:var(--con-accent-soft)!important;
  color:var(--con-on-accent)!important;
}
#app .connections-center .connections-message:not(.error){
  background:var(--con-raised)!important;
  border-color:var(--con-line)!important;
  color:var(--con-text)!important;
}
#app .connections-center :is(button,select,summary,input):focus-visible{
  outline:2px solid var(--con-accent)!important;
  outline-offset:2px!important;
}
#app .connections-networth-entry,
#app .connections-settings-button,
#app .connections-context-button,
#app > header .connections-header-button{
  background:var(--wmd-theme-raised,#26384a)!important;
  border-color:var(--wmd-theme-line,#41596c)!important;
  color:var(--wmd-theme-text,#f0f6fb)!important;
}
#app .connections-source-row>span{
  color:var(--wmd-theme-accent-soft,#bddffd)!important;
  border-color:var(--wmd-theme-line,#41596c)!important;
  background:var(--wmd-theme-raised,#26384a)!important;
}
#app .connections-source-row{border-bottom-color:var(--wmd-theme-line-soft,#314857)!important}

}
/* landing-ocean-palette-integrity.css */
@media screen {
/* Where's My Dollar? public landing, Ocean palette integrity.
   Keep this stylesheet LAST in index.html. Previous landing layers still
   contain legacy mint/green literals and !important declarations.
   Restrict changes to public marketing chrome, not embedded product data,
   financial gain/loss meaning, or signed-in customer workspaces. */

#app .landing-v6 {
  --wmd-brand-mint:#8ec8f3;
  --wmd-brand-mint-soft:#b9dffa;
  --wmd-landing-mint:#b9dffa;
  --tour-mint:#8ec8f3;
  --wmd-brand-line:#456783;
  --wmd-brand-surface:#1b3040;
  --wmd-landing-ink:#eff7ff;
  --wmd-landing-muted:#bbcede;
  --wmd-landing-line:rgba(142,200,243,.27);
}

/* Conversion copy, headline emphasis and quiet details are blue or neutral. */
#app .landing-v6 :is(
  .launch-quick h2 em,.launch-update-intro h2 em,
  .landing-ask-refresh .landing-ask-copy h2 em,
  .wmd-hero-confidence a,
  .launch-quick-transition .launch-eyebrow
) {color:#b9dffa!important}
#app .landing-v6 :is(
  .wmd-hero-confidence,.landing-hero-assurance,
  .launch-quick-copy>p,.launch-quick-transition>p,
  .launch-quick-privacy,.launch-ripple-disclaimer,
  .launch-setup-methods>p,.launch-update-intro>p,
  .launch-update-disclosure,.launch-pricing-header>p
) {color:#bdd0de!important}
#app .landing-v6 .wmd-hero-confidence a {
  text-decoration-color:rgba(142,200,243,.5)!important;
}
#app .landing-v6 .wmd-founder-focus>.landing-intro-v5
 .landing-hero-ctas-v5 .landing-primary:is(:hover,:focus-visible) {
  box-shadow:0 8px 24px rgba(91,158,213,.2),0 0 0 1px rgba(142,200,243,.3)!important;
  outline-color:#b9dffa!important;
}

/* Fictional scenario: no green status, slider, inputs, summary or card tints. */
#app .landing-v6 .wmd-scenario-availability {color:#bdd0de!important}
#app .landing-v6 .wmd-scenario-availability span {
  color:#cfeaff!important;
  background:rgba(93,151,198,.14)!important;
  border-color:rgba(142,200,243,.48)!important;
}
#app .landing-v6 .launch-quick-transition {
  border-color:rgba(142,200,243,.28)!important;
}
#app .landing-v6 .launch-quick-transition>p.launch-quick-focus {
  color:#b9dffa!important;
}
#app .landing-v6 .launch-ripple-head>span {
  color:#cee6f7!important;
  background:#1b3040!important;
  border-color:#547b96!important;
}
#app .landing-v6 .launch-ripple-card .launch-ripple-control {
  color:#eaf5fe!important;
  background:#172a39!important;
  border-color:rgba(142,200,243,.26)!important;
}
#app .landing-v6 .launch-ripple-control-top>label {color:#e6f1fb!important}
#app .landing-v6 .launch-ripple-amount {
  color:#b9dffa!important;
  background:#20394b!important;
  border-color:#547d9a!important;
}
#app .landing-v6 .launch-ripple-amount input {
  color:#f0f7fd!important;
  caret-color:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-range {accent-color:#8ec8f3!important}
#app .landing-v6 .launch-ripple-range:focus-visible,
#app .landing-v6 .launch-ripple-amount:focus-within {
  outline-color:#b9dffa!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-scale,
#app .landing-v6 .launch-ripple-control>p {
  color:#b4c9d9!important;
}
#app .landing-v6 .launch-ripple-results>article {
  --ripple-accent:#8ec8f3;
  background:#1b2d3c!important;
  border-color:rgba(142,200,243,.26)!important;
}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="budget"] {--ripple-accent:#d6bc91}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="cashflow"] {--ripple-accent:#8ec8f3}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="debt"] {--ripple-accent:#d4afb2}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="investments"] {--ripple-accent:#bcb4e1}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="networth"] {--ripple-accent:#a8d7fa}
#app .landing-v6 .launch-ripple-results>article[data-ripple-area="retirement"] {--ripple-accent:#9abbd2}
#app .landing-v6 .launch-ripple-results>article>small {color:#b6cbd9!important}
#app .landing-v6 .launch-ripple-takeaway {
  background:#1b3040!important;
  border-left-color:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-takeaway>p {color:#bacfde!important}
#app .landing-v6 .launch-ripple-expanded>summary {
  background:#203749!important;
  color:#d5ecfc!important;
  border-color:#426882!important;
}
#app .landing-v6 .launch-ripple-expanded>summary:is(:hover,:focus-visible) {
  background:#29485e!important;
  color:#f0f8fe!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed) {
  background:linear-gradient(115deg,#172e40,#142431)!important;
  border-color:rgba(142,200,243,.38)!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed)
 :is(.launch-ripple-reserve-kicker,.launch-ripple-reserve-status) {
  color:#b9dffa!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed) .launch-ripple-reserve-status {
  background:#244057!important;
  border-color:#5684a5!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed) .launch-ripple-reserve-track {
  background:#294458!important;
}
#app .landing-v6 .launch-ripple-reserve:not(.is-needed) .launch-ripple-reserve-track>span {
  background:#8ec8f3!important;
}
#app .landing-v6 .launch-ripple-reserve-details p,
#app .landing-v6 .launch-ripple-reserve-kicker small {
  color:#bdd0de!important;
}
/* Reserve depletion, debt warnings and negative money remain amber/rose. */

/* Guided start and Snapper / Plaid update choices. */
#app .landing-v6 .wmd-founder-focus .launch-setup-number {
  color:#cce7fa!important;
  background:#20394e!important;
  border-color:#5a82a0!important;
}
#app .landing-v6 .wmd-founder-focus .launch-setup-step {
  border-bottom-color:rgba(142,200,243,.3)!important;
}
#app .landing-v6 :is(.launch-update-card-snapper,.launch-update-card-plaid) {
  --plan-accent:#8ec8f3;
  --plan-fill:#213c51;
  --plan-line:#517d9e;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card-snapper {
  background:linear-gradient(150deg,#1b3142,#142433)!important;
  border-color:rgba(142,200,243,.36)!important;
}
#app .landing-v6 .wmd-founder-focus .launch-update-grid>.launch-update-card-plaid,
#app .landing-v6 .wmd-founder-focus .wmd-connections-details {
  background:linear-gradient(150deg,#1a3041,#142431)!important;
  border-color:rgba(142,200,243,.32)!important;
}
#app .landing-v6 .launch-update-card
 :is(.launch-update-status,.launch-update-privacy,.launch-update-icon) {
  background:#20394d!important;
  border-color:#517b99!important;
}
#app .landing-v6 .launch-update-card
 :is(.launch-update-status,.launch-update-type,.launch-update-flow i,.launch-update-privacy strong) {
  color:#b9dffa!important;
}
#app .landing-v6 .launch-update-card
 :is(.launch-update-flow span,.launch-update-privacy span,.launch-update-disclosure) {
  color:#c0d2df!important;
}
#app .landing-v6 .launch-update-card .launch-update-flow {
  border-top-color:rgba(142,200,243,.25)!important;
}
#app .landing-v6 .wmd-founder-focus .wmd-connections-details
 :is(.wmd-connected-chevron,summary strong,summary small) {
  color:#c9dfef!important;
}
#app .landing-v6 .launch-update-card .launch-product-cta {
  background:#243f53!important;
  color:#e7f3fc!important;
  border-color:#547e9e!important;
}
#app .landing-v6 .launch-update-card .launch-product-cta:is(:hover,:focus-visible) {
  background:#2d4c63!important;
  border-color:#8ec8f3!important;
}

/* Ask Your Money: header, sample label, question controls, answer and proof. */
#app .landing-v6 .landing-ask-refresh .landing-ask-demo {
  background:linear-gradient(155deg,#1c3345,#142536 84%)!important;
  border-color:rgba(142,200,243,.38)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top>small,
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top>small :is(span,b,strong,em) {
  color:#c4ddf0!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-top .landing-ask-live-dot {
  background:#8ec8f3!important;
  box-shadow:0 0 0 3px rgba(142,200,243,.16)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row {
  background:#112330!important;
  border-color:#476e8a!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row:focus-within {
  border-color:#8ec8f3!important;
  box-shadow:0 0 0 3px rgba(142,200,243,.16)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row input::placeholder {
  color:#9db9ce!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button {
  background:#20384a!important;
  border-color:#426a86!important;
  color:#d7e9f6!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button:is(:hover,:focus-visible) {
  background:#2b4c63!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-questions button[aria-pressed="true"] {
  background:#2a475c!important;
  color:#edf8ff!important;
  border-color:#8ec8f3!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer {
  background:linear-gradient(155deg,#152a3b,#102331)!important;
  border-color:rgba(142,200,243,.3)!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-facts>div {
  background:#193043!important;
  border-color:#436682!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-facts>div span,
#app .landing-v6 .landing-ask-refresh :is(.landing-ask-draft,.landing-ask-answer>small) {
  color:#aac8dd!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-status:not([data-status="attention"]):not([data-status="needs-data"]) {
  background:#203c52!important;
  color:#cce7f9!important;
  border-color:#527b99!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer>p,
#app .landing-v6 .landing-ask-refresh .landing-ask-demo-footer>span {
  color:#c1d5e4!important;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-answer-next>button,
#app .landing-v6 .landing-ask-refresh .landing-ask-followups button {
  color:#cce7f9!important;
}
#app .landing-v6 .landing-ask-refresh :is(button,input,summary):focus-visible {
  outline-color:#8ec8f3!important;
}

/* Pricing: featured Complete stays blue, Free and Connected neutral navy. */
#app .landing-v6 .launch-path-grid-three>.launch-path-card {
  --plan-accent:#8ec8f3;
  --plan-fill:#203a4f;
  --plan-line:#507b9a;
  background:linear-gradient(160deg,#1b3041,#132431 85%)!important;
  border-color:#507895!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-manual {
  --tier-accent:#a5bfd1;
  --tier-line:rgba(142,200,243,.35);
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper {
  --tier-accent:#8ec8f3;
  --tier-line:rgba(142,200,243,.66);
  background:radial-gradient(ellipse 94% 56% at 50% -10%,rgba(107,168,215,.12),transparent 88%),linear-gradient(160deg,#1d3649,#152636 84%)!important;
  border-color:rgba(142,200,243,.66)!important;
  box-shadow:0 16px 40px rgba(4,13,25,.18)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot {
  --tier-accent:#a8d7fa;
  --tier-line:rgba(142,200,243,.46);
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card:hover {
  border-color:rgba(175,217,246,.8)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge-available,
#app .landing-v6 .launch-path-grid-three .launch-path-savings {
  color:#cfeaff!important;
  background:#203c52!important;
  border-color:#5482a3!important;
}
#app .landing-v6 .launch-path-grid-three
 :is(.launch-path-index,.launch-path-verb,.launch-path-copy,.launch-path-price-reference,
 .launch-path-price-current>span,.launch-path-card-bottom>small) {
  color:#bfd3e1!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list {
  border-top-color:rgba(142,200,243,.24)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li,
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li strong {
  color:#e6f2fb!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li::before {
  color:#8ec8f3!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-icon {
  background:#203c50!important;
  border-color:#517d9b!important;
  color:#b9dffa!important;
}
#app .landing-v6 .wmd-pricing-availability {color:#bacfdf!important}
#app .landing-v6 .wmd-pricing-availability span:first-child {color:#b9dffa!important}
#app .landing-v6 .wmd-pricing-availability span+span::before {color:#86acc8!important}
#app .landing-v6 .launch-path-footnote {color:#a9c5d9!important}
#app .landing-v6 .launch-path-grid-three .launch-path-action:focus-visible {
  outline-color:#b9dffa!important;
}

/* Public security and reassurance are trust information, not a green signal. */
#app .landing-v6 .landing-security-v5
 :is(.landing-trust-points>span,.landing-trust-details,.compact-trust-note) {
  color:#d6e9f6!important;
  background:#1b3040!important;
  border-color:rgba(142,200,243,.34)!important;
}
#app .landing-v6 .landing-security-v5
 :is(.landing-trust-points>span b,.landing-trust-details>summary,.landing-trust-conclusion strong) {
  color:#b9dffa!important;
}


/* Mobile tour: remove residual mint from marketing-only navigation and frame. */
#app .landing-v6 .landing-hero-ctas-v5 a:not(.landing-primary),
#app .landing-v6 .landing-product-tour-v5 :is(.landing-tour-eyebrow,.landing-tour-kicker,.landing-tour-tab-navigation,.landing-tour-device) {
  border-color:rgba(142,200,243,.38)!important;
}
#app .landing-v6 .landing-product-tour-v5 :is(.landing-tour-eyebrow,.landing-tour-kicker) {
  color:#8ec8f3!important;
}
#app .landing-v6 .landing-tour-tab-navigation .landing-tour-tab:is(.active,[aria-selected="true"]) {
  background:#2b4860!important;border-color:#8ec8f3!important;color:#eff7ff!important;
}
#app .landing-v6 .landing-hero-ctas-v5 a:not(.landing-primary) {
  text-decoration-color:#8ec8f3!important;box-shadow:none!important;
}

/* Public Ask Your Money uses a real multiline question field in baby blue. */
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 width:100%;max-width:100%;min-width:0;min-height:0!important;
 gap:8px!important;padding:10px!important;overflow:hidden;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row textarea{
 box-sizing:border-box;display:block;flex:1 1 auto;width:100%;max-width:100%;min-width:0;
 min-height:56px;height:56px;max-height:192px;padding:9px 11px;
 border:0!important;border-radius:7px;background:transparent!important;
 outline:0!important;box-shadow:none!important;resize:none;
 color:#eef8ff!important;font:500 16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 overflow-wrap:anywhere;overflow-y:auto;-webkit-appearance:none;appearance:none;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row textarea::placeholder{
 color:#b4cbdc!important;opacity:1;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row textarea:focus-visible{
 outline:2px solid #8ec8f3!important;outline-offset:-2px;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button{
 align-self:flex-end;flex:0 0 auto;width:auto;min-width:91px;min-height:44px;
 padding:10px 18px!important;border:1px solid #8ec8f3!important;
 border-radius:10px!important;background:#b9dffa!important;color:#12334e!important;
 font:800 14px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 cursor:pointer;
}
#app .landing-v6 .landing-ask-refresh .landing-ask-input-row>button:is(:hover,:focus-visible){
 background:#d6edff!important;border-color:#b9dffa!important;color:#0e2b44!important;
}
@media(max-width:560px){
 #app .landing-v6 .landing-ask-refresh .landing-ask-demo{min-width:0;max-width:100%;}
 #app .landing-v6 .landing-ask-refresh .landing-ask-input-row{padding:9px!important;}
 #app .landing-v6 .landing-ask-refresh .landing-ask-input-row textarea{font-size:16px!important;}
 #app .landing-v6 .landing-ask-refresh .landing-ask-demo-top{flex-wrap:wrap;}
}

}
/* goals-readability-theme.css */
@media screen {
/* Goals readability and appearance alignment.
   Photo colors and genuine warning/error states are deliberately untouched.
   Scoped to the signed-in Goals workspace, not public sample data. */
#app > main.wmd-workspace--goals .wmd-goals-page{
  --goal-readable-accent:var(--wmd-theme-accent,var(--goal-accent,#8ec8f3));
  --goal-readable-accent-soft:var(--wmd-theme-accent-soft,var(--goal-readable-accent));
  --goal-readable-ink:var(--wmd-theme-text,var(--goal-text,#edf6ff));
  --goal-readable-muted:var(--wmd-theme-muted,var(--goal-muted,#c0d0df));
}
/* The featured goal is the focus of this page: make progress immediately legible. */
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-layout-hint{
  font-size:13px!important;line-height:1.55!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-section-head h2{
  font-size:20px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-secondary-heading h2{
  font-size:18px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-eyebrow{
  font-size:11px!important;line-height:1.35!important;letter-spacing:.10em;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-card-titles h3{
  font-size:clamp(23px,2.25vw,29px)!important;line-height:1.18!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-subtitle{
  font-size:13px!important;line-height:1.45!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-status{
  font-size:11.5px!important;line-height:1.25!important;
  min-height:29px;max-width:none;padding:6px 10px;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-numbers strong{
  font-size:clamp(25px,2.65vw,31px)!important;
  line-height:1.15!important;font-weight:790!important;font-variant-numeric:tabular-nums;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-numbers>span{
  font-size:14px!important;line-height:1.5!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-line>span{
  font-size:22px!important;line-height:1.1!important;font-weight:820!important;
  min-width:3ch;text-align:right;font-variant-numeric:tabular-nums;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-track{
  height:10px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-next>span{
  font-size:11.5px!important;line-height:1.3!important;letter-spacing:.09em;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-next p{
  font-size:15px!important;line-height:1.55!important;max-width:53ch;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-main-actions button{
  min-height:34px;font-size:14px!important;line-height:1.35!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-detail-stats span{
  font-size:13px!important;line-height:1.45!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-detail-stats strong{
  font-size:17px!important;line-height:1.4!important;font-variant-numeric:tabular-nums;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-source{
  font-size:13.5px!important;line-height:1.6!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-actions button{
  min-height:40px!important;padding:9px 12px!important;
  font-size:13px!important;line-height:1.3!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-more-actions>summary{
  min-height:40px;display:inline-flex;align-items:center;
  font-size:13px!important;line-height:1.4!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-size-choices>span{
  font-size:12px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-meta .wmd-goal-resize{
  font-size:12px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-meta .wmd-goal-resize span{
  font-size:11px!important;
}
/* Other goals should be readable too, while remaining visually secondary. */
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-card-titles h3{
  font-size:17px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact.size-wide .wmd-goal-card-titles h3{
  font-size:19px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-progress-numbers strong{
  font-size:18px!important;line-height:1.2!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-progress-numbers>span{
  font-size:12px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-progress-line>span{
  font-size:16px!important;line-height:1.2!important;font-weight:790!important;
  font-variant-numeric:tabular-nums;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-track{
  height:7px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-main-actions button{
  font-size:12.5px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-funding p{
  font-size:13px!important;line-height:1.55!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-funding button{
  font-size:13px!important;line-height:1.45!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-quiet-summary{
  font-size:13px!important;
}
#app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-quiet-summary strong{
  font-size:15px!important;
}
/* The original Mixed appearance intentionally has warm Goals accents.
   Every other selected appearance must use its actual accent, not terracotta.
   Real late, behind, and missing states retain their warning semantics. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page
 :is(.wmd-goal-eyebrow,.wmd-goal-next>span,.wmd-goals-funding>span){
  color:var(--goal-readable-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page
 :is(.wmd-goal-main-actions button,.wmd-goal-more-actions>summary){
  color:var(--goal-readable-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-progress-line>span{
  color:var(--goal-readable-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card:not(.is-attention) .wmd-goal-track>i{
  background:var(--goal-readable-accent)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-actions
 button:not(.wmd-goal-delete-link):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--goal-readable-accent) 12%,var(--goal-raised))!important;
  border-color:var(--goal-readable-accent)!important;
  color:var(--goal-readable-ink)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-filter button.active{
  background:color-mix(in srgb,var(--goal-readable-accent) 12%,var(--goal-raised))!important;
  border-color:color-mix(in srgb,var(--goal-readable-accent) 55%,var(--goal-border))!important;
  color:var(--goal-readable-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page
 .wmd-goal-card-actions .wmd-goal-size-choices button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--goal-readable-accent) 13%,var(--goal-raised))!important;
  border-color:var(--goal-readable-accent)!important;
  color:var(--goal-readable-accent-soft)!important;
}
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
 > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-main-actions .wmd-goal-feature-action{
  background:color-mix(in srgb,var(--goal-readable-accent) 10%,var(--goal-raised))!important;
  border-color:color-mix(in srgb,var(--goal-readable-accent) 48%,var(--goal-border))!important;
}
/* Keep buttons usable and goal details readable on smaller viewports. */
@media(max-width:800px){
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-card-titles h3{font-size:26px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-numbers strong{font-size:28px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-detail-stats{gap:15px 12px}
}
@media(max-width:650px){
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-layout-hint{font-size:12.5px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-card-titles h3{font-size:24px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-numbers strong{font-size:26px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goals-featured .wmd-goal-progress-line>span{font-size:20px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-card-titles h3{font-size:16px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-progress-numbers strong{font-size:17px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card.is-compact .wmd-goal-progress-line>span{font-size:15px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-card-actions button{min-height:42px!important}
 #app > main.wmd-workspace--goals .wmd-goals-page .wmd-goal-detail-stats strong{font-size:16px!important}
}
@media(forced-colors:active){
 #app > main.wmd-workspace--goals .wmd-goal-progress-line>span{color:CanvasText!important}
 #app > main.wmd-workspace--goals .wmd-goal-main-actions button{color:LinkText!important}
}

}
/* networth-readability-finish.css */
@media screen {
/* Net Worth final pass, 2026-10-20.
   Improve readability without changing balances or the overall dashboard layout.
   Categories no longer truncate inside a nested 186px scrollbar. */
#app main.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend{
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
  align-content:start!important;
  padding:3px 0 5px!important;
  scrollbar-width:none!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-layout{
  align-items:start!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more{
  display:block!important;
  grid-column:1/-1;
  min-width:0;
  border-top:1px solid var(--wmd-theme-line-soft,var(--wmd-ui-line-soft,#35516a));
  margin-top:2px;padding-top:5px;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more>summary{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:37px;padding:8px 9px;cursor:pointer;
  list-style:none;border:1px solid transparent;border-radius:8px;
  color:var(--wmd-theme-accent-soft,#bddffd)!important;
  font-size:13px!important;font-weight:700!important;
  line-height:1.4;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more>summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more>summary::after{
  content:'⌄';font-size:16px;flex:none;transition:transform .14s ease;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more[open]>summary::after{
  transform:rotate(180deg);
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more>summary:is(:hover,:focus-visible){
  border-color:var(--wmd-theme-line,#44637c)!important;
  background:var(--wmd-theme-raised,#273d51)!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more>summary:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#8ec8f3)!important;outline-offset:2px;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more-items{
  display:grid!important;gap:5px;min-width:0;padding:5px 0 2px;
  grid-auto-rows:max-content;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more:not([open])>.nw-legend-more-items{
  display:none!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more-items .nw-mix-legend-item,
#app main.wmd-workspace--networth .nw-top-row .nw-legend-more-items .nw-mix-smaller-toggle{
  width:100%!important;min-width:0!important;
}
#app main.wmd-workspace--networth .nw-top-row:has(.nw-legend-more[open]){
  align-items:start!important;
}
#app main.wmd-workspace--networth .nw-top-row:has(.nw-legend-more[open])>.nw-unified-overview{
  align-self:start!important;
}
/* Keep the selected Net Worth card and chart readable, even at split-screen widths. */
#app main.wmd-workspace--networth .nw-top-row .nw-heading-meta>small{
  font-size:12px!important;line-height:1.45!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-heading-meta{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0;
}
#app main.wmd-workspace--networth .nw-top-row .nw-balance-review-link{
  appearance:none;-webkit-appearance:none;
  border:1px solid color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 46%,transparent)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 9%,transparent)!important;
  margin:0;padding:5px 8px!important;display:inline-flex;align-items:center;gap:5px;
  min-height:32px;border-radius:8px!important;
  color:var(--wmd-theme-accent,#8ec8f3)!important;
  font:700 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  cursor:pointer;text-align:right;white-space:nowrap;
}
#app main.wmd-workspace--networth .nw-top-row .nw-balance-review-link>span{
  font-size:16px;line-height:1;transform:translateY(-.5px);
}
#app main.wmd-workspace--networth .nw-top-row .nw-balance-review-link:is(:hover,:focus-visible){
  color:#e5f5ff!important;
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 17%,transparent)!important;
  text-decoration:none;outline:none;
}
#app main.wmd-workspace--networth .nw-top-row .nw-balance-review-link:focus-visible{
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 60%,transparent);
}
#app main.wmd-workspace--networth .nw-top-row .nw-hero-growth{
  font-size:13px!important;line-height:1.55!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-focus-actions>button,
#app main.wmd-workspace--networth .nw-top-row .nw-goal-details>summary{
  font-size:12.5px!important;
  line-height:1.3!important;
  white-space:normal!important;
  text-align:center;min-height:38px!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-goal-details>summary{
  gap:5px!important;
  max-width:100%;
}
@media(min-width:581px){
  #app main.wmd-workspace--networth .nw-top-row .nw-focus-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    align-items:stretch!important;
  }
  #app main.wmd-workspace--networth .nw-top-row .nw-focus-actions>button,
  #app main.wmd-workspace--networth .nw-top-row .nw-focus-actions>.nw-goal-details{
    width:100%;min-width:0;
  }
  #app main.wmd-workspace--networth .nw-top-row .nw-goal-details>summary{
    width:100%;justify-content:center;
  }
  #app main.wmd-workspace--networth .nw-top-row .nw-goal-details[open]{
    grid-column:1/-1;
  }
  #app main.wmd-workspace--networth .nw-top-row .nw-goal-details[open]>summary{
    width:max-content;max-width:100%;
  }
}
#app main.wmd-workspace--networth .nw-top-row .nw-goal-details .networth-goal label{
  font-size:12.5px!important;line-height:1.45!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-context,
#app main.wmd-workspace--networth .nw-top-row .nw-equity-explainer{
  font-size:12.5px!important;line-height:1.5!important;
  color:var(--wmd-theme-muted,#bdcbd8)!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-context{
  border-color:var(--wmd-theme-line-soft,#354b61)!important;
  background:color-mix(in srgb,var(--wmd-theme-raised,#26384a) 33%,transparent)!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item{
  min-height:42px!important;padding:7px 10px!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-panel
 .nw-mix-legend-name span{
  font-size:13.5px!important;line-height:1.35!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-chart-panel
 .nw-mix-legend-amount{
  font-size:12.5px!important;line-height:1.3!important;
}
#app main.wmd-workspace--networth .nw-top-row .nw-allocation-more>summary{
  font-size:12.5px!important;line-height:1.4!important;
  min-height:36px!important;
}
/* Contextual Budget setup should be a small reminder, not the page's hero. */
#app main.wmd-workspace--networth>.wmd-next-step--simple{
  padding:8px 12px!important;
  margin:4px 0 11px!important;
  border-radius:9px!important;
  border-color:var(--wmd-theme-line-soft,#36536b)!important;
  background:var(--wmd-theme-deep,#13202d)!important;
  gap:7px 12px!important;
}
#app main.wmd-workspace--networth>.wmd-next-step--simple .wmd-next-step-label{
  font-size:10px!important;letter-spacing:.04em;
}
#app main.wmd-workspace--networth>.wmd-next-step--simple .wmd-next-step-content h2{
  margin:2px 0!important;
  font-size:13.5px!important;line-height:1.35!important;
}
#app main.wmd-workspace--networth>.wmd-next-step--simple .wmd-next-step-content p{
  margin:0!important;
  font-size:12px!important;line-height:1.45!important;
}
#app main.wmd-workspace--networth>.wmd-next-step--simple .wmd-next-step-primary{
  font-size:12px!important;min-height:36px!important;
}
#app main.wmd-workspace--networth>.wmd-next-step--simple>.wmd-next-step-later{
  font-size:12px!important;min-height:36px!important;padding:6px!important;
}
@media(max-width:650px){
  #app main.wmd-workspace--networth .nw-top-row .nw-hero-growth{
    font-size:12.5px!important;
  }
  #app main.wmd-workspace--networth>.wmd-next-step--simple{
    padding:10px 11px!important;
    gap:6px 10px!important;
  }
  #app main.wmd-workspace--networth>.wmd-next-step--simple .wmd-next-step-actions{
    flex-wrap:wrap!important;
  }
  #app main.wmd-workspace--networth .nw-top-row .nw-chart-panel .nw-mix-legend-item{
    min-height:43px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--networth .nw-legend-more>summary::after{transition:none}
}

/* Balance reminders open the precise account and are comfortable to tap. */
#app main.wmd-workspace--networth .nw-top-row .nw-balance-review-link{
 position:relative;z-index:3;pointer-events:auto!important;min-height:42px!important;
 padding:9px 12px!important;font-size:13px!important;
}
#app main.wmd-workspace--networth .nw-balance-review .nw-review-row{
 min-height:55px!important;align-items:center;gap:12px;padding:12px 14px!important;
}
#app main.wmd-workspace--networth .nw-balance-review .nw-review-row strong{
 font-size:14px!important;line-height:1.4!important;
}
#app main.wmd-workspace--networth .nw-balance-review .nw-review-row small{
 font-size:12.5px!important;line-height:1.5!important;
}
#app main.wmd-workspace--networth .nw-balance-review .nw-review-row b{
 font-size:13.5px!important;line-height:1.4!important;
}
#app main.wmd-workspace--networth .nw-balance-review .nw-review-row:focus-visible{
 outline:2px solid #b9dffa!important;outline-offset:2px;
}

/* Release acceptance: liabilities stay as neutral as Assets at rest, but
   hovering/focusing their actual Net Worth navigation card must turn rose.
   The later shared focus glow previously overrode this with Ocean blue. */
#app main.wmd-workspace.wmd-workspace--networth .nw-top-row
 .nw-unified-overview .nw-focus-figures .nw-focus-figure.liability:is(:hover,:focus-visible){
  border-color:#df96a0!important;
  background:color-mix(in srgb,var(--wmd-ui-deep,#1b2b3b) 86%,#df96a0 14%)!important;
  box-shadow:0 0 0 2px rgba(223,150,160,.18)!important;
}
#app main.wmd-workspace.wmd-workspace--networth .nw-top-row
 .nw-unified-overview .nw-focus-figures .nw-focus-figure.liability:is(:hover,:focus-visible)>span>span{
  color:#e8a5ae!important;opacity:1!important;
}


/* Brand-blue Net Worth history: the legacy mint stroke must not override
   the selected workspace accent. Semantic gain/loss text stays independent. */
#app[data-wmd-color-scheme]:not([data-wmd-color-scheme="original"])
  > main.wmd-workspace.wmd-workspace--networth
  .history-panel .history-chart-frame path.history-line{
  stroke:var(--wmd-accent)!important;
}

}
/* networth-goal-progress.css */
@media screen {
/* Net Worth goal progress stays visible even while editing. */
#app main.wmd-workspace--networth .nw-top-row .nw-focus-actions{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:9px!important;align-items:stretch!important;min-width:0
}
#app main.wmd-workspace--networth .nw-top-row .nw-focus-actions>button{
 width:100%!important;min-width:0!important;min-height:44px!important;
 font-size:13.5px!important;font-weight:730!important
}
#app main.wmd-workspace--networth .nw-goal-edit-button{
 background:color-mix(in srgb,var(--wmd-theme-accent,#86c6f5) 9%,var(--wmd-theme-deep,#162d40))!important;
 color:var(--wmd-theme-text,#eef8ff)!important;border:1px solid var(--wmd-theme-line,#45677d)!important;
 border-radius:9px!important;cursor:pointer
}
#app main.wmd-workspace--networth .nw-goal-edit-button:is(:hover,:focus-visible){
 outline:2px solid var(--wmd-theme-accent,#9ad4fa)!important;outline-offset:2px
}
/* Integrated goal meter: keep the Net Worth figure dominant. The bar is
   a read-only progress indicator, with no draggable thumb or click affordance. */
#app main.wmd-workspace--networth .nw-goal-progress-card{
 display:grid;gap:6px;min-width:0;margin:9px 0 0;padding:9px 0 0;
 border:0;border-top:1px solid var(--wmd-theme-line-soft,#38546d);
 border-radius:0;background:transparent;box-shadow:none
}
#app main.wmd-workspace--networth .nw-goal-progress-head{
 display:flex;align-items:baseline;justify-content:space-between;
 min-width:0;gap:6px 10px
}
#app main.wmd-workspace--networth .nw-goal-progress-head>span{
 min-width:0;overflow-wrap:anywhere;color:var(--wmd-theme-muted,#c4d5e0);
 font:750 10.5px/1.35 system-ui,sans-serif;letter-spacing:.035em
}
#app main.wmd-workspace--networth .nw-goal-progress-percent{
 flex:none;white-space:nowrap;color:var(--wmd-theme-text,#f0f8ff);
 font:800 clamp(15px,1.6vw,18px)/1.2 system-ui,sans-serif;
 letter-spacing:-.02em;font-variant-numeric:tabular-nums
}
#app main.wmd-workspace--networth .nw-goal-progress-track{
 display:block;width:100%;height:7px;box-sizing:border-box;overflow:hidden;
 border:0;border-radius:999px;
 background:color-mix(in srgb,var(--wmd-theme-accent,#83c5ef) 13%,
 var(--wmd-theme-deep,#152b40));box-shadow:none;
 cursor:default;pointer-events:none
}
#app main.wmd-workspace--networth .nw-goal-progress-fill{
 display:block;height:100%;border-radius:inherit;
 background:var(--wmd-theme-accent,#8fcaf2);box-shadow:none;
 transition:width .25s ease-out
}
#app main.wmd-workspace--networth .nw-goal-progress-foot{
 display:flex;align-items:baseline;justify-content:flex-end;
 min-width:0;gap:0;text-align:right
}
#app main.wmd-workspace--networth .nw-goal-progress-foot>strong{
 color:var(--wmd-theme-muted,#c3d4e1);
 font:650 11.5px/1.35 system-ui,sans-serif;
 font-variant-numeric:tabular-nums
}
#app main.wmd-workspace--networth .nw-goal-progress-card.is-complete .nw-goal-progress-foot>strong{
 color:var(--wmd-theme-accent,#a4dffe)
}
#app main.wmd-workspace--networth .nw-goal-inline-editor{
 display:grid;gap:10px;min-width:0;margin:10px 0 0;padding:15px;
 border:1px solid var(--wmd-theme-line,#456781);border-radius:12px;
 background:var(--wmd-theme-deep,#132a3c)
}
#app main.wmd-workspace--networth .nw-goal-inline-editor[hidden],
#app main.wmd-workspace--networth .nw-goal-inline-error[hidden]{display:none!important}
#app main.wmd-workspace--networth .nw-goal-inline-editor>label{
 font:730 13px/1.4 system-ui,sans-serif;color:var(--wmd-theme-muted,#c5d7e5)
}
#app main.wmd-workspace--networth .nw-goal-entry{
 display:flex;align-items:center;gap:8px;width:100%;max-width:280px;min-width:0;
 padding:0 12px;box-sizing:border-box;min-height:47px;
 background:var(--wmd-theme-panel,#1e364d);color:var(--wmd-theme-text,#f4faff);
 border:1px solid var(--wmd-theme-line,#507086);border-radius:9px
}
#app main.wmd-workspace--networth .nw-goal-entry:focus-within{
 outline:2px solid var(--wmd-theme-accent,#91cef7);outline-offset:2px
}
#app main.wmd-workspace--networth .nw-goal-entry>input{
 width:100%;min-width:0;min-height:44px;padding:8px 0;border:0;outline:none;
 background:transparent;color:inherit;text-align:right;
 font:785 20px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums
}
#app main.wmd-workspace--networth .nw-goal-inline-help{
 margin:0;color:var(--wmd-theme-muted,#c5d4e0);font:545 12.5px/1.5 system-ui,sans-serif
}
#app main.wmd-workspace--networth .nw-goal-inline-actions{display:flex;gap:8px;flex-wrap:wrap}
#app main.wmd-workspace--networth .nw-goal-inline-actions>button{
 min-height:44px;padding:8px 15px;border-radius:9px;cursor:pointer;
 border:1px solid var(--wmd-theme-line,#537089);
 background:var(--wmd-theme-panel,#20374c);color:var(--wmd-theme-text,#f1f8ff);
 font:730 13px/1.4 system-ui,sans-serif
}
#app main.wmd-workspace--networth .nw-goal-inline-actions>button[type=submit]{
 background:var(--wmd-theme-accent,#8dcdf6);border-color:var(--wmd-theme-accent,#8dcdf6);
 color:var(--wmd-theme-deep,#0f263a)
}
#app main.wmd-workspace--networth .nw-goal-inline-error{
 margin:0;color:#f3adba;font:640 13px/1.5 system-ui,sans-serif
}
#app.wmd-privacy-on main.wmd-workspace--networth .nw-goal-progress-track{
 filter:blur(5px);pointer-events:none
}
@media(max-width:580px){
 #app main.wmd-workspace--networth .nw-goal-progress-card{margin-top:8px;padding:8px 0 0}
 #app main.wmd-workspace--networth .nw-top-row .nw-focus-actions{gap:8px!important}
 #app main.wmd-workspace--networth .nw-goal-inline-actions>button{flex:1 1 110px}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--networth .nw-goal-progress-fill{transition:none}
}

}
/* landing-reviews.css */
@media screen {
/* Public review invitation, private submissions, approved testimonials only. */
#app .landing-v6 .wmd-reviews {
  --rv-ink:#f1f8fe;
  --rv-muted:#b9cedf;
  --rv-blue:#8ec8f3;
  --rv-soft:#b9dffa;
  --rv-line:rgba(142,200,243,.34);
  width:calc(100% - clamp(28px,6vw,110px));
  max-width:1370px;
  box-sizing:border-box;
  margin:clamp(18px,2.6vw,32px) auto;
  color:var(--rv-ink);
  scroll-margin-top:90px;
}
#app .landing-v6 .wmd-reviews * {box-sizing:border-box}
#app .landing-v6 .wmd-reviews-header {
  display:flex;align-items:end;justify-content:space-between;
  gap:18px 30px;margin-bottom:24px;
}
#app .landing-v6 .wmd-reviews-header>div {max-width:780px}
#app .landing-v6 .wmd-reviews-eyebrow {
  margin:0 0 10px!important;color:#8ec8f3!important;
  font:850 10px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:.145em;text-transform:uppercase;
}
#app .landing-v6 .wmd-reviews-header h2 {
  margin:0 0 12px!important;
  color:#f2f8ff!important;
  font:820 clamp(33px,3.9vw,52px)/1.09 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.05em;text-wrap:balance;
}
#app .landing-v6 .wmd-reviews-header p:last-child {
  max-width:670px;margin:0!important;
  color:#bfd3e3!important;
  font:460 clamp(13px,1.1vw,15px)/1.6 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-reviews-header p:last-child strong {color:#e4f3fd;font-weight:750}
#app .landing-v6 .wmd-review-card {
  display:flex;flex-direction:column;gap:10px;min-width:0;
  padding:19px 17px 17px;
  border:1px solid rgba(142,200,243,.27);border-radius:17px;
  background:linear-gradient(157deg,#1b3041 0%,#122332 84%);
  box-shadow:0 8px 23px rgba(3,12,23,.1);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#app .landing-v6 .wmd-review-card:hover {
  transform:translateY(-3px);
  border-color:rgba(142,200,243,.58);
  box-shadow:0 16px 31px rgba(2,10,20,.23);
}
#app .landing-v6 .wmd-review-card-top {
  display:flex;align-items:center;gap:10px;min-width:0;
}
#app .landing-v6 .wmd-review-avatar {
  flex:none;display:grid;place-items:center;
  width:49px;height:49px;overflow:hidden;border-radius:50%;
  color:#11283b;background:#2e4e68;
  border:1px solid rgba(185,223,250,.35);
}
#app .landing-v6 .wmd-review-avatar--real {
  font:800 20px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  color:#f0f8ff;background:linear-gradient(150deg,#335e82,#1b3650);
}
#app .landing-v6 .wmd-review-byline {display:grid;gap:2px;min-width:0}
#app .landing-v6 .wmd-review-byline strong {
  color:#f1f8fe;
  font:770 13px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  overflow-wrap:anywhere;
}
#app .landing-v6 .wmd-review-byline small {
  color:#abc4d5;
  font:510 10px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-review-real-stars {
  color:#f3c77f;letter-spacing:.12em;
  font:790 17px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-review-card h3 {
  margin:0!important;color:#eaf6ff!important;
  font:765 15px/1.32 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.018em;
}
#app .landing-v6 .wmd-review-card .wmd-review-quote {
  margin:0 0 8px!important;flex:1;
  color:#c5d8e7!important;
  font:480 12px/1.58 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-review-card-foot {
  margin-top:auto;display:flex;align-items:center;justify-content:space-between;
  gap:9px;flex-wrap:wrap;
}
#app .landing-v6 .wmd-review-topic {
  padding:5px 9px;
  border-radius:99px;border:1px solid rgba(142,200,243,.26);
  background:#213f55;color:#c7e4f7;
  font:725 10px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-review-real-label {
  color:#cee8fa;font:710 9px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-reviews-primary {
  flex:none;display:inline-flex;align-items:center;justify-content:center;
  gap:18px;min-height:48px;padding:12px 19px;
  border:1px solid #8ec8f3;border-radius:11px;
  color:#102333;background:#8ec8f3;
  box-shadow:0 5px 18px rgba(79,146,198,.13);
  font:790 12px/1.32 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
}
#app .landing-v6 .wmd-reviews-primary:hover,
#app .landing-v6 .wmd-reviews-primary:focus-visible {
  border-color:#b9dffa;background:#b9dffa;
  box-shadow:0 7px 24px rgba(91,158,213,.22);
}
#app .landing-v6 .wmd-reviews-approved-grid {
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,245px),1fr));
  gap:14px;margin-top:21px;
}
#app .landing-v6 .wmd-reviews [hidden] {display:none!important}
/* Native dialog remains in the public section, escaping stacking via top layer. */
#app .landing-v6 .wmd-reviews-dialog {
  position:fixed;inset:0;
  width:min(640px,calc(100vw - 24px));max-height:min(92dvh,880px);
  padding:clamp(18px,3vw,30px);margin:auto;
  border:1px solid #648eaa;border-radius:19px;
  background:linear-gradient(150deg,#1d3345,#112536);
  color:#f0f8ff;overflow-y:auto;
  box-shadow:0 32px 100px rgba(0,0,0,.52);
}
#app .landing-v6 .wmd-reviews-dialog:not([open]) {display:none!important}
#app .landing-v6 .wmd-reviews-dialog::backdrop {
  background:rgba(3,12,24,.78);backdrop-filter:blur(5px);
}
#app .landing-v6 .wmd-reviews-dialog-header {
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
}
#app .landing-v6 .wmd-reviews-dialog-header h3 {
  margin:0!important;color:#f5faff!important;
  font:810 clamp(24px,3vw,32px)/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.03em;
}
#app .landing-v6 .wmd-review-close {
  display:grid;place-items:center;flex:none;
  width:35px;height:35px;
  border:1px solid #527a96;border-radius:10px;
  background:#243d52;color:#d7e9f6;
  font-size:26px;line-height:1;cursor:pointer;
}
#app .landing-v6 .wmd-review-close:hover {
  border-color:#8ec8f3;background:#2e4d64;
}
#app .landing-v6 .wmd-review-form-intro {
  color:#bad0e0!important;margin:13px 0 20px!important;
  font:480 13px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-review-form,
#app .landing-v6 .wmd-review-form label:not(.wmd-review-check) {
  display:grid;gap:8px;
}
#app .landing-v6 .wmd-review-form {gap:16px}
#app .landing-v6 .wmd-review-form-row {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;
}
#app .landing-v6 .wmd-review-form label,
#app .landing-v6 .wmd-review-stars-input legend {
  color:#dcebf6;
  font:695 12px/1.45 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-review-form :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea) {
  box-sizing:border-box;max-width:100%;width:100%;min-width:0;min-height:44px;
  padding:10px 12px;border:1px solid #51758d;border-radius:9px;
  outline:0;background:#122636;color:#f1f8fe;
  font:530 14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-review-form textarea {
  min-height:100px;resize:vertical;
}
#app .landing-v6 .wmd-review-form :is(input,textarea)::placeholder {color:#9bb5c7}
#app .landing-v6 .wmd-review-form :is(input,select,textarea):focus-visible {
  border-color:#8ec8f3!important;outline:2px solid #8ec8f3!important;outline-offset:1px;
}
#app .landing-v6 .wmd-review-stars-input {
  border:0;margin:0;padding:0;
}
#app .landing-v6 .wmd-review-star-options {
  display:flex;gap:9px;flex-wrap:wrap;margin-top:8px;
}
#app .landing-v6 .wmd-review-star-options label {
  position:relative;display:grid!important;place-items:center;gap:2px!important;
  width:49px;height:54px;padding:5px;
  border:1px solid #496f89;border-radius:9px;
  background:#183144;cursor:pointer;
}
#app .landing-v6 .wmd-review-star-options label span {
  color:#769bb9;font-size:22px;line-height:1;
}
#app .landing-v6 .wmd-review-star-options label small {
  color:#acc6d8;font-size:10px;
}
#app .landing-v6 .wmd-review-star-options label:is(.is-selected,:focus-within) {
  border-color:#f3c77f;background:#2f3850;
}
#app .landing-v6 .wmd-review-star-options label.is-selected span {color:#f3c77f}
#app .landing-v6 .wmd-review-star-options input[type="radio"] {
  position:absolute;inset:0;width:100%;height:100%;margin:0;
  opacity:0;cursor:pointer;
}
#app .landing-v6 .wmd-review-check {
  display:flex!important;align-items:start;gap:10px!important;
  font:550 12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-review-check input {
  accent-color:#8ec8f3;width:17px;height:17px;flex:none;margin:2px 0 0;
}
#app .landing-v6 .wmd-review-privacy,
#app .landing-v6 .wmd-review-form-foot {
  color:#aec6d8!important;margin:0!important;
  font:490 11px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-review-submit {width:100%;font-size:13px}
#app .landing-v6 .wmd-review-form-foot a {color:#b9dffa;text-decoration:underline;text-underline-offset:2px}
#app .landing-v6 .wmd-review-form-foot a:hover {color:#eff8ff}
#app .landing-v6 .wmd-review-honeypot {
  display:none!important;position:absolute;left:-9999px;
}
#app .landing-v6 .wmd-reviews button:focus-visible,
#app .landing-v6 .wmd-review-card:focus-visible {
  outline:2px solid #b9dffa!important;outline-offset:3px;
}

/* A finished product's review invitation, without simulated social proof. */
#app .landing-v6 .wmd-reviews {
 margin:clamp(34px,5vw,76px) auto;
}
#app .landing-v6 .wmd-reviews-shell{
 position:relative;overflow:hidden;isolation:isolate;
 padding:clamp(23px,3.7vw,50px);
 border:1px solid rgba(142,200,243,.32);border-radius:22px;
 background:radial-gradient(ellipse at 86% 0%,rgba(80,146,194,.15),transparent 57%),
  linear-gradient(135deg,#192e41 0%,#142737 75%,#122432 100%);
 box-shadow:0 18px 52px rgba(3,11,20,.14);
}
#app .landing-v6 .wmd-reviews-shell::before{
 content:"";position:absolute;inset:0 auto auto 0;width:185px;height:2px;
 background:linear-gradient(90deg,#8ec8f3,rgba(142,200,243,0));
}
#app .landing-v6 .wmd-reviews-header{
 display:grid;grid-template-columns:minmax(0,1.22fr) minmax(280px,.78fr);
 gap:clamp(26px,4vw,65px);align-items:center;margin-bottom:0;
}
#app .landing-v6 .wmd-reviews-header>div{max-width:none;min-width:0}
#app .landing-v6 .wmd-reviews-intro{max-width:650px!important}
#app .landing-v6 .wmd-reviews-header h2{
 max-width:620px;font-size:clamp(34px,4.3vw,55px)!important;line-height:1.1!important;
}
#app .landing-v6 .wmd-reviews-header .wmd-reviews-intro>p:last-child{
 font-size:clamp(14px,1.15vw,16px)!important;
 color:#c5d9e8!important;line-height:1.7!important;
}
#app .landing-v6 .wmd-reviews-submit-card{
 display:grid;justify-items:start;gap:11px;min-width:0;
 padding:clamp(20px,2.65vw,32px);
 border:1px solid rgba(142,200,243,.34);border-radius:17px;
 background:linear-gradient(155deg,rgba(51,95,127,.30),rgba(23,45,64,.36));
}
#app .landing-v6 .wmd-reviews-message-icon{
 display:grid;place-items:center;width:44px;height:44px;border-radius:13px;
 color:#b9dffa;background:rgba(142,200,243,.12);
 border:1px solid rgba(142,200,243,.3);
}
#app .landing-v6 .wmd-reviews-submit-card h3{
 margin:4px 0 0!important;color:#f2f8ff!important;
 font:790 clamp(20px,2vw,25px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:-.03em;
}
#app .landing-v6 .wmd-reviews-submit-card p{
 margin:0!important;color:#bbd2e3!important;
 font:470 14px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-reviews-submit-card>.wmd-reviews-primary{
 margin-top:7px;min-height:47px;padding:12px 22px;font-size:14px;
}
#app .landing-v6 .wmd-reviews-submit-card>small{
 color:#aac5d9;font:510 12px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-reviews-assurance{
 display:flex;align-items:center;flex-wrap:wrap;gap:11px 26px;
 margin-top:clamp(23px,3vw,35px);padding-top:19px;
 border-top:1px solid rgba(142,200,243,.21);
}
#app .landing-v6 .wmd-reviews-assurance span{
 display:inline-flex;align-items:center;gap:9px;white-space:normal;
 color:#bfdbef;font:625 12px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
}
#app .landing-v6 .wmd-reviews-assurance span::before{
 content:"";display:block;width:6px;height:6px;flex:none;border-radius:50%;
 background:#8ec8f3;
}
#app .landing-v6 .wmd-reviews-published{
 margin-top:31px;padding-top:26px;border-top:1px solid rgba(142,200,243,.23);
}
#app .landing-v6 .wmd-reviews-published-heading h3{
 color:#f0f8ff!important;margin:0 0 8px!important;
 font:790 clamp(23px,2.6vw,31px)/1.2 system-ui,-apple-system,"Segoe UI",sans-serif!important;
 letter-spacing:-.035em;
}
#app .landing-v6 .wmd-reviews-published-heading p:last-child{
 margin:0!important;color:#bad1e2!important;
 font:480 13px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-reviews-approved-grid{
 grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr));
}
#app .landing-v6 .wmd-review-form :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea){
 font-size:16px;
}
@media(max-width:920px){
 #app .landing-v6 .wmd-reviews-header{
  grid-template-columns:minmax(0,1fr);gap:23px;
 }
 #app .landing-v6 .wmd-reviews-submit-card{
  grid-template-columns:44px minmax(0,1fr);align-items:start;
 }
 #app .landing-v6 .wmd-reviews-submit-card h3,
 #app .landing-v6 .wmd-reviews-submit-card p,
 #app .landing-v6 .wmd-reviews-submit-card button,
 #app .landing-v6 .wmd-reviews-submit-card>small{grid-column:2}
 #app .landing-v6 .wmd-reviews-submit-card h3{grid-row:1}
 #app .landing-v6 .wmd-reviews-message-icon{grid-row:1 / span 4}
}
@media(max-width:610px){
 #app .landing-v6 .wmd-reviews{width:calc(100% - 28px)}
 #app .landing-v6 .wmd-reviews-shell{padding:22px 17px;border-radius:16px}
 #app .landing-v6 .wmd-reviews-header h2{font-size:clamp(30px,8vw,40px)!important}
 #app .landing-v6 .wmd-reviews-header .wmd-reviews-intro>p:last-child{font-size:14px!important}
 #app .landing-v6 .wmd-reviews-submit-card{display:grid;grid-template-columns:minmax(0,1fr);padding:19px;gap:10px}
 #app .landing-v6 .wmd-reviews-message-icon,
 #app .landing-v6 .wmd-reviews-submit-card h3,
 #app .landing-v6 .wmd-reviews-submit-card p,
 #app .landing-v6 .wmd-reviews-submit-card button,
 #app .landing-v6 .wmd-reviews-submit-card>small{grid-row:auto;grid-column:1}
 #app .landing-v6 .wmd-reviews-submit-card>.wmd-reviews-primary{width:100%}
 #app .landing-v6 .wmd-reviews-assurance{gap:11px 17px}
 #app .landing-v6 .wmd-review-form-row{grid-template-columns:minmax(0,1fr)}
 #app .landing-v6 .wmd-reviews-dialog{width:calc(100vw - 16px);max-height:94dvh;padding:19px 16px}
}
@media(prefers-reduced-motion:reduce){
 #app .landing-v6 .wmd-review-card{transition:none}
 #app .landing-v6 .wmd-review-card:hover{transform:none}
}

/* A failed POST stays inside the review dialog instead of losing the review. */
#app .landing-v6 .wmd-review-form-error {
  margin: -4px 0 0!important;
  padding: 12px 14px;
  border: 1px solid #b88792;
  border-radius: 10px;
  background: rgba(131,54,66,.21);
  color: #ffe3e6!important;
  font: 560 12px/1.55 system-ui,-apple-system,"Segoe UI",sans-serif!important;
}
#app .landing-v6 .wmd-review-submit:disabled {
  opacity: .73;
  cursor: progress;
}

}
/* readable-finance-workspaces.css */
@media screen {
/* Readable financial workspaces: 2026-10-20. Screen-only type scale.
   Compact metadata >=12.5px, informational copy >=13px, actionable text >=13.5px.
   Does not change financial figures, chart arcs, palette, print, or calculations. */
#app main.wmd-workspace :is(.page-intro>div:first-child>span,
.page-intro-chip span,
.page-intro-chip small,
.panel-title span,
.chart-help,
.history-panel .history-eyebrow,
.history-panel .history-caption,
.history-panel .history-metrics span,
.history-panel .history-inspector span,
.history-panel .history-inspector small,
.growth-snapshot-head span,
.growth-snapshot-head p,
.growth-snapshot-grid span,
.growth-snapshot-grid small,
.summary-item small,
.balance-warning,
.category-overview-head>div>span,
.hidden-sections-bar,
.projection-note){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace :is(.cash-outlook-details p,
.nw-unified-dashboard .chart-help-row p,
.chart-help-row p,
.past-unfinished-note,
.history-panel .history-range-result){font-size:13px!important;line-height:1.5!important;}
#app main.wmd-workspace--networth :is(.group-note,
.group-note-edit,
.history-add>span,
.nw-section-actions .collapse-all-btn,
.nw-unified-dashboard .history-panel .history-caption,
.nw-unified-dashboard .history-panel .history-head-summary .history-eyebrow,
.nw-unified-dashboard .history-panel .history-head-summary .history-metrics span,
.nw-allocation .nw-chart-switch>div span,
.nw-unified-dashboard .networth-goal label,
.equity-setup>div span,
.equity-link-row label,
.equity-result span,
.history-panel .history-hover-tip span,
.nw-chart-panel .side-legend span,
.nw-chart-panel .side-legend b){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--networth :is(.nw-section-actions .add-heading-btn,
.nw-section-actions .hide-section-btn,
.nw-unified-dashboard .chart-action,
.nw-reorder button,
.equity-setup-head button,
.history-toggle){font-size:13.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--budget :is(.budget-chart-status span,
.budget-linked-name small,
.budget-section .budget-table-scroll>.budget-grid .budget-linked-name small,
.budget-grid .budget-name-linked-fields small,
.budget-mini-summary span,
.budget-mini-summary small,
.budget-overview-total small,
.budget-section .budget-overview-empty,
.retirement-savings-link label,
.retirement-savings-link span,
.wmd-plan-coverage-checks button>span,
.wmd-plan-coverage-unassigned,
.wmd-plan-coverage-tip,
.wmd-plan-coverage-explain p,
.wmd-plan-coverage-compact-summary small,
.wmd-plan-coverage-checks button>strong){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--budget :is(.wmd-plan-coverage-explain summary,
.wmd-plan-coverage-compact-summary>b,
.wmd-plan-coverage-setup-link,
.wmd-plan-coverage-help,
.budget-quick-actions button){font-size:13.5px!important;line-height:1.4!important;}
#app main.wmd-workspace--cashflow :is(.cash-kpi small,
.cash-kpi .plan-status-detail span,
.cash-runway-head span,
.cash-runway-month small,
.cash-runway-month em,
.cash-runway-month span,
.cash-position-note,
.cash-position-note summary,
.cash-debt-options label,
.cash-debt-selector small,
.cashflow-detail-drawer>summary>div>span,
.cashflow-detail-drawer>summary p,
.cashflow-detail-drawer .flow-mobile-name small,
.cashflow-detail-drawer .flow-mobile-amount small,
.cash-priority-heading>div>span,
.cash-priority-heading p,
.cash-priority-section .cards-table .card-due-wrap,
.cash-debt-paydown-head>span,
.cash-debt-empty span,
.cash-debt-empty small,
.cash-outlook-change-title,
.cash-outlook-changes .cash-outlook-change>span,
.cash-outlook-changes .cash-outlook-change>span small,
.cash-position-overview .cash-position-help,
.cash-agenda-open time span,
.cash-agenda-copy small,
.cash-agenda-figures small,
.cash-top-title small,
.cash-top-stats small,
.flow-progress-label,
.flow-progress-label b,
.flow-grid.grid-header,
.wmd-mg-head>div>small,
.wmd-mg-week>small,
.wmd-mg-next small,
.wmd-mg-account small,
.wmd-mg-account em,
.wmd-mg-overview-title>span,
.wmd-mg-plan-row>small,
.wmd-mg-source-note,
.wmd-mg-blank,
.wmd-mg-upcoming>summary span,
.wmd-mg-upcoming p,
.mm-metric-label,
.mm-metric small,
.mm-eyebrow,
.mm-chart-insight span:last-child,
.mm-chart-insight strong small,
.mm-legend){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--cashflow :is(.cf-link-inline span,
.cf-link span,
.flow-add,
.cash-calendar-actions button,
.cash-outlook-details button,
.cash-runway-month.warning b,
.cashflow-detail-drawer .card-advanced-fields>summary,
.wmd-mg-upcoming>div,
.wmd-mg-quick-actions button,
.mm-action button){font-size:13.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--debt :is(.debt-kicker,
.debt-hero-kpis span,
.debt-hero-kpis small,
.debt-result-kpis span,
.debt-result-kpis small,
.debt-plan-controls label>span,
.debt-plan-controls label>small,
.debt-fit>span,
.debt-fit small,
.debt-method-card span,
.debt-method-card small,
.debt-table-head,
.debt-name small,
.debt-row label>span,
.debt-priority>span,
.debt-milestones small,
.debt-method-status span,
.debt-method-status small,
.debt-breakdown-item-name em,
.debt-breakdown-item-balance small,
.debt-breakdown-item-secondary>span,
.debt-breakdown-item-secondary>.debt-breakdown-payment,
.debt-breakdown-insights span,
.debt-breakdown-insights small,
.debt-breakdown-composition-note span,
.debt-breakdown-rank,
.debt-strategy-summary-current>span){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--debt :is(.debt-panel-head>p,
.debt-connection-grid p,
.debt-connection-note,
.debt-breakdown-attention p,
.debt-breakdown-payment-note,
.debt-muted,
.debt-strategy-summary-main p,
.debt-strategy-link-note){font-size:13px!important;line-height:1.5!important;}
#app main.wmd-workspace--investments :is(.invest-kicker,
.invest-sync-pill,
.invest-kpis span,
.invest-kpis small,
.invest-panel-head p,
.invest-account-snapshot span,
.invest-footnote,
.invest-row-head,
.invest-native-input>span,
.invest-account-config label>span,
.invest-account-name span,
.invest-account-detail span,
.invest-account-note,
.invest-market-status,
.invest-price-cell small,
.invest-allocation-cell>small,
.invest-activity-form label>span,
.invest-activity-form label small,
.invest-activity-badge,
.invest-activity-lock,
.invest-activity-direction,
.invest-activity-metrics article small,
.invest-activity-metrics article>div>span,
.invest-refresh .invest-performance-stats>article span,
.invest-refresh .invest-performance-stats>article small,
.invest-refresh .invest-holdings-brokerage .invest-position-summary>div span,
.invest-refresh .invest-holdings-brokerage .invest-position-summary>div small,
.invest-refresh .invest-account-page-count small,
.invest-refresh .invest-account-table-head,
.invest-refresh .invest-account-copy span,
.invest-refresh .invest-account-balance-cell span,
.invest-refresh .invest-account-status-badge,
.invest-refresh .invest-account-edit-grid>label>span,
.invest-refresh .invest-account-summary-source,
.invest-refresh .invest-account-summary-holdings,
.invest-refresh .invest-account-sync-copy small,
.invest-refresh .invest-clarity-coverage span,
.invest-refresh .invest-perf-method-disclosure,
.invest-refresh .invest-perf-update-details,
.invest-refresh .invest-account-page-hero p){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--investments :is(.invest-refresh .invest-trade-guidance-copy p,
.invest-refresh .invest-activity-cash-cta p,
.invest-refresh .invest-activity-history-head p,
.invest-refresh .invest-perf-update-details p,
.invest-refresh .invest-holdings-first-steps small){font-size:13px!important;line-height:1.5!important;}
#app main.wmd-workspace--investments :is(.invest-holding-actions button,
.invest-move-buttons button,
.invest-price-cell>button,
.invest-refresh .invest-activity-filters label,
.invest-refresh .invest-perf-method-disclosure>summary,
.invest-refresh .invest-perf-update-details>summary){font-size:13.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--retirement :is(.retirement-kicker,
.retirement-source>span,
.retirement-source>small,
.retirement-status-row>div:first-child>span,
.retirement-status-pill,
.retirement-kpis span,
.retirement-kpis small,
.retirement-section-head>span,
.retirement-section-head h3+span,
.retirement-chart-inspector span,
.retirement-chart-inspector small,
.retirement-legend,
.retirement-connection-grid span,
.retirement-connection-grid small,
.retirement-grid2>label>span,
.retirement-grid2 small,
.retirement-help,
.retirement-category-overview .category-overview-head>strong small,
.retirement-category-editor-head small,
.retirement-category-amount>span,
.retirement-checkbox,
.retirement-action small,
.retirement-footnote,
.retirement-category-metrics,
.retirement-future-item small,
.retirement-extra-row label,
.retirement-stage-row label,
.retirement-category-controls label,
.retirement-dual-amounts label,
.retirement-chart-milestone span,
.retirement-household-totals small,
.retirement-household-totals span,
.retirement-mix-note){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--retirement :is(.retirement-status-row p,
.retirement-section-head p,
.retirement-chart-inspector p,
.retirement-callouts p,
.retirement-connection p,
.retirement-category-overview .category-overview-head p,
.retirement-healthbreakdown p,
.retirement-connection-note){font-size:13.5px!important;line-height:1.5!important;}
#app main.wmd-workspace--retirement :is(.retirement-action button,
.retirement-source-actions button,
.retirement-category-editor-head button,
.retirement-category-reset){font-size:13.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--goals :is(.wmd-goals-kicker,
.wmd-goal-eyebrow,
.wmd-goal-status,
.wmd-goal-next>span,
.wmd-goal-photo-fallback small,
.wmd-goals-connected>summary small,
.wmd-goal-card-meta .wmd-goal-resize span,
.wmd-goal-size-choices>span,
.wmd-goals-secondary-heading small,
.wmd-goal-form-grid>label>small,
.wmd-goal-form-photo-note,
.wmd-goal-form-note,
.wmd-goals-footnote,
.wmd-goal-linked p,
.wmd-goal-linked-number>span,
.wmd-goal-not-set,
.wmd-goal-retirement-note){font-size:12.5px!important;line-height:1.45!important;}
#app main.wmd-workspace--goals :is(.wmd-goals-layout-hint,
.wmd-goal-card-subtitle,
.wmd-goal-milestone-edit label){font-size:13px!important;line-height:1.5!important;}
@media(max-width:700px){
#app main.wmd-workspace :is(.budget-grid,.flow-grid,.cash-agenda-row,.debt-breakdown-item,.invest-account-summary,.retirement-status-row){min-width:0;}
#app main.wmd-workspace :is(.nw-mix-legend-name,.budget-linked-name,.flow-mobile-name,.cash-agenda-copy,.debt-name,.invest-account-name,.retirement-chart-inspector){overflow-wrap:anywhere;min-width:0;}
#app main.wmd-workspace :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.wmd-discovery-input),select,textarea){font-size:16px!important;line-height:1.4!important;}
}

/* Cash Flow focal checking card hierarchy. */
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child{
  gap:8px!important;
  padding:18px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>small{
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>strong{
  font-size:19px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>.wmd-mg-account-amount{
  font-size:34px!important;
  line-height:1.05!important;
  font-weight:820!important;
  letter-spacing:-.035em!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>em{
  font-size:15px!important;
  line-height:1.45!important;
}
@media(max-width:650px){
  #app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child{
    padding:16px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>small{
    font-size:14px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>strong{
    font-size:17px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>.wmd-mg-account-amount{
    font-size:30px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-accounts>.wmd-mg-account:first-child>em{
    font-size:14px!important;
  }
}

}
/* readable-finance-workflows.css */
@media screen {
/* Readability for signed-in actions and overlays: 2026-10-20.
   Favor financial comprehension and legible controls; never change data or colors.
   Scoped to rendered tools, not preview thumbnails or SVG chart labels. */
#app :is(.brand-meta,
.brand-meta .cloud-status,
.brand-tagline,
.header-actions time,
.auth-note,
.auth-divider,
.auth-terms,
.auth-trust-note span,
.plaid-status,
.plaid-institution-head span,
.plaid-account-name span,
.plaid-account-balance span,
.plaid-map-meta,
.settings-kicker,
.settings-guide-actions small,
.settings-install-card p,
.settings-install-card small,
.premium-settings-note span,
.plaid-sandbox-freshness,
.plaid-holdings-row small,
.onboarding-welcome-path article>small,
.onboarding-welcome-foot,
.setup-progress span,
.setup-step-card p,
.setup-optional-copy p,
.setup-optional-actions small,
.howto-main li){font-size:12.5px!important;line-height:1.45!important;}
#app :is(.settings-install-button,
.plaid-actions button,
.plaid-map-label select,
.plaid-institution-actions>button,
.auth-switch,
.setup-step-card button,
.hidden-sections-bar button,
.quick-sort button){font-size:13.5px!important;line-height:1.4!important;}
#app .settings-dialog :is(label>span,
label>small,
.settings-ask-bar-copy small,
.settings-ask-bar-note,
.settings-appearance>summary,
.settings-guide-copy p,
.settings-head p,
.settings-trust-note){font-size:13px!important;line-height:1.5!important;}
#app .wmd-workspace>.wmd-discovery :is(.wmd-discovery-kicker,
.wmd-discovery-copy small,
.wmd-discovery-status,
.wmd-discovery-suggest-label,
.wmd-discovery-suggest-copy small,
.wmd-discovery-suggest-meta,
.wmd-discovery-result-copy small,
.wmd-discovery-result-tag,
.wmd-discovery-setup-note,
.wmd-discovery-context-note,
.wmd-discovery-ai-kicker,
.wmd-discovery-ai-action small,
.wmd-discovery-rescue-kicker,
.wmd-discovery-practice-kicker,
.wmd-discovery-scenario-area>small,
.wmd-discovery-library-note,
.wmd-discovery-answer-copy small,
.wmd-discovery-answer-state,
.wmd-discovery-answer-evidence>summary,
.wmd-library-intro-copy small,
.wmd-library-status,
.wmd-library-entry .wmd-discovery-suggest-copy small,
.wmd-library-entry .wmd-discovery-suggest-meta,
.wmd-library-quick-action small,
.wmd-smart-answer small,
.wmd-smart-group-label,
.wmd-smart-impact-grid small,
.wmd-smart-capability-copy>small,
.wmd-smart-educated-copy>small){font-size:12.5px!important;line-height:1.45!important;}
#app .wmd-workspace>.wmd-discovery :is(.wmd-discovery-scenario-area>p,
.wmd-smart-impact-grid p,
.wmd-discovery-followup,
.wmd-discovery-empty,
.wmd-discovery-result-copy strong,
.wmd-discovery-answer-copy p,
.wmd-discovery-suggest-copy strong,
.wmd-library-entry .wmd-discovery-suggest-copy strong){font-size:13.5px!important;line-height:1.5!important;}
#app .wmd-workspace>.wmd-discovery :is(.wmd-discovery-browse,
.wmd-discovery-chip,
.wmd-discovery-next-button,
.wmd-discovery-web-button,
.wmd-discovery-quick-action,
.wmd-discovery-answer-actions button,
.wmd-library-quick-action button){font-size:13.5px!important;line-height:1.4!important;}
#app :is(.wmd-ask-review-head small,
.wmd-ask-review-impact>small,
.wmd-ask-review-metrics span,
.wmd-ask-review-existing small,
.wmd-ask-review-selection-count,
.wmd-ask-review-purchase-copy small,
.wmd-ask-batch-copy small,
.wmd-ask-batch-values span,
.wmd-ask-inline-batch-list span,
.wmd-ask-inline-batch-list small,
.wmd-smart-web-box small,
.wmd-smart-web-result>small,
.wmd-discovery-web-kicker,
.wmd-discovery-web-source>small){font-size:12.5px!important;line-height:1.45!important;}
#app :is(.wmd-ask-review-purchase-tools button,
.wmd-ask-review-more,
.wmd-ask-review-chat-input button,
.wmd-ask-review-approve,
.wmd-ask-review-reject,
.wmd-ask-review-preview,
.wmd-ask-review-actions button){font-size:13.5px!important;line-height:1.4!important;}
#wmd-photo-import-root :is(.photo-import-eyebrow,
.photo-import-source small,
.photo-import-fields label>span,
.photo-import-fields label>small,
.photo-import-picture>div:first-child>span,
.photo-import-preview>span,
.photo-import-tabs button small,
.photo-import-coverage>summary span,
.photo-trust-summary summary small,
.photo-trust-list>p,
.photo-import-picture-count small,
.photo-import-match-hint small,
.photo-spending-heading small,
.photo-spending-total small,
.photo-spending-stats span,
.photo-spending-list>div small,
.photo-spending-footer,
.photo-review-impact-head small,
.photo-review-impact-numbers>div>span,
.photo-review-impact-stats span,
.photo-import-compact-identity small,
.photo-import-ledger-note p,
.photo-import-ledger-note summary,
.photo-import-balance-identity>small,
.photo-import-date-help,
.photo-import-advanced>summary,
.photo-import-mapper-fields label,
.photo-import-mapper-file>small,
.photo-import-receipt-row small,
.photo-import-records-list small,
.photo-import-budget-draft p,
.photo-import-budget-draft small,
.photo-import-privacy>summary,
.photo-import-privacy>p,
.photo-import-hint,
.photo-import-footer-actions>span,
.photo-import-footer-error,
.photo-import-source-override>summary,
.photo-import-source-override label>span,
.photo-import-balance-proof>p,
.photo-import-balance-proof>details>summary,
.photo-import-balance-proof>details>p,
.photo-import-balance-check>small,
.photo-import-guide-head>span,
.photo-card-summary-grid>span,
.photo-card-summary>small,
.photo-import-bucket-reconcile p,
.photo-import-bucket-reconcile small,
.photo-import-bucket-destination small,
.photo-import-bucket-hint,
.photo-bucket-property-note,
.snapper-card-amount-control>small,
.snapper-card-one-confirm small,
.snapper-card-review-help,
.snapper-paycheck-form small,
.photo-card-apr-review>small,
.photo-import-benefit-holding small){font-size:12.5px!important;line-height:1.45!important;}
#wmd-photo-import-root :is(.photo-import-review-actions button,
.photo-import-balance-check-actions>button,
.photo-import-footer-actions button,
.photo-import-tabs button,
.photo-import-pick small){font-size:13.5px!important;line-height:1.4!important;}
#app :is(.tx-review-main span,
.tx-review-main small,
.tx-review-tabs button strong,
.tx-review-meta,
.tx-review-chip,
.tx-review-match-copy>span,
.tx-review-status,
.tx-review-empty span,
.tx-review-error span,
.tx-review-smart-note,
.tx-review-match-copy>small,
.tx-review-one-time-head span,
.tx-review-one-time-fields label>span,
.tx-review-one-time-amount>span,
.tx-review-result-note,
.tx-review-pending-note span,
.tx-review-pending-note strong,
.tx-review-foot,
.tx-review-result,
.tx-review-suggestion,
.tx-review-remember){font-size:12.5px!important;line-height:1.45!important;}
#app :is(.tx-review-actions select,
.tx-review-match,
.tx-review-ignore,
.tx-review-restore,
.tx-review-secondary,
.tx-review-create,
.tx-review-one-time-fields input,
.tx-review-one-time-fields select){font-size:13.5px!important;line-height:1.4!important;}
#app .connections-center :is(.connections-top-brand,
.connections-mode,
.connections-intro .connections-kicker,
.connections-card-head>span,
.connections-overview span,
.connections-overview small,
.connections-journey b,
.connections-journey span,
.connections-add small,
.connections-review small,
.connections-guidance>div span,
.connections-health-head>span,
.connections-holdings>summary small,
.connections-sandbox-note p,
.connections-source-row small,
.connections-source-row>span,
.plaid-source-status){font-size:12.5px!important;line-height:1.45!important;}
#app .connections-center :is(.connections-minor,
.connections-secondary-action,
.connections-primary-action,
.connections-add,
.connections-step-details>summary,
.connections-help>summary,
.connections-account-row select){font-size:13.5px!important;line-height:1.4!important;}
#app .wmd-journey-shell :is(.wmd-journey-kicker,
.wmd-journey-progress small,
.wmd-journey-step-label small,
.wmd-journey-section-head>span,
.wmd-journey-soon p,
.wmd-journey-info p,
.wmd-journey-editor>p,
.wmd-journey-editor summary span,
.wmd-journey-heading-grid span,
.wmd-journey-budget-mix span,
.wmd-journey-recap-item small,
.wmd-journey-cover-row span,
.wmd-journey-cover-row small,
.wmd-journey-cover-row p,
.wmd-journey-more>summary>span,
.wmd-journey-essential>div:first-child>span,
.wmd-quick-form>small,
.wmd-quick-confirm p,
.wmd-quick-alternative span,
.wmd-quick-checklist small,
.wmd-quick-evidence-metrics span,
.wmd-quick-coverage>summary span,
.wmd-quick-coverage>p,
.wmd-quick-evidence-row small,
.wmd-quick-evidence-row>span,
.wmd-quick-evidence>small,
.wmd-quick-money-review>small,
.wmd-quick-income-note,
.wmd-budget-path-copy small,
.wmd-budget-path-copy p,
.wmd-budget-evidence-note p,
.wmd-budget-evidence-fallback,
.wmd-budget-guide-content p,
.wmd-budget-safety,
.wmd-budget-observed-content>p,
.wmd-budget-observed-content>small,
.wmd-budget-observed-categories>div>span,
.wmd-budget-observed-categories>div small,
.wmd-budget-once-review>p,
.wmd-quick-cash-confirm small,
.wmd-quick-source-grid small,
.wmd-budget-connection-note small,
.wmd-budget-income-saved){font-size:12.5px!important;line-height:1.45!important;}
#app .wmd-journey-shell :is(.wmd-journey-step-label strong,
.wmd-journey-main-section>p,
.wmd-journey-nav-primary .wmd-journey-step-label strong,
.wmd-budget-essentials-shortcut .wmd-journey-btn,
.wmd-budget-path>.wmd-journey-btn,
.wmd-journey-btn,
.wmd-journey-footer button,
.wmd-budget-path-copy strong){font-size:13.5px!important;line-height:1.5!important;}
#app :is(.guided-paths article>span:first-child,
.guided-paths article>small,
.guided-steps,
.guided-label,
.guided-panel>small,
.guided-footnote,
.guided-form label>span,
.guided-tutorial article>span,
.guided-draft-row small,
.guided-draft-note){font-size:12.5px!important;line-height:1.45!important;}
@media(max-width:700px){
#app .wmd-workspace>.wmd-discovery :is(.wmd-discovery-heading,.wmd-discovery-copy,.wmd-discovery-answer-actions){flex-wrap:wrap;min-width:0;}
#app .wmd-workspace>.wmd-discovery :is(.wmd-discovery-result,.wmd-discovery-answer,.wmd-discovery-suggest-copy){min-width:0;overflow-wrap:anywhere;}
#app .wmd-journey-shell .wmd-journey-btn{white-space:normal;overflow-wrap:break-word;}
#wmd-photo-import-root :is(.photo-import-balance-row,.photo-import-review-impact,.photo-import-fields,.photo-import-footer){min-width:0;overflow-wrap:anywhere;}
#app .settings-dialog :is(input:not([type=checkbox]):not([type=radio]),select,textarea),
#wmd-photo-import-root :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px!important;line-height:1.4!important;}
}

}
/* readable-public-site.css */
@media screen {
/* Public Where's My Dollar readability, 2026-10-20.
   Marketing copy and legal/help navigation only. Embedded miniature app
   previews keep their intentional scaled layout and monetary figures. */
#app .landing-v6 :is(.landing-eyebrow,
.landing-trust,
.landing-section-kicker>span,
.landing-hero-proof small,
.landing-hero-proof b,
.landing-hero-caption,
.landing-footer,
.landing-core-flow article>span,
.landing-core-flow small,
.landing-next-layers>div span,
.landing-one-rule span,
.landing-why-note span,
.landing-why-cards span,
.landing-simple-pricing article>span,
.landing-install-badge,
.launch-guidance-teaser span,
.launch-update-type,
.landing-tour-browse>span,
.landing-tour-browse small,
.landing-cash-demo-head span,
.landing-cash-demo-form>small,
.launch-update-status,
.landing-ask-demo-top span,
.landing-ask-demo-top small,
.landing-ask-answer-kicker,
.landing-ask-answer>small,
.landing-ask-demo-footer>span,
.landing-setup-methods .landing-eyebrow,
.wmd-review-star-options label small){font-size:12.5px!important;line-height:1.5!important;}
#app .landing-v6 :is(.landing-header-v3 .landing-nav>a,
.landing-login,
.landing-primary,
.landing-final-v3 button,
.landing-ask-questions button){font-size:14px!important;line-height:1.45!important;}
body:has(.legal-header) :is(.brand small,
.legal-header nav a,
.eyebrow,
.toc a,
.footer,
.footer a,
.document-meta,
.trust-badge){font-size:13.5px!important;line-height:1.5!important;}
body:has(.legal-header) :is(.toc li,.document-footnote){font-size:14px!important;line-height:1.6!important;}
@media(max-width:680px){
#app .landing-v6 :is(.landing-why-cards,.landing-header-v3 .landing-nav,.landing-trust-grid){min-width:0;}
#app .landing-v6 :is(.landing-question-flow article p,.landing-core-flow small,.landing-next-layers p){overflow-wrap:anywhere;}
body:has(.legal-header) .legal-header nav{flex-wrap:wrap;}
body:has(.legal-header) .toc a{min-height:36px;overflow-wrap:anywhere;}
}

/* Actual feedback confirmation, not a scaled demo preview. */
body:has(main .symbol) :is(.eyebrow,.privacy){font-size:13.5px!important;line-height:1.55!important;}
body:has(main .symbol) main>a{font-size:14px!important;line-height:1.35!important;}

}
/* investment-clarity-ocean-finish.css */
@media screen {
/* Investments overview: replace legacy green decorative surfaces with the
   current Appearance palette. Positive returns, losses and warnings retain
   their separate financial semantics. No changes to holdings or coverage math. */
#app .wmd-workspace--investments .invest-refresh{
  --ix-accent:var(--inv-accent,var(--wmd-theme-accent,#8ec8f3));
  --ix-accent-soft:var(--inv-accent-bright,var(--wmd-theme-accent-soft,#bddffd));
  --ix-panel:var(--inv-panel,var(--wmd-theme-panel,#1a2c3e));
  --ix-deep:var(--inv-deep,var(--wmd-theme-deep,#102234));
  --ix-raised:var(--inv-raised,var(--wmd-theme-raised,#24394d));
  --ix-line:var(--inv-line,var(--wmd-theme-line,#416079));
  --ix-text:var(--inv-text,var(--wmd-theme-text,#edf6ff));
  --ix-muted:var(--inv-muted,var(--wmd-theme-muted,#bdd0df));
  --broker-panel:var(--ix-panel);
  --broker-panel-deep:var(--ix-deep);
  --broker-line:var(--ix-line);
  --broker-muted:var(--ix-muted);
  --broker-ink:var(--ix-text);
  --broker-accent:var(--ix-accent);
}
/* The controls pictured above the cards used old sage and olive borders. */
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations{
 border-top-color:var(--ix-line)!important;
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations>div>div{
 border-top-color:var(--ix-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary,
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations>summary{
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary:is(:hover,:focus-visible),
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations>summary:is(:hover,:focus-visible){
 color:var(--ix-accent-soft)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf
 :is(.invest-perf-update-details,.invest-perf-method-disclosure)>summary:focus-visible,
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations>summary:focus-visible{
 outline:2px solid var(--ix-accent)!important;outline-offset:3px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-observations small,
#app .wmd-workspace--investments .invest-refresh .invest-perf .invest-perf-update-details p{
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-panel-head>small,
#app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-account-performance:not(.positive):not(.negative) span{
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-account-snapshot{
 border-bottom-color:var(--ix-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-account-overview .invest-account-snapshot:is(:hover,:focus-within){
 background:var(--ix-raised)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity{
 border-color:var(--ix-line)!important;
 background:linear-gradient(125deg,var(--ix-raised),var(--ix-panel))!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-kicker{
 color:var(--ix-accent-soft)!important;font-size:11px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-track{
 height:8px!important;margin:13px 0 11px!important;
 background:color-mix(in srgb,var(--ix-line) 50%,var(--ix-deep))!important;
 border:1px solid var(--ix-line)!important;border-radius:999px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity .invest-clarity-track>i{
 background:var(--ix-accent)!important;box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-clarity
 :is(.invest-clarity-completeness>small,.invest-clarity-coverage span){
 color:var(--ix-muted)!important;
}
/* Polished first step: clear hierarchy and two real, differentiated actions. */
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity{
 display:grid!important;
 grid-template-columns:minmax(0,1.65fr) minmax(225px,.8fr)!important;
 align-items:stretch!important;gap:15px!important;
 padding:17px!important;border-radius:17px!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus,
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-completeness{
 position:relative;min-width:0;min-height:190px;margin:0!important;
 padding:23px!important;border:1px solid var(--ix-line)!important;
 border-radius:14px!important;box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus{
 display:flex!important;flex-direction:column!important;
 align-items:flex-start!important;justify-content:center!important;
 gap:9px!important;overflow:hidden;
 background:linear-gradient(135deg,color-mix(in srgb,var(--ix-accent) 8%,var(--ix-deep)),var(--ix-panel))!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus>h3{
 max-width:calc(100% - 54px)!important;margin:2px 0!important;
 font-size:clamp(22px,2.5vw,28px)!important;line-height:1.19!important;
 color:var(--ix-text)!important;letter-spacing:-.035em!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus>p:not(.invest-setup-footnote){
 max-width:57ch!important;margin:0!important;
 font-size:14px!important;line-height:1.58!important;
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-setup-mark{
 position:absolute;top:18px;right:19px;display:grid;place-items:center;
 width:48px;height:48px;border-radius:14px;
 background:color-mix(in srgb,var(--ix-accent) 12%,var(--ix-panel));
 border:1px solid color-mix(in srgb,var(--ix-accent) 38%,var(--ix-line));
 color:var(--ix-accent-soft);
}
#app .wmd-workspace--investments .invest-refresh .invest-setup-mark svg{
 width:28px;height:28px;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions{
 display:flex!important;align-items:center;justify-content:flex-start;
 flex-wrap:wrap;gap:10px!important;margin:12px 0 0!important;
 width:100%;min-width:0;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions button{
 display:inline-flex!important;align-items:center;justify-content:center;
 min-height:44px!important;margin:0!important;padding:10px 16px!important;
 border-radius:10px!important;font-size:14px!important;
 line-height:1.3!important;font-weight:760!important;
 cursor:pointer;transition:background-color .18s ease,border-color .18s ease,transform .18s ease;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity
 .invest-setup-actions button.invest-snap-action{
 background:var(--ix-accent)!important;border:1px solid var(--ix-accent)!important;
 color:var(--ix-deep)!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity
 .invest-setup-actions button[data-invest-view="holdings"]{
 background:var(--ix-raised)!important;
 border:1px solid color-mix(in srgb,var(--ix-accent) 44%,var(--ix-line))!important;
 color:var(--ix-text)!important;
}
@media(hover:hover) and (pointer:fine){
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity
 .invest-setup-actions button.invest-snap-action:hover{
  background:var(--ix-accent-soft)!important;border-color:var(--ix-accent-soft)!important;
  transform:translateY(-1px);
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity
 .invest-setup-actions button[data-invest-view="holdings"]:hover{
  background:color-mix(in srgb,var(--ix-accent) 14%,var(--ix-raised))!important;
  border-color:var(--ix-accent)!important;transform:translateY(-1px);
 }
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-footnote{
 margin:4px 0 0!important;color:var(--ix-muted)!important;
 font-size:12.5px!important;line-height:1.45!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-completeness{
 display:flex!important;flex-direction:column!important;justify-content:center!important;
 gap:7px!important;background:var(--ix-raised)!important;
 border-left:1px solid var(--ix-line)!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-coverage{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 align-items:start!important;justify-content:start!important;
 gap:5px!important;margin:0!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-coverage strong{
 font-size:clamp(32px,3.5vw,41px)!important;
 font-variant-numeric:tabular-nums!important;
 line-height:1.1!important;color:var(--ix-text)!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-coverage span{
 font-size:13px!important;line-height:1.45!important;text-align:left!important;
 color:var(--ix-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-completeness>small{
 font-size:12px!important;line-height:1.45!important;
 color:var(--ix-muted)!important;
}
/* Tablet and phone: full width, comfortable touch targets and no green tint. */
@media(max-width:950px){
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity{
  grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:13px!important;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity
 :is(.invest-clarity-focus,.invest-clarity-completeness){
  grid-column:1!important;grid-row:auto!important;
  min-height:0!important;max-width:100%!important;
  padding:18px!important;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-completeness{
  gap:6px!important;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus{
  padding-right:76px!important;
 }
}
@media(max-width:580px){
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus{
  padding:20px 17px!important;gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-setup-mark{
  top:13px;right:13px;width:37px;height:37px;border-radius:11px;
 }
 #app .wmd-workspace--investments .invest-refresh .invest-setup-mark svg{width:24px;height:24px}
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-focus>h3{
  max-width:calc(100% - 43px)!important;font-size:23px!important;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;gap:9px!important;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions button{
  min-width:0!important;width:100%!important;min-height:46px!important;
  padding:10px 9px!important;font-size:12.5px!important;
  white-space:normal!important;text-align:center;
 }
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-clarity-completeness{
  padding:19px 17px!important;
 }
}
@media(max-width:355px){
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions{
  grid-template-columns:minmax(0,1fr)!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-workspace--investments .invest-refresh.invest-overview-empty .invest-clarity .invest-setup-actions button{
  transition:none!important;transform:none!important;
 }
}

}
/* investment-investor-guide.css */
@media screen {

/* Investments onboarding and account-navigation finishing. Informational only:
   no portfolio calculation, holdings mutation, or data-source promotion. */
#app .wmd-workspace--investments .invest-refresh {
  --wmd-investments-accent:#79b8f6;
  --inv-accent:#79b8f6;
  --inv-accent-bright:#bbddff;
  --inv-cta-ink:#102337;
  --invest-track-accent:var(--inv-accent);
  --invest-accent:var(--inv-accent);
  --broker-accent:var(--inv-accent);
}
#app .wmd-workspace--investments .invest-refresh .wmd-invest-draft-manager {
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:12px 24px;padding:19px 22px;
  border:1px solid color-mix(in srgb,var(--inv-accent) 35%,var(--inv-line,#476078));
  background:linear-gradient(125deg,color-mix(in srgb,var(--inv-accent) 10%,var(--inv-panel,#1b2937)),var(--inv-panel,#1b2937));
  border-radius:16px;color:var(--inv-text,#f4f7fc);
}
#app .wmd-workspace--investments .wmd-invest-draft-copy{display:grid;gap:6px;min-width:0}
#app .wmd-workspace--investments .wmd-invest-draft-copy small{
  color:var(--inv-accent-bright,#c5e5ff);font-size:11px;font-weight:750;letter-spacing:.07em
}
#app .wmd-workspace--investments .wmd-invest-draft-copy h4{
  margin:0;font-size:clamp(18px,2vw,23px);font-weight:760;line-height:1.23;color:var(--inv-text,#f4f7fc)
}
#app .wmd-workspace--investments .wmd-invest-draft-copy p{
  margin:0;font-size:14px;line-height:1.52;color:var(--inv-muted,#b9c9d7);max-width:68ch
}
#app .wmd-workspace--investments .wmd-invest-draft-status{
  color:var(--inv-text,#f4f7fc);font-size:13px;font-weight:650
}
#app .wmd-workspace--investments .wmd-invest-draft-actions{
  display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;max-width:320px
}
#app .wmd-workspace--investments .wmd-invest-draft-actions button,
#app .wmd-workspace--investments .wmd-invest-edit-shortcut{
  min-height:40px;padding:8px 12px;cursor:pointer;
  border:1px solid var(--inv-line-strong,#6b7e8d);border-radius:9px;
  color:var(--inv-text,#f4f7fc);background:var(--inv-raised,#27394b);
  font:inherit;font-size:13px;font-weight:700
}
#app .wmd-workspace--investments .wmd-invest-draft-actions button.wmd-invest-primary{
  background:#2468a5;color:#fff;border-color:#4d9ee7
}
#app .wmd-workspace--investments .wmd-invest-draft-actions button:hover,
#app .wmd-workspace--investments .wmd-invest-edit-shortcut:hover{
  border-color:var(--inv-accent,#79b8f6);background:var(--inv-hover,#2c455b)
}
#app .wmd-workspace--investments .wmd-invest-draft-actions button:focus-visible,
#app .wmd-workspace--investments .wmd-invest-edit-shortcut:focus-visible {
  outline:2px solid #8ec6ff;outline-offset:3px
}
#app .wmd-workspace--investments .wmd-invest-evidence-note{
  margin:0;grid-column:1/-1;color:var(--inv-muted,#b9c9d7);
  border-top:1px solid var(--inv-line,#455969);padding-top:11px;
  line-height:1.55;font-size:12px
}
#app .wmd-workspace--investments .invest-refresh .wmd-invest-edit-shortcut{
  display:inline-flex;align-items:center;justify-content:center;
  width:calc(100% - 30px);margin:4px 15px 11px;min-height:36px
}
#app .wmd-workspace--investments .invest-refresh .wmd-invest-unfinished{
  border-style:dashed!important;border-color:var(--inv-line-strong,#59778f)!important
}
#app .wmd-workspace--investments .invest-refresh.wmd-invest-drafts-collapsed .wmd-invest-unfinished,
#app .wmd-workspace--investments .invest-refresh .invest-holdings-modern.wmd-invest-drafts-collapsed .wmd-invest-unfinished {
  display:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-modern.wmd-invest-only-drafts .invest-position-summary{
  opacity:.75
}
/* Explicit neutral affordances rather than green legacy interactive chrome. */
#app .wmd-workspace--investments .invest-refresh :is(
  .invest-position-symbol, .invest-account-status-badge.has-holdings,
  .invest-nav-tabs .active, .invest-subnav button.active
):not(.positive):not(.negative) {
  color:var(--inv-accent-bright,#bbddff)!important;
  border-color:color-mix(in srgb,var(--inv-accent,#79b8f6) 30%,var(--inv-line,#47596c))!important;
  background:color-mix(in srgb,var(--inv-accent,#79b8f6) 12%,var(--inv-raised,#243444))!important
}
@media(max-width:780px){
  #app .wmd-workspace--investments .wmd-invest-draft-manager{grid-template-columns:1fr;padding:17px}
  #app .wmd-workspace--investments .wmd-invest-draft-actions{max-width:none;justify-content:stretch}
  #app .wmd-workspace--investments .wmd-invest-draft-actions button{flex:1 1 160px}
}

/* Mobile: the desktop account-review grid must never squeeze the text into
   a narrow strip while leaving action buttons in the other column. */
@media (max-width:780px){
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-draft-manager{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:17px!important;
  }
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-draft-copy,
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-draft-actions,
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-evidence-note{
    box-sizing:border-box!important;
    grid-column:1/-1!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:break-word;
  }
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-draft-actions{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:stretch!important;
    gap:9px!important;
  }
  #app .wmd-workspace--investments .invest-refresh
    .invest-holdings-modern .wmd-invest-draft-actions button{
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    flex:0 0 auto!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}

}
/* investment-holdings-ocean-interaction.css */
@media screen {
/* Final ocean treatment and explicit ticker actions for Investments.
   Only neutral controls are recolored; actual positive and negative returns
   retain the application's gain/loss semantic classes. */
#app .wmd-workspace--investments .invest-refresh {
  --invest-edit-ink:var(--wmd-theme-text,#eef7ff);
  --invest-edit-muted:var(--wmd-theme-muted,#b8cde0);
  --invest-edit-deep:var(--wmd-theme-deep,#10243a);
  --invest-edit-panel:var(--wmd-theme-panel,#1b3046);
  --invest-edit-raised:var(--wmd-theme-raised,#243f57);
  --invest-edit-line:var(--wmd-theme-line,#54738e);
  --invest-edit-accent:var(--wmd-theme-accent,#8ac5f6);
}
#app .wmd-workspace--investments .invest-refresh
  .invest-holdings-brokerage :is(.invest-position,.invest-ticker-card){
  background:var(--invest-edit-panel)!important;
  border-color:var(--invest-edit-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-editor,.invest-position-editor-foot,.invest-ticker-accounts){
  background:var(--invest-edit-panel)!important;
  border-color:var(--invest-edit-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-details>summary,.invest-ticker-details>summary){
  color:var(--invest-edit-ink)!important;
  background:var(--invest-edit-raised)!important;
  border-color:var(--invest-edit-line)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-details>summary:hover,.invest-position-details[open]>summary,
      .invest-ticker-details>summary:hover,.invest-ticker-details[open]>summary){
  color:var(--invest-edit-ink)!important;
  background:color-mix(in srgb,var(--invest-edit-accent) 12%,var(--invest-edit-raised))!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-position-editor :is(input,select){
  background:var(--invest-edit-deep)!important;
  color:var(--invest-edit-ink)!important;
  border-color:var(--invest-edit-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-position-editor :is(input,select):focus-visible {
  border-color:var(--invest-edit-accent)!important;
  outline:2px solid var(--invest-edit-accent)!important;outline-offset:1px;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-position-editor :is(input,select):disabled{
  opacity:.62!important;cursor:not-allowed;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-position-editor :is(input,select)::placeholder{
  color:var(--invest-edit-muted)!important;opacity:.72!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-editor label>span,.invest-position-allocation>span,
      .invest-native-input>span,.invest-position-caption,.invest-position-disclosure,
      .invest-position-editor-foot>small,.invest-position-price-foot>small,
      .invest-position-editor label>small,.invest-position-allocation>div small,
      .invest-ticker-details>summary span:not(.invest-ticker-chevron)){
  color:var(--invest-edit-muted)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-position-identity .invest-position-symbol,
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  .invest-ticker-identity .invest-position-symbol{
  display:inline-flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--invest-edit-accent) 16%,var(--invest-edit-deep))!important;
  color:var(--invest-edit-accent)!important;
  border-color:color-mix(in srgb,var(--invest-edit-accent) 55%,var(--invest-edit-line))!important;
  cursor:pointer;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  [role="button"].invest-position-symbol:focus-visible{
  outline:2px solid var(--invest-edit-accent)!important;outline-offset:3px!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-trades button:not([data-trade-type="Sell"]),
      .invest-position-price-foot button:not(:disabled),
      .invest-position-allocation button,
      .invest-ticker-account-actions button:not([data-trade-type="Sell"])){
  background:var(--invest-edit-raised)!important;
  border-color:var(--invest-edit-line)!important;
  color:var(--invest-edit-ink)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage
  :is(.invest-position-trades button:not([data-trade-type="Sell"]),
      .invest-position-price-foot button:not(:disabled),
      .invest-position-allocation button):hover{
  background:color-mix(in srgb,var(--invest-edit-accent) 14%,var(--invest-edit-raised))!important;
  border-color:var(--invest-edit-accent)!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-position-editor
  .wmd-invest-ticker-lookup{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;max-width:100%;min-height:34px;margin:3px 0 0;
  padding:6px 11px;cursor:pointer;text-align:center;font:750 12px/1.35 system-ui,sans-serif;
  color:var(--invest-edit-ink)!important;
  background:var(--invest-edit-raised)!important;
  border:1px solid var(--invest-edit-accent)!important;border-radius:8px;
}
#app .wmd-workspace--investments .invest-refresh .position-editor
  .wmd-invest-ticker-lookup:hover,
#app .wmd-workspace--investments .invest-refresh .invest-position-editor
  .wmd-invest-ticker-lookup:hover{
  background:color-mix(in srgb,var(--invest-edit-accent) 20%,var(--invest-edit-raised))!important;
}
#app .wmd-workspace--investments .invest-refresh .invest-position-editor
  .wmd-invest-ticker-lookup:focus-visible{
  outline:2px solid var(--invest-edit-accent);outline-offset:3px;
}
#app .wmd-workspace--investments .invest-refresh .invest-position-editor
  .wmd-invest-ticker-help{
  display:block;color:var(--invest-edit-muted)!important;
  font:520 11px/1.48 system-ui,sans-serif;max-width:39ch;
}
#app .wmd-workspace--investments .invest-refresh .wmd-invest-draft-manager{
  border-color:color-mix(in srgb,var(--invest-edit-accent) 35%,var(--invest-edit-line));
  background:var(--invest-edit-panel)!important;
}
#app .wmd-workspace--investments .invest-refresh
  .invest-holdings-modern.wmd-invest-drafts-collapsed .wmd-invest-unfinished{
  display:none!important;
}
@media(max-width:780px){
  #app .wmd-workspace--investments .invest-refresh .invest-position-editor
    .wmd-invest-ticker-lookup{min-height:40px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--investments .invest-refresh .invest-holdings-brokerage *{transition:none!important}
}

}
/* my-guide-entry.css */
/* Prominent, quiet guidance for signed-in users. Brand blue, no mint/teal. */
#app>.wmd-workspace-header .header-actions .wmd-my-guide-header{
 display:inline-flex;align-items:center;justify-content:center;gap:7px;
 box-sizing:border-box;min-height:42px;padding:9px 12px;
 border:1px solid #b4dcfb;border-radius:12px;background:#d9edff;color:#102d48;
 font:750 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;
 cursor:pointer;white-space:nowrap;box-shadow:0 1px 1px #0002
}
#app>.wmd-workspace-header .header-actions .wmd-my-guide-header:hover{background:#b9defc;border-color:#95c9f0}
#app>.wmd-workspace-header .header-actions .wmd-my-guide-header:focus-visible{outline:3px solid #6db6ec;outline-offset:3px}
#app>.wmd-workspace-header .header-actions .wmd-my-guide-header>span:first-child{font-size:17px;line-height:1}
#app>.wmd-workspace-header .header-actions .wmd-my-guide-header small{
 display:inline-grid;place-items:center;min-width:30px;padding:3px 5px;
 border-radius:6px;background:#accff0;color:#153b5e;font-size:11px;font-weight:850
}
#app .wmd-journey-coach{
 display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;
 align-items:center;margin:18px 0 4px;padding:16px 17px;
 border:1px solid #4e7597;border-radius:14px;background:#20384c;color:#eaf4ff
}
#app .wmd-journey-coach-kicker{display:block;font-size:11px;letter-spacing:.07em;font-weight:850;color:#a9d4f6}
#app .wmd-journey-coach strong{display:block;margin:5px 0;font-size:16px}
#app .wmd-journey-coach p{margin:0;max-width:62ch;font-size:13px;line-height:1.5;color:#cbdff1}
#app .wmd-journey-coach-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}
#app .wmd-journey-coach-actions button{
 min-height:42px;max-width:220px;border:1px solid #7598b7;border-radius:9px;
 padding:8px 11px;background:#2d4c65;color:#f1f7ff;
 font-size:13px;font-weight:700;cursor:pointer;text-align:center
}
#app .wmd-journey-coach-actions button:first-child{background:#c3e4fd;border-color:#c3e4fd;color:#153451}
#app .wmd-journey-coach-actions button:hover{border-color:#a8d6f8;filter:brightness(1.08)}
#app .wmd-journey-coach-actions button:focus-visible{outline:2px solid #a8d6f8;outline-offset:2px}
@media(max-width:880px){
 #app .wmd-journey-coach{grid-template-columns:1fr}
 #app .wmd-journey-coach-actions{justify-content:flex-start}
}
@media(max-width:620px){
 #app>.wmd-workspace-header .header-actions .wmd-my-guide-header{min-height:42px;padding:9px}
 #app>.wmd-workspace-header .header-actions .wmd-my-guide-header small{display:none}
 #app .wmd-journey-coach{padding:14px}
 #app .wmd-journey-coach-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
 #app .wmd-journey-coach-actions button{max-width:none;text-align:left}
}

/* Quiet, scannable Net Worth account check-in, mobile first. */
#app .wmd-next-step .wmd-account-checkin{margin-top:13px;display:grid;gap:10px}
#app .wmd-next-step .wmd-account-checkin-count{font-size:12px;font-weight:650;color:#b9dffa}
#app .wmd-next-step .wmd-account-checkin ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
#app .wmd-next-step .wmd-account-checkin li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid #36546e;border-radius:10px;background:#172b3c}
#app .wmd-next-step .wmd-account-checkin li span{min-width:0;overflow-wrap:anywhere;color:#edf6ff;font-size:13px;font-weight:650}
#app .wmd-next-step .wmd-account-checkin li small{flex:none;color:#b9dffa;font-size:11px}
@media(max-width:480px){#app .wmd-next-step .wmd-account-checkin li{align-items:flex-start;flex-direction:column;gap:3px}}

/* Contextual guidance: a calm editorial card, not a second dashboard. */
#app main.wmd-workspace .wmd-next-step{
 position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
 gap:14px 24px;margin:14px 0 18px;padding:20px 22px;
 border:1px solid #4b708d;border-radius:18px;
 background:linear-gradient(125deg,#152e43 0%,#1e3b52 62%,#203b53 100%);
 box-shadow:0 12px 32px rgba(7,22,35,.12);color:#f0f7ff
}
#app main.wmd-workspace .wmd-next-step-content{min-width:0;max-width:68ch}
#app main.wmd-workspace .wmd-next-step-label{
 display:block;margin-bottom:7px;color:#b6d9f5;font-size:11px;
 font-weight:800;letter-spacing:.095em;text-transform:uppercase
}
#app main.wmd-workspace .wmd-next-step h2{
 margin:0 0 7px;color:#fff;font-size:clamp(19px,2vw,25px);
 line-height:1.2;letter-spacing:-.025em;font-weight:780
}
#app main.wmd-workspace .wmd-next-step p{
 margin:0;color:#d8e8f5;font-size:14px;line-height:1.55
}
#app main.wmd-workspace .wmd-next-step-next{
 margin-top:12px;padding-top:11px;border-top:1px solid rgba(182,217,245,.19)
}
#app main.wmd-workspace .wmd-next-step-next span{
 margin-right:7px;color:#a7d2f4;font-size:11px;font-weight:850;
 letter-spacing:.04em;text-transform:uppercase
}
#app main.wmd-workspace .wmd-next-step-actions{
 display:flex;flex-direction:column;align-items:stretch;gap:10px;
 min-width:175px;max-width:230px
}
#app main.wmd-workspace .wmd-next-step-primary{
 min-height:46px;padding:11px 15px;border:1px solid #b8dcfa;border-radius:11px;
 background:#c5e5fd;color:#163852;font:750 13px/1.35 system-ui,sans-serif;
 cursor:pointer;white-space:normal
}
#app main.wmd-workspace .wmd-next-step-primary:hover{background:#e2f3ff}
#app main.wmd-workspace .wmd-next-step-more{font-size:12px;color:#c9e3f7}
#app main.wmd-workspace .wmd-next-step-more summary{cursor:pointer;min-height:26px}
#app main.wmd-workspace .wmd-next-step-more-actions{display:grid;gap:8px;margin-top:8px}
#app main.wmd-workspace .wmd-next-step-secondary,
#app main.wmd-workspace .wmd-next-step-help{
 padding:9px 10px;min-height:38px;border:1px solid #6287a5;
 border-radius:9px;background:#28485f;color:#eef7ff;font-size:12px;cursor:pointer
}
#app main.wmd-workspace .wmd-next-step-later{
 position:absolute;right:14px;top:9px;padding:4px 7px;border:0;
 background:transparent;color:#b7d5ec;font-size:11px;cursor:pointer
}
#app main.wmd-workspace .wmd-next-step :is(button,summary):focus-visible{
 outline:3px solid #8dcaf7;outline-offset:3px
}
#app main.wmd-workspace .wmd-account-checkin li{background:#1b364b;border-color:#476780}
#app main.wmd-workspace .wmd-account-checkin li small{
 flex:0 1 auto;text-align:right;line-height:1.35;overflow-wrap:anywhere
}
@media(max-width:700px){
 #app main.wmd-workspace .wmd-next-step{
  grid-template-columns:minmax(0,1fr);gap:16px;padding:19px 16px 16px;
  border-radius:16px
 }
 #app main.wmd-workspace .wmd-next-step-actions{
  width:100%;min-width:0;max-width:none;flex-direction:row;align-items:center
 }
 #app main.wmd-workspace .wmd-next-step-primary{flex:1}
 #app main.wmd-workspace .wmd-next-step-more{flex:0 0 auto}
 #app main.wmd-workspace .wmd-next-step-later{right:10px;top:7px}
 #app main.wmd-workspace .wmd-next-step h2{font-size:20px;padding-right:25px}
}
@media(max-width:390px){
 #app main.wmd-workspace .wmd-next-step-actions{align-items:stretch;flex-direction:column}
 #app main.wmd-workspace .wmd-next-step-more{align-self:flex-start}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace .wmd-next-step *{scroll-behavior:auto}
}

/* Recording review: fewer competing first-screen actions, clearer tap targets. */
@media(max-width:700px){
 #app .wmd-plan-coverage-header{align-items:stretch}
 #app .wmd-plan-coverage-header .wmd-plan-coverage-actions{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center
 }
 #app .wmd-plan-coverage-header .wmd-plan-coverage-primary{
  min-height:46px;flex:1 1 100%;font-size:14px
 }
 #app .wmd-plan-coverage-header .wmd-plan-coverage-statement-cta,
 #app .wmd-plan-coverage-header .wmd-plan-coverage-setup-link{
  flex:1 1 auto;min-height:42px;font-size:13px
 }
 #app .wmd-plan-coverage-inspection>summary{min-height:44px;display:flex;align-items:center}
 #app .wmd-mg-head .wmd-mg-update{min-height:46px;font-size:14px}
 #app .wmd-mg-next{min-height:52px}
 #app .wmd-mg-account{min-height:96px}
 #app .wmd-mg-account em{font-size:12px;line-height:1.45}
 #app .wmd-mg-overview-title h3{font-size:16px}
 #app .wmd-mg-plan-row{min-height:54px}
 #app .wmd-mg-upcoming>summary{min-height:44px}
 #app .wmd-plan-coverage-mini-unassigned{
  font-weight:750;line-height:1.5;white-space:normal
 }
}

/* iPhone walkthrough: the guide should not consume the entire first viewport. */
@media(max-width:700px){
 #app main.wmd-workspace .wmd-next-step{
  margin:8px 0 12px;padding:15px 14px 13px;gap:10px;
  box-shadow:none;border-radius:14px
 }
 #app main.wmd-workspace .wmd-next-step-label{
  font-size:11px;letter-spacing:.045em;margin-bottom:5px
 }
 #app main.wmd-workspace .wmd-next-step h2{
  font-size:18px;line-height:1.25;margin-bottom:5px
 }
 #app main.wmd-workspace .wmd-next-step p{font-size:14px;line-height:1.45}
 #app main.wmd-workspace .wmd-next-step-next{
  margin-top:8px;padding-top:8px;font-size:13px
 }
 #app main.wmd-workspace .wmd-next-step-primary{
  min-height:46px;font-size:14px;line-height:1.25
 }
 #app main.wmd-workspace .wmd-next-step-more summary{
  display:flex;align-items:center;min-height:44px;font-size:13px
 }
 #app main.wmd-workspace .wmd-next-step-secondary,
 #app main.wmd-workspace .wmd-next-step-help{min-height:44px;font-size:13px}
 #app main.wmd-workspace .wmd-next-step-later{
  min-height:36px;min-width:48px;font-size:12px
 }
 #app .wmd-journey-coach{
  margin:10px 0 4px;padding:13px;gap:10px
 }
 #app .wmd-journey-coach p{font-size:14px}
 #app .wmd-journey-coach-actions button{
  min-height:44px;max-width:none;font-size:14px
 }
 #app .wmd-account-checkin-count{font-size:13px}
 #app main.wmd-workspace .wmd-account-checkin li small{
  font-size:12px;text-align:left
 }
}

/* Mobile walkthrough remediation: readable secondary information and consistent touch targets.
   Scoped to the guided setup and update surfaces, not financial calculations. */
@media(max-width:700px){
 #app main.wmd-workspace .wmd-next-step-more-actions button,
 #app main.wmd-workspace .wmd-next-step-actions button,
 #app .wmd-plan-coverage-actions button,
 #app .wmd-mg-head button{touch-action:manipulation}
 #app main.wmd-workspace .wmd-next-step-content,
 #app .wmd-plan-coverage-header,
 #app .wmd-mg-overview-title{overflow-wrap:anywhere;min-width:0}
 #app .wmd-plan-coverage-header :is(p,small),
 #app .wmd-mg-head :is(p,small){line-height:1.5}
 #app .wmd-plan-coverage-mini-unassigned{font-size:14px}
 #app main.wmd-workspace .wmd-next-step-actions{width:100%;max-width:none}
 #app main.wmd-workspace .wmd-next-step-more-actions{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace .wmd-next-step *,
 #app .wmd-journey-coach *{scroll-behavior:auto;transition-duration:.01ms}
}

/* Keep "Not now" away from the primary action. The old absolute top-right
   placement overlapped the button at desktop widths. */
#app main.wmd-workspace .wmd-next-step--simple{
  grid-template-columns:minmax(0,1fr) minmax(210px,260px);
  gap:10px 22px;
}
#app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-content{
  grid-column:1;
  grid-row:1 / span 2;
}
#app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-actions{
  grid-column:2;
  grid-row:1;
  width:100%;
  min-width:0;
  max-width:none;
}
#app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-later{
  position:static!important;
  grid-column:2;
  grid-row:2;
  justify-self:end;
  align-self:start;
  min-height:34px!important;
  padding:6px 9px;
  font-size:12px;
  border-radius:6px;
}
#app main.wmd-workspace .wmd-next-step--simple .wmd-next-step-primary{
  width:100%;
  min-height:48px;
  font-size:14px;
}
@media(max-width:700px){
  #app main.wmd-workspace .wmd-next-step--simple{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
  #app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-content{
    grid-column:1;
    grid-row:1;
  }
  #app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-actions{
    grid-column:1;
    grid-row:2;
    width:100%;
    min-width:0;
    max-width:none;
  }
  #app main.wmd-workspace .wmd-next-step--simple > .wmd-next-step-later{
    grid-column:1;
    grid-row:3;
    justify-self:end;
  }
}

/* Guided next actions align review sections below the workspace chrome
   on desktops and phones. Keep the task title and first controls in view. */
#app main.wmd-workspace :is(
  .invest-account-summary,
  .invest-account-page-hero,
  .wmd-goal-card-details,
  .wmd-goal-card-body,
  .wmd-goals-section-head,
  .wmd-goals-empty [data-goal-add],
  .cash-checklist-head,
  .cash-checklist-tools,
  [data-checklist-filter="pending"],
  [data-budget="anchorDate"],
  .budget-paydays-button
){scroll-margin-top:clamp(80px,11vh,128px)}

/* landing-investments-ocean-integrity.css */
@media screen {
/* Where's My Dollar? | Public Investments demo Ocean integrity.
 * Legacy Investments styles contain hard-coded sage/green, while several
 * neutral palette fixes target only signed-in .wmd-workspace--investments.
 * This scoped final layer applies to the seven-screen landing-page tour only.
 * Portfolio math, category swatches, semantic gains/losses, and signed-in
 * user-selected appearance themes remain unchanged.
 */
/* This preview uses the Ocean palette, independently of the signed-in Investments appearance setting */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh{
  --wmd-accent:#8ec8f3;
  --invest-accent:#8ec8f3;
  --invest-track-accent:#8ec8f3;
  --inv-accent:#8ec8f3;
  --inv-accent-bright:#b9dffa;
  --inv-accent-line:#648fad;
  --inv-panel:#1b3042;
  --inv-deep:#132536;
  --inv-raised:#223b51;
  --inv-hover:#294b65;
  --inv-selected:#284963;
  --inv-icon-bg:#203c53;
  --inv-line:#456987;
  --inv-line-strong:#5b83a3;
  --inv-text:#edf7ff;
  --inv-muted:#b7cfdf;
  --inv-cta-ink:#102638;
  --broker-panel:#1b3042;
  --broker-panel-deep:#132536;
  --broker-line:#456987;
  --broker-muted:#b7cfdf;
  --broker-ink:#edf7ff;
  --broker-accent:#8ec8f3;
  --invest-border:#456987;
  --invest-premium-line:#456987;
  --invest-premium-muted:#b7cfdf;
  --invest-premium-ink:#edf7ff;
  color:#edf7ff;
}

/* Navigation and horizontal separators */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-shell,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-toolbar-mode{
  border-color:#496e8a!important;
  background:transparent!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-tabs>button{
  color:#bed4e4!important;
  background:transparent!important;
  border-bottom-color:transparent!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-tabs>button.active{
  color:#b9dffa!important;
  border-bottom-color:#8ec8f3!important;
  background:transparent!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-tabs>button:hover:not(.active),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-link:hover{
  color:#eff8ff!important;
  background:transparent!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-link,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-status{
  color:#bcd2e2!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-status-dot,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-status.is-linked .invest-nav-status-dot{
  background:#8ec8f3!important;
  box-shadow:none!important;
}

/* Decorative labels must never appear as positive-performance green */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-kicker,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-today-head .invest-kicker,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-caption,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-explorer-fields label>span,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-toolbar label>span,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-metrics article>div>span,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-edit-grid>label>span{
  color:#b9dffa!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-panel-head p,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-head p,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-hero p,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-page-hero p,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-name small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-explorer>small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-market-status,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-disclosure,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-toolbar-mode>small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-page-count small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-history-head p{
  color:#b8cede!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-panel-head h3,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-hero h3,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-page-hero h3,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-history-head h4,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-identity strong,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-identity strong{
  color:#f0f8ff!important;
}

/* Controls and hover states */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-panel-actions button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-actions button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-mode button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-tools button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-next button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-hero button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-paths button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-hero-actions button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity-focus button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-price-foot button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-allocation button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-today-view,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-picker button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-order-controls button{
  background:#223d54!important;
  border-color:#537d9b!important;
  color:#e3f2fd!important;
  box-shadow:none!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-panel-actions button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-mode button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-next button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-paths button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity-focus button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-price-foot button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-allocation button:not(:disabled):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-tools button:not(:disabled):hover{
  background:#2b4f69!important;
  border-color:#92c8ec!important;
  color:#fff!important;
}

/* Prominent actions are sky blue */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-actions .invest-primary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-actions button.invest-snap-action,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh button.invest-snap-action,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf button.invest-perf-add-action,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-hero-emphasis,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-paths button.invest-holdings-snap{
  background:#8ec8f3!important;
  border-color:#8ec8f3!important;
  color:#102638!important;
  font-weight:770!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-actions .invest-primary:hover:not(:disabled),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-modern .invest-panel-actions button.invest-snap-action:hover:not(:disabled),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf button.invest-perf-add-action:hover:not(:disabled),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-hero-emphasis:hover:not(:disabled){
  background:#b9dffa!important;
  border-color:#b9dffa!important;
  color:#102638!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-mode button.active{
  background:#2a4a65!important;
  border-color:#8ec8f3!important;
  color:#edf8ff!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-modes button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-ranges button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-chart-actions button{
  border-color:#517996!important;
  color:#daefff!important;
  background:#233e53!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-ranges button.active,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-modes button.active,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-benchmark-buttons button.active{
  border-color:#8ec8f3!important;
  background:#2b4e68!important;
  color:#fff!important;
}

/* Search, filters and editors */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-explorer-fields :is(input,select),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-filters select,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-picker select,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-edit-grid :is(input,select),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-editor :is(input,select),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf :is(input,select),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-toolbar select{
  background:#13293b!important;
  border-color:#527995!important;
  color:#e9f6ff!important;
  caret-color:#8ec8f3!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh button:focus-visible,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh input:focus-visible,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh select:focus-visible,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh summary:focus-visible{
  outline:2px solid #8ec8f3!important;
  outline-offset:3px!important;
}

/* Neutral controls scaffolding */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-explorer,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf-modes,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-mode,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-toolbar{
  border-color:#456b88!important;
  background:#162b3e!important;
}

/* Top panels and cards */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-brokerage>.invest-panel-head,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-hero,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-page-hero,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-hero-refreshed,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity-focus{
  background:linear-gradient(125deg,#1b3347,#132739)!important;
  border-color:#486e8b!important;
}

/* Other Investments surfaces */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-panel,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-overview,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-history,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-table,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-today,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-metrics article,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-next :is(.invest-activity-cash-cta,.invest-trade-guidance),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity>div{
  background:#1b3043!important;
  border-color:#456987!important;
  color:#eaf5ff!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-summary>div,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-brokerage .invest-position-summary>div,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-metrics article,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-snapshot,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-config,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-reconcile{
  border-color:#456987!important;
  background:#1b3043!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-summary>div span,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-summary>div small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-metrics article small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-identity small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-identity small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-performance:not(.positive):not(.negative) span{
  color:#b7cddd!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-summary>div strong:not(.positive):not(.negative),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-copy strong,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-page-count strong{
  color:#eff8ff!important;
}

/* Holding list rows */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-list,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-list{
  background:#14293b!important;
  border-color:#456987!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-card,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-row{
  background:#182e40!important;
  border-bottom-color:#416480!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-card:hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position:hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-row:hover{
  background:#233e54!important;
  border-color:#668fac!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-details>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-details>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-summary{
  background:#1b3043!important;
  color:#d6eafb!important;
  border-color:#456987!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-details>summary:hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-details>summary:hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-details[open]>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-details[open]>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-details[open] .invest-account-summary{
  background:#294b65!important;
  border-color:#628db0!important;
  color:#eff8ff!important;
}

/* Expandable details */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-accounts,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-editor,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-editor-foot,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-edit-grid,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-picker .invest-add-account,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-table-head,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-empty,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-first-steps,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-legend{
  background:#172d40!important;
  border-color:#456987!important;
}

/* Symbols and non-performance status badges */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-symbol,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-empty-symbol,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-empty-icon,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-cta-icon,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-status-badge,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-empty-symbol{
  background:#233e56!important;
  border-color:#5f8daf!important;
  color:#bee4ff!important;
  box-shadow:none!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-status-badge:before,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-clarity-track i,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf-data-quality-pill i,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf-portfolio-legend i{
  background:#8ec8f3!important;
  box-shadow:none!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-holdings-first-steps p,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-empty>span:not(.invest-activity-empty-icon),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-summary-owner,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-summary-source,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-filters label,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-details>summary small,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-table-head,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-name small{
  color:#b9d0e0!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-row-chevron,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-order-controls button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-nav-link,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-filters label,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-filter-empty{
  color:#bfdff6!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-activity-filters select,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-picker select,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-edit-grid select{
  background-color:#152a3d!important;
  border-color:#527995!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-data-quality-pill,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-recheck,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-compare-panel,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-observations{
  background:#203b50!important;
  border-color:#496e8b!important;
  color:#bad5e7!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-observations>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-update-details>summary,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-chart-actions button,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-account-label,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-activity-status{
  color:#c1dbee!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-chart-blank,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-blank-grid{
  background:linear-gradient(145deg,#1b3448,#132638)!important;
  border-color:#426680!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-axis{
  fill:#b7cfdf!important;
}

/* Status styles that are not gains or losses */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-today-total:not(.positive):not(.negative),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-account-performance:not(.positive):not(.negative),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-perf .invest-perf-metric:not(.positive):not(.negative){
  background:#1d3549!important;
  border-color:#496e8b!important;
}

/* Buy and neutral trade controls; Sell remains red */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-trades button:not([data-trade-type="Sell"]),
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-account-actions button:not([data-trade-type="Sell"]){
  background:#26465c!important;
  border-color:#658faf!important;
  color:#e7f5ff!important;
}

#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-position-trades button:not([data-trade-type="Sell"]):hover,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh .invest-ticker-account-actions button:not([data-trade-type="Sell"]):hover{
  background:#305672!important;
  border-color:#9dcae9!important;
}
@media (prefers-reduced-motion:reduce){
  #app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="investments"] .invest-refresh :is(button,summary,input,select){transition:none!important}
}

}
/* budget-unified-allocation.css */
/* 2026-10-21: One Budget allocation overview. Presentation only, no money-state changes.
   The income/remaining headline and three category shortcuts replace duplicate
   summary tiles and a second legend. All colors are neutral Ocean/appearance
   palette colors, never an implied positive cash balance. */
#app .wmd-budget-allocation.budget-top{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;width:100%;min-width:0;align-items:stretch;
  padding:clamp(18px,2.4vw,30px)!important;
  background:var(--wmd-theme-panel,#192c40)!important;
  background-image:none!important;
  border:1px solid var(--wmd-theme-line,#44647c)!important;
  color:var(--wmd-theme-text,#f3f8fd);
  border-radius:20px;margin:0 0 14px;
  box-shadow:0 12px 34px rgb(5 18 30 / .12);
  box-sizing:border-box;
}
#app .wmd-budget-allocation .wmd-allocation-head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.58fr);
  gap:22px;align-items:start;min-width:0;
  padding-bottom:17px;border-bottom:1px solid var(--wmd-theme-line-soft,#33506a);
}
#app .wmd-budget-allocation .wmd-allocation-income,
#app .wmd-budget-allocation .wmd-allocation-balance{min-width:0}
#app .wmd-budget-allocation .budget-income-jump{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  font-size:clamp(14px,1.15vw,17px)!important;font-weight:750;
  padding:0;background:transparent!important;border:0!important;
  line-height:1.4;white-space:normal;text-align:left;
}
#app .wmd-budget-allocation .budget-income-jump:hover{text-decoration:underline;text-underline-offset:3px}
#app .wmd-budget-allocation .budget-income-jump:focus-visible,
#app .wmd-budget-allocation .wmd-allocation-item:focus-visible,
#app .wmd-budget-allocation .wmd-allocation-segment:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6)!important;
  outline-offset:3px!important;
}
#app .wmd-budget-allocation .wmd-allocation-income h2{
  margin:7px 0 0!important;
  font-size:clamp(35px,3.25vw,49px)!important;
  font-weight:800;letter-spacing:-.035em;line-height:1.1;
  color:var(--wmd-theme-text,#f3f8fd)!important;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-budget-allocation .wmd-allocation-balance{
  display:grid;align-content:center;justify-items:start;gap:2px;
  padding:13px 17px;border:1px solid var(--wmd-theme-line,#44647c);
  background:var(--wmd-theme-raised,#213a50);border-radius:13px;
}
#app .wmd-budget-allocation .wmd-allocation-balance.is-selected{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6);
  box-shadow:0 0 0 2px rgb(148 210 249 / .18);
}
#app .wmd-budget-allocation .wmd-allocation-balance-label{
  display:flex!important;align-items:center;gap:8px;
  font-size:clamp(13px,.95vw,15px);font-weight:730;
  padding:0!important;margin:0;background:none!important;
  color:var(--wmd-theme-muted,#aec2d3)!important;
}
#app .wmd-budget-allocation .wmd-allocation-balance-label::before{
  content:"";width:8px;height:8px;border-radius:50%;flex:0 0 8px;
  background:#d9ba88;
}
#app .wmd-budget-allocation .wmd-allocation-balance.is-shortfall .wmd-allocation-balance-label::before{background:#e6a09f}
#app .wmd-budget-allocation .wmd-allocation-balance.is-complete .wmd-allocation-balance-label::before{background:#9ed8f6}
#app .wmd-budget-allocation .wmd-allocation-balance strong{
  display:block;color:var(--wmd-theme-text,#f3f8fd)!important;
  font-size:clamp(26px,2.3vw,37px);font-weight:800;
  line-height:1.18;letter-spacing:-.025em;overflow-wrap:anywhere;
  font-variant-numeric:tabular-nums;
}
#app .wmd-budget-allocation .wmd-allocation-balance.is-shortfall strong{color:#f2aaa9!important}
#app .wmd-budget-allocation .wmd-allocation-balance small{
  margin:3px 0 0;color:var(--wmd-theme-muted,#b3c6d6)!important;
  font-size:clamp(12px,.88vw,13px);line-height:1.4;font-weight:480;
  overflow-wrap:break-word;
}
#app .wmd-budget-allocation .wmd-allocation-chart{min-width:0;display:grid;gap:12px}
#app .wmd-budget-allocation .wmd-allocation-chart-heading{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;flex-wrap:wrap;
}
#app .wmd-budget-allocation .wmd-allocation-chart-heading h3{
  font-size:clamp(16px,1.25vw,19px);font-weight:760;line-height:1.3;
  letter-spacing:-.01em;color:var(--wmd-theme-text,#f3f8fd)!important;
  padding:0;margin:0;
}
#app .wmd-budget-allocation .wmd-allocation-chart-heading>span{
  display:block;padding:0!important;background:none!important;
  color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  font-size:clamp(13px,1vw,15px);font-weight:700;
  font-variant-numeric:tabular-nums;
}
#app .wmd-budget-allocation .wmd-allocation-bar{
  display:flex!important;align-items:stretch;justify-content:flex-start;
  min-width:0;width:100%;height:23px;overflow:hidden;
  background:var(--wmd-theme-deep,#102233);
  border:1px solid var(--wmd-theme-line-soft,#33506a);border-radius:999px;
  isolation:isolate;gap:0;
}
#app .wmd-budget-allocation .wmd-allocation-segment{
  display:block;flex:0 0 auto;min-width:0;min-height:0;height:100%;
  padding:0!important;margin:0!important;box-shadow:none!important;
  border:0!important;border-radius:0!important;appearance:none;
  opacity:1;cursor:pointer;position:relative;
  transition:filter .13s ease,box-shadow .13s ease;
}
#app .wmd-budget-allocation .wmd-allocation-segment + .wmd-allocation-segment{
  border-left:1px solid rgb(11 25 38 / .34)!important;
}
#app .wmd-budget-allocation .wmd-allocation-segment:is(:hover,:focus-visible,.is-selected){
  filter:brightness(1.12);box-shadow:inset 0 0 0 2px rgb(255 255 255 / .72)!important;z-index:1;
}
#app .wmd-budget-allocation .wmd-allocation-needs{--wmd-category-color:#9ed8f6}
#app .wmd-budget-allocation .wmd-allocation-wants{--wmd-category-color:#72a9dc}
#app .wmd-budget-allocation .wmd-allocation-savings{--wmd-category-color:#ad9bce}
#app .wmd-budget-allocation .wmd-allocation-unassigned{--wmd-category-color:#d9ba88}
#app .wmd-budget-allocation .wmd-allocation-segment{background:var(--wmd-category-color,#718ca3)!important}
#app .wmd-budget-allocation .wmd-allocation-bar-gap{
  height:100%;flex:0 0 auto;background:var(--wmd-theme-deep,#102233);
}
#app .wmd-budget-allocation .wmd-allocation-bar-empty{
  display:block;align-self:center;text-align:center;width:100%;padding:0 6px!important;
  color:var(--wmd-theme-muted,#a9bcd0);
  background:none!important;font-size:11px;line-height:1.2;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#app .wmd-budget-allocation .wmd-allocation-concealed{
  display:grid;place-items:center;width:100%;height:100%;font-size:12px;
  color:var(--wmd-theme-muted,#aec2d3);
  background:repeating-linear-gradient(90deg,#527391 0 14px,#6588a4 14px 27px);
}
#app .wmd-budget-allocation .wmd-allocation-legend{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;min-width:0;
}
#app .wmd-budget-allocation .wmd-allocation-item{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;gap:9px 9px;align-items:end;
  min-width:0;min-height:92px;text-align:left;
  padding:14px 15px!important;margin:0;position:relative;
  border:1px solid var(--wmd-theme-line,#44647c)!important;
  background:var(--wmd-theme-deep,#102233)!important;
  color:var(--wmd-theme-text,#f3f8fd)!important;
  border-radius:12px!important;box-shadow:none!important;
  line-height:1.25;cursor:pointer;
}
#app .wmd-budget-allocation .wmd-allocation-item:hover,
#app .wmd-budget-allocation .wmd-allocation-item.is-selected{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  background:var(--wmd-theme-raised,#213a50)!important;
}
#app .wmd-budget-allocation .wmd-allocation-category{
  grid-column:1 / -1;grid-row:1;display:flex!important;align-items:center;
  gap:8px;min-width:0;max-width:100%;padding:0!important;
  background:none!important;border:0!important;
  color:var(--wmd-theme-text,#f3f8fd)!important;
  font-size:clamp(13px,1.05vw,15px);font-weight:700;
  white-space:normal;overflow-wrap:break-word;
}
#app .wmd-budget-allocation .wmd-allocation-category i{
  display:block;flex:0 0 10px;width:10px;height:10px;border-radius:4px;
  background:var(--wmd-category-color,#718ca3)!important;
}
#app .wmd-budget-allocation .wmd-allocation-amount{
  grid-column:1;grid-row:2;min-width:0;
  font-size:clamp(19px,1.45vw,24px);letter-spacing:-.025em;
  line-height:1.1;font-weight:790;overflow-wrap:anywhere;
  color:var(--wmd-theme-text,#f3f8fd)!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-budget-allocation .wmd-allocation-share{
  grid-column:2;grid-row:2;display:block!important;align-self:end;
  text-align:right;padding:0!important;margin:0;line-height:1.15;
  font-size:clamp(12px,.86vw,14px);font-weight:660;
  background:none!important;color:var(--wmd-theme-muted,#b3c6d6)!important;
  white-space:normal;
}
#app .wmd-budget-allocation .wmd-allocation-arrow{
  position:absolute;top:13px;right:14px;display:block!important;
  padding:0!important;background:none!important;
  font-size:14px;color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  opacity:0;transform:translateY(2px);transition:opacity .14s ease,transform .14s ease;
}
#app .wmd-budget-allocation .wmd-allocation-item:is(:hover,:focus-visible) .wmd-allocation-arrow{
  opacity:1;transform:none;
}
#app .wmd-budget-allocation .wmd-allocation-help{
  margin:0;max-width:95ch;font-size:clamp(12px,.93vw,14px);
  line-height:1.5;color:var(--wmd-theme-muted,#b3c6d6)!important;
}
#app .wmd-budget-allocation .wmd-allocation-help.is-shortfall,
#app .wmd-budget-allocation .wmd-allocation-scale-note{color:#eab3a7!important}
#app .wmd-budget-allocation .wmd-allocation-scale-note{
  display:block;font-size:12px;line-height:1.4;
}
@media(max-width:900px){
  #app .wmd-budget-allocation .wmd-allocation-legend{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #app .wmd-budget-allocation .wmd-allocation-item:last-child:nth-child(odd){
    grid-column:1/-1;
  }
}
@media(max-width:590px){
  #app .wmd-budget-allocation.budget-top{padding:17px 15px!important;gap:16px!important;border-radius:16px}
  #app .wmd-budget-allocation .wmd-allocation-head{
    grid-template-columns:minmax(0,1fr);gap:14px;padding-bottom:13px;
  }
  #app .wmd-budget-allocation .wmd-allocation-balance{
    padding:12px 14px;grid-template-columns:minmax(0,1fr) auto;
    align-items:center;column-gap:10px;row-gap:3px;
  }
  #app .wmd-budget-allocation .wmd-allocation-balance-label{grid-column:1;grid-row:1}
  #app .wmd-budget-allocation .wmd-allocation-balance strong{grid-column:2;grid-row:1 / 3;text-align:right;font-size:27px}
  #app .wmd-budget-allocation .wmd-allocation-balance small{grid-column:1;grid-row:2;font-size:12px}
  #app .wmd-budget-allocation .wmd-allocation-legend{
    grid-template-columns:minmax(0,1fr);gap:8px;
  }
  #app .wmd-budget-allocation .wmd-allocation-item:last-child:nth-child(odd){grid-column:auto}
  #app .wmd-budget-allocation .wmd-allocation-item{
    min-height:76px;padding:12px 14px!important;gap:6px 8px;
  }
  #app .wmd-budget-allocation .wmd-allocation-amount{font-size:22px}
  #app .wmd-budget-allocation .wmd-allocation-share{font-size:13px}
  #app .wmd-budget-allocation .wmd-allocation-arrow{display:none!important}
  #app .wmd-budget-allocation .wmd-allocation-bar{height:20px}
}
@media(max-width:370px){
  #app .wmd-budget-allocation .wmd-allocation-balance{
    display:flex;flex-direction:column;align-items:flex-start;gap:4px;
  }
  #app .wmd-budget-allocation .wmd-allocation-balance strong{text-align:left}
}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation.budget-top{
  background:#fff!important;color:#1a3041!important;
  border-color:#c7d9e7!important;box-shadow:0 8px 22px rgb(27 70 101 / .06);
  --wmd-theme-text:#193047;--wmd-theme-muted:#52697c;
  --wmd-theme-line:#c9dbe9;--wmd-theme-line-soft:#d8e5ee;
  --wmd-theme-deep:#f1f6fb;--wmd-theme-raised:#e7f1fa;
  --wmd-theme-accent-soft:#286a9e;
}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-allocation-balance.is-shortfall strong{
  color:#a92938!important;
}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-allocation-help.is-shortfall,
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-allocation-scale-note{
  color:#9f3340!important;
}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-allocation-concealed{
  color:#fff;
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-budget-allocation .wmd-allocation-item,
  #app .wmd-budget-allocation .wmd-allocation-segment,
  #app .wmd-budget-allocation .wmd-allocation-arrow{transition:none!important}
}
@media print{
  #app .wmd-budget-allocation.budget-top{border:1px solid #beced9!important;box-shadow:none!important}
  #app .wmd-budget-allocation .wmd-allocation-item,
  #app .wmd-budget-allocation .wmd-allocation-balance{break-inside:avoid}
}
/* Recurring Budget: the unassigned amount is a native, accessible disclosure. */
#app .wmd-budget-allocation details.wmd-allocation-balance{
  display:block!important;overflow:hidden;padding:0!important;min-width:0;
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;
  align-items:center;padding:16px 17px;cursor:pointer;list-style:none;min-width:0;
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary::-webkit-details-marker{display:none}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary::marker{content:""}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary>.wmd-allocation-balance-label{
  grid-column:1;grid-row:1;min-width:0;
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary>strong{
  grid-column:2;grid-row:1 / 3;text-align:right!important;font-size:clamp(26px,2.3vw,37px);
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary>small{
  grid-column:1;grid-row:2;font-size:13px;line-height:1.5;
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary:hover{
  background:rgb(148 210 249 / .07);
}
#app .wmd-budget-allocation details.wmd-allocation-balance>summary:focus-visible,
#app .wmd-budget-allocation .wmd-allocation-balance-actions button:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6)!important;
  outline-offset:-3px;
}
#app .wmd-budget-allocation .wmd-allocation-disclosure-arrow{
  display:inline-block;color:var(--wmd-theme-accent-soft,#9ed8f6);
  font-size:20px;font-weight:700;transition:transform .15s ease;
}
#app .wmd-budget-allocation details.wmd-allocation-balance[open] .wmd-allocation-disclosure-arrow{transform:rotate(180deg)}
#app .wmd-budget-allocation .wmd-allocation-balance-detail{
  display:grid;gap:12px;padding:4px 17px 17px;
  border-top:1px solid var(--wmd-theme-line-soft,#33506a);
}
#app .wmd-budget-allocation .wmd-allocation-balance-detail p{
  margin:0;font-size:14px;line-height:1.55;color:var(--wmd-theme-muted,#b3c6d6);
}
#app .wmd-budget-allocation .wmd-allocation-balance-detail .wmd-allocation-formula{
  font-weight:750;color:var(--wmd-theme-text,#f3f8fd);padding-top:9px;
}
#app .wmd-budget-allocation .wmd-allocation-balance-actions{display:flex;gap:8px;flex-wrap:wrap}
#app .wmd-budget-allocation .wmd-allocation-balance-actions button{
  min-height:42px;padding:9px 12px;
  border:1px solid var(--wmd-theme-line,#44647c)!important;border-radius:10px;
  background:var(--wmd-theme-deep,#102233)!important;
  color:var(--wmd-theme-text,#f3f8fd)!important;
  font:700 14px/1.3 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-budget-allocation .wmd-allocation-balance-actions button:hover{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
}
@media(max-width:590px){
  #app .wmd-budget-allocation details.wmd-allocation-balance>summary{padding:14px}
  #app .wmd-budget-allocation details.wmd-allocation-balance>summary>strong{font-size:28px}
  #app .wmd-budget-allocation .wmd-allocation-balance-detail{padding:4px 14px 14px}
}
@media(max-width:370px){
  #app .wmd-budget-allocation details.wmd-allocation-balance>summary{
    grid-template-columns:minmax(0,1fr);gap:5px;
  }
  #app .wmd-budget-allocation details.wmd-allocation-balance>summary>strong{
    grid-column:1;grid-row:2;text-align:left!important;
  }
  #app .wmd-budget-allocation details.wmd-allocation-balance>summary>small{grid-column:1;grid-row:3}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-budget-allocation .wmd-allocation-disclosure-arrow{transition:none}
}

/* Compare allocation against saved personal targets without labeling it overspending. */
#app .wmd-budget-allocation .wmd-allocation-item{
  grid-template-rows:auto auto auto;
}
#app .wmd-budget-allocation .wmd-allocation-target{
  display:block!important;grid-column:1/-1;grid-row:3;align-self:start;
  padding:0!important;margin:0!important;background:none!important;
  font-size:clamp(12px,.88vw,13px);font-weight:750;line-height:1.35;
  white-space:normal;overflow-wrap:break-word;
  color:var(--wmd-theme-muted,#b4c9da)!important;
}
#app .wmd-budget-allocation .wmd-allocation-target.is-attention{
  color:#f1a7b6!important;
}
#app .wmd-budget-allocation .wmd-allocation-target.is-favorable,
#app .wmd-budget-allocation .wmd-allocation-target.is-on-target{
  color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-allocation-target.is-attention{
  color:#a13145!important;
}
@media(max-width:590px){
  #app .wmd-budget-allocation .wmd-allocation-item{gap:5px 8px;min-height:88px}
  #app .wmd-budget-allocation .wmd-allocation-target{font-size:13px;line-height:1.32}
}

/* Target guidance is optional. Keep variance feedback in the text, not card surfaces. */
#app .wmd-budget-allocation .wmd-allocation-title{
  display:flex;align-items:center;flex-wrap:wrap;gap:7px 12px;min-width:0;
}
#app .wmd-budget-allocation .wmd-target-visibility-toggle{
  display:inline-flex;align-items:center;justify-content:center;min-height:32px;
  padding:5px 11px!important;border-radius:999px;
  border:1px solid var(--wmd-theme-line,#44647c)!important;
  background:var(--wmd-theme-deep,#102233)!important;
  color:var(--wmd-theme-muted,#b3c6d6)!important;
  font:650 12px/1.3 system-ui,sans-serif;white-space:nowrap;cursor:pointer;
}
#app .wmd-budget-allocation .wmd-target-visibility-toggle:hover{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  color:var(--wmd-theme-text,#f3f8fd)!important;
}
#app .wmd-budget-allocation .wmd-target-visibility-toggle:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:2px;
}
@media(max-width:590px){
  #app .wmd-budget-allocation .wmd-allocation-chart-heading{align-items:center}
  #app .wmd-budget-allocation .wmd-target-visibility-toggle{min-height:34px;font-size:12px}
}

/* budget-income-clarity.css */
/* Distinguishes averaged income from usual pay-period cash; ocean-neutral tones. */
#app .wmd-income-clarity{display:grid;gap:16px;margin:0 0 18px;padding:clamp(18px,2.5vw,26px);border:1px solid var(--wmd-theme-line,#3f607a);border-radius:18px;background:var(--wmd-theme-panel,#192c40);color:var(--wmd-theme-text,#f2f7fd);box-sizing:border-box}
#app .wmd-income-clarity-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px}
#app .wmd-income-clarity-kicker{font-size:12px;font-weight:800;letter-spacing:.09em;color:var(--wmd-theme-accent-soft,#aedbfd)}
#app .wmd-income-clarity-heading h3{font-size:clamp(19px,2vw,24px);line-height:1.22;margin:5px 0 7px;letter-spacing:-.025em}
#app .wmd-income-clarity-heading p,#app .wmd-income-clarity-bridge p{font-size:14px;line-height:1.55;margin:0;color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-method{font-size:12px;font-weight:700;border:1px solid var(--wmd-theme-line,#45677e);border-radius:25px;padding:6px 10px;white-space:normal}
#app .wmd-income-clarity-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app .wmd-income-clarity-facts>div{display:grid;align-content:start;gap:6px;padding:15px;background:var(--wmd-theme-raised,#223950);border:1px solid var(--wmd-theme-line-soft,#38556a);border-radius:12px;min-width:0}
#app .wmd-income-clarity-facts span{font-size:13px;font-weight:650;line-height:1.35;color:var(--wmd-theme-muted,#c1d2de)}
#app .wmd-income-clarity-facts strong{font-size:clamp(23px,2.4vw,32px);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere}
#app .wmd-income-clarity-facts strong.is-short{color:#f3adad}
#app .wmd-income-clarity-facts small{font-size:12px;line-height:1.4;color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-bridge{display:grid;gap:8px;border-top:1px solid var(--wmd-theme-line-soft,#38556a);padding-top:14px}
#app .wmd-income-clarity-bridge>span{font-size:13px;font-weight:750}
#app .wmd-income-clarity-equation{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:15px;line-height:1.55}
#app .wmd-income-clarity-equation>strong{font-size:21px}
#app .wmd-income-clarity-equation>b{color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-plan{border-top:1px solid var(--wmd-theme-line-soft,#38556a);padding-top:12px}
#app .wmd-income-clarity-plan summary{font-size:14px;font-weight:750;cursor:pointer;list-style:none}
#app .wmd-income-clarity-plan summary::-webkit-details-marker{display:none}
#app .wmd-income-clarity-plan summary span{float:right}
#app .wmd-income-clarity-plan-body{display:grid;gap:12px;padding-top:13px}
#app .wmd-income-clarity-plan-body p{font-size:14px;line-height:1.55;margin:0}
#app .wmd-income-clarity-next{color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-warning{border-left:3px solid #d7ae6f;padding:8px 10px;background:rgb(215 174 111 / .08)}
#app .wmd-income-clarity button{justify-self:start;border:1px solid var(--wmd-theme-accent-soft,#9ed8f6);border-radius:10px;background:transparent;color:var(--wmd-theme-accent-soft,#9ed8f6);padding:10px 14px;min-height:42px;font-size:14px;font-weight:750;cursor:pointer}
#app .wmd-income-clarity button:hover{background:rgb(158 216 246 / .12)}
#app .wmd-income-clarity button:focus-visible,#app .wmd-income-clarity summary:focus-visible{outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:3px}
#app .wmd-income-clarity-plan-body small{font-size:12px;line-height:1.5;color:var(--wmd-theme-muted,#b8ccdc)}
@media(max-width:680px){#app .wmd-income-clarity-facts{grid-template-columns:minmax(0,1fr)}#app .wmd-income-clarity-facts>div{padding:13px}#app .wmd-income-clarity-method{display:none}#app .wmd-income-clarity-equation{font-size:13px;gap:6px}}

/* Primary monthly numbers live in the Budget hero. Keep annual details secondary. */
#app .wmd-income-clarity{gap:14px;padding:clamp(17px,2vw,24px)}
#app .wmd-income-clarity-heading h3{font-size:clamp(18px,1.8vw,22px)}
#app .wmd-income-clarity-heading p{max-width:90ch}
#app .wmd-income-clarity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
#app .wmd-income-clarity-facts>div{padding:14px 16px}
#app .wmd-income-clarity-facts strong{font-size:clamp(22px,2vw,29px)}
#app .wmd-income-clarity-extra{display:grid;grid-template-columns:minmax(170px,.75fr) minmax(0,1.65fr);gap:16px;align-items:start;border-top:1px solid var(--wmd-theme-line-soft,#38556a);padding-top:13px}
#app .wmd-income-clarity-extra>div:first-child{display:grid;gap:4px}
#app .wmd-income-clarity-extra>div:first-child>span{font-size:13px;font-weight:750}
#app .wmd-income-clarity-extra>div:first-child>strong{font-size:20px;font-weight:800;letter-spacing:-.02em}
#app .wmd-income-clarity-extra small{font-size:12px;line-height:1.45;color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-next{display:grid;gap:7px;min-width:0}
#app .wmd-income-clarity-next>strong{font-size:13px}
#app .wmd-income-clarity-next ul{display:grid;gap:6px;list-style:none;padding:0;margin:0}
#app .wmd-income-clarity-next li{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;font-size:13px;line-height:1.4}
#app .wmd-income-clarity-next li b{font-variant-numeric:tabular-nums;white-space:nowrap}
#app .wmd-income-clarity-next p{font-size:13px;line-height:1.45;margin:0}
#app .wmd-income-clarity-next button{font-size:13px;min-height:38px;padding:8px 11px}
@media(max-width:700px){#app .wmd-income-clarity-extra{grid-template-columns:minmax(0,1fr)}}
@media(max-width:680px){#app .wmd-income-clarity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}#app .wmd-income-clarity-facts>div{padding:12px}#app .wmd-income-clarity-facts strong{font-size:clamp(20px,5vw,26px)}}
@media(max-width:360px){#app .wmd-income-clarity-facts{grid-template-columns:minmax(0,1fr)}}

/* Native, keyboard-accessible Annual Outlook disclosure; collapsed initially. */
#app details.wmd-income-clarity{display:block;padding:0!important;overflow:hidden}
#app details.wmd-income-clarity > summary.wmd-income-clarity-heading{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  cursor:pointer;list-style:none;padding:17px clamp(17px,2vw,24px);
  border-radius:inherit;user-select:none
}
#app details.wmd-income-clarity > summary::-webkit-details-marker{display:none}
#app details.wmd-income-clarity > summary::marker{content:""}
#app .wmd-income-clarity-summary-copy{display:grid;gap:3px;min-width:0}
#app .wmd-income-clarity-title{font-size:clamp(17px,1.7vw,21px);font-weight:780;line-height:1.3;color:var(--wmd-theme-text,#f2f7fd)}
#app .wmd-income-clarity-summary-note{font-size:13px;line-height:1.4;color:var(--wmd-theme-muted,#b8ccdc)}
#app .wmd-income-clarity-chevron{font-size:23px;font-weight:600;line-height:1;color:var(--wmd-theme-accent-soft,#9ed8f6);transition:transform .15s ease;flex:none}
#app details.wmd-income-clarity[open] > summary .wmd-income-clarity-chevron{transform:rotate(180deg)}
#app details.wmd-income-clarity > summary:hover{background:var(--wmd-theme-raised,#223950)}
#app .wmd-income-clarity-body{display:grid;gap:14px;padding:0 clamp(17px,2vw,24px) clamp(17px,2vw,24px)}
#app .wmd-income-clarity-intro{font-size:14px;line-height:1.55;margin:0;color:var(--wmd-theme-muted,#b8ccdc)}
@media(prefers-reduced-motion:reduce){#app .wmd-income-clarity-chevron{transition:none}}

/* Compact, accessible income-basis comparison: this changes only the view. */
#app .wmd-budget-allocation .wmd-budget-income-mode{
  display:inline-flex;gap:3px;align-items:center;max-width:100%;flex-wrap:wrap;
  padding:4px;margin-top:13px;border:1px solid var(--wmd-theme-line,#45677e);
  border-radius:12px;background:var(--wmd-theme-deep,#102233)
}
#app .wmd-budget-allocation .wmd-budget-income-mode button{
  min-height:38px;border:0!important;border-radius:9px;cursor:pointer;
  padding:8px 14px!important;background:transparent!important;
  color:var(--wmd-theme-muted,#afc7d8)!important;
  font:inherit;font-size:13px!important;line-height:1.3;font-weight:730!important;
  transition:background .15s ease,color .15s ease
}
#app .wmd-budget-allocation .wmd-budget-income-mode button.is-active{
  background:var(--wmd-theme-raised,#28455c)!important;
  color:var(--wmd-theme-text,#f2f7fd)!important;
  box-shadow:0 1px 4px rgb(3 21 35 / .15)
}
#app .wmd-budget-allocation .wmd-budget-income-mode button:hover:not(.is-active){
  background:rgb(152 199 237 / .12)!important;
  color:var(--wmd-theme-text,#f2f7fd)!important
}
#app .wmd-budget-allocation .wmd-budget-income-mode button:focus-visible,
#app .wmd-budget-allocation .wmd-budget-extra-strip button:focus-visible,
#app .wmd-income-calendar select:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6)!important;
  outline-offset:2px
}
#app .wmd-budget-allocation .wmd-budget-income-footnote{
  max-width:64ch;margin:9px 0 0!important;padding:0;
  font-size:12px;line-height:1.5;color:var(--wmd-theme-muted,#aec2d3)
}
#app .wmd-budget-allocation .wmd-budget-extra-strip{
  display:flex;align-items:center;gap:9px 14px;flex-wrap:wrap;min-width:0;
  padding:11px 15px;margin-top:-3px;
  border:1px solid var(--wmd-theme-line-soft,#33516b);border-radius:12px;
  background:var(--wmd-theme-raised,#213a50)
}
#app .wmd-budget-allocation .wmd-budget-extra-title{
  font-size:13px;font-weight:760;line-height:1.4;flex:none
}
#app .wmd-budget-allocation .wmd-budget-extra-dates{
  display:flex;flex:1 1 250px;flex-wrap:wrap;gap:5px 8px;min-width:0
}
#app .wmd-budget-allocation .wmd-budget-extra-dates span{
  display:inline-flex;padding:4px 8px;border:1px solid var(--wmd-theme-line-soft,#45677e);
  border-radius:7px;background:var(--wmd-theme-deep,#152a3d);
  color:var(--wmd-theme-muted,#c1d5e4);font-size:12px;line-height:1.4;
  font-variant-numeric:tabular-nums
}
#app .wmd-budget-allocation .wmd-budget-extra-strip button{
  border:0!important;padding:5px 2px!important;background:transparent!important;
  color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  font-size:13px;font-weight:760;cursor:pointer;white-space:normal;text-align:left
}
#app .wmd-budget-allocation .wmd-budget-extra-strip button:hover{text-decoration:underline}
#app .wmd-income-calendar{display:grid;gap:12px;min-width:0}
#app .wmd-income-calendar-head{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap
}
#app .wmd-income-calendar-head strong{font-size:14px}
#app .wmd-income-calendar-head label{
  display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:720;color:var(--wmd-theme-muted,#b8ccdc)
}
#app .wmd-income-calendar-head select{
  min-height:39px;max-width:125px;padding:7px 10px;
  border:1px solid var(--wmd-theme-line,#45677e);border-radius:9px;
  background:var(--wmd-theme-deep,#142a3e);
  color:var(--wmd-theme-text,#f2f7fd);font-size:14px;font-weight:730
}
#app .wmd-income-calendar-counts{
  display:grid;gap:6px;list-style:none;padding:0;margin:0
}
#app .wmd-income-calendar-counts li{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;
  font-size:13px;line-height:1.45;color:var(--wmd-theme-muted,#b8ccdc)
}
#app .wmd-income-calendar-counts strong{color:var(--wmd-theme-text,#f2f7fd);font-weight:750}
#app .wmd-extra-week-list{
  display:grid;gap:0;list-style:none;padding:0;margin:0;
  border:1px solid var(--wmd-theme-line-soft,#33516b);border-radius:12px;overflow:hidden
}
#app .wmd-extra-week-list li{
  display:flex;justify-content:space-between;align-items:center;gap:8px 16px;
  padding:11px 13px;min-width:0
}
#app .wmd-extra-week-list li+li{border-top:1px solid var(--wmd-theme-line-soft,#33516b)}
#app .wmd-extra-week-when{display:grid;gap:3px;min-width:0}
#app .wmd-extra-week-when strong{font-size:13px;line-height:1.4}
#app .wmd-extra-week-when small{
  font-size:12px;line-height:1.4;color:var(--wmd-theme-muted,#b8ccdc);
  overflow-wrap:anywhere
}
#app .wmd-extra-week-list li>b{
  flex:none;font-variant-numeric:tabular-nums;font-size:14px
}
#app .wmd-income-clarity-no-dates{font-size:13px;line-height:1.5;margin:0}
#app[data-wmd-color-scheme="white"] .wmd-budget-allocation .wmd-budget-income-mode button.is-active{
  background:#d9eaf9!important;color:#174f79!important
}
@media(max-width:590px){
  #app .wmd-budget-allocation .wmd-budget-income-mode{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .wmd-budget-allocation .wmd-budget-income-mode button{min-width:0;padding:10px 5px!important;font-size:12.5px!important}
  #app .wmd-budget-allocation .wmd-budget-extra-strip{padding:11px;align-items:flex-start}
  #app .wmd-budget-allocation .wmd-budget-extra-strip button{width:100%}
  #app .wmd-extra-week-list li{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-budget-allocation .wmd-budget-income-mode button{transition:none}
}

/* A small optional pay explainer, not another dashboard of competing totals. */
#app details.wmd-income-clarity{margin:8px 0 14px!important;border-radius:14px}
#app details.wmd-income-clarity > summary.wmd-income-clarity-heading{
  padding:14px clamp(15px,2vw,20px);min-height:56px
}
#app .wmd-income-clarity-summary-copy{gap:2px}
#app .wmd-income-clarity-title{font-size:clamp(16px,1.55vw,19px);line-height:1.3}
#app .wmd-income-clarity-summary-note{font-size:13px}
#app .wmd-income-clarity-body{
  gap:12px;padding:0 clamp(15px,2vw,20px) 15px
}
#app .wmd-income-clarity-intro{
  font-size:clamp(14px,1.2vw,16px);line-height:1.55
}
#app .wmd-income-clarity-calendar-details{
  border:1px solid var(--wmd-theme-line-soft,#38556a);
  border-radius:11px;min-width:0;overflow:hidden
}
#app .wmd-income-clarity-calendar-details>summary{
  display:flex;align-items:center;gap:8px;min-height:48px;
  list-style:none;cursor:pointer;padding:11px 13px;
  font-size:14px;color:var(--wmd-theme-text,#f2f7fd)
}
#app .wmd-income-clarity-calendar-details>summary::-webkit-details-marker{display:none}
#app .wmd-income-clarity-calendar-details>summary::marker{content:""}
#app .wmd-income-clarity-calendar-details>summary strong{font-weight:760;flex:1;min-width:0}
#app .wmd-income-clarity-calendar-status{
  color:var(--wmd-theme-muted,#b8ccdc);font-size:12px;text-align:right
}
#app .wmd-income-clarity-calendar-chevron{
  color:var(--wmd-theme-accent-soft,#9ed8f6);font-size:18px;flex:none;
  transition:transform .15s ease
}
#app .wmd-income-clarity-calendar-details[open] .wmd-income-clarity-calendar-chevron{
  transform:rotate(180deg)
}
#app .wmd-income-clarity-calendar-details>summary:hover{
  background:var(--wmd-theme-raised,#223950)
}
#app .wmd-income-clarity-calendar-details>.wmd-income-calendar{
  padding:13px;display:grid;gap:10px;border-top:1px solid var(--wmd-theme-line-soft,#38556a)
}
#app .wmd-income-clarity-calendar-details .wmd-income-calendar-counts li{
  display:flex;align-items:baseline;gap:5px 12px;flex-wrap:wrap;
  font-size:13px;line-height:1.4
}
#app .wmd-income-clarity-calendar-details .wmd-income-calendar-counts small{
  font-size:12px;color:var(--wmd-theme-muted,#b8ccdc)
}
#app .wmd-income-clarity-calendar-details .wmd-income-clarity-warning{
  border-left:3px solid #d7ae6f;padding:9px 11px;margin:0;
  color:var(--wmd-theme-text,#f2f7fd);font-size:13px;line-height:1.5
}
#app .wmd-income-clarity-calendar-details .wmd-income-calendar-help{
  color:var(--wmd-theme-muted,#b8ccdc);font-size:12px;line-height:1.5
}
@media(max-width:590px){
  #app .wmd-income-clarity-calendar-details>summary{gap:8px;padding:11px}
  #app .wmd-income-clarity-calendar-status{max-width:38%;font-size:11px}
  #app .wmd-income-clarity-calendar-details>.wmd-income-calendar{padding:11px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-income-clarity-calendar-chevron{transition:none}
}

/* Single-disclosure paycheck explanation; no nested cards or repeated date counts. */
#app details.wmd-income-clarity{
  margin:8px 0 14px!important;
  border-radius:14px
}
#app details.wmd-income-clarity > summary.wmd-income-clarity-heading{
  min-height:56px;padding:13px clamp(15px,2vw,20px)
}
#app .wmd-income-clarity-body{
  display:grid;gap:10px;padding:0 clamp(15px,2vw,20px) 15px
}
#app .wmd-income-clarity-body > .wmd-income-calendar-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:0;flex-wrap:wrap
}
#app .wmd-income-clarity-body > .wmd-income-calendar-head > strong{
  font-size:15px;font-weight:750
}
#app .wmd-income-clarity-body .wmd-income-calendar-note{
  margin:0;padding:9px 11px;
  border-radius:9px;background:var(--wmd-theme-raised,#243b52);
  color:var(--wmd-theme-muted,#b8ccdc);font-size:14px;line-height:1.45
}
#app .wmd-income-clarity-body .wmd-income-clarity-no-dates{
  margin:0;color:var(--wmd-theme-muted,#b8ccdc);font-size:14px;line-height:1.5
}
#app .wmd-income-clarity-body .wmd-extra-week-list{
  margin-top:0;border-radius:10px
}
#app .wmd-income-clarity-body .wmd-extra-week-list li{
  padding:9px 11px
}
@media(max-width:590px){
  #app details.wmd-income-clarity > summary.wmd-income-clarity-heading{padding:12px 14px}
  #app .wmd-income-clarity-body{padding:0 14px 14px}
  #app .wmd-income-clarity-body .wmd-income-calendar-head{gap:8px}
}

/* budget-target-guide.css */
/* Optional Budget mix targets: compare actuals against a personal guide.
   All controls use Ocean/appearance tokens; no native numeric steppers. */
#app main.wmd-workspace--budget details.wmd-targets-guide{
  overflow:hidden;border:1px solid var(--wmd-theme-line,#42647d);
  border-radius:16px;background:var(--wmd-theme-panel,#192c40);
  color:var(--wmd-theme-text,#f1f7fc);
}
#app main.wmd-workspace--budget details.wmd-targets-guide > summary.wmd-target-summary{
  display:flex!important;align-items:center;justify-content:space-between;gap:16px;
  padding:16px 19px!important;list-style:none;cursor:pointer;min-height:70px;
}
#app main.wmd-workspace--budget details.wmd-targets-guide > summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--budget details.wmd-targets-guide > summary::marker{content:""}
#app main.wmd-workspace--budget .wmd-target-summary-copy{display:grid;gap:4px;min-width:0}
#app main.wmd-workspace--budget .wmd-target-summary-copy > strong{
  font-size:clamp(16px,1.45vw,19px);font-weight:800;line-height:1.32;
  color:var(--wmd-theme-text,#f1f7fc);
}
#app main.wmd-workspace--budget .wmd-target-summary-copy > small{
  font-size:13px;font-weight:500;line-height:1.4;
  color:var(--wmd-theme-muted,#b8ccdc);overflow-wrap:anywhere;
}
#app main.wmd-workspace--budget .wmd-target-chevron{
  color:var(--wmd-theme-accent-soft,#9ed8f6);font-size:24px;font-weight:650;
  line-height:1;flex-shrink:0;transition:transform .15s ease;
}
#app main.wmd-workspace--budget details.wmd-targets-guide[open] .wmd-target-chevron{transform:rotate(180deg)}
#app main.wmd-workspace--budget .wmd-target-guide-body{
  display:grid;gap:17px;padding:1px clamp(16px,2vw,22px) clamp(18px,2vw,24px);
}
#app main.wmd-workspace--budget .wmd-target-intro,
#app main.wmd-workspace--budget .wmd-target-disclaimer{
  margin:0;font-size:14px;line-height:1.5;color:var(--wmd-theme-muted,#b8ccdc);
}
#app main.wmd-workspace--budget .wmd-target-cards{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
#app main.wmd-workspace--budget .wmd-target-card{
  box-sizing:border-box;min-width:0;padding:16px;display:grid;align-content:start;gap:13px;
  background:var(--wmd-theme-raised,#243d54);border:1px solid var(--wmd-theme-line-soft,#38556a);
  border-radius:13px;
}
#app main.wmd-workspace--budget .wmd-target-card-heading strong{
  font-size:16px;font-weight:800;line-height:1.35;
  color:var(--wmd-theme-text,#f1f7fc);
}
#app main.wmd-workspace--budget .wmd-target-current{
  display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:5px 12px;
  min-width:0;color:var(--wmd-theme-muted,#b8ccdc);font-size:13px;
}
#app main.wmd-workspace--budget .wmd-target-current strong{
  color:var(--wmd-theme-text,#f1f7fc);
  font-size:clamp(18px,1.65vw,22px);font-weight:800;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--budget .wmd-target-edit{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px;
  font-size:14px;font-weight:650;color:var(--wmd-theme-text,#f1f7fc);
}
#app main.wmd-workspace--budget .wmd-target-field{
  display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;
  box-sizing:border-box;min-width:94px;max-width:120px;height:48px;
  padding:0 11px;border:1px solid var(--wmd-theme-line,#42647d);
  border-radius:10px;background:var(--wmd-theme-deep,#11283b);
  color:var(--wmd-theme-text,#f1f7fc);
}
#app main.wmd-workspace--budget .wmd-target-field:focus-within{
  outline:2px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:2px;
}
#app main.wmd-workspace--budget .wmd-target-field input[data-budget-target]{
  display:block!important;box-sizing:border-box;width:54px;min-width:0;height:42px;
  padding:0!important;margin:0!important;background:transparent!important;
  border:0!important;outline:0!important;box-shadow:none!important;
  appearance:textfield!important;-moz-appearance:textfield!important;
  color:var(--wmd-theme-text,#f1f7fc)!important;
  font-size:20px!important;font-weight:800!important;line-height:1.2;
  text-align:right;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--budget .wmd-target-field input::-webkit-outer-spin-button,
#app main.wmd-workspace--budget .wmd-target-field input::-webkit-inner-spin-button{
  display:none!important;-webkit-appearance:none!important;margin:0!important;
}
#app main.wmd-workspace--budget .wmd-target-field input[aria-invalid="true"]{color:#f2aaaa!important}
#app main.wmd-workspace--budget .wmd-target-field > span{
  font-size:17px;font-weight:650;color:var(--wmd-theme-muted,#b8ccdc);
}
#app main.wmd-workspace--budget .wmd-target-actions{
  display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;
  border-top:1px solid var(--wmd-theme-line-soft,#38556a);padding-top:15px;
}
#app main.wmd-workspace--budget [data-budget-target-status]{
  color:var(--wmd-theme-muted,#b8ccdc);font-size:13px;line-height:1.45;
}
#app main.wmd-workspace--budget [data-budget-target-status].is-warning{color:#ecc5a0}
#app main.wmd-workspace--budget .wmd-target-buttons{display:flex;gap:9px;flex-wrap:wrap}
#app main.wmd-workspace--budget .wmd-target-buttons button{
  min-height:44px;padding:10px 15px;border-radius:10px;
  font-size:14px;font-weight:800;cursor:pointer;line-height:1.3;
  box-shadow:none!important;
}
#app main.wmd-workspace--budget .wmd-target-reset{
  color:var(--wmd-theme-text,#f1f7fc)!important;
  background:var(--wmd-theme-deep,#11283b)!important;
  border:1px solid var(--wmd-theme-line,#42647d)!important;
}
#app main.wmd-workspace--budget .wmd-target-save{
  color:var(--wmd-theme-text,#f1f7fc)!important;
  background:var(--wmd-theme-raised,#243d54)!important;
  border:1px solid var(--wmd-theme-accent-soft,#9ed8f6)!important;
}
#app main.wmd-workspace--budget .wmd-target-save:disabled{
  opacity:.45!important;cursor:not-allowed!important;
}
#app main.wmd-workspace--budget .wmd-target-buttons button:not(:disabled):hover{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6)!important;
  filter:brightness(1.1);
}
#app main.wmd-workspace--budget .wmd-target-privacy-note,
#app main.wmd-workspace--budget .wmd-target-hidden{
  margin:0;font-size:13px;line-height:1.4;color:var(--wmd-theme-muted,#b8ccdc);
}
#app main.wmd-workspace--budget details.wmd-targets-guide > summary:focus-visible,
#app main.wmd-workspace--budget .wmd-target-buttons button:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:3px;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-target-card{
  background:#f3f8fc;border-color:#cfdfeb;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-target-field{
  background:#fff;border-color:#bacfdf;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-target-reset{
  background:#f0f6fb!important;color:#193047!important;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-target-save{
  background:#d6ebfb!important;color:#193047!important;border-color:#2e74a9!important;
}
@media(max-width:780px){
  #app main.wmd-workspace--budget .wmd-target-cards{grid-template-columns:minmax(0,1fr)}
  #app main.wmd-workspace--budget .wmd-target-card{gap:10px}
}
@media(max-width:480px){
  #app main.wmd-workspace--budget details.wmd-targets-guide > summary.wmd-target-summary{padding:14px 15px!important}
  #app main.wmd-workspace--budget .wmd-target-guide-body{padding:1px 14px 17px}
  #app main.wmd-workspace--budget .wmd-target-buttons{width:100%}
  #app main.wmd-workspace--budget .wmd-target-buttons button{flex:1 1 128px}
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--budget .wmd-target-chevron{transition:none}
}

/* Real plan-versus-target feedback; simple, compact rows, not a new spending limit. */
#app main.wmd-workspace--budget .wmd-target-card{
  gap:8px;padding:13px 14px;align-content:start;
}
#app main.wmd-workspace--budget .wmd-target-card-heading strong{
  font-size:16px;
}
#app main.wmd-workspace--budget .wmd-target-variance{
  margin:0;line-height:1.45;font-size:13px;font-weight:760;
  color:var(--wmd-theme-muted,#bacfe0);
}
#app main.wmd-workspace--budget .wmd-target-variance.is-attention{
  color:#f1a7b6;
}
#app main.wmd-workspace--budget .wmd-target-variance:is(.is-favorable,.is-on-target){
  color:var(--wmd-theme-accent-soft,#9ed8f6);
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-target-variance.is-attention{
  color:#a13145;
}
#app main.wmd-workspace--budget .wmd-target-edit{
  border-top:1px solid var(--wmd-theme-line-soft,#38556a);
  padding-top:8px;
}
@media(max-width:780px){
  #app main.wmd-workspace--budget .wmd-target-card{
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-rows:auto auto;gap:7px 10px;align-items:center;
    padding:12px 14px;
  }
  #app main.wmd-workspace--budget .wmd-target-card-heading{grid-column:1;grid-row:1}
  #app main.wmd-workspace--budget .wmd-target-current{
    grid-column:2;grid-row:1;display:grid;justify-items:end;
    gap:2px;text-align:right;
  }
  #app main.wmd-workspace--budget .wmd-target-variance{
    grid-column:1;grid-row:2;min-width:0;
  }
  #app main.wmd-workspace--budget .wmd-target-edit{
    grid-column:2;grid-row:2;display:grid;
    justify-items:end;gap:3px;padding:0;border-top:0;
  }
  #app main.wmd-workspace--budget .wmd-target-edit>span:first-child{
    font-size:12px;line-height:1.1;
  }
  #app main.wmd-workspace--budget .wmd-target-field{height:42px;min-width:86px}
  #app main.wmd-workspace--budget .wmd-target-field input[data-budget-target]{height:39px}
}
@media(max-width:370px){
  #app main.wmd-workspace--budget .wmd-target-card{gap:7px 8px;padding:11px}
  #app main.wmd-workspace--budget .wmd-target-variance{font-size:12px}
  #app main.wmd-workspace--budget .wmd-target-field{min-width:80px;padding:0 8px}
}


/* budget-money-mix-ocean.css */
@media screen {
/* Budget Money Mix hover and category palette: ocean-blue, never mint.
   Scoped to Budget and its public preview; Snapper's green stays untouched. */
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip,
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip {
  --cat:var(--wmd-theme-accent,#8ec8f3)!important;
  background:var(--wmd-theme-panel,#192d40)!important;
  border:1px solid var(--wmd-theme-accent-soft,#a8d8f7)!important;
  color:var(--wmd-theme-text,#f2f8ff)!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip .money-mix-tooltip-hint,
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip .money-mix-tooltip-hint {
  color:var(--wmd-theme-accent-soft,#b7e1ff)!important;
  border-top-color:var(--wmd-theme-line-soft,#365670)!important;
  font-size:13px!important;
  font-weight:700!important;
  line-height:1.45!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip .money-mix-tooltip-head>strong,
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip .money-mix-tooltip-head>strong {
  color:var(--wmd-theme-accent-soft,#b7e1ff)!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip .money-mix-tooltip-icon,
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip .money-mix-tooltip-icon {
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 18%,transparent)!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip :is(.money-mix-tooltip-head>div>small,.money-mix-tooltip-lines li span,.money-mix-tooltip-extra),
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip :is(.money-mix-tooltip-head>div>small,.money-mix-tooltip-lines li span,.money-mix-tooltip-extra) {
  color:var(--wmd-theme-muted,#b6cadc)!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-tooltip .money-mix-tooltip-lines,
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-tooltip .money-mix-tooltip-lines {
  border-top-color:var(--wmd-theme-line-soft,#365670)!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-legend-item:is(:hover,.selected,:focus-visible),
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-legend-item:is(:hover,.selected,:focus-visible) {
  border-color:var(--wmd-theme-accent-soft,#a8d8f7)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent,#8ec8f3) 15%,var(--wmd-theme-panel,#192d40))!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-segment:is(:hover,.selected,:focus-visible),
#app .landing-v6 [data-landing-budget-preview] .money-mix.budget .money-mix-segment:is(:hover,.selected,:focus-visible) {
  outline:2px solid var(--wmd-theme-accent-soft,#a8d8f7)!important;
  outline-offset:-2px!important;
}
#app .wmd-workspace--budget .money-mix.budget .money-mix-segment:focus-visible,
#app .wmd-workspace--budget .money-mix.budget .money-mix-legend-item:focus-visible {
  outline:2px solid var(--wmd-theme-accent-soft,#a8d8f7)!important;
  outline-offset:2px!important;
}
#app[data-wmd-color-scheme="white"] .wmd-workspace--budget .money-mix.budget .money-mix-tooltip {
  background:#f8fbff!important;border-color:#7fb1d5!important;color:#17334b!important;
}
#app[data-wmd-color-scheme="white"] .wmd-workspace--budget .money-mix.budget .money-mix-tooltip :is(.money-mix-tooltip-head>div>b,.money-mix-tooltip-lines li b){
  color:#17334b!important;
}
#app[data-wmd-color-scheme="white"] .wmd-workspace--budget .money-mix.budget .money-mix-tooltip .money-mix-tooltip-hint{
  color:#276d9f!important;
}

/*
 * Budget Money Mix: restore the useful visual hierarchy of the interactive
 * category view (featured category, emoji rail, pill legend, inline editor).
 * Presentation only: the existing monthlyAmount/period-frequency calculations,
 * category matching, drag & drop, privacy mode and saved data are untouched.
 * Category tones come from the current Budget palette, NOT Snapper green.
 * Scope to Budget and its public preview: Cash Flow/Retirement are unchanged.
 */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .category-overview.money-mix.budget {
  width:100%!important;max-width:100%!important;min-width:0!important;
  padding:clamp(17px,2.2vw,25px)!important;
  margin:18px 0!important;
  border-radius:19px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--wmd-theme-raised,#20384d) 35%,var(--wmd-theme-panel,#192d40)),
    var(--wmd-theme-panel,#192d40) 65%)!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;
  box-shadow:0 11px 32px rgb(3 17 31 / .12)!important;
  box-sizing:border-box;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head{
  display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;
  gap:12px 24px!important;margin:0 0 17px!important;min-width:0;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head>div{
  flex:1 1 245px!important;min-width:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head>div>span{
  font:800 11px/1.4 system-ui,sans-serif!important;
  text-transform:uppercase!important;letter-spacing:.14em!important;
  color:var(--wmd-theme-accent-soft,#9fd4f7)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head h3{
  margin:6px 0 5px!important;
  font-family:inherit!important;
  font-size:clamp(24px,2.35vw,31px)!important;
  line-height:1.14!important;letter-spacing:-.025em!important;
  font-weight:750!important;color:var(--wmd-theme-text,#f1f8ff)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head p{
  max-width:650px;margin:0!important;
  font:450 12.5px/1.55 system-ui,sans-serif!important;
  color:var(--wmd-theme-muted,#b8cadd)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head>strong{
  display:grid!important;justify-items:start!important;gap:3px!important;
  flex:0 0 auto;font:800 clamp(23px,2.2vw,30px)/1.12 system-ui,sans-serif!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;letter-spacing:-.025em!important;
  font-variant-numeric:tabular-nums!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .category-overview-head>strong small{
  font:750 10px/1.4 system-ui,sans-serif!important;
  text-transform:uppercase!important;letter-spacing:.1em!important;
  color:var(--wmd-theme-muted,#b8cadd)!important;
}

/* Focus card: existing category-selection logic already keeps it live. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-stage{
  display:grid!important;gap:13px!important;padding:0!important;
  margin:0!important;min-width:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget.is-single .money-mix-stage{
  display:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus{
  display:flex!important;align-items:center!important;gap:13px!important;
  min-width:0;min-height:82px!important;
  padding:13px 16px!important;border-radius:15px!important;
  border:1px solid color-mix(in srgb,var(--cat,#8ec8f3) 36%,var(--wmd-theme-line,#46647c))!important;
  background:linear-gradient(102deg,
    color-mix(in srgb,var(--cat,#8ec8f3) 13%,var(--wmd-theme-deep,#112338)),
    var(--wmd-theme-deep,#112338) 82%)!important;
  box-shadow:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus>span{
  display:grid!important;place-items:center!important;
  flex:0 0 47px!important;width:47px!important;height:47px!important;
  border-radius:12px!important;font-size:25px!important;line-height:1!important;
  background:color-mix(in srgb,var(--cat,#8ec8f3) 17%,var(--wmd-theme-raised,#22394f))!important;
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat,#8ec8f3) 32%,var(--wmd-theme-line,#46647c))!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus>div{display:grid!important;gap:3px!important;min-width:0}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus b{
  color:var(--wmd-theme-text,#f1f8ff)!important;
  font:750 15px/1.25 system-ui,sans-serif!important;
  overflow-wrap:anywhere;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus strong{
  display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
  gap:7px!important;font:800 21px/1.25 system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;
  color:var(--wmd-theme-text,#f1f8ff)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus strong i{
  font-size:15px!important;color:var(--wmd-theme-muted,#b8cadd)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-focus small{
  color:var(--wmd-theme-muted,#b8cadd)!important;
  font:450 11px/1.4 system-ui,sans-serif!important;
}

/* Real horizontal, touch-scrollable emoji mosaic: proportional, but a small
   category remains selectable and never collapses to a 3px sliver. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-rail-scroll{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;overflow-x:auto!important;overflow-y:hidden!important;
  padding:5px 0 9px!important;margin:0!important;
  scrollbar-width:none;-webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;touch-action:pan-x;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-rail-scroll::-webkit-scrollbar{display:none}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-rail{
  display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;
  width:max-content!important;min-width:100%!important;max-width:none!important;
  height:68px!important;min-height:68px!important;overflow:visible!important;
  gap:5px!important;padding:5px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;
  border-radius:14px!important;
  background:var(--wmd-theme-deep,#112338)!important;
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .03)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-segment{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:max(49px,calc(var(--share) * 5px))!important;
  min-width:49px!important;max-width:none!important;
  height:56px!important;min-height:56px!important;padding:5px 8px!important;
  border:0!important;border-radius:10px!important;cursor:pointer;
  background:linear-gradient(155deg,
    color-mix(in srgb,var(--cat,#8fb6dc) 88%,white 12%),
    color-mix(in srgb,var(--cat,#8fb6dc) 90%,black 10%))!important;
  color:#152333!important;
  transform:none!important;filter:none!important;
  box-shadow:inset 0 0 0 1px rgb(255 255 255 / .22)!important;
  transition:filter .15s ease,box-shadow .15s ease,transform .15s ease!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-segment>span{
  display:block!important;font-size:23px!important;line-height:1.15!important;
  filter:drop-shadow(0 1px 1px rgb(0 0 0 / .16));pointer-events:none;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-segment>b{display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-segment:is(:hover,:focus-visible,.selected){
  z-index:1;transform:translateY(-1px)!important;
  filter:brightness(1.08)!important;
  outline:2px solid var(--wmd-theme-accent-soft,#a8d8f7)!important;
  outline-offset:-2px!important;
  box-shadow:inset 0 0 0 2px rgb(255 255 255 / .20)!important;
}

/* Small, legible category pills instead of the later three-column cards. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend{
  display:flex!important;flex-wrap:wrap!important;
  align-items:center!important;justify-content:flex-start!important;
  grid-template-columns:none!important;gap:8px!important;
  margin:10px 0 0!important;padding:0!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item{
  display:inline-flex!important;flex:0 1 auto!important;align-items:center!important;
  justify-content:center!important;
  width:auto!important;min-width:0!important;max-width:100%!important;
  min-height:38px!important;padding:7px 12px!important;
  gap:7px!important;border-radius:999px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;
  background:var(--wmd-theme-deep,#112338)!important;
  box-shadow:none!important;transform:none!important;cursor:pointer;
  color:var(--wmd-theme-text,#f1f8ff)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item::after{display:none!important;content:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item>i{
  display:inline-block!important;width:auto!important;height:auto!important;
  font-style:normal;font-size:18px!important;line-height:1.05;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item>b{
  display:inline!important;min-width:0!important;
  font:720 12px/1.3 system-ui,sans-serif!important;
  overflow:visible!important;text-overflow:clip!important;white-space:normal!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item>.money-mix-planned{display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item>span{
  display:inline!important;flex:0 0 auto;
  font:750 12px/1.2 system-ui,sans-serif!important;
  color:var(--wmd-theme-muted,#b8cadd)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-legend-item:is(:hover,:focus-visible,.selected){
  border-color:color-mix(in srgb,var(--cat,#8fb6dc) 68%,var(--wmd-theme-line,#46647c))!important;
  background:color-mix(in srgb,var(--cat,#8fb6dc) 13%,var(--wmd-theme-deep,#112338))!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-more{
  display:inline-flex!important;align-items:center;justify-content:center;
  flex:0 0 auto;min-height:38px!important;
  padding:7px 12px!important;border-radius:999px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;
  background:var(--wmd-theme-raised,#20384d)!important;
  color:var(--wmd-theme-accent-soft,#9fd4f7)!important;
  font:750 12px/1.3 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-all{
  margin:11px 0 0!important;gap:8px!important;
  border-top-color:var(--wmd-theme-line-soft,#35536c)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-all-item{
  border-radius:10px!important;min-height:43px!important;
  background:var(--wmd-theme-deep,#112338)!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;
}

/* Keep direct editing visible only when a category is selected. */
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor[hidden]{display:none!important}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor:not([hidden]){
  display:grid!important;gap:12px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor{
  min-width:0!important;margin:15px 0 0!important;padding:17px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;border-radius:15px!important;
  background:var(--wmd-theme-deep,#112338)!important;box-shadow:none!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:10px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor-head strong{
  font:750 18px/1.3 system-ui,sans-serif!important;
  color:var(--wmd-theme-accent-soft,#9fd4f7)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor-head button{
  min-height:35px!important;padding:7px 12px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;
  border-radius:9px!important;background:var(--wmd-theme-raised,#20384d)!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;
  font:650 12px/1.2 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-editor>p{
  margin:0!important;color:var(--wmd-theme-muted,#b8cadd)!important;
  font:450 12px/1.55 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-row{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(95px,29%)!important;
  align-items:center!important;gap:9px!important;
  width:100%!important;min-width:0!important;
  padding:10px 0!important;border-top:1px solid var(--wmd-theme-line-soft,#35536c)!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-row>input,
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-amount{
  width:100%!important;max-width:100%!important;min-width:0!important;
  min-height:41px!important;padding:8px 11px!important;
  border:1px solid var(--wmd-theme-line,#46647c)!important;border-radius:10px!important;
  background:var(--wmd-theme-panel,#192d40)!important;
  color:var(--wmd-theme-text,#f1f8ff)!important;
  font:650 14px/1.3 system-ui,sans-serif!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-amount{
  display:flex!important;align-items:center!important;gap:7px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-amount>span{
  color:var(--wmd-theme-accent-soft,#9fd4f7)!important;
  font-size:15px!important;
}
#app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
  .money-mix.budget .money-mix-edit-amount>input{
  width:100%!important;min-width:0!important;padding:0!important;
  border:0!important;outline:0;background:transparent!important;
  text-align:right!important;color:var(--wmd-theme-text,#f1f8ff)!important;
  font:750 15px/1.35 system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums;
}

/* Visibility guard while the app's text-node privacy mask is applied.
   Selection can update focus data, but never display amounts in privacy mode. */
#app.wmd-privacy-on .wmd-workspace--budget
  .money-mix.budget :is([data-money-mix-amount],[data-money-mix-pct],
    .money-mix-edit-amount>input){
  filter:blur(9px)!important;user-select:none!important;
}

@media(max-width:600px){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .category-overview-head{display:grid!important;gap:13px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .category-overview-head>strong{justify-items:start!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-focus{min-height:80px!important;padding:12px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-rail{height:64px!important;min-height:64px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-segment{height:52px!important;min-height:52px!important;min-width:48px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-segment>span{font-size:22px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-legend{display:flex!important;gap:7px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-legend-item{min-height:36px!important;padding:7px 10px!important}
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-editor{padding:13px!important}
}
@media(prefers-reduced-motion:reduce){
  #app :is(.wmd-workspace--budget,.landing-v6 [data-landing-budget-preview],.wmd-workspace--home .wmd-home-budget-category-mix)
    .money-mix.budget .money-mix-segment{transition:none!important}
}

}
/* billing-settings.css */
@media screen {
/* Billing settings: clear, accessible trial and management controls. */
#app .settings-dialog .wmd-billing-settings {
  border:1px solid var(--wmd-theme-line,#44647d);
  background:var(--wmd-theme-panel,#192e41);
  border-radius:15px;
  padding:16px 18px;
}
#app .settings-dialog .wmd-billing-settings h3 {font-size:18px;margin:0 0 10px}
#app .settings-dialog .wmd-billing-settings p {font-size:14px;line-height:1.5;margin:0 0 10px}
#app .settings-dialog .wmd-billing-settings small {display:block;font-size:13px;line-height:1.5;color:var(--wmd-theme-muted,#bed0df);margin-top:12px}
#app .settings-dialog .wmd-billing-actions {display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
#app .settings-dialog .wmd-billing-actions button {min-height:44px;border-radius:10px;border:1px solid var(--wmd-theme-accent-soft,#9ed8f6);padding:10px 16px;font-size:14px;font-weight:750;color:var(--wmd-theme-text,#f2f7fd);background:var(--wmd-theme-raised,#23455f);cursor:pointer}
#app .settings-dialog .wmd-billing-actions button:disabled {opacity:.5;cursor:not-allowed}
#app .settings-dialog .wmd-billing-actions button:focus-visible {outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:3px}
#app .settings-dialog .wmd-billing-error {color:#edb2b2;font-weight:650}
/* A verified trial is informational; offer a retry only for an unresolved check. */
#app .settings-dialog .wmd-billing-verification{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;
  padding:12px 14px;margin:12px 0;border:1px solid var(--wmd-theme-line,#44647d);
  border-radius:11px;background:rgba(80,153,207,.10);
  color:var(--wmd-theme-text,#f2f7fd);font-size:14px;line-height:1.5;
}
#app .settings-dialog .wmd-billing-verification.is-success{
  border-color:rgba(142,200,243,.45);background:rgba(94,164,217,.10);
}
#app .settings-dialog .wmd-billing-verification.is-attention{
  border-color:rgba(237,178,178,.42);background:rgba(237,178,178,.06);
}
#app .settings-dialog .wmd-billing-verification>span{
  flex:1 1 200px;min-width:0;overflow-wrap:anywhere;
}
#app .settings-dialog .wmd-billing-retry{
  appearance:none;min-height:44px;border-radius:10px;
  border:1px solid var(--wmd-theme-accent-soft,#9ed8f6);
  padding:10px 16px;background:var(--wmd-theme-raised,#23455f);
  color:var(--wmd-theme-text,#f2f7fd);font:inherit;font-size:14px;
  font-weight:750;line-height:1.3;cursor:pointer;white-space:normal;
}
#app .settings-dialog .wmd-billing-retry:hover{
  border-color:var(--wmd-theme-accent-soft,#9ed8f6);
  background:var(--wmd-theme-panel,#192e41);
}
#app .settings-dialog .wmd-billing-retry:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);outline-offset:3px;
}
#app .settings-dialog .wmd-billing-retry:disabled{opacity:.5;cursor:wait}
@media(max-width:520px) {
  #app .settings-dialog .wmd-billing-actions {flex-direction:column}
  #app .settings-dialog .wmd-billing-actions button {width:100%}
}

/* Founder-only complimentary memberships, inside authenticated Settings.
   The controls are not an authorization boundary; the server is authoritative. */
#app .settings-dialog .wmd-complimentary-panel{
  margin:16px 0 8px;padding:14px;border:1px solid rgba(150,200,232,.28);
  border-radius:12px;background:rgba(13,31,47,.24);
}
#app .settings-dialog .wmd-complimentary-panel summary{
  cursor:pointer;font-size:15px;font-weight:750;line-height:1.5;
  color:var(--wmd-theme-text,#f2f7fd);
}
#app .settings-dialog .wmd-complimentary-panel>p{margin:12px 0}
#app .settings-dialog .wmd-complimentary-form{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;
  margin:14px 0;
}
#app .settings-dialog .wmd-complimentary-form label{
  display:grid;gap:6px;color:var(--wmd-theme-text,#f2f7fd);
  font-weight:650;font-size:13px;min-width:0;
}
#app .settings-dialog .wmd-complimentary-form label:first-child{grid-column:1/-1}
#app .settings-dialog .wmd-complimentary-form input,
#app .settings-dialog .wmd-complimentary-form select{
  width:100%;min-height:44px;box-sizing:border-box;border-radius:9px;
  border:1px solid var(--wmd-theme-line,#44647d);
  background:var(--wmd-theme-raised,#23455f);
  color:var(--wmd-theme-text,#f2f7fd);padding:10px;font-size:16px;
}
#app .settings-dialog .wmd-complimentary-form button,
#app .settings-dialog .wmd-complimentary-member button{
  min-height:44px;border-radius:9px;border:1px solid rgba(169,214,244,.6);
  padding:10px 14px;background:var(--wmd-theme-raised,#23455f);
  color:var(--wmd-theme-text,#f2f7fd);font-size:14px;font-weight:730;
  cursor:pointer;
}
#app .settings-dialog .wmd-complimentary-form button{grid-column:1/-1}
#app .settings-dialog .wmd-complimentary-member button:disabled,
#app .settings-dialog .wmd-complimentary-form button:disabled{opacity:.5;cursor:not-allowed}
#app .settings-dialog .wmd-complimentary-panel :is(button,input,select,summary):focus-visible{
  outline:3px solid #b9dffa;outline-offset:3px;
}
#app .settings-dialog .wmd-complimentary-members{
  display:grid;gap:8px;max-height:260px;overflow:auto;overscroll-behavior:contain;
}
#app .settings-dialog .wmd-complimentary-member{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 0;border-bottom:1px solid rgba(150,200,232,.22);
}
#app .settings-dialog .wmd-complimentary-member span{display:grid;gap:4px;min-width:0}
#app .settings-dialog .wmd-complimentary-member strong{
  overflow-wrap:anywhere;font-size:14px;font-weight:700;
}
#app .settings-dialog .wmd-complimentary-member small{margin:0!important;font-size:12px}
@media(max-width:520px){
  #app .settings-dialog .wmd-complimentary-form{grid-template-columns:minmax(0,1fr)}
  #app .settings-dialog .wmd-complimentary-form button{width:100%}
  #app .settings-dialog .wmd-complimentary-member{align-items:flex-start;flex-wrap:wrap}
}

/* Founder-only dev subscription preview. Server enforces authorization. */
#app .settings-dialog .wmd-developer-plan {
  border:1px solid rgba(142,200,243,.5);border-radius:13px;
  padding:15px;margin:14px 0;background:rgba(39,91,131,.17);
}
#app .settings-dialog .wmd-developer-plan h4{font-size:17px;margin:0 0 7px}
#app .settings-dialog .wmd-developer-plan p{margin:0 0 12px;line-height:1.5}
#app .settings-dialog .wmd-developer-plan-actions{display:flex;gap:8px;flex-wrap:wrap}
#app .settings-dialog .wmd-developer-plan-actions button{
  min-height:44px;flex:1 1 90px;border:1px solid #527a96;border-radius:10px;
  background:rgba(12,35,54,.7);color:#f3f9ff;font-size:14px;font-weight:750;
  cursor:pointer;padding:10px 13px;
}
#app .settings-dialog .wmd-developer-plan-actions button[aria-pressed="true"]{
  border-color:#9ad8ff;background:#29608a;color:#fff;
  box-shadow:0 0 0 1px #9ad8ff inset;
}
#app .settings-dialog .wmd-developer-plan-actions button:focus-visible{outline:3px solid #b9dffa;outline-offset:3px}
#app .settings-dialog .wmd-developer-plan-actions button:disabled{opacity:.55;cursor:wait}

}
/* free-complete-access.css */
@media screen {
/* Free keeps the genuine Home Net Worth/Budget gadgets and every native
   view dropdown; paid workspace access remains ledger-verified. */
#app .wmd-complete-gate{
  width:min(100%,740px);box-sizing:border-box;margin:22px auto 36px;
  padding:clamp(19px,3vw,36px);color:var(--wmd-theme-text,#ecf5fc);
  border:1px solid var(--wmd-theme-line,#345775);border-radius:20px;
  background:var(--wmd-theme-panel,#172c40);min-height:300px
}
#app .wmd-complete-gate h2{
  font-size:clamp(25px,3.5vw,36px);line-height:1.2;letter-spacing:-.02em;
  margin:0 0 12px;color:inherit
}
#app .wmd-complete-gate>p{
  font-size:clamp(15px,1.8vw,17px);line-height:1.55;
  color:var(--wmd-theme-muted,#c2d6e6);max-width:780px;margin:0 0 20px
}
#app .wmd-gate-eyebrow{
  color:var(--wmd-theme-accent-soft,#a3d8f9);font-weight:850;letter-spacing:.08em;
  font-size:12px;text-transform:uppercase;display:block;margin-bottom:9px
}
#app .wmd-complete-gate .wmd-gate-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:24px 0 16px
}
#app .wmd-complete-upgrade,#app .wmd-gate-secondary{
  min-height:44px;max-width:100%;border-radius:10px;padding:11px 18px;
  font-size:15px;font-weight:800;cursor:pointer
}
#app .wmd-complete-upgrade{
  border:1px solid #a9dbf7;background:#b9dffa;color:#102638
}
#app .wmd-gate-secondary{
  background:transparent;color:inherit;
  border:1px solid var(--wmd-theme-line,#6986a0)
}
#app .wmd-complete-upgrade:hover,#app .wmd-complete-upgrade:focus-visible{background:#e3f3ff}
#app .wmd-gate-secondary:hover,#app .wmd-gate-secondary:focus-visible{border-color:#b9dffa}
#app .wmd-complete-gate small{
  color:var(--wmd-theme-muted,#bcd4e4);font-size:13px;line-height:1.5
}
/* The board above is exactly the regular Home board, only restricted to the
   user's existing Net Worth and Budget cards. Do not restyle its dropdowns. */
#app .wmd-home-free-upgrade{
  grid-column:1/-1;grid-row:4;box-sizing:border-box;display:flex;
  flex-wrap:wrap;align-items:center;justify-content:space-between;
  gap:18px;margin:0 0 30px;padding:20px 24px;
  background:var(--wmd-theme-panel,#192f43);
  border:1px solid var(--wmd-theme-line,#41647f);border-radius:16px;
  color:var(--wmd-theme-text,#edf6ff)
}
#app .wmd-home-free-upgrade>div:first-child{flex:1 1 330px;min-width:0}
#app .wmd-home-free-upgrade>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
#app .wmd-home-free-upgrade h3{
  font-size:clamp(19px,2vw,24px);font-weight:820;line-height:1.3;margin:0 0 8px
}
#app .wmd-home-free-upgrade p{
  font-size:14px;line-height:1.55;max-width:690px;
  color:var(--wmd-theme-muted,#c2d6e6);margin:0
}
#app .wmd-home-free-upgrade small{
  max-width:280px;font-size:12px;line-height:1.45;
  color:var(--wmd-theme-muted,#c2d6e6)
}
#app .wmd-home-free-upgrade button:focus-visible,
#app .wmd-complete-gate button:focus-visible{outline:3px solid #b9dffa;outline-offset:3px}
@media(max-width:650px){
 #app .wmd-complete-gate{margin:12px auto 26px;padding:18px 15px;border-radius:14px}
 #app .wmd-home-free-upgrade{padding:17px 15px;gap:12px}
 #app .wmd-home-free-upgrade>div:last-child{align-items:stretch;width:100%}
 #app .wmd-home-free-upgrade .wmd-complete-upgrade{width:100%}
}
/* Free Home uses a single grid ITEM for the banner and saved gadgets.
   Normal flex document flow (not competing explicit grid rows) guarantees
   that both sections reserve their full height at every viewport width. */
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack){
  grid-template-columns:minmax(0,1fr)!important;
}
#app > main.wmd-workspace--home > .wmd-hg-commands:has(+ .wmd-free-home-stack){
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;max-width:100%!important;justify-content:flex-start!important;
}
#app > main.wmd-workspace--home > .wmd-free-home-stack{
  grid-column:1/-1!important;grid-row:3!important;
  display:flex!important;flex-direction:column;align-items:stretch;
  gap:clamp(18px,2.2vw,24px);
  width:100%;min-width:0;max-width:100%;box-sizing:border-box;
  height:auto;min-height:0;
}
#app > main.wmd-workspace--home > .wmd-free-home-stack > .wmd-home-free-upgrade{
  grid-row:auto!important;grid-column:auto!important;
  width:100%;min-width:0;max-width:100%;
  height:auto;min-height:0;margin:0!important;flex:0 0 auto;
  position:relative;
}
#app > main.wmd-workspace--home > .wmd-free-home-stack > .wmd-home-gadget-board[data-free-home="true"]{
  grid-row:auto!important;grid-column:auto!important;
  width:100%;min-width:0;max-width:100%;
  height:auto;min-height:0;margin:0!important;flex:0 0 auto;
}
@media(max-width:650px){
  #app > main.wmd-workspace--home > .wmd-free-home-stack{gap:16px}
}

/* Free Home single-column shell: the balance editor can sit between commands
   and its dashboard, so commands cannot depend on an adjacent sibling. */
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack){
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > nav[data-scroll-key="workspace-tabs"]{
  grid-column:1/-1!important;grid-row:1!important;
  width:100%!important;max-width:none!important;min-width:0;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-hg-commands{
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;max-width:100%!important;min-width:0;
  min-height:0!important;padding:10px 14px!important;
  justify-content:flex-start!important;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-hg-commands .wmd-hg-quick-actions{
  width:100%!important;max-width:100%!important;
  flex-wrap:wrap!important;justify-content:flex-start!important;
  gap:8px 10px!important;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-hg-commands label.wmd-hg-plan-search-label{
  flex:1 1 250px!important;min-width:min(100%,220px)!important;
  max-width:none!important;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-free-home-stack{
  grid-column:1/-1!important;grid-row:3!important;
  width:100%!important;max-width:100%!important;min-width:0;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-free-home-stack > .wmd-home-free-upgrade{
  gap:12px 24px!important;padding:17px 22px!important;
  margin:0!important;
}
#app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-free-home-stack > .wmd-home-gadget-board[data-free-home="true"]{
  min-width:0!important;max-width:100%!important;
}
@media(max-width:760px){
  #app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-hg-commands{padding:10px!important}
  #app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-hg-commands .wmd-hg-quick-actions{gap:8px!important}
  #app > main.wmd-workspace--home:has(> .wmd-free-home-stack) > .wmd-free-home-stack > .wmd-home-free-upgrade{
    padding:16px!important;
  }
}

}
/* networth-heading-toggle.css */
@media screen {
/* Net Worth heading accordions use the same quiet disclosure pattern as Budget.
   Keep the drag grip, add-account and heading options as separate controls.
   The chevron is an affordance, not another visually heavy boxed button. */
#app .wmd-workspace--networth .nw-board .nw-overview-section .nw-group-head,
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="networth"] .nw-board .nw-overview-section .nw-group-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 32px;
  grid-template-areas:"title actions chevron";
  align-items:center!important;
  gap:8px!important;
  padding:9px 12px!important;
  min-height:58px;
  box-sizing:border-box;
  cursor:pointer;
  transition:background-color .16s ease;
}
#app .wmd-workspace--networth .nw-group-head .heading-name,
#app .landing-v6 [data-landing-tour] .nw-group-head .heading-name{
  grid-area:title;min-width:0!important;display:flex!important;
  align-items:center!important;gap:8px!important;margin:0!important
}
#app .wmd-workspace--networth .nw-group-head .nw-group-quick-actions,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-group-quick-actions{
  grid-area:actions;display:flex!important;align-items:center!important;
  gap:6px!important;min-width:0!important;margin:0!important
}
#app .wmd-workspace--networth .nw-group-head .nw-group-title-toggle,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-group-title-toggle{
  flex:1 1 auto!important;min-width:0;max-width:100%;
  border:0!important;background:transparent!important;box-shadow:none!important;
  padding:8px 2px!important;margin:0!important;
  color:#f2f8ff!important;font-size:16px!important;
  font-weight:750!important;line-height:1.3!important;
  text-align:left!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;
  cursor:pointer
}
#app .wmd-workspace--networth .nw-group-head .heading-name > strong,
#app .landing-v6 [data-landing-tour] .nw-group-head .heading-name > strong{
  flex:0 0 auto!important;margin-left:auto!important;
  font-variant-numeric:tabular-nums
}
#app .wmd-workspace--networth .nw-group-head .nw-heading-chevron,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-heading-chevron{
  grid-area:chevron;display:inline-flex!important;align-items:center;justify-content:center;
  width:32px!important;min-width:32px!important;height:38px!important;
  margin:0!important;padding:0!important;border:0!important;
  border-radius:8px!important;background:transparent!important;
  color:#9ac5e5!important;box-shadow:none!important;cursor:pointer;
  transition:background-color .16s ease,color .16s ease
}
#app .wmd-workspace--networth .nw-group-head .nw-heading-chevron:hover,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-heading-chevron:hover{
  background:#365473!important;color:#edf7ff!important
}
#app .wmd-workspace--networth .nw-group-head .nw-heading-chevron .ui-chevron,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-heading-chevron .ui-chevron{
  display:block;width:16px;height:16px;
  transition:transform .18s ease
}
#app .wmd-workspace--networth .nw-group-head .nw-group-title-toggle:focus-visible,
#app .wmd-workspace--networth .nw-group-head .nw-heading-chevron:focus-visible,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-group-title-toggle:focus-visible,
#app .landing-v6 [data-landing-tour] .nw-group-head .nw-heading-chevron:focus-visible{
  outline:2px solid #91d0fa!important;outline-offset:2px
}
#app .wmd-workspace--networth .nw-group-head [hidden],
#app .landing-v6 [data-landing-tour] .nw-group-head [hidden]{
  display:none!important
}
#app .wmd-workspace--networth .nw-group-head input.nw-group-name-editor:not([hidden]),
#app .landing-v6 [data-landing-tour] .nw-group-head input.nw-group-name-editor:not([hidden]){
  display:block!important;flex:1 1 auto!important;width:100%!important;max-width:100%!important;
  min-width:85px!important;background:#112a42!important;
  border:1px solid #74a9d2!important;border-radius:7px!important;
  color:#f4faff!important;font-size:16px!important;padding:8px 10px!important
}
#app .wmd-workspace--networth .nw-group-menu .heading-rename,
#app .landing-v6 [data-landing-tour] .nw-group-menu .heading-rename{
  min-height:34px;padding:7px 11px;border:1px solid #547591;border-radius:8px;
  background:#1b344e;color:#e9f4ff;font-size:13px;font-weight:700;cursor:pointer
}
#app .wmd-workspace--networth .nw-group-menu .heading-rename:is(:hover,:focus-visible),
#app .landing-v6 [data-landing-tour] .nw-group-menu .heading-rename:is(:hover,:focus-visible){
  border-color:#93c8ed;background:#294c6b;color:#fff
}
#app .wmd-workspace--networth .nw-group:not(.is-collapsed) > .group-body,
#app .landing-v6 [data-landing-tour] .nw-group:not(.is-collapsed) > .group-body{
  animation:wmd-nw-heading-reveal .16s ease-out both
}
@keyframes wmd-nw-heading-reveal{
  from{opacity:.78;transform:translateY(-3px)}
  to{opacity:1;transform:none}
}
@media(max-width:620px){
  #app .wmd-workspace--networth .nw-board .nw-overview-section .nw-group-head,
  #app .landing-v6 [data-landing-tour] .nw-board .nw-overview-section .nw-group-head{
    grid-template-columns:minmax(0,1fr) 36px;
    grid-template-areas:"title chevron" "actions actions";
    column-gap:6px!important;row-gap:1px!important;
    padding:8px 10px!important
  }
  #app .wmd-workspace--networth .nw-group-head .nw-group-quick-actions,
  #app .landing-v6 [data-landing-tour] .nw-group-head .nw-group-quick-actions{
    justify-self:end!important;margin:0!important
  }
  #app .wmd-workspace--networth .nw-group-head .nw-heading-chevron,
  #app .landing-v6 [data-landing-tour] .nw-group-head .nw-heading-chevron{
    width:36px!important;height:44px!important;align-self:start
  }
  #app .wmd-workspace--networth .nw-group-head .nw-group-title-toggle,
  #app .landing-v6 [data-landing-tour] .nw-group-head .nw-group-title-toggle{
    font-size:15px!important;min-height:42px
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--networth .nw-group-head,
  #app .wmd-workspace--networth .nw-group-head .nw-heading-chevron,
  #app .wmd-workspace--networth .nw-group-head .nw-heading-chevron .ui-chevron,
  #app .wmd-workspace--networth .nw-group:not(.is-collapsed) > .group-body,
  #app .landing-v6 [data-landing-tour] .nw-group:not(.is-collapsed) > .group-body{
    animation:none!important;transition:none!important
  }
}
}
/* connected-goals.css */
@media screen {
/* Connected Goals: one plan, one set of balances. Scoped, ocean-neutral. */
#app .wmd-goals-connected-shell{margin-top:24px;padding:20px;border:1px solid var(--goal-border,#476174);border-radius:17px;background:var(--goal-surface,#192c40)}
#app .wmd-goals-connected-shell>h2{margin:0 0 7px;font-size:20px;color:var(--goal-text,#edf7ff)}
#app .wmd-goals-connected-shell>h3{margin:22px 0 12px;font-size:16px;color:var(--goal-text,#edf7ff)}
#app .wmd-goals-connected-shell>p{margin:0 0 16px;font-size:14px;line-height:1.5;color:var(--goal-muted,#bbccdc)}
#app .wmd-goals-connected-shell .wmd-goals-linked-grid{margin-top:12px}
#app .wmd-goal-connected-plan{display:grid;gap:9px;margin:12px 0;padding:15px;border:1px solid var(--goal-border,#476174);border-radius:12px;background:var(--goal-raised,#20354b);font-size:13px;line-height:1.45;color:var(--goal-text,#ecf5ff)}
#app .wmd-goal-connected-plan>strong{font-size:14px}
#app .wmd-goal-connected-plan>div{overflow-wrap:anywhere;color:var(--goal-muted,#bbccdc)}
#app .wmd-goal-connected-plan>div:first-letter{font-weight:700}
#app .wmd-goal-allocation-warning{padding:10px 12px;border:1px solid #b8946e;border-radius:10px;color:#ffdfba;font-size:13px}
#app .wmd-goal-allocation{display:grid;gap:12px;padding:14px;background:var(--goal-raised,#233448);border:1px solid var(--goal-border,#476174);border-radius:12px}
#app .wmd-goal-allocation label{display:grid;gap:6px;font-size:13px}
#app .wmd-goal-allocation small{font-size:12px;line-height:1.5;color:var(--goal-muted,#bbccdc)}
#app .wmd-goals-heading-milestones{display:grid;gap:10px}
#app .wmd-goal-heading-milestone{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:14px;border:1px solid var(--goal-border,#476174);border-radius:12px;background:var(--goal-raised,#233448)}
#app .wmd-goal-heading-milestone>div:first-child{display:grid;gap:4px;min-width:0}
#app .wmd-goal-heading-milestone strong{font-size:14px;color:var(--goal-text,#ecf5ff)}
#app .wmd-goal-heading-milestone small{font-size:12px;color:var(--goal-muted,#bbccdc)}
#app .wmd-goal-heading-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--goal-text,#ecf5ff)}
#app .wmd-goal-heading-right button,#app [data-heading-goal-editor] button{min-height:38px;border:1px solid var(--goal-border,#54708a);border-radius:9px;padding:8px 12px;background:var(--goal-surface,#162b42);color:var(--goal-text,#ecf5ff);font-size:13px}
#app .wmd-goal-heading-milestone>.wmd-goal-track{grid-column:1/-1;height:6px}
#app [data-heading-goal-editor]{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:end;gap:8px}
#app [data-heading-goal-editor][hidden],#app .wmd-goal-allocation[hidden],#app [data-goal-shared][hidden],#app .wmd-goal-heading-milestone [hidden]{display:none!important}
#app [data-heading-goal-editor] label{display:grid;gap:5px;font-size:13px;flex:1;min-width:160px}
#app [data-heading-goal-editor] input{min-height:40px;width:100%;border:1px solid var(--goal-border,#54708a);border-radius:8px;background:var(--goal-deep,#0f2233);color:var(--goal-text,#ecf5ff);padding:8px;font-size:16px}
#app [data-heading-goal-editor] [role=alert]{grid-column:1/-1;color:#ffd6bf;font-size:13px}
#app .nw-connected-goal-link{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--wmd-ui-muted,#b8d3e9)}
#app .nw-connected-goal-link button{border:1px solid var(--wmd-ui-line,#476174);border-radius:8px;padding:10px;background:var(--wmd-ui-raised,#28435f);color:var(--wmd-ui-text,#e9f5ff);font-size:13px;font-weight:650;text-align:left;cursor:pointer}
#app .nw-connected-goal-link button:hover,#app .nw-connected-goal-link button:focus-visible{border-color:#a1c7e9}
@media(max-width:650px){#app .wmd-goals-connected-shell{padding:14px}#app .wmd-goal-heading-milestone{grid-template-columns:1fr}#app .wmd-goal-heading-right{justify-content:flex-start}#app [data-heading-goal-editor] button{flex:1}}

#app .wmd-goals-unset-targets{border:1px solid var(--goal-border,#476174);border-radius:12px;padding:12px;background:var(--goal-surface,#192c40)}
#app .wmd-goals-unset-targets>summary{font-size:13px;font-weight:650;color:var(--goal-text,#ecf5ff);cursor:pointer;min-height:25px}
#app .wmd-goals-unset-targets>div{margin-top:12px}
#app .wmd-goals-unset-targets>summary:focus-visible{outline:2px solid #83bdea;outline-offset:4px}

}
/* wmd-system-icons.css */
@media screen {
/* The same financial SVGs now appear in the orbit, product navigation and
   fictional app tour. Hide retired CSS-mask navigation symbols to prevent duplicates. */
/* One icon per workspace across signed-in navigation, Plan and public demo.
   Shared SVG is the only visual symbol; retired CSS masks stay suppressed. */
#app > main.wmd-workspace > nav > button.wmd-icon-nav::before,
#app .wmd-plan-subnav > button.wmd-icon-nav::before,
#app .landing-v6 [data-landing-tour] .landing-tour-tab::before,
#app .landing-v6 [data-landing-tour] .landing-tour-plan-subnav > button::before {
  content:none!important;
  display:none!important;
}
#app .wmd-system-icon {
  display:inline-block;
  flex:0 0 auto;
  width:18px;
  height:18px;
  vertical-align:middle;
  stroke:currentColor;
  opacity:.9;
  pointer-events:none;
}
#app > main.wmd-workspace > nav > button.wmd-icon-nav,
#app .wmd-plan-subnav > button.wmd-icon-nav,
#app .landing-v6 .landing-tour-tab-navigation .landing-tour-tab,
#app .landing-v6 .landing-tour-plan-subnav > button {
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
#app > main.wmd-workspace > nav > button.wmd-icon-nav.active .wmd-system-icon,
#app .wmd-plan-subnav > button.wmd-icon-nav.active .wmd-system-icon,
#app .landing-v6 .landing-tour-tab.active .wmd-system-icon,
#app .landing-v6 .landing-tour-plan-subnav > button.active .wmd-system-icon {
  opacity:1;
}
@media(max-width:700px) {
  #app .landing-v6 .landing-tour-tab .wmd-system-icon,
  #app .landing-v6 .landing-tour-plan-subnav .wmd-system-icon,
  #app .wmd-plan-subnav .wmd-system-icon {
    width:16px;height:16px;
  }
  #app .landing-v6 .landing-tour-tab-navigation .landing-tour-tab,
  #app .landing-v6 .landing-tour-plan-subnav > button {gap:6px!important}
}

}
/* landing-connected-orbit.css */
@media screen {
/* Interactive public hero | Where's My Dollar? Ocean design system.
   This is scoped to the landing page; private workspaces are untouched. */
#app .landing-v6 .landing-intro-v5 .wmd-orbit {
  --orbit-blue:#8ec8f3;
  --orbit-bright:#d7efff;
  --orbit-ink:#eff8ff;
  --orbit-muted:#b4cddd;
  position:relative;
  display:block;
  box-sizing:border-box;
  width:min(1120px,100%);
  margin:clamp(12px,2vw,24px) auto clamp(4px,.8vw,10px);
  isolation:isolate;
  text-align:center;
}
#app .landing-v6 .wmd-orbit,
#app .landing-v6 .wmd-orbit * { box-sizing:border-box; }
#app .landing-v6 .wmd-orbit .wmd-orbit-visual {
  position:relative;
  width:min(100%,1050px);
  margin:0 auto;
  aspect-ratio:1000/530;
  isolation:isolate;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-visual:before {
  content:"";
  position:absolute;
  inset:4% 5%;
  z-index:-1;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(ellipse at 53% 48%,rgba(142,200,243,.095),transparent 48%);
}
#app .landing-v6 .wmd-orbit .wmd-orbit-wheel {
  position:relative;
  width:100%;
  aspect-ratio:1000/530;
  min-width:0;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-art {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  pointer-events:none;
  overflow:visible;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-art-mobile {display:none}
#app .landing-v6 .wmd-orbit .wmd-orbit-halo {
  fill:none;
  stroke:rgba(142,200,243,.09);
  stroke-width:1;
  stroke-dasharray:3 9;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-ring {
  fill:none;
  stroke:rgba(142,200,243,.70);
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-dasharray:1200;
  stroke-dashoffset:0;
  filter:drop-shadow(0 0 6px rgba(142,200,243,.32));
}
#app .landing-v6 .wmd-orbit .wmd-orbit-dot {
  fill:#bce3fb;
  opacity:.61;
  filter:drop-shadow(0 0 2px rgba(142,200,243,.34));
}
#app .landing-v6 .wmd-orbit .wmd-orbit-spokes path {
  fill:none;
  stroke:rgba(142,200,243,.33);
  stroke-width:1.2;
  stroke-dasharray:5 8;
  stroke-linecap:round;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-center {
  position:absolute;
  left:52%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:9px;
  width:clamp(158px,18vw,195px);
  aspect-ratio:1;
  padding:20px 13px;
  z-index:1;
  border:1px solid rgba(176,222,252,.53);
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 23%,rgba(143,200,240,.20),transparent 50%),
    linear-gradient(155deg,#1e3448 0%,#101e2c 69%,#10202d 100%);
  box-shadow:0 0 0 7px rgba(142,200,243,.035),0 16px 42px rgba(0,0,0,.26),inset 0 0 24px rgba(142,200,243,.08);
}
#app .landing-v6 .wmd-orbit .wmd-orbit-center-kicker {
  max-width:100%;
  color:#a9d8f8;
  font-size:9px;
  font-weight:850;
  letter-spacing:.13em;
  line-height:1.35;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-heading-slot {width:100%}
#app .landing-v6 .wmd-orbit .wmd-orbit-center .wmd-orbit-center-title {
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  position:static!important;
  visibility:visible!important;
  opacity:1!important;
  transform:none!important;
  width:100%!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  font:850 clamp(21px,2.25vw,25px)/1.08 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  letter-spacing:-.045em!important;
  text-align:center!important;
  text-wrap:balance;
  color:var(--orbit-ink)!important;
  -webkit-text-fill-color:var(--orbit-ink)!important;
  background:none!important;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-center-hint {
  color:#9dbbce;
  font-size:10px;
  line-height:1.25;
  max-width:145px;
}
#app .landing-v6 .wmd-orbit :is(.wmd-orbit-node,.wmd-orbit-satellite) {
  -webkit-tap-highlight-color:transparent;
  position:absolute;
  left:var(--node-x);
  top:var(--node-y);
  z-index:3;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  flex-shrink:0;
  border:1px solid rgba(159,209,245,.56);
  border-radius:50%;
  padding:9px 5px;
  color:#e9f6ff!important;
  -webkit-text-fill-color:#e9f6ff!important;
  background:radial-gradient(circle at 36% 24%,rgba(143,201,246,.19),rgba(19,35,51,.94) 70%);
  box-shadow:0 0 0 5px rgba(142,200,243,.045),0 8px 22px rgba(0,0,0,.25),inset 0 1px 2px rgba(210,239,255,.1);
  font-family:inherit;
  font-weight:750;
  text-align:center;
  line-height:1.18;
  cursor:pointer;
  touch-action:manipulation;
  transition:border-color .2s,background .2s,box-shadow .2s,scale .2s;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-node {width:92px;height:92px;font-size:12px}
#app .landing-v6 .wmd-orbit .wmd-orbit-satellite {width:79px;height:79px;font-size:10.5px}
#app .landing-v6 .wmd-orbit .wmd-orbit-node-icon {display:grid;place-items:center;flex:none;color:#b4deff;line-height:1}
#app .landing-v6 .wmd-orbit .wmd-orbit-node-icon svg {width:23px;height:23px;display:block}
#app .landing-v6 .wmd-orbit .wmd-orbit-satellite .wmd-orbit-node-icon svg {width:20px;height:20px}
#app .landing-v6 .wmd-orbit .wmd-orbit-node-label {display:block;max-width:100%;overflow-wrap:normal;text-wrap:balance}
#app .landing-v6 .wmd-orbit :is(.wmd-orbit-node,.wmd-orbit-satellite):is(:hover,:focus-visible,.is-selected) {
  border-color:#c9eaff;
  background:radial-gradient(circle at 36% 21%,rgba(142,200,243,.34),#19334a 73%);
  box-shadow:0 0 0 5px rgba(142,200,243,.13),0 0 30px rgba(101,174,231,.22),0 10px 24px rgba(0,0,0,.25);
}
#app .landing-v6 .wmd-orbit :is(.wmd-orbit-node,.wmd-orbit-satellite):focus-visible {
  outline:2px solid #eff9ff;
  outline-offset:6px;
}
#app .landing-v6 .wmd-orbit :is(.wmd-orbit-node,.wmd-orbit-satellite).is-selected {scale:1.06}
#app .landing-v6 .wmd-orbit .wmd-orbit-satellites {
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-satellites > :is(.wmd-orbit-satellite) {pointer-events:auto}
#app .landing-v6 .wmd-orbit .wmd-orbit-branch-label {
  position:absolute;
  left:5%;
  top:-2.5%;
  width:max-content;
  max-width:90%;
  white-space:nowrap;
  text-align:left;
  line-height:1.3;
  color:#9cbcd2;
  font-size:10px;
  font-weight:800;
  letter-spacing:.14em;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail {
  position:absolute;
  top:50%;
  right:0;
  z-index:6;
  transform:translateY(-50%);
  width:min(29%,292px);
  padding:18px 18px 17px;
  border:1px solid rgba(142,200,243,.38);
  border-radius:21px;
  background:linear-gradient(155deg,#1e3447,#111f2c 75%);
  box-shadow:0 20px 52px rgba(0,0,0,.38),inset 0 1px 0 rgba(209,236,255,.07);
  text-align:left;
  color:var(--orbit-ink);
  animation:wmd-orbit-detail-in .27s ease-out both;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail[hidden] {display:none!important}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail-top {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail-top > span {
  color:#95c7e9;
  font-size:9px;
  font-weight:800;
  line-height:1.35;
  letter-spacing:.105em;
}
#app .landing-v6 .wmd-orbit [data-wmd-orbit-close] {
  display:grid;place-items:center;
  flex:none;width:30px;height:30px;
  border:1px solid rgba(142,200,243,.30);
  border-radius:50%;
  background:rgba(142,200,243,.08);
  color:#d9edfd;
  font-size:23px;line-height:1;cursor:pointer;
}
#app .landing-v6 .wmd-orbit [data-wmd-orbit-close]:focus-visible {
  outline:2px solid #c6e6ff;outline-offset:2px;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail h3 {
  margin:0 0 7px;
  color:#f3faff;
  font-size:clamp(22px,2.1vw,26px);
  font-weight:850;
  letter-spacing:-.035em;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail-intro {
  margin:0 0 12px;
  color:#c3dfef;
  font-size:12.5px;
  line-height:1.44;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail ul {
  display:grid;
  gap:9px;
  margin:0 0 12px;
  padding:0;
  list-style:none;
  text-align:left;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail li {
  position:relative;
  margin:0;
  padding:0 0 0 16px;
  color:#dcecf7;
  font-size:12px;
  line-height:1.43;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail li:before {
  content:"";
  position:absolute;left:0;top:.47em;
  width:6px;height:6px;border-radius:50%;
  background:#8ec8f3;
  box-shadow:0 0 0 3px rgba(142,200,243,.08);
}
#app .landing-v6 .wmd-orbit .wmd-orbit-detail-note {
  margin:0 0 12px;
  color:#a9c8dc;
  font-size:10.5px;
  line-height:1.45;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-preview {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  width:100%;
  min-height:43px;
  padding:10px 14px;
  border:1px solid #95cff7;
  border-radius:12px;
  background:linear-gradient(145deg,#b9dffa,#8ec8f3);
  color:#102638!important;
  -webkit-text-fill-color:#102638!important;
  font:800 12px/1.3 system-ui,-apple-system,"Segoe UI",sans-serif;
  cursor:pointer;
  transition:filter .2s,transform .2s;
}
#app .landing-v6 .wmd-orbit .wmd-orbit-preview:hover {filter:brightness(1.1);transform:translateY(-1px)}
#app .landing-v6 .wmd-orbit .wmd-orbit-preview:focus-visible {outline:2px solid white;outline-offset:3px}
@keyframes wmd-orbit-detail-in {
  from {opacity:0;translate:10px 0}
  to {opacity:1;translate:0 0}
}
@keyframes wmd-orbit-draw {
  from {stroke-dashoffset:1200;opacity:.14}
  to {stroke-dashoffset:0;opacity:1}
}
@keyframes wmd-orbit-enter {
  0% {opacity:0;scale:.64;filter:brightness(2.3)}
  52% {opacity:1;scale:1.13;filter:brightness(1.65)}
  100% {opacity:1;scale:1;filter:brightness(1)}
}
@keyframes wmd-orbit-dot-in {
  from {opacity:0}
  to {opacity:.61}
}
@keyframes wmd-orbit-spokes-in {
  from {opacity:0}
  to {opacity:1}
}
#app .landing-v6 .wmd-orbit[data-motion="pending"] .wmd-orbit-ring {stroke-dashoffset:1200;opacity:.15}
#app .landing-v6 .wmd-orbit[data-motion="pending"] :is(.wmd-orbit-node,.wmd-orbit-satellite) {opacity:0}
#app .landing-v6 .wmd-orbit[data-motion="pending"] .wmd-orbit-dot {opacity:0}
#app .landing-v6 .wmd-orbit[data-motion="pending"] .wmd-orbit-spokes {opacity:0}
#app .landing-v6 .wmd-orbit[data-motion="running"] .wmd-orbit-ring {
  animation:wmd-orbit-draw 2.15s cubic-bezier(.24,.63,.29,1) both;
}
#app .landing-v6 .wmd-orbit[data-motion="running"] :is(.wmd-orbit-node,.wmd-orbit-satellite) {
  animation:wmd-orbit-enter .7s cubic-bezier(.19,.75,.22,1) both;
  animation-delay:var(--node-delay);
}
#app .landing-v6 .wmd-orbit[data-motion="running"] .wmd-orbit-dot {
  animation:wmd-orbit-dot-in .45s ease-out both;
  animation-delay:calc(.25s + var(--dot-order) * .045s);
}
#app .landing-v6 .wmd-orbit[data-motion="running"] .wmd-orbit-spokes {
  animation:wmd-orbit-spokes-in .65s ease-out 3.13s both;
}

/* Compact laptop / tablet: keep diagram readable, move descriptions beneath. */
@media(max-width:980px) {
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail {
    position:relative;top:auto;right:auto;transform:none;
    width:min(100%,500px);
    margin:7px auto 16px;
    scroll-margin-top:82px;
    padding:20px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail li {font-size:13px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-node {width:80px;height:80px;font-size:11px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellite {width:72px;height:72px;font-size:10px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center {width:160px;height:160px;padding:14px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center .wmd-orbit-center-title {font-size:21px!important}
}
@media(max-width:700px) {
  #app .landing-v6 .landing-intro-v5 .wmd-orbit {
    width:100%;
    margin:13px auto 5px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-visual {
    width:100%;
    aspect-ratio:auto;
    display:flex;
    align-items:center;
    flex-direction:column;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-wheel {
    width:min(100%,360px);
    height:auto;
    aspect-ratio:360/334;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-art-desktop {display:none}
  #app .landing-v6 .wmd-orbit .wmd-orbit-art-mobile {display:block}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center {
    left:50%;top:48.2%;
    width:clamp(137px,43%,151px);
    height:auto;
    padding:11px 9px;
    gap:5px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-center-kicker {font-size:7px;letter-spacing:.095em}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center-hint {font-size:8px;max-width:115px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center .wmd-orbit-center-title {
    font-size:clamp(17.5px,5.3vw,20px)!important;
    line-height:1.07!important;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-node {width:clamp(64px,19.8vw,73px);height:clamp(64px,19.8vw,73px);font-size:10px;gap:4px;padding:7px 4px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-node-icon svg {width:19px;height:19px}
  #app .landing-v6 .wmd-orbit [data-wmd-orbit-key="networth"] {--node-x:50%!important;--node-y:12%!important}
  #app .landing-v6 .wmd-orbit [data-wmd-orbit-key="budget"] {--node-x:82.2%!important;--node-y:35.3%!important}
  #app .landing-v6 .wmd-orbit [data-wmd-orbit-key="cashflow"] {--node-x:70%!important;--node-y:79.3%!important}
  #app .landing-v6 .wmd-orbit [data-wmd-orbit-key="investments"] {--node-x:30%!important;--node-y:79.3%!important}
  #app .landing-v6 .wmd-orbit [data-wmd-orbit-key="planning"] {--node-x:17.8%!important;--node-y:35.3%!important}
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellites {
    position:relative;
    inset:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    width:min(100%,390px);
    gap:9px 7px;
    margin:0 auto;
    padding:21px 1px 0;
    border-top:1px solid rgba(142,200,243,.18);
    pointer-events:auto;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-branch-label {
    display:block;
    position:absolute;
    left:0;top:6px;
    width:100%;
    font-size:8px;
    font-weight:850;
    color:#abcce2;
    text-align:center;
    line-height:1;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellites .wmd-orbit-satellite {
    position:relative!important;
    left:auto!important;top:auto!important;
    transform:none!important;
    width:clamp(64px,19vw,75px);
    height:clamp(64px,19vw,75px);
    min-height:64px;
    padding:6px 3px;
    font-size:9.4px;
    gap:2px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellite .wmd-orbit-node-icon svg {width:17px;height:17px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail {
    width:min(100%,440px);
    margin:15px auto 12px;
    padding:18px 16px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail h3 {font-size:24px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail-intro {font-size:13px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail li {font-size:12.5px}
}
@media(max-width:355px) {
  #app .landing-v6 .wmd-orbit .wmd-orbit-center {width:126px;padding:10px 6px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-node {width:62px;height:62px;font-size:9px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-center .wmd-orbit-center-title {font-size:17px!important}
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellites {gap:5px}
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellites .wmd-orbit-satellite {width:63px;height:63px;font-size:8.5px}
}
@media(prefers-reduced-motion:reduce) {
  #app .landing-v6 .wmd-orbit *,
  #app .landing-v6 .wmd-orbit *:before,
  #app .landing-v6 .wmd-orbit *:after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
  #app .landing-v6 .wmd-orbit :is(.wmd-orbit-node,.wmd-orbit-satellite,.wmd-orbit-dot,.wmd-orbit-spokes) {opacity:1!important}
  #app .landing-v6 .wmd-orbit .wmd-orbit-ring {stroke-dashoffset:0!important;opacity:1!important}
}

/* Desktop responsive refinement (2026-10-23).
   Scale the diagram as a cohesive unit on spacious displays, without changing
   the mobile illustration or the signed-in dashboard. */
@media (min-width: 1200px) {
  #app .landing-v6 .landing-intro-v5 .wmd-orbit {
    width:min(100%,1560px);
    max-width:none;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-visual {
    width:min(100%,1420px,calc(100dvh * 1.88));
    max-width:none;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-center {
    width:clamp(195px,13.4vw,260px);
    padding:clamp(18px,1.6vw,27px);
    gap:clamp(8px,.65vw,12px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-center-kicker {
    font-size:clamp(9px,.64vw,12px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-center .wmd-orbit-center-title {
    font-size:clamp(25px,1.75vw,34px)!important;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-center-hint {
    font-size:clamp(10px,.72vw,13px);
    max-width:190px;
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-node {
    width:clamp(92px,6.4vw,126px);
    height:clamp(92px,6.4vw,126px);
    font-size:clamp(12px,.78vw,15px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellite {
    width:clamp(79px,5.45vw,108px);
    height:clamp(79px,5.45vw,108px);
    font-size:clamp(10.5px,.70vw,13px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-node-icon svg {
    width:clamp(23px,1.58vw,31px);
    height:clamp(23px,1.58vw,31px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-satellite .wmd-orbit-node-icon svg {
    width:clamp(20px,1.4vw,27px);
    height:clamp(20px,1.4vw,27px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-branch-label {
    font-size:clamp(10px,.68vw,13px);
  }
  #app .landing-v6 .wmd-orbit .wmd-orbit-detail {
    width:min(29%,360px);
    padding:clamp(18px,1.4vw,24px);
  }
}


/* Decision-first conversion: keep the actual H2, copy and CTA *above* the
   interactive diagram. The orbit's own center phrase is not the page promise. */
#app .landing-v6 .landing-intro-v5 > .landing-hero-promise{
  display:block!important;position:static!important;
  visibility:visible!important;opacity:1!important;transform:none!important;
  min-height:0!important;width:min(100%,920px);
  margin:clamp(4px,1vw,12px) auto 13px!important;
  padding:0 8px!important;
  font:850 clamp(29px,4.4vw,57px)/1.10 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  letter-spacing:-.04em!important;
  text-align:center!important;text-wrap:balance;
  color:#f1f9ff!important;-webkit-text-fill-color:#f1f9ff!important;
}
#app .landing-v6 .landing-intro-v5 > .landing-hero-promise em{
  display:inline!important;font-style:normal!important;
  color:#B9DFFA!important;-webkit-text-fill-color:#B9DFFA!important;
}
#app .landing-v6 .landing-intro-v5 > .landing-hero-description{
  width:min(100%,800px);max-width:800px!important;
  margin:0 auto!important;
  color:#cfdfeb!important;
  font:520 clamp(14px,1.3vw,17px)/1.60 system-ui,-apple-system,"Segoe UI",sans-serif!important;
  text-align:center!important;
}
#app .landing-v6 .landing-intro-v5 > .landing-hero-ctas-v5{
  margin:16px auto 0!important;justify-content:center;
}
#app .landing-v6 .landing-intro-v5 > .landing-hero-assurance{
  margin:12px auto 0!important;
}
@media(max-width:700px){
  #app .landing-v6 .landing-intro-v5 > .landing-hero-promise{
    font-size:clamp(25px,7.4vw,35px)!important;line-height:1.14!important;
    margin:2px auto 11px!important;
  }
  #app .landing-v6 .landing-intro-v5 > .landing-hero-ctas-v5{
    display:flex;flex-wrap:wrap;gap:9px;
  }
}

}
/* budget-summary-drag.css */
@media screen {
/* Handle-only cross-section Budget drag in the ordinary, compact summary.
   The edit button remains a separate hit target; never nest interactive controls. */
#app .wmd-workspace--budget .budget-section .budget-quick-entry{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr);
  align-items:center;
  position:relative;
  min-width:0;
  border-bottom:1px solid var(--bc-line,var(--wmd-theme-line,#36526b));
  background:var(--bc-panel,var(--wmd-theme-panel,#1b3044))!important;
}
#app .wmd-workspace--budget .budget-section .budget-quick-entry>.budget-quick-row{
  min-width:0!important;
  width:100%!important;
  padding-left:3px!important;
  border-bottom:0!important;
}
#app .wmd-workspace--budget .budget-section .budget-quick-entry>.budget-quick-drag{
  display:inline-flex!important;
  justify-self:center;
  align-items:center;
  justify-content:center;
  color:var(--bc-muted,var(--wmd-theme-muted,#aac3d8))!important;
  background:transparent!important;
  border:1px solid transparent!important;
  border-radius:8px!important;
  flex:none;
}
#app .wmd-workspace--budget .budget-section .budget-quick-entry>.budget-quick-drag:is(:hover,:focus-visible,.wmd-reorder-picked){
  color:var(--bc-accent,var(--wmd-theme-accent,#9ed8f6))!important;
  background:color-mix(in srgb,var(--bc-accent,#9ed8f6) 10%,transparent)!important;
  border-color:color-mix(in srgb,var(--bc-accent,#9ed8f6) 45%,transparent)!important;
}
#app .wmd-workspace--budget .budget-section .budget-quick-entry.wmd-reorder-source{
  background:color-mix(in srgb,var(--bc-accent,#9ed8f6) 9%,var(--bc-panel,#1b3044))!important;
}
@media(max-width:590px){
  #app .wmd-workspace--budget .budget-section .budget-quick-entry{
    grid-template-columns:42px minmax(0,1fr);
  }
  #app .wmd-workspace--budget .budget-section .budget-quick-entry>.budget-quick-row{
    padding-left:0!important;
    padding-right:11px!important;
    gap:7px!important;
  }
  #app .wmd-workspace--budget .budget-section .budget-quick-entry>.budget-quick-drag{
    min-height:44px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--budget .budget-quick-entry{transition:none!important}
}


/* Budget section headings and monthly totals are financial figures, not
   category-colored badges. Preserve semantic status colors elsewhere and
   keep the text legible in Mixed, Ocean, Mint, White, Black and Pink. */
#app .wmd-workspace--budget .budget-section .budget-overview-toggle
  :is(.budget-overview-label,.budget-overview-amount){
  color:var(--wmd-ui-txt,#eef4f7)!important;
}

}
/* cashflow-row-readability.css */
@media screen {
/* Cash Flow details: one legible editing layout without overlapping dates,
   descriptions, warning badges or controls. Avoid changing Debt tables. */
.cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll{
  width:100%!important;min-width:0!important;max-width:100%!important;
  overflow-x:auto!important;overflow-y:hidden!important;
  box-sizing:border-box;scrollbar-gutter:stable;
}
@media(min-width:681px){
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid{
    display:grid!important;
    grid-template-columns:200px minmax(240px,1fr) minmax(170px,200px) 128px 54px 128px 40px!important;
    min-width:1060px!important;width:max(1060px,100%)!important;
    max-width:none!important;gap:10px!important;
    padding:11px 13px!important;align-items:center;
    box-sizing:border-box;grid-auto-rows:auto!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>*{
    min-width:0!important;grid-row:1!important;
    box-sizing:border-box;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(1){grid-column:2!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(2){display:none!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(3){grid-column:1!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(4){grid-column:3!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(5){grid-column:4!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(6){grid-column:5!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(7){grid-column:6!important;}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid>:nth-child(8){grid-column:7!important;}
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.flow-date-cell{
  min-width:0!important;max-width:100%;display:grid!important;gap:5px;
  align-self:center;align-content:center;box-sizing:border-box;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .flow-date-editor{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(42px,58px) auto!important;
  gap:4px!important;min-width:0!important;max-width:100%;width:100%!important;
  box-sizing:border-box!important;align-items:center;overflow:visible;
  font-size:12px;line-height:1.3;white-space:nowrap;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .flow-date-editor select{
  min-width:0!important;max-width:100%!important;width:100%!important;
  padding:4px 0!important;text-align:center;box-sizing:border-box;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .past-unfinished-note{
  width:100%!important;max-width:100%!important;min-width:0!important;
  display:flex!important;flex-wrap:wrap!important;justify-content:flex-start;
  white-space:normal!important;line-height:1.35;
  gap:3px 5px;padding:3px 6px;box-sizing:border-box;
  overflow-wrap:anywhere;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .past-unfinished-note em{
  min-width:0;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid.past-unfinished{opacity:1!important;}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.flow-remove{
  justify-self:center;display:grid;place-items:center;
  width:36px!important;height:36px!important;border-radius:9px;
  font-size:19px!important;color:#e2a0a0;cursor:pointer;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.flow-remove:focus-visible{
  outline:2px solid #98d4ff;outline-offset:2px;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .category-picker-wrap,
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.currency-input{
  min-width:0!important;max-width:100%;box-sizing:border-box;
}
@media(max-width:680px){
  .cashflow-detail-drawer,
  .cashflow-detail-drawer .cashflow-sections-scroll,
  .cashflow-detail-drawer .cashflow-sections-wide,
  .cashflow-detail-drawer .flow-section:not(.debt){
    min-width:0!important;max-width:100%!important;
    width:100%!important;box-sizing:border-box!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll{
    overflow-x:hidden!important;scrollbar-gutter:auto!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid.grid-header{
    display:none!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px minmax(0,1fr) 36px!important;
    min-width:0!important;max-width:100%!important;width:100%!important;
    grid-auto-rows:auto!important;gap:9px 7px!important;
    padding:12px 10px!important;box-sizing:border-box!important;
    align-items:center!important;
    border-top:1px solid #3a4b55;
    background:#141d23;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>*{
    min-width:0!important;max-width:100%!important;grid-row:auto!important;
    box-sizing:border-box;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(1){
    display:grid!important;grid-column:1/3!important;grid-row:1!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(2){
    display:grid!important;grid-column:3/5!important;grid-row:1!important;justify-items:end;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(3){
    grid-column:1/3!important;grid-row:2!important;display:grid!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(4){
    grid-column:3/5!important;grid-row:2!important;min-width:0!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(5){
    grid-column:1!important;grid-row:3!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(6){
    grid-column:2!important;grid-row:3!important;justify-self:center;
    width:42px!important;min-width:42px!important;height:42px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(7){
    grid-column:3!important;grid-row:3!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(8){
    grid-column:4!important;grid-row:3!important;
    width:34px!important;height:42px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .flow-date-editor{
    grid-template-columns:minmax(0,1fr) minmax(36px,46px) auto!important;
    gap:3px!important;padding:5px!important;font-size:11px;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .flow-date-editor select{
    font-size:14px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .past-unfinished-note{
    font-size:10px!important;margin-top:3px;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-mobile-amount strong{
    font-size:clamp(13px,4.1vw,17px)!important;white-space:normal;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.currency-input{
    position:relative;padding-top:15px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.currency-input:nth-child(5):before{
    content:"Planned";position:absolute;top:0;left:0;color:#a7b9c5;font-size:10px;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.currency-input:nth-child(7):before{
    content:"Actual";position:absolute;top:0;left:0;color:#a7b9c5;font-size:10px;
  }
}


/* Narrow phones: balance names and full payment amounts take priority over compact
   icon-only actions. Keep Budget and Debt tables unchanged. Browser QA checked
   this actual 320px/390px page, including past-due warnings and duplicate reviews. */
@media(max-width:480px){
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header){
    grid-template-columns:repeat(12,minmax(0,1fr))!important;
    gap:9px 4px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(1){
    grid-column:1/10!important;grid-row:1!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(2){
    grid-column:10/13!important;grid-row:1!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(3){
    grid-column:1/7!important;grid-row:2!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(4){
    grid-column:7/13!important;grid-row:2!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(5){
    grid-column:1/7!important;grid-row:3!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(7){
    grid-column:7/13!important;grid-row:3!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(6){
    grid-column:1/7!important;grid-row:4!important;
    display:flex!important;align-items:center;justify-content:center;
    width:100%!important;min-width:0!important;height:40px!important;
    gap:9px!important;justify-self:stretch!important;
    border-radius:10px!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(8){
    grid-column:7/13!important;grid-row:4!important;
    display:flex!important;align-items:center;justify-content:center;
    width:100%!important;min-width:0!important;height:40px!important;
    gap:7px!important;justify-self:stretch!important;
    border:1px solid #594247!important;border-radius:10px!important;
    background:#2a2129!important;color:#f2bdc1!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.check::before{
    content:"Mark paid";font-size:12px;font-weight:750;white-space:nowrap;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.check.done::before{content:"Paid";}
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid>.flow-remove::before{
    content:"Remove line";font-size:12px;font-weight:750;white-space:nowrap;
  }
  .cashflow-detail-drawer .flow-section:not(.debt) .flow-grid .flow-mobile-name .flow-mobile-edit{
    font-size:14px!important;text-overflow:ellipsis;
  }
}

/* Keep Snapper available elsewhere; its floating left rail must not cover bills
   while the detailed Cash Flow editor is expanded on a narrow phone. */
@media(max-width:680px){
  body:has(#app main.wmd-workspace--cashflow [data-wmd-cash-advanced][open]) .global-photo-floating{
    display:none!important;
  }
}


/* Smallest phones: reclaim row gutters for readable full planned/actual
   amounts, without shrinking numbers, hiding actions or affecting other pages. */
@media(max-width:360px){
  .cashflow-detail-drawer .flow-section:not(.debt)
    .flow-table-scroll>.flow-grid:not(.grid-header){
    padding-inline:5px!important;
    column-gap:2px!important;
  }
}
/* On 320px-class phones, planned and actual amounts each get a complete row.
   Full-sized numbers remain readable instead of squeezing both into ~90px
   inputs. Paid and Remove stay side by side on the final row. */
@media(max-width:360px){
  .cashflow-detail-drawer .flow-section:not(.debt)
    .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(5){
    grid-column:1/-1!important;grid-row:3!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt)
    .flow-table-scroll>.flow-grid:not(.grid-header)>:nth-child(7){
    grid-column:1/-1!important;grid-row:4!important;
  }
  .cashflow-detail-drawer .flow-section:not(.debt)
    .flow-table-scroll>.flow-grid:not(.grid-header)>:is(:nth-child(6),:nth-child(8)){
    grid-row:5!important;
  }
}

}
/* cashflow-duplicate-alert.css */
@media screen {
/* Read-only possible-duplicate reminder; warning is not a payment verdict. */
.cashflow-detail-drawer .flow-duplicate-review{
  display:grid;grid-template-columns:25px minmax(0,1fr);
  align-items:start;gap:10px;margin:0 12px 12px;
  padding:12px 14px;border:1px solid #826847;border-radius:11px;
  background:#29231d;color:#f1d7aa;box-sizing:border-box;
}
.cashflow-detail-drawer .flow-duplicate-review>[aria-hidden]{
  font-size:19px;line-height:1.3;
}
.cashflow-detail-drawer .flow-duplicate-review strong{
  display:block;color:#ffe0a9;font-size:13px;line-height:1.4;letter-spacing:.005em;
}
.cashflow-detail-drawer .flow-duplicate-review p{
  color:#d9c6ac;margin:4px 0 0;line-height:1.45;font-size:12px;
  overflow-wrap:anywhere;white-space:normal;
}
@media(max-width:680px){
  .cashflow-detail-drawer .flow-duplicate-review{
    margin:0 9px 10px;gap:8px;padding:10px 11px;
  }
  .cashflow-detail-drawer .flow-duplicate-review strong{font-size:12px}
  .cashflow-detail-drawer .flow-duplicate-review p{font-size:11px}
}

/* The warning leads to the matching manual row without mutating financial data. */
.cashflow-detail-drawer .flow-duplicate-jump{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-height:40px;margin-top:10px;padding:8px 13px;
  border:1px solid #8ba8bf;border-radius:9px;
  background:#243846;color:#d9efff;font:inherit;font-size:12px;
  font-weight:800;line-height:1.3;cursor:pointer;
}
.cashflow-detail-drawer .flow-duplicate-jump:is(:hover,:focus-visible){
  border-color:#b7daf3;background:#2b4b60;color:#fff;
}
.cashflow-detail-drawer .flow-duplicate-jump:focus-visible{
  outline:2px solid #a2dbff;outline-offset:2px;
}
.cashflow-detail-drawer .flow-section:not(.debt) .flow-grid.flow-duplicate-target:not(.grid-header){
  outline:2px solid #95cefb!important;outline-offset:-3px;
  background:#203748!important;
}
@media(max-width:680px){
  .cashflow-detail-drawer .flow-duplicate-jump{width:100%;font-size:12px;min-height:44px;}
}

}
/* howto-modern.css */
@media screen {
/* October 2026 How It Works: in-app orientation, not the setup form.
   Keep this scoped to the seven-slide dialog; no changes to data or workspaces. */
.onboarding-shell.howto-shell{
  --tour-bg:#101d2a;
  --tour-panel:#172a3b;
  --tour-raised:#1c354a;
  --tour-outline:#365671;
  --tour-text:#f1f7fc;
  --tour-muted:#b7cad9;
  --tour-accent:#8ec8f3;
  --tour-accent-soft:#bddffd;
  --tour-accent-ink:#102638;
  display:flex;
  flex-direction:column;
  width:min(920px,100%);
  max-height:min(90dvh,780px);
  min-height:0;
  overflow:hidden;
  background:linear-gradient(155deg,#183147 0%,var(--tour-bg) 38%,#0e1a25 100%);
  border:1px solid var(--tour-outline);
  border-radius:22px;
  color:var(--tour-text);
  box-shadow:0 32px 110px rgba(2,8,16,.65);
}
body:has(#app[data-wmd-color-scheme="white"]) .onboarding-shell.howto-shell{
  --tour-bg:#f3f7fb;--tour-panel:#fff;--tour-raised:#e8f2fa;
  --tour-outline:#b7cddd;--tour-text:#18344d;--tour-muted:#50687b;
  --tour-accent:#286a9e;--tour-accent-soft:#215982;--tour-accent-ink:#fff;
  background:#f3f7fb;
}
body:has(#app[data-wmd-color-scheme="black"]) .onboarding-shell.howto-shell{
  --tour-bg:#0d1118;--tour-panel:#181f28;--tour-raised:#222c39;
  --tour-outline:#3d4e62;--tour-text:#eff4fa;--tour-muted:#aebccd;
  --tour-accent:#d4e2ee;--tour-accent-soft:#f1f6fb;--tour-accent-ink:#0b1723;
  background:#0d1118;
}
body:has(#app[data-wmd-color-scheme="mint"]) .onboarding-shell.howto-shell{
  --tour-accent:#8ddcbd;--tour-accent-soft:#c3f0dc;
}
body:has(#app[data-wmd-color-scheme="pink"]) .onboarding-shell.howto-shell{
  --tour-accent:#efadd2;--tour-accent-soft:#ffd6e9;
}
body:has(#app[data-wmd-color-scheme="orchid"]) .onboarding-shell.howto-shell{
  --tour-accent:#c8b1f0;--tour-accent-soft:#e7d8ff;
}
/* A clear compact title rather than the oversized old green modal. */
.onboarding-shell.howto-shell .onboarding-head{
  position:relative;top:auto;z-index:1;
  flex:0 0 auto;align-items:center;gap:18px;
  padding:23px 30px 20px;
  background:transparent;border-bottom:1px solid var(--tour-outline);
  backdrop-filter:none;
}
.onboarding-shell.howto-shell .onboarding-head>div{min-width:0;flex:1}
.onboarding-shell.howto-shell .onboarding-kicker{
  font:850 10px/1.45 system-ui,-apple-system,sans-serif;
  letter-spacing:.14em;color:var(--tour-accent-soft);
}
.onboarding-shell.howto-shell .onboarding-head h2{
  max-width:720px;margin:5px 0 0;
  font:780 clamp(24px,3.2vw,35px)/1.13 system-ui,-apple-system,sans-serif;
  letter-spacing:-.035em;color:var(--tour-text);
  text-wrap:balance;
}
.onboarding-shell.howto-shell .onboarding-x{
  display:flex;align-items:center;justify-content:center;
  width:42px;height:42px;min-width:42px;border-radius:12px;
  border:1px solid var(--tour-outline);
  background:var(--tour-panel);color:var(--tour-text);
  font-size:26px;box-shadow:none;
}
.onboarding-shell.howto-shell .onboarding-x:is(:hover,:focus-visible){
  background:var(--tour-raised);border-color:var(--tour-accent);
}
.onboarding-shell.howto-shell .howto-layout{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);
  align-items:center;gap:22px;
  min-height:0;flex:1 1 auto;overflow-y:auto;
  overscroll-behavior:contain;
  padding:24px 30px 26px;
  scrollbar-width:thin;
}
.onboarding-shell.howto-shell .howto-main{min-width:0}
.onboarding-shell.howto-shell .howto-icon{
  width:44px;height:44px;margin:0 0 13px;
  border:1px solid var(--tour-outline);border-radius:13px;
  color:var(--tour-accent);background:var(--tour-raised);
  font-size:25px;
}
.onboarding-shell.howto-shell .howto-icon .wmd-system-icon{
  display:block;width:26px;height:26px;stroke:currentColor;
}
.onboarding-shell.howto-shell .howto-kicker{
  margin:0 0 7px;color:var(--tour-accent-soft);
  font-size:10px;line-height:1.5;font-weight:800;
  letter-spacing:.1em;text-transform:uppercase;
}
.onboarding-shell.howto-shell .howto-body{
  margin:0 0 17px;color:var(--tour-muted);
  font-size:14px;line-height:1.58;
  overflow-wrap:anywhere;
}
.onboarding-shell.howto-shell .howto-main ul{
  display:grid;gap:10px;margin:0;padding:0;
  list-style:none;
}
.onboarding-shell.howto-shell .howto-main li{
  display:grid;grid-template-columns:22px minmax(0,1fr);
  align-items:start;gap:9px;color:var(--tour-text);
  font-size:12px;line-height:1.52;
}
.onboarding-shell.howto-shell .howto-main li i{
  width:20px;height:20px;
  background:color-mix(in srgb,var(--tour-accent) 16%,var(--tour-panel));
  border:1px solid var(--tour-outline);
  border-radius:50%;font-style:normal;font-size:11px;
  font-weight:800;color:var(--tour-accent-soft);
}
/* Product-shaped illustrations: real feature hierarchy, no fictional balances. */
.onboarding-shell.howto-shell .howto-visual{
  min-width:0;min-height:0;height:auto;
  display:flex;align-items:stretch;justify-content:stretch;
  padding:0;border:0;background:transparent;
  border-radius:17px;overflow:visible;
}
.onboarding-shell.howto-shell .wmd-tour-board{
  width:100%;min-width:0;box-sizing:border-box;
  display:grid;gap:13px;align-content:center;
  background:var(--tour-panel);
  border:1px solid var(--tour-outline);
  border-radius:17px;padding:17px;
  box-shadow:0 14px 36px rgba(2,9,17,.14);
}
.onboarding-shell.howto-shell .wmd-tour-board-head{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding-bottom:10px;border-bottom:1px solid var(--tour-outline);
}
.onboarding-shell.howto-shell .wmd-tour-board-head span{
  color:var(--tour-accent-soft);
  font-size:10px;font-weight:840;letter-spacing:.14em;
}
.onboarding-shell.howto-shell .wmd-tour-board-head small{
  color:var(--tour-muted);font-size:9px;letter-spacing:.03em;
}
.onboarding-shell.howto-shell .wmd-tour-board-foot{
  margin:0;color:var(--tour-muted);
  font-size:10px;line-height:1.48;
}
.onboarding-shell.howto-shell .wmd-tour-open{
  width:100%;display:flex;align-items:center;justify-content:space-between;
  gap:10px;margin:1px 0 0;padding:11px 12px;min-height:42px;
  border-radius:10px;border:1px solid var(--tour-outline);
  background:var(--tour-raised);color:var(--tour-text);
  font:750 12px/1.3 system-ui,-apple-system,sans-serif;
  text-align:left;cursor:pointer;
}
.onboarding-shell.howto-shell .wmd-tour-open span{color:var(--tour-accent);font-size:16px}
.onboarding-shell.howto-shell .wmd-tour-open:is(:hover,:focus-visible){
  border-color:var(--tour-accent);background:color-mix(in srgb,var(--tour-accent) 17%,var(--tour-panel));
}
.onboarding-shell.howto-shell :is(button,a):focus-visible{
  outline:2px solid var(--tour-accent);outline-offset:2px;
}
.onboarding-shell.howto-shell .wmd-tour-account-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.onboarding-shell.howto-shell .wmd-tour-account-grid>div,
.onboarding-shell.howto-shell .wmd-tour-income,
.onboarding-shell.howto-shell .wmd-tour-plan-list>div,
.onboarding-shell.howto-shell .wmd-tour-proof-flow>div{
  border:1px solid var(--tour-outline);
  background:var(--tour-bg);border-radius:11px;padding:12px;
}
.onboarding-shell.howto-shell .wmd-tour-account-grid small,
.onboarding-shell.howto-shell .wmd-tour-income small,
.onboarding-shell.howto-shell .wmd-tour-portfolio small{
  display:block;color:var(--tour-muted);font-size:9px;letter-spacing:.1em;font-weight:800;
}
.onboarding-shell.howto-shell .wmd-tour-account-grid strong{
  display:block;margin-top:7px;font-size:12px;line-height:1.4;color:var(--tour-text);
}
.onboarding-shell.howto-shell .wmd-tour-nettotal{
  display:grid;gap:5px;
  background:var(--tour-raised);border-radius:11px;padding:13px;
}
.onboarding-shell.howto-shell .wmd-tour-nettotal span{
  font-size:9px;letter-spacing:.08em;font-weight:800;color:var(--tour-muted)
}
.onboarding-shell.howto-shell .wmd-tour-nettotal strong{
  color:var(--tour-accent-soft);font-size:14px;line-height:1.5;
}
.onboarding-shell.howto-shell .wmd-tour-nettotal i{font-style:normal;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-income{
  display:grid;gap:3px;
}
.onboarding-shell.howto-shell .wmd-tour-income strong{font-size:19px;line-height:1.3;color:var(--tour-text)}
.onboarding-shell.howto-shell .wmd-tour-income>span{font-size:10px;color:var(--tour-accent-soft)}
.onboarding-shell.howto-shell .wmd-tour-category-list{display:grid;gap:6px}
.onboarding-shell.howto-shell .wmd-tour-category-list>div{
  display:grid;grid-template-columns:10px minmax(0,1fr) auto;
  align-items:center;gap:9px;
  border-bottom:1px solid var(--tour-outline);padding:7px 2px;
}
.onboarding-shell.howto-shell .wmd-tour-category-list>div:last-child{border-bottom:0}
.onboarding-shell.howto-shell .wmd-tour-category-dot{
  width:9px;height:9px;border-radius:50%;background:var(--tour-accent);
}
.onboarding-shell.howto-shell .wmd-tour-category-list>div:nth-child(2) .wmd-tour-category-dot{opacity:.65}
.onboarding-shell.howto-shell .wmd-tour-category-list>div:nth-child(3) .wmd-tour-category-dot{opacity:.85}
.onboarding-shell.howto-shell .wmd-tour-category-list strong{font-size:12px;color:var(--tour-text)}
.onboarding-shell.howto-shell .wmd-tour-category-list small{font-size:10px;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-activity{display:grid;gap:7px}
.onboarding-shell.howto-shell .wmd-tour-activity>div{
  display:grid;grid-template-columns:65px minmax(0,1fr);
  gap:2px 8px;align-items:center;
  border:1px solid var(--tour-outline);
  background:var(--tour-bg);border-radius:10px;padding:10px;
}
.onboarding-shell.howto-shell .wmd-tour-event{
  grid-row:span 2;display:inline-flex;align-items:center;justify-content:center;
  border-radius:6px;background:var(--tour-raised);
  color:var(--tour-accent-soft);font:800 9px/1.4 system-ui,sans-serif;
  padding:5px 3px;
}
.onboarding-shell.howto-shell .wmd-tour-event.is-bill{
  color:#f1b4b4;background:color-mix(in srgb,#df7777 15%,var(--tour-bg));
}
.onboarding-shell.howto-shell .wmd-tour-activity strong{font-size:12px;line-height:1.35}
.onboarding-shell.howto-shell .wmd-tour-activity small{font-size:10px;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-balance-line{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  background:var(--tour-raised);border-radius:10px;padding:12px;
}
.onboarding-shell.howto-shell .wmd-tour-balance-line span{font-size:11px;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-balance-line strong{font-size:12px;color:var(--tour-accent-soft);text-align:right}
.onboarding-shell.howto-shell .wmd-tour-portfolio{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
}
.onboarding-shell.howto-shell .wmd-tour-portfolio strong{display:block;font-size:15px}
.onboarding-shell.howto-shell .wmd-tour-portfolio>span{font-size:11px;color:var(--tour-accent-soft)}
.onboarding-shell.howto-shell .wmd-tour-portfolio-line{width:100%;height:76px;display:block;overflow:visible}
.onboarding-shell.howto-shell .wmd-tour-portfolio-links{display:flex;flex-wrap:wrap;gap:6px}
.onboarding-shell.howto-shell .wmd-tour-portfolio-links span{
  padding:6px 8px;border-radius:7px;border:1px solid var(--tour-outline);
  color:var(--tour-muted);font-size:10px;
}
.onboarding-shell.howto-shell .wmd-tour-plan-list{display:grid;gap:7px}
.onboarding-shell.howto-shell .wmd-tour-plan-list>div{
  display:grid;grid-template-columns:34px minmax(0,1fr);
  align-items:center;gap:8px;padding:10px 12px;
}
.onboarding-shell.howto-shell .wmd-tour-plan-list>div>span{
  display:flex;align-items:center;justify-content:center;width:32px;height:32px;
  border-radius:9px;background:var(--tour-raised);color:var(--tour-accent-soft);
  font-size:16px;
}
.onboarding-shell.howto-shell .wmd-tour-plan-list strong{display:block;font-size:12px}
.onboarding-shell.howto-shell .wmd-tour-plan-list small{display:block;margin-top:3px;font-size:10px;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-proof-flow{display:grid;gap:5px}
.onboarding-shell.howto-shell .wmd-tour-proof-flow>div{
  display:grid;grid-template-columns:34px minmax(0,1fr);
  gap:3px 9px;align-items:center;padding:9px 12px;
}
.onboarding-shell.howto-shell .wmd-tour-proof-flow>div>span{
  grid-row:span 2;display:flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:9px;
  color:var(--tour-accent-soft);background:var(--tour-raised);
  font-size:11px;font-weight:800;
}
.onboarding-shell.howto-shell .wmd-tour-proof-flow strong{font-size:12px}
.onboarding-shell.howto-shell .wmd-tour-proof-flow small{font-size:10px;color:var(--tour-muted)}
.onboarding-shell.howto-shell .wmd-tour-proof-flow>i{
  display:block;font-style:normal;color:var(--tour-accent);text-align:center;line-height:1;
}
.onboarding-shell.howto-shell .wmd-tour-ask{display:grid;gap:10px}
.onboarding-shell.howto-shell .wmd-tour-question{
  margin-left:22px;background:var(--tour-accent);
  padding:11px 13px;border-radius:13px 13px 3px 13px;
  color:var(--tour-accent-ink);font-size:12px;line-height:1.5;font-weight:750;
}
.onboarding-shell.howto-shell .wmd-tour-answer{
  margin-right:18px;display:grid;gap:6px;padding:12px;
  background:var(--tour-bg);border:1px solid var(--tour-outline);
  border-radius:13px 13px 13px 3px;
}
.onboarding-shell.howto-shell .wmd-tour-answer span{
  font-size:9px;letter-spacing:.08em;font-weight:850;color:var(--tour-accent-soft);
}
.onboarding-shell.howto-shell .wmd-tour-answer strong{font-size:12px;color:var(--tour-text)}
.onboarding-shell.howto-shell .wmd-tour-answer small{font-size:11px;line-height:1.5;color:var(--tour-muted)}
/* Navigation stays visible while detailed slide content scrolls. */
.onboarding-shell.howto-shell .howto-nav{
  flex:0 0 auto;display:grid;
  grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);
  align-items:center;gap:14px;
  margin:0;padding:14px 30px 17px;
  border-top:1px solid var(--tour-outline);
  background:var(--tour-bg);
}
.onboarding-shell.howto-shell .howto-prev{
  justify-self:start;min-width:100px;min-height:43px;
  border:1px solid var(--tour-outline);
  border-radius:10px;background:var(--tour-panel);
  color:var(--tour-text);font-size:13px;
}
.onboarding-shell.howto-shell .howto-prev:disabled{opacity:.35;cursor:not-allowed}
.onboarding-shell.howto-shell .howto-dots{
  grid-column:auto;grid-row:auto;display:flex;justify-content:center;gap:8px;
}
.onboarding-shell.howto-shell .howto-dots button{
  width:9px;height:9px;border-radius:99px;background:var(--tour-outline);
  border:0;padding:0;cursor:pointer;
}
.onboarding-shell.howto-shell .howto-dots button.active{
  width:25px;background:var(--tour-accent);
}
.onboarding-shell.howto-shell .howto-nav>.onboarding-primary{
  grid-column:auto;justify-self:end;min-width:120px;min-height:43px;
  padding:10px 16px;border-radius:10px;
  border:1px solid var(--tour-accent);
  background:var(--tour-accent);color:var(--tour-accent-ink);
  font-size:13px;font-weight:820;
}
.onboarding-shell.howto-shell .howto-nav>.onboarding-primary:is(:hover,:focus-visible){
  background:var(--tour-accent-soft);border-color:var(--tour-accent-soft);
}
@media(max-width:740px){
  .onboarding-backdrop:has(>.onboarding-shell.howto-shell){
    padding:0;align-items:stretch;
  }
  .onboarding-shell.howto-shell{
    width:100%;height:100dvh;max-height:100dvh;
    border-radius:0;border:0;box-shadow:none;
  }
  .onboarding-shell.howto-shell .onboarding-head{
    padding:18px 18px 16px;gap:12px;
  }
  .onboarding-shell.howto-shell .onboarding-head h2{
    font-size:clamp(22px,6vw,29px);
    line-height:1.17;max-width:100%;
  }
  .onboarding-shell.howto-shell .onboarding-x{
    width:40px;min-width:40px;height:40px;
  }
  .onboarding-shell.howto-shell .howto-layout{
    grid-template-columns:minmax(0,1fr);
    align-items:start;align-content:start;
    gap:18px;padding:18px 18px 20px;
  }
  .onboarding-shell.howto-shell .howto-icon{
    width:41px;height:41px;margin:0 0 10px;
  }
  .onboarding-shell.howto-shell .howto-icon .wmd-system-icon{width:24px;height:24px}
  .onboarding-shell.howto-shell .howto-body{
    font-size:13px;line-height:1.57;margin:0 0 13px;
  }
  .onboarding-shell.howto-shell .howto-main li{font-size:12px;line-height:1.45}
  .onboarding-shell.howto-shell .howto-main ul{gap:8px}
  .onboarding-shell.howto-shell .wmd-tour-board{padding:14px;gap:11px}
  .onboarding-shell.howto-shell .howto-nav{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:10px;padding:12px 18px calc(13px + env(safe-area-inset-bottom));
  }
  .onboarding-shell.howto-shell .howto-dots{
    grid-column:1/-1;grid-row:1;gap:7px;padding:2px 0 4px;
  }
  .onboarding-shell.howto-shell .howto-prev{
    grid-column:1;grid-row:2;min-width:0;width:100%;justify-self:stretch;
  }
  .onboarding-shell.howto-shell .howto-nav>.onboarding-primary{
    grid-column:2;grid-row:2;min-width:0;width:100%;justify-self:stretch;
  }
}
@media(max-width:360px){
  .onboarding-shell.howto-shell .onboarding-head{padding:15px 13px;gap:8px}
  .onboarding-shell.howto-shell .howto-layout{padding:15px 13px 18px}
  .onboarding-shell.howto-shell .howto-nav{padding:10px 13px calc(10px + env(safe-area-inset-bottom))}
  .onboarding-shell.howto-shell .onboarding-head h2{font-size:22px}
  .onboarding-shell.howto-shell .wmd-tour-account-grid{grid-template-columns:1fr}
  .onboarding-shell.howto-shell .wmd-tour-category-list>div{grid-template-columns:10px minmax(0,1fr)}
  .onboarding-shell.howto-shell .wmd-tour-category-list small{grid-column:2}
  .onboarding-shell.howto-shell .wmd-tour-nettotal strong{font-size:12px}
  .onboarding-shell.howto-shell .wmd-tour-board-head small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
  .onboarding-shell.howto-shell *, .onboarding-shell.howto-shell *::before, .onboarding-shell.howto-shell *::after{
    animation:none!important;transition:none!important;
  }
}

}
/* money-home-ui.css */
/* Decision-first Home: one answer, one action and progressively disclosed detail.
   Uses palette tokens; keep all finance figures responsive down to 320px. */
#app .wmd-money-home{
  display:grid;gap:16px;min-width:0;max-width:1060px;
  margin:0 auto 26px;color:var(--wmd-theme-text,#eef7fe);
}
#app .wmd-money-home *{box-sizing:border-box;min-width:0}
#app .wmd-money-home-hero{
  display:grid;gap:12px;padding:clamp(18px,3.2vw,36px);
  border:1px solid var(--wmd-theme-line,#50708a);
  border-radius:22px;background:var(--wmd-theme-panel,#183148);
  box-shadow:0 10px 38px rgba(0,0,0,.09);
}
#app .wmd-money-home-eyebrow{
  color:var(--wmd-theme-accent,#9cd4ff);
  font:800 11px/1.4 system-ui,sans-serif;letter-spacing:.09em;
}
#app .wmd-money-home-hero h2{
  margin:0;max-width:690px;font:800 clamp(22px,3.1vw,36px)/1.16 system-ui,sans-serif;
  letter-spacing:-.035em;color:inherit;
}
#app .wmd-money-home-hero p{
  margin:0;max-width:750px;color:var(--wmd-theme-muted,#bdcfdf);
  font:500 clamp(13px,1.3vw,15px)/1.6 system-ui,sans-serif;
}
#app .wmd-money-home-amount{
  display:block;max-width:100%;overflow-wrap:anywhere;
  font:800 clamp(35px,6vw,61px)/1.08 system-ui,sans-serif;
  letter-spacing:-.045em;font-variant-numeric:tabular-nums;
}
#app .wmd-money-home-hero.is-risk .wmd-money-home-amount{color:var(--wmd-theme-danger,#eaa0a0);}
#app .wmd-money-home-hero.is-review{
  border-left:4px solid var(--wmd-theme-accent,#8ec8f3);
}
#app .wmd-money-home-hero>small{
  color:var(--wmd-theme-muted,#bdcfdf);font:540 12px/1.5 system-ui,sans-serif;
}
#app .wmd-money-home-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:5px;}
#app .wmd-money-home-btn,
#app .wmd-money-home-whatif button{
  min-height:44px;max-width:100%;padding:10px 16px;border-radius:12px;
  appearance:none;cursor:pointer;text-align:center;
  font:750 13px/1.35 system-ui,sans-serif;
  border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:var(--wmd-theme-accent,#8ec8f3);
  color:var(--wmd-theme-deep,#10273c);
}
#app .wmd-money-home-btn.is-secondary{
  border-color:var(--wmd-theme-line,#4c6e8a);
  color:var(--wmd-theme-text,#eef7fe);
  background:transparent;
}
#app .wmd-money-home-btn:focus-visible,
#app .wmd-money-home-whatif button:focus-visible,
#app .wmd-money-home-whatif input:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:3px;
}
#app .wmd-money-home-facts{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
#app .wmd-money-home-facts>div,
#app .wmd-money-home-bills,
#app .wmd-money-home-whatif,
#app .wmd-money-home-review,
#app .wmd-money-home-explain,
#app .wmd-money-home-empty{
  border:1px solid var(--wmd-theme-line,#4e7088);
  border-radius:16px;background:var(--wmd-theme-panel,#173044);
  padding:17px 19px;
}
#app .wmd-money-home-facts>div{display:grid;gap:7px}
#app .wmd-money-home-facts span,
#app .wmd-money-home-facts small,
#app .wmd-money-home-bills p,
#app .wmd-money-home-bills small,
#app .wmd-money-home-whatif p,
#app .wmd-money-home-footnote{
  color:var(--wmd-theme-muted,#bbcfdf);font:500 12px/1.5 system-ui,sans-serif;
}
#app .wmd-money-home-facts strong{
  font:780 clamp(22px,2.7vw,29px)/1.2 system-ui,sans-serif;
  letter-spacing:-.03em;overflow-wrap:anywhere;
}
#app .wmd-money-home-review>summary{
  cursor:pointer;font:740 13px/1.45 system-ui,sans-serif;
  color:var(--wmd-theme-text,#eef7fe);
}
#app .wmd-money-home-review ul{
  margin:12px 0;padding-left:20px;display:grid;gap:8px;
  color:var(--wmd-theme-muted,#bbcfdf);
  font:520 12px/1.5 system-ui,sans-serif;
}
#app .wmd-money-home-review p{font-size:12px;line-height:1.5}
#app .wmd-money-home-explain>summary{
  cursor:pointer;min-height:44px;display:flex;align-items:center;gap:8px;
  font:740 13px/1.45 system-ui,sans-serif;
  color:var(--wmd-theme-text,#eef7fe);
}
#app .wmd-money-home-explain>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:3px;border-radius:6px;
}
#app .wmd-money-home-explain[open]>summary{margin-bottom:10px}
#app .wmd-money-home-explain dl{margin:11px 0;display:grid;gap:0}
#app .wmd-money-home-explain dl>div{
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;
  border-bottom:1px solid var(--wmd-theme-line,#4e7088);padding:10px 0;
}
#app .wmd-money-home-explain dt,
#app .wmd-money-home-explain p{
  color:var(--wmd-theme-muted,#bbcfdf);font:510 12px/1.55 system-ui,sans-serif;
}
#app .wmd-money-home-explain p{margin:9px 0}
#app .wmd-money-home-explain dd{
  margin:0;text-align:right;white-space:nowrap;flex-shrink:0;
  font:740 13px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums;
}
#app .wmd-money-home-explain dl>div:last-child{
  border-bottom:0;color:var(--wmd-theme-accent,#8ec8f3);
}

#app .wmd-money-home-bills h3,
#app .wmd-money-home-whatif h3{
  margin:0;font:780 17px/1.4 system-ui,sans-serif;
}
#app .wmd-money-home-bills p,#app .wmd-money-home-whatif p{margin:3px 0 0}
#app .wmd-money-home-bills ul{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:0}
#app .wmd-money-home-bills li{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:10px 0;border-top:1px solid var(--wmd-theme-line,#4e7088);
  font:650 13px/1.4 system-ui,sans-serif;
}
#app .wmd-money-home-bills li span{display:grid;gap:3px}
#app .wmd-money-home-bills li small{font-weight:500}
#app .wmd-money-home-bills li strong{font-variant-numeric:tabular-nums;white-space:nowrap}
#app .wmd-money-home-whatif{display:grid;gap:14px}
#app .wmd-money-home-whatif-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}
#app .wmd-money-home-whatif-actions label{display:grid;gap:5px;min-width:170px;flex:1 1 170px;font-size:12px;}
#app .wmd-money-home-whatif input{
  width:100%;min-height:44px;border-radius:10px;padding:10px 12px;
  border:1px solid var(--wmd-theme-line,#4c6e8a);
  color:var(--wmd-theme-text,#eef7fe);background:var(--wmd-theme-deep,#10283b);
  font:600 16px/1.35 system-ui,sans-serif;
}
#app .wmd-money-home-whatif [data-wmd-home-impact]:not([hidden]){
  background:var(--wmd-theme-deep,#112b3e);
  border-left:3px solid var(--wmd-theme-accent,#8ec8f3);
  padding:10px 12px;border-radius:9px;
}
#app .wmd-money-home-empty{margin:0;font-size:13px;line-height:1.5}
#app .wmd-money-home-footnote{margin:0;padding:0 3px;}
@media(max-width:660px){
  #app .wmd-money-home{gap:12px}
  #app .wmd-money-home-hero{border-radius:17px;padding:18px 15px}
  #app .wmd-money-home-facts{grid-template-columns:1fr;gap:10px}
  #app .wmd-money-home-facts>div,#app .wmd-money-home-bills,
  #app .wmd-money-home-review,#app .wmd-money-home-explain,#app .wmd-money-home-whatif{padding:13px 14px}
  #app .wmd-money-home-actions{display:grid;grid-template-columns:1fr}
  #app .wmd-money-home-actions .wmd-money-home-btn{width:100%}
  #app .wmd-money-home-whatif-actions{display:grid;grid-template-columns:1fr;gap:9px}
  #app .wmd-money-home-explain dl>div{align-items:start;flex-wrap:wrap}
  #app .wmd-money-home-explain dt{flex:1 1 180px}
  #app .wmd-money-home-explain dd{min-width:0;overflow-wrap:anywhere;white-space:normal}
  #app .wmd-money-home-whatif-actions label{min-width:0}
  #app .wmd-money-home-whatif-actions button{width:100%}
}
@media(prefers-reduced-motion:no-preference){
  #app .wmd-money-home-btn{transition:filter .15s ease}
  #app .wmd-money-home-btn:hover{filter:brightness(1.08)}
}
/* home-ask-focus.css */
@media screen {
/* Home is a decision cockpit: one Ask Your Money chat and a compact
   cash snapshot. Every other workspace receives a small, optional contextual
   shortcut. Pure presentation; forecasts and risk gates are unchanged. */
#app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub {
  width:100%;max-width:1060px;box-sizing:border-box;
  margin:6px auto 15px!important;padding:clamp(17px,2.5vw,24px)!important;
  border:1px solid var(--wmd-theme-line,#4e7088)!important;
  border-radius:19px!important;
  background:var(--wmd-theme-panel,#1a3044)!important;
  box-shadow:0 8px 30px rgba(0,0,0,.08)!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-heading{
  margin-bottom:13px;align-items:center;gap:10px;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy{
  display:grid;gap:5px;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy strong{
  color:var(--wmd-theme-text,#f0f7fc)!important;
  font:790 clamp(18px,2.2vw,23px)/1.2 system-ui,sans-serif!important;
  letter-spacing:-.035em;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy small {
  display:block;color:var(--wmd-theme-muted,#b7d0e2)!important;
  font:510 13px/1.5 system-ui,sans-serif!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-control{
  min-height:54px;border-radius:13px;background:var(--wmd-theme-deep,#112639)!important;
  border:1px solid var(--wmd-theme-line,#4e7088)!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-input{
  font-size:16px!important;min-height:51px;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-send{
  min-width:58px;min-height:42px;border-radius:10px;
}
#app > main.wmd-workspace > .wmd-discovery.wmd-discovery-compact{
  position:relative;padding:3px 0 10px!important;
  margin:2px 0 12px!important;background:transparent!important;
  border:0!important;border-bottom:1px solid var(--wmd-ui-line-soft,#2c3d47)!important;
  border-radius:0!important;box-shadow:none!important;
}
#app .wmd-discovery-compact:not(.is-open) > :not(.wmd-discovery-compact-launch){
  display:none!important;
}
#app .wmd-discovery-compact .wmd-discovery-compact-launch{
  display:flex;align-items:center;gap:9px;max-width:100%;min-height:44px;
  padding:7px 12px;border:1px solid var(--wmd-theme-line,#425c72);
  border-radius:10px;background:transparent;color:var(--wmd-theme-text,#eaf6fc);
  font:720 13px/1.35 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-discovery-compact .wmd-discovery-compact-launch:focus-visible {
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
#app .wmd-discovery-compact .wmd-discovery-compact-spark{
  color:var(--wmd-theme-accent,#8ec8f3);font-size:17px;
}
#app .wmd-discovery-compact .wmd-discovery-compact-chevron{
  color:var(--wmd-theme-accent,#8ec8f3);margin-left:auto;
}
#app .wmd-discovery-compact.is-open .wmd-discovery-compact-launch{
  width:100%;margin-bottom:12px;
  background:var(--wmd-theme-panel,#1a3044);
}
#app .wmd-workspace--home .wmd-money-home{gap:10px;margin-bottom:18px}
#app .wmd-workspace--home .wmd-money-home-hero{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:start;column-gap:22px;row-gap:7px;
  padding:clamp(15px,2.1vw,22px)!important;border-radius:16px;
  box-shadow:none;
}
#app .wmd-workspace--home .wmd-money-home-eyebrow{grid-column:1/-1;font-size:10px}
#app .wmd-workspace--home .wmd-money-home-hero h2{
  grid-column:1;margin:0!important;
  font:790 clamp(19px,2.2vw,27px)/1.2 system-ui,sans-serif;
  letter-spacing:-.035em;
}
#app .wmd-workspace--home .wmd-money-home-hero .wmd-money-home-amount{
  grid-column:2;grid-row:2;align-self:center;
  font:800 clamp(26px,2.8vw,36px)/1.1 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-money-home-hero>p:not(.wmd-money-home-provisional){
  grid-column:1;max-width:620px;font-size:12.5px;line-height:1.5;
}
#app .wmd-workspace--home .wmd-money-home-hero .wmd-money-home-provisional{
  grid-column:1;margin:0;font:650 12px/1.5 system-ui,sans-serif;
  color:var(--wmd-theme-text,#eaf4fa);
}
#app .wmd-workspace--home .wmd-money-home-actions{
  grid-column:2;grid-row:3 / span 2;margin:0;align-self:center;justify-content:flex-end;
}
#app .wmd-workspace--home .wmd-money-home-actions button{
  min-height:44px;max-width:235px;white-space:normal;
}
#app .wmd-workspace--home .wmd-money-home-hero>small{
  grid-column:1;grid-row:auto;line-height:1.5;
}
#app .wmd-workspace--home .wmd-money-home-facts{gap:10px}
#app .wmd-workspace--home .wmd-money-home-facts>div{
  padding:13px 16px;border-radius:13px;gap:4px;
}
#app .wmd-workspace--home .wmd-money-home-facts strong{
  font-size:clamp(19px,2.3vw,26px);
}
#app .wmd-workspace--home .wmd-money-home-review,
#app .wmd-workspace--home .wmd-money-home-bills{
  padding:0 14px;border-radius:12px;
}
#app .wmd-workspace--home .wmd-money-home-review>summary,
#app .wmd-workspace--home .wmd-money-home-bills>summary{
  min-height:44px;display:flex;align-items:center;gap:7px;
  padding:11px 3px;cursor:pointer;
  color:var(--wmd-theme-text,#eef7fe);
  font:720 12.5px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-money-home-bills>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--home .wmd-money-home-bills>summary{list-style:none}
#app .wmd-workspace--home .wmd-money-home-bills>summary span{
  margin-left:auto;color:var(--wmd-theme-accent,#8ec8f3);
  transition:transform .16s ease;
}
#app .wmd-workspace--home .wmd-money-home-bills[open]>summary span{
  transform:rotate(180deg);
}
#app .wmd-workspace--home .wmd-money-home-bills>p{margin:0 0 11px;font-size:12px}
#app .wmd-workspace--home .wmd-money-home-bills>ul{margin-bottom:13px}
#app .wmd-workspace--home .wmd-money-home-footnote{
  font-size:11px;line-height:1.5;
}
@media(max-width:720px){
  #app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub{
    padding:15px 13px!important;margin:5px auto 12px!important;
  }
  #app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy small{font-size:12px!important}
  #app .wmd-workspace--home .wmd-money-home-hero{
    grid-template-columns:minmax(0,1fr);gap:9px;
  }
  #app .wmd-workspace--home .wmd-money-home-hero :is(h2,.wmd-money-home-amount,
    p,.wmd-money-home-provisional,.wmd-money-home-actions,small){
    grid-column:1;grid-row:auto;
  }
  #app .wmd-workspace--home .wmd-money-home-actions{justify-content:stretch}
  #app .wmd-workspace--home .wmd-money-home-actions button{
    width:100%;max-width:none;
  }
  #app .wmd-workspace--home .wmd-money-home-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  #app .wmd-workspace--home .wmd-money-home-facts>div{padding:12px 10px}
  #app .wmd-workspace--home .wmd-money-home-facts strong{font-size:clamp(18px,4.5vw,24px)}
  #app .wmd-workspace--home .wmd-money-home-facts :is(span,small){font-size:11px}
}
@media(max-width:380px){
  #app .wmd-workspace--home .wmd-money-home-facts{grid-template-columns:1fr}
  #app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy small{display:block}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-money-home-bills>summary span{transition:none}
}

/* Home's optional product-maintenance disclosure sits BELOW the immediate
   decision and never gates the complete manual Free experience. */
#app .wmd-workspace--home .wmd-home-update-options{
  width:100%;max-width:1060px;box-sizing:border-box;
  margin:8px auto 16px;padding:0 14px;border-radius:11px;
  border:1px solid var(--wmd-theme-line,#476780);
  background:var(--wmd-theme-panel,#1b3044);
}
#app .wmd-workspace--home .wmd-home-update-options>summary{
  min-height:46px;display:flex;align-items:center;
  justify-content:space-between;gap:8px;padding:10px 0;
  font:700 12.5px/1.5 system-ui,sans-serif;color:var(--wmd-theme-text,#ecf6ff);
  cursor:pointer;list-style:none;
}
#app .wmd-workspace--home .wmd-home-update-options>summary::-webkit-details-marker{display:none}
#app .wmd-workspace--home .wmd-home-update-options>summary span{
  color:var(--wmd-theme-muted,#bed4e5);font-weight:550;
}
#app .wmd-workspace--home .wmd-home-update-options>summary i{
  color:var(--wmd-theme-accent,#8ec8f3);font-style:normal;margin-left:5px;
}
#app .wmd-workspace--home .wmd-home-update-options[open]>summary i{display:inline-block;transform:rotate(180deg)}
#app .wmd-workspace--home .wmd-home-update-options>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-home-update-options-body{
  padding:2px 0 14px;border-top:1px solid var(--wmd-theme-line,#476780);
  display:grid;gap:10px;
}
#app .wmd-workspace--home .wmd-home-update-options-body p{
  margin:8px 0 0;font:510 12px/1.55 system-ui,sans-serif;
  color:var(--wmd-theme-muted,#bed4e5);
}
#app .wmd-workspace--home .wmd-home-update-actions{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;
}
#app .wmd-workspace--home .wmd-home-update-actions button{
  min-height:44px;max-width:100%;padding:10px 14px;
  border-radius:9px;background:var(--wmd-theme-raised,#29465b);
  border:1px solid var(--wmd-theme-line,#476780);
  color:var(--wmd-theme-text,#edf7ff);font:700 12px/1.4 system-ui,sans-serif;
  cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-update-actions button:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-home-update-actions small{
  max-width:520px;color:var(--wmd-theme-muted,#bed4e5);
  font:540 11px/1.5 system-ui,sans-serif;
}
@media(max-width:720px){
 #app .wmd-workspace--home .wmd-home-update-options>summary{
   align-items:flex-start;flex-direction:column;gap:1px;
 }
}

}
/* snapper-palette-integrity.css */
@media screen {
/* Canonical Snapper chrome. This portal is mounted under <body>, outside #app.
   Keep decoration in the chosen appearance; reserve red/amber/green for real
   financial errors, cautions and outcomes. No layout or import logic changes. */
#wmd-photo-import-root {
  --snap-ui-accent:#8ec8f3;
  --snap-ui-accent-soft:#bddffd;
  --snap-ui-deep:#13202d;
  --snap-ui-panel:#1a2836;
  --snap-ui-raised:#26384a;
  --snap-ui-line:#41596c;
  --snap-ui-muted:#bdcbd8;
  --snap-ui-text:#f0f6fb;
  --snap-ui-on-accent:#102333;
}
/* Mixed intentionally keeps distinct page identities. Snapper uses
   its historical mint accent only when the user explicitly selects Mixed. */
body:has(#app[data-wmd-color-scheme="original"]) #wmd-photo-import-root {
  --snap-ui-accent:#57d7aa;--snap-ui-accent-soft:#9ae8cb;
  --snap-ui-deep:#111c25;--snap-ui-panel:#19252e;
  --snap-ui-raised:#202e38;--snap-ui-line:#384a55;
  --snap-ui-muted:#b1c0c9;--snap-ui-text:#eef4f7;
  --snap-ui-on-accent:#0b261e;
}
body:has(#app[data-wmd-color-scheme="mint"]) #wmd-photo-import-root {
  --snap-ui-accent:#57d7aa;--snap-ui-accent-soft:#9ae8cb;
  --snap-ui-deep:#111c25;--snap-ui-panel:#19252e;
  --snap-ui-raised:#202e38;--snap-ui-line:#384a55;
  --snap-ui-muted:#b1c0c9;--snap-ui-text:#eef4f7;
  --snap-ui-on-accent:#0b261e;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root {
  --snap-ui-accent:#286a9e;--snap-ui-accent-soft:#215982;
  --snap-ui-deep:#f2f6fa;--snap-ui-panel:#ffffff;
  --snap-ui-raised:#e8f0f7;--snap-ui-line:#bdcfdd;
  --snap-ui-muted:#506577;--snap-ui-text:#192e40;
  --snap-ui-on-accent:#ffffff;
}
body:has(#app[data-wmd-color-scheme="black"]) #wmd-photo-import-root {
  --snap-ui-accent:#d5e0ec;--snap-ui-accent-soft:#eff5fa;
  --snap-ui-deep:#090c10;--snap-ui-panel:#15191e;
  --snap-ui-raised:#232a31;--snap-ui-line:#434b55;
  --snap-ui-muted:#b7c2cd;--snap-ui-text:#f4f7fa;
  --snap-ui-on-accent:#090c10;
}
body:has(#app[data-wmd-color-scheme="pink"]) #wmd-photo-import-root {
  --snap-ui-accent:#ee9bc9;--snap-ui-accent-soft:#ffd5e9;
  --snap-ui-deep:#1b1620;--snap-ui-panel:#291e2b;
  --snap-ui-raised:#39283b;--snap-ui-line:#5b4560;
  --snap-ui-muted:#d2bbc9;--snap-ui-text:#fff3f9;
  --snap-ui-on-accent:#231524;
}
body:has(#app[data-wmd-color-scheme="orchid"]) #wmd-photo-import-root {
  --snap-ui-accent:#c8b1f0;--snap-ui-accent-soft:#e0d0ff;
  --snap-ui-deep:#1b1b29;--snap-ui-panel:#242231;
  --snap-ui-raised:#322e43;--snap-ui-line:#554e67;
  --snap-ui-muted:#c6bfd4;--snap-ui-text:#f5f1fc;
  --snap-ui-on-accent:#171326;
}
/* The unauthenticated Snapper demo stays Ocean even when an account is open
   underneath it with another saved appearance. */
body:has(.public-product-demo[data-plan="snapper"][open]) #wmd-photo-import-root,
body:has(#app[data-wmd-color-scheme]):has(.public-product-demo[data-plan="snapper"][open]) #wmd-photo-import-root {
  --snap-ui-accent:#8ec8f3;--snap-ui-accent-soft:#bddffd;
  --snap-ui-deep:#13202d;--snap-ui-panel:#1a2836;
  --snap-ui-raised:#26384a;--snap-ui-line:#41596c;
  --snap-ui-muted:#bdcbd8;--snap-ui-text:#f0f6fb;
  --snap-ui-on-accent:#102333;
}
/* Override the legacy mint declarations once, at the portal boundary, so
   review dialogs and sibling mobile account sheets share one set of tokens. */
#wmd-photo-import-root,
#wmd-photo-import-root .photo-import-dialog,
#wmd-photo-import-root .snapper-mobile-picker {
  --wmd-theme-accent:var(--snap-ui-accent)!important;
  --wmd-theme-accent-soft:var(--snap-ui-accent-soft)!important;
  --wmd-theme-deep:var(--snap-ui-deep)!important;
  --wmd-theme-panel:var(--snap-ui-panel)!important;
  --wmd-theme-raised:var(--snap-ui-raised)!important;
  --wmd-theme-line:var(--snap-ui-line)!important;
  --wmd-theme-text:var(--snap-ui-text)!important;
  --wmd-theme-muted:var(--snap-ui-muted)!important;
  --green:var(--snap-ui-accent)!important;
  --ma-accent:var(--snap-ui-accent)!important;
  --snapper-accent:var(--snap-ui-accent)!important;
  --snapper-shell:var(--snap-ui-deep)!important;
  --snapper-panel:var(--snap-ui-panel)!important;
  --snapper-surface:var(--snap-ui-raised)!important;
  --snapper-line:var(--snap-ui-line)!important;
  --snapper-text:var(--snap-ui-text)!important;
  --snapper-muted:var(--snap-ui-muted)!important;
  --snapper-interactive-panel:var(--snap-ui-panel)!important;
  --snapper-interactive-line:var(--snap-ui-line)!important;
  --snapper-interactive-deep:var(--snap-ui-deep)!important;
  --snapper-interactive-text:var(--snap-ui-text)!important;
  --snapper-interactive-muted:var(--snap-ui-muted)!important;
  --snapper-review-accent:var(--snap-ui-accent)!important;
  --snapper-review-soft:var(--snap-ui-accent-soft)!important;
  --snapper-review-panel:var(--snap-ui-panel)!important;
  --snapper-review-deep:var(--snap-ui-deep)!important;
  --snapper-review-line:var(--snap-ui-line)!important;
  --snapper-review-text:var(--snap-ui-text)!important;
  --snapper-review-muted:var(--snap-ui-muted)!important;
  --snapper-review-on-accent:var(--snap-ui-on-accent)!important;
  --wmd-ui-txt:var(--snap-ui-text);
  --wmd-ui-muted:var(--snap-ui-muted);
  accent-color:var(--snap-ui-accent);
}
/* Neutral foundations: header, body, upload picker and review workspaces. */
#wmd-photo-import-root .photo-import-dialog {
  color:var(--snap-ui-text)!important;
  background:var(--snap-ui-deep)!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-header {
  background:linear-gradient(135deg,var(--snap-ui-panel),var(--snap-ui-deep))!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-body,.snapper-workflow-switch,.snapper-refresh-workspace) {
  background:var(--snap-ui-deep)!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-footer,.snapper-refresh-section) {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-eyebrow,.snapper-refresh-heading>div>span,.snapper-quick-manual button) {
  color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-header p,.photo-import-hint,.photo-import-drop-note,.snapper-statement-preference,.snapper-upload-details>summary,.snapper-upload-details p) {
  color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick:is(:hover,:focus-within,.is-drag-over) {
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick-icon {
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick strong {
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-pick small {
  color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-close {
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-close:hover {
  background:color-mix(in srgb,var(--snap-ui-accent) 12%,var(--snap-ui-raised))!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .photo-import-source,.photo-import-coverage,
  .photo-trust-summary,.photo-import-privacy,.photo-import-stats span,
  .snapper-refresh-next,.snapper-quick-manual,.snapper-review-guide,
  .snapper-impact-details,.photo-import-progress,.money-snapper-coverage
):not(.is-error):not(.is-warning) {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(
  .photo-import-fields input:not([type="checkbox"]):not([type="radio"]):not([aria-invalid="true"]),
  .photo-import-fields select:not([aria-invalid="true"]),.photo-import-source select:not([aria-invalid="true"]),
  .snapper-search-wrap input[type="search"]
) {
  background:var(--snap-ui-deep)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(input,select,textarea,button,summary,.photo-import-pick):focus-visible {
  outline-color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-refresh-primary,.snapper-review-primary,.photo-import-primary):not(:disabled) {
  background:var(--snap-ui-accent)!important;
  border-color:var(--snap-ui-accent)!important;
  color:var(--snap-ui-on-accent)!important;
}
/* The four "What can Snapper actually do?" cards are an independent
   setup-capabilities component. Its old teal rgba backgrounds/caret/focus
   colors were never corrected by the earlier importer-only patches. */
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper>summary {
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper>summary small,
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper .wmd-explain-content p {
  color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper>summary:after {
  color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper>summary:is(:hover,:focus-visible) {
  background:var(--snap-ui-raised)!important;
  outline-color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper .wmd-explain-content {
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper .wmd-explain-grid>div {
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-line)!important;
}
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper .wmd-explain-grid>div>strong,
#wmd-photo-import-root .photo-import-dialog .wmd-explain-snapper .wmd-explain-content p strong {
  color:var(--snap-ui-text)!important;
}

/* Review suggestions are not themselves financial outcomes. A row with a
   financial warning or collision keeps its existing semantic treatment. */
#wmd-photo-import-root .photo-import-dialog .photo-import-row:not(.photo-import-needs-attention):not(.photo-import-duplicate):not(.photo-import-conflict):not(.is-error):not(.is-warning) {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
}
/* Error states indicate a real failed import, not navigation chrome.
   An earlier review stylesheet incorrectly colored all alerts blue. */
#wmd-photo-import-root .photo-import-dialog .photo-import-alert.is-error {
  background:#411e27!important;
  border-color:#8b4b55!important;
  color:#ffd7d9!important;
}
/* The public demo previously retained a hardcoded mint identity in its
   gradient, sample buttons, and result cards even after the app went blue. */
.public-product-demo[data-plan="snapper"] {
  --accent:#8ec8f3!important;--fill:#26384a!important;--border:#41596c!important;
  --snapper-shell:#13202d!important;--snapper-panel:#1a2836!important;
  --snapper-surface:#26384a!important;--snapper-line:#41596c!important;
  --snapper-accent:#8ec8f3!important;
  background:linear-gradient(140deg,#142536,#101e2b)!important;
}
.public-product-demo[data-plan="snapper"] :is(.snapper-demo-private,.snapper-demo-refresh-row,.product-demo-result) {
  background:#1a2836!important;border-color:#41596c!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-refresh button:not(.product-demo-primary) {
  background:#26384a!important;border-color:#41596c!important;color:#f0f6fb!important;
}
/* Demo actions are navigational chrome, never permanent mint. */
.public-product-demo[data-plan="snapper"] .snapper-demo-upload-icon {
  background:#26384a!important;border-color:#41596c!important;color:#8ec8f3!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>div.active,
.public-product-demo[data-plan="snapper"] .snapper-demo-tabs>button.active {
  background:#26384a!important;border-color:#8ec8f3!important;color:#f0f6fb!important;
}
.public-product-demo[data-plan="snapper"] :is(
  .product-demo-primary,.snapper-demo-refresh button.product-demo-primary,
  .snapper-demo-actions button.product-demo-primary
) {
  background:#8ec8f3!important;border-color:#8ec8f3!important;color:#102333!important;
}
.public-product-demo[data-plan="snapper"] .snapper-demo-actions button:is(:hover,:focus-visible) {
  box-shadow:0 0 0 1px #8ec8f3!important;
}
/* Balance review is a separate, mobile-first surface: its date shell and
   verified-account note were hardcoded sage after the general Ocean pass.
   These are identity/review hints, not financial gains. Warnings stay semantic. */
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-match-autofill,
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-compact-destination {
  color:var(--snap-ui-accent-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row :is(
  .photo-import-balance-identity>span:not(.snapper-already-current),
  .photo-import-balance-identity>small,
  .photo-import-date-help,
  .photo-import-fields label>small,
  .photo-import-muted
) {
  color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-date-control .photo-import-date-shell>input[type="date"] {
  background:var(--snap-ui-deep)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-date-display {
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-date-icon {
  color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-bucket-badge {
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-accent-soft)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-bucket-reconcile {
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
  color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-bucket-reconcile :is(p,small) {
  color:var(--snap-ui-muted)!important;
}
body:has(#app[data-wmd-color-scheme="white"]) #wmd-photo-import-root .photo-import-dialog .photo-import-date-control input[type="date"] {
  color-scheme:light;
}
@media (max-width:680px) {
  #wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-date-shell {
    background:var(--snap-ui-deep)!important;
    border-color:var(--snap-ui-line)!important;
  }
  #wmd-photo-import-root .photo-import-dialog .photo-import-balance-row .photo-import-date-shell:focus-within {
    outline-color:var(--snap-ui-accent)!important;
  }
}


/* Snapper review controls and local file cards use the active palette.
   Keep semantic red failures and amber warnings unchanged. */
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-alert:not(.is-error):not(.is-warning),.photo-import-progress,.photo-import-tabs){
 background:var(--snap-ui-panel)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button{
 background:var(--snap-ui-panel)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-tabs>button.active{
 background:var(--snap-ui-raised)!important;border-color:var(--snap-ui-accent)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-stats>summary,.snapper-file-details>summary,.photo-import-section-header p,.photo-import-tabs button small){color:var(--snap-ui-muted)!important;}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-secondary,.photo-import-today,.snapper-batch-review>.photo-import-secondary):not(.photo-import-primary){
 background:var(--snap-ui-raised)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.photo-import-secondary,.photo-import-today,.snapper-batch-review>.photo-import-secondary):is(:hover,:focus-visible){border-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .photo-import-footer button.photo-import-primary:not(:disabled){
 background:var(--snap-ui-accent)!important;border-color:var(--snap-ui-accent)!important;color:var(--snap-ui-on-accent)!important;
}
/* Three real columns replace the old 65px-wide cropped file chip. */
#wmd-photo-import-root .photo-import-dialog .photo-import-previews{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr))!important;
 max-width:100%!important;overflow:visible!important;gap:8px!important;margin:11px 0!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-preview{
 display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;align-items:center!important;
 box-sizing:border-box;gap:9px!important;width:100%!important;max-width:100%!important;min-width:0!important;
 padding:9px!important;opacity:1!important;border:1px solid var(--snap-ui-line)!important;
 border-radius:11px!important;background:var(--snap-ui-panel)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-preview :is(img,.photo-import-pdf-icon){
 display:flex;align-items:center;justify-content:center;width:38px!important;height:38px!important;
 aspect-ratio:1/1!important;object-fit:contain;border-radius:7px;color:var(--snap-ui-accent)!important;
 background:var(--snap-ui-deep)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-import-preview>span.snapper-file-description{
 display:block;min-width:0!important;font-size:11px!important;line-height:1.45!important;
 text-align:left!important;white-space:normal!important;overflow-wrap:anywhere;color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-remove-file,.snapper-review-reset-row>button,.snapper-review-confirm button){
 appearance:none;min-width:0;min-height:39px;padding:8px 11px;cursor:pointer;
 font:720 12px/1.3 system-ui,sans-serif;border-radius:9px;
 border:1px solid var(--snap-ui-line)!important;background:var(--snap-ui-raised)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-remove-file,.snapper-review-reset-row>button,.snapper-review-confirm button):is(:hover,:focus-visible){
 border-color:var(--snap-ui-accent)!important;outline-color:var(--snap-ui-accent)!important;
}
#wmd-photo-import-root .photo-import-dialog :is(.snapper-remove-file,.snapper-review-reset-row>button,.snapper-review-confirm button):disabled{opacity:.55;cursor:not-allowed;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-reset-row{
 display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:9px 0 15px;color:var(--snap-ui-muted)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-review-reset-row>span{min-width:0;flex:1 1 180px;font-size:11px;line-height:1.5;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-reset-row>button{background:var(--snap-ui-panel)!important;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-confirm{
 grid-column:1/-1;padding:13px;margin:10px 0;border:1px solid var(--snap-ui-line)!important;
 border-radius:12px;background:var(--snap-ui-raised)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-review-confirm>strong{display:block;font-size:14px;color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-confirm>p{margin:7px 0 12px;font-size:12px;line-height:1.5;color:var(--snap-ui-muted)!important;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-confirm>div{display:flex;flex-wrap:wrap;gap:9px;}
#wmd-photo-import-root .photo-import-dialog .snapper-review-confirm>div>button:last-child{
 background:var(--snap-ui-accent)!important;border-color:var(--snap-ui-accent)!important;color:var(--snap-ui-on-accent)!important;
}
@media(max-width:680px){
 #wmd-photo-import-root .photo-import-dialog .snapper-review-reset-row>button{width:100%;}
 #wmd-photo-import-root .photo-import-dialog .snapper-review-confirm>div>button{flex:1 1 130px;}
}


/* Preview and coverage are not financial gains: use Appearance, not mint. */
#wmd-photo-import-root .photo-import-dialog .photo-review-impact{
 background:linear-gradient(140deg,var(--snap-ui-panel),var(--snap-ui-deep))!important;
 border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important;
}
#wmd-photo-import-root .photo-import-dialog .photo-review-impact :is(.photo-review-impact-head strong,.photo-review-impact-numbers strong,.photo-review-impact-stats strong){color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .photo-review-impact :is(.photo-review-impact-head small,.photo-review-impact-numbers>div>span,.photo-review-impact-stats span,p){color:var(--snap-ui-muted)!important;}
#wmd-photo-import-root .photo-import-dialog .photo-review-impact .photo-review-impact-numbers>span{color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .photo-review-impact .photo-review-impact-stats>div{background:var(--snap-ui-raised)!important;border-color:var(--snap-ui-line)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage{background:var(--snap-ui-panel)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage>summary{color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage>summary>span{color:var(--snap-ui-accent-soft)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage article{border-color:var(--snap-ui-line)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage article strong{color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-coverage :is(article span,article small,p){color:var(--snap-ui-muted)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-date-bar i{background:var(--snap-ui-raised)!important;border-color:var(--snap-ui-line)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-date-bar i.reviewed{background:var(--snap-ui-accent)!important;border-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-snapper-date-bar i.observed{background:color-mix(in srgb,var(--snap-ui-accent) 26%,var(--snap-ui-raised))!important;border-color:var(--snap-ui-line)!important;}
/* Optional activity treatment is imported from money-actions.css. */
#wmd-photo-import-root .photo-import-dialog .money-import-controls{background:var(--snap-ui-panel)!important;border-color:var(--snap-ui-line)!important;color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-controls>summary:focus-visible{outline-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-symbol{background:var(--snap-ui-raised)!important;color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-summary-text strong{color:var(--snap-ui-text)!important;}
#wmd-photo-import-root .photo-import-dialog :is(.money-import-summary-text small,.money-import-options p,.money-import-options label small){color:var(--snap-ui-muted)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-edit{color:var(--snap-ui-accent-soft)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options{border-color:var(--snap-ui-line)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options label{background:var(--snap-ui-deep)!important;border-color:var(--snap-ui-line)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options label:has(input:checked){background:var(--snap-ui-raised)!important;border-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options label:focus-within{outline-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options input[type=radio]{accent-color:var(--snap-ui-accent)!important;}
#wmd-photo-import-root .photo-import-dialog .money-import-options :is(legend,label strong){color:var(--snap-ui-text)!important;}

@media (forced-colors:active) {
  #wmd-photo-import-root .photo-import-dialog :is(button,input,select,textarea,summary,.photo-import-pick) {
    forced-color-adjust:auto;
  }
}

/* Payroll review stays ocean-blue even in the legacy Mixed/Mint palettes.
   Income evidence and matching are neutral actions, not green gains.
   Warnings and errors intentionally retain amber/red semantic colors. */
#wmd-photo-import-root .photo-import-dialog:is(.is-payroll-review,:has(.snapper-payroll-batch)){
  --snap-ui-accent:#8ec8f3!important;
  --snap-ui-accent-soft:#c1e4ff!important;
  --snap-ui-deep:#102235!important;
  --snap-ui-panel:#1a3045!important;
  --snap-ui-raised:#244058!important;
  --snap-ui-line:#496b86!important;
  --snap-ui-muted:#bdd2e4!important;
  --snap-ui-text:#f0f8ff!important;
  --snap-ui-on-accent:#102333!important;
  color-scheme:dark;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-card,
#wmd-photo-import-root .photo-import-dialog .snapper-pending-payroll{
  background:#1b3147!important;border-color:#496f8d!important;color:#f0f8ff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-intro{
  border-color:#476a86!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-paycheck-eyebrow,.snapper-paycheck-advanced summary){
  color:#a4d6f8!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-paycheck-employer,.snapper-paycheck-intro>strong,
      .snapper-paycheck-form>label,.snapper-paycheck-check strong){
  color:#f0f8ff!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-paycheck-intro>span:last-child,.snapper-paycheck-form small,
      .snapper-paycheck-future-note,.snapper-paycheck-next-date>small,
      .snapper-paycheck-check small,.snapper-pending-payroll p){
  color:#bdd2e4!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-form
  :is(input:not([type=checkbox]),select),
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-advanced select{
  background:#132b40!important;border-color:#597d9a!important;color:#f3f9ff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-form
  :is(input,select):focus-visible,
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-check:focus-within{
  outline:2px solid #8ec8f3!important;outline-offset:2px;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-check,
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-existing,
#wmd-photo-import-root .photo-import-dialog .snapper-available-evidence,
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-future,
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-next-date,
#wmd-photo-import-root .photo-import-dialog .snapper-pending-deposit{
  background:#244058!important;border-color:#557994!important;color:#f0f8ff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-existing small,
#wmd-photo-import-root .photo-import-dialog .snapper-available-evidence p{
  color:#c6d9e8!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-check input,
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-form input[type=checkbox]{
  accent-color:#8ec8f3!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-availability-action,.snapper-paycheck-next-header>button,.snapper-paycheck-auto-date){
  background:#28516c!important;border-color:#6a9dbe!important;color:#e3f4ff!important;
}
#wmd-photo-import-root .photo-import-dialog
  :is(.snapper-availability-action,.snapper-paycheck-next-header>button,.snapper-paycheck-auto-date):is(:hover,:focus-visible){
  background:#32617f!important;border-color:#8ec8f3!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-available-evidence button{
  color:#a9ddff!important;
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-advanced{
  border-color:#557994!important;
}

/* Paycheck navigation is always reachable, including after selection. */
#wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-payroll-stepper{
 display:flex!important;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
 padding:14px 16px;margin:12px 0 15px;border:1px solid #547894;border-radius:14px;
 background:#1b334a;color:#ecf7ff
}
#wmd-photo-import-root .snapper-payroll-stepper-copy{
 flex:1 1 220px;display:grid;gap:5px;min-width:0
}
#wmd-photo-import-root .snapper-payroll-progress{
 color:#9cd4fb;font:800 11px/1.35 system-ui,sans-serif;
 letter-spacing:.075em;text-transform:uppercase
}
#wmd-photo-import-root .snapper-payroll-stepper-copy strong{
 font-size:16px;line-height:1.3;color:#eff8ff
}
#wmd-photo-import-root .snapper-payroll-stepper-copy p{
 margin:0;font-size:13px;line-height:1.45;color:#bdd4e6
}
#wmd-photo-import-root .photo-import-dialog .snapper-payroll-stepper-next,
#wmd-photo-import-root .photo-import-dialog .snapper-payroll-next{
 appearance:none;cursor:pointer;min-height:44px;padding:10px 13px;
 border:1px solid #729cbd!important;border-radius:10px;background:#294e6a!important;
 color:#f0f8ff!important;font:760 13px/1.35 system-ui,sans-serif;white-space:normal
}
#wmd-photo-import-root .photo-import-dialog .snapper-payroll-stepper-next:is(:hover,:focus-visible),
#wmd-photo-import-root .photo-import-dialog .snapper-payroll-next:is(:hover,:focus-visible){
 border-color:#8ec8f3!important;background:#315f81!important;outline-color:#8ec8f3!important
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-card.is-payroll-current,
#wmd-photo-import-root .photo-import-dialog .snapper-pending-deposit.is-payroll-current{
 border-color:#8ec8f3!important;box-shadow:inset 0 0 0 1px #8ec8f355!important
}
#wmd-photo-import-root .photo-import-dialog .snapper-paycheck-card:focus{
 outline:2px solid #8ec8f3;outline-offset:2px
}
#wmd-photo-import-root .snapper-payroll-footer-actions .snapper-payroll-next{
 flex:0 1 auto;min-width:0;max-width:none
}
@media(max-width:680px){
 #wmd-photo-import-root .photo-import-dialog.is-payroll-review .snapper-payroll-stepper{
  padding:12px;gap:10px
 }
 #wmd-photo-import-root .snapper-payroll-stepper-copy{flex-basis:100%}
 #wmd-photo-import-root .snapper-payroll-stepper-next{width:100%}
 #wmd-photo-import-root .snapper-finish-actions.snapper-payroll-footer-actions{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px!important;align-items:stretch!important;width:100%!important
 }
 #wmd-photo-import-root .snapper-payroll-footer-actions>.snapper-payroll-next{
  order:1;grid-column:1;max-width:none!important;min-width:0!important;
  width:100%;font-size:13px!important
 }
 #wmd-photo-import-root .snapper-payroll-footer-actions>.photo-import-primary{
  order:2;grid-column:2;max-width:none!important;min-width:0!important;
  width:100%;font-size:13px!important;padding:9px 7px!important
 }
 #wmd-photo-import-root .photo-import-footer
   .snapper-payroll-footer-actions>.snapper-skip-remaining{
  order:3;grid-column:1/-1;justify-self:start;width:auto;min-height:28px;
  padding:4px 7px;max-width:none;background:transparent!important;
  border-color:transparent!important;color:#bbd2e4!important
 }
}

#wmd-photo-import-root .photo-import-dialog.is-payroll-review
 .snapper-payroll-stepper .snapper-payroll-selection-warning{
  border-left:3px solid #ddb77e;padding:7px 9px;
  background:#3b342b;color:#ffe3b4!important;
  font-size:12px;line-height:1.5
}

/* Release guard: an actual failed document is a semantic error, never a
   neutral/blue review card. Supersede legacy portal rules on small screens. */
body:has(#app) #wmd-photo-import-root .photo-import-dialog .photo-import-alert.is-error {
  background:#411e27!important;
  border-color:#8b4b55!important;
  color:#ffd7d9!important;
}

/* The importer portal lives under body, not inside #app. An older Ocean-only
   icon selector can outrank the generic palette rule. Keep the upload icon
   in the user's actual selected appearance without changing semantic gains. */
body:has(#app[data-wmd-color-scheme]) #wmd-photo-import-root .photo-import-dialog .photo-import-pick-icon{
  color:var(--snap-ui-accent)!important;
}

/* A legacy Ocean-specific upload surface can win the importer cascade under
   Mint and other chosen appearances. Resolve from the portal's current tokens.
   Public Snapper demo still receives its explicit Ocean tokens. */
body:has(#app[data-wmd-color-scheme]) #wmd-photo-import-root .photo-import-dialog .photo-import-pick{
  background:var(--snap-ui-panel)!important;
  border-color:var(--snap-ui-line)!important;
}
body:has(#app[data-wmd-color-scheme]) #wmd-photo-import-root .photo-import-dialog .photo-import-pick:is(:hover,:focus-within,.is-drag-over){
  background:var(--snap-ui-raised)!important;
  border-color:var(--snap-ui-accent)!important;
}

/* Primary Snapper confirmation is always a real action. In White mode the
   legacy neutral footer rule could obscure it as a low-contrast pale button.
   Restore the selected high-contrast action token across all appearances. */
body:has(#app[data-wmd-color-scheme]) #wmd-photo-import-root .photo-import-dialog
  .photo-import-footer button.photo-import-primary:not(:disabled){
  background:var(--snap-ui-accent)!important;
  border-color:var(--snap-ui-accent)!important;
  color:var(--snap-ui-on-accent)!important;
}

/* A public Snapper demonstration is an Ocean-first product example, not a
   user-selected Mint intake. Override old green screenshot chrome with the
   same solid dark-blue surface used by its review cards. */
.public-product-demo[data-plan="snapper"] .snapper-demo-chrome,
.public-product-demo[data-plan="snapper"] .snapper-demo-picker{
  background:#1a2836!important;
  border-color:#41596c!important;
  color:#f0f6fb!important;
}

}
/* mobile-input-zoom.css */
/* iOS Safari automatically zooms the entire document when focusing an
 * editable control whose rendered type is below 16 CSS pixels.
 *
 * Keep the site pinch-zoomable for accessibility. This guard changes only
 * text-entry controls on touch devices; never scale the whole page/viewport.
 * Large, deliberately sized financial amount controls keep their own type.
 * Do not apply to checkbox/radio/range/file widgets.
 */
@media (hover: none) and (pointer: coarse) {
  :is(#app, #wmd-photo-import-root, .money-action-dialog, .settings-backdrop, .connections-center)
  :is(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]),
    textarea,
    select
  ):not(:is(
    .big-input,
    .balance-entry input,
    .top-balance-entry input,
    .system-expense-input input,
    .cash-settings-integrated .currency-input input,
    .cash-settings-integrated .cash-inline-balance input,
    .cash-top-money input,
    .snapper-card-amount-control input
  )) {
    font-size: 16px !important;
  }
}
/* The inline search is a primary control even outside touch media queries.
 * 16px matches the expanded global search and avoids a focus/blur size jump.
 */
#app .wmd-workspace > .wmd-discovery .wmd-discovery-input {
  font-size: 16px !important;
}

/* Ask Your Money: a compact phone hint, without shrinking editable text below
 * 16px (which would trigger iOS Safari viewport zoom). The runtime clears
 * the placeholder as soon as a value is present, including restored queries. */
@media (max-width:650px) {
  #app .wmd-workspace > .wmd-discovery input.wmd-discovery-input::placeholder,
  #app .wmd-workspace > .wmd-discovery input.wmd-discovery-input::-webkit-input-placeholder {
    font-size:13px!important;
    font-weight:400;
    line-height:normal;
    letter-spacing:0;
  }
}
#app .wmd-workspace > .wmd-discovery input.wmd-discovery-input:not(:placeholder-shown)::placeholder {
  opacity:0!important;
}

/* cashflow-focus.css */
@media screen {
/* Cash Flow focus layout — presentation only, October 24 video review.
   Financial math, account values, ledger reconciliation and completion handlers
   remain owned by the existing app. Scope every rule to signed-in Cash Flow. */
#app main.wmd-workspace--cashflow {
  --focus-text:var(--wmd-theme-text,#edf5ff);
  --focus-muted:var(--wmd-theme-muted,#b7c8d8);
  --focus-panel:var(--wmd-theme-panel,#192b3d);
  --focus-deep:var(--wmd-theme-deep,#101f30);
  --focus-raised:var(--wmd-theme-raised,#273b50);
  --focus-line:var(--wmd-theme-line,#405b73);
  --focus-accent:var(--wmd-theme-accent,#8ec8f3);
}
#app main.wmd-workspace--cashflow .wmd-focus-hero {
  display:grid;gap:10px;min-width:0;margin:10px 0 12px;
  padding:15px;border:1px solid var(--focus-line);border-radius:16px;
  background:var(--focus-panel);color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-heading{
  display:flex;align-items:center;justify-content:space-between;
  gap:6px 12px;flex-wrap:wrap;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading strong{
  font-size:clamp(16px,2vw,20px);font-weight:800;letter-spacing:-.02em;
  line-height:1.25;color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-heading>span{
  font-size:11px;line-height:1.45;color:var(--focus-muted);
}
#app main.wmd-workspace--cashflow .wmd-runway-back{
  appearance:none;flex:0 0 auto;margin-left:auto;
  border:1px solid var(--focus-line);border-radius:9px;
  background:var(--focus-raised);color:var(--focus-text);
  font:700 11px/1.35 system-ui,sans-serif;padding:8px 11px;min-height:36px;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-runway-back[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview{
  min-width:0;max-width:100%;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-settings-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:11px!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(170px,.8fr);
  grid-template-rows:auto auto auto;align-items:center;column-gap:18px;
  padding:11px 13px!important;margin:0!important;min-height:0!important;
  border:1px solid var(--focus-line)!important;border-radius:12px!important;
  background:var(--focus-deep)!important;color:var(--focus-text)!important;
  box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-setting-title{
  grid-column:1;grid-row:1;margin:0;color:var(--focus-muted)!important;font-size:11px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-inline-balance,
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-future-start{
  grid-column:1;grid-row:2;min-width:0;margin:3px 0!important;
  padding:0 10px!important;border:1px solid var(--focus-line)!important;
  border-radius:9px!important;background:var(--focus-panel)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice .cash-inline-balance input{
  font:780 clamp(19px,2.8vw,27px)/1.2 system-ui,sans-serif!important;
  color:var(--focus-text)!important;min-width:0;max-width:100%;text-align:left;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>small{
  grid-column:1;grid-row:3;margin:0;color:var(--focus-muted)!important;
  font-size:10px!important;line-height:1.35;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-controls{
  grid-column:2;grid-row:1 / 4;display:grid!important;grid-template-columns:minmax(0,1fr);
  align-content:center;gap:7px!important;min-width:0;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-controls :is(select,input){
  min-width:0;max-width:100%;width:100%;border-color:var(--focus-line)!important;
  background:var(--focus-panel)!important;color:var(--focus-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-controls :is(.cash-position-control,.currency-input){
  min-width:0;max-width:100%;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway{
  display:grid!important;min-width:0;margin:0!important;padding:0!important;gap:8px!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  margin:0!important;padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head h3{
  font-size:14px!important;font-weight:800!important;line-height:1.3!important;
  color:var(--focus-text)!important;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head>div>span{
  font-size:9px!important;letter-spacing:.09em;color:var(--focus-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;min-width:0;padding:0!important;overflow:visible!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month{
  display:grid!important;align-content:center;gap:3px!important;
  min-height:65px!important;min-width:0;padding:9px!important;
  margin:0!important;border:1px solid var(--focus-line)!important;
  border-radius:10px!important;background:var(--focus-deep)!important;
  box-shadow:none!important;text-align:left!important;color:var(--focus-text)!important;
  cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div{
  display:block!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>span{
  font-size:12px!important;font-weight:780!important;
  color:var(--focus-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month :is(strong,em,b),
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>small,
#app main.wmd-workspace--cashflow .wmd-focus-hero .wmd-runway-open-hint{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month .wmd-runway-status{
  display:inline-flex!important;align-items:center;margin:0;max-width:100%;
  font:760 10px/1.35 system-ui,sans-serif!important;
  color:var(--focus-muted)!important;white-space:normal!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month[data-wmd-threshold-status="above"] .wmd-runway-status{
  color:var(--focus-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month[data-wmd-threshold-status="below"]{
  border-color:#b98387!important;background:var(--focus-deep)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month[data-wmd-threshold-status="below"] .wmd-runway-status{
  color:#efb2b5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero.wmd-has-expanded-runway .cash-runway-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero.wmd-has-expanded-runway .cash-runway-month:not(.wmd-runway-expanded){
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded{
  grid-template-columns:minmax(0,1fr) auto;align-items:center;
  padding:13px 15px!important;min-height:94px!important;
  border-color:var(--focus-accent)!important;
  background:var(--focus-raised)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded strong{
  display:block!important;grid-column:2;grid-row:1 / span 2;
  font-size:clamp(22px,4vw,29px)!important;line-height:1.15!important;
  color:var(--focus-text)!important;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded em{
  display:block!important;grid-column:1 / -1;line-height:1.3!important;
  color:var(--focus-muted)!important;font-size:11px!important;font-style:normal;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded .wmd-runway-open-hint{
  display:block!important;grid-column:1 / -1;
  color:var(--focus-accent)!important;font-size:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-note{
  margin:1px 0 0!important;font-size:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cards{
  min-width:0;border-top:1px solid var(--focus-line);
  padding-top:9px;color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-cards>summary{
  cursor:pointer;font-size:11px;font-weight:750;color:var(--focus-muted);
  padding:5px 1px;
}
#app main.wmd-workspace--cashflow .wmd-focus-cards .wmd-mg-accounts{
  display:block!important;padding-top:7px;margin:0;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-cards .wmd-mg-account{
  display:grid;gap:5px;min-width:0;padding:10px 12px;
  border:1px solid var(--focus-line);border-radius:11px;
  background:var(--focus-deep);color:var(--focus-text);
  text-align:left;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-cards .wmd-mg-account :is(strong,.wmd-mg-account-amount){
  color:var(--focus-text);overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-cards .wmd-mg-account em{
  color:var(--focus-muted);font-style:normal;font-size:11px;
}
#app main.wmd-workspace--cashflow .wmd-month-guide{
  padding:12px 14px!important;gap:9px!important;
  margin:4px 0 12px!important;
}
#app main.wmd-workspace--cashflow .wmd-month-guide>.wmd-mg-accounts:empty{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-month-guide .wmd-mg-head h2{
  font-size:19px!important;margin:0 0 3px!important;
}
#app main.wmd-workspace--cashflow .wmd-month-guide .wmd-mg-head p{
  font-size:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-month-guide .wmd-mg-next{
  padding:8px 11px!important;
}
#app main.wmd-workspace--cashflow .wmd-month-guide .wmd-mg-overview{
  padding:10px!important;gap:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details{
  display:block;min-width:0;padding:0;margin-top:2px;
  border-top:1px solid var(--focus-line);
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary{
  cursor:pointer;padding:10px 1px 5px;color:var(--focus-accent);
  font:750 11px/1.4 system-ui,sans-serif;list-style:none;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary::-webkit-details-marker{
  display:none;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary::after{
  content:" ▾";color:var(--focus-muted);
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details[open]>summary::after{
  content:" ▴";
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details .wmd-mg-scroll{
  max-height:370px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist{
  box-sizing:border-box;display:grid;gap:9px;min-width:0;width:100%;
  margin:9px 0 12px;padding:13px 14px;
  border:1px solid var(--focus-line);border-radius:15px;
  background:var(--focus-panel);color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:10px;flex-wrap:wrap;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading h3{
  font-size:17px;line-height:1.3;letter-spacing:-.015em;
  font-weight:790;color:var(--focus-text);margin:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-visible{
  font:680 11px/1.35 system-ui,sans-serif;
  color:var(--focus-muted);
}
#app main.wmd-workspace--cashflow .wmd-focus-filters{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters button{
  appearance:none;min-height:36px;min-width:0;max-width:100%;
  padding:7px 11px;border:1px solid var(--focus-line);
  border-radius:9px;background:var(--focus-deep);
  color:var(--focus-text);font:740 11px/1.25 system-ui,sans-serif;
  cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters button.is-active{
  border-color:var(--focus-accent);background:var(--focus-raised);
  color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist{
  margin:0!important;min-width:0;box-shadow:none!important;border:0!important;
  background:transparent!important;padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-head{
  padding:8px 0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-head .cash-checklist-eyebrow{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-tools .money-checklist-filters{
  display:none!important; /* Native filter state still drives the data set. */
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-body{
  max-height:min(480px,55vh);overflow:auto;overscroll-behavior:contain;
  scrollbar-width:thin;padding-right:3px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-group[hidden],
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-empty[hidden]{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-empty{
  margin:0;padding:10px 8px;color:var(--focus-muted);
  font-size:11px;
}
#app main.wmd-workspace--cashflow .wmd-focus-map{
  min-width:0;margin:10px 0 12px;
  padding:9px 12px;border:1px solid var(--focus-line);
  border-radius:12px;background:var(--focus-panel);
}
#app main.wmd-workspace--cashflow .wmd-focus-map>summary{
  cursor:pointer;padding:6px 0;
  color:var(--focus-accent);font:760 12px/1.4 system-ui,sans-serif;
}
#app main.wmd-workspace--cashflow .wmd-focus-map>.money-map{
  margin:8px 0!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero :is(button,input,select,summary):focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-checklist :is(button,summary):focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-map>summary:focus-visible{
  outline:2px solid var(--focus-accent);outline-offset:2px;
}
@media(max-width:700px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    padding:10px;gap:8px;border-radius:13px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-heading>span{
    flex-basis:100%;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto;
    padding:11px!important;column-gap:0;row-gap:5px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-position-controls{
    grid-column:1;grid-row:4;
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;margin-top:5px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month{
    min-height:70px!important;padding:8px 7px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month .wmd-runway-status{
    font-size:9px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist{
    padding:11px 9px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-filters button{
    padding:7px 9px;min-height:38px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-body{
    max-height:min(450px,60vh);
  }
}
@media(max-width:390px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-position-controls{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-grid{
    gap:5px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>span{
    font-size:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-filters{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-filters button{
    font-size:10px;white-space:normal;padding:8px 3px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-focus-hero *{
    scroll-behavior:auto!important;transition:none!important;
  }
}

/* Moving an existing panel must not leave its now-empty source visible. */
#app main.wmd-workspace--cashflow :is(.cashflow-dashboard,.mm-drawer)[hidden]{display:none!important}


/* October 24: 50/50 Cash + Cards top dashboard. The original wallet
   controls are moved here; no second balances or payment journal. */
#app main.wmd-workspace--cashflow .wmd-focus-hero{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;
  gap:12px!important;
  padding:11px!important;
  background:transparent!important;
  border:0!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  display:grid!important;grid-template-columns:minmax(0,1fr);
  align-content:start;align-self:start;gap:9px;
  min-width:0;max-width:100%;
  padding:15px!important;border:1px solid var(--focus-line);
  border-radius:16px;background:var(--focus-panel);color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-heading,
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading{
  display:flex;justify-content:space-between;align-items:center;
  min-width:0;gap:8px;flex-wrap:wrap;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading h2,
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading h2{
  font:800 clamp(16px,1.8vw,20px)/1.25 system-ui,sans-serif;
  letter-spacing:-.025em;color:var(--focus-text);margin:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-position-overview{
  padding:0!important;margin:0!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-settings-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:9px!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice{
  display:flex!important;flex-direction:column!important;
  align-items:stretch!important;justify-content:flex-start!important;
  gap:4px!important;min-height:0!important;height:auto!important;
  padding:11px 13px!important;margin:0!important;
  border:1px solid var(--focus-line)!important;
  border-radius:12px!important;background:var(--focus-deep)!important;
  box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice>.cash-setting-title{
  margin:0!important;font-size:11px!important;line-height:1.3!important;
  color:var(--focus-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice>.cash-inline-balance,
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice>.cash-future-start{
  margin:1px 0!important;min-height:0!important;width:100%!important;
  background:transparent!important;border:0!important;
  box-shadow:none!important;padding:0!important;
  color:var(--focus-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice .cash-inline-balance input{
  min-width:0;max-width:100%;font-size:clamp(24px,3.2vw,36px)!important;
  font-weight:800!important;text-align:left!important;
  color:var(--focus-text)!important;letter-spacing:-.035em;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice>small{
  margin:0!important;max-width:100%;font-size:10px!important;
  line-height:1.4!important;color:var(--focus-muted)!important;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings{
  grid-column:1;min-width:0;
  border:1px solid var(--focus-line);border-radius:10px;
  background:var(--focus-deep);padding:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary{
  list-style:none;cursor:pointer;padding:9px 11px;
  color:var(--focus-muted);font:740 11px/1.4 system-ui,sans-serif;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary::after{content:"  ▾";color:var(--focus-accent)}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings[open]>summary::after{content:"  ▴"}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-controls{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;min-width:0;gap:9px!important;margin:0!important;
  padding:4px 10px 11px!important;border:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-control{
  min-width:0!important;max-width:100%!important;
  overflow:visible!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings :is(input,select){
  width:100%!important;min-width:0!important;max-width:100%!important;
  min-height:38px!important;box-sizing:border-box;
  color:var(--focus-text)!important;background:var(--focus-panel)!important;
  border:1px solid var(--focus-line)!important;border-radius:8px;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway{
  margin:2px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-month{
  min-height:68px!important;padding:9px!important;max-width:100%;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-month>div>span{
  font-size:clamp(10px,1.2vw,12px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-month .wmd-runway-status{
  font-size:10px!important;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero.wmd-has-expanded-runway .cash-runway-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
  display:flex!important;flex-direction:column;align-items:flex-start!important;
  justify-content:center!important;text-align:left!important;
  gap:5px;min-width:0;min-height:81px;
  padding:10px 12px;border:1px solid var(--focus-line);
  border-radius:12px;background:var(--focus-deep);
  color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>span{
  display:block;min-width:0;
  color:var(--focus-muted)!important;
  font:680 10px/1.4 system-ui,sans-serif!important;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
  display:block;min-width:0;max-width:100%;
  font:820 clamp(19px,2.5vw,28px)/1.15 system-ui,sans-serif!important;
  letter-spacing:-.035em;color:var(--focus-text)!important;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-caption{
  color:var(--focus-muted);font-size:10px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.cash-card-payment-center{
  padding:0!important;margin:0!important;min-width:0;max-width:100%;
  background:transparent!important;box-shadow:none!important;
  border:0!important;border-radius:0!important;
  color:var(--focus-text);
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.cash-card-payment-center>header{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-center .cash-card-payment-rows{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:6px!important;margin-top:0;overflow-x:hidden!important;
  overflow-y:auto!important;max-height:325px;overscroll-behavior:contain;
  scrollbar-width:thin;padding-right:2px;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-card{
  margin:0!important;padding:0!important;min-width:0;
  border:1px solid var(--focus-line)!important;border-radius:10px!important;
  background:var(--focus-deep)!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary{
  display:grid!important;
  grid-template-columns:22px minmax(0,1fr) auto 14px!important;
  grid-template-rows:auto auto;
  align-items:center;gap:5px 8px!important;min-width:0;
  padding:10px!important;min-height:0!important;
  background:var(--focus-raised)!important;
  border-radius:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-icon{
  grid-column:1;grid-row:1;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-name{
  grid-column:2;grid-row:1;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-money{
  grid-column:3;grid-row:1;min-width:0;justify-items:end;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-arrow{
  grid-column:4;grid-row:1;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-transfer{
  grid-column:2 / 4;grid-row:2;display:flex!important;gap:6px;
  align-items:baseline;justify-content:space-between;
  border-top:1px solid var(--focus-line);
  padding:5px 0 0!important;margin:0!important;
  min-width:0;flex-wrap:wrap;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-name>strong,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-money>strong,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-transfer>strong{
  color:var(--focus-text)!important;line-height:1.25;
  font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary-money>strong{
  font-size:clamp(14px,1.6vw,18px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary :is(small){
  color:var(--focus-muted)!important;font-size:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-expanded{
  background:var(--focus-panel)!important;border-color:var(--focus-line)!important;
  padding:11px!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-expanded-facts{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-utilities{
  display:flex;align-items:center;gap:7px;
  margin:0 0 9px!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-utilities>span{
  display:none!important; /* Explanation exists in detailed payment settings. */
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-utilities button{
  min-height:35px!important;padding:7px 10px!important;
  font:700 11px/1.35 system-ui,sans-serif!important;
  border:1px solid var(--focus-line)!important;
  color:var(--focus-text)!important;background:var(--focus-raised)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-assumption{
  padding:9px!important;margin:8px 0!important;
  background:var(--focus-deep)!important;border:1px solid var(--focus-line)!important;
  border-radius:10px;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col :is(
  .cash-card-payment-methods,.cash-card-payment-settings
){margin:8px 0 0!important;padding:0!important;border-color:var(--focus-line)!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-methods>summary,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-settings>summary{
  color:var(--focus-muted)!important;font-size:11px!important;
  min-height:33px!important;padding:7px 2px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-settings .cash-top-cards{
  display:grid;gap:8px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col :is(
  .cash-card-payment-settings input,.cash-card-payment-settings select,.cash-card-payment-methods select
){max-width:100%;min-width:0}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col :is(
  .cash-wallet-summary,.cash-card-payment-methods>summary,
  .cash-card-payment-settings>summary
):focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary:focus-visible{
  outline:2px solid var(--focus-accent);outline-offset:2px;
}
@media(max-width:980px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    grid-template-columns:minmax(0,1fr)!important;
    padding:0!important;gap:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-cash-col,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col{
    padding:12px!important;
  }
}
@media(max-width:440px){
  #app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-controls{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
    font-size:clamp(17px,5vw,23px)!important;
  }
}

}
/* cashflow-ocean-followthrough.css */
@media screen {
/* Cash Flow ocean finishing pass: old emerald/teal selectors in the calendar
   editor and monthly checklist were more specific than early blue palette CSS.
   Explicitly scope to the non-Mint app; the Mint appearance remains an option.
   Never recolor semantic late/overdue warnings or liability-red amounts. */
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow {
  --cashflow-ocean-line:var(--wmd-theme-line,#4d6d88);
  --cashflow-ocean-panel:var(--wmd-theme-panel,#1b3044);
  --cashflow-ocean-deep:var(--wmd-theme-deep,#102235);
  --cashflow-ocean-raised:var(--wmd-theme-raised,#263f55);
  --cashflow-ocean-accent:var(--wmd-theme-accent,#8ec8f3);
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .mm-explore-grid>details {
  background:var(--cashflow-ocean-deep)!important;
  border-color:var(--cashflow-ocean-line)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .mm-explore-grid>details>summary:hover,
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .mm-explore-grid>details[open]>summary {
  background:var(--cashflow-ocean-raised)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .mm-drawer-symbol {
  background:var(--cashflow-ocean-raised)!important;
  border-color:var(--cashflow-ocean-line)!important;
  color:var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist,.cash-checklist-body,.cash-checklist-item,.cashflow-calendar-card,
     .cash-month-review,.cash-debt-selectors,.cash-card-payment-center) {
  accent-color:var(--cashflow-ocean-accent);
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-item:not(.is-overdue),.cash-checklist-status:not(.overdue),
     .cash-card-payment-settings,.cash-method-table>label) {
  border-color:var(--cashflow-ocean-line);
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-card-done input:checked+span {
  background:#335e7b!important;border-color:#8ec8f3!important;
  color:#f3f9fe!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-wallet-paid input,.cash-card-paid-toggle input,.cash-checklist input[type="checkbox"]) {
  accent-color:var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-calendar-editor.cash-editor-premium{
  background:radial-gradient(ellipse at 100% 0%,rgba(129,186,228,.11),transparent 42%),
    var(--wmd-theme-deep,#152438)!important;
  border-color:var(--wmd-theme-line,#405e79)!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 :is(.cash-calendar-editor-head>span,.cash-calendar-category-change) {
  color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 .cash-calendar-cat.selected {
  background:#294861!important;border-color:#99c8e7!important;
  box-shadow:inset 0 0 0 1px #99c8e738!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 .cash-calendar-done input[type="checkbox"]:checked {
  background:#335e7b!important;border-color:#81b4d7!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 .cash-calendar-done input[type="checkbox"]:checked::after{
  background:#f1f7fc!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 :is(.cash-calendar-done input,.cash-calendar-cat,button,input,select,summary):focus-visible{
  outline:2px solid #a3c8e5!important;
  outline-offset:2px!important;
}
#app:not([data-wmd-color-scheme="mint"]) .cash-editor-premium
 :is(.cash-calendar-save,.cash-calendar-editor-head b){
  border-color:var(--wmd-theme-accent,#8ec8f3)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-calendar-payment-method select,.cash-top-field select,.cash-method-table select,
     .cash-calendar-editor select){
  accent-color:var(--cashflow-ocean-accent);
  border-color:var(--cashflow-ocean-line)!important;
}

/* The calendar editor is mounted in document.body, outside #app. Earlier
   #app-scoped palette fixes therefore missed precisely this modal. Target its
   named dialog only when Ocean is selected. Light/Pink/Black palettes retain
   their own authored colors; Mint deliberately retains its green appearance. */
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium{
  background:radial-gradient(ellipse at 100% 0%,rgba(129,186,228,.1),transparent 42%),
    #152438!important;
  border-color:#557895!important;
}
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium .cash-calendar-editor-head>span{
  color:#a8d2ed!important;
}
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium .cash-calendar-cat.selected{
  background:#294861!important;border-color:#99c8e7!important;
  box-shadow:inset 0 0 0 1px #99c8e738!important;
}
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium .cash-calendar-done input[type="checkbox"]:checked{
  background:#335e7b!important;border-color:#81b4d7!important;
}
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium
  :is(.cash-calendar-cat,button,input,select,summary):focus-visible{
  outline:2px solid #a3c8e5!important;outline-offset:2px!important;
}
body:has(#app[data-wmd-color-scheme="ocean"])
  .cash-calendar-editor.cash-editor-premium .cash-calendar-save{
  background:#a3c8e5!important;color:#102637!important;
  border-color:#a3c8e5!important;
}

/* Legacy checklist CSS at the end of styles.css still hardcodes emerald
   surfaces, toggles, tags and progress gradients. This is the Ocean-aware
   replacement for non-Mint palettes, not a change to accounting or risk state.
   Overdue/late status keeps its meaningful warm amber presentation. */
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .cash-checklist{
  border-color:var(--cashflow-ocean-line)!important;
  background:linear-gradient(150deg,var(--cashflow-ocean-panel),var(--cashflow-ocean-deep) 75%)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-eyebrow,.cash-checklist-overview span){
  color:var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-head h3,.cash-checklist-overview strong,.cash-checklist-title){
  color:var(--wmd-theme-text,#f0f7ff)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-head p,.cash-checklist-meta>span,.cash-checklist-help,
     .cash-checklist-amount>span:first-child){
  color:var(--wmd-theme-muted,#b5cade)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .cash-checklist-progress{
  border-color:var(--cashflow-ocean-line)!important;
  background:var(--cashflow-ocean-deep)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .cash-checklist-progress i{
  background:linear-gradient(90deg,#568fc0,#9dcced)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-tools button,.cash-checklist-done,.cash-checklist-edit){
  border-color:var(--cashflow-ocean-line)!important;
  background:var(--cashflow-ocean-raised)!important;
  color:var(--wmd-theme-text,#eef7ff)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-tools button[aria-pressed="true"],.cash-checklist-done[aria-pressed="true"]){
  border-color:var(--cashflow-ocean-accent)!important;
  background:var(--cashflow-ocean-panel)!important;
  color:var(--cashflow-ocean-accent)!important;
  box-shadow:inset 0 0 0 1px var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 :is(.cash-checklist-tools button:hover,.cash-checklist-done:hover,.cash-checklist-edit:hover){
  border-color:var(--cashflow-ocean-accent)!important;
  background:var(--cashflow-ocean-panel)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-group:not(.overdue) h4,
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-group:not(.overdue) h4 small{
  color:var(--wmd-theme-text,#eef7ff)!important;
  border-color:var(--cashflow-ocean-line)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-item:not(.is-overdue){
  border-color:var(--cashflow-ocean-line)!important;
  background:var(--cashflow-ocean-deep)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-item.is-done:not(.is-overdue){
  background:var(--cashflow-ocean-panel)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-status:not(.overdue){
  color:var(--cashflow-ocean-accent)!important;
  background:var(--cashflow-ocean-panel)!important;
  border-color:var(--cashflow-ocean-line)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-status.today{
  color:var(--cashflow-ocean-accent)!important;
  background:var(--cashflow-ocean-raised)!important;
  border-color:var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-money{
  border-color:var(--cashflow-ocean-line)!important;
  background:var(--cashflow-ocean-deep)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-money:focus-within{
  border-color:var(--cashflow-ocean-accent)!important;
  box-shadow:0 0 0 2px rgba(142,200,243,.16)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-money>span{
  color:var(--cashflow-ocean-accent)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-money input{
  color:var(--wmd-theme-text,#eff7ff)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist-empty{
  border-color:var(--cashflow-ocean-line)!important;
  color:var(--wmd-theme-muted,#b9cedd)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .cash-checklist button:focus-visible{
  outline:3px solid var(--cashflow-ocean-accent)!important;
  outline-offset:2px!important;
}

/* Checklist completion stays theme-aware, including Mint and Mixed.
   Preserve the detailed gradient but provide a solid palette fallback for
   forced-colors and renderers that do not support gradient interpolation. */
#app[data-wmd-color-scheme] main.wmd-workspace--cashflow .cash-checklist-progress i{
  background-color:var(--wmd-accent)!important;
  background-image:linear-gradient(90deg,
    color-mix(in srgb,var(--wmd-accent) 65%,var(--wmd-theme-deep)),
    var(--wmd-accent))!important;
}

}
/* cashflow-readable-layout.css */
@media screen {
/* Cash Flow readability and task flow, October 24 desktop review.
   Presentation-only: never duplicate/edit balances, payment rows or forecasts.
   Scoped to signed-in Cash Flow and theme tokens, including optional Mint. */
#app main.wmd-workspace--cashflow{
  width:100%;max-width:1720px!important;min-width:0;box-sizing:border-box;
  padding-inline:clamp(16px,2.5vw,44px)!important;
}
#app:has(>main.wmd-workspace--cashflow)>header{
  max-width:1720px!important;box-sizing:border-box;
  padding-inline:clamp(16px,2.5vw,44px)!important;
}
#app main.wmd-workspace--cashflow>nav{
  display:flex!important;width:100%!important;max-width:100%!important;
  box-sizing:border-box;gap:6px!important;margin:12px 0 19px!important;
}
#app main.wmd-workspace--cashflow>nav>button{
  flex:1 1 0;min-width:0;min-height:44px;
  padding:11px 8px!important;
  font-size:clamp(12px,1vw,15px)!important;
  white-space:normal;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .monthbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px 18px;flex-wrap:wrap;margin:12px 0 17px;
}
#app main.wmd-workspace--cashflow .monthbar-nav{
  display:flex;align-items:center;gap:11px;min-width:0;flex:0 0 auto;
}
#app main.wmd-workspace--cashflow .monthbar-nav h2{
  margin:0;min-width:175px;line-height:1.25;
  font-size:clamp(22px,1.9vw,28px);font-weight:790;
}
#app main.wmd-workspace--cashflow .monthbar-nav>button{
  width:43px;height:43px;min-width:43px;border-radius:10px;
  border-color:var(--wmd-theme-line,#43627a);
}
#app main.wmd-workspace--cashflow .monthbar-actions{
  display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;
  gap:9px;min-width:0;margin-left:auto;
}
#app main.wmd-workspace--cashflow .wmd-cash-update-button,
#app main.wmd-workspace--cashflow .wmd-cash-extra-button{
  appearance:none;display:inline-flex;align-items:center;justify-content:center;
  gap:7px;min-height:44px;max-width:100%;padding:10px 15px;
  box-sizing:border-box;border-radius:11px;cursor:pointer;
  font:760 14px/1.35 system-ui,sans-serif;
  white-space:normal;text-align:center;
}
#app main.wmd-workspace--cashflow .wmd-cash-extra-button{
  border:1px solid var(--wmd-theme-line,#48657d);
  background:var(--wmd-theme-raised,#263e54);
  color:var(--wmd-theme-text,#edf5ff);
}
#app main.wmd-workspace--cashflow .wmd-cash-extra-button:is(:hover,:focus-visible){
  border-color:var(--wmd-theme-accent,#91c9f0);
  background:var(--wmd-theme-panel,#1d3042);
}
#app main.wmd-workspace--cashflow .wmd-cash-extra-button:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#91c9f0);outline-offset:2px;
}

/* Give both existing dashboard panels enough room; never stretch the left
   panel to fake the greater number of credit-card rows on the right. */
#app main.wmd-workspace--cashflow .wmd-focus-hero{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:start!important;gap:clamp(14px,1.55vw,22px)!important;
  width:100%;min-width:0;padding:0!important;margin:0 0 18px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  min-width:0!important;max-width:100%;
  padding:clamp(16px,1.5vw,23px)!important;gap:14px!important;
  border-radius:17px!important;box-sizing:border-box;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading h2,
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading h2{
  font-size:clamp(19px,1.65vw,24px)!important;line-height:1.22;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-balance-choice{
  padding:16px 18px!important;gap:6px!important;
  border-radius:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col
 .cash-balance-choice>.cash-setting-title{
  font-size:12px!important;line-height:1.45!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col
 .cash-balance-choice .cash-inline-balance input{
  font-size:clamp(32px,2.9vw,44px)!important;
  line-height:1.15!important;letter-spacing:-.04em;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col
 .cash-balance-choice>small{
  font-size:12px!important;line-height:1.45!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary{
  display:block;min-height:42px;box-sizing:border-box;
  padding:11px 13px;font-size:13px!important;line-height:1.45;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head h3{
  font-size:16px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero
 .cash-runway-head>div>span{
  font-size:11px!important;letter-spacing:.05em;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-month{
  min-width:0;min-height:82px!important;padding:12px 10px!important;
  border-radius:11px!important;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero
 .cash-runway-month>div>span{
  font-size:clamp(12px,1vw,14px)!important;line-height:1.25;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero
 .cash-runway-month .wmd-runway-status{
  font-size:11px!important;line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{gap:10px!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
  min-height:93px;padding:15px!important;border-radius:12px;
  min-width:0;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>span{
  font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
  font-size:clamp(22px,2vw,30px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-card-payment-center .cash-card-payment-rows{
  gap:9px!important;max-height:430px;overflow-y:auto!important;
  overscroll-behavior:contain;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary{
  min-height:72px!important;padding:13px!important;
  gap:8px 10px!important;box-sizing:border-box;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-wallet-summary-name>strong{
  font-size:14px!important;line-height:1.35;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-wallet-summary-money>strong{
  font-size:clamp(16px,1.35vw,20px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-wallet-summary :is(small){
  font-size:11px!important;line-height:1.4!important;
}

/* The monthly overview is a single full-width step after cash/cards. */
#app main.wmd-workspace--cashflow .wmd-month-guide{
  margin:0 0 16px!important;padding:clamp(16px,1.65vw,24px)!important;
  gap:14px!important;min-width:0;border-radius:17px;
}
#app main.wmd-workspace--cashflow .wmd-mg-head h2{
  font-size:clamp(22px,2vw,29px)!important;line-height:1.2!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-head p{
  font-size:13px!important;line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview{
  padding:clamp(14px,1.3vw,19px)!important;gap:13px!important;
  min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title h3{
  font-size:17px!important;line-height:1.35;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title>span,
#app main.wmd-workspace--cashflow .wmd-mg-list-controls{
  font-size:12px!important;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
  gap:10px!important;padding:15px 17px!important;border-radius:12px;
  min-width:0;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>strong{
  font-size:14px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values{
  font-size:clamp(21px,1.8vw,29px)!important;
  line-height:1.18!important;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values>small{
  font-size:12px!important;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>small,
#app main.wmd-workspace--cashflow .wmd-mg-source-note{
  font-size:12px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-progress{
  height:7px;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary{
  display:flex;align-items:center;min-height:42px;
  padding:11px 3px;font-size:13px!important;line-height:1.45;
}
#app main.wmd-workspace--cashflow .wmd-mg-quick>button{
  min-height:44px!important;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-top{
  font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-plan-row>small,
#app main.wmd-workspace--cashflow .wmd-mg-scheduled-note{
  font-size:12px!important;line-height:1.45!important;
}

/* Clear task hierarchy: one prominent checklist heading, legible rows,
   consistent emoji spacing and a larger internal scrolling region. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist{
  padding:clamp(16px,1.65vw,24px)!important;
  margin:0 0 16px!important;gap:13px!important;border-radius:17px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading h3{
  font-size:clamp(20px,1.8vw,26px)!important;line-height:1.25;
}
#app main.wmd-workspace--cashflow .wmd-focus-visible{
  font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters{
  gap:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters button{
  min-height:41px!important;padding:10px 13px!important;
  font-size:13px!important;line-height:1.3;border-radius:10px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-head h3{
  display:none!important; /* Outer heading already names this same checklist. */
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-head p{
  font-size:13px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-body{
  max-height:min(660px,65vh)!important;overflow:auto;scrollbar-width:thin;
  min-width:0;overscroll-behavior:contain;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-item{
  grid-template-columns:48px minmax(0,1fr) minmax(140px,175px) 78px;
  gap:12px!important;padding:13px!important;border-radius:12px;
  min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-title>span{
  font-size:20px!important;line-height:1.2;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-title strong{
  font-size:15px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-meta>span{
  font-size:12px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-group h4{
  font-size:15px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-group h4 small{
  font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-amount>span:first-child{
  font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist
 .cash-checklist-help{
  font-size:12px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-map{
  padding:12px 17px;margin:0 0 13px;
}
#app main.wmd-workspace--cashflow .wmd-focus-map>summary{
  font-size:14px!important;min-height:35px;
}

/* Use available width, not the tiny desktop cards of the old 1280px shell.
   Stack the financial panels before either becomes cramped. */
@media(max-width:1199px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col
   .cash-card-payment-center .cash-card-payment-rows{
    max-height:420px;
  }
}
@media(max-width:780px){
  #app main.wmd-workspace--cashflow{padding-inline:14px!important}
  #app main.wmd-workspace--cashflow>nav{
    overflow-x:auto;overscroll-behavior-x:contain;
    scroll-snap-type:x proximity;scrollbar-width:thin;
    padding:5px 4px;
  }
  #app main.wmd-workspace--cashflow>nav>button{
    flex:0 0 auto;min-width:94px;scroll-snap-align:start;
    font-size:13px!important;
  }
  #app main.wmd-workspace--cashflow .monthbar{
    display:flex;flex-direction:column;align-items:stretch;gap:11px;
  }
  #app main.wmd-workspace--cashflow .monthbar-nav{
    order:0;justify-content:center;width:100%;
  }
  #app main.wmd-workspace--cashflow .monthbar-nav h2{
    flex:1;min-width:0;text-align:center;font-size:24px;
  }
  #app main.wmd-workspace--cashflow .monthbar-actions{
    order:1;margin:0;width:100%;display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
  }
  #app main.wmd-workspace--cashflow .wmd-cash-update-button,
  #app main.wmd-workspace--cashflow .wmd-cash-extra-button{
    width:100%;font-size:13px;min-height:46px;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
    grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card:last-child{
    grid-column:1/-1;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item{
    grid-template-columns:41px minmax(0,1fr) 80px;
    grid-template-rows:auto auto;gap:9px!important;padding:11px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-done{
    grid-column:1;grid-row:1;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-main{
    grid-column:2/4;grid-row:1;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-amount{
    grid-column:2;grid-row:2;min-width:0;
    display:grid;grid-template-columns:52px minmax(0,1fr);
    gap:7px;align-items:center;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-edit{
    grid-column:3;grid-row:2;min-width:78px;
  }
}
@media(max-width:480px){
  #app main.wmd-workspace--cashflow .wmd-focus-cash-col,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col{
    padding:12px!important;gap:11px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
    font-size:clamp(17px,5vw,24px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-grid{
    gap:6px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-runway-month{
    padding:9px 6px!important;min-height:77px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
    grid-template-columns:minmax(0,1fr);
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card:last-child{
    grid-column:auto;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
    padding:13px 15px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-filters button{
    padding:9px!important;font-size:12px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item{
    grid-template-columns:40px minmax(0,1fr) 74px;
    gap:7px!important;padding:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-amount{
    grid-template-columns:42px minmax(0,1fr);gap:4px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-edit{
    min-width:70px;max-width:100%;
  }
}
@media(max-width:360px){
  #app main.wmd-workspace--cashflow .monthbar-actions{
    grid-template-columns:minmax(0,1fr);
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow
    :is(.wmd-cash-extra-button,.wmd-cash-update-button,.wmd-focus-filters button){
    transition:none!important;transform:none!important;
  }
}

}
/* cashflow-calm-v2.css */
@media screen {
/* Cash Flow calm v2: spacious, purposeful financial hierarchy.
   Presentation only. Scoped to Cash Flow and appearance variables; it never
   changes accounting, category assignments, bank data or saved preferences. */
#app main.wmd-workspace--cashflow{
  --cf2-text:var(--wmd-theme-text,#edf5fd);
  --cf2-muted:var(--wmd-theme-muted,#afc3d5);
  --cf2-base:var(--wmd-theme-deep,#111e2b);
  --cf2-panel:var(--wmd-theme-panel,#1b2d40);
  --cf2-raised:var(--wmd-theme-raised,#293d51);
  --cf2-accent:var(--wmd-theme-accent,#99cef4);
  --cf2-line:color-mix(in srgb,var(--wmd-theme-line,#49677f) 43%,transparent);
  --cf2-subtle:color-mix(in srgb,var(--cf2-raised) 48%,var(--cf2-panel));
  box-sizing:border-box;width:100%;max-width:1600px!important;
  padding-inline:clamp(18px,3vw,48px)!important;
}
#app:has(>main.wmd-workspace--cashflow)>header{
  max-width:1600px!important;padding-inline:clamp(18px,3vw,48px)!important;
}
#app main.wmd-workspace--cashflow>nav{
  margin:10px 0 28px!important;border:1px solid var(--cf2-line);
  padding:5px!important;border-radius:15px;
  background:var(--cf2-base);box-shadow:none!important;
}
#app main.wmd-workspace--cashflow>nav button{
  min-height:46px!important;font-size:clamp(13px,.9vw,15px)!important;
  border-radius:10px!important;
}
#app main.wmd-workspace--cashflow .monthbar{
  margin:5px 0 23px!important;gap:12px 18px!important;
}
#app main.wmd-workspace--cashflow .monthbar-nav h2{
  font-size:clamp(24px,2vw,32px)!important;letter-spacing:-.045em;
}
#app main.wmd-workspace--cashflow .monthbar-actions{gap:10px!important}
#app main.wmd-workspace--cashflow .wmd-cash-update-button,
#app main.wmd-workspace--cashflow .wmd-cash-extra-button{
  min-height:46px!important;border-radius:12px!important;
  padding:11px 17px!important;font-size:14px!important;
  transition:background .16s ease,border-color .16s ease,transform .16s ease;
}
#app main.wmd-workspace--cashflow .wmd-cash-extra-button{
  background:transparent!important;border-color:var(--cf2-line)!important;
  color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-cash-extra-button:hover{
  background:var(--cf2-subtle)!important;border-color:var(--cf2-accent)!important;
}

/* One shared dashboard surface: cash on the left, cards on the right.
   The single divider replaces the old card-inside-card visual noise. */
#app main.wmd-workspace--cashflow .wmd-focus-hero{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;
  align-items:stretch!important;gap:0!important;
  width:100%;min-width:0;box-sizing:border-box;
  padding:0!important;margin:0 0 25px!important;
  border:1px solid var(--cf2-line)!important;border-radius:23px!important;
  background:var(--cf2-panel)!important;
  box-shadow:0 16px 48px rgba(0,0,0,.12)!important;
  overflow:visible;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  display:flex!important;flex-direction:column!important;
  align-self:stretch!important;align-content:start;
  gap:17px!important;box-sizing:border-box;min-width:0;max-width:100%;
  padding:clamp(22px,2.5vw,39px)!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  border-left:1px solid var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading,
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:10px 15px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading h2,
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading h2{
  font:760 clamp(19px,1.4vw,24px)/1.25 system-ui,sans-serif!important;
  color:var(--cf2-text)!important;letter-spacing:-.035em;margin:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-heading .wmd-runway-back{
  margin-left:auto;min-height:32px;padding:6px 11px;border-radius:9px;
}

/* Account settings is configuration: a quiet disclosure in the heading,
   retaining the original editable account and minimum balance controls. */
#app main.wmd-workspace--cashflow .wmd-focus-account-settings{
  position:relative;display:block;flex:none;align-self:center;
  width:auto!important;min-width:0!important;max-width:100%;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary{
  display:inline-flex!important;align-items:center;gap:5px;
  min-height:38px!important;padding:7px 5px!important;
  font:650 12px/1.3 system-ui,sans-serif!important;
  color:var(--cf2-muted)!important;white-space:normal;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary:hover{
  color:var(--cf2-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-controls{
  position:absolute;right:0;top:calc(100% + 6px);z-index:35;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  width:min(335px,calc(100vw - 48px))!important;min-width:250px;
  gap:11px!important;margin:0!important;padding:16px!important;
  border:1px solid var(--cf2-line)!important;border-radius:13px!important;
  background:var(--cf2-panel)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.32)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-controls :is(select,input){
  min-height:42px!important;font-size:14px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview{
  width:100%;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-settings-grid{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:26px!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-balance-choice{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:7px!important;min-height:0!important;
  padding:11px 0 17px!important;margin:0!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-balance-choice>.cash-setting-title{
  margin:0!important;color:var(--cf2-muted)!important;
  font-size:13px!important;font-weight:650!important;letter-spacing:.01em;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-inline-balance,
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-future-start{
  margin:0!important;padding:0!important;max-width:100%;
  min-height:0!important;background:transparent!important;
  border:0!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-inline-balance>span{
  font-size:clamp(34px,3vw,54px)!important;font-weight:790!important;
  color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-inline-balance input{
  width:min(310px,100%)!important;max-width:100%;text-align:left!important;
  padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--cf2-text)!important;font-weight:800!important;
  font-size:clamp(38px,3.4vw,58px)!important;line-height:1.09!important;
  letter-spacing:-.06em;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-inline-balance:focus-within{
  outline:0!important;border-bottom:2px solid var(--cf2-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-balance-choice>small{
  font-size:13px!important;line-height:1.45!important;
  color:var(--cf2-muted)!important;margin:3px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway{
  gap:14px!important;min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:8px!important;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head h3{
  font-size:15px!important;color:var(--cf2-text)!important;letter-spacing:-.01em;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-head>div>span{
  font-size:11px!important;color:var(--cf2-muted)!important;letter-spacing:.03em!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-grid{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;overflow:visible!important;
  border:1px solid var(--cf2-line);border-radius:14px;
  background:var(--cf2-subtle);padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:8px!important;
  min-width:0;min-height:103px!important;padding:14px 15px!important;
  border:0!important;border-radius:0!important;
  border-right:1px solid var(--cf2-line)!important;
  background:transparent!important;box-shadow:none!important;
  color:var(--cf2-text)!important;text-align:left!important;
  transition:background .16s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month:last-child{
  border-right:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--cf2-accent) 8%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div{
  display:block!important;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>span{
  font-size:13px!important;font-weight:780!important;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month strong{
  display:block!important;max-width:100%;font:760 clamp(16px,1.48vw,24px)/1.15 system-ui,sans-serif!important;
  color:var(--cf2-text)!important;letter-spacing:-.035em;
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month .wmd-runway-status{
  display:inline-flex!important;max-width:100%;margin:0!important;
  font-size:11px!important;line-height:1.3!important;
  color:var(--cf2-muted)!important;font-weight:680!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month[data-wmd-threshold-status="below"]{
  background:color-mix(in srgb,#bb5760 10%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month[data-wmd-threshold-status="below"] :is(strong,.wmd-runway-status){
  color:#f3a3aa!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero.wmd-has-expanded-runway .cash-runway-grid{
  grid-template-columns:minmax(0,1fr)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded{
  border-right:0!important;background:var(--cf2-subtle)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded strong{
  font-size:clamp(24px,2vw,32px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month.wmd-runway-expanded .wmd-runway-open-hint{
  display:block!important;color:var(--cf2-accent)!important;font-size:11px!important;
}

/* Card figures read as one financial summary, not two outlined widgets. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0!important;align-items:stretch;padding:7px 0 16px;
  border-bottom:1px solid var(--cf2-line);
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:7px!important;
  min-width:0;min-height:82px!important;padding:8px 16px 8px 0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
  box-shadow:none!important;text-align:left!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
  padding-left:23px!important;border-left:1px solid var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-balance>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>span{
  color:var(--cf2-muted)!important;font-size:12px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
  font-size:clamp(27px,2.35vw,39px)!important;font-weight:780!important;
  line-height:1.12!important;letter-spacing:-.045em;color:var(--cf2-text)!important;
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-caption{
  font-size:12px!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-center{
  display:grid!important;gap:12px!important;min-width:0;
  padding:0!important;border:0!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-rows{
  display:grid!important;gap:0!important;overflow-x:hidden!important;
  max-height:425px;overflow-y:auto;scrollbar-width:thin;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-card{
  margin:0!important;padding:0!important;border:0!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  border-bottom:1px solid var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary{
  display:grid!important;grid-template-columns:30px minmax(0,1fr) auto 15px!important;
  align-items:center;gap:7px 11px!important;
  min-height:71px!important;margin:0!important;padding:12px 4px!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  transition:background .15s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--cf2-accent) 7%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-wallet-summary-name>strong{
  font-size:14px!important;line-height:1.36!important;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-wallet-summary-money>strong{
  font-size:19px!important;color:var(--cf2-text)!important;
  font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-wallet-summary :is(small){
  font-size:11px!important;line-height:1.45!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-wallet-summary-transfer{
  padding:4px 0 0!important;border-top:0!important;
  grid-column:2/4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-card-payment-utilities{
  margin:0!important;padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-card-payment-utilities button{
  background:transparent!important;border:0!important;padding:8px 0!important;
  color:var(--cf2-accent)!important;font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-card-payment-assumption{
  padding:10px 0!important;border:0!important;border-top:1px solid var(--cf2-line)!important;
  background:transparent!important;border-radius:0!important;
  color:var(--cf2-muted)!important;font-size:12px!important;
}
#app main.wmd-workspace--cashflow :is(.cash-card-payment-methods,.cash-card-payment-settings){
  border:0!important;border-top:1px solid var(--cf2-line)!important;
  border-radius:0!important;padding:0!important;
}
#app main.wmd-workspace--cashflow :is(.cash-card-payment-methods,.cash-card-payment-settings)>summary{
  min-height:42px!important;padding:12px 2px!important;
  color:var(--cf2-muted)!important;font-size:12px!important;
}

/* Monthly summary: generous type, one outer surface, restrained category tiles. */
#app main.wmd-workspace--cashflow .wmd-month-guide{
  display:grid!important;gap:19px!important;
  padding:clamp(22px,2.7vw,36px)!important;margin:0 0 22px!important;
  border:1px solid var(--cf2-line)!important;border-radius:21px!important;
  background:var(--cf2-panel)!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-head h2{
  font-size:clamp(24px,2.1vw,32px)!important;line-height:1.2!important;
  letter-spacing:-.04em;
}
#app main.wmd-workspace--cashflow .wmd-mg-head p{
  font-size:13px!important;line-height:1.6!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-update{
  display:none!important; /* One persistent Update money action is in the month header. */
}
#app main.wmd-workspace--cashflow .wmd-mg-next{
  display:flex!important;align-items:center!important;gap:14px!important;
  min-height:50px;padding:13px 16px!important;
  border:0!important;border-radius:12px!important;
  background:var(--cf2-subtle)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-next strong{
  font-size:14px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview{
  display:grid!important;gap:16px!important;padding:0!important;
  border:0!important;border-radius:0!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title{
  gap:10px 18px;align-items:center!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title h3{
  font-size:17px!important;font-weight:760!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-overview-title>span{
  font-size:12px!important;line-height:1.5!important;
  color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
  display:flex!important;flex-direction:column;align-items:stretch;
  gap:10px!important;min-height:136px!important;
  padding:20px 21px!important;
  border:1px solid transparent!important;border-radius:15px!important;
  background:var(--cf2-subtle)!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow button.wmd-mg-purpose-card:is(:hover,:focus-visible,[aria-pressed="true"]){
  border-color:var(--cf2-accent)!important;
  background:color-mix(in srgb,var(--cf2-accent) 11%,var(--cf2-subtle))!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>strong{
  font-size:14px!important;font-weight:750!important;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values{
  font-size:clamp(22px,2vw,30px)!important;
  font-weight:770!important;line-height:1.2!important;
  letter-spacing:-.03em;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-values>small,
#app main.wmd-workspace--cashflow .wmd-mg-purpose-card>small{
  font-size:12px!important;line-height:1.45!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-progress{
  margin-top:auto;display:block;height:6px!important;
  background:color-mix(in srgb,var(--cf2-base) 80%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-purpose-progress i{
  background:var(--cf2-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details{
  border-top:1px solid var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary{
  padding:15px 2px!important;min-height:44px;
  font-size:13px!important;color:var(--cf2-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-quick [data-money-guide-action="money"]{
  display:none!important; /* Same action is visible next to the month selector. */
}
#app main.wmd-workspace--cashflow .wmd-mg-quick:empty{display:none!important}

/* Checklist is a working list, not another set of inset tiles. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist{
  display:grid!important;gap:17px!important;
  padding:clamp(22px,2.7vw,35px)!important;margin:0 0 22px!important;
  border:1px solid var(--cf2-line)!important;border-radius:21px!important;
  background:var(--cf2-panel)!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading{
  align-items:center!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading h3{
  font-size:clamp(22px,2.1vw,30px)!important;letter-spacing:-.035em;
}
#app main.wmd-workspace--cashflow .wmd-focus-visible{
  font-size:13px!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters{
  display:flex!important;gap:8px!important;flex-wrap:wrap;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters button{
  min-height:39px!important;padding:9px 16px!important;
  border:1px solid transparent!important;border-radius:999px!important;
  background:var(--cf2-subtle)!important;
  color:var(--cf2-muted)!important;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-filters button[aria-pressed="true"]{
  border-color:var(--cf2-accent)!important;
  background:color-mix(in srgb,var(--cf2-accent) 14%,var(--cf2-subtle))!important;
  color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist{
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;gap:14px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-head{
  gap:12px!important;padding:0 0 8px!important;
  border-bottom:1px solid var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-head p{
  font-size:13px!important;line-height:1.5!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-body{
  max-height:min(690px,70vh)!important;overflow:auto!important;
  scrollbar-width:thin;padding-right:4px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-group{
  gap:0!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-group h4{
  padding:14px 4px 10px!important;margin:0!important;
  font-size:15px!important;color:var(--cf2-text)!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-group-items{
  display:grid!important;gap:0!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-item{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) minmax(145px,175px) 84px;
  min-width:0;gap:12px!important;align-items:center;
  padding:15px 7px!important;margin:0!important;
  border:0!important;border-bottom:1px solid var(--cf2-line)!important;
  border-radius:0!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-item:not(.is-overdue){
  background:transparent!important;border-color:var(--cf2-line)!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-item.is-overdue{
  border-left:3px solid #d8996b!important;
  background:color-mix(in srgb,#c48563 7%,transparent)!important;
  padding-left:10px!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-title strong{
  font-size:16px!important;line-height:1.45!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-title>span{
  font-size:21px!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-meta>span,
#app main.wmd-workspace--cashflow .cash-checklist-amount>span:first-child{
  font-size:12px!important;line-height:1.45!important;color:var(--cf2-muted)!important;
}
#app main.wmd-workspace--cashflow .cash-checklist-money{
  min-height:42px!important;border:1px solid var(--cf2-line)!important;
  background:var(--cf2-base)!important;border-radius:10px;
}
#app main.wmd-workspace--cashflow .cash-checklist-edit{
  min-height:42px!important;padding:8px 11px!important;
  background:var(--cf2-subtle)!important;border-color:var(--cf2-line)!important;
  border-radius:10px;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-map{
  border:1px solid var(--cf2-line)!important;border-radius:15px!important;
  background:var(--cf2-panel)!important;padding:14px 18px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-map>summary{
  color:var(--cf2-accent)!important;font-size:14px!important;
}

@media(max-width:1120px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col{
    border-left:0!important;border-top:1px solid var(--cf2-line)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-position-overview .cash-inline-balance input{
    font-size:clamp(37px,5vw,55px)!important;
  }
}
@media(max-width:760px){
  #app main.wmd-workspace--cashflow{
    padding-inline:14px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    border-radius:17px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-cash-col,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col{
    padding:21px 17px!important;gap:16px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-account-settings .cash-position-controls{
    right:0;width:min(320px,calc(100vw - 42px))!important;min-width:0;
  }
  #app main.wmd-workspace--cashflow .monthbar{
    margin-bottom:17px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month{
    padding:13px 10px!important;min-height:98px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month strong{
    font-size:clamp(15px,3.5vw,23px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-month-guide,
  #app main.wmd-workspace--cashflow .wmd-focus-checklist{
    padding:20px 16px!important;border-radius:17px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card:last-child{
    grid-column:1/-1;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-item{
    grid-template-columns:41px minmax(0,1fr) 76px;
    grid-template-rows:auto auto;gap:8px 9px!important;padding:13px 3px!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-done{
    grid-column:1;grid-row:1;align-self:start;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-main{
    grid-column:2/4;grid-row:1;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-amount{
    grid-column:2;grid-row:2;display:grid!important;
    grid-template-columns:max-content minmax(0,1fr);gap:10px;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-edit{
    grid-column:3;grid-row:2;min-width:72px;
  }
}
/* On phones, give the complete Planned label its own line.
   Keep the editable amount and Edit action in distinct grid cells. */
@media(max-width:480px){
  #app main.wmd-workspace--cashflow .cash-checklist-amount{
    grid-template-columns:minmax(0,1fr)!important;
    gap:5px!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-amount>span:first-child{
    display:block!important;white-space:normal!important;line-height:1.35!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-money{
    width:100%;min-width:0;box-sizing:border-box;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-edit{
    align-self:end;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-summary{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card:last-child{
    grid-column:auto;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-purpose-card{
    min-height:116px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month{
    min-height:97px!important;padding:11px 7px!important;gap:6px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>span{
    font-size:11px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month .wmd-runway-status{
    font-size:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
    padding-left:12px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-amount,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
    font-size:clamp(22px,6vw,30px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-wallet-summary-money>strong{
    font-size:16px!important;
  }
}
@media(max-width:370px){
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.cash-card-payment-total{
    padding:12px 0!important;border-left:0!important;
    border-top:1px solid var(--cf2-line)!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-amount{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow :is(.cash-runway-month,.cash-wallet-summary,.wmd-cash-extra-button){
    transition:none!important;
  }
}
/* The real recommendation moves from the monthly guide into the quiet space
   below the cash outlook. Its existing action, label and handler are reused. */
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next{
  appearance:none;display:flex!important;align-items:center!important;
  justify-content:space-between!important;gap:12px;
  width:100%;min-height:72px;margin:auto 0 0!important;
  padding:15px 17px!important;border:1px solid var(--cf2-line)!important;
  border-radius:14px!important;background:var(--cf2-subtle)!important;
  color:var(--cf2-text)!important;text-align:left!important;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next:is(:hover,:focus-visible){
  border-color:var(--cf2-accent)!important;
  background:color-mix(in srgb,var(--cf2-accent) 9%,var(--cf2-subtle))!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next>span{
  display:grid;gap:5px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next small{
  color:var(--cf2-muted)!important;font-size:11px!important;
  letter-spacing:.055em!important;font-weight:700!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next strong{
  color:var(--cf2-text)!important;font-size:15px!important;
  line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next .wmd-mg-next-arrow{
  display:grid;place-items:center;flex:none;width:38px;height:38px;
  border-radius:10px;background:var(--cf2-panel)!important;
  border:1px solid var(--cf2-line)!important;color:var(--cf2-accent)!important;
  font-size:20px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-head>div>small{
  display:none!important; /* Date context is already the month selector. */
}
/* The Ocean checklist's old high-specificity background must not resurrect
   solid inset rectangles over the calmer row/divider treatment. */
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .wmd-focus-checklist .cash-checklist-item:not(.is-overdue){
  background:transparent!important;
  border-color:var(--cf2-line)!important;
}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow
 .wmd-focus-checklist .cash-checklist-item.is-done:not(.is-overdue){
  background:color-mix(in srgb,var(--cf2-panel) 72%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-heading .wmd-focus-credit-count{
  font-size:12px!important;color:var(--cf2-muted)!important;
}

}
/* workspace-stable-frame.css */
@media screen {
/* One stable signed-in frame across Home, Net Worth, Budget, Cash Flow,
   Investments and Plan (Goals / Debt / Retirement).
   All pages share one desktop measure. Their inner cards may differ, but
   the header, navigation and outer content no longer expand/recenter on tab change.
   Presentation only; no page routing or financial state is touched. */

/* Reserve the browser's vertical scrollbar space even on shorter workspaces.
   Otherwise a short/long-page transition moves the entire centered shell. */
html:has(#app > main.wmd-workspace) {
  scrollbar-gutter:stable;
}

/* Later workspace styles gave Home a 1640px frame, Cash Flow a 1600px
   frame, and every other page the original 1280px frame. Give the header
   and all workspace mains exactly the same width and horizontal inset. */
#app:has(> main.wmd-workspace) > header.wmd-workspace-header,
#app > main.wmd-workspace {
  box-sizing:border-box!important;
  width:100%!important;
  max-width:1600px!important;
  margin-inline:auto!important;
  padding-inline:clamp(16px,2.2vw,36px)!important;
}
#app > main.wmd-workspace {
  min-width:0!important;
}

/* The six primary destinations must not shift around on hover or navigation.
   Keep the navigation itself at one width, top offset and button distribution.
   Home's gadget grid and each workspace's content remain independent. */
#app > main.wmd-workspace > nav {
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
  margin-top:14px!important;
}
@media (min-width:781px) {
  #app > main.wmd-workspace > nav > button[data-tab] {
    flex:1 1 0%!important;
    min-width:0!important;
    min-height:46px!important;
    font-size:14px!important;
    padding:10px 9px!important;
  }
}

/* A true two-part navigation: Home is a fixed flex child, and only the
   other five pages scroll. Unlike sticky Home, nothing can slide behind it. */
#app > main.wmd-workspace > nav.wmd-primary-nav{
  display:flex!important;align-items:stretch!important;flex-wrap:nowrap!important;
  gap:5px!important;min-width:0!important;padding:5px!important;
  overflow:visible!important;scrollbar-width:none!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"]{
  position:static!important;left:auto!important;z-index:auto!important;
  flex:0 0 56px!important;width:56px!important;min-width:56px!important;max-width:56px!important;
  padding:8px!important;gap:0!important;min-height:44px!important;
  background:#1b2d3b!important;color:#e6f1fa!important;
  border:1px solid #4a6479!important;border-radius:11px!important;
  box-shadow:none!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"].active{
  background:#294963!important;border-color:#92c8ee!important;color:#fff!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"]::before{
  content:none!important;display:none!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"] .wmd-system-icon{
  width:22px!important;height:22px!important;min-width:22px;flex:none;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"] .wmd-nav-home-label{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail{
  display:flex;align-items:stretch;flex:1 1 0;gap:5px;min-width:0;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;scroll-padding-inline:8px;
  scrollbar-width:none;touch-action:pan-x;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail::-webkit-scrollbar{display:none}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  gap:8px!important;flex:1 1 0%!important;min-width:0!important;
  box-sizing:border-box!important;min-height:46px!important;
  margin:0!important;padding:10px 9px!important;
  border:1px solid transparent!important;border-radius:11px!important;
  background:transparent!important;color:#b5c2c5!important;
  font-family:inherit!important;font-size:14px!important;font-weight:600!important;
  line-height:1.4!important;letter-spacing:-.015em!important;
  text-transform:none!important;white-space:nowrap!important;
  text-shadow:none!important;box-shadow:none!important;transform:none!important;
  transition:background-color .16s ease,border-color .16s ease,color .16s ease;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]::before,
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]::after{
  content:none!important;display:none!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab].active{
  color:#edf7f3!important;
  background:color-mix(in srgb,var(--nav-accent,#89c9ee) 13%,#162125)!important;
  border-color:color-mix(in srgb,var(--nav-accent,#89c9ee) 42%,#34434a)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
#app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]:focus-visible,
#app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"]:focus-visible{
  outline:2px solid var(--nav-accent,#89c9ee)!important;outline-offset:2px!important;
}
@media(hover:hover){
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]:hover{
    color:#f0f5f4!important;background:#1e2b31!important;border-color:#3c4d54!important;
  }
}
@media(hover:none){
  /* iOS retains :hover after a tap: only the genuinely active page is highlighted. */
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]:not(.active):hover{
    color:#b5c2c5!important;background:transparent!important;border-color:transparent!important;
  }
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]{
  color:#506577!important;
}
#app[data-wmd-color-scheme="white"] > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab].active{
  background:#dcebf6!important;border-color:#6698bf!important;color:#205a87!important;
}
@media(max-width:780px){
  #app:has(> main.wmd-workspace) > header.wmd-workspace-header,
  #app > main.wmd-workspace{padding-inline:16px!important;}
  #app > main.wmd-workspace > nav.wmd-primary-nav{gap:3px!important;}
  #app > main.wmd-workspace > nav.wmd-primary-nav > button[data-tab="home"]{
    flex-basis:52px!important;width:52px!important;min-width:52px!important;max-width:52px!important;
  }
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail{
    gap:3px;scrollbar-width:thin!important;scrollbar-color:#557d97 transparent;
  }
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail::-webkit-scrollbar{
    display:block!important;height:5px!important;
  }
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail::-webkit-scrollbar-thumb{
    background:#557d97;border-radius:8px;
  }
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]{
    flex:0 0 auto!important;min-width:96px!important;min-height:44px!important;
    padding:10px 13px!important;font-size:14px!important;gap:7px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app > main.wmd-workspace > nav.wmd-primary-nav > .wmd-primary-nav-rail > button[data-tab]{transition:none!important}
}

}
/* cashflow-three-views.css */
@media screen {
/* One Cash Flow workspace, October 24. Presentation-only.
   Semantic tokens preserve Ocean and Mint; no financial model changes. */
#app main.wmd-workspace--cashflow{
  --cfu-text:var(--wmd-theme-text,#edf5ff);
  --cfu-muted:var(--wmd-theme-muted,#bacbdc);
  --cfu-panel:var(--wmd-theme-panel,#1c2e42);
  --cfu-deep:var(--wmd-theme-deep,#122234);
  --cfu-raised:var(--wmd-theme-raised,#263e54);
  --cfu-accent:var(--wmd-theme-accent,#9acef3);
  --cfu-line:var(--wmd-theme-line,#49647c);
}
/* The left cash side should end after the runway and next step. It must
   not stretch to the full height of the credit-card list. */
#app main.wmd-workspace--cashflow .wmd-focus-hero{
  align-items:start!important;
  margin-bottom:16px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  gap:13px!important;
  padding:clamp(16px,2vw,26px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col>.wmd-mg-next{
  margin:4px 0 0!important;
  min-height:66px!important;
  padding:12px 14px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-cash-col .cash-settings-grid{
  gap:14px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice{
  position:relative;min-height:92px!important;
  padding-right:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-setting-title{
  max-width:calc(100% - 119px);
  padding-right:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-edit-balance{
  position:absolute;top:3px;right:0;
  min-height:39px;
  padding:8px 10px!important;
  border:1px solid var(--cfu-line)!important;
  border-radius:9px!important;
  background:var(--cfu-raised)!important;
  color:var(--cfu-accent)!important;
  font:750 12px/1.35 system-ui,sans-serif!important;
  cursor:pointer;white-space:nowrap;
}
#app main.wmd-workspace--cashflow .wmd-focus-edit-balance:is(:hover,:focus-visible){
  border-color:var(--cfu-accent)!important;outline-offset:2px;
}
#app main.wmd-workspace--cashflow .cash-balance-choice .cash-inline-balance:has([data-checking]:not([readonly]):not([disabled])):hover{
  border-bottom:2px solid var(--cfu-accent)!important;
}
#app main.wmd-workspace--cashflow .cash-balance-choice .cash-inline-balance input:not([readonly]):not([disabled]){
  cursor:text;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary{
  min-height:40px!important;
  padding:7px 9px!important;
  font:740 12px/1.35 system-ui,sans-serif!important;
  border:1px solid var(--cfu-line)!important;
  border-radius:9px!important;
  color:var(--cfu-accent)!important;
  background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-account-settings>summary:is(:hover,:focus-visible){
  border-color:var(--cfu-accent)!important;
  background:var(--cfu-raised)!important;
}
/* A scrollable region means two card summaries are visible, not a huge list. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-center .cash-card-payment-rows{
  max-height:204px!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior-y:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--cfu-line) transparent;
  padding-right:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-card-payment-rows:focus-visible{
  outline:2px solid var(--cfu-accent)!important;outline-offset:2px;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary{
  min-height:74px!important;
  padding:10px 4px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col .cash-wallet-summary :is(small){
  font-size:11.5px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-scroll-hint{
  margin:0!important;font:620 12px/1.4 system-ui,sans-serif!important;
  color:var(--cfu-muted)!important;
}
/* Three large, mutually exclusive tabs for the original interactive sections.
   No duplicated payment controls or new calculations. */
#app main.wmd-workspace--cashflow .wmd-cf-views{
  width:100%;min-width:0;box-sizing:border-box;
  margin:0 0 19px;
  padding:clamp(16px,2vw,28px);
  border:1px solid var(--cfu-line);
  border-radius:19px;
  background:var(--cfu-panel);color:var(--cfu-text);
}
#app main.wmd-workspace--cashflow .wmd-cf-views-heading{
  display:flex;justify-content:space-between;align-items:baseline;
  flex-wrap:wrap;gap:6px 15px;margin:0 0 17px;
}
#app main.wmd-workspace--cashflow .wmd-cf-views-heading h2{
  font:790 clamp(21px,2.1vw,28px)/1.25 system-ui,sans-serif!important;
  letter-spacing:-.03em;color:var(--cfu-text)!important;
  margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-views-heading p{
  margin:0!important;font:540 13px/1.5 system-ui,sans-serif!important;
  color:var(--cfu-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-tabs{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;min-width:0;padding:5px;margin:0 0 17px;
  border:1px solid var(--cfu-line);
  border-radius:14px;background:var(--cfu-deep);
}
#app main.wmd-workspace--cashflow .wmd-cf-tab{
  appearance:none;cursor:pointer;min-width:0;min-height:64px;
  padding:13px 9px!important;
  font:750 clamp(13px,1.15vw,16px)/1.3 system-ui,sans-serif!important;
  text-align:center;white-space:normal;
  border:1px solid transparent!important;border-radius:10px!important;
  color:var(--cfu-muted)!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-tab:is(:hover,:focus-visible){
  outline-offset:2px;
  background:var(--cfu-raised)!important;
  border-color:var(--cfu-line)!important;
  color:var(--cfu-text)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-tab[aria-selected="true"]{
  color:var(--cfu-deep)!important;
  background:var(--cfu-accent)!important;
  border-color:var(--cfu-accent)!important;
  box-shadow:0 3px 13px color-mix(in srgb,var(--cfu-accent) 14%,transparent)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view-stack,
#app main.wmd-workspace--cashflow .wmd-cf-view{
  width:100%;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-cf-view[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-cf-unavailable{
  font-size:14px;line-height:1.5;color:var(--cfu-muted);
}
/* The tab container is the only outer card. Remove stacked internal borders. */
#app main.wmd-workspace--cashflow .wmd-cf-view>.wmd-focus-checklist,
#app main.wmd-workspace--cashflow .wmd-cf-view>.wmd-focus-map{
  margin:0!important;padding:0!important;max-width:none!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view>.wmd-focus-map>summary{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .money-map{
  width:100%;min-width:0;max-width:100%!important;
  margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view>.cashflow-calendar-card{
  display:block!important;
  margin:0!important;padding:0!important;max-width:none!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view>.cashflow-calendar-card>summary{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cashflow-calendar-body,
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar{
  display:block!important;
  margin:0!important;padding:0!important;
  max-width:100%!important;min-width:0;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
/* Larger task and calendar typography on laptop, desktop and phones. */
#app main.wmd-workspace--cashflow .wmd-cf-view .wmd-focus-checklist-heading h3{
  font-size:clamp(20px,2vw,25px)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .wmd-focus-visible{
  font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .wmd-focus-filters button{
  min-height:43px!important;padding:10px 13px!important;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-head h3{
  font-size:19px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-head p{
  font-size:14px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-group h4{
  font-size:17px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-group h4 small{
  font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-title strong{
  font-size:15px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-meta,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-meta span{
  font-size:13px!important;line-height:1.45!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-amount,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-amount input{
  font-size:15px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-item :is(button,summary){
  font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-checklist-body{
  max-height:min(710px,72vh)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar-head h3{
  font-size:clamp(20px,2vw,27px)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar-head p{
  font-size:14px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar-weekdays span,
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar-date span,
#app main.wmd-workspace--cashflow .wmd-cf-view .calendar-day-amount span,
#app main.wmd-workspace--cashflow .wmd-cf-view .calendar-day-balance span{
  font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .money-calendar-date b{
  font-size:16px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view :is(.calendar-day-amount strong,.calendar-day-balance b){
  font-size:13.5px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-agenda-copy strong,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-agenda-figures b,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-day-detail-name b{
  font-size:15px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-agenda-copy small,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-agenda-figures small,
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-day-detail-name small{
  font-size:13px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .cash-day-detail-row button{
  min-height:36px;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .mm-event-text strong{
  font-size:14px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view .mm-event-text small,
#app main.wmd-workspace--cashflow .wmd-cf-view .mm-metric-label{
  font-size:13px!important;
}
@media(max-width:980px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col{
    border-left:0!important;border-top:1px solid var(--cfu-line)!important;
  }
}
@media(max-width:570px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice>.cash-setting-title{
    max-width:calc(100% - 105px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-edit-balance{
    padding:7px!important;font-size:11px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-views{
    padding:13px!important;border-radius:15px;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-tabs{
    gap:4px;padding:4px;margin-bottom:13px;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-tab{
    min-height:61px;padding:10px 5px!important;font-size:12px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-views-heading h2{
    font-size:22px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-cf-tab{transition:none!important}
}

}
/* cashflow-action-first.css */
@media screen {
/* Cash Flow focused experience — October 25, 2026.
 * The readable amount and compact card disclosure sit on TOP of the existing
 * ledger/renderers, preserving payments, statement review and routing. */
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance {
  display:flex!important;align-items:baseline!important;justify-content:flex-start!important;
  gap:0!important;min-width:0!important;width:100%!important;max-width:100%!important;
  overflow:hidden!important;white-space:nowrap!important;border:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance>span {
  display:inline-block!important;flex:0 0 auto!important;align-self:baseline!important;
  font:800 clamp(35px,7.5vw,51px)/1.12 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.025em!important;color:#f4f9ff!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance :is(.wmd-focus-amount-display,input[data-checking]) {
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
  margin:0!important;padding:0!important;border:0!important;outline-offset:2px!important;
  border-radius:0!important;background:transparent!important;box-shadow:none!important;
  font:800 clamp(35px,7.5vw,51px)/1.12 system-ui,-apple-system,sans-serif!important;
  font-variant-numeric:tabular-nums lining-nums!important;
  letter-spacing:-.025em!important;color:#f4f9ff!important;
  text-align:left!important;white-space:nowrap!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance button.wmd-focus-amount-display {
  display:inline-flex!important;align-items:baseline!important;flex:0 1 auto!important;
  min-height:45px!important;cursor:pointer!important;
  -webkit-appearance:none!important;appearance:none!important;
  text-decoration:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance button.wmd-focus-amount-display:focus-visible {
  outline:2px solid #a9dbff!important;outline-offset:3px!important;border-radius:4px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance.wmd-focus-balance-resting:not(.is-editing)>input[data-checking] {
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance.wmd-focus-balance-resting.is-editing>button.wmd-focus-amount-display {
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance.wmd-focus-balance-resting.is-editing>input[data-checking] {
  display:block!important;flex:1 1 auto!important;
  width:100%!important;-webkit-appearance:none!important;appearance:none!important;
  min-height:48px!important;-webkit-text-fill-color:#f4f9ff!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
  .cash-inline-balance.wmd-focus-balance-resting.is-editing {
  border-bottom:2px solid #92ccf3!important;overflow:visible!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero
  .cash-future-start {
  font:800 clamp(32px,7.3vw,49px)/1.13 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.025em!important;font-variant-numeric:tabular-nums!important;
  color:#f4f9ff!important;overflow-wrap:break-word!important;
}
#app main.wmd-workspace--cashflow .cash-history-choice
  .cash-inline-balance input[data-ending-balance] {
  font:800 clamp(31px,7vw,45px)/1.13 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.025em!important;color:#f4f9ff!important;
  font-variant-numeric:tabular-nums!important;
}

/* Credit cards are useful for the checking forecast, but not the task that
 * should dominate Cash Flow. A single summary expands the original controls. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  details.wmd-focus-credit-disclosure {
  display:block!important;min-width:0!important;width:100%!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  border:0!important;box-shadow:none!important;background:transparent!important;
  color:#f3f8ff!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-disclosure>summary.wmd-focus-credit-trigger {
  list-style:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center;gap:12px!important;
  margin:0!important;padding:2px 0 13px!important;
  min-width:0!important;min-height:0!important;
  background:transparent!important;border:0!important;
  cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger::-webkit-details-marker { display:none!important; }
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger::marker { content:''!important; }
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-title {
  display:grid!important;grid-column:1!important;grid-row:1!important;gap:3px!important;
  min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-heading {margin:0!important;align-items:baseline!important;}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-hint {
  font-size:12px!important;line-height:1.45!important;
  font-weight:550!important;color:#c5d5e5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger .wmd-focus-credit-metrics {
  grid-column:1 / -1!important;grid-row:2!important;
  padding:9px 0 0!important;margin:0!important;
  border-top:1px solid rgba(150,190,225,.22)!important;
  border-bottom:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-chevron {
  display:block!important;grid-column:2!important;grid-row:1!important;
  color:#abd7f5!important;font-size:25px!important;line-height:1!important;
  transform:rotate(0deg);transition:transform .18s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-disclosure[open]>.wmd-focus-credit-trigger .wmd-focus-credit-chevron {
  transform:rotate(180deg);
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-disclosure>summary:focus-visible {
  outline:2px solid #a9d8fc!important;outline-offset:4px!important;
  border-radius:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body {
  min-width:0!important;padding:12px 0 3px!important;
  border-top:1px solid rgba(151,188,221,.26)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-card-payment-center {
  padding:0!important;margin:0!important;min-width:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  gap:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-card-payment-center>header {display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-card-payment-utilities {
  padding:0 0 4px!important;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-card-payment-utilities>span {display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .wmd-explain-cards {
  margin:7px 0 0!important;border:0!important;
  border-top:1px solid rgba(151,188,221,.25)!important;
  padding:0!important;border-radius:0!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .wmd-explain-cards>summary {
  padding:10px 4px!important;margin:0!important;
  font-size:12px!important;color:#b7dafa!important;
  line-height:1.45!important;min-height:35px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .wmd-explain-cards>summary small {display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .wmd-explain-content {
  padding:6px 5px!important;font-size:13px!important;line-height:1.6!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-card-payment-rows {
  max-height:228px!important;overflow-y:auto!important;overscroll-behavior:contain;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-wallet-card[open] {
  border-bottom:1px solid rgba(151,188,221,.35)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-body .cash-wallet-expanded {
  padding:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-views {
  margin-top:13px!important;
}

/* Remove any residual emerald coloring if another month-loader implementation
 * mounts during a slow transition. The normal navigation no longer mounts it. */
.cash-month-loading {
  background:rgba(5,17,35,.82)!important;
}
.cash-month-loading-card {
  background:#142b43!important;color:#f2f8ff!important;
  border:1px solid #588cb2!important;box-shadow:0 22px 64px rgba(0,0,0,.46)!important;
}
.cash-month-spinner {
  border-color:#355c7c!important;border-top-color:#acdfff!important;
}
@media(max-width:700px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
    .cash-inline-balance :is(.wmd-focus-amount-display,input[data-checking]),
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
    .cash-inline-balance>span {
    font-size:clamp(34px,9.5vw,44px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col
    .wmd-focus-credit-body .cash-card-payment-rows {
    max-height:220px!important;
  }
}
@media(max-width:350px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
    .cash-inline-balance :is(.wmd-focus-amount-display,input[data-checking]),
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-balance-choice
    .cash-inline-balance>span {
    font-size:32px!important;
  }
}
@media(prefers-reduced-motion:reduce) {
  #app main.wmd-workspace--cashflow .wmd-focus-credit-chevron {transition:none!important}
}


/* One card at a time: quieter Cash Flow payment editor.
 * Reuses the real account/payment inputs, with no parallel stored state. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-card-payment-settings .cash-top-panel-body>p{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .cash-card-payment-settings .cash-top-cards{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:start!important;gap:8px!important;margin-top:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-guide{
  margin:6px 0 10px!important;border:0!important;
  border-bottom:1px solid rgba(150,190,225,.23)!important;
  background:transparent!important;color:#d5e5f5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-guide>summary{
  cursor:pointer!important;padding:9px 2px!important;min-height:35px!important;
  color:#abd8f7!important;font-size:13px!important;font-weight:650!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-guide>p{
  margin:0!important;padding:5px 4px 13px!important;
  color:#c6d6e7!important;font-size:13px!important;line-height:1.6!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-payment-editor{
  display:block!important;min-width:0!important;margin:0!important;
  padding:0!important;overflow:hidden!important;
  border:1px solid rgba(149,194,226,.3)!important;
  border-radius:12px!important;background:rgba(21,43,63,.62)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>summary.wmd-focus-payment-editor-trigger{
  list-style:none!important;cursor:pointer!important;display:grid!important;
  grid-template-columns:minmax(0,1fr) auto 18px!important;
  gap:10px!important;align-items:center!important;
  min-height:65px!important;padding:12px 14px!important;
  background:transparent!important;border:0!important;color:#f3f8fe!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>summary::-webkit-details-marker{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>summary::marker{content:''!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>summary:is(:hover,:focus-visible){
  background:rgba(123,190,231,.12)!important;
  outline-offset:-3px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>summary:focus-visible{outline:2px solid #a4d9ff!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-title,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-value{
  display:grid!important;gap:4px!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-title>strong{
  color:#f5faff!important;font-size:15px!important;line-height:1.3!important;
  font-weight:750!important;overflow-wrap:anywhere!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-title>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-value>small{
  color:#c2d5e8!important;font-size:12px!important;line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-value{text-align:right!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-value>strong{
  color:#f2f9ff!important;font-size:16px!important;font-weight:800!important;
  line-height:1.25!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-editor-arrow{
  color:#abd7f5!important;font-size:22px!important;line-height:1!important;
  transition:transform .16s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor[open]>.wmd-focus-payment-editor-trigger{
  border-bottom:1px solid rgba(149,194,226,.28)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor[open] .wmd-focus-editor-arrow{transform:rotate(180deg)}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>.cash-top-card{
  display:block!important;min-width:0!important;
  margin:0!important;padding:13px!important;
  border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor>.cash-top-card>.cash-top-card-head{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor .cash-top-card-grid{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor .cash-top-field>span{font-size:12px!important;line-height:1.45!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-payment-editor .cash-top-field>small{font-size:11px!important;line-height:1.45!important}
@media(max-width:700px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-payment-editor .cash-top-card-grid{
   grid-template-columns:minmax(0,1fr)!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-payment-editor>summary.wmd-focus-payment-editor-trigger{
   grid-template-columns:minmax(0,1fr) auto 14px!important;
   gap:6px!important;padding:11px!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-editor-title>strong{font-size:14px!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-editor-value>strong{font-size:15px!important}
}
@media(max-width:365px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-payment-editor>summary.wmd-focus-payment-editor-trigger{
   grid-template-columns:minmax(0,1fr) 14px!important;
   grid-template-rows:auto auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-editor-value{grid-column:1!important;grid-row:2!important;text-align:left!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-editor-arrow{grid-column:2!important;grid-row:1!important}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-editor-arrow{transition:none!important}
}


/* Included cards use the right-hand dashboard space even while the detailed
 * payment manager is closed. All numbers come from existing wallet rows. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 >.wmd-focus-card-glance{
  display:flex!important;flex-direction:column!important;
  gap:10px!important;flex:1 1 auto!important;min-width:0!important;
  width:100%!important;max-width:100%!important;
  margin:0!important;padding:15px 0 0!important;
  border-top:1px solid rgba(147,186,217,.25)!important;
  background:transparent!important;color:var(--cf2-text,#f3f9ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 >.wmd-focus-card-glance[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-head{
 display:flex!important;align-items:baseline!important;justify-content:space-between!important;
 gap:8px 14px!important;flex-wrap:wrap!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-head h3{
 color:var(--cf2-text,#f3f9ff)!important;margin:0!important;
 font:750 15px/1.4 system-ui,sans-serif!important;letter-spacing:-.01em!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-head>small{
 color:var(--cf2-muted,#b9cfe2)!important;font-size:11px!important;line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list{
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 align-content:start!important;min-width:0!important;
 border-top:1px solid rgba(147,186,217,.15)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.is-scrollable{
 max-height:328px!important;overflow-y:auto!important;overflow-x:hidden!important;
 overscroll-behavior:contain!important;scrollbar-width:thin!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.is-scrollable:focus-visible{
 outline:2px solid var(--cf2-accent,#9ad4f9)!important;outline-offset:2px!important;
}
#app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row{
 display:grid!important;grid-template-columns:27px minmax(0,1fr) minmax(74px,.46fr) minmax(102px,.7fr) 14px!important;
 gap:9px!important;align-items:center!important;text-align:left!important;
 width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:79px!important;padding:12px 3px!important;margin:0!important;
 border:0!important;border-bottom:1px solid rgba(147,186,217,.22)!important;
 border-radius:0!important;background:transparent!important;
 box-shadow:none!important;cursor:pointer!important;color:var(--cf2-text,#f3f9ff)!important;
 transition:background .15s ease!important;
}
#app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row:is(:hover,:focus-visible){
 background:rgba(136,195,233,.08)!important;
}
#app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row:focus-visible{
 outline:2px solid var(--cf2-accent,#9ad4f9)!important;outline-offset:-3px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-chip{
 display:grid!important;place-items:center!important;align-self:center!important;
 width:27px!important;height:32px!important;font-size:18px!important;
}
#app main.wmd-workspace--cashflow :is(
 .wmd-focus-glance-name,.wmd-focus-glance-balance,.wmd-focus-glance-payment
){
 display:grid!important;align-content:center!important;gap:4px!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-name>strong{
 color:var(--cf2-text,#f3f9ff)!important;font:750 13px/1.35 system-ui,sans-serif!important;
 overflow-wrap:anywhere!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-name>small{
 color:var(--cf2-muted,#b9cfe2)!important;font:550 11px/1.35 system-ui,sans-serif!important;
 overflow-wrap:anywhere!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-name>small.is-review{
 color:#ffd58b!important;
}
#app main.wmd-workspace--cashflow :is(
 .wmd-focus-glance-balance,.wmd-focus-glance-payment
)>small{
 color:var(--cf2-muted,#b9cfe2)!important;
 font:550 10px/1.35 system-ui,sans-serif!important;white-space:normal!important;
}
#app main.wmd-workspace--cashflow :is(
 .wmd-focus-glance-balance,.wmd-focus-glance-payment
)>strong{
 color:var(--cf2-text,#f3f9ff)!important;font:780 14px/1.3 system-ui,sans-serif!important;
 font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-payment>strong:not(.wmd-private-value){
 color:var(--cf2-muted,#b9cfe2)!important;font-size:12px!important;white-space:normal!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-payment>em{
 color:var(--cf2-muted,#b9cfe2)!important;
 font:550 10px/1.35 system-ui,sans-serif!important;overflow-wrap:anywhere!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-payment>em.is-review{color:#ffd58b!important}
#app main.wmd-workspace--cashflow .wmd-focus-glance-arrow{
 justify-self:end!important;color:var(--cf2-accent,#9ad4f9)!important;
 font-size:23px!important;font-weight:500!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-empty{
 color:var(--cf2-muted,#b9cfe2)!important;font-size:13px!important;
 line-height:1.6!important;margin:12px 0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-add{
 justify-self:start!important;min-height:39px!important;padding:8px 12px!important;
 color:var(--cf2-text,#f3f9ff)!important;background:rgba(121,188,230,.13)!important;
 border:1px solid rgba(150,199,237,.48)!important;border-radius:9px!important;
 cursor:pointer!important;font:700 12px/1.35 system-ui,sans-serif!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-scroll-hint{
 color:var(--cf2-muted,#b9cfe2)!important;font-size:11px!important;line-height:1.4!important;
}
@media(max-width:1199px){
 #app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row{
  grid-template-columns:27px minmax(0,1fr) minmax(70px,.4fr) minmax(100px,.65fr) 13px!important;
  gap:7px!important;
 }
}
@media(max-width:700px){
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.is-scrollable{max-height:308px!important}
 #app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row{
  grid-template-columns:26px minmax(0,1fr) minmax(96px,.65fr) 13px!important;
  grid-template-rows:auto auto!important;
  gap:5px 9px!important;min-height:96px!important;padding:13px 3px!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-glance-chip{grid-column:1!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-name{grid-column:2/4!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-payment{grid-column:3!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-arrow{grid-column:4!important;grid-row:1!important}
}
@media(max-width:370px){
 #app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row{
  grid-template-columns:25px minmax(0,1fr) 13px!important;
  grid-template-rows:auto auto auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-glance-name{grid-column:2!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-payment{grid-column:2!important;grid-row:3!important}
 #app main.wmd-workspace--cashflow .wmd-focus-glance-arrow{grid-column:3!important;grid-row:1!important}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow button.wmd-focus-card-glance-row{transition:none!important}
}


/* October 25 simplified Cash Flow: one card row, one editor, one setup link.
   The previous wallet and duplicate manage-card list remain attached for
   existing reconciliation/routing, but are never repeated visually. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-credit-heading{
 width:100%!important;min-width:0!important;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-credit-metrics{
 width:100%!important;min-width:0!important;
 padding:0 0 14px!important;border-bottom:1px solid rgba(155,190,219,.2)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-card-glance{
 padding:0!important;border:0!important;gap:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-card-glance
 .wmd-focus-card-glance-head{
 display:flex!important;align-items:center!important;justify-content:space-between!important;
 gap:7px!important;padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-card-glance
 .wmd-focus-card-glance-head h3{font-size:15px!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-card-glance
 .wmd-focus-card-glance-list{
 border-top:0!important;gap:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-card-glance-card{
 display:block!important;min-width:0!important;padding:0!important;margin:0!important;
 border:0!important;border-bottom:1px solid rgba(150,190,224,.2)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
 color:#f3f8ff!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
 list-style:none!important;display:grid!important;
 grid-template-columns:26px minmax(0,1fr) minmax(75px,.43fr) minmax(102px,.62fr) 16px!important;
 gap:9px!important;align-items:center!important;
 min-width:0!important;min-height:74px!important;
 margin:0!important;padding:11px 3px!important;background:transparent!important;
 border:0!important;border-radius:0!important;cursor:pointer!important;
 color:var(--cf2-text,#f3f9ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card>summary::-webkit-details-marker{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card>summary::marker{content:''!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card>summary:is(:hover,:focus-visible){
 background:rgba(130,190,229,.09)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card>summary:focus-visible{
 outline:2px solid #9dd9ff!important;outline-offset:-2px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card[open]>.wmd-focus-card-glance-row{
 background:rgba(129,183,227,.09)!important;border-bottom:1px solid rgba(150,190,224,.25)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card[open] .wmd-focus-glance-arrow{
 transform:rotate(180deg)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-list.has-open-card{
 max-height:none!important;overflow:visible!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.has-open-card
 >.wmd-focus-card-glance-card:not([open]){display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.has-open-card
 +.wmd-focus-glance-scroll-hint{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card>.cash-top-card{
 padding:13px 3px 15px!important;margin:0!important;min-width:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
 border-radius:0!important;display:grid!important;gap:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .cash-top-card-head{
 display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-card-back{
 justify-self:start!important;align-self:start!important;
 background:transparent!important;border:0!important;
 color:#a4d8f9!important;font:700 12px/1.4 system-ui,sans-serif!important;
 padding:6px 0!important;margin:0!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-top-card-grid.wmd-focus-simple-fields{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:12px!important;align-items:start!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-top-card-grid.wmd-focus-simple-fields .cash-top-field{
 min-width:0!important;max-width:100%!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card-pay]){
 display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-simple-custom .wmd-focus-simple-fields .cash-top-field:has([data-card-pay]){
 display:grid!important;grid-column:1/-1!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-simple-paid .wmd-focus-simple-fields{display:grid!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-simple-paid .wmd-focus-simple-fields .cash-top-field:has([data-card-payment-date]){display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-simple-fields .cash-top-field:has([data-card-usual-payment]){min-width:0!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field>small{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-card-paid-toggle{
 display:flex!important;min-width:0!important;margin:0!important;
 padding:11px 12px!important;border:1px solid rgba(140,185,219,.32)!important;
 border-radius:9px!important;background:rgba(109,171,220,.055)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-card-paid-toggle b{font-size:13px!important;color:#eef7ff!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-card-paid-toggle small{font-size:11px!important;color:#b7cddd!important;line-height:1.4!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-actions{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-actions .cash-wallet-action{
 min-height:36px!important;font-size:12px!important;padding:8px 12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more{
 display:block!important;padding:0!important;margin:0!important;
 border:0!important;border-top:1px solid rgba(155,194,222,.22)!important;
 background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more>summary{
 list-style:none!important;display:block!important;min-height:38px!important;
 padding:11px 1px!important;color:#adcfe8!important;
 font:650 12px/1.4 system-ui,sans-serif!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more>summary::after{content:'  ⌄';color:#acdafa!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more[open]>summary::after{content:'  ⌃'}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more-body{display:grid!important;gap:10px!important;padding:5px 0 14px!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-more-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-top-field>span{font-size:12px!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-top-field>small{font-size:11px!important;line-height:1.35!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-more-body>p{color:#b8cee0!important;font-size:12px!important;line-height:1.5!important}

/* Credit-card payment controls retain the selected palette after field relocation. */
/* The one-card editor moves the ORIGINAL fields outside .cash-card-payment-settings.
   The old descendant-only styles could no longer reach them. */
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings){
 --wmd-card-field-bg:var(--wmd-theme-deep,#12283c);
 --wmd-card-field-line:var(--wmd-theme-line,#557691);
 --wmd-card-field-text:var(--wmd-theme-text,#f1f8ff);
 --wmd-card-field-muted:var(--wmd-theme-muted,#bbd1e4);
 --wmd-card-field-accent:var(--wmd-theme-accent,#9bcef4);
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-money,.cash-top-check,.cash-top-card-advanced,.cash-top-total){
 background:var(--wmd-card-field-bg)!important;
 border-color:var(--wmd-card-field-line)!important;
 box-shadow:none!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 .cash-top-card-advanced>.cash-top-card-grid{
 border-top-color:var(--wmd-card-field-line)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-field>span,.cash-top-check b,.cash-top-card-advanced>summary){
 color:var(--wmd-card-field-text)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 .cash-top-field>span{font-size:13px!important;line-height:1.4!important}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-field small,.cash-top-card-advanced>p,.cash-top-total span){
 color:var(--wmd-card-field-muted)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-money>span,.cash-top-total strong){
 color:var(--wmd-card-field-accent)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 .cash-top-money input{
 background:transparent!important;
 color:var(--wmd-card-field-text)!important;
 -webkit-text-fill-color:var(--wmd-card-field-text)!important;
 caret-color:var(--wmd-card-field-accent)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 .cash-top-money input[readonly]{
 color:var(--wmd-card-field-muted)!important;
 -webkit-text-fill-color:var(--wmd-card-field-muted)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(input[data-card-payment-date],select.cash-top-day,select[data-card-usual-payment],select[data-card-payment-mode],select[data-card-balance-source]){
 box-sizing:border-box!important;width:100%;min-width:0;min-height:44px;
 background:var(--wmd-card-field-bg)!important;
 border:1px solid var(--wmd-card-field-line)!important;
 border-radius:9px!important;
 color:var(--wmd-card-field-text)!important;
 -webkit-text-fill-color:var(--wmd-card-field-text)!important;
 font-family:inherit!important;
 font-size:15px!important;
}
#app:not([data-wmd-color-scheme="white"]) main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(input[data-card-payment-date],select.cash-top-day,select[data-card-usual-payment],select[data-card-payment-mode],select[data-card-balance-source]){
 color-scheme:dark!important;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(input[data-card-payment-date],select.cash-top-day,select[data-card-usual-payment],select[data-card-payment-mode],select[data-card-balance-source]){
 color-scheme:light!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 select:is([data-card-usual-payment],[data-card-payment-mode],[data-card-balance-source],.cash-top-day) option{
 background:var(--wmd-card-field-bg);
 color:var(--wmd-card-field-text);
}
#app:not([data-wmd-color-scheme="white"]) main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 input[data-card-payment-date]::-webkit-calendar-picker-indicator{
 filter:brightness(0) invert(1);opacity:.92;cursor:pointer;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-money:focus-within,input[data-card-payment-date]:focus-visible,
     select.cash-top-day:focus-visible,select[data-card-usual-payment]:focus-visible,select[data-card-payment-mode]:focus-visible,
      select[data-card-balance-source]:focus-visible){
 outline:2px solid var(--wmd-card-field-accent)!important;
 outline-offset:2px!important;
 border-color:var(--wmd-card-field-accent)!important;
}
#app main.wmd-workspace--cashflow
 :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
 :is(.cash-top-check input[type="checkbox"],.cash-card-paid-toggle input[type="checkbox"]){
 accent-color:var(--wmd-card-field-accent)!important;
}
@media(max-width:700px){
 #app main.wmd-workspace--cashflow
  :is(.wmd-focus-card-glance-card,.wmd-focus-payment-editor,.cash-card-payment-settings)
  :is(input[data-card-payment-date],select.cash-top-day,select[data-card-usual-payment],select[data-card-payment-mode],select[data-card-balance-source]){
  font-size:16px!important; /* Avoid phone input zoom. */
 }
}
#app main.wmd-workspace--cashflow .cash-card-balance-source-choice{
  display:grid!important;gap:8px!important;margin:12px 0 0!important;
  color:var(--wmd-card-field-text,var(--wmd-theme-text,#f1f8ff))!important;
  font-weight:720!important;font-size:13px!important;
}
#app main.wmd-workspace--cashflow .cash-card-balance-source-choice>small{
  font-weight:500!important;line-height:1.5!important;
  color:var(--wmd-card-field-muted,var(--wmd-theme-muted,#b6d0e4))!important;
}
#app main.wmd-workspace--cashflow .cash-card-balance-comparison{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;margin:12px 0 0!important;
}
#app main.wmd-workspace--cashflow .cash-card-balance-comparison>span{
  display:grid!important;gap:5px!important;min-width:0!important;
  border:1px solid var(--wmd-card-field-line,var(--wmd-theme-line,#58768c))!important;
  background:var(--wmd-card-field-bg,var(--wmd-theme-deep,#12283c))!important;
  border-radius:10px!important;padding:10px 12px!important;
  font-size:12px!important;
  color:var(--wmd-card-field-muted,var(--wmd-theme-muted,#b6d0e4))!important;
}
#app main.wmd-workspace--cashflow .cash-card-balance-comparison b{
  min-width:0!important;overflow-wrap:anywhere!important;
  font-size:17px!important;font-variant-numeric:tabular-nums!important;
  color:var(--wmd-card-field-text,var(--wmd-theme-text,#f1f8ff))!important;
}
@media(max-width:400px){
  #app main.wmd-workspace--cashflow .cash-card-balance-comparison{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* End card payment editor palette. */

#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-credit-disclosure{
 order:10!important;flex:0 0 auto!important;
 border-top:1px solid rgba(151,186,221,.25)!important;
 padding:3px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-disclosure>summary.wmd-focus-credit-trigger{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto 15px!important;
 grid-template-rows:auto!important;gap:7px!important;
 margin:0!important;padding:11px 2px!important;
 min-height:38px!important;border:0!important;
 color:#add7f7!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-trigger .wmd-focus-card-setup-label{
 grid-column:1!important;grid-row:1!important;
 font:700 13px/1.4 system-ui,sans-serif!important;color:#add7f7!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-trigger .wmd-focus-card-setup-hint{
 grid-column:2!important;grid-row:1!important;
 font:550 11px/1.4 system-ui,sans-serif!important;color:#aebecf!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-trigger .wmd-focus-credit-chevron{
 grid-column:3!important;grid-row:1!important;
 font-size:19px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-trigger .wmd-focus-credit-metrics{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body{padding:4px 0 10px!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-rows,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-assumption,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-utilities,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings>summary,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings .cash-top-total,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings .cash-top-explainer,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-center>header,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .wmd-focus-card-scroll-hint{
 display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings .cash-top-cards:empty{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings .cash-top-panel-body{
 display:grid!important;gap:9px!important;padding:0!important;border:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-settings{
 margin:0!important;border:0!important;padding:0!important;background:transparent!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-top-picker{
 margin:0!important;padding:0!important;border:1px solid rgba(151,190,221,.35)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-body .cash-card-payment-methods{
 margin:6px 0 0!important;
}
@media(max-width:700px){
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .cash-top-card-grid.wmd-focus-simple-fields,
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-more-fields{grid-template-columns:minmax(0,1fr)!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
  grid-template-columns:25px minmax(0,1fr) minmax(77px,.6fr) 15px!important;
  grid-template-rows:auto auto!important;min-height:84px!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-name{grid-column:2 / 4!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-payment{grid-column:3!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-arrow{grid-column:4!important;grid-row:1!important}
}
@media(max-width:365px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
  grid-template-columns:23px minmax(0,1fr) 15px!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-name{grid-column:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-payment{grid-column:2!important;grid-row:3!important}
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-arrow{grid-column:3!important}
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-glance-arrow{transition:none!important}
}


/* Native <details> closed-state must win over author display overrides.
 * Otherwise Chromium/Safari can expose every hidden payment form at once. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-card-glance-card:not([open])>.cash-top-card{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-card-more:not([open])>.wmd-focus-card-more-body{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.wmd-focus-credit-disclosure:not([open])>.wmd-focus-credit-body{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 details.cash-card-payment-settings:not([open])>.cash-top-panel-body{
  display:none!important;
}


/* Don't offer a cleared-payment action for a $0 planned transfer. */
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .cash-card-paid-toggle[hidden]{
 display:none!important;
}


/* Unified Cash Flow month: one action panel with Budget context, not another
   long stand-alone monthly overview. Values still come from the shared model. */
#app main.wmd-workspace--cashflow .wmd-month-guide[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-cf-view[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-cf-view>.wmd-cf-inline-overview{
 width:100%!important;min-width:0!important;
 margin:0 0 13px!important;padding:0 0 15px!important;
 border:0!important;border-bottom:1px solid rgba(145,189,223,.25)!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview>.wmd-mg-overview-title{
 display:flex!important;align-items:baseline!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:8px 14px!important;margin:0 0 13px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview>.wmd-mg-overview-title h3{
 font-size:17px!important;font-weight:760!important;line-height:1.3!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-summary{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:10px!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 gap:7px!important;min-width:0!important;min-height:158px!important;
 margin:0!important;padding:15px!important;
 border-radius:12px!important;background:rgba(105,166,207,.09)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card>strong{
 font-size:15px!important;font-weight:750!important;line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-values{
 font-size:clamp(18px,1.55vw,23px)!important;line-height:1.18!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-values>small{
 font-size:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder{
 display:flex!important;align-items:baseline!important;justify-content:space-between!important;
 flex-wrap:wrap!important;gap:5px 9px!important;
 margin:5px 0 0!important;padding:9px 0 0!important;
 border-top:1px solid rgba(160,195,224,.2)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder>span{
 color:#c3d9eb!important;font-size:12px!important;font-weight:650!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder>strong{
 color:#f3faff!important;font-size:clamp(19px,1.8vw,26px)!important;
 font-weight:810!important;line-height:1.2!important;
 font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder.is-over>span,
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder.is-over>strong{
 color:#ff9b9b!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card>small{
 color:#b9cfdf!important;font-size:11px!important;line-height:1.35!important;
 margin-top:auto!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-focus-budget-details{
 margin:13px 0 0!important;padding:0!important;
 border:0!important;border-top:1px solid rgba(155,193,228,.19)!important;
 background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-focus-budget-details>summary{
 display:block!important;padding:11px 2px!important;
 font-size:13px!important;font-weight:720!important;
 color:#a5d8fa!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-scroll{
 max-height:min(375px,46vh)!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-plan-difference{
 display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;
 gap:6px!important;margin:5px 0 4px!important;
 font-size:12px!important;font-weight:650!important;color:#bfd8ea!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-plan-difference strong{
 font-size:15px!important;font-weight:800!important;color:#f4faff!important;
 font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-plan-difference.is-over,
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-plan-difference.is-over strong{
 color:#ff9b9b!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-plan-difference.is-unknown{
 color:#f4cc8a!important;
}
/* Keep only one status filter bar. The existing checklist, date editor and
   mark-paid actions remain connected to the app. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist>.wmd-focus-checklist-heading{
 margin:4px 0 8px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-progress,
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-tools{
 display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-body{
 overflow-x:hidden!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item{
 min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item[hidden],
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-group[hidden],
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview [data-money-guide-kind][hidden]{
 display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-jump-target{
 outline:2px solid var(--wmd-theme-accent,#a0d3f4)!important;
 outline-offset:-2px!important;border-radius:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-filters button{
 min-height:39px!important;padding:8px 12px!important;
}
/* Clear feedback for Needs / Wants / Savings filtering in the shared
   monthly activity list. These controls are presentation-only. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-purpose-context{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:9px 12px!important;min-width:0!important;
  padding:10px 13px!important;margin:0 0 3px!important;
  border:1px solid rgba(151,206,246,.52)!important;
  border-radius:11px!important;background:rgba(94,158,208,.12)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-purpose-context[hidden]{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-purpose-context-label{
  min-width:0;font:750 14px/1.45 system-ui,sans-serif!important;
  color:var(--wmd-theme-text,#edf6ff)!important;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-focus-purpose-clear{
  appearance:none!important;flex:0 0 auto!important;
  min-height:38px!important;padding:8px 13px!important;
  border:1px solid rgba(160,207,240,.58)!important;
  border-radius:9px!important;background:rgba(126,184,229,.10)!important;
  color:var(--wmd-theme-accent,#a3d8fc)!important;
  font:750 12px/1.3 system-ui,sans-serif!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-purpose-clear:is(:hover,:focus-visible){
  border-color:var(--wmd-theme-accent,#9bd0fa)!important;
  background:rgba(126,184,229,.19)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading{
  scroll-margin-top:24px;
}
@media(max-width:480px){
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-purpose-context{
    align-items:flex-start!important;gap:7px 10px!important;padding:10px 12px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-purpose-context-label{
    flex:1 1 150px!important;font-size:13px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-purpose-clear{
    padding:8px 10px!important;
  }
}

/* An unlinked Budget-only item opens a small explicit choice rather than
   unexpectedly navigating away from Cash Flow. */
#app main.wmd-workspace--cashflow .wmd-cf-plan-actions{
 display:flex!important;align-items:center!important;flex-wrap:wrap!important;
 gap:9px!important;margin:4px 0 12px!important;padding:13px!important;
 border:1px solid rgba(144,188,224,.35)!important;border-radius:10px!important;
 background:rgba(106,163,209,.10)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-plan-actions>p{
 flex:1 1 100%!important;margin:0!important;color:#d0e0ef!important;
 font-size:13px!important;line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-plan-actions>button{
 min-height:38px!important;padding:8px 12px!important;
 border:1px solid rgba(156,203,233,.4)!important;border-radius:9px!important;
 background:rgba(120,184,225,.13)!important;color:#d4eeff!important;
 font-size:12px!important;font-weight:720!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-view>.wmd-mg-held{
 margin:14px 0!important;
}
@media(max-width:760px){
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-summary{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
 }
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card:last-child{
  grid-column:1/-1!important;
 }
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
  min-height:139px!important;padding:13px!important;
 }
}
@media(max-width:390px){
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-summary{
  grid-template-columns:minmax(0,1fr)!important;
 }
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card:last-child{
  grid-column:auto!important;
 }
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
  transition:none!important;
 }
}

/* Clear, optional additional credit-card transfer after a cleared payment.
   No emerald success panels or permanently expanded payment tables. */
#app main.wmd-workspace--cashflow .wmd-card-followup{
 display:grid;gap:10px;margin:12px 0 6px;padding:14px;
 border:1px solid var(--wmd-card-field-line,#557691);border-radius:12px;
 background:var(--wmd-card-field-bg,#142b40);color:var(--wmd-card-field-text,#e8f4ff);
}
#app main.wmd-workspace--cashflow .wmd-card-followup-head{
 display:grid;gap:4px;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-head strong{
 font-size:15px;line-height:1.4;font-weight:800;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-head small,
#app main.wmd-workspace--cashflow .wmd-card-followup>p{
 margin:0;font-size:12px;line-height:1.55;color:var(--wmd-card-field-muted,#b7d0e3);
}
#app main.wmd-workspace--cashflow .wmd-card-followup label{
 display:grid;gap:5px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-card-followup label>span{
 font-size:12px;font-weight:680;color:var(--wmd-card-field-text,#d8ebf9);
}
#app main.wmd-workspace--cashflow .wmd-card-followup select,
#app main.wmd-workspace--cashflow .wmd-card-followup input{
 min-width:0;width:100%;min-height:41px;border-radius:9px;
 background:var(--wmd-card-field-bg,#142b40);color:var(--wmd-card-field-text,#f2f9ff);border:1px solid var(--wmd-card-field-line,#557691);
 padding:9px 11px;font-size:14px;font-variant-numeric:tabular-nums;
 color-scheme:dark;
}
#app main.wmd-workspace--cashflow .wmd-card-followup select:focus-visible,
#app main.wmd-workspace--cashflow .wmd-card-followup input:focus-visible{
 outline:2px solid #92d0f7;outline-offset:2px;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-schedule{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-record{
 grid-column:1/-1;min-height:42px;border:1px solid #9acdfa;
 border-radius:9px;background:var(--wmd-card-field-accent,#93c9f0);color:var(--wmd-theme-on-accent,#102338);
 padding:9px 12px;font-weight:800;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-record:disabled{
 opacity:.5;cursor:not-allowed;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-done{
 grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;
 flex-wrap:wrap;gap:8px;font-size:12px;
}
#app main.wmd-workspace--cashflow .wmd-card-followup-done button{
 min-height:38px;padding:8px 12px;border-radius:9px;
 border:1px solid rgba(180,212,233,.48);color:#d8ecfb;background:transparent;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge{
 margin:12px 0 0;border:1px solid var(--wmd-theme-line,#557691);
 border-radius:10px;background:var(--wmd-theme-deep,#172737);
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge>summary{
 padding:11px 13px;cursor:pointer;color:var(--wmd-theme-text,#c3e2f8);
 font-size:13px;font-weight:750;line-height:1.45;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge>summary span{
 font-size:11px;opacity:.8;font-weight:550;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-body{
 display:grid;gap:0;padding:0 14px 13px;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-row,
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-total{
 display:flex;gap:14px;align-items:baseline;justify-content:space-between;
 padding:7px 0;min-width:0;font-size:12px;line-height:1.4;
 color:var(--wmd-theme-muted,#c8ddea);
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-row>strong,
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-total>strong{
 white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px;
 font-weight:800;color:var(--wmd-theme-text,#f4faff);
}
/* Signed forecast movements: subtle green for incoming money, soft
   coral for outflows. Balances, totals, zero rows and masked amounts
   keep the standard neutral type color. No change to the underlying math. */
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-row>strong.wmd-forecast-inflow{
 color:#97dfbc!important;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-row>strong.wmd-forecast-outflow{
 color:#f0a6ad!important;
}
/* The white appearance uses darker tones for readable contrast. */
#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow
 .wmd-forecast-bridge-row>strong.wmd-forecast-inflow{
 color:#087a50!important;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow
 .wmd-forecast-bridge-row>strong.wmd-forecast-outflow{
 color:#b33d4f!important;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-total{
 border-top:1px solid rgba(144,191,224,.28);margin-top:7px;padding-top:12px;
 color:var(--wmd-theme-text,#f3f9ff);font-weight:800;font-size:14px;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-total>strong{font-size:20px}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-note,
#app main.wmd-workspace--cashflow .wmd-forecast-budget-note,
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-error{
 margin:10px 0 0;font-size:12px;line-height:1.55;color:#c4dbed;
}
#app main.wmd-workspace--cashflow .wmd-forecast-budget-note{
 padding:11px;border-left:3px solid #8abfe6;
 background:rgba(107,162,207,.11);border-radius:0 8px 8px 0;
}
#app main.wmd-workspace--cashflow .wmd-forecast-bridge-error{color:#ffacac}
@media(max-width:600px){
 #app main.wmd-workspace--cashflow .wmd-card-followup-schedule{
  grid-template-columns:minmax(0,1fr);
 }
 #app main.wmd-workspace--cashflow .wmd-forecast-bridge-row,
 #app main.wmd-workspace--cashflow .wmd-forecast-bridge-total{
  flex-wrap:wrap;gap:3px 10px;
 }
}

#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow
 .wmd-card-followup :is(select,input){color-scheme:light!important}
#app:not([data-wmd-color-scheme="white"]) main.wmd-workspace--cashflow
 .wmd-card-followup :is(select,input){color-scheme:dark!important}


/* Recorded payments never remove the card's usual repayment setting.
 * Month-specific overrides and statement details remain on demand. */
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-more-fields .cash-top-field:has([data-card-pay]){
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-simple-custom:not(.wmd-simple-paid) .wmd-focus-more-fields .cash-top-field:has([data-card-pay]){
  display:grid!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-simple-paid .wmd-focus-more-fields .cash-top-field:has([data-card-payment-mode],[data-card-pay]){
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-simple-fields :is(select[data-card-usual-payment],input[data-card-payment-date]),
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-more-fields :is(select.cash-top-day,select[data-card-payment-mode]){
  background:var(--wmd-card-field-bg,#142739)!important;
  border-color:var(--wmd-card-field-line,#557691)!important;
  color:var(--wmd-card-field-text,#f2f9ff)!important;
  -webkit-text-fill-color:var(--wmd-card-field-text,#f2f9ff)!important;
  box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-card-followup{
  display:block!important;padding:10px 12px!important;margin:0!important;
  background:var(--wmd-card-field-bg,#142739)!important;
  border:1px solid var(--wmd-card-field-line,#557691)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-card-followup>summary{
  padding:3px 0!important;min-height:26px!important;cursor:pointer!important;
  color:var(--wmd-card-field-accent,#9bcef4)!important;
  font:700 13px/1.45 system-ui,sans-serif!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-card-followup-body{
  display:grid!important;gap:10px!important;margin-top:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  :is(.wmd-focus-card-more,.wmd-card-followup) > summary:focus-visible{
  outline:2px solid var(--wmd-card-field-accent,#9bcef4)!important;
  outline-offset:3px!important;
}


/* Show only material assumption warnings; keep routine explanatory text tucked away. */
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
  .wmd-focus-simple-fields .wmd-card-usual>small.wmd-card-usual-note.needs-review{
  display:block!important;margin-top:4px!important;
  font:600 12px/1.45 system-ui,sans-serif!important;
  color:var(--wmd-card-field-muted,#bbd1e4)!important;
}

/* Checklist already has Record paid + Edit plan on these unfinished rows.
   Remove the blank native-Edit grid column once its redundant button is gone. */
#app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions{
  grid-template-columns:48px minmax(0,1fr) minmax(145px,175px)!important;
}
/* Keep this native control in the DOM for existing deep links, but do not
   render a second Edit action beside Edit plan. */
#app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions>.cash-checklist-edit{
  display:none!important;
}
@media(max-width:760px){
  #app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions{
    grid-template-columns:41px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions .cash-checklist-main{
    grid-column:2/-1!important;grid-row:1!important;
  }
  #app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions .cash-checklist-amount{
    grid-column:2/-1!important;grid-row:2!important;
    min-width:0!important;
  }
}
@media(max-width:370px){
  #app main.wmd-workspace--cashflow .cash-checklist-item.money-row-direct-actions{
    grid-template-columns:40px minmax(0,1fr)!important;
  }
}

/* Four non-overlapping status choices. Two equal-width, easy-to-tap
   rows on phones instead of a crowded wrap of five pills. */
@media(max-width:600px){
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-filters{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    align-items:stretch!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-filters>button{
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:10px 8px!important;
    font-size:14px!important;
    line-height:1.3!important;
    text-align:center!important;
    white-space:normal!important;
  }
}

/* One compact disclosure for the entire credit-card section.
   The card count and next checking payment remain visible while collapsed;
   native card editors are untouched inside the expanded panel. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col>.wmd-focus-credit-overview{
  display:block!important;width:100%!important;max-width:100%!important;
  min-width:0!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview>.wmd-focus-credit-overview-trigger{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto 22px!important;
  align-items:center!important;gap:8px 12px!important;
  list-style:none!important;cursor:pointer!important;
  min-height:52px!important;padding:3px 0 11px!important;margin:0!important;
  background:transparent!important;border:0!important;
  color:var(--wmd-theme-text,#f3f8ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-trigger::-webkit-details-marker{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-trigger::marker{
  content:''!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-trigger>.wmd-focus-credit-heading{
  display:flex!important;align-items:baseline!important;gap:8px 14px!important;
  flex-wrap:wrap!important;min-width:0!important;margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-due{
  display:grid!important;gap:3px!important;text-align:right!important;min-width:0!important;
  color:var(--wmd-theme-muted,#bed2e3)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-due>small{
  font:650 11px/1.3 system-ui,sans-serif!important;
  color:var(--wmd-theme-muted,#bed2e3)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-due>strong{
  font:820 clamp(24px,2.5vw,29px)/1.13 system-ui,sans-serif!important;
  font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
  letter-spacing:-.025em!important;
  color:var(--wmd-theme-text,#f3f8ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-chevron{
  color:var(--wmd-theme-accent,#9bd2f5)!important;
  font-size:23px!important;line-height:1!important;
  transform:rotate(0deg);transition:transform .18s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview[open]>
  .wmd-focus-credit-overview-trigger .wmd-focus-credit-overview-chevron{
  transform:rotate(180deg);
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-trigger:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#9bd2f5)!important;
  outline-offset:3px!important;border-radius:8px!important;
}
#app main.wmd-workspace--cashflow
  .wmd-focus-credit-overview:not([open])>.wmd-focus-credit-overview-contents{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-contents{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  gap:13px!important;min-width:0!important;padding-top:7px!important;
}
@media(max-width:550px){
  #app main.wmd-workspace--cashflow .wmd-focus-credit-overview>.wmd-focus-credit-overview-trigger{
    grid-template-columns:minmax(0,1fr) auto 20px!important;
    gap:8px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-overview-due>strong{
    font-size:clamp(25px,6.4vw,29px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-focus-credit-overview-chevron{
    transition:none!important;
  }
}


/* October 29: make card-balance updates primary without mixing debt with
   checking transfers. Keep posted/estimated comparisons optional. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics{
  grid-template-columns:minmax(0,1fr)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-metrics>.wmd-focus-credit-balance{
  min-height:70px!important;
}
#app main.wmd-workspace--cashflow .cash-card-payment-total.wmd-focus-card-payment-total[hidden]{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card]){
  padding:9px 11px!important;
  background:var(--wmd-card-field-bg)!important;
  border:1px solid var(--wmd-card-field-line)!important;
  border-radius:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card]) .cash-top-money input{
  font-weight:800!important;font-size:23px!important;letter-spacing:-.025em!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card-meta="availableCredit"]){
  padding:9px 11px!important;
  border:1px solid var(--wmd-card-field-line)!important;
  border-radius:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card])>small,
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-simple-fields .cash-top-field:has([data-card-meta="availableCredit"])>small{
  display:block!important;color:var(--wmd-card-field-muted)!important;
  font-size:11px!important;line-height:1.5!important;margin-top:6px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare{
  margin:10px 0 0!important;border:0!important;padding:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare>summary{
  list-style:none!important;cursor:pointer!important;padding:9px 2px!important;
  font-size:12px!important;font-weight:700!important;
  color:var(--wmd-card-field-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare>summary::-webkit-details-marker{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare>summary::after{content:"  ▾"}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare[open]>summary::after{content:"  ▴"}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-card-compare .cash-card-balance-comparison{margin:3px 0 0!important}
@media(max-width:560px){
  #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
   .cash-top-card-grid.wmd-focus-simple-fields{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Readable card balances and payments, with a visible custom-full override. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
 grid-template-columns:26px minmax(0,1fr) minmax(108px,.55fr) minmax(112px,.65fr) 17px!important;
 min-height:90px!important;gap:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-glance-name>strong{font-size:15px!important;line-height:1.3!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-glance-status{font-size:12px!important;line-height:1.4!important}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-glance-status.is-custom-full{
 color:var(--wmd-card-field-accent,#9dd6f7)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>small{
 font-size:12px!important;font-weight:650!important;line-height:1.3!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>strong.wmd-private-value{
 font-size:clamp(19px,1.55vw,23px)!important;font-weight:820!important;
 line-height:1.15!important;letter-spacing:-.03em!important;font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-glance-payment>em{font-size:12px!important;line-height:1.35!important}
#app main.wmd-workspace--cashflow .wmd-focus-credit-overview-due>strong,
#app main.wmd-workspace--cashflow .wmd-focus-credit-amount{
 font-size:clamp(26px,2.2vw,34px)!important;line-height:1.1!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-card
 .wmd-focus-full-payment-note{
 display:grid!important;gap:9px!important;min-width:0!important;
 padding:14px 15px!important;margin:0!important;
 border:1px solid var(--wmd-card-field-line,#51738b)!important;
 border-radius:12px!important;background:rgba(109,179,230,.10)!important;
 color:var(--wmd-card-field-text,#f3f9ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-full-payment-note>strong{
 font-size:16px!important;line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-full-payment-note>p{
 margin:0!important;font-size:13px!important;line-height:1.55!important;
 color:var(--wmd-card-field-muted,#c0d4e6)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-full-payment-note>button{
 justify-self:start!important;min-height:42px!important;padding:9px 14px!important;
 border-radius:9px!important;border:1px solid var(--wmd-card-field-accent,#9dd6f7)!important;
 background:rgba(116,187,232,.21)!important;
 color:var(--wmd-card-field-text,#f3f9ff)!important;
 font:750 14px/1.3 system-ui,sans-serif!important;cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-full-payment-note>button:focus-visible{
 outline:3px solid var(--wmd-card-field-accent,#9dd6f7)!important;outline-offset:2px!important;
}
@media(max-width:1260px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
  grid-template-columns:26px minmax(0,1fr) minmax(115px,.7fr) 17px!important;
  grid-template-rows:auto auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-name{
  grid-column:2 / 4!important;grid-row:1!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-balance{
  grid-column:2!important;grid-row:2!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-payment{
  grid-column:3!important;grid-row:2!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-arrow{
  grid-column:4!important;grid-row:1!important;
 }
}
@media(max-width:390px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
  grid-template-columns:23px minmax(0,1fr) 16px!important;
  grid-template-rows:auto auto auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-name{
  grid-column:2!important;grid-row:1!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-balance{
  grid-column:2!important;grid-row:2!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-payment{
  grid-column:2!important;grid-row:3!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-card-glance-card .wmd-focus-glance-arrow{
  grid-column:3!important;grid-row:1!important;
 }
}

}
/* cashflow-calendar-ocean.css */
@media screen {
/* Money Calendar palette repair. Existing dates, values, reconciliation and handlers are unchanged.
 * The old global stylesheet used green/teal for day cards, balances and buttons.
 * Mint remains available only when explicitly selected. Red means outflow or real risk. */
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar{--cfcal-panel:#192e43;--cfcal-day:#152839;--cfcal-day-busy:#1b3248;--cfcal-day-hover:#24435e;--cfcal-detail:#172c40;--cfcal-text:#edf7ff;--cfcal-muted:#b5cde1;--cfcal-blue:#9acdf2;--cfcal-blue-strong:#d3ebfc;--cfcal-line:#416684;--cfcal-blue-bg:#21415c;--cfcal-blue-line:#5b91b6;--cfcal-red:#f4a8b3;--cfcal-red-bg:#402b38;--cfcal-red-line:#be7486;background:var(--cfcal-panel)!important;border:1px solid var(--cfcal-line)!important;color:var(--cfcal-text)!important;}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow .money-calendar{--cfcal-panel:#f2f7fc;--cfcal-day:#ffffff;--cfcal-day-busy:#e9f3fc;--cfcal-day-hover:#dcecf9;--cfcal-detail:#ffffff;--cfcal-text:#20384d;--cfcal-muted:#455f75;--cfcal-blue:#296c9a;--cfcal-blue-strong:#165782;--cfcal-line:#b6d0e6;--cfcal-blue-bg:#d6eafa;--cfcal-blue-line:#689bc2;--cfcal-red:#a84050;--cfcal-red-bg:#fff0f2;--cfcal-red-line:#ca8590;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-head h3,.money-calendar-date>b,.money-calendar-open,.cash-day-detail h4,.cash-day-detail-name b,.cash-agenda-open,.cash-agenda-copy strong){color:var(--cfcal-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-head>div>span,.cash-calendar-swipe,.calendar-day-count,.cash-day-detail>header>div>span,.cash-day-detail-icon:not(.expense),.cash-agenda-open time span){color:var(--cfcal-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-head p,.cash-calendar-legend,.cash-calendar-explainer,.money-calendar-weekdays,.calendar-day-empty,.calendar-day-amount>span,.cash-day-detail>header p,.cash-day-detail-name small,.cash-day-detail-empty,.cash-agenda-summary,.cash-agenda-copy small,.cash-agenda-figures small,.money-calendar-date>span,.cash-agenda-figures b.neutral){color:var(--cfcal-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-scroll{scrollbar-color:var(--cfcal-blue-line) var(--cfcal-day)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day:not(.blank){background:var(--cfcal-day)!important;border-color:var(--cfcal-line)!important;box-shadow:none!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day.has-items:not(.today):not(.past-due):not(.selected){background:var(--cfcal-day-busy)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day:not(.blank):is(:hover,.selected):not(.today):not(.past-due){border-color:var(--cfcal-blue-line)!important;background:var(--cfcal-day-hover)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day.today:not(.past-due){border:2px solid var(--cfcal-blue)!important;background:var(--cfcal-day-busy)!important;box-shadow:0 0 0 2px rgba(143,202,242,.13),inset 0 0 16px rgba(118,185,230,.07)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day.past-due{border:2px solid var(--cfcal-red-line)!important;background:var(--cfcal-red-bg)!important;box-shadow:none!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-date>span{background:transparent!important;padding:0!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-today{display:inline-block!important;padding:4px 7px!important;border-radius:7px!important;background:var(--cfcal-blue-bg)!important;color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-done{color:var(--cfcal-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.calendar-day-overdue,.cash-agenda-copy em.overdue){color:var(--cfcal-red)!important;background:var(--cfcal-red-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-amount.incoming>strong{color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.calendar-day-amount.outgoing>strong,.cash-day-detail-row>strong.expense,.cash-agenda-figures b.negative){color:var(--cfcal-red)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.calendar-day-amount.net>span,.calendar-day-amount.net>strong){color:var(--cfcal-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-amount.net{border-color:var(--cfcal-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-balance{background:var(--cfcal-blue-bg)!important;border:1px solid var(--cfcal-blue-line)!important;color:var(--cfcal-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-balance>span{color:var(--cfcal-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-balance>b{color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-day-balance.low{background:var(--cfcal-red-bg)!important;border-color:var(--cfcal-red-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.calendar-day-balance.low>b,.calendar-day-balance.low>span,.cash-agenda-figures small.low){color:var(--cfcal-red)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-day .calendar-add,.cash-agenda-add){color:var(--cfcal-blue-strong)!important;border-color:var(--cfcal-blue-line)!important;background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-day .calendar-add,.cash-agenda-add):is(:hover,:focus-visible){border-color:var(--cfcal-blue)!important;background:var(--cfcal-day-hover)!important;opacity:1!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.money-calendar-open,.calendar-add,.cash-agenda-open,.cash-agenda-add,.calendar-jump-today,.cash-day-detail-add,.cash-day-detail-row button):focus-visible{outline:2px solid var(--cfcal-blue)!important;outline-offset:2px!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-calendar-legend .legend-today{border-color:var(--cfcal-blue)!important;background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-calendar-legend .legend-balance{background:var(--cfcal-blue-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-jump-today{color:var(--cfcal-blue-strong)!important;border-color:var(--cfcal-blue-line)!important;background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-jump-today:hover{background:var(--cfcal-day-hover)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail{background:var(--cfcal-detail)!important;border-color:var(--cfcal-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail>header{border-color:var(--cfcal-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail-row:not(.overdue){border-color:var(--cfcal-line)!important;background:var(--cfcal-day)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail-row.overdue{border-color:var(--cfcal-red-line)!important;background:var(--cfcal-red-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail-icon:not(.expense){background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.cash-day-detail-close,.cash-day-detail-row>button,.cash-day-detail-add){color:var(--cfcal-blue-strong)!important;border-color:var(--cfcal-blue-line)!important;background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.cash-day-detail-row>button,.cash-day-detail-add,.cash-day-detail-close):hover{background:var(--cfcal-day-hover)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-day-detail-row>strong.income{color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.cash-calendar-mobile-modes,.cash-agenda-day:not(.past-due)){border-color:var(--cfcal-line)!important;background:var(--cfcal-day)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-day.today:not(.past-due){border-color:var(--cfcal-blue)!important;background:var(--cfcal-day-busy)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-day.selected:not(.past-due){outline:2px solid var(--cfcal-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-day.past-due{border-color:var(--cfcal-red-line)!important;background:var(--cfcal-red-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-open time{border-right-color:var(--cfcal-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.cash-calendar-show-all,.cash-calendar-mobile-modes button[aria-pressed="true"]){border-color:var(--cfcal-blue-line)!important;background:var(--cfcal-blue-bg)!important;color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-calendar-mobile-modes button:not([aria-pressed="true"]){color:var(--cfcal-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar :is(.cash-agenda-figures b.positive,.cash-agenda-copy em:not(.overdue),.cash-agenda-copy em.today){color:var(--cfcal-blue-strong)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-copy em:not(.overdue){background:var(--cfcal-blue-bg)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .cash-agenda-add{border-left:1px solid var(--cfcal-blue-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-item:not(.past-due){background:var(--cfcal-day-busy)!important;border-color:var(--cfcal-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-item:not(.past-due)::before{background:var(--cfcal-blue-line)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .calendar-item.complete .calendar-status{background:var(--cfcal-blue-bg)!important;color:var(--cfcal-blue-strong)!important;}
@media(prefers-reduced-motion:reduce){#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .money-calendar .money-calendar-day{transition:none!important;}}

}
/* cashflow-plan-ocean.css */
@media screen {
/* Cash Flow full-schedule ocean pass. Plan details remains a single optional
   bulk editor, not a second default path for editing one transaction.
   Mint is allowed when explicitly selected; ocean and other presets do not
   inherit the legacy emerald surfaces or transaction-control states. */
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow{--cfplan-text:#eaf6fe;--cfplan-muted:#b0cade;--cfplan-blue:#a4d5f6;--cfplan-border:#4e7390;--cfplan-surface:#1a3043;--cfplan-surface2:#142739;--cfplan-surface3:#233d56;--cfplan-risk:#f1a1ae;}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--cashflow{--cfplan-text:#203a50;--cfplan-muted:#465f73;--cfplan-blue:#266e9d;--cfplan-border:#a7c9e1;--cfplan-surface:#f6faff;--cfplan-surface2:#fff;--cfplan-surface3:#d8ebfa;--cfplan-risk:#a93c50;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule{margin:14px 0 5px!important;min-width:0!important;width:100%!important;overflow:visible!important;border:1px solid var(--cfplan-border)!important;background:var(--cfplan-surface)!important;border-radius:12px!important;box-shadow:none!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary{min-height:60px!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px 15px!important;color:var(--cfplan-text)!important;cursor:pointer!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary:focus-visible{outline:2px solid var(--cfplan-blue)!important;outline-offset:-3px!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary .mm-drawer-main strong{color:var(--cfplan-text)!important;font-size:16px!important;font-weight:760!important;line-height:1.35!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary .mm-drawer-main small{color:var(--cfplan-muted)!important;font-size:12px!important;line-height:1.45!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary :is(.mm-drawer-symbol,.mm-drawer-chevron){color:var(--cfplan-blue)!important;background:var(--cfplan-surface3)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>.mm-drawer-body{background:var(--cfplan-surface2)!important;border-top:1px solid var(--cfplan-border)!important;padding:10px 13px 15px!important;max-width:100%!important;overflow:visible!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-board{background:transparent!important;color:var(--cfplan-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-board-intro>span,.wmd-cf-full-schedule .cash-category-board-intro h3{color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-board-intro p{color:var(--cfplan-muted)!important;font-size:13px!important;line-height:1.5!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-card{background:var(--cfplan-surface2)!important;border:1px solid var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-toggle{background:var(--cfplan-surface)!important;color:var(--cfplan-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-toggle:hover{background:var(--cfplan-surface3)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-toggle:focus-visible{outline:2px solid var(--cfplan-blue)!important;outline-offset:-3px!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-toggle :is(.cash-category-total,.cash-category-arrow){color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-card:is(.needs,.wants) .cash-category-total{color:var(--cfplan-risk)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-body{border-color:var(--cfplan-border)!important;background:var(--cfplan-surface2)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-progress{color:var(--cfplan-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-section{border-color:var(--cfplan-border)!important;background:var(--cfplan-surface2)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .cash-category-body .flow-head{background:var(--cfplan-surface)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule :is(.flow-add,.cash-category-body .flow-head .flow-add,.cash-rebuild-inline){border:1px solid var(--cfplan-border)!important;background:var(--cfplan-surface3)!important;color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule :is(.flow-add,.cash-category-body .flow-head .flow-add,.cash-rebuild-inline):hover{border-color:var(--cfplan-blue)!important;background:var(--cfplan-surface)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule :is(.flow-add,.cash-rebuild-inline):focus-visible{outline:2px solid var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-progress{border-color:var(--cfplan-border)!important;background:var(--cfplan-surface2)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-progress-label{color:var(--cfplan-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-progress-label b{color:var(--cfplan-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-progress-track{border:1px solid var(--cfplan-border)!important;background:var(--cfplan-surface)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-section .flow-progress-track i{background:linear-gradient(90deg,#4a98cd,#9bcdf1)!important;box-shadow:none!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-table-scroll{scrollbar-color:var(--cfplan-border) var(--cfplan-surface2)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-table-scroll>.flow-grid.grid-header{background:var(--cfplan-surface)!important;color:var(--cfplan-muted)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-table-scroll>.flow-grid:not(.grid-header){background:var(--cfplan-surface2)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-table-scroll>.flow-grid.flow-row-done:not(.grid-header){background:var(--cfplan-surface)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-mobile-name :is(input,.flow-mobile-edit){color:var(--cfplan-text)!important;background:var(--cfplan-surface2)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-mobile-name small{color:var(--cfplan-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-mobile-amount strong{color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-section.income .flow-mobile-amount strong{color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-mobile-amount.is-done strong{color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid .check.done{border-color:var(--cfplan-border)!important;background:var(--cfplan-surface3)!important;color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid .check:not(.done){border-color:var(--cfplan-border)!important;background:var(--cfplan-surface2)!important;color:var(--cfplan-muted)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid .currency-input{background:var(--cfplan-surface2)!important;color:var(--cfplan-text)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid :is(input,select){color:var(--cfplan-text)!important;background:var(--cfplan-surface2)!important;border-color:var(--cfplan-border)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid :is(input,select):focus-visible{outline:2px solid var(--cfplan-blue)!important;border-color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-section.income .today-marker :is(span,i){background:var(--cfplan-surface3)!important;border-color:var(--cfplan-border)!important;color:var(--cfplan-blue)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-grid .category-picker{border-color:var(--cfplan-border)!important;background:var(--cfplan-surface2)!important;color:var(--cfplan-text)!important;}
#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule .flow-section :is(.flow-progress-track.is-full i,.flow-grid .flow-row-done){box-shadow:none!important;}
@media(max-width:760px){#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>.mm-drawer-body{padding:8px 8px 13px!important;}#app:not([data-wmd-color-scheme="mint"]) main.wmd-workspace--cashflow .wmd-cf-full-schedule>summary{padding:12px!important;}}


/* October 25: card-funded budget is not an immediate checking debit.
   Keep the reserve compact, readable, accessible, and theme aware. */
#app main.wmd-workspace--cashflow .wmd-card-reserve{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 13px;
  margin:10px 0;padding:12px 14px;border-radius:13px;
  border:1px solid color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 45%,var(--wmd-theme-line,#4c6580));
  background:color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 9%,var(--wmd-theme-panel,#172b40));
  color:var(--wmd-theme-text,#f1f6fd);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-main{
  display:grid;gap:4px;flex:1 1 180px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-main span{
  font-size:12px;font-weight:700;line-height:1.35;color:var(--wmd-theme-muted,#bdcfe1);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-main strong{
  color:var(--wmd-theme-text,#f1f6fd);font-weight:800;
  font-size:clamp(19px,2vw,25px);line-height:1.12;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-card-reserve.is-low .wmd-card-reserve-main strong{
  color:var(--wmd-theme-danger,#f18b8b);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-side{
  display:grid;gap:4px;flex:0 1 166px;min-width:110px;
  font-size:12px;line-height:1.4;color:var(--wmd-theme-muted,#bdcfe1);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-side b{
  font-size:13px;color:var(--wmd-theme-text,#f1f6fd);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-explain{
  flex:1 1 100%;font-size:12px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-explain summary{
  cursor:pointer;font-size:12px;font-weight:700;min-height:28px;
  color:var(--wmd-theme-accent,#91c8ff);
}
#app main.wmd-workspace--cashflow .wmd-card-reserve-explain p{
  max-width:75ch;margin:4px 0 0;font-size:12px;line-height:1.5;
  color:var(--wmd-theme-muted,#bdcfe1);
}
#app main.wmd-workspace--cashflow .wmd-card-payment-review{
  margin:8px 0;padding:10px 12px;border:1px solid var(--wmd-theme-line,#49647c);
  border-radius:10px;background:var(--wmd-theme-raised,#263d52);
  color:var(--wmd-theme-text,#f1f6fd);font-size:12px;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-forecast-source-note{
  margin:9px 0 3px;padding:9px 11px;border-left:3px solid var(--wmd-theme-accent,#91c8ff);
  color:var(--wmd-theme-text,#f1f6fd);font-size:12px;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-cash-funding-note{
  display:grid;gap:4px;margin:10px 0 8px;padding:10px 12px;
  border:1px solid var(--wmd-theme-line,#49647c);border-radius:10px;
  background:color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 7%,transparent);
  color:var(--wmd-theme-text,#f1f6fd);
}
#app main.wmd-workspace--cashflow .wmd-cash-funding-note strong{
  font-size:13px;line-height:1.35;font-weight:800;
}
#app main.wmd-workspace--cashflow .wmd-cash-funding-note span{
  font-size:12px;line-height:1.4;color:var(--wmd-theme-muted,#bdcfe1);
}
#app main.wmd-workspace--cashflow .wmd-card-payment-conflict{
  display:block;font-size:12px;line-height:1.5;font-weight:700;
  color:var(--wmd-theme-text,#f1f6fd);
}
@media(max-width:480px){
  #app main.wmd-workspace--cashflow .wmd-card-reserve{padding:11px 12px}
  #app main.wmd-workspace--cashflow .wmd-card-reserve-side{flex:1 1 100%}
}


/* 2026-10-26: the runway foregrounds available money, not an inflated
   checking-only total. Keep three narrow tiles legible on mobile. */
#app main.wmd-workspace--cashflow .cash-runway-month>div>small{
  font-size:10px!important;line-height:1.25!important;
}
#app main.wmd-workspace--cashflow .cash-runway-month>strong{
  font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .cash-runway-month>em{
  font-style:normal;font-size:11px!important;line-height:1.35!important;
  white-space:normal;overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow :is(.wmd-runway-carried,.wmd-runway-assumed){
  display:block;font-size:10px!important;line-height:1.35!important;
  font-weight:650;color:var(--wmd-theme-muted,#c3d4e6);
}
#app main.wmd-workspace--cashflow .wmd-card-payment-review{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px 14px;flex-wrap:wrap;
}
#app main.wmd-workspace--cashflow .wmd-card-payment-review span{
  flex:1 1 170px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-card-payment-review button{
  appearance:none;cursor:pointer;min-height:37px;
  border:1px solid var(--wmd-theme-accent,#91c8ff);
  border-radius:9px;padding:8px 12px;
  background:transparent;color:var(--wmd-theme-accent,#91c8ff);
  font:700 12px/1.2 system-ui,sans-serif;
}
#app main.wmd-workspace--cashflow .wmd-card-payment-review button:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#91c8ff);outline-offset:2px;
}
@media(max-width:570px){
  #app main.wmd-workspace--cashflow .cash-runway-month>div>small{
    display:none!important;
  }
  #app main.wmd-workspace--cashflow .cash-runway-month>em{
    font-size:10px!important;
  }
}

}
/* cashflow-coverage-review.css */
@media screen {
/* Budget-to-Cash-Flow coverage review. Blue-only, compact and mobile friendly. */
#app main.wmd-workspace--cashflow .wmd-forecast-coverage-review{
  margin:14px 0 8px;padding:15px;border:1px solid var(--wmd-theme-line,#53718b);
  border-radius:12px;background:color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 7%,var(--wmd-theme-deep,#172737));
  color:var(--wmd-theme-text,#f4faff);
}
#app main.wmd-workspace--cashflow .wmd-cover-kicker{
  font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--wmd-theme-muted,#bfd6e9);
}
#app main.wmd-workspace--cashflow .wmd-cover-head,
#app main.wmd-workspace--cashflow .wmd-cover-matched{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;min-width:0;
  font-size:14px;line-height:1.45;margin:9px 0;
}
#app main.wmd-workspace--cashflow .wmd-cover-head strong{
  font-size:22px;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-cover-matched{
  font-size:13px;color:var(--wmd-theme-muted,#c7dbea);
}
#app main.wmd-workspace--cashflow .wmd-cover-matched strong{
  color:var(--wmd-theme-text,#f4faff);font-size:16px;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-cover-review-button{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  width:100%;padding:12px;border:1px solid var(--wmd-theme-accent,#91c8ff);
  border-radius:10px;cursor:pointer;text-align:left;
  background:color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 13%,var(--wmd-theme-deep,#172737));
  color:var(--wmd-theme-text,#f4faff);
}
#app main.wmd-workspace--cashflow .wmd-cover-review-button>span:first-child{flex:1 1 auto;min-width:0}
#app main.wmd-workspace--cashflow .wmd-cover-review-button b{font-size:14px;display:block}
#app main.wmd-workspace--cashflow .wmd-cover-review-button small{
  font-size:12px;line-height:1.4;display:block;margin-top:3px;
  color:var(--wmd-theme-muted,#cadfed);
}
#app main.wmd-workspace--cashflow .wmd-cover-review-button strong{
  font-size:20px;white-space:nowrap;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-cover-arrow{font-size:21px;color:var(--wmd-theme-accent,#91c8ff)}
#app main.wmd-workspace--cashflow .wmd-cover-hint{
  margin:10px 0 0;color:var(--wmd-theme-muted,#c0d6e7);font-size:12px;line-height:1.55;
}
#app main.wmd-workspace--cashflow .wmd-cover-original-notes{
  margin-top:10px;border-top:1px solid var(--wmd-theme-line,#53718b);padding-top:8px;
  color:var(--wmd-theme-muted,#c0d6e7);
}
#app main.wmd-workspace--cashflow .wmd-cover-original-notes>summary{
  cursor:pointer;color:var(--wmd-theme-accent,#91c8ff);font-size:13px;font-weight:700;
  padding:9px 0;
}
.wmd-coverage-dialog{
  width:min(610px,calc(100vw - 22px));max-height:min(88dvh,850px);
  margin:auto; padding:0;overflow:hidden;
  border:1px solid var(--wmd-theme-line,#63849f);border-radius:18px;
  box-shadow:0 22px 80px rgba(1,8,19,.4);
  background:var(--wmd-theme-deep,#162638);color:var(--wmd-theme-text,#f4faff);
}
.wmd-coverage-dialog::backdrop{background:rgba(1,10,25,.73)}
.wmd-coverage-dialog[open]{display:flex;flex-direction:column}
.wmd-cover-modal-head{
  position:relative;display:flex;align-items:start;gap:14px;
  padding:17px 20px 14px;border-bottom:1px solid var(--wmd-theme-line,#557995);
  background:var(--wmd-theme-raised,#20394f);
}
.wmd-cover-modal-head>div{flex:1;min-width:0}
.wmd-cover-modal-head small{
  display:block;color:var(--wmd-theme-muted,#bad7ea);
  font-weight:800;font-size:11px;letter-spacing:.08em;
}
.wmd-cover-modal-head h2{
  margin:5px 0 0;font-weight:850;font-size:23px;line-height:1.2;color:inherit;
}
.wmd-cover-modal-head p{margin:6px 0 0;font-size:13px;line-height:1.5;color:var(--wmd-theme-muted,#bad7ea)}
.wmd-cover-close{
  border:1px solid var(--wmd-theme-line,#557995);border-radius:10px;
  background:transparent;color:inherit;width:44px;min-width:44px;height:44px;
  font-size:26px;cursor:pointer;
}
.wmd-cover-modal-body{flex:1 1 auto;min-height:0;padding:12px 20px 18px;overflow-y:auto;overscroll-behavior:contain}
.wmd-cover-modal-body h3{
  display:flex;align-items:center;gap:8px;margin:3px 0 11px;
  font-size:16px;font-weight:800;color:inherit;
}
.wmd-cover-modal-body h3 span{font-size:12px;color:var(--wmd-theme-muted,#bad7ea)}
.wmd-cover-item{
  margin:9px 0;padding:13px;border-radius:11px;
  border:1px solid var(--wmd-theme-line,#557995);
  background:var(--wmd-theme-raised,#20394f);
}
.wmd-cover-item-top{display:flex;align-items:start;justify-content:space-between;gap:12px}
.wmd-cover-item-top>div{flex:1;min-width:0}
.wmd-cover-item-type{font-size:11px;font-weight:750;color:var(--wmd-theme-accent,#91c8ff)}
.wmd-cover-item h4{margin:4px 0;font-size:16px;font-weight:800;color:inherit;overflow-wrap:anywhere}
.wmd-cover-item-top strong{font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.wmd-cover-item p{font-size:13px;line-height:1.55;margin:7px 0;color:var(--wmd-theme-muted,#c0d6e7)}
.wmd-cover-item-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.wmd-cover-item-foot small{font-size:12px;color:var(--wmd-theme-muted,#c0d6e7)}
.wmd-cover-item button{
  min-height:40px;padding:8px 12px;border-radius:9px;cursor:pointer;
  border:1px solid var(--wmd-theme-accent,#91c8ff);
  background:color-mix(in srgb,var(--wmd-theme-accent,#91c8ff) 10%,transparent);
  color:var(--wmd-theme-text,#f4faff);font-size:13px;font-weight:750;
}
.wmd-cover-covered{margin:17px 0;border-top:1px solid var(--wmd-theme-line,#557995)}
.wmd-cover-covered>summary{
  cursor:pointer;padding:13px 2px;font-size:14px;font-weight:750;
  color:var(--wmd-theme-accent,#91c8ff);
}
.wmd-cover-covered .wmd-cover-item{margin:8px 0}
.wmd-cover-empty{font-size:13px;color:var(--wmd-theme-muted,#b4d2e7);line-height:1.5}
.wmd-coverage-dialog :is(button,summary):focus-visible,
#app main.wmd-workspace--cashflow .wmd-cover-review-button:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#91c8ff);outline-offset:3px;
}
@media(max-width:550px){
  #app main.wmd-workspace--cashflow .wmd-forecast-coverage-review{padding:12px}
  #app main.wmd-workspace--cashflow .wmd-cover-review-button{gap:8px;padding:11px 10px}
  #app main.wmd-workspace--cashflow .wmd-cover-review-button strong{font-size:18px}
  #app main.wmd-workspace--cashflow .wmd-cover-head strong{font-size:20px}
  .wmd-cover-modal-head{padding:16px 15px}
  .wmd-cover-modal-head h2{font-size:21px}
  .wmd-cover-modal-body{padding:12px 14px 18px}
  .wmd-cover-item{padding:11px}
}


/* Action-first review: keep explanations available without making every
   user read them. Show the small comparison only where timing needs review. */
.wmd-cover-item-summary{
  margin:7px 0 10px!important;line-height:1.4!important;
  font-size:13px!important;color:var(--wmd-theme-muted,#c0d6e7);
}
.wmd-cover-item-figures{
  display:flex;flex-wrap:wrap;gap:6px 15px;
  margin:7px 0 11px!important;line-height:1.4!important;
  font-size:12px!important;color:var(--wmd-theme-muted,#c0d6e7);
}
.wmd-cover-item-figures span{
  display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:5px;
  min-width:0;
}
.wmd-cover-item-figures strong{
  font-variant-numeric:tabular-nums;font-size:13px;
  color:var(--wmd-theme-text,#f4faff);
}
.wmd-cover-item-details{
  margin:9px 0 0;border-top:1px solid var(--wmd-theme-line,#557995);
}
.wmd-cover-item-details>summary{
  cursor:pointer;padding:9px 1px 3px;min-height:34px;
  font-size:12px;font-weight:730;color:var(--wmd-theme-accent,#91c8ff);
}
.wmd-cover-item-details>p{
  margin:6px 0!important;font-size:12px!important;
  line-height:1.5!important;color:var(--wmd-theme-muted,#bed6e8);
}
.wmd-cover-help{
  margin:8px 0 0;border-top:1px solid var(--wmd-theme-line,#557995);
}
.wmd-cover-help>summary{
  cursor:pointer;padding:12px 2px;min-height:41px;
  font-size:13px;font-weight:750;color:var(--wmd-theme-accent,#91c8ff);
}
.wmd-cover-help>p{
  margin:0 0 12px;line-height:1.55;font-size:12px;
  color:var(--wmd-theme-muted,#bed6e8);
}
@media(max-width:550px){
  .wmd-cover-modal-head{padding:13px 14px 12px}
  .wmd-cover-modal-head h2{font-size:21px}
  .wmd-cover-modal-body{padding:12px 14px 16px}
  .wmd-cover-modal-body h3{margin:2px 0 10px}
  .wmd-cover-item{padding:11px 12px}
  .wmd-cover-item-figures{gap:4px 12px}
}

/* Single-item schedule editor inside the review, never a wide Budget table. */
.wmd-cover-timing-panel{
  display:grid;gap:12px;margin:10px 0 14px;padding:15px;
  border:1px solid var(--wmd-theme-accent,#91c8ff);
  border-radius:12px;background:var(--wmd-theme-deep,#172737);
  color:var(--wmd-theme-text,#f4faff);
}
.wmd-cover-timing-heading{display:grid;gap:3px}
.wmd-cover-timing-heading>strong{font-size:16px;font-weight:800}
.wmd-cover-timing-heading>small{
  color:var(--wmd-theme-muted,#bcd7e9);font-size:12px;
}
.wmd-cover-timing-panel label{
  display:grid;gap:6px;font-size:13px;font-weight:750;
  color:var(--wmd-theme-text,#f4faff);
}
.wmd-cover-timing-panel select,
.wmd-cover-timing-panel input[type="date"]{
  box-sizing:border-box;width:100%;min-height:45px;padding:9px 12px;
  background:var(--wmd-theme-raised,#253b50)!important;
  border:1px solid var(--wmd-theme-line,#69879b);border-radius:9px;
  color:var(--wmd-theme-text,#f4faff)!important;
  font-size:16px!important;font-weight:550;
}
.wmd-cover-timing-panel [hidden]{display:none!important}
.wmd-cover-timing-help{
  margin:0;color:var(--wmd-theme-muted,#bcd7e9);
  font-size:12px;line-height:1.5;
}
.wmd-cover-timing-error{
  margin:0;color:var(--wmd-theme-danger,#ffb3b3);
  font-size:13px;line-height:1.5;
}
.wmd-cover-timing-actions{display:flex;gap:8px;flex-wrap:wrap}
.wmd-cover-timing-actions button{
  flex:1 1 120px;min-height:44px;border-radius:9px;
  border:1px solid var(--wmd-theme-line,#69879b);
  cursor:pointer;font-size:14px;font-weight:750;
  padding:9px 12px;color:var(--wmd-theme-text,#f4faff);
  background:transparent;
}
.wmd-cover-timing-actions [data-wmd-coverage-timing-save]{
  background:var(--wmd-theme-accent,#91c8ff);
  color:var(--wmd-theme-on-accent,#0d263e);
  border-color:var(--wmd-theme-accent,#91c8ff);
}
.wmd-cover-timing-actions button:disabled{opacity:.55;cursor:wait}
.wmd-cover-timing-panel :is(input,select,button):focus-visible{
  outline:3px solid var(--wmd-theme-accent,#91c8ff);
  outline-offset:3px;
}

}
/* budget-timing-review.css */
@media screen {
/* Compact missing-timing review above the Budget's horizontal details table. */
#app .wmd-workspace--budget .wmd-budget-timing-review{
  display:grid;gap:0;margin:0;
  border-top:1px solid var(--bc-line,var(--wmd-theme-line,#536d86));
  border-bottom:1px solid var(--bc-line,var(--wmd-theme-line,#536d86));
  background:color-mix(in srgb,var(--bc-accent,var(--wmd-theme-accent,#91c8ff)) 7%,
    var(--bc-panel,var(--wmd-theme-panel,#1a2d40)));
  min-width:0;max-width:100%;overflow:hidden;
}
#app .wmd-workspace--budget .wmd-btr-bar{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;padding:12px 15px;
}
#app .wmd-workspace--budget .wmd-btr-bar>div{
  display:grid;gap:4px;min-width:0;flex:1 1 185px;
}
#app .wmd-workspace--budget .wmd-btr-bar strong{
  color:var(--bc-ink,var(--wmd-theme-text,#f4faff));font-size:14px;font-weight:800;
}
#app .wmd-workspace--budget .wmd-btr-bar strong span{
  display:inline-grid;place-items:center;
  padding:2px 7px;min-width:24px;border:1px solid var(--bc-line,#536d86);
  border-radius:999px;background:var(--bc-deep,#112338);
  color:var(--bc-ink,#f4faff);font-size:12px;line-height:1.3;
}
#app .wmd-workspace--budget .wmd-btr-bar small{
  color:var(--bc-muted,var(--wmd-theme-muted,#bfd6e9));
  font-size:12px;line-height:1.5;
}
#app .wmd-workspace--budget .wmd-btr-bar>button,
#app .wmd-workspace--budget .wmd-btr-item>button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:40px;padding:9px 12px;border:1px solid var(--bc-accent,#91c8ff);
  border-radius:9px;background:var(--bc-deep,#112338);
  color:var(--bc-ink,#f4faff);font-size:13px;line-height:1.3;
  font-weight:750;cursor:pointer;white-space:nowrap;
}
#app .wmd-workspace--budget .wmd-btr-items{
  display:grid;gap:8px;padding:0 13px 13px;
}
#app .wmd-workspace--budget .wmd-btr-items[hidden]{display:none!important}
#app .wmd-workspace--budget .wmd-btr-item{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:10px 12px;border:1px solid var(--bc-line,#536d86);
  border-radius:10px;background:var(--bc-raised,#253d53);
  min-width:0;
}
#app .wmd-workspace--budget .wmd-btr-item>div{
  display:grid;gap:3px;min-width:0;flex:1 1 auto;
}
#app .wmd-workspace--budget .wmd-btr-item strong{
  color:var(--bc-ink,#f4faff);font-weight:740;
  font-size:14px;line-height:1.35;overflow-wrap:anywhere;
}
#app .wmd-workspace--budget .wmd-btr-item small{
  color:var(--bc-muted,#c2d9ec);font-size:12px;line-height:1.4;
}
#app .wmd-workspace--budget .wmd-budget-timing-review .wmd-cover-timing-panel{
  margin:0 0 8px;min-width:0;
}
#app .wmd-workspace--budget .wmd-budget-timing-review :is(button,select,input):focus-visible{
  outline:3px solid var(--bc-accent,#91c8ff);outline-offset:2px;
}
@media(max-width:530px){
  #app .wmd-workspace--budget .wmd-btr-bar{padding:11px 12px}
  #app .wmd-workspace--budget .wmd-btr-items{padding:0 10px 10px}
  #app .wmd-workspace--budget .wmd-btr-item{padding:10px;flex-wrap:wrap}
  #app .wmd-workspace--budget .wmd-btr-item>button{width:auto;min-width:105px}
}

}
/* budget-calendar-guidance.css */
@media screen {
/* Calendar-month Budget and flexible Cash Flow explanation.
   Presentation only: no invented transaction dates or account writes. */
#app .wmd-workspace--budget .budget-quick-value .wmd-month-basis{
  display:block;
  margin:2px 0 0;
  font-size:11px;
  line-height:1.3;
  font-weight:540;
  letter-spacing:0;
  color:var(--wmd-theme-muted,#c6d6e5);
  white-space:normal;
}
#app .wmd-workspace--budget .budget-overview-total small{
  font-size:11px;
  line-height:1.35;
}
#app main.wmd-workspace--cashflow .wmd-mg-flexible-heading{
  font-size:12px;
  line-height:1.5;
  font-weight:650;
  color:var(--wmd-theme-text,#eef6fd);
  margin:11px 0 5px;
}
#app main.wmd-workspace--cashflow .wmd-mg-flexible-upcoming{
  align-items:flex-start;
  gap:12px;
}
#app main.wmd-workspace--cashflow .wmd-mg-flexible-upcoming>span{
  display:grid;
  gap:3px;
  min-width:0;
  overflow-wrap:anywhere;
  color:var(--wmd-theme-text,#eef6fd);
  font-size:13px;
  line-height:1.4;
  font-weight:650;
}
#app main.wmd-workspace--cashflow .wmd-mg-flexible-upcoming>span>small{
  color:var(--wmd-theme-muted,#c1d6e8);
  font-size:11px;
  line-height:1.4;
  font-weight:450;
}
#app main.wmd-workspace--cashflow .wmd-mg-flexible-upcoming>strong{
  white-space:nowrap;
  font-size:15px;
  line-height:1.35;
  font-variant-numeric:tabular-nums;
}
@media(max-width:560px){
  #app .wmd-workspace--budget .budget-quick-value .wmd-month-basis{
    font-size:12px;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-flexible-upcoming>span{
    font-size:14px;
  }
}

/* One calm month picker inside the Budget allocation, not another dashboard. */
#app .wmd-workspace--budget .wmd-budget-calendar-toolbar{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-width:0;flex-wrap:wrap;
  padding:0 0 12px;margin:0 0 13px;
  border-bottom:1px solid var(--wmd-theme-line-soft,#42586d);
}
#app .wmd-workspace--budget .wmd-budget-calendar-toolbar>div:first-child{
  display:grid;gap:3px;min-width:0;flex:1 1 210px;
}
#app .wmd-workspace--budget .wmd-budget-calendar-toolbar span{
  color:var(--wmd-theme-muted,#b8ccdf);font-size:10px;
  letter-spacing:.085em;font-weight:780;
}
#app .wmd-workspace--budget .wmd-budget-calendar-toolbar strong{
  color:var(--wmd-theme-text,#eff7ff);font-size:17px;line-height:1.3;
}
#app .wmd-workspace--budget .wmd-budget-calendar-toolbar small{
  color:var(--wmd-theme-muted,#b8ccdf);font-size:12px;
  line-height:1.4;font-weight:450;
}
#app .wmd-workspace--budget .wmd-budget-calendar-buttons{
  display:flex;align-items:center;gap:7px;flex:0 0 auto;
}
#app .wmd-workspace--budget .wmd-budget-calendar-buttons button{
  display:grid;place-items:center;width:39px;height:39px;
  padding:0;border:1px solid var(--wmd-theme-line,#59728a);
  border-radius:10px;background:var(--wmd-theme-raised,#223a50);
  color:var(--wmd-theme-text,#f2f9ff);font-size:24px;font-weight:600;
  cursor:pointer;
}
#app .wmd-workspace--budget .wmd-budget-calendar-buttons button:is(:hover,:focus-visible){
  outline:2px solid var(--wmd-theme-accent,#98c9f6);
  outline-offset:2px;
}
#app .wmd-workspace--budget .budget-grid .monthly-total .wmd-month-basis{
  display:block;margin:3px 0 0;
  color:var(--wmd-theme-muted,#bed1e4);
  font-size:10px;line-height:1.3;font-weight:520;
  max-width:130px;white-space:normal;
}
@media(max-width:520px){
  #app .wmd-workspace--budget .wmd-budget-calendar-toolbar strong{font-size:16px;}
  #app .wmd-workspace--budget .wmd-budget-calendar-toolbar small{font-size:11px;}
}

/* Compact Budget list: amounts and their basis must form one vertical unit.
   Keep all category titles readable instead of squeezing them around a label. */
#app .wmd-workspace--budget .budget-section .budget-quick-row{
  grid-template-columns:minmax(0,1fr) max-content;
}
#app .wmd-workspace--budget .budget-section .budget-quick-copy strong{
  overflow-wrap:break-word;
  word-break:normal;
}
#app .wmd-workspace--budget .budget-section .budget-quick-value{
  display:flex;
  align-items:center;
  gap:6px;
  white-space:normal;
}
#app .wmd-workspace--budget .budget-section .budget-quick-amount-stack{
  display:grid;
  justify-items:end;
  align-content:center;
  row-gap:2px;
  min-width:0;
  color:inherit;
  font-size:inherit;
  line-height:1.2;
  font-weight:inherit;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--budget .budget-section .budget-quick-amount{
  display:block;
  white-space:nowrap;
}
#app .wmd-workspace--budget .budget-section .budget-quick-amount-stack>.wmd-month-basis{
  display:block;
  margin:0;
  max-width:100%;
  text-align:right;
  white-space:nowrap;
  font-size:11px;
  line-height:1.25;
  font-weight:520;
}
#app .wmd-workspace--budget .budget-section .budget-quick-chevron{
  flex:0 0 auto;
  line-height:1;
}
@media(max-width:590px){
  #app .wmd-workspace--budget .budget-section .budget-quick-identity{gap:6px}
  #app .wmd-workspace--budget .budget-section .budget-quick-value{gap:4px}
  #app .wmd-workspace--budget .budget-section .budget-quick-amount-stack>.wmd-month-basis{font-size:12px}
}

/* Visible once a reviewed deposit exists but no recurring income has been
   added to Budget. No paycheck is inferred or saved by opening this action. */
#app .wmd-workspace--budget .wmd-budget-reviewed-income {
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:10px 16px;margin:0 0 13px;padding:13px 15px;
  border:1px solid var(--wmd-theme-line,#486981);border-radius:13px;
  background:var(--wmd-theme-panel,#192a39);color:var(--wmd-theme-text,#edf4fa);
  font:550 13px/1.5 system-ui,sans-serif;
}
#app .wmd-workspace--budget .wmd-budget-reviewed-income>span{flex:1 1 225px;min-width:0}
#app .wmd-workspace--budget .wmd-budget-reviewed-income button {
  flex:0 1 auto;min-height:43px;padding:10px 13px;
  color:var(--wmd-theme-text,#edf4fa);border:1px solid var(--wmd-theme-accent,#8ec8f3);
  background:transparent;border-radius:9px;font:730 13px/1.3 system-ui,sans-serif;
  cursor:pointer;
}
#app .wmd-workspace--budget .wmd-budget-reviewed-income button:is(:hover,:focus-visible) {
  outline:2px solid var(--wmd-theme-accent,#8ec8f3);outline-offset:2px;
}
@media(max-width:560px){
  #app .wmd-workspace--budget .wmd-budget-reviewed-income button {width:100%;flex:1 1 100%}
}

}
/* cashflow-activity-search.css */
@media screen {
/* Cash Flow action search: filters the existing monthly checklist DOM only.
   No edits to financial records, balance estimates or funding math. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search{
  display:grid;gap:5px;min-width:0;width:100%;margin:4px 0 8px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-field{
  display:flex;align-items:center;gap:9px;min-width:0;min-height:44px;
  border:1px solid var(--wmd-theme-line,#56748c);border-radius:11px;
  background:var(--wmd-theme-raised,#243d55);
  transition:border-color .16s ease,box-shadow .16s ease;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-field:focus-within{
  border-color:var(--wmd-theme-accent,#9ccff3);
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-theme-accent,#9ccff3) 25%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-focus-activity-search-icon{
  display:block;position:relative;flex:0 0 15px;
  width:15px;height:15px;margin-left:14px;
  border:2px solid var(--wmd-theme-muted,#c1d6e9);border-radius:50%;
}
#app main.wmd-workspace--cashflow .wmd-focus-activity-search-icon::after{
  content:"";position:absolute;width:7px;height:2px;right:-6px;bottom:-3px;
  border-radius:2px;background:var(--wmd-theme-muted,#c1d6e9);
  transform:rotate(45deg);
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-input{
  display:block;flex:1 1 auto;min-width:0;width:100%;height:43px;
  padding:10px 2px;margin:0;appearance:none;-webkit-appearance:none;
  background:transparent!important;color:var(--wmd-theme-text,#ecf5ff)!important;
  border:0!important;outline:0!important;border-radius:0!important;
  box-shadow:none!important;font:500 16px/1.3 system-ui,sans-serif!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-input:focus{
  border:0!important;outline:0!important;box-shadow:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-activity-search-input::placeholder{
  color:var(--wmd-theme-muted,#bed0e0);opacity:1;
}
#app main.wmd-workspace--cashflow .wmd-focus-activity-search-input::-webkit-search-cancel-button{
  display:none;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-clear{
  display:grid;place-items:center;flex:0 0 42px;min-width:42px;min-height:42px;
  margin:0 2px 0 0;padding:0;background:transparent!important;border:0!important;
  border-radius:9px;color:var(--wmd-theme-muted,#c5d9eb)!important;
  font:500 26px/1 system-ui,sans-serif!important;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-activity-search-clear:hover{
  color:var(--wmd-theme-text,#ecf5ff)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-clear:focus-visible{
  outline:2px solid var(--wmd-theme-accent,#9ccff3)!important;
  outline-offset:-3px;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-clear[hidden],
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-count[hidden]{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-count{
  color:var(--wmd-theme-muted,#c1d6e9);font:600 12px/1.35 system-ui,sans-serif;
  padding:0 3px;
}
@media(max-width:420px){
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-field{
    min-height:44px;gap:8px;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-activity-search-icon{margin-left:12px}
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-focus-activity-search-field{transition:none}
}

}
/* cashflow-budget-bridge.css */
@media screen {
/* Calendar-aware Budget versus actual Cash Flow. Readable, calm and theme-safe. */
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge{
  --bridge-ink:var(--wmd-theme-text,var(--wmd-ui-txt,#f1f8ff));
  --bridge-muted:var(--wmd-theme-muted,var(--wmd-ui-muted,#bdd0e3));
  --bridge-line:var(--wmd-theme-line,var(--wmd-ui-line,#506e89));
  --bridge-raised:var(--wmd-theme-raised,var(--wmd-ui-raised,#273c52));
  --bridge-accent:var(--wmd-theme-accent,var(--wmd-accent,#9dd3fa));
  margin:15px 0 18px;overflow:hidden;
  border:1px solid var(--bridge-line);border-radius:15px;
  color:var(--bridge-ink);
  background:color-mix(in srgb,var(--bridge-raised) 34%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-title{
  padding:15px 18px 4px;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-title h4{
  margin:0 0 4px;font:800 clamp(18px,1.5vw,21px)/1.25 system-ui,sans-serif;
  color:var(--bridge-ink);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-title p{
  margin:0;color:var(--bridge-muted);font-size:14px;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-groups{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:11px;padding:13px 17px 15px;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group{
  min-width:0;border:1px solid var(--bridge-line);
  border-radius:12px;background:var(--bridge-raised);padding:12px 14px;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group-head{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group-head strong{
  font-size:16px;line-height:1.3;color:var(--bridge-ink);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group-head b{
  font-size:clamp(20px,2vw,24px);line-height:1.15;
  color:var(--bridge-ink);font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group>small{
  display:block;margin:4px 0 9px;font-size:12px;
  color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group p{
  margin:0;font-size:15px;font-weight:700;
  color:var(--bridge-ink);font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group em{
  display:block;margin-top:5px;font-style:normal;
  font-size:13px;line-height:1.4;color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group em.is-gap{
  color:var(--bridge-accent);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group em.is-over,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item-right.is-over{
  color:var(--wmd-theme-danger,#ffb2bb);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review{
  margin:0;border-top:1px solid var(--bridge-line);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary{
  display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:14px 18px;cursor:pointer;list-style:none;
  font-size:16px;font-weight:770;line-height:1.38;
  color:var(--bridge-ink);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary>span:last-child{
  color:var(--bridge-accent);font-size:21px;
  transition:transform .15s ease;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review[open]>summary>span:last-child{
  transform:rotate(180deg);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary:hover{
  background:color-mix(in srgb,var(--bridge-accent) 7%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-body{
  padding:0 17px 17px;font-size:14px;line-height:1.5;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-notice,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-reserve,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-alert,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-caution,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-calendar,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-help{
  margin:9px 0 12px;color:var(--bridge-muted);
  font-size:14px;line-height:1.55;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-alert{
  color:var(--wmd-theme-danger,#ffb2bb);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-notice strong,
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-calendar strong{
  color:var(--bridge-ink);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-items{
  border:1px solid var(--bridge-line);
  border-radius:12px;overflow:hidden;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item{
  display:flex;width:100%;min-height:68px;align-items:center;
  justify-content:space-between;gap:15px;padding:12px 13px;
  border:0;border-bottom:1px solid var(--bridge-line);
  border-radius:0;background:transparent;
  color:var(--bridge-ink);text-align:left;cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item:last-child{
  border-bottom:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item:hover{
  background:color-mix(in srgb,var(--bridge-accent) 8%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item>span:first-child{
  display:grid;gap:4px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item strong{
  font-size:15px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item small{
  font-size:13px;line-height:1.4;color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item-right{
  display:grid;gap:6px;justify-items:end;
  flex:0 1 42%;text-align:right;
  color:var(--bridge-accent);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item-right b{
  font-size:14px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact{
  display:grid;gap:9px;padding:13px 14px;margin:13px 0;
  border-radius:12px;background:var(--bridge-raised);
  border:1px solid var(--bridge-line);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact>strong{
  font-size:16px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact>div{
  display:flex;justify-content:space-between;align-items:baseline;
  gap:12px;font-size:14px;line-height:1.4;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact>div b{
  font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact p{
  margin:2px 0 0;font-size:13px;line-height:1.55;
  color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge :is(button,summary):focus-visible{
  outline:3px solid var(--bridge-accent);outline-offset:-3px;
}
@media(max-width:660px){
  #app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-groups{
    grid-template-columns:minmax(0,1fr);
  }
  #app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item{
    flex-wrap:wrap;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-item-right{
    flex:1 1 100%;justify-items:start;text-align:left;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary>span:last-child{
    transition:none;
  }
}

/* Budget-left cards reveal real Budget items instead of a payments-only To Do list. */
#app main.wmd-workspace--cashflow .wmd-focus-budget-details{
  scroll-margin-top:16px;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-details>summary{
  font-size:clamp(15px,1.35vw,17px)!important;
  font-weight:780!important;line-height:1.4!important;min-height:46px;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-context{
  display:grid;gap:5px;margin:8px 0 12px;padding:12px 14px;
  border:1px solid var(--bridge-line,var(--wmd-theme-line,#506e89));
  border-radius:12px;background:var(--bridge-raised,var(--wmd-theme-raised,#243d54));
  color:var(--bridge-ink,var(--wmd-theme-text,#f1f8ff));
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-context[hidden]{display:none!important}
#app main.wmd-workspace--cashflow .wmd-focus-budget-context-title{
  display:block;font-size:clamp(16px,1.35vw,19px);line-height:1.3;font-weight:800;
}
#app main.wmd-workspace--cashflow .wmd-focus-budget-context p{
  margin:0;font-size:clamp(13px,1.05vw,15px);line-height:1.45;
  color:var(--bridge-muted,var(--wmd-theme-muted,#bdd0e3));
}
#app main.wmd-workspace--cashflow .wmd-focus-empty{
  font-size:clamp(14px,1.1vw,16px);line-height:1.5;
}

/* Quiet collapsed Budget check instead of a duplicate spending action board. */
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review{border-top:0!important}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-review>summary{
  min-height:68px;padding:15px 18px!important;align-items:center;
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-summary{
  display:grid;gap:4px;min-width:0;
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-summary strong{
  font:800 clamp(16px,1.4vw,19px)/1.3 system-ui,sans-serif;color:var(--bridge-ink);
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-summary small{
  font:550 clamp(13px,1.1vw,15px)/1.45 system-ui,sans-serif;
  color:var(--bridge-muted);overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-body{
  padding:2px 16px 16px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-intro{
  margin:5px 1px 9px!important;font-size:14px;line-height:1.45;
  color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-body>.wmd-mg-budget-bridge-groups{
  padding:6px 0 12px;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-group p.wmd-mg-bridge-debt{
  margin-top:4px;font-size:13px;font-weight:550;color:var(--bridge-muted);
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-items-heading{
  font-size:16px;margin:9px 0;line-height:1.35;
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-forecast{
  margin-top:12px;border-top:1px solid var(--bridge-line);padding-top:4px;
}
#app main.wmd-workspace--cashflow .wmd-mg-bridge-forecast>summary{
  cursor:pointer;padding:10px 2px;color:var(--bridge-accent);
  font-size:14px;font-weight:700;list-style:auto;
}
#app main.wmd-workspace--cashflow .wmd-mg-budget-bridge-impact{
  margin:4px 0 10px;
}

}
/* cashflow-simple-month.css */
@media screen {
/* Cash Flow: progress summary, not a second Budget ledger. */
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-overview-title{
display:flex!important;align-items:center!important;justify-content:space-between!important;
flex-wrap:wrap!important;gap:10px 15px!important}
#app main.wmd-workspace--cashflow .wmd-mg-open-budget{
appearance:none!important;display:inline-flex!important;align-items:center!important;
justify-content:center!important;min-height:42px!important;
padding:8px 13px!important;border-radius:12px!important;
border:1px solid var(--wmd-theme-line,#55758e)!important;
background:var(--wmd-theme-raised,#263d52)!important;
color:var(--wmd-theme-accent,#9dd3fa)!important;
font:750 14px/1.2 system-ui,sans-serif!important;cursor:pointer!important}
#app main.wmd-workspace--cashflow .wmd-mg-open-budget:focus-visible{
outline:3px solid var(--wmd-theme-accent,#9dd3fa)!important;outline-offset:3px!important}
#app main.wmd-workspace--cashflow .wmd-mg-month-summary{
margin:9px 0 13px!important;font-size:clamp(14px,1.16vw,16px)!important;
color:var(--wmd-theme-muted,#c0d5e4)!important;line-height:1.45!important}
#app main.wmd-workspace--cashflow .wmd-mg-simple-note{
margin:12px 2px 0!important;font-size:clamp(13px,1.1vw,15px)!important;
line-height:1.5!important;color:var(--wmd-theme-muted,#c0d5e4)!important}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
min-height:123px!important;padding:13px!important;gap:7px!important}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card>small{
font-size:12px!important;line-height:1.4!important}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder{
margin-top:2px!important;padding-top:7px!important}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder>span{font-size:13px!important}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-remainder>strong{
font-size:clamp(18px,1.6vw,22px)!important}
@media(max-width:500px){
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
min-height:119px!important;padding:13px!important}}


/* Cash Flow: spent vs still expected vs explicitly released.
   This is display-only: widths and totals come from the same forecast rows
   used by checking/card calculations. Never imply that an unknown is free. */
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
  min-height:0!important;gap:9px!important;
  justify-content:flex-start!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-values{
  display:block!important;overflow-wrap:normal!important;line-height:1.25!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-values small{
  display:inline!important;font-size:clamp(12px,1.15vw,15px)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track{
  display:flex!important;gap:0!important;flex:0 0 auto!important;
  width:100%!important;height:11px!important;
  margin:6px 0 3px!important;border-radius:999px!important;
  overflow:hidden!important;
  background:var(--wmd-theme-deep,#10273c)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track i{
  display:block!important;flex:none!important;height:100%!important;
  min-width:0!important;border-radius:0!important;
  transition:width .18s ease!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track .is-spent{
  background:#397cae!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track .is-expected{
  background:#9bcbed!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track .is-freed{
  background:#8998a8!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track .is-review{
  background:repeating-linear-gradient(135deg,#5d6f83 0 5px,#2c435b 5px 10px)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metrics{
  display:grid!important;gap:6px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric{
  display:flex!important;justify-content:space-between!important;
  align-items:baseline!important;gap:4px 10px!important;flex-wrap:wrap!important;
  width:100%!important;border-top:1px solid var(--wmd-theme-line-soft,#38516b)!important;
  padding:7px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric>span{
  color:var(--wmd-theme-muted,#c5d8e8)!important;
  font-size:clamp(12px,1vw,14px)!important;font-weight:720!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric>strong{
  color:var(--wmd-theme-text,#f4f8ff)!important;
  font-size:clamp(17px,1.5vw,22px)!important;
  line-height:1.22!important;font-weight:830!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric>small{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-alert{
  display:block!important;margin-top:3px!important;line-height:1.4!important;
  font-size:clamp(11px,.9vw,13px)!important;font-weight:650!important;
  color:var(--wmd-theme-muted,#bbd1e3)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-alert.is-over{
  color:var(--wmd-theme-danger,#ff9d9d)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card>.wmd-mg-spend-hint{
  display:block!important;font-size:clamp(11px,.95vw,13px)!important;
  line-height:1.4!important;color:var(--wmd-theme-muted,#bcd3e4)!important;
  margin-top:auto!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-breakdown[hidden],
#app main.wmd-workspace--cashflow .wmd-mg-spend-items[hidden]{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-breakdowns{
  margin:13px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-breakdown{
  border:1px solid var(--wmd-theme-line,#506c85)!important;
  border-radius:14px!important;padding:12px!important;
  background:color-mix(in srgb,var(--wmd-theme-raised,#21374d) 65%,transparent)!important;
  color:var(--wmd-theme-text,#eaf4fc)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-breakdown-head{
  display:flex!important;justify-content:space-between!important;
  align-items:baseline!important;gap:7px 16px!important;flex-wrap:wrap!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-breakdown-head>strong{
  font-size:clamp(16px,1.35vw,19px)!important;line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-breakdown-head>small{
  font-size:12px!important;line-height:1.45!important;
  color:var(--wmd-theme-muted,#bfd3e4)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-slices{
  display:flex!important;flex-wrap:wrap!important;gap:7px!important;
  margin:11px 0!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-slices button{
  appearance:none!important;border:1px solid var(--wmd-theme-line,#55728c)!important;
  border-radius:10px!important;min-height:39px!important;
  padding:7px 11px!important;
  background:var(--wmd-theme-deep,#132a40)!important;
  color:var(--wmd-theme-text,#f1f6fb)!important;
  font:720 clamp(12px,1vw,14px)/1.28 system-ui,sans-serif!important;
  cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-slices button[aria-pressed="true"]{
  border-color:var(--wmd-theme-accent,#93c9ee)!important;
  background:color-mix(in srgb,var(--wmd-theme-accent,#93c9ee) 18%,var(--wmd-theme-raised,#243b51))!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-slices button:focus-visible,
#app main.wmd-workspace--cashflow .wmd-mg-spend-item:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#93c9ee)!important;
  outline-offset:2px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-items{
  display:grid!important;gap:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item{
  display:flex!important;justify-content:space-between!important;
  align-items:center!important;gap:11px!important;min-width:0!important;
  min-height:59px!important;padding:9px 11px!important;
  width:100%!important;text-align:left!important;
  border-radius:10px!important;
  border:1px solid var(--wmd-theme-line-soft,#42617c)!important;
  background:var(--wmd-theme-panel,#192d42)!important;
  color:var(--wmd-theme-text,#f1f6fb)!important;
}
#app main.wmd-workspace--cashflow button.wmd-mg-spend-item{
  cursor:pointer!important;
}
#app main.wmd-workspace--cashflow button.wmd-mg-spend-item:hover{
  border-color:var(--wmd-theme-accent,#8fc4ee)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy{
  display:grid!important;gap:3px!important;min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy strong{
  font-size:clamp(13px,1.1vw,15px)!important;line-height:1.35!important;
  overflow-wrap:anywhere!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy small{
  font-size:clamp(11px,.9vw,13px)!important;
  line-height:1.42!important;color:var(--wmd-theme-muted,#b9d0e2)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item>.wmd-private-value{
  font-size:clamp(15px,1.3vw,18px)!important;
  font-variant-numeric:tabular-nums!important;white-space:nowrap!important;
  color:var(--wmd-theme-text,#f3faff)!important;
}
/* Item drilldowns share the same saved Budget category emoji and report
   only actually recorded progress. Never present a planned debit as paid. */
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy>strong{
  display:flex!important;align-items:center!important;gap:9px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-category-emoji{
  display:inline-grid!important;place-items:center!important;flex:none!important;
  width:24px!important;min-width:24px!important;
  font-size:19px!important;line-height:1.2!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy .wmd-mg-item-payment-progress{
  display:grid!important;gap:5px!important;width:100%!important;
  padding:5px 0 2px!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-item-payment-label{
  display:flex!important;justify-content:space-between!important;
  flex-wrap:wrap!important;gap:3px 12px!important;
  color:var(--wmd-theme-muted,#b9d0e2)!important;
  font-size:clamp(11px,.95vw,13px)!important;line-height:1.4!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-item-payment-track{
  display:block!important;width:min(100%,390px)!important;height:8px!important;
  overflow:hidden!important;border-radius:999px!important;
  background:var(--wmd-theme-line-soft,#3b5770)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-item-payment-track>span{
  display:block!important;height:100%!important;border-radius:inherit!important;
  background:var(--wmd-theme-accent,#8fc4ee)!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item-copy{
  flex:1 1 auto!important;
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-item>.wmd-private-value{
  align-self:center!important;flex:none!important;
}
@media(max-width:540px){
  #app main.wmd-workspace--cashflow .wmd-mg-spend-item{
    align-items:flex-start!important;gap:8px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-spend-category-emoji{
    width:21px!important;min-width:21px!important;font-size:17px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-item-payment-track{
    width:100%!important;
  }
}
#app main.wmd-workspace--cashflow .wmd-mg-spend-disclaimer,
#app main.wmd-workspace--cashflow .wmd-mg-spend-empty{
  margin:10px 2px 0!important;color:var(--wmd-theme-muted,#b6cede)!important;
  font-size:clamp(12px,.98vw,14px)!important;line-height:1.45!important;
}
@media(max-width:720px){
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric{
    gap:3px 5px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-metric>strong{
    font-size:clamp(17px,4vw,21px)!important;
  }
  #app main.wmd-workspace--cashflow .wmd-mg-spend-breakdown{
    padding:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-track i{
    transition:none!important;
  }
}


/* Compact key for the budget bars: do not use the same grey for released and unknown. */
/* Read the key before the bars, not after the expanded transaction list.
   One quiet, shared four-part legend; no duplicate legend in the cards. */
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview{
  row-gap:11px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-month-summary{
  margin:0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-breakdowns{
  margin:2px 0 0!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-simple-note{
  margin:0 2px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  gap:8px 19px!important;min-width:0!important;
  margin:0!important;padding:3px 2px 12px!important;
  border-bottom:1px solid var(--wmd-theme-line-soft,#38516b)!important;
  background:transparent!important;color:var(--wmd-theme-muted,#c3d8e9)!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend span{
  display:inline-flex!important;align-items:center!important;
  gap:7px!important;min-width:0!important;white-space:nowrap!important;
  font:650 clamp(12px,1vw,14px)/1.42 system-ui,sans-serif!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend i{
  display:inline-block!important;width:12px!important;height:12px!important;
  border-radius:3px!important;flex:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend .is-spent{
  background:#397cae!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend .is-expected{
  background:#9bcbed!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend .is-freed{
  background:#8998a8!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend .is-review{
  background:repeating-linear-gradient(135deg,#5d6f83 0 5px,#2c435b 5px 10px)!important;
}



/* On phones, four equally readable labels form a two-column key
   without horizontal overflow or wasting space above the summary cards. */
@media(max-width:720px){
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview{
    row-gap:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
    column-gap:12px!important;row-gap:9px!important;
    padding:4px 2px 12px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend span{
    font-size:13px!important;white-space:normal!important;
  }
}
@media(max-width:365px){
  #app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-spend-legend span{
    font-size:12px!important;
  }
}

/* One-line, actionable resolution for an unmatched weekly occurrence. */
#app main.wmd-workspace--cashflow .wmd-mg-spend-review-help{
  margin:5px 2px 2px!important;
  padding:8px 0 0!important;
  border-top:1px solid var(--wmd-theme-line-soft,#42617c)!important;
  color:var(--wmd-theme-muted,#c8d8e7)!important;
  font-size:clamp(12px,1vw,14px)!important;
  line-height:1.55!important;
  font-weight:500!important;
}

}
/* budget-collapse-controls.css */
@media screen {
/* Budget bulk section visibility. Presentation only, all financial totals persist. */
#app main.wmd-workspace--budget .budget-bulk-toolbar{
  display:flex;align-items:center;justify-content:flex-end;
  gap:12px;min-height:47px;margin:10px 2px 0;
  padding:2px 1px;
}
#app main.wmd-workspace--budget .budget-bulk-toolbar>span{
  margin-right:auto;color:var(--wmd-theme-muted,var(--wmd-ui-muted,#bbcede));
  font:700 13px/1.35 system-ui,sans-serif;
}
#app main.wmd-workspace--budget .budget-bulk-toolbar .budget-toggle-all{
  display:inline-flex;justify-content:center;align-items:center;
  min-height:40px;min-width:108px;padding:8px 16px;
  border:1px solid var(--wmd-theme-line,var(--wmd-ui-line,#4c6a85));
  border-radius:10px;background:var(--wmd-theme-raised,var(--wmd-ui-raised,#243b50));
  color:var(--wmd-theme-text,var(--wmd-ui-txt,#eef5fb));
  font:750 13px/1.3 system-ui,sans-serif;
  cursor:pointer;box-shadow:none;
}
#app main.wmd-workspace--budget .budget-bulk-toolbar .budget-toggle-all:hover{
  border-color:var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3));
}
#app main.wmd-workspace--budget .budget-bulk-toolbar .budget-toggle-all:focus-visible{
  outline:2px solid var(--wmd-theme-accent,var(--wmd-accent,#8ec8f3));
  outline-offset:3px;
}
@media(max-width:560px){
  #app main.wmd-workspace--budget .budget-bulk-toolbar{margin:10px 0 0}
  #app main.wmd-workspace--budget .budget-bulk-toolbar .budget-toggle-all{
    min-height:44px;
  }
}

}
/* budget-decision-clarity.css */
@media screen {
/* Budget category breakdown, extra pay link, and due-date editing controls.
   The former large Cash Flow decision panel was removed from Budget. */
#app main.wmd-workspace--budget .wmd-budget-category-details>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent-soft,#9ed8f6);
  outline-offset:2px;
}
/* Keep extra paycheck guidance visible without repeating the entire calendar. */
#app main.wmd-workspace--budget .wmd-budget-extra-note{
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;flex-wrap:wrap;padding:9px 12px;
  border-radius:10px;border:1px solid var(--wmd-theme-line,#506985);
  color:var(--wmd-theme-muted,#bed2e5);font-size:13px;line-height:1.45;
}
#app main.wmd-workspace--budget .wmd-budget-extra-note button{
  min-height:37px;border:0;background:transparent;
  color:var(--wmd-theme-accent,#9ed0fa);
  font-size:13px;font-weight:800;cursor:pointer;
}
/* Chart is optional: the three leading categories are visible from its summary. */
#app main.wmd-workspace--budget .wmd-budget-category-details{
  margin:14px 0 8px;padding:0;overflow:hidden;
  border:1px solid var(--wmd-theme-line,var(--wmd-ui-line,#506985));
  border-radius:15px;
  background:var(--wmd-theme-panel,var(--wmd-ui-panel,#1b3044));
  color:var(--wmd-theme-text,var(--wmd-ui-txt,#f0f7fe));
}
#app main.wmd-workspace--budget .wmd-budget-category-details>summary{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;min-height:65px;padding:11px 16px;
  cursor:pointer;list-style:none;
}
#app main.wmd-workspace--budget .wmd-budget-category-details>summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--budget .wmd-budget-category-details>summary>span:first-child{
  display:grid;gap:3px;
}
#app main.wmd-workspace--budget .wmd-budget-category-details>summary strong{
  font-size:17px;line-height:1.3;font-weight:800;
}
#app main.wmd-workspace--budget .wmd-budget-category-details>summary small{
  font-size:12px;line-height:1.35;color:var(--wmd-theme-muted,#b7cde2);
}
/* Keep private allocation percentages out of the always-visible summary. */
#app main.wmd-workspace--budget .wmd-budget-category-preview{
  display:none;
}
#app main.wmd-workspace--budget .wmd-budget-category-preview>span{
  border:1px solid var(--wmd-theme-line,#526f87);
  border-radius:100px;padding:6px 10px;
  font-size:12px;font-weight:700;line-height:1.2;
}
#app main.wmd-workspace--budget .wmd-budget-category-chevron{
  color:var(--wmd-theme-accent,#9ed0fa);
  font-size:21px;transform:rotate(0deg);transition:transform .18s ease;
}
#app main.wmd-workspace--budget .wmd-budget-category-details[open] .wmd-budget-category-chevron{
  transform:rotate(180deg);
}
#app main.wmd-workspace--budget .wmd-budget-category-content{
  padding:0 10px 10px;
}
#app main.wmd-workspace--budget .wmd-budget-category-content>.money-mix.budget{
  margin:0!important;
}
/* The editable schedule is frequency-specific: one date anchors biweekly bills. */
#app main.wmd-workspace--budget .wmd-budget-biweekly-date{
  display:grid;gap:3px;min-width:0;align-content:center;
  font-size:12px;line-height:1.35;
  color:var(--wmd-theme-text,#f0f7fe);
}
#app main.wmd-workspace--budget .wmd-budget-biweekly-date input{
  width:100%;box-sizing:border-box;min-height:34px;
  padding:5px 8px;border-radius:7px;
  border:1px solid var(--wmd-theme-line,#516f89);
  background:var(--wmd-theme-deep,#102338);
  color:var(--wmd-theme-text,#f0f7fe);color-scheme:dark;
  font-size:13px;
}
#app[data-wmd-color-scheme="white"] main.wmd-workspace--budget .wmd-budget-biweekly-date input{
  color-scheme:light;
}
#app main.wmd-workspace--budget .wmd-budget-biweekly-date small{
  font-size:11px;line-height:1.4;color:var(--wmd-theme-muted,#c1d3e2);
}
#app main.wmd-workspace--budget .wmd-budget-daily-timing{
  display:flex;align-items:center;font-size:14px;font-weight:700;
}
@media(max-width:720px){
  #app main.wmd-workspace--budget .wmd-budget-category-preview{
    order:3;width:100%;margin-left:0;
  }
  #app main.wmd-workspace--budget .wmd-budget-category-details>summary{gap:8px}
  #app main.wmd-workspace--budget .wmd-budget-extra-note button{min-height:44px}
  #app main.wmd-workspace--budget .wmd-budget-biweekly-date input{min-height:44px}
}
@media(prefers-reduced-motion:reduce){
  #app main.wmd-workspace--budget .wmd-budget-category-chevron{transition:none}
}

}
/* cashflow-card-clarity-v4.css */
@media screen {
/* Cash Flow card readability and exact payment-intent cues.
   Visual-only. The current balance, scheduled checking transfer, and paid
   historical payments stay owned by the existing application ledger. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-overview-due>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-balance>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-metrics>.cash-card-payment-total>span {
  font-size:clamp(13px,1.2vw,15px)!important;
  line-height:1.35!important;
  font-weight:700!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-overview-due>strong {
  font-size:clamp(32px,2.9vw,39px)!important;
  line-height:1.13!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-amount,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-metrics>.cash-card-payment-total>strong {
  font-size:clamp(33px,3vw,42px)!important;
  line-height:1.13!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-heading h2 {
  font-size:clamp(22px,2vw,27px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-credit-count,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-head>small {
  font-size:13px!important;
  line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-head h3{
  font-size:17px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row {
  grid-template-columns:29px minmax(0,1fr) minmax(112px,.57fr) minmax(132px,.68fr) 18px!important;
  min-height:93px!important;
  padding:13px 4px!important;
  gap:8px 12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card .wmd-focus-glance-name>strong {
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:750!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card .wmd-focus-glance-status {
  font-size:13px!important;
  line-height:1.35!important;
  font-weight:650!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card .wmd-focus-glance-payment>em {
  font-size:13px!important;
  line-height:1.3!important;
  font-weight:650!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>strong.wmd-private-value {
  font-size:clamp(22px,2.1vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-glance-card .wmd-focus-glance-payment>strong:not(.wmd-private-value) {
  font-size:20px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-gap {
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  padding:10px 12px!important;
  margin:0 0 6px 0!important;
  border-radius:10px!important;
  border:1px solid #6996bb!important;
  background:#203a52!important;
  color:#eaf5ff!important;
  font-size:14px!important;
  line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 .wmd-focus-card-gap>span{
  flex:1 1 205px!important;
  min-width:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 button.wmd-focus-card-gap-full{
  flex:0 0 auto!important;
  min-height:43px!important;
  padding:9px 14px!important;
  border:1px solid #adddff!important;
  border-radius:9px!important;
  background:#33709f!important;
  color:#fff!important;
  font-size:14px!important;
  line-height:1.3!important;
  font-weight:800!important;
  cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
 button.wmd-focus-card-gap-full:focus-visible {
  outline:3px solid #b7e6ff!important;
  outline-offset:3px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-card-glance-list.has-open-card>.wmd-focus-card-gap {
  display:none!important;
}
@media(max-width:1200px) {
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row {
    grid-template-columns:28px minmax(0,1fr) minmax(130px,.63fr) minmax(145px,.65fr) 18px!important;
    grid-template-rows:auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card :is(.wmd-focus-glance-name,.wmd-focus-glance-balance,.wmd-focus-glance-payment,.wmd-focus-glance-arrow){
    grid-column:auto!important;grid-row:auto!important;
 }
}
@media(max-width:760px) {
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
    grid-template-columns:29px minmax(0,1fr) minmax(145px,.62fr) 18px!important;
    grid-template-rows:auto auto!important;
    min-height:118px!important;
    gap:8px 10px!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-chip{grid-column:1!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-name{grid-column:2/4!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-payment{grid-column:3!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-arrow{grid-column:4!important;grid-row:1!important}
}
@media(max-width:390px) {
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
    grid-template-columns:27px minmax(0,1fr) 18px!important;
    grid-template-rows:auto auto auto!important;
 }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-name{grid-column:2!important;grid-row:1!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-balance{grid-column:2!important;grid-row:2!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-payment{grid-column:2!important;grid-row:3!important}
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-arrow{grid-column:3!important;grid-row:1!important}
}
}
/* cashflow-card-editor-readable-v5.css */
@media screen {
/* Cash Flow card editor readability pass: one predictable type scale.
   Scope strictly to Cash Flow's actual card editor; do not affect Budget,
   landing, saved amounts, privacy controls or other themes. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col{
  --card-readable-ink:var(--wmd-card-field-text,var(--wmd-theme-text,#eff8ff));
  --card-readable-muted:var(--wmd-card-field-muted,var(--wmd-theme-muted,#c5d8e8));
  --card-readable-accent:var(--wmd-card-field-accent,var(--wmd-theme-accent,#9dd6ff));
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>.cash-top-card{
  gap:17px!important;
  padding:17px 4px 20px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-back{
  font-size:15px!important;
  font-weight:760!important;
  min-height:43px!important;
  padding:10px 2px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-paid-toggle{
  gap:13px!important;
  min-height:73px!important;
  align-items:center!important;
  padding:14px 16px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-paid-toggle input[type="checkbox"]{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-paid-toggle b{
  font-size:17px!important;
  line-height:1.35!important;
  font-weight:780!important;
  color:var(--card-readable-ink)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-paid-toggle small{
  font-size:14px!important;
  font-weight:480!important;
  line-height:1.45!important;
  color:var(--card-readable-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-card-grid.wmd-focus-simple-fields,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-more-fields{
  gap:17px 15px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-field{
  gap:7px!important;
  line-height:1.35!important;
  color:var(--card-readable-ink)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-field>span,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-source-choice>span{
  font-size:16px!important;
  font-weight:750!important;
  line-height:1.36!important;
  letter-spacing:0!important;
  color:var(--card-readable-ink)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-field>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-simple-fields
      .cash-top-field:has([data-card])>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-simple-fields
      .cash-top-field:has([data-card-meta="availableCredit"])>small{
  font-size:14px!important;
  line-height:1.5!important;
  font-weight:500!important;
  color:var(--card-readable-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-money{
  min-height:51px!important;
  border-radius:10px!important;
  gap:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-money>span{
  font-size:19px!important;
  font-weight:750!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-money input{
  font-size:19px!important;
  min-height:49px!important;
  font-weight:650!important;
  letter-spacing:0!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-simple-fields
    .cash-top-field:has([data-card]) .cash-top-money input{
  font-size:24px!important;
  font-weight:820!important;
  font-variant-numeric:tabular-nums!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
    :is(select[data-card-usual-payment],select[data-card-payment-mode],
        select[data-card-balance-source],select.cash-top-day,
        input[data-card-payment-date]){
  box-sizing:border-box!important;
  min-width:0!important;
  width:100%!important;
  min-height:52px!important;
  font-size:17px!important;
  line-height:1.3!important;
  font-weight:570!important;
  padding:11px 13px!important;
  letter-spacing:0!important;
  border-radius:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-more{
  margin-top:2px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-more>summary{
  min-height:52px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:14px 2px!important;
  font:760 16px/1.35 system-ui,sans-serif!important;
  color:var(--card-readable-accent)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-more-body{
  gap:17px!important;
  padding:9px 0 18px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-more-body>p,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-card-advanced>p{
  font-size:14px!important;
  line-height:1.55!important;
  color:var(--card-readable-muted)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-more-body>p{
  max-width:68ch!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-card-advanced>summary{
  display:flex!important;
  min-height:53px!important;
  align-items:center!important;
  gap:8px!important;
  padding:12px 14px!important;
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:780!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-source-choice{
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:760!important;
  gap:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-source-choice>small{
  font-size:14px!important;
  font-weight:480!important;
  line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-comparison{
  gap:13px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-comparison>span{
  font-size:15px!important;
  font-weight:650!important;
  line-height:1.38!important;
  padding:14px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-balance-comparison b{
  font-size:23px!important;
  line-height:1.22!important;
  font-weight:820!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-compare>summary{
  font-size:16px!important;
  font-weight:700!important;
  min-height:45px!important;
  padding:12px 2px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-full-payment-note>strong{
  font-size:17px!important;
  font-weight:780!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-full-payment-note>p{
  font-size:15px!important;
  line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
  :is(.wmd-focus-full-payment-note>button,
      .wmd-focus-simple-actions .cash-wallet-action){
  font-size:16px!important;
  font-weight:750!important;
  min-height:46px!important;
  padding:11px 15px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-gap,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-card-gap>span{
  font-size:15px!important;
  line-height:1.45!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card button.wmd-focus-card-gap-full{
  font-size:16px!important;
  min-height:46px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger .wmd-focus-card-setup-label,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger .wmd-focus-card-setup-hint{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:730!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-disclosure>summary.wmd-focus-credit-trigger{
  min-height:51px!important;
  padding:13px 3px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-head h3{
  font-size:18px!important;
  font-weight:800!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-head>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-count{
  font-size:14px!important;
  line-height:1.4!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  :is(.cash-card-payment-methods>summary,
      .cash-top-picker>summary,
      .wmd-explain-cards>summary,
      .wmd-focus-payment-guide>summary){
  font-size:16px!important;
  line-height:1.4!important;
  font-weight:740!important;
  min-height:48px!important;
  padding-top:12px!important;
  padding-bottom:12px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  :is(.cash-card-payment-methods p,.wmd-explain-content p,
      .cash-card-payment-settings p,.cash-top-panel-body p){
  font-size:14px!important;
  line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  :is(.cash-method-table label,.cash-top-picker-options label,
      .wmd-focus-credit-body select){
  font-size:16px!important;
  line-height:1.38!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card :is(button,select,input):focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-disclosure>summary:focus-visible{
  outline:3px solid var(--card-readable-accent)!important;
  outline-offset:2px!important;
}
/* Optional buttons should look like real actions, not fine-print links. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
    .wmd-focus-card-more-body>.cash-wallet-action{
  display:block!important;
  width:100%!important;
  min-height:49px!important;
  padding:12px 16px!important;
  font-size:16px!important;
  font-weight:760!important;
  line-height:1.35!important;
  border-radius:10px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  :is(.cash-top-picker button,.cash-card-payment-methods button,
      .cash-top-picker select,.cash-card-payment-methods select){
  min-height:47px!important;
  font-size:16px!important;
  line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .cash-card-payment-methods label>span,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .cash-top-picker-options label>span{
  font-size:16px!important;
  font-weight:650!important;
  line-height:1.4!important;
}
/* Summary values must be legible even before opening a card. */
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-overview-due>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-balance>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-metrics>.cash-card-payment-total>span{
  font-size:15px!important;
  font-weight:730!important;
  line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-overview-due>strong{
  font-size:clamp(34px,3.1vw,42px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-amount,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-metrics>.cash-card-payment-total>strong{
  font-size:clamp(35px,3.2vw,44px)!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card>summary.wmd-focus-card-glance-row{
  min-height:104px!important;
  padding-top:15px!important;
  padding-bottom:15px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-name>strong{
  font-size:18px!important;
  font-weight:770!important;
  line-height:1.3!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-status{
  font-size:14px!important;
  line-height:1.42!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
    :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>small,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-glance-payment>em{
  font-size:14px!important;
  font-weight:680!important;
  line-height:1.35!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
    :is(.wmd-focus-glance-balance,.wmd-focus-glance-payment)>strong.wmd-private-value{
  font-size:clamp(24px,2.2vw,29px)!important;
  font-variant-numeric:tabular-nums!important;
  font-weight:830!important;
  line-height:1.18!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card :is(.cash-top-field>small,
     .cash-card-balance-source-choice>small,.wmd-focus-card-more-body>p){
  font-size:15px!important;
  line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-simple-fields
    .cash-top-field:has([data-card])>small{
  font-size:15px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-field>span{
  font-size:17px!important;
}
/* The payment editor fits two readable fields on tablets and desktops.
   Stack on compact phones to avoid tiny, truncated native selectors. */
@media(max-width:700px){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-card-grid.wmd-focus-simple-fields,
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .wmd-focus-more-fields,
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-card-advanced .cash-top-card-grid{
    grid-template-columns:minmax(0,1fr)!important;
  }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card
    :is(select[data-card-usual-payment],select[data-card-payment-mode],
        select[data-card-balance-source],select.cash-top-day,
        input[data-card-payment-date]){
    font-size:17px!important;
  }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-card-paid-toggle{
    padding:14px!important;
  }
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-credit-trigger .wmd-focus-card-setup-hint{
    font-size:13px!important;
  }
}
@media(prefers-reduced-motion:reduce){
 #app main.wmd-workspace--cashflow .wmd-focus-credit-col *{
   scroll-behavior:auto!important;
 }
}
}
/* cashflow-card-carryover-clarity.css */
@media screen {
/* Traceable card carryovers: projected debt and unspent card-funded plans.
   Visually separate the two without using warning colors for normal spending. */
#app main.wmd-workspace--cashflow .cash-wallet-carry-origin,
#app main.wmd-workspace--cashflow .wmd-focus-card-carry-origin{
  display:block!important;
  margin-top:5px!important;
  font-size:15px!important;
  font-weight:700!important;
  line-height:1.48!important;
  color:var(--wmd-theme-accent-soft,#bcdff7)!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-overflow:clip!important;
  max-width:100%!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-glance-name
  .wmd-focus-card-carry-origin{
  margin-top:6px!important;
  color:var(--wmd-theme-muted,#b8d9ee)!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-details,
#app main.wmd-workspace--cashflow .wmd-focus-card-carry-details{
  border:1px solid var(--wmd-theme-line,#5c86a5)!important;
  border-radius:12px!important;
  background:color-mix(in srgb,var(--wmd-theme-raised,#264d68) 68%,transparent)!important;
  margin:13px 0!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#app main.wmd-workspace--cashflow
  :is(.cash-wallet-carry-details,.wmd-focus-card-carry-details)>summary{
  display:flex!important;
  align-items:center!important;
  min-height:51px!important;
  padding:13px 16px!important;
  cursor:pointer!important;
  font-size:16px!important;
  line-height:1.35!important;
  font-weight:780!important;
  color:var(--wmd-theme-text,#e6f4ff)!important;
  list-style-position:inside!important;
}
#app main.wmd-workspace--cashflow
  :is(.cash-wallet-carry-details,.wmd-focus-card-carry-details)>summary:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#aadfff)!important;
  outline-offset:2px!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body{
  display:grid!important;
  gap:11px!important;
  padding:0 15px 16px!important;
  color:var(--wmd-theme-text,#d7eafb)!important;
  font-size:15px!important;
  line-height:1.55!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body p{
  font-size:15px!important;
  line-height:1.55!important;
  margin:0!important;
  color:var(--wmd-theme-muted,#d1e6f6)!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body strong{
  font-weight:790!important;
  font-variant-numeric:tabular-nums!important;
  color:var(--wmd-theme-text,#f3f9ff)!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body ul{
  display:grid!important;
  gap:0!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
  border-top:1px solid var(--wmd-theme-line-soft,#38576e)!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body li{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:12px!important;
  padding:10px 0!important;
  border-bottom:1px solid var(--wmd-theme-line-soft,#38576e)!important;
  font-size:15px!important;
  line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body li>span{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body li small{
  font-size:13px!important;
  line-height:1.4!important;
  color:var(--wmd-theme-muted,#b8d5ea)!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body button{
  min-height:46px!important;
  padding:11px 15px!important;
  font-size:16px!important;
  font-weight:770!important;
  border-radius:9px!important;
  border:1px solid var(--wmd-theme-line,#5c86a5)!important;
  color:var(--wmd-theme-text,#eef8ff)!important;
  background:var(--wmd-theme-raised,#285b80)!important;
  cursor:pointer!important;
  justify-self:start!important;
}
#app main.wmd-workspace--cashflow .cash-wallet-carry-body button:focus-visible{
  outline:3px solid var(--wmd-theme-accent,#aadfff)!important;
  outline-offset:2px!important;
}
@media(max-width:600px){
 #app main.wmd-workspace--cashflow .cash-wallet-carry-origin,
 #app main.wmd-workspace--cashflow .wmd-focus-card-carry-origin{
   font-size:14px!important;
 }
 #app main.wmd-workspace--cashflow .cash-wallet-carry-body li{
   flex-wrap:wrap!important;
 }
 #app main.wmd-workspace--cashflow .cash-wallet-carry-body button{
   width:100%!important;
 }
}


/* October/November cash-flow continuity: show the cash balance separately
   from funds reserved for unpaid card commitments. Read-only presentation. */
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>small{
  display:block!important;
  font-size:11px!important;
  line-height:1.3!important;
  color:var(--cf2-muted,#bed0e5)!important;
  font-weight:550!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>em{
  display:block!important;
  font-style:normal!important;
  font-size:11px!important;
  line-height:1.4!important;
  color:var(--cf2-muted,#bed0e5)!important;
  overflow-wrap:anywhere;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile{
  box-sizing:border-box;
  width:100%; min-width:0; margin:12px 0 0;
  padding:13px 15px;
  border:1px solid var(--cf2-line,#39536d);
  border-radius:12px;
  background:var(--cf2-subtle,rgba(119,166,214,.07));
  color:var(--cf2-text,#eef5ff);
  display:grid; gap:9px;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-heading{
  display:block;font-size:13px;font-weight:750;
  line-height:1.35;color:var(--cf2-text,#eef5ff);
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  gap:12px;align-items:baseline;
  font-size:12px;line-height:1.45;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-row>span{
  color:var(--cf2-muted,#bed0e5);
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-row>b{
  color:var(--cf2-text,#eef5ff);font-size:14px;
  font-variant-numeric:tabular-nums;font-weight:750;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-row.is-total{
  border-top:1px solid var(--cf2-line,#39536d);
  padding-top:10px;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-row.is-total>span{
  color:var(--cf2-text,#eef5ff);font-weight:700;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile>p{
  margin:0!important;color:var(--cf2-muted,#bed0e5)!important;
  font-size:12px!important;line-height:1.5!important;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile>p.wmd-month-boundary-warning{
  color:#f3bdba!important;font-weight:700;
}
@media(max-width:570px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>div>small{
    font-size:10px!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-hero .cash-runway-month>em{
    font-size:10px!important;line-height:1.3!important;
  }
  #app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile{
    padding:12px;gap:8px;
  }
}


/* Compact, optional explanation of prior-month card commitments.
   It never changes banking or the canonical Cash Flow forecast. */
#app main.wmd-workspace--cashflow details.wmd-month-boundary-reconcile{
  display:block;box-sizing:border-box;
  width:100%;margin:9px 0 0;padding:0 12px;
  border:1px solid var(--cf2-line,#39536d);
  border-radius:11px;background:var(--cf2-subtle,rgba(119,166,214,.07));
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile>summary{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:6px 12px;padding:11px 0;
  cursor:pointer;list-style:none;font-size:12px;font-weight:740;
  line-height:1.4;color:var(--cf2-text,#eef5ff);
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile>summary::-webkit-details-marker{display:none}
#app main.wmd-workspace--cashflow .wmd-month-boundary-reconcile>summary>span{
  font-size:11px;color:var(--cf2-accent,#91c8ff);font-weight:650;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-body{
  display:grid;gap:10px;padding:7px 0 14px;
  border-top:1px solid var(--cf2-line,#39536d);
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-card-list{
  display:grid;gap:11px;padding:9px 0;
  border-top:1px solid var(--cf2-line,#39536d);
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-card{
  display:grid;gap:4px;
}
#app main.wmd-workspace--cashflow .wmd-month-boundary-card>small{
  display:block;font-size:11px!important;line-height:1.45!important;
  color:var(--cf2-muted,#bed0e5)!important;
}

}
/* home-gadgets.css */
@media screen {
/* Customizable Home: five connected workspaces in a real, movable gadget grid.
   Ocean-blue by default; all other schemes inherit the app's theme tokens.
   No hard-coded green success indicators or invented chart data.
 */
#app > main.wmd-workspace--home{
  display:grid!important;
  width:calc(100% - 24px)!important;
  max-width:1640px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(290px,1fr) auto;
  grid-auto-rows:auto;
  column-gap:14px;row-gap:16px;
  align-content:start;align-items:start;
  --hg-bg:var(--wmd-theme-deep,#0f2031);
  --hg-card:var(--wmd-theme-panel,#1a3045);
  --hg-raised:var(--wmd-theme-raised,#243f56);
  --hg-line:var(--wmd-theme-line,#3d607d);
  --hg-text:var(--wmd-theme-text,#edf6ff);
  --hg-muted:var(--wmd-theme-muted,#b6d0e1);
  --hg-accent:var(--wmd-theme-accent,#8ec8f3);
}
#app > main.wmd-workspace--home > nav[data-scroll-key="workspace-tabs"]{
  grid-column:1/-1;grid-row:1;min-width:0;max-width:none;
  margin-bottom:2px!important;
}
#app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub{
  grid-column:1;grid-row:2;min-width:0;width:100%!important;
  max-width:none!important;margin:0!important;padding:9px 12px!important;
  border-radius:14px!important;min-height:64px;
  display:flex!important;align-items:center;
  background:var(--hg-card)!important;
  border:1px solid var(--hg-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-heading{
  flex:1 1 100%;min-width:0;margin:0!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-copy{
  display:none!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-control{
  border-radius:9px!important;min-height:44px!important;
  width:100%;min-width:0;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-input{
  font-size:15px!important;min-height:42px!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-send{
  min-height:36px!important;
}
#app .wmd-workspace--home .wmd-hg-commands{
  grid-column:2;grid-row:2;min-height:64px;
  display:flex;align-items:center;justify-content:flex-end;
  max-width:min(100%,930px);
  padding:8px;border-radius:14px;
  background:var(--hg-card);border:1px solid var(--hg-line);
  box-sizing:border-box;min-width:0;
}
#app .wmd-hg-commands .wmd-hg-quick-actions{
  display:flex;flex-wrap:nowrap;gap:7px;align-items:stretch;
  min-width:0;max-width:100%;overflow-x:auto;
  scrollbar-width:thin;overscroll-behavior-x:contain;
}
#app .wmd-hg-quick-actions > button{
  border:1px solid var(--hg-line)!important;border-radius:10px!important;
  background:var(--hg-bg)!important;color:var(--hg-text)!important;
  font:700 12px/1.3 system-ui,sans-serif!important;
  padding:10px 11px!important;min-height:45px;
  white-space:nowrap;flex:0 0 auto;cursor:pointer;
  box-shadow:none!important;max-width:none;
}
#app .wmd-hg-quick-actions > button.wmd-hg-snapper{
  background:var(--hg-accent)!important;
  border-color:var(--hg-accent)!important;
  color:var(--wmd-theme-deep,#112333)!important;
}
#app .wmd-hg-quick-actions > button:is(:hover,:focus-visible){
  border-color:var(--hg-accent)!important;
  box-shadow:0 0 0 1px var(--hg-accent)!important;
}
#app .wmd-hg-quick-actions > button:focus-visible{outline:3px solid var(--hg-accent);outline-offset:2px}
#app .wmd-home-gadget-board{
  grid-column:1/-1;grid-row:3;
  min-width:0;width:100%;max-width:none;box-sizing:border-box;
  padding:0 0 22px;margin:0;
  color:var(--hg-text);font-family:system-ui,sans-serif;
}
#app .wmd-hg-board-heading{
  display:flex;gap:14px;align-items:center;justify-content:space-between;
  padding:5px 4px 15px;flex-wrap:wrap;min-width:0;
}
#app .wmd-hg-board-heading>div:first-child{min-width:0;flex:1 1 350px}
#app .wmd-hg-eyebrow{
  display:block;font-size:10px;font-weight:800;letter-spacing:.11em;
  text-transform:uppercase;color:var(--hg-accent);margin-bottom:6px;
}
#app .wmd-hg-board-heading h2{
  font-size:clamp(22px,2.4vw,30px)!important;line-height:1.15;
  letter-spacing:-.035em;font-weight:820;color:var(--hg-text)!important;
  margin:0 0 6px!important;
}
#app .wmd-hg-board-heading p{
  margin:0;color:var(--hg-muted);
  font-size:12px;line-height:1.5;
}
#app .wmd-hg-board-actions{
  display:flex;gap:9px;flex-wrap:wrap;align-items:center;
}
#app .wmd-hg-board-actions>button{
  border:1px solid var(--hg-line);background:var(--hg-card);
  border-radius:9px;color:var(--hg-text);font:720 12px/1.4 system-ui,sans-serif;
  padding:10px 14px;min-height:43px;cursor:pointer;
}
#app .wmd-hg-board-actions>[data-gadget-edit-toggle]{
  background:var(--hg-accent)!important;
  color:var(--hg-bg)!important;
  border-color:var(--hg-accent)!important;
  font-size:13px!important;
  white-space:nowrap;
}
#app .wmd-hg-board-actions>button:focus-visible{outline:3px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-grid{
  display:grid;grid-template-columns:repeat(20,minmax(0,1fr));
  grid-auto-flow:row;gap:12px;
  width:100%;min-width:0;align-items:stretch;
}
#app .wmd-hg-card{
  position:relative;min-width:0;box-sizing:border-box;
  background:var(--hg-card);border:1px solid var(--hg-line);
  border-radius:17px;box-shadow:0 4px 18px rgba(0,0,0,.07);
  display:flex;flex-direction:column;gap:0;
  overflow:visible;
  transition:border-color .14s ease,box-shadow .14s ease;
}
#app .wmd-hg-card:is(:hover,:focus-within){border-color:var(--hg-accent)}
#app .wmd-hg-card.is-dragging{opacity:.55}
#app .wmd-hg-card.is-drop-target{
  outline:2px dashed var(--hg-accent);outline-offset:4px;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--hg-accent) 18%,transparent);
}
#app .wmd-hg-card.size-compact{grid-column:span 4;min-height:191px}
#app .wmd-hg-card.size-medium{grid-column:span 10;min-height:360px}
#app .wmd-hg-card.size-wide{grid-column:span 12;min-height:360px}
#app .wmd-hg-card.size-full{grid-column:1/-1;min-height:330px}
#app .wmd-hg-card-head{
  display:flex;align-items:center;gap:7px;min-width:0;
  padding:12px 12px 8px;box-sizing:border-box;
}
#app .wmd-hg-icon{
  flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;
  border-radius:9px;background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg));
  color:var(--hg-accent);
}
#app .wmd-hg-icon svg{height:18px;width:18px;max-width:100%}
#app .wmd-hg-card-head h3{
  font-size:13px!important;font-weight:780!important;line-height:1.25;
  margin:0!important;letter-spacing:-.015em;
  color:var(--hg-text)!important;min-width:0;flex:1 1 auto;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
#app .wmd-hg-drag{
  appearance:none;flex:0 0 15px;width:15px;height:30px;
  padding:0;border:0;background:transparent;color:var(--hg-muted);
  font-size:17px;cursor:grab;touch-action:none;user-select:none;
}
#app .wmd-hg-drag:active{cursor:grabbing}
#app .wmd-hg-menu{position:relative;flex:0 0 auto}
#app .wmd-hg-menu>summary{
  display:grid;place-items:center;list-style:none;cursor:pointer;
  color:var(--hg-muted);border:1px solid transparent;border-radius:8px;
  width:27px;height:29px;font-size:20px;line-height:1;
}
#app .wmd-hg-menu>summary::-webkit-details-marker{display:none}
#app .wmd-hg-menu>summary:is(:hover,:focus-visible){border-color:var(--hg-accent);color:var(--hg-accent)}
#app .wmd-hg-menu-items{
  position:absolute;z-index:40;right:0;top:33px;
  min-width:190px;display:grid;gap:2px;
  background:var(--hg-bg);border:1px solid var(--hg-line);
  border-radius:12px;padding:9px;box-shadow:0 12px 30px rgba(0,0,0,.3);
}
#app .wmd-hg-menu-items .wmd-hg-menu-title{
  color:var(--hg-muted);font-size:10px;font-weight:800;letter-spacing:.05em;
  padding:4px 6px;text-transform:uppercase;
}
#app .wmd-hg-menu-items button{
  background:transparent;border:1px solid transparent;color:var(--hg-text);
  border-radius:7px;text-align:left;font:640 12px/1.35 system-ui,sans-serif;
  padding:7px 8px;cursor:pointer;min-height:32px;
}
#app .wmd-hg-menu-items button[aria-pressed="true"]{background:var(--hg-raised);color:var(--hg-accent)}
#app .wmd-hg-menu-items button:is(:hover,:focus-visible){background:var(--hg-raised);border-color:var(--hg-line)}
#app .wmd-hg-menu-items button.wmd-hg-remove{color:#f9a2b0}
#app .wmd-hg-menu-items hr{height:1px;border:0;background:var(--hg-line);width:100%;margin:4px 0}
#app .wmd-hg-tabs{
  display:flex;align-items:stretch;gap:2px;min-width:0;overflow-x:auto;
  margin:0 12px 10px;padding:2px;
  background:var(--hg-bg);border:1px solid var(--hg-line);
  border-radius:9px;scrollbar-width:thin;
}
#app .wmd-hg-tabs .wmd-hg-view-choice{
  appearance:none;min-height:29px;min-width:0;flex:1 0 auto;
  padding:5px 6px;border:0;border-radius:7px;
  background:transparent;color:var(--hg-muted);cursor:pointer;
  font:650 10px/1.3 system-ui,sans-serif;white-space:nowrap;
}
#app .wmd-hg-tabs .wmd-hg-view-choice[aria-pressed="true"]{
  color:var(--hg-text);background:var(--hg-raised);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hg-accent) 38%,transparent);
}
#app .wmd-hg-tabs .wmd-hg-view-choice:is(:hover,:focus-visible){color:var(--hg-accent)}
#app .wmd-hg-content{min-width:0;flex:1 1 auto;padding:0 14px 9px;display:flex;flex-direction:column}
#app .wmd-hg-compact{display:flex;flex-direction:column;gap:5px;min-height:70px}
#app .wmd-hg-big{
  display:block;font-size:clamp(20px,1.6vw,25px)!important;
  font-variant-numeric:tabular-nums;letter-spacing:-.035em;
  line-height:1.17;color:var(--hg-text)!important;white-space:normal;overflow-wrap:anywhere;
}
#app .wmd-hg-compact>small{color:var(--hg-muted);font-size:10px;line-height:1.4}
#app .wmd-hg-compact>.wmd-hg-linechart{width:100%;max-height:32px}
#app .wmd-hg-detail{
  width:100%;height:100%;display:flex;flex-direction:column;gap:10px;
  justify-content:flex-start;min-width:0;
}
#app .wmd-hg-metric{display:grid;gap:3px;min-width:0}
#app .wmd-hg-metric>small{font-size:11px;color:var(--hg-muted);font-weight:620;line-height:1.4}
#app .wmd-hg-metric>strong{
  color:var(--hg-text);font-size:clamp(20px,2.1vw,31px);letter-spacing:-.045em;
  line-height:1.2;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app .wmd-hg-metric>span{font-size:10px;color:var(--hg-muted);line-height:1.4}
#app .wmd-hg-paired{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#app .wmd-hg-paired>.wmd-hg-metric{
  padding:9px 10px;background:var(--hg-bg);border:1px solid var(--hg-line);border-radius:10px;
}
#app .wmd-hg-paired>.wmd-hg-metric strong{font-size:clamp(16px,1.7vw,23px)}
#app .wmd-hg-ring{
  width:clamp(130px,13vw,197px);height:clamp(130px,13vw,197px);
  flex:0 0 auto;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;
  position:relative;
}
#app .wmd-hg-ring>div{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:67%;height:67%;border-radius:50%;background:var(--hg-card);
  text-align:center;padding:3px;box-sizing:border-box;
}
#app .wmd-hg-ring b{color:var(--hg-text);font-size:clamp(14px,1.4vw,21px);overflow-wrap:anywhere}
#app .wmd-hg-ring small{color:var(--hg-muted);font-size:10px;line-height:1.4}
#app .wmd-hg-pie-layout{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-around}
#app .wmd-hg-legend{display:grid;gap:8px;min-width:145px;flex:1 1 135px}
#app .wmd-hg-legend-row{display:flex;align-items:center;gap:7px;min-width:0;font-size:11px}
#app .wmd-hg-legend-row i{flex:0 0 9px;width:9px;height:9px;border-radius:50%}
#app .wmd-hg-legend-row span{color:var(--hg-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
#app .wmd-hg-legend-row b{font-variant-numeric:tabular-nums;color:var(--hg-text);font-size:11px}
#app .wmd-hg-linechart{display:block;width:100%;height:auto;max-height:160px;min-width:0}
#app .wmd-hg-line-path{stroke:var(--hg-accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;fill:none}
#app .wmd-hg-bars{display:grid;gap:9px}
#app .wmd-hg-bar{display:grid;gap:5px}
#app .wmd-hg-bar>div:first-child{display:flex;gap:8px;justify-content:space-between;min-width:0;font-size:11px}
#app .wmd-hg-bar span{color:var(--hg-muted)}
#app .wmd-hg-bar strong{color:var(--hg-text);font-variant-numeric:tabular-nums}
#app .wmd-hg-bar-track{height:7px;border-radius:8px;background:var(--hg-bg);overflow:hidden}
#app .wmd-hg-bar-track i{
  display:block;height:100%;border-radius:inherit;
  background:var(--hg-accent);
}
#app .wmd-hg-bar:nth-child(2) .wmd-hg-bar-track i{background:#b8a0e6}
#app .wmd-hg-bar:nth-child(3) .wmd-hg-bar-track i{background:#d9b588}
#app .wmd-hg-bar small{color:var(--hg-muted);font-size:10px}
#app .wmd-hg-rows{display:grid;gap:5px;min-width:0}
#app .wmd-hg-row{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;
  border-bottom:1px solid color-mix(in srgb,var(--hg-line) 60%,transparent);
  padding:5px 0;
}
#app .wmd-hg-row span{display:grid;gap:1px;min-width:0}
#app .wmd-hg-row strong{color:var(--hg-text);font-size:11px;font-weight:670;overflow-wrap:anywhere}
#app .wmd-hg-row small{color:var(--hg-muted);font-size:10px}
#app .wmd-hg-row>b{white-space:nowrap;font-size:11px;color:var(--hg-text);font-variant-numeric:tabular-nums}
#app :is(.wmd-hg-note,.wmd-hg-subtle,.wmd-hg-empty,.wmd-hg-privacy,.wmd-hg-hidden-chart){
  margin:4px 0!important;font-size:11px;line-height:1.55;color:var(--hg-muted);
}
#app .wmd-hg-privacy,#app .wmd-hg-hidden-chart,#app .wmd-hg-empty{
  background:var(--hg-bg);padding:14px;border:1px dashed var(--hg-line);border-radius:9px;
}
#app .wmd-hg-card-foot{
  border-top:1px solid color-mix(in srgb,var(--hg-line) 57%,transparent);
  margin:0 12px 13px;padding-top:7px;display:flex;align-items:center;
  justify-content:space-between;gap:7px;min-width:0;flex-wrap:wrap;
}
#app .wmd-hg-card-foot>span{font-size:9px;color:var(--hg-muted);line-height:1.4}
#app .wmd-hg-card-foot>button{
  appearance:none;border:0!important;padding:5px 0;background:transparent!important;
  color:var(--hg-accent)!important;
  font:700 10px/1.2 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-hg-card-foot button:is(:hover,:focus-visible){text-decoration:underline}
#app .wmd-hg-resize-corner{
  appearance:none;position:absolute;bottom:0;right:0;
  border:0;background:transparent;color:var(--hg-muted);
  width:30px;height:30px;display:grid;place-items:center;
  cursor:nwse-resize;font-size:12px;opacity:.8;touch-action:none;
}
#app .wmd-hg-add-card{
  grid-column:span 10;min-height:191px;display:flex;align-items:center;
  justify-content:center;flex-direction:column;gap:8px;
  background:transparent;border:1px dashed var(--hg-line);
  border-radius:17px;color:var(--hg-text);
  text-align:center;padding:18px;cursor:pointer;
}
#app .wmd-hg-add-symbol{
  border:1px solid var(--hg-accent);border-radius:50%;
  display:grid;place-items:center;color:var(--hg-accent);font-size:26px;
  width:48px;height:48px;
}
#app .wmd-hg-add-card strong{font-size:14px}
#app .wmd-hg-add-card small{font-size:10px;color:var(--hg-muted);line-height:1.45}
#app .wmd-hg-add-card:is(:hover,:focus-visible){border-color:var(--hg-accent);background:var(--hg-card)}
#app .wmd-hg-notice{font-size:11px;color:var(--hg-muted);line-height:1.5;margin:13px 3px}
#app .wmd-hg-dialog-backdrop{
  position:fixed;inset:0;z-index:100001;display:grid;place-items:center;
  padding:14px;box-sizing:border-box;overflow:auto;
  background:rgba(3,10,18,.75);
}
#app .wmd-hg-dialog-backdrop[hidden]{display:none!important}
#app .wmd-hg-dialog{
  width:min(520px,100%);max-height:min(88vh,750px);overflow:auto;
  padding:18px;border-radius:18px;border:1px solid var(--hg-line);
  background:var(--hg-card);box-shadow:0 25px 70px rgba(0,0,0,.4);
}
#app .wmd-hg-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
#app .wmd-hg-dialog-head h3{margin:0;color:var(--hg-text);font-size:21px}
#app .wmd-hg-dialog-head button{
  border:1px solid var(--hg-line);border-radius:8px;
  width:37px;height:37px;background:var(--hg-bg);color:var(--hg-text);
  font-size:23px;cursor:pointer;
}
#app .wmd-hg-dialog>p{color:var(--hg-muted);font-size:12px;line-height:1.5}
#app .wmd-hg-catalog{display:grid;gap:8px}
#app .wmd-hg-catalog-item{
  display:grid;gap:4px;text-align:left;border:1px solid var(--hg-line);
  border-radius:11px;padding:12px;background:var(--hg-bg);
  color:var(--hg-text);cursor:pointer;
}
#app .wmd-hg-catalog-item>span{font:750 14px/1.3 system-ui,sans-serif}
#app .wmd-hg-catalog-item>small{font:500 11px/1.45 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-catalog-item:is(:hover,:focus-visible){border-color:var(--hg-accent);background:var(--hg-raised)}
#app .wmd-home-gadget-board button:focus-visible{
  outline:3px solid var(--hg-accent);outline-offset:2px;
}
@media(max-width:1500px){
 #app > main.wmd-workspace--home{grid-template-columns:minmax(280px,1fr) minmax(460px,1.45fr)}
 #app .wmd-hg-card.size-compact{grid-column:span 4}
 #app .wmd-hg-quick-actions>button{padding:10px 9px!important;font-size:11px!important}
}
@media(max-width:1180px){
 #app > main.wmd-workspace--home{grid-template-columns:1fr;row-gap:9px}
 #app > main.wmd-workspace--home > nav[data-scroll-key="workspace-tabs"]{grid-row:1}
 #app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub{grid-column:1;grid-row:2}
 #app > main.wmd-workspace--home > .wmd-hg-commands{
   grid-column:1;grid-row:3;max-width:none;width:100%;justify-content:flex-start;min-height:60px;
 }
 #app > main.wmd-workspace--home > .wmd-home-gadget-board{grid-column:1;grid-row:4}
 #app .wmd-hg-card.size-compact{grid-column:span 5}
 #app .wmd-hg-card.size-medium{grid-column:span 10}
 #app .wmd-hg-card.size-wide{grid-column:span 15}
 #app .wmd-hg-card.size-full{grid-column:1/-1}
 #app .wmd-hg-add-card{grid-column:span 5}
}
@media(max-width:820px){
 #app .wmd-hg-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:10px}
 #app .wmd-hg-card.size-compact{grid-column:span 6}
 #app .wmd-hg-card.size-medium,.wmd-hg-card.size-wide{grid-column:span 12}
 #app .wmd-hg-card.size-full{grid-column:1/-1}
 #app .wmd-hg-add-card{grid-column:span 6}
 #app .wmd-hg-quick-actions{width:100%;justify-content:stretch}
}
@media(max-width:500px){
 #app > main.wmd-workspace--home{width:calc(100% - 10px)!important}
 #app .wmd-hg-board-heading{padding:7px 0 13px}
 #app .wmd-hg-board-heading>div:first-child{flex-basis:100%}
 #app .wmd-hg-board-actions{width:100%}
 #app .wmd-hg-board-actions>button{flex:1;min-width:0}
 #app .wmd-hg-grid{grid-template-columns:1fr}
 #app .wmd-hg-card.size-compact,
 #app .wmd-hg-card.size-medium,
 #app .wmd-hg-card.size-wide,
 #app .wmd-hg-card.size-full,
 #app .wmd-hg-add-card{grid-column:1/-1}
 #app .wmd-hg-card.size-compact{min-height:178px}
 #app .wmd-hg-card-head{padding:11px 10px 7px}
 #app .wmd-hg-paired{gap:7px}
 #app .wmd-hg-content{padding:0 10px 8px}
 #app .wmd-hg-tabs{margin:0 10px 9px}
 #app .wmd-hg-pie-layout{flex-direction:column;align-items:stretch}
 #app .wmd-hg-ring{align-self:center;width:min(60vw,180px);height:min(60vw,180px)}
 #app .wmd-hg-resize-corner{width:34px;height:34px}
}
@media(prefers-reduced-motion:reduce){
 #app .wmd-hg-card{transition:none}
}
/* Keep the real Ask Your Money widget in place, including its live results.
   Place the input first and Help after it without tearing down a focused field. */
#app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  row-gap:0!important;align-items:center;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-field{
  grid-column:1;grid-row:1;min-width:0;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-heading{
  grid-column:2;grid-row:1;min-width:0;
  flex:0 0 auto;justify-self:end;padding-left:8px;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-heading>.wmd-discovery-tools{
  margin:0;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>:is(
 .wmd-discovery-results,.wmd-discovery-answer,.wmd-discovery-chips
){
  grid-column:1/-1;grid-row:auto;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-chips:empty{
  display:none!important;
}
@media(max-width:500px){
 #app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-heading{padding-left:3px}
 #app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-key{display:none}
}

/* Home Ask Help: opening the native <details> must not become a third
   page-width column. Its menu is a popover, not grid content. This also keeps
   Quick add, the header, and financial gadgets at their original positions. */
#app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub{
  min-width:0!important;
  grid-template-columns:minmax(0,1fr) max-content!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-field{
  min-width:0!important;max-width:100%;width:100%;
}
#app .wmd-workspace--home .wmd-discovery-home-hub>.wmd-discovery-heading{
  min-width:0!important;max-width:max-content;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools{
  position:relative!important;display:block;
  flex:0 0 auto!important;min-width:0!important;width:max-content;
  max-width:100%;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools>summary{
  list-style:none;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;min-width:52px;min-height:40px;
  padding:8px 10px;border:1px solid var(--hg-line);
  border-radius:9px;background:var(--hg-bg);color:var(--hg-text);
  font:750 12px/1.35 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools>summary::-webkit-details-marker{
  display:none;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools>summary:is(:hover,:focus-visible),
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools[open]>summary{
  border-color:var(--hg-accent);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools-body{
  position:absolute!important;z-index:65!important;
  top:calc(100% + 7px)!important;right:0!important;left:auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr);
  gap:4px;width:270px;max-width:calc(100vw - 32px);min-width:0;
  box-sizing:border-box;padding:8px;
  border:1px solid var(--hg-line);border-radius:12px;
  background:var(--hg-card);color:var(--hg-text);
  box-shadow:0 14px 30px rgba(0,0,0,.27);
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools:not([open])>.wmd-discovery-tools-body{
  display:none!important;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools-body>.wmd-discovery-browse{
  display:block;box-sizing:border-box;width:100%!important;max-width:none!important;
  min-height:40px;padding:10px 12px;text-align:left!important;
  border:1px solid transparent;border-radius:8px;
  background:transparent;color:var(--hg-text);
  font:650 13px/1.35 system-ui,sans-serif;white-space:normal;
}
#app .wmd-workspace--home .wmd-discovery-home-hub .wmd-discovery-tools-body>.wmd-discovery-browse:is(:hover,:focus-visible){
  border-color:var(--hg-line);
  background:var(--hg-raised);color:var(--hg-accent);
  outline-offset:1px;
}
#app > main.wmd-workspace--home > .wmd-discovery.wmd-discovery-home-hub:has(.wmd-discovery-tools[open]){
  z-index:50!important;overflow:visible!important;
}

/* v2 — Easy-to-understand dashboard controls and useful small gadgets.
   All money is still derived from the existing read-only view model. */
#app .wmd-hg-card.size-compact{min-height:270px}
#app .wmd-hg-card-head{min-height:49px;gap:6px;padding:11px 11px 7px}
#app .wmd-hg-card-head h3{font-size:14px!important;font-weight:785!important}
#app .wmd-hg-drag{font-size:18px;min-width:16px}
#app .wmd-hg-card:is(:has(.wmd-hg-size-control[open]),:has(.wmd-hg-menu[open])){
  z-index:50;
}
#app .wmd-hg-size-control{
  position:relative;flex:0 0 auto;min-width:0;
}
#app .wmd-hg-size-control>summary{
  display:flex;align-items:center;justify-content:center;gap:5px;
  min-height:30px;padding:5px 8px;box-sizing:border-box;
  border:1px solid var(--hg-line);border-radius:8px;
  background:var(--hg-bg);color:var(--hg-muted);
  list-style:none;cursor:pointer;font:700 11px/1.2 system-ui,sans-serif;
  white-space:nowrap;
}
#app .wmd-hg-size-control>summary>span{font-size:16px;color:var(--hg-accent)}
#app .wmd-hg-size-control>summary::-webkit-details-marker{display:none}
#app .wmd-hg-size-control[open]>summary,
#app .wmd-hg-size-control>summary:is(:hover,:focus-visible){
  color:var(--hg-text);border-color:var(--hg-accent);
}
#app .wmd-hg-size-palette{
  position:absolute;right:-55px;top:36px;
  z-index:70;width:248px;max-width:calc(100vw - 28px);
  padding:12px;border:1px solid var(--hg-line);
  border-radius:14px;background:var(--hg-bg);
  box-shadow:0 16px 36px rgba(0,0,0,.36);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
}
#app .wmd-hg-size-palette>strong{
  grid-column:1/-1;color:var(--hg-text);font:775 12px/1.35 system-ui,sans-serif;
}
#app .wmd-hg-size-palette>small{
  grid-column:1/-1;color:var(--hg-muted);
  font:530 10px/1.5 system-ui,sans-serif;
}
#app .wmd-hg-size-palette>button{
  display:grid;grid-template-rows:27px 18px;align-items:center;
  place-items:center;position:relative;
  min-width:0;min-height:60px;padding:7px;
  border:1px solid var(--hg-line);border-radius:9px;
  background:var(--hg-card);color:var(--hg-text);
  cursor:pointer;font:700 11px/1.25 system-ui,sans-serif;
}
#app .wmd-hg-size-palette>button[aria-pressed="true"]{
  border-color:var(--hg-accent);background:var(--hg-raised);
}
#app .wmd-hg-size-palette>button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);box-shadow:0 0 0 1px var(--hg-accent);
}
#app .wmd-hg-size-palette>button>b{
  position:absolute;top:4px;right:5px;color:var(--hg-accent);font-size:11px;
}
#app .wmd-hg-size-preview{
  display:flex;align-items:stretch;width:66px;height:19px;
  padding:3px;box-sizing:border-box;background:var(--hg-bg);
  border-radius:3px;border:1px solid var(--hg-line);
}
#app .wmd-hg-size-preview i{
  display:block;height:100%;border-radius:2px;background:var(--hg-accent);
}
#app .wmd-hg-size-preview.preview-compact i{width:25%}
#app .wmd-hg-size-preview.preview-medium i{width:50%}
#app .wmd-hg-size-preview.preview-wide i{width:75%}
#app .wmd-hg-size-preview.preview-full i{width:100%}
#app .wmd-hg-menu{flex-shrink:0}
#app .wmd-hg-menu>summary{width:24px;height:30px;font-size:20px}
#app .wmd-hg-remove-button{
  appearance:none;border:1px solid var(--hg-line)!important;
  color:var(--hg-muted)!important;background:var(--hg-bg)!important;
  border-radius:8px;width:31px;height:31px;flex:0 0 31px;
  display:grid;place-items:center;padding:0!important;
  cursor:pointer;box-shadow:none!important;
}
#app .wmd-hg-remove-button:is(:hover,:focus-visible){
  border-color:#f49cad!important;color:#f49cad!important;
  background:color-mix(in srgb,#f49cad 9%,var(--hg-bg))!important;
}
#app .wmd-hg-menu-items{min-width:169px;top:34px}
#app .wmd-hg-view-select-wrap{
  display:flex;align-items:center;gap:8px;min-width:0;
  min-height:36px;margin:0 12px 10px;
  background:var(--hg-bg);border:1px solid var(--hg-line);
  border-radius:9px;padding:4px 8px;
}
#app .wmd-hg-view-select-wrap>span{
  color:var(--hg-muted);font:740 10px/1.3 system-ui,sans-serif;
  text-transform:uppercase;letter-spacing:.05em;flex:0 0 auto;
}
#app .wmd-hg-view-select-wrap>select{
  appearance:auto;width:100%;min-width:0;max-width:none;
  border:0!important;box-shadow:none!important;
  color:var(--hg-text)!important;background:var(--hg-bg)!important;
  font:720 12px/1.3 system-ui,sans-serif;
  cursor:pointer;padding:3px 0;text-align:left;
}
#app .wmd-hg-view-select-wrap select:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
#app .wmd-hg-card.size-compact .wmd-hg-content{
  flex:1;padding:0 14px 9px;
}
#app .wmd-hg-compact{
  display:flex;flex-direction:column;gap:9px;min-height:0;
  flex:1;
}
#app .wmd-hg-mini-headline{display:grid;gap:1px}
#app .wmd-hg-mini-label{
  color:var(--hg-muted);font:715 11px/1.35 system-ui,sans-serif;
}
#app .wmd-hg-mini-headline>strong{
  color:var(--hg-text);font:825 clamp(21px,1.8vw,27px)/1.17 system-ui,sans-serif;
  letter-spacing:-.035em;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-hg-mini-headline>small{
  color:var(--hg-muted);font:530 10px/1.4 system-ui,sans-serif;
}
#app .wmd-hg-mini-headline.is-risk>strong,
#app .wmd-hg-mini-row.is-risk>strong{color:#f4a1ad}
#app .wmd-hg-mini-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#app .wmd-hg-mini-row{
  display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;
  color:var(--hg-text);font:650 11px/1.35 system-ui,sans-serif;
}
#app .wmd-hg-mini-row>span{
  color:var(--hg-muted);min-width:0;overflow:hidden;text-overflow:ellipsis;
}
#app .wmd-hg-mini-row>strong{
  color:var(--hg-text);white-space:nowrap;
  font:780 12px/1.35 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}
#app .wmd-hg-mini-two>.wmd-hg-mini-row{
  display:grid;align-content:center;gap:4px;min-height:43px;
  padding:7px 9px;background:var(--hg-bg);
  border:1px solid var(--hg-line);border-radius:9px;
}
#app .wmd-hg-mini-two>.wmd-hg-mini-row>strong{
  font-size:clamp(13px,1.1vw,16px);
  white-space:normal;overflow-wrap:anywhere;
}
#app .wmd-hg-mini-categories{display:grid;gap:5px;min-width:0}
#app .wmd-hg-mini-categories>.wmd-hg-mini-row{
  padding:2px 0;border-bottom:1px solid color-mix(in srgb,var(--hg-line) 48%,transparent);
}
#app .wmd-hg-mini-categories>.wmd-hg-mini-row:last-child{border-bottom:0}
#app .wmd-hg-mini-note{
  color:var(--hg-muted);font:530 10px/1.4 system-ui,sans-serif;
  margin:0!important;
}
#app .wmd-hg-mini-mix-strip{display:grid;gap:7px}
#app .wmd-hg-mini-gauge{display:grid;gap:4px}
#app .wmd-hg-mini-gauge>div:first-child{
  display:flex;align-items:center;justify-content:space-between;
  gap:8px;color:var(--hg-muted);font:680 10px/1.3 system-ui,sans-serif;
}
#app .wmd-hg-mini-gauge>div:first-child>b{
  color:var(--hg-text);font-variant-numeric:tabular-nums;
}
#app .wmd-hg-mini-gauge-rail{
  height:5px;border-radius:6px;
  overflow:hidden;background:var(--hg-bg);
}
#app .wmd-hg-mini-gauge-rail>i{
  display:block;height:100%;max-width:100%;
  border-radius:6px;background:var(--hg-accent);
}
#app .wmd-hg-mini-gauge.is-purple .wmd-hg-mini-gauge-rail>i{background:#bda5ec}
#app .wmd-hg-mini-gauge.is-gold .wmd-hg-mini-gauge-rail>i{background:#e6bb82}
#app .wmd-hg-mini-goals{display:grid;gap:9px}
#app .wmd-hg-mini-goal{display:grid;gap:5px;min-width:0}
#app .wmd-hg-mini-goal>div:first-child{
  display:flex;justify-content:space-between;align-items:center;gap:7px;
  color:var(--hg-muted);font:640 10px/1.3 system-ui,sans-serif;
}
#app .wmd-hg-mini-goal>div:first-child>span{
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;
}
#app .wmd-hg-mini-goal>div:first-child>b{
  font-size:11px;color:var(--hg-text);flex:0 0 auto;
}
#app .wmd-hg-mini-goals>.wmd-hg-mini-goal:nth-child(2) i{background:#bea5ec}
#app .wmd-hg-mini-pie-wrap{display:flex;align-items:center;gap:12px;min-width:0}
#app .wmd-hg-mini-pie{
  flex:0 0 67px;display:grid;place-items:center;
  width:67px;height:67px;border-radius:50%;
}
#app .wmd-hg-mini-pie i{
  background:var(--hg-card);border-radius:50%;width:40px;height:40px;
}
#app .wmd-hg-mini-pie-legend{display:grid;gap:6px;min-width:0;flex:1 1 auto}
#app .wmd-hg-mini-pie-legend>div{
  display:flex;align-items:center;gap:6px;min-width:0;
  color:var(--hg-muted);font:635 10px/1.3 system-ui,sans-serif;
}
#app .wmd-hg-mini-pie-legend em{height:8px;width:8px;flex:0 0 8px;border-radius:3px}
#app .wmd-hg-mini-pie-legend span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .wmd-hg-mini-pie-legend b{color:var(--hg-text);font-size:10px}
#app .wmd-hg-mini-spark{width:100%;max-height:60px;overflow:hidden;min-width:0}
#app .wmd-hg-mini-spark .wmd-hg-linechart{
  width:100%;height:60px;max-height:60px;display:block;
}
#app .wmd-hg-mini-spark .wmd-hg-line-path{stroke-width:3}
#app .wmd-hg-card-foot{
  align-items:center;justify-content:space-between;
  margin:0 12px 11px;padding-top:7px;
  gap:7px;min-height:34px;
}
#app .wmd-hg-card-foot>button{
  font:740 11px/1.25 system-ui,sans-serif!important;
  padding:6px 4px!important;min-height:30px;
  border:0!important;color:var(--hg-accent)!important;
}
#app .wmd-hg-card-foot>.wmd-hg-resize-action{
  border:1px solid var(--hg-line)!important;
  background:var(--hg-bg)!important;color:var(--hg-muted)!important;
  border-radius:7px;padding:6px 10px!important;
  cursor:ew-resize;touch-action:pan-y;white-space:nowrap;
}
#app .wmd-hg-card-foot>.wmd-hg-resize-action:is(:hover,:focus-visible){
  border-color:var(--hg-accent)!important;color:var(--hg-text)!important;
  text-decoration:none!important;
}
#app .wmd-hg-board-actions>.wmd-hg-undo-remove{
  border-color:var(--hg-accent);color:var(--hg-accent);
  font-size:12px;
}
#app .wmd-hg-add-card{grid-column:1/-1;min-height:150px}
#app .wmd-hg-tabs{scrollbar-width:none}
#app .wmd-hg-tabs::-webkit-scrollbar{display:none}
#app .wmd-hg-tabs .wmd-hg-view-choice{font-size:11px}
@media(max-width:1500px){
  #app .wmd-hg-card-head{gap:4px}
  #app .wmd-hg-card-head h3{font-size:13px!important}
  #app .wmd-hg-size-control>summary{padding:5px 6px;font-size:10.5px}
  #app .wmd-hg-remove-button{width:29px;height:29px;flex-basis:29px}
}
@media(max-width:500px){
  #app .wmd-hg-card.size-compact{min-height:265px}
  #app .wmd-hg-card-head{padding:11px 11px 7px}
  #app .wmd-hg-size-palette{right:-38px;max-width:calc(100vw - 38px)}
  #app .wmd-hg-mini-headline>strong{font-size:26px}
}

/* Home focus pass: fewer, legible cards and progressive customization.
   Preserves theme tokens and red financial-risk warnings in every appearance. */
#app .wmd-hg-grid{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
#app .wmd-hg-card.size-compact{grid-column:span 4;min-height:264px}
#app .wmd-hg-card.size-medium{grid-column:span 6;min-height:328px}
#app .wmd-hg-card.size-wide{grid-column:span 8;min-height:328px}
#app .wmd-hg-card.size-full{grid-column:1/-1;min-height:310px}
#app .wmd-hg-card{
  border-radius:18px;
  box-shadow:0 6px 23px color-mix(in srgb,#08111d 12%,transparent);
}
#app .wmd-hg-card-head{padding:14px 15px 10px;gap:9px;min-height:52px}
#app .wmd-hg-card-head h3{font-size:16px!important;white-space:normal;line-height:1.3}
#app .wmd-hg-icon{width:34px;height:34px;flex-basis:34px;border-radius:11px}
#app .wmd-hg-icon svg{width:20px;height:20px}
#app .wmd-hg-content,#app .wmd-hg-card.size-compact .wmd-hg-content{
  padding:0 16px 11px;
}
#app .wmd-hg-compact{gap:11px}
#app .wmd-hg-mini-label{font-size:12px;line-height:1.4}
#app .wmd-hg-mini-headline>strong{
  font-size:clamp(25px,2.1vw,32px);
  line-height:1.22;
}
#app .wmd-hg-mini-headline>small,#app .wmd-hg-mini-note{
  font-size:11.5px;line-height:1.5;
}
#app .wmd-hg-mini-row{font-size:12px;line-height:1.4}
#app .wmd-hg-mini-row>strong{font-size:13px}
#app .wmd-hg-mini-two>.wmd-hg-mini-row{min-height:52px;padding:9px 10px}
#app .wmd-hg-mini-gauge>div:first-child,
#app .wmd-hg-mini-goal>div:first-child{font-size:11.5px;line-height:1.45}
#app .wmd-hg-mini-goal>div:first-child b{font-size:12px}
#app .wmd-hg-view-select-wrap{margin:0 15px 12px;min-height:39px}
#app .wmd-hg-view-select-wrap>select{font-size:13px}
#app .wmd-hg-metric>small{font-size:12px}
#app .wmd-hg-metric>span{font-size:11px}
#app .wmd-hg-paired>.wmd-hg-metric strong{font-size:clamp(20px,1.8vw,27px)}
#app .wmd-hg-card-foot{margin:0 15px 13px;min-height:36px}
#app .wmd-hg-card-foot>button{font-size:12px!important}
#app .wmd-hg-card.size-wide .wmd-hg-card-foot{margin-top:auto}
#app .wmd-hg-board-heading{padding:8px 2px 19px;gap:14px}
#app .wmd-hg-board-heading h2{font-size:clamp(23px,2.6vw,32px)!important}
#app .wmd-hg-board-heading p{font-size:13px;max-width:620px}
#app .wmd-hg-board-actions{gap:8px}
#app .wmd-hg-board-actions>button{font-size:12px;min-height:40px;padding:8px 12px}
#app .wmd-hg-board-actions>.wmd-hg-simplify{
  background:var(--hg-accent)!important;
  border-color:var(--hg-accent)!important;
  color:var(--hg-bg)!important;
}
#app .wmd-hg-board-actions>[data-gadget-edit-toggle][aria-pressed="true"]{
  background:var(--hg-card)!important;
  border-color:var(--hg-accent)!important;
  color:var(--hg-accent)!important;
}
/* Normal use is for financial insight. Gadget plumbing appears on Customize. */
#app .wmd-home-gadget-board:not(.is-editing) :is(
  .wmd-hg-drag,.wmd-hg-size-control,.wmd-hg-menu,.wmd-hg-remove-button,
  .wmd-hg-resize-action,.wmd-hg-edit-only,.wmd-hg-editor-help
){display:none!important}
#app .wmd-home-gadget-board.is-editing .wmd-hg-edit-only{display:inline-flex!important}
#app .wmd-hg-editor-help{
  font-size:12px;line-height:1.5;color:var(--hg-muted);
  margin:0 2px 13px;padding:9px 12px;border-radius:10px;
  border:1px dashed var(--hg-line);background:var(--hg-bg);
}
#app .wmd-hg-card-foot>button:not(.wmd-hg-resize-action){
  min-height:38px;padding:8px 0!important;
}
#app .wmd-hg-cash-snapshot{
  display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);
  gap:16px;min-width:0;margin-bottom:12px;
}
#app .wmd-hg-cash-primary{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  gap:12px;padding:20px;border-radius:14px;
  border:1px solid var(--hg-line);
  background:color-mix(in srgb,var(--hg-accent) 8%,var(--hg-bg));
}
#app .wmd-hg-cash-primary .wmd-hg-metric>strong{font-size:clamp(30px,3vw,43px)}
#app .wmd-hg-cash-side{display:grid;align-content:space-between;gap:10px;min-width:0}
#app .wmd-hg-cash-side>.wmd-hg-metric{
  padding:10px 12px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);
}
#app .wmd-hg-cash-side-bottom{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;
}
#app .wmd-hg-cash-side-bottom>.wmd-hg-metric{
  min-width:0;padding:10px 11px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);
}
#app .wmd-hg-cash-side-bottom>.wmd-hg-metric strong{font-size:clamp(17px,1.5vw,24px)}
#app .wmd-hg-cash-state{
  font-size:11.5px;font-weight:730;line-height:1.4;
  padding:5px 10px;border-radius:999px;
  background:var(--hg-raised);color:var(--hg-accent);
}
#app .wmd-hg-cash-state.is-risk{
  background:color-mix(in srgb,#f3a0ab 13%,var(--hg-bg));
  color:#f3a0ab;
}
#app .wmd-hg-cash-spark{
  width:100%;max-height:92px;overflow:hidden;
  border-top:1px solid var(--hg-line);padding-top:10px;
}
#app .wmd-hg-cash-spark .wmd-hg-linechart{height:75px;max-height:75px}
#app .wmd-hg-commands{overflow:visible;isolation:isolate;z-index:4}
#app .wmd-hg-commands .wmd-hg-quick-actions{
  overflow:visible;flex-wrap:wrap;justify-content:flex-end;
}
#app .wmd-hg-quick-actions>button{min-height:43px;font-size:12px!important}
#app .wmd-hg-quick-more{position:relative;flex:0 0 auto}
#app .wmd-hg-quick-more>summary{
  list-style:none;display:flex;align-items:center;justify-content:center;gap:9px;
  border:1px solid var(--hg-line);background:var(--hg-bg);color:var(--hg-text);
  font:700 12px/1.3 system-ui,sans-serif;cursor:pointer;
  border-radius:10px;min-height:43px;padding:9px 14px;box-sizing:border-box;
}
#app .wmd-hg-quick-more>summary::-webkit-details-marker{display:none}
#app .wmd-hg-quick-more>summary:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px;
}
#app .wmd-hg-quick-more[open]>summary{border-color:var(--hg-accent)}
#app .wmd-hg-quick-more-menu{
  position:absolute;z-index:30;right:0;top:calc(100% + 7px);
  width:210px;max-width:min(90vw,260px);padding:7px;
  display:grid;gap:4px;border-radius:12px;border:1px solid var(--hg-line);
  background:var(--hg-card);box-shadow:0 18px 35px rgba(0,0,0,.23);
}
#app .wmd-hg-quick-more-menu>button{
  min-height:43px;text-align:left;border:0;background:transparent;
  padding:10px 11px;border-radius:8px;color:var(--hg-text);
  font:670 12px/1.3 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-hg-quick-more-menu>button:is(:hover,:focus-visible){
  color:var(--hg-accent);background:var(--hg-raised);
}
@media(max-width:1200px){
  #app .wmd-hg-card.size-wide{grid-column:span 8}
  #app .wmd-hg-card.size-compact{grid-column:span 4}
}
@media(max-width:920px){
  #app .wmd-hg-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  #app .wmd-hg-card.size-wide,#app .wmd-hg-card.size-medium{grid-column:1/-1}
  #app .wmd-hg-card.size-compact{grid-column:span 6}
  #app .wmd-hg-cash-snapshot{gap:11px}
  #app .wmd-hg-commands .wmd-hg-quick-actions{justify-content:flex-start}
}
@media(max-width:600px){
  #app .wmd-hg-grid{grid-template-columns:1fr;gap:12px}
  #app .wmd-hg-card.size-compact,
  #app .wmd-hg-card.size-medium,
  #app .wmd-hg-card.size-wide,
  #app .wmd-hg-card.size-full{grid-column:1/-1;min-height:auto}
  #app .wmd-hg-card-head{padding:13px 13px 9px}
  #app .wmd-hg-content,#app .wmd-hg-card.size-compact .wmd-hg-content{padding:0 14px 10px}
  #app .wmd-hg-card-foot{margin:0 13px 12px}
  #app .wmd-hg-cash-snapshot{grid-template-columns:1fr}
  #app .wmd-hg-cash-primary{padding:17px}
  #app .wmd-hg-board-actions{width:100%}
  #app .wmd-hg-board-actions>button{flex:1 1 auto}
  #app .wmd-hg-quick-actions{justify-content:flex-start}
  #app .wmd-hg-quick-actions>button{min-width:0}
  #app .wmd-hg-quick-actions>button.wmd-hg-snapper{flex:1 1 100%}
  #app .wmd-hg-quick-more-menu{right:auto;left:0}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-hg-card{transition:none}
}

/* Connected, actionable Home: shortcuts open existing financial editors. */
#app .wmd-hg-card-shortcuts{
  display:flex;gap:7px;flex-wrap:wrap;align-items:stretch;
  padding:5px 15px 11px;margin-top:auto;
}
#app .wmd-hg-card-shortcuts>button{
  flex:1 1 90px;min-width:0;min-height:39px;
  border:1px solid var(--hg-line);border-radius:10px;
  background:var(--hg-bg);color:var(--hg-text);
  padding:8px 9px;cursor:pointer;
  font:730 12px/1.3 system-ui,sans-serif;text-align:center;
  overflow-wrap:break-word;
}
#app .wmd-hg-card-shortcuts>button.is-primary{
  background:color-mix(in srgb,var(--hg-accent) 14%,var(--hg-card));
  border-color:color-mix(in srgb,var(--hg-accent) 40%,var(--hg-line));
  color:var(--hg-accent);
}
#app .wmd-hg-card-shortcuts>button:is(:hover,:focus-visible){
  background:var(--hg-raised);border-color:var(--hg-accent);
  outline-offset:2px;
}
#app .wmd-home-gadget-board.is-editing .wmd-hg-card-shortcuts{display:none}
#app .wmd-hg-row.is-actionable,
#app .wmd-hg-mini-row.wmd-hg-tappable,
#app .wmd-hg-mini-goal.wmd-hg-tappable{
  width:100%;box-sizing:border-box;
  text-align:left;cursor:pointer;color:inherit;
  font-family:inherit;line-height:inherit;
  background:transparent;
}
#app .wmd-hg-mini-row.wmd-hg-tappable,
#app .wmd-hg-mini-goal.wmd-hg-tappable{border:1px solid transparent}
#app .wmd-hg-row.is-actionable{border-top:0;border-left:0;border-right:0}
#app :is(.wmd-hg-row.is-actionable,.wmd-hg-mini-row.wmd-hg-tappable,
  .wmd-hg-mini-goal.wmd-hg-tappable):is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 9%,transparent);
  border-radius:8px;outline:2px solid var(--hg-accent);outline-offset:1px;
}
#app .wmd-hg-mini-goal.wmd-hg-tappable{padding:4px 5px}
#app .wmd-hg-row.is-actionable{padding:8px 5px}
#app .wmd-hg-card-foot{margin-top:0}
@media(max-width:600px){
  #app .wmd-hg-card-shortcuts{padding:5px 13px 10px}
  #app .wmd-hg-card-shortcuts>button{min-height:43px;font-size:12px}
}

/* 2026-10-30 Home decision-first polish. This is the signed-in Home only.
   Source-of-truth inputs still live in Net Worth, Budget and Cash Flow. */
#app .wmd-hg-board-heading{padding:14px 1px 20px}
#app .wmd-hg-board-heading h2{font-size:clamp(25px,2.6vw,31px)!important;letter-spacing:-.035em}
#app .wmd-hg-board-heading p{font-size:13.5px;max-width:680px;line-height:1.55}
#app .wmd-hg-eyebrow{font-size:10px;letter-spacing:.13em}
#app .wmd-hg-quick-title{font:750 12px/1.35 system-ui,sans-serif;color:var(--hg-text);margin-right:auto;padding:0 8px;white-space:nowrap}
#app .wmd-hg-commands .wmd-hg-quick-actions{align-items:center;justify-content:flex-end;gap:8px}
#app .wmd-hg-quick-actions>button{font-size:13px!important;min-height:44px;padding:9px 13px!important;border-radius:10px}
#app .wmd-hg-quick-actions>[data-gadget-action="expense"]{
  background:var(--hg-accent);border-color:var(--hg-accent);color:var(--hg-bg);font-weight:800
}
#app .wmd-hg-quick-more>summary{font-size:13px;min-height:44px}
#app .wmd-hg-card{border-radius:17px;overflow:visible}
#app .wmd-hg-grid{gap:14px}
#app .wmd-hg-card-head{padding:15px 15px 9px;min-height:54px}
#app .wmd-hg-card-head h3{font-size:16px!important;letter-spacing:-.018em}
#app .wmd-hg-view-select-wrap{
  margin:0 15px 11px;min-height:42px;
  border:1px solid var(--hg-line);border-radius:10px;
  padding:5px 10px;display:flex;align-items:center;gap:9px;
  background:var(--hg-bg)
}
#app .wmd-hg-view-select-wrap>span{font:700 12px/1.35 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-view-select-wrap>select{
  flex:1;min-width:0;min-height:32px;border:0!important;background:transparent!important;
  color:var(--hg-text)!important;font:720 13px/1.4 system-ui,sans-serif!important;cursor:pointer
}
#app .wmd-hg-view-select-wrap>select:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-card.size-wide .wmd-hg-content{padding:0 15px 9px}
#app .wmd-hg-card.size-compact .wmd-hg-content{padding:0 15px 9px}
#app .wmd-hg-card .wmd-hg-mini-headline>strong{font-size:clamp(26px,2.25vw,32px);line-height:1.2}
#app .wmd-hg-card .wmd-hg-mini-label{font-size:12px;line-height:1.4}
#app .wmd-hg-card .wmd-hg-mini-row{font-size:12.5px;line-height:1.4}
#app .wmd-hg-card .wmd-hg-mini-row strong{font-size:14px}
#app .wmd-hg-card :is(.wmd-hg-note,.wmd-hg-subtle,.wmd-hg-empty,.wmd-hg-privacy){font-size:12px;line-height:1.55}
#app .wmd-hg-card .wmd-hg-metric>small{font-size:12px}
#app .wmd-hg-card .wmd-hg-row strong{font-size:12.5px}
#app .wmd-hg-card .wmd-hg-row small{font-size:11px}
#app .wmd-hg-card .wmd-hg-row>b{font-size:13px}
#app .wmd-hg-card .wmd-hg-row{min-height:41px}
#app .wmd-hg-card-foot{margin-top:0}
#app .wmd-hg-card-foot>button:not(.wmd-hg-resize-action){font-size:12px!important;min-height:38px}
/* Status is prominent only when source data actually substantiates it. */
#app .wmd-hg-cash-decision{
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(175px,.75fr);
  gap:14px;align-items:stretch;min-width:0;margin:2px 0 12px;
  border:1px solid var(--hg-line);border-radius:14px;
  background:color-mix(in srgb,var(--hg-accent) 6%,var(--hg-bg))
}
#app .wmd-hg-cash-decision.is-risk{border-left:3px solid #e896a5}
#app .wmd-hg-cash-decision-main{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  padding:18px 17px;min-width:0;gap:3px
}
#app .wmd-hg-decision-eyebrow{font:800 10px/1.4 system-ui,sans-serif;letter-spacing:.075em;color:var(--hg-muted)}
#app .wmd-hg-cash-decision-main>strong{
  font:800 clamp(29px,3.1vw,42px)/1.15 system-ui,sans-serif;
  color:var(--hg-text);font-variant-numeric:tabular-nums;
  letter-spacing:-.035em;overflow-wrap:anywhere
}
#app .wmd-hg-cash-decision.is-risk .wmd-hg-cash-decision-main>strong{color:#f0a9b4}
#app .wmd-hg-cash-decision-main>p{margin:3px 0!important;font:730 14px/1.4 system-ui,sans-serif;color:var(--hg-text)}
#app .wmd-hg-cash-decision-main>small{font:550 11.5px/1.5 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-cash-decision-side{
  display:grid;align-content:center;gap:10px;padding:15px 16px;
  border-left:1px solid var(--hg-line);min-width:0
}
#app .wmd-hg-cash-decision-side>div{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}
#app .wmd-hg-cash-decision-side>div>span{font:650 12px/1.35 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-cash-decision-side>div>b{font:800 14px/1.35 system-ui,sans-serif;color:var(--hg-text);white-space:nowrap}
#app .wmd-hg-cash-state{font-size:11px;white-space:normal}
#app .wmd-hg-cash-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#app .wmd-hg-cash-facts>button{
  appearance:none;text-align:left;cursor:pointer;display:grid;gap:4px;
  min-width:0;min-height:85px;padding:12px;
  background:var(--hg-card);border:1px solid var(--hg-line);border-radius:11px;
  color:var(--hg-text);font-family:system-ui,sans-serif
}
#app .wmd-hg-cash-facts>button>small{font:680 11px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-cash-facts>button>strong{font:800 clamp(17px,1.8vw,23px)/1.3 system-ui,sans-serif;overflow-wrap:anywhere}
#app .wmd-hg-cash-facts>button>span{font:700 11.5px/1.4 system-ui,sans-serif;color:var(--hg-accent)}
#app .wmd-hg-cash-facts>button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);background:color-mix(in srgb,var(--hg-accent) 7%,var(--hg-card));
  outline-offset:2px
}
#app .wmd-hg-budget-add{flex:1 1 110px;min-width:0;position:relative}
#app .wmd-hg-budget-add>summary{
  list-style:none;min-height:41px;display:flex;align-items:center;justify-content:center;
  padding:8px 10px;border:1px solid var(--hg-line);border-radius:10px;
  background:var(--hg-bg);color:var(--hg-text);
  font:730 12px/1.4 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-budget-add>summary::-webkit-details-marker{display:none}
#app .wmd-hg-budget-add>summary:is(:hover,:focus-visible){border-color:var(--hg-accent);outline-offset:2px}
#app .wmd-hg-budget-add-options{
  position:absolute;z-index:75;top:calc(100% + 6px);right:0;
  display:grid;gap:4px;min-width:205px;max-width:min(85vw,260px);
  padding:8px;border:1px solid var(--hg-line);border-radius:12px;
  background:var(--hg-card);box-shadow:0 15px 34px rgba(0,0,0,.25)
}
#app .wmd-hg-budget-add-options>button{
  appearance:none;min-height:41px;padding:9px 12px;text-align:left;
  border:0;border-radius:8px;background:transparent;color:var(--hg-text);
  font:650 13px/1.3 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-budget-add-options>button:is(:hover,:focus-visible){
  background:var(--hg-raised);outline-offset:2px;color:var(--hg-accent)
}
#app .wmd-hg-bar.is-actionable{
  appearance:none;width:100%;text-align:left;font:inherit;color:inherit;
  border:1px solid transparent;background:transparent;border-radius:8px;
  padding:5px 7px;cursor:pointer
}
#app .wmd-hg-bar.is-actionable:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 8%,transparent);
  border-color:var(--hg-accent);outline-offset:1px
}
#app .wmd-hg-filter-label{display:grid;gap:7px;margin:10px 0;font:700 12px/1.4 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-filter-label>input{
  width:100%;min-width:0;box-sizing:border-box;
  border:1px solid var(--hg-line);border-radius:10px;
  min-height:44px;padding:10px 12px;
  background:var(--hg-bg);color:var(--hg-text);
  font:600 14px/1.4 system-ui,sans-serif
}
#app .wmd-hg-filter-label>input:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app [data-gadget-filter-list] .wmd-hg-rows{max-height:270px;overflow:auto;scrollbar-width:thin}
#app [data-gadget-filter-list] .wmd-hg-row[hidden]{display:none!important}
#app .wmd-hg-search-count{font-size:11px;color:var(--hg-muted);margin:8px 0!important}
#app .wmd-hg-card-shortcuts{padding-top:10px;gap:9px}
#app .wmd-hg-card-shortcuts>button{font-size:12.5px;min-height:42px}
#app .wmd-hg-card-shortcuts>button.is-primary{font-weight:800}
#app .wmd-hg-finish-bottom{display:none!important}
#app .wmd-home-gadget-board.is-editing .wmd-hg-finish-bottom{
  display:block!important;position:sticky;bottom:11px;z-index:15;
  margin:13px 0 8px auto;min-height:44px;padding:10px 16px;
  border:1px solid var(--hg-accent);border-radius:10px;
  background:var(--hg-card)!important;color:var(--hg-text)!important;
  box-shadow:0 7px 25px rgba(0,0,0,.2);font:800 13px/1.4 system-ui,sans-serif;
  cursor:pointer
}
#app .wmd-home-gadget-board:not(.is-editing) .wmd-hg-notice{display:none}
#app .wmd-hg-board-actions>[data-gadget-edit-toggle][aria-pressed="true"]{
  background:var(--hg-card)!important;
  border:1px solid var(--hg-accent)!important;
  color:var(--hg-text)!important;
  font:800 13px/1.4 system-ui,sans-serif!important;
  min-width:145px
}
@media(max-width:1220px){
  #app .wmd-hg-card.size-wide{grid-column:1/-1}
  #app .wmd-hg-card.size-compact{grid-column:span 6}
}
@media(max-width:700px){
  #app .wmd-hg-quick-title{flex:1 1 100%;margin-right:0;padding:0 3px}
  #app .wmd-hg-commands .wmd-hg-quick-actions{justify-content:flex-start}
  #app .wmd-hg-card.size-compact,
  #app .wmd-hg-card.size-medium,
  #app .wmd-hg-card.size-wide,
  #app .wmd-hg-card.size-full{grid-column:1/-1}
  #app .wmd-hg-cash-decision{grid-template-columns:1fr}
  #app .wmd-hg-cash-decision-side{border-left:0;border-top:1px solid var(--hg-line)}
  #app .wmd-hg-cash-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  #app .wmd-hg-cash-facts>button:last-child{grid-column:1/-1}
  #app .wmd-hg-view-select-wrap{margin:0 13px 11px}
  #app .wmd-hg-quick-actions>button{flex:1 1 auto}
}
@media(max-width:400px){
  #app .wmd-hg-cash-facts{grid-template-columns:1fr}
  #app .wmd-hg-cash-facts>button:last-child{grid-column:auto}
  #app .wmd-hg-cash-decision-main{padding:16px}
  #app .wmd-hg-cash-decision-main>strong{font-size:30px}
  #app .wmd-hg-board-actions>button{min-height:43px}
}

/* Home UX audit 2026-10-30: real, readable controls, not browser-native white
   popups. Scope every rule to the signed-in dashboard to preserve SEO pages. */
#app .wmd-hg-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-flow:row;
  align-items:start;
  gap:14px;
}
#app .wmd-hg-card.size-compact,
#app .wmd-hg-card.size-medium{
  grid-column:span 1;
  min-height:265px;
}
#app .wmd-hg-card.size-wide,
#app .wmd-hg-card.size-full{
  grid-column:1/-1;
  min-height:330px;
}
#app .wmd-hg-card.size-full{min-height:420px}
#app .wmd-hg-card:has(> .wmd-hg-view-menu[open]){z-index:85}
#app .wmd-hg-view-menu{
  position:relative;
  margin:0 15px 11px;
  min-width:0;
  z-index:1;
}
#app .wmd-hg-view-menu>summary{
  list-style:none;
  display:flex;gap:10px;align-items:center;
  min-height:44px;padding:9px 12px;
  box-sizing:border-box;
  border:1px solid var(--hg-line);
  border-radius:10px;
  background:var(--hg-bg);
  color:var(--hg-text);
  cursor:pointer;
}
#app .wmd-hg-view-menu>summary::-webkit-details-marker{display:none}
#app .wmd-hg-view-menu>summary>span:first-child{
  font:800 10px/1.3 system-ui,sans-serif;
  letter-spacing:.055em;
  color:var(--hg-muted);
}
#app .wmd-hg-view-menu>summary>b{
  flex:1;min-width:0;
  font:740 13.5px/1.35 system-ui,sans-serif;
  color:var(--hg-text);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#app .wmd-hg-view-menu>summary>svg{
  flex:0 0 auto;color:var(--hg-muted);
  transition:transform .16s ease;
}
#app .wmd-hg-view-menu[open]>summary>svg{transform:rotate(180deg)}
#app .wmd-hg-view-menu>summary:is(:hover,:focus-visible),
#app .wmd-hg-view-menu[open]>summary{
  border-color:var(--hg-accent);
  outline-offset:2px;
}
#app .wmd-hg-view-options{
  display:grid;gap:3px;
  position:absolute;
  left:0;right:0;top:calc(100% + 5px);
  z-index:100;
  padding:7px;
  border:1px solid var(--hg-line);
  border-radius:11px;
  background:var(--hg-card);
  box-shadow:0 15px 38px rgba(0,0,0,.33);
  max-height:min(320px,55vh);
  overflow-y:auto;
}
#app .wmd-hg-view-options>button{
  width:100%;min-height:43px;
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  appearance:none;border:1px solid transparent;
  border-radius:8px;background:transparent;
  padding:9px 11px;
  color:var(--hg-text);
  cursor:pointer;
  font:680 13.5px/1.4 system-ui,sans-serif;
  text-align:left;
}
#app .wmd-hg-view-options>button.is-active{
  background:color-mix(in srgb,var(--hg-accent) 13%,var(--hg-card));
  color:var(--hg-accent);
  font-weight:790;
}
#app .wmd-hg-view-options>button:is(:hover,:focus-visible){
  background:var(--hg-raised);
  border-color:var(--hg-accent);
  outline-offset:1px;
}
#app .wmd-hg-card-head h3{font-size:16px!important}
#app .wmd-hg-card .wmd-hg-mini-note,
#app .wmd-hg-card .wmd-hg-subtle,
#app .wmd-hg-card .wmd-hg-note{font-size:12.5px;line-height:1.55}
#app .wmd-hg-card .wmd-hg-mini-label{font-size:12px}
#app .wmd-hg-mini-goal>div:first-child{font-size:12px}
#app .wmd-hg-mini-goal>div:first-child>b{font-size:13px}
#app .wmd-hg-mini-gauge>div:first-child{font-size:12px}
#app .wmd-hg-mini-gauge>div:first-child>b{font-size:13px}
#app .wmd-hg-card .wmd-hg-row{min-height:44px}
#app .wmd-hg-card .wmd-hg-row strong{font-size:13px}
#app .wmd-hg-card .wmd-hg-row small{font-size:12px}
#app .wmd-hg-card .wmd-hg-row>b{font-size:14px}
#app .wmd-hg-card .wmd-hg-bar>div:first-child{font-size:13px}
#app .wmd-hg-card-shortcuts{gap:9px}
#app .wmd-hg-card-shortcuts>button,
#app .wmd-hg-card-shortcuts>.wmd-hg-budget-add>summary{
  font-size:13px;
  min-height:44px;
}
#app .wmd-hg-card-foot>button:not(.wmd-hg-resize-action){
  font-size:12.5px!important;
}
#app .wmd-hg-cash-why{
  margin:11px 0 5px;
  border:1px solid var(--hg-line);
  border-radius:11px;
  background:var(--hg-bg);
}
#app .wmd-hg-cash-why>summary{
  min-height:45px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  cursor:pointer;list-style:none;padding:11px 13px;
  color:var(--hg-text);
  font:740 13px/1.4 system-ui,sans-serif;
}
#app .wmd-hg-cash-why>summary::-webkit-details-marker{display:none}
#app .wmd-hg-cash-why>summary:is(:hover,:focus-visible){
  color:var(--hg-accent);outline-offset:2px;
}
#app .wmd-hg-cash-why-chevron{
  font-size:17px;color:var(--hg-accent);
  transform:rotate(0);transition:transform .15s ease;
}
#app .wmd-hg-cash-why[open] .wmd-hg-cash-why-chevron{
  transform:rotate(180deg);
}
#app .wmd-hg-cash-why-body{
  display:grid;gap:10px;
  padding:0 14px 14px;
  color:var(--hg-text);
}
#app .wmd-hg-cash-why-body>p{
  margin:0!important;
  color:var(--hg-muted);
  font:520 12.5px/1.6 system-ui,sans-serif;
}
#app .wmd-hg-cash-why-body>strong,
#app .wmd-hg-cash-why-issues>strong{
  font:780 12.5px/1.4 system-ui,sans-serif;
}
#app .wmd-hg-cash-why-body ul{
  padding:0;margin:0;
  list-style:none;display:grid;gap:0;
}
#app .wmd-hg-cash-why-body ul>li{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  min-height:40px;
  padding:8px 0;
  border-bottom:1px solid var(--hg-line);
  color:var(--hg-text);
  font:630 12.5px/1.35 system-ui,sans-serif;
}
#app .wmd-hg-cash-why-body ul>li>span{
  display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;
}
#app .wmd-hg-cash-why-body ul>li>span>small,
#app .wmd-hg-cash-why-body>small{
  color:var(--hg-muted);
  font:520 11.5px/1.4 system-ui,sans-serif;
}
#app .wmd-hg-cash-why-body ul>li>b{
  white-space:nowrap;
  font:790 12.5px/1.35 system-ui,sans-serif;
}
#app .wmd-hg-cash-why-issues{
  display:grid;gap:6px;
  border-top:1px solid var(--hg-line);
  padding-top:9px;
}
#app .wmd-hg-cash-why-issues ul>li{
  display:list-item;
  margin-left:15px;
  list-style:disc;
  min-height:auto;
  font-size:12px;
}
#app .wmd-hg-cash-why-body>button{
  min-height:44px;padding:10px 12px;
  border:1px solid var(--hg-accent);border-radius:10px;
  background:color-mix(in srgb,var(--hg-accent) 11%,var(--hg-card));
  color:var(--hg-accent);
  font:760 13px/1.3 system-ui,sans-serif;
  cursor:pointer;
}
#app .wmd-hg-cash-why-body>button:is(:hover,:focus-visible){
  background:var(--hg-raised);outline-offset:2px;
}
@media(max-width:760px){
  #app .wmd-hg-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  #app .wmd-hg-card.size-compact,
  #app .wmd-hg-card.size-medium,
  #app .wmd-hg-card.size-wide,
  #app .wmd-hg-card.size-full{
    grid-column:1/-1;
    min-height:auto;
  }
  #app .wmd-hg-view-menu{margin:0 13px 10px}
  #app .wmd-hg-view-options{max-height:min(300px,50vh)}
  #app .wmd-hg-cash-why-body{padding:0 11px 12px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-hg-view-menu>summary>svg,
  #app .wmd-hg-cash-why-chevron{transition:none}
}

/* Read-only cash purchase preview, uses the existing payday forecast engine. */
#app .wmd-hg-whatif{margin:11px 0 5px;border:1px solid var(--hg-line);border-radius:11px;background:var(--hg-bg)}
#app .wmd-hg-whatif>summary{min-height:45px;display:flex;align-items:center;cursor:pointer;list-style:none;padding:11px 13px;font:760 13px/1.4 system-ui,sans-serif;color:var(--hg-text)}
#app .wmd-hg-whatif>summary::-webkit-details-marker{display:none}
#app .wmd-hg-whatif>summary:is(:hover,:focus-visible){color:var(--hg-accent);outline-offset:2px}
#app .wmd-hg-whatif>form{display:grid;gap:10px;padding:0 13px 10px}
#app .wmd-hg-whatif-label{display:grid;gap:8px;color:var(--hg-muted);font:650 12px/1.5 system-ui,sans-serif}
#app .wmd-hg-whatif-entry{display:flex;align-items:center;gap:8px;border:1px solid var(--hg-line);background:var(--hg-card);border-radius:10px;padding:5px 6px 5px 12px}
#app .wmd-hg-whatif-entry>span{font:750 15px/1 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-hg-whatif-entry>input{flex:1;min-width:0;min-height:40px;border:0;background:transparent;color:var(--hg-text);font:720 16px/1.3 system-ui,sans-serif}
#app .wmd-hg-whatif-entry>input:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-whatif-entry>button{flex:0 0 auto;min-height:43px;border:1px solid var(--hg-accent);background:var(--hg-accent);color:var(--hg-bg);border-radius:8px;padding:9px 12px;cursor:pointer;font:760 12px/1.3 system-ui,sans-serif}
#app .wmd-hg-whatif-result{margin:0!important;line-height:1.5;color:var(--hg-muted);font-size:12.5px;padding:7px 10px;border-radius:8px}
#app .wmd-hg-whatif-result.is-risk{border-left:3px solid #ec9aa5;background:color-mix(in srgb,#ec9aa5 8%,var(--hg-card));color:var(--hg-text)}
#app .wmd-hg-whatif-result.is-success{border-left:3px solid var(--hg-accent);background:color-mix(in srgb,var(--hg-accent) 7%,var(--hg-card));color:var(--hg-text)}
#app .wmd-hg-whatif-caption{font:530 11.5px/1.55 system-ui,sans-serif;color:var(--hg-muted);padding:0 13px 11px;margin:0!important}
@media(max-width:440px){#app .wmd-hg-whatif-entry{flex-wrap:wrap}#app .wmd-hg-whatif-entry>button{flex:1 1 100%}}

/* Home Money Map timeline: swipeable daily projections with a visible
   scroll rail and keyboard-operable browse controls. */
#app .wmd-hg-map-timeline{min-width:0;max-width:100%;margin:9px 0 12px}
#app .wmd-hg-map-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:4px 0 8px}
#app .wmd-hg-map-toolbar>strong{font:770 13.5px/1.4 system-ui,sans-serif;color:var(--hg-text)}
#app .wmd-hg-map-controls{display:flex;align-items:center;gap:6px}
#app .wmd-hg-map-controls>button{
  appearance:none;min-height:42px;padding:8px 12px;
  border:1px solid var(--hg-line);border-radius:9px;
  background:var(--hg-card);color:var(--hg-text);
  font:730 12px/1.4 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-map-controls>button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);
  background:var(--hg-raised);outline-offset:2px
}
#app .wmd-hg-map-legend{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:0 0 7px;color:var(--hg-muted);font:640 11.5px/1.3 system-ui,sans-serif}
#app .wmd-hg-map-legend>span{display:inline-flex;align-items:center;gap:6px}
#app .wmd-hg-map-legend i{display:inline-block;width:17px;height:0;border-top:3px solid #83c9f8}
#app .wmd-hg-map-legend i.is-cushion{border-color:#e9a0ad;border-top-style:dashed;border-top-width:2px}
#app .wmd-hg-map-scroll{
  display:block;max-width:100%;width:100%;min-width:0;
  overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-x:contain;scrollbar-gutter:stable;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) var(--hg-card);
  -webkit-overflow-scrolling:touch;touch-action:pan-x;
  background:color-mix(in srgb,var(--hg-accent) 3%,var(--hg-bg));
  border:1px solid var(--hg-line);border-radius:12px;
  padding:6px 0 4px;box-sizing:border-box
}
#app .wmd-hg-map-scroll::-webkit-scrollbar{height:9px}
#app .wmd-hg-map-scroll::-webkit-scrollbar-track{background:var(--hg-card);border-radius:5px}
#app .wmd-hg-map-scroll::-webkit-scrollbar-thumb{background:var(--hg-accent);border-radius:5px}
#app .wmd-hg-map-scroll:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-map-track{box-sizing:border-box;min-width:max-content}
#app .wmd-hg-map-svg{display:block;max-width:none!important;height:138px!important;overflow:visible}
#app .wmd-hg-map-svg .wmd-hg-map-cushion-line{
  stroke:#e9a0ad;stroke-width:1.7;stroke-dasharray:6 7;opacity:.78;fill:none
}
#app .wmd-hg-map-svg .wmd-hg-map-path{
  stroke:#83c9f8;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;fill:none
}
#app .wmd-hg-map-svg circle{fill:var(--hg-bg);stroke:#83c9f8;stroke-width:2.2}
#app .wmd-hg-map-svg circle.is-below{stroke:#ef9da9}
#app .wmd-hg-map-svg circle.is-lowest{fill:#ef9da9;stroke:#ef9da9}
#app .wmd-hg-map-days{
  box-sizing:border-box;display:grid;align-items:stretch;min-height:63px;gap:0
}
#app .wmd-hg-map-days>button{
  appearance:none;min-width:0;min-height:58px;margin:0 3px;
  padding:6px 2px;
  display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;
  border:1px solid transparent;border-radius:9px;
  background:transparent;color:var(--hg-text);cursor:pointer
}
#app .wmd-hg-map-days>button>span{font:680 11px/1.3 system-ui,sans-serif;white-space:nowrap}
#app .wmd-hg-map-days>button>strong{font:800 12.5px/1.4 system-ui,sans-serif;white-space:nowrap}
#app .wmd-hg-map-days>button.is-below>strong{color:#ef9da9}
#app .wmd-hg-map-days>button.is-selected,
#app .wmd-hg-map-days>button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);
  background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg));
  outline-offset:1px
}
#app .wmd-hg-map-selected{
  margin:10px 0 4px!important;font:760 13px/1.45 system-ui,sans-serif;
  color:var(--hg-text);font-variant-numeric:tabular-nums;
}
#app .wmd-hg-map-hint{
  margin:0!important;color:var(--hg-muted);
  font:530 11.5px/1.5 system-ui,sans-serif
}
#app .wmd-hg-card.size-compact .wmd-hg-map-toolbar{gap:7px}
#app .wmd-hg-card.size-compact .wmd-hg-map-toolbar>strong{font-size:12px}
#app .wmd-hg-card.size-compact .wmd-hg-map-controls>button{
  min-height:38px;padding:7px 9px;font-size:11.5px
}
#app .wmd-hg-cash-gap{font-size:14px;color:#ef9da9}
#app .wmd-hg-cash-confirm{padding:8px 9px;border-left:2px solid var(--hg-accent);background:color-mix(in srgb,var(--hg-accent) 6%,var(--hg-card));border-radius:0 7px 7px 0}
#app .wmd-hg-cash-decision-main>small{font-size:12.5px;line-height:1.5}
@media(max-width:680px){
  #app .wmd-hg-map-toolbar{align-items:flex-start;gap:7px}
  #app .wmd-hg-map-controls>button{min-height:44px}
  #app .wmd-hg-map-scroll{margin-right:0}
  #app .wmd-hg-map-selected{font-size:12.5px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-hg-map-scroll{scroll-behavior:auto}
}


/* Oct 30: Financial command center, legible in both default and customized widths. */
#app .wmd-hg-card[data-gadget-kind="networth"] .wmd-hg-mini-headline>strong{
  font-size:clamp(31px,3vw,48px)!important;line-height:1.06;letter-spacing:-.045em;
}
#app .wmd-hg-card[data-gadget-kind="networth"] .wmd-hg-metric>strong{
  font-size:clamp(26px,3vw,43px)!important;
}
#app .wmd-hg-nw-target{display:grid;gap:8px;margin:12px 0 4px;}
#app .wmd-hg-nw-target>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:var(--hg-muted);}
#app .wmd-hg-nw-target>div:first-child strong{color:var(--hg-text);font-size:15px;}
#app .wmd-hg-nw-target .wmd-hg-mini-gauge-rail{height:9px;background:var(--hg-bg);}
#app .wmd-hg-nw-target .wmd-hg-mini-gauge-rail>i{background:var(--hg-accent);}
#app .wmd-hg-scrolling-accounts{display:grid;gap:15px;min-width:0;max-height:315px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;padding-right:6px;}
#app .wmd-hg-card.size-compact .wmd-hg-scrolling-accounts{max-height:135px;}
#app .wmd-hg-account-group{display:grid;gap:4px;min-width:0;}
#app .wmd-hg-account-group h4{position:sticky;top:0;z-index:1;margin:0;padding:8px 0 5px;background:var(--hg-card);border-bottom:1px solid var(--hg-line);font-size:13px;font-weight:780;color:var(--hg-accent);}
#app .wmd-hg-scrolling-accounts .wmd-hg-row{min-height:37px;padding:7px 5px;}
#app .wmd-hg-scrolling-accounts .wmd-hg-row strong{font-size:13px;}
#app .wmd-hg-scrolling-accounts .wmd-hg-row>b{font-size:14px;}
#app .wmd-hg-gauge-percent{font-weight:800;color:var(--hg-accent)!important;font-size:12px;}
#app .wmd-hg-mix-percentages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
#app .wmd-hg-mix-percentages button{min-width:0;display:grid;gap:3px;padding:9px 6px;border:1px solid var(--hg-line);border-radius:10px;background:var(--hg-bg);color:var(--hg-muted);font-size:12px;cursor:pointer;}
#app .wmd-hg-mix-percentages button b{font-size:16px;color:var(--hg-text);}
#app .wmd-hg-interactive-mix{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:17px;align-items:center;min-width:0;}
#app .wmd-hg-asset-donut{display:block;width:100%;max-width:235px;overflow:visible;}
#app .wmd-hg-asset-donut path{cursor:pointer;stroke:var(--hg-card);stroke-width:1.5;transition:opacity .15s,filter .15s;}
#app .wmd-hg-asset-donut path:is(:hover,:focus-visible){filter:brightness(1.26);stroke:var(--hg-accent);stroke-width:2.5;outline:none;}
#app .wmd-hg-donut-center{fill:var(--hg-card);}
#app .wmd-hg-asset-donut text{font-size:17px;font-weight:800;fill:var(--hg-text);pointer-events:none;dominant-baseline:middle;}
#app .wmd-hg-asset-legend{display:grid;gap:4px;max-height:250px;overflow-y:auto;scrollbar-width:thin;}
#app .wmd-hg-asset-legend button{display:flex;align-items:center;gap:9px;padding:9px 7px;min-width:0;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--hg-text);cursor:pointer;text-align:left;}
#app .wmd-hg-asset-legend button:is(:hover,:focus-visible){border-color:var(--hg-accent);background:var(--hg-bg);}
#app .wmd-hg-asset-legend i{width:12px;height:12px;border-radius:4px;flex:none;}
#app .wmd-hg-asset-legend span{flex:1;min-width:0;font-size:13px;}
#app .wmd-hg-asset-legend strong{font-size:14px;font-variant-numeric:tabular-nums;}
#app .wmd-hg-invest-hero{display:grid;gap:9px;margin:2px 0 13px;padding:17px 18px;background:linear-gradient(140deg,color-mix(in srgb,var(--hg-accent) 13%,var(--hg-card)),var(--hg-card));border:1px solid var(--hg-line);border-radius:16px;}
#app .wmd-hg-invest-hero .wmd-hg-metric>strong{font-size:clamp(30px,3.4vw,46px)!important;}
#app .wmd-hg-invest-meta{display:flex;gap:15px;flex-wrap:wrap;color:var(--hg-muted);font-weight:680;font-size:12px;}
#app .wmd-hg-invest-session{margin:0 0 12px;padding:10px 12px;border-radius:10px;border:1px solid var(--hg-line);background:var(--hg-bg);font-size:13px;color:var(--hg-text);}
#app .wmd-hg-invest-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;}
#app .wmd-hg-invest-head strong{font-size:14px;color:var(--hg-text);}
#app .wmd-hg-invest-head span{font-size:11px;color:var(--hg-muted);}
#app .wmd-hg-plan-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;align-items:stretch;}
#app .wmd-hg-plan-tile{display:flex;flex-direction:column;gap:10px;padding:17px;border:1px solid var(--hg-line);border-radius:14px;background:color-mix(in srgb,var(--hg-accent) 5%,var(--hg-card));min-width:0;}
#app .wmd-hg-plan-tile-top{display:grid;gap:6px;}
#app .wmd-hg-plan-tile-top span{font-size:12px;font-weight:700;color:var(--hg-accent);}
#app .wmd-hg-plan-tile-top strong{font-size:clamp(15px,1.5vw,19px);line-height:1.3;color:var(--hg-text);}
#app .wmd-hg-plan-tile>p{flex:1;margin:0!important;font-size:12px;line-height:1.5;color:var(--hg-muted);}
#app .wmd-hg-plan-actions{display:flex;gap:7px;flex-wrap:wrap;}
#app .wmd-hg-plan-actions button{min-height:35px;border:1px solid var(--hg-line);border-radius:9px;padding:7px 10px;background:var(--hg-bg);color:var(--hg-text);font-size:12px;font-weight:730;cursor:pointer;}
#app .wmd-hg-plan-actions button:first-child{background:var(--hg-accent);color:var(--hg-bg);border-color:var(--hg-accent);}
#app .wmd-hg-plan-actions button:is(:hover,:focus-visible){outline:2px solid var(--hg-accent);outline-offset:1px;}
#app .wmd-hg-whatif-entry input[data-gadget-whatif-amount]{appearance:textfield;-moz-appearance:textfield;}
#app .wmd-hg-card[data-gadget-kind="networth"] .wmd-hg-card-shortcuts [data-gadget-shortcut="nw-add"]{display:none;}
#app .wmd-hg-map-scroll{cursor:grab;}
#app .wmd-hg-map-scroll:active{cursor:grabbing;}
#app .wmd-hg-map-days button:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hg-accent) 14%,var(--hg-bg));border-color:var(--hg-accent);}
@media(max-width:950px){
 #app .wmd-hg-plan-triptych{grid-template-columns:1fr;}
 #app .wmd-hg-interactive-mix{grid-template-columns:1fr;justify-items:center;}
 #app .wmd-hg-asset-legend{width:100%;}
}
@media(prefers-reduced-motion:reduce){#app .wmd-hg-asset-donut path{transition:none;}}

/* Separate an uncertain pre-deposit posting low from the matched Money Map
   end-of-day low. Never let the status look safe above a breached cushion. */
#app .wmd-hg-cash-decision-side>.wmd-hg-payday-timing{
  display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;
  gap:7px 12px;padding:9px 10px;border:1px solid #98616d;
  border-radius:10px;background:#3d2835;
}
#app .wmd-hg-cash-decision-side>.wmd-hg-payday-timing>span{
  color:#f7d0d7;font:650 12px/1.45 system-ui,sans-serif;
}
#app .wmd-hg-cash-decision-side>.wmd-hg-payday-timing>b{
  color:#ffc1c9;font:800 14px/1.35 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}


/* Cash Flow Home: the Money Map is primary, the cushion is a small editable
   threshold instead of an equally prominent headline KPI. */
#app .wmd-hg-map-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(184px,260px);align-items:start;gap:12px;min-width:0;margin:0 0 11px}
#app .wmd-hg-map-primary{min-width:0}
#app .wmd-hg-map-primary>.wmd-hg-metric{min-height:94px}
#app .wmd-hg-map-primary>.wmd-hg-metric>strong{font-size:clamp(25px,2.6vw,34px)!important;line-height:1.2;letter-spacing:-.02em}
#app .wmd-hg-cushion-control{margin:0;min-width:0;border:1px solid var(--hg-line);border-radius:11px;background:var(--hg-bg);color:var(--hg-text);align-self:start;box-sizing:border-box}
#app .wmd-hg-cushion-control>summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 9px;min-height:49px;padding:10px 11px;cursor:pointer;list-style:none;color:var(--hg-muted);font:640 12px/1.35 system-ui,sans-serif}
#app .wmd-hg-cushion-control>summary::-webkit-details-marker{display:none}
#app .wmd-hg-cushion-control>summary>span:first-child{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
#app .wmd-hg-cushion-control>summary b{font:790 14px/1.35 system-ui,sans-serif;color:var(--hg-text);font-variant-numeric:tabular-nums;white-space:nowrap}
#app .wmd-hg-cushion-edit{color:var(--hg-accent);font:750 12px/1.35 system-ui,sans-serif;white-space:nowrap}
#app .wmd-hg-cushion-control>summary:hover:not(:focus-visible){outline:none!important;box-shadow:none!important;color:var(--hg-text)}
#app .wmd-hg-cushion-control>summary:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-cushion-control[open]{border-color:var(--hg-accent)}
#app .wmd-hg-cushion-control>form{display:grid;gap:9px;padding:11px;border-top:1px solid var(--hg-line)}
#app .wmd-hg-cushion-control>form>label{display:grid;gap:6px;color:var(--hg-muted);font:680 12px/1.4 system-ui,sans-serif}
#app .wmd-hg-cushion-control input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;padding:8px 10px;color:var(--hg-text);border:1px solid var(--hg-line);border-radius:8px;background:var(--hg-card);font:750 16px/1.4 system-ui,sans-serif;font-variant-numeric:tabular-nums}
#app .wmd-hg-cushion-control input:focus-visible{outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-cushion-control form>p{margin:0!important;color:var(--hg-muted);font:540 11px/1.5 system-ui,sans-serif}
#app .wmd-hg-cushion-buttons{display:flex;gap:7px;flex-wrap:wrap}
#app .wmd-hg-cushion-buttons>button{min-height:42px;flex:1 1 auto;min-width:90px;padding:8px 10px;border:1px solid var(--hg-line);border-radius:8px;background:var(--hg-card);color:var(--hg-text);font:710 12px/1.3 system-ui,sans-serif;cursor:pointer}
#app .wmd-hg-cushion-buttons>button[type="submit"]{border-color:var(--hg-accent);color:var(--hg-accent)}
#app .wmd-hg-cushion-buttons>button:is(:hover,:focus-visible){outline:2px solid var(--hg-accent);outline-offset:2px}
#app .wmd-hg-cushion-error{color:#f6afb9!important}
#app .wmd-hg-cushion-error[hidden]{display:none!important}
#app .wmd-hg-cash-decision-side>.wmd-hg-cushion-control{border-color:transparent;background:transparent}
#app .wmd-hg-cash-decision-side>.wmd-hg-cushion-control>summary{min-height:37px;padding:6px 0;font-size:12px}
#app .wmd-hg-cash-decision-side>.wmd-hg-cushion-control>summary b{font-size:13px}
#app .wmd-hg-cash-decision-side>.wmd-hg-cushion-control>form{background:var(--hg-bg);border:1px solid var(--hg-line);border-radius:10px}
#app .wmd-hg-card.size-compact .wmd-hg-cushion-control{margin:9px 0 0}
@media(max-width:680px){
 #app .wmd-hg-map-overview{grid-template-columns:minmax(0,1fr);gap:9px}
 #app .wmd-hg-map-primary>.wmd-hg-metric{min-height:0}
 #app .wmd-hg-map-primary>.wmd-hg-metric>strong{font-size:26px!important}
 #app .wmd-hg-cushion-control>summary{min-height:44px}
}

/* Direct Quick actions and native balance dialog. No duplicated Snapper / Cash Flow menu. */
#app .wmd-workspace--home .wmd-hg-commands{
  position:relative;max-width:100%;width:100%;min-width:0
}
#app .wmd-workspace--home .wmd-hg-commands .wmd-hg-quick-actions{
  width:100%;max-width:100%;min-width:0;
  display:flex;flex-wrap:wrap;justify-content:flex-start;
  align-items:center;gap:9px;overflow:visible
}
#app .wmd-workspace--home .wmd-hg-quick-title{
  margin:0 13px 0 2px;padding:0;flex:0 0 auto;
  font-size:13px;font-weight:780;color:var(--hg-text)
}
#app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action]{
  min-height:44px;white-space:nowrap;box-sizing:border-box;
  font-size:13px!important;padding:10px 14px!important;
  border-color:var(--hg-line)!important;
  color:var(--hg-text)!important;background:var(--hg-bg)!important
}
#app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="expense"]{
  color:var(--wmd-theme-deep,#102438)!important;
  background:var(--hg-accent)!important;
  border-color:var(--hg-accent)!important
}
#app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="savings"]{
  background:color-mix(in srgb,var(--hg-accent) 11%,var(--hg-bg))!important;
  border-color:color-mix(in srgb,var(--hg-accent) 38%,var(--hg-line))!important
}
#app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action]:is(:hover,:focus-visible){
  box-shadow:0 0 0 1px var(--hg-accent)!important;
  border-color:var(--hg-accent)!important;outline-offset:2px
}
#app .wmd-hg-balance-saved{
  position:absolute;top:calc(100% + 7px);right:8px;z-index:8;
  padding:9px 13px;border:1px solid var(--hg-accent);border-radius:9px;
  background:var(--hg-card);color:var(--hg-text);
  box-shadow:0 6px 16px rgba(0,0,0,.2);font:700 12px/1.35 system-ui,sans-serif
}
#app .wmd-hg-balance-dialog{
  width:min(560px,calc(100vw - 28px));max-height:min(760px,calc(100dvh - 32px));
  box-sizing:border-box;margin:auto;padding:0;
  border:1px solid color-mix(in srgb,var(--hg-accent) 40%,var(--hg-line));
  border-radius:17px;background:var(--hg-card);color:var(--hg-text);
  box-shadow:0 20px 65px rgba(0,0,0,.50);overflow:auto;
  overscroll-behavior:contain;font-family:system-ui,sans-serif
}
#app .wmd-hg-balance-dialog:not([open]){display:none}
#app .wmd-hg-balance-dialog::backdrop{background:rgba(4,14,26,.75);backdrop-filter:blur(3px)}
#app .wmd-hg-balance-panel{display:grid;gap:15px;padding:22px 23px}
#app .wmd-hg-balance-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px
}
#app .wmd-hg-balance-head small{
  display:block;margin-bottom:4px;font:780 10px/1.4 system-ui,sans-serif;
  letter-spacing:.12em;color:var(--hg-accent)
}
#app .wmd-hg-balance-head h2{
  margin:0;color:var(--hg-text);font:810 clamp(20px,2vw,25px)/1.22 system-ui,sans-serif;
  letter-spacing:-.03em
}
#app .wmd-hg-balance-head>button{
  flex:0 0 38px;width:38px;height:38px;border-radius:10px;
  border:1px solid var(--hg-line);background:var(--hg-bg);color:var(--hg-text);
  font:700 23px/1 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-balance-panel>p{
  margin:0;color:var(--hg-muted);font:510 13px/1.55 system-ui,sans-serif
}
#app .wmd-hg-balance-search{
  display:grid;gap:7px;font:700 13px/1.4 system-ui,sans-serif;
  color:var(--hg-text)
}
#app .wmd-hg-balance-search input,
#app .wmd-hg-balance-input input{
  box-sizing:border-box;width:100%;min-width:0;min-height:45px;
  border:1px solid var(--hg-line)!important;border-radius:10px;
  background:var(--hg-bg)!important;color:var(--hg-text)!important;
  padding:10px 12px;font:650 15px/1.35 system-ui,sans-serif
}
#app .wmd-hg-balance-search input:focus-visible,
#app .wmd-hg-balance-input input:focus-visible,
#app .wmd-hg-balance-panel button:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px
}
#app .wmd-hg-balance-list{
  display:grid;gap:7px;max-height:min(45vh,340px);overflow:auto;
  margin-top:12px;scrollbar-width:thin
}
#app .wmd-hg-balance-row{
  display:flex;align-items:center;justify-content:space-between;gap:9px;
  box-sizing:border-box;width:100%;min-height:60px;margin:0;
  border:1px solid var(--hg-line);border-radius:10px;
  background:var(--hg-bg);color:var(--hg-text);
  padding:10px 12px;text-align:left;cursor:pointer
}
#app .wmd-hg-balance-row[hidden],
#app .wmd-hg-balance-form[hidden],
#app [data-gadget-balance-choose][hidden],
#app .wmd-hg-balance-error[hidden],
#app .wmd-hg-balance-empty[hidden]{display:none!important}
#app .wmd-hg-balance-row>span{display:grid;gap:4px;min-width:0}
#app .wmd-hg-balance-row strong{
  overflow-wrap:anywhere;color:var(--hg-text);
  font:760 14px/1.35 system-ui,sans-serif
}
#app .wmd-hg-balance-row small{
  color:var(--hg-muted);font:540 11.5px/1.4 system-ui,sans-serif
}
#app .wmd-hg-balance-row>b{
  flex:0 0 auto;color:var(--hg-text);
  font:780 14px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums
}
#app button.wmd-hg-balance-row:is(:hover,:focus-visible){
  border-color:var(--hg-accent);
  background:color-mix(in srgb,var(--hg-accent) 10%,var(--hg-bg))
}
#app .wmd-hg-balance-row.is-locked{opacity:.65;cursor:default}
#app .wmd-hg-balance-empty,#app .wmd-hg-balance-empty-static{
  margin:8px 0;padding:12px;border-radius:10px;
  background:var(--hg-bg);color:var(--hg-muted);
  font:580 13px/1.5 system-ui,sans-serif
}
#app .wmd-hg-balance-form{display:grid;gap:16px}
#app .wmd-hg-balance-selection{
  display:grid;gap:5px;padding:14px;border:1px solid var(--hg-line);
  background:var(--hg-bg);border-radius:12px
}
#app .wmd-hg-balance-selection>small{
  font:800 10px/1.3 system-ui,sans-serif;letter-spacing:.1em;color:var(--hg-accent)
}
#app .wmd-hg-balance-selection>strong{
  font:800 18px/1.35 system-ui,sans-serif;color:var(--hg-text)
}
#app .wmd-hg-balance-selection>span{
  color:var(--hg-muted);font:650 13px/1.35 system-ui,sans-serif
}
#app .wmd-hg-balance-form>label{
  display:grid;gap:7px;font:730 13px/1.4 system-ui,sans-serif;color:var(--hg-text)
}
#app .wmd-hg-balance-input{
  display:flex;align-items:center;gap:7px;border-radius:10px;
  border:1px solid var(--hg-line);background:var(--hg-bg);padding-left:13px
}
#app .wmd-hg-balance-input>span{
  color:var(--hg-muted);font:760 16px/1.3 system-ui,sans-serif
}
#app .wmd-hg-balance-input input{border:0!important;padding-left:0}
#app .wmd-hg-balance-form>small{
  color:var(--hg-muted);font:540 12px/1.6 system-ui,sans-serif
}
#app .wmd-hg-balance-buttons{display:flex;gap:9px;flex-wrap:wrap}
#app .wmd-hg-balance-buttons button{
  min-height:44px;flex:1 1 140px;border:1px solid var(--hg-line);
  border-radius:10px;padding:10px 15px;background:var(--hg-bg);color:var(--hg-text);
  cursor:pointer;font:760 13px/1.35 system-ui,sans-serif
}
#app .wmd-hg-balance-buttons button[type="submit"]{
  background:var(--hg-accent);color:var(--wmd-theme-deep,#102438);
  border-color:var(--hg-accent)
}
#app .wmd-hg-balance-error:not([hidden]){
  display:block;padding:10px 12px;border-radius:10px;
  border:1px solid #ff9ba8!important;background:rgba(255,155,168,.08)!important;
  color:#ffb0ba!important;font:660 13px/1.5 system-ui,sans-serif
}
@media(max-width:650px){
  #app .wmd-workspace--home .wmd-hg-commands .wmd-hg-quick-actions{
    justify-content:flex-start;gap:8px
  }
  #app .wmd-workspace--home .wmd-hg-quick-title{flex:1 1 100%;margin:2px 0 1px}
  #app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action]{
    flex:1 1 calc(50% - 6px);white-space:normal;min-width:0;
    padding:10px 9px!important;text-align:center
  }
  #app .wmd-hg-balance-panel{padding:17px 15px}
  #app .wmd-hg-balance-row{align-items:flex-start}
}

/* Home plan-first Quick actions and shared Snapper balance entry.
   Open results take document space; no floating menus over Home cards. */
#app .wmd-workspace--home .wmd-hg-commands{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  align-items:stretch!important;justify-items:stretch!important;
  gap:0!important;max-width:100%!important;min-width:0!important;
  padding:11px 13px!important;overflow:visible!important
}
#app .wmd-workspace--home .wmd-hg-commands .wmd-hg-quick-actions{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;
  justify-content:flex-start!important;gap:10px!important;
  width:100%;min-width:0;max-width:100%;overflow:visible!important
}
#app .wmd-workspace--home .wmd-hg-quick-title{
  flex:0 0 auto!important;margin:0 6px 0 0!important;padding:0!important;
  font:790 13px/1.4 system-ui,sans-serif!important
}
#app .wmd-hg-plan-search-label{
  display:flex;align-items:center;gap:8px;
  flex:1 1 310px;min-width:185px;max-width:min(580px,100%);
  min-height:46px;box-sizing:border-box;border-radius:11px;
  background:var(--hg-bg);border:1px solid color-mix(in srgb,var(--hg-accent) 40%,var(--hg-line));
  padding:0 12px;color:var(--hg-text)
}
#app .wmd-hg-plan-search-icon{
  color:var(--hg-accent);font-size:22px;line-height:1;flex:0 0 auto
}
#app .wmd-hg-plan-search-label input{
  flex:1 1 auto;display:block;min-width:0;width:100%;height:42px;
  padding:6px 0;border:0!important;outline:0!important;box-shadow:none!important;
  background:transparent!important;color:var(--hg-text)!important;
  font:650 14px/1.4 system-ui,sans-serif!important
}
#app .wmd-hg-plan-search-label:focus-within{
  border-color:var(--hg-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--hg-accent) 25%,transparent)
}
#app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="balances"]{
  border-color:color-mix(in srgb,var(--hg-accent) 48%,var(--hg-line))!important;
  background:color-mix(in srgb,var(--hg-accent) 13%,var(--hg-bg))!important;
  font-weight:790!important
}
#app .wmd-hg-quick-actions>[data-gadget-add-toggle]{
  min-height:44px;padding:9px 14px;border:1px solid var(--hg-line);
  border-radius:10px;background:var(--hg-bg);color:var(--hg-text);
  font:730 13px/1.4 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-quick-actions>[data-gadget-add-toggle]:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px
}
#app .wmd-hg-plan-results[hidden],#app .wmd-hg-add-options[hidden]{
  display:none!important
}
#app .wmd-hg-plan-results{
  min-width:0;max-width:100%;display:grid;gap:9px;
  padding:14px 1px 5px;border-top:1px solid var(--hg-line);
  margin-top:11px
}
#app .wmd-hg-plan-result-heading{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  color:var(--hg-text);font:730 13px/1.4 system-ui,sans-serif
}
#app .wmd-hg-plan-result-heading>span{color:var(--hg-muted);font-weight:560}
#app .wmd-hg-plan-result-list{
  max-height:min(55vh,440px);overflow-y:auto;overflow-x:hidden;
  display:grid;gap:7px;scrollbar-width:thin;padding:3px 1px
}
#app .wmd-hg-plan-result{
  min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;gap:8px 10px;padding:12px 13px;
  border:1px solid var(--hg-line);border-radius:12px;
  background:var(--hg-bg)
}
#app .wmd-hg-plan-emoji{font-size:22px;line-height:1.4;text-align:center}
#app .wmd-hg-plan-result-info{display:grid;gap:4px;min-width:0}
#app .wmd-hg-plan-result-info strong{
  overflow-wrap:anywhere;color:var(--hg-text);
  font:790 14px/1.3 system-ui,sans-serif
}
#app .wmd-hg-plan-result-info small{
  color:var(--hg-muted);font:570 12px/1.5 system-ui,sans-serif;
  overflow-wrap:anywhere
}
#app .wmd-hg-plan-amount{
  font:790 15px/1.3 system-ui,sans-serif;white-space:nowrap;
  color:var(--hg-text);font-variant-numeric:tabular-nums
}
#app .wmd-hg-plan-result-actions{
  grid-column:2/-1;display:flex;flex-wrap:wrap;gap:7px
}
#app .wmd-hg-plan-result-actions button{
  min-height:37px;border-radius:9px;padding:7px 12px;
  border:1px solid var(--hg-line);background:var(--hg-bg);
  color:var(--hg-text);cursor:pointer;
  font:760 12px/1.35 system-ui,sans-serif
}
#app .wmd-hg-plan-result-actions button:first-child{
  background:color-mix(in srgb,var(--hg-accent) 17%,var(--hg-bg));
  border-color:color-mix(in srgb,var(--hg-accent) 40%,var(--hg-line))
}
#app .wmd-hg-plan-result-actions button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px
}
#app .wmd-hg-plan-tip,#app .wmd-hg-plan-empty{
  margin:0;font:560 12px/1.55 system-ui,sans-serif;color:var(--hg-muted)
}
#app .wmd-hg-plan-empty{
  padding:16px 13px;border-radius:10px;background:var(--hg-bg)
}
#app .wmd-hg-add-options{
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;
  margin-top:11px;padding:13px 1px 2px;
  border-top:1px solid var(--hg-line)
}
#app .wmd-hg-add-options>span{
  flex:0 0 auto;margin-right:8px;color:var(--hg-muted);
  font:700 12px/1.4 system-ui,sans-serif
}
#app .wmd-hg-add-options>button{
  min-height:39px;padding:8px 13px;border:1px solid var(--hg-line);
  border-radius:10px;background:var(--hg-bg);color:var(--hg-text);
  font:730 12.5px/1.4 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-add-options>button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px
}
#app .wmd-hg-balance-snapper-choice{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:13px;border-radius:12px;
  background:color-mix(in srgb,var(--hg-accent) 11%,var(--hg-bg));
  border:1px solid color-mix(in srgb,var(--hg-accent) 39%,var(--hg-line))
}
#app .wmd-hg-balance-snapper-choice>div{
  display:grid;gap:4px;min-width:0
}
#app .wmd-hg-balance-snapper-choice strong{
  color:var(--hg-text);font:780 13px/1.4 system-ui,sans-serif
}
#app .wmd-hg-balance-snapper-choice small{
  color:var(--hg-muted);font:540 12px/1.5 system-ui,sans-serif
}
#app .wmd-hg-balance-snapper-choice button{
  flex:0 0 auto;min-height:40px;padding:8px 13px;
  border:1px solid var(--hg-accent);border-radius:10px;
  background:var(--hg-accent);color:var(--wmd-theme-deep,#102438);
  font:760 12.5px/1.4 system-ui,sans-serif;cursor:pointer
}
#app .wmd-hg-balance-snapper-choice button:is(:hover,:focus-visible){
  outline:2px solid var(--hg-accent);outline-offset:2px
}
@media(max-width:760px){
  #app .wmd-hg-plan-search-label{
    order:1;flex:1 1 100%;max-width:none;min-width:0
  }
  #app .wmd-workspace--home .wmd-hg-quick-title{
    order:0;flex:1 1 100%!important;margin:0!important
  }
  #app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="balances"]{
    order:2;flex:1 1 calc(50% - 6px)!important
  }
  #app .wmd-hg-quick-actions>[data-gadget-add-toggle]{
    order:3;flex:1 1 calc(50% - 6px);white-space:nowrap
  }
  #app .wmd-hg-plan-result{grid-template-columns:29px minmax(0,1fr)}
  #app .wmd-hg-plan-amount{grid-column:2;grid-row:2;justify-self:start}
  #app .wmd-hg-plan-result-actions{grid-column:1/-1}
  #app .wmd-hg-balance-snapper-choice{flex-wrap:wrap}
  #app .wmd-hg-balance-snapper-choice button{width:100%}
}

/* Search-dismiss and opaque shared balance dialog fixes 20261103.
   The search gets one focus treatment on its border, not a second nested
   browser rectangle around the input. Keyboard focus remains legible. */
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label{
  box-shadow:none!important;outline:0!important;
}
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label:focus-within{
  border-color:#8ecbf6!important;box-shadow:none!important;outline:none!important;
}
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label input[data-gadget-plan-search],
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label input[data-gadget-plan-search]:focus,
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label input[data-gadget-plan-search]:focus-visible{
  appearance:none!important;-webkit-appearance:none!important;
  outline:none!important;outline-offset:0!important;border:0!important;
  box-shadow:none!important;background:transparent!important;
}
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label input[data-gadget-plan-search]::before,
#app .wmd-workspace--home .wmd-hg-commands label.wmd-hg-plan-search-label input[data-gadget-plan-search]::after{
  box-shadow:none!important;outline:0!important;
}

/* Net Worth does not inherit Home-only --hg-* surface variables. Keep the
   same shared dialog opaque everywhere, including when the page behind is
   blurred/dimmed. Preserve the dark ocean palette and readable contrast. */
#app dialog.wmd-hg-balance-dialog{
  --hg-card:#1c3045;
  --hg-bg:#122439;
  --hg-text:#f2f8ff;
  --hg-muted:#bbcedf;
  --hg-line:#496780;
  --hg-accent:#8ccbf3;
  opacity:1!important;
  background-color:#1c3045!important;
  background-image:none!important;
  color:#f2f8ff!important;
  border:1px solid #56768f!important;
  box-shadow:0 24px 72px rgba(0,0,0,.62)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  isolation:isolate;
}
#app dialog.wmd-hg-balance-dialog .wmd-hg-balance-panel{
  background:#1c3045!important;
  background-image:none!important;
  opacity:1!important;
  color:#f2f8ff!important;
}
#app dialog.wmd-hg-balance-dialog::backdrop{
  background:rgba(3,13,25,.78)!important;
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
#app dialog.wmd-hg-balance-dialog .wmd-hg-balance-row.is-cashflow{
  border-color:color-mix(in srgb,var(--hg-accent) 68%,var(--hg-line))!important;
  background:color-mix(in srgb,var(--hg-accent) 13%,var(--hg-bg))!important;
}
#app dialog.wmd-hg-balance-dialog .wmd-hg-balance-primary{
  font-weight:800!important;
  color:var(--hg-accent)!important;
}

}
/* home-cashflow-workspace.css */
@media screen {
/* Home Cash Flow: compact management and date navigation; Ocean/theme variables. */
#app .wmd-home-cf-persistent{display:grid;grid-template-columns:minmax(185px,.7fr) minmax(0,1.3fr);gap:12px;margin-bottom:14px}
#app .wmd-home-cf-balance{display:flex;flex-direction:column;gap:5px;padding:14px;border:1px solid var(--hg-line);border-radius:12px;background:var(--hg-bg)}
#app .wmd-home-cf-balance>span{font-size:13px;color:var(--hg-muted)}
#app .wmd-home-cf-balance>strong{font-size:clamp(21px,2.5vw,28px);color:var(--hg-text)}
#app .wmd-home-cf-balance>small{font-size:12px;color:var(--hg-muted)}
#app .wmd-home-cf-mini-runway{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#app .wmd-home-cf-mini-runway button{min-width:0;border:1px solid var(--hg-line);background:var(--hg-bg);border-radius:11px;padding:12px 8px;color:var(--hg-text);cursor:pointer;display:grid;gap:5px;text-align:left}
#app .wmd-home-cf-mini-runway button span{font-weight:750;font-size:13px}
#app .wmd-home-cf-mini-runway button strong{font-size:clamp(16px,1.6vw,21px);overflow-wrap:anywhere}
#app .wmd-home-cf-mini-runway button small{color:var(--hg-muted);font-size:11px}
/* The Home outlook uses the same below-minimum signal as Money Map. */
#app .wmd-home-cf-mini-runway button.is-risk{border-color:#af6d78}
#app .wmd-home-cf-mini-runway button.is-risk>strong{color:#f2a7b4}
#app .wmd-home-month{display:grid;gap:13px;min-width:0;color:var(--hg-text)}
#app .wmd-home-month-heading{display:flex;gap:10px;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
#app .wmd-home-month-heading h4,#app .wmd-home-month-progress h4{font-size:17px;font-weight:800;margin:0}
#app .wmd-home-month-heading>span{font-size:13px;color:var(--hg-muted)}
#app .wmd-home-month-progress{display:grid;gap:10px}
#app .wmd-home-month-progress-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
#app .wmd-home-month-progress-card{display:grid;gap:7px;min-width:0;padding:12px;border:1px solid var(--hg-line);border-radius:10px;background:var(--hg-bg)}
#app .wmd-home-month-progress-card>strong{font-size:15px}
#app .wmd-home-month-progress-card>span{font-size:16px;font-weight:750;overflow-wrap:anywhere}
#app .wmd-home-month-progress-card>small,#app .wmd-home-month-progress>p,#app .wmd-home-month-note{color:var(--hg-muted);font-size:12px;line-height:1.5;margin:0}
#app .wmd-home-month-progress-track{display:block;height:9px;border-radius:99px;background:var(--hg-line);overflow:hidden}
#app .wmd-home-month-progress-track>i{display:block;height:100%;border-radius:99px;background:var(--hg-accent)}
#app .wmd-home-month-toolbar{display:flex;flex-wrap:wrap;gap:7px}
#app .wmd-home-month-toolbar button,#app .wmd-home-calendar-months button{border:1px solid var(--hg-line);background:var(--hg-bg);border-radius:99px;padding:9px 12px;color:var(--hg-text);font-size:13px;cursor:pointer}
#app .wmd-home-month-toolbar button[aria-pressed="true"],#app .wmd-home-calendar-months button[aria-pressed="true"]{border-color:var(--hg-accent);background:var(--hg-accent);color:#061829;font-weight:800}
#app .wmd-home-month-toolbar button span{opacity:.75}
#app .wmd-home-month-search{display:grid;gap:5px;color:var(--hg-muted);font-size:13px}
#app .wmd-home-month-search input{display:block;box-sizing:border-box;width:100%;min-height:44px;border-radius:9px;border:1px solid var(--hg-line);background:var(--hg-bg);color:var(--hg-text);padding:11px;font-size:16px}
#app .wmd-home-month-count{font-size:13px;font-weight:700;margin:0}
#app .wmd-home-month-list{display:grid;max-height:440px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--hg-line);border-radius:12px}
#app .wmd-home-month-item{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(84px,auto);gap:9px;padding:12px;border-bottom:1px solid var(--hg-line);align-items:start}
#app .wmd-home-month-item:last-child{border-bottom:0}
#app .wmd-home-month-item[hidden],#app .wmd-home-month-empty[hidden],#app [data-wmd-home-calendar-month][hidden],#app [data-wmd-home-calendar-inspector][hidden]{display:none!important}
#app .wmd-home-month-emoji{font-size:23px}
#app .wmd-home-month-item-main{display:grid;gap:5px;min-width:0}
#app .wmd-home-month-item-main>strong{font-size:15px;overflow-wrap:anywhere}
#app .wmd-home-month-item-main>small,#app .wmd-home-month-item-money small{color:var(--hg-muted);font-size:12px}
#app .wmd-home-month-item-money{display:grid;gap:5px;text-align:right}
#app .wmd-home-month-item-money strong{font-size:16px;overflow-wrap:anywhere}
#app .wmd-home-month-row-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
#app .wmd-home-month-row-actions button{min-height:37px;padding:6px 10px;border:1px solid var(--hg-line);border-radius:7px;background:var(--hg-bg);color:var(--hg-text);font-size:13px;font-weight:700;cursor:pointer}
#app .wmd-home-month-row-actions button:first-child{border-color:var(--hg-accent)}
#app .wmd-home-calendar-months{display:flex;gap:7px}
#app .wmd-home-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}
#app .wmd-home-calendar-weekday{text-align:center;color:var(--hg-muted);font-size:12px;font-weight:700}
#app .wmd-home-calendar-day{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0;min-height:82px;padding:9px 6px;background:var(--hg-bg);border:1px solid var(--hg-line);border-radius:8px;color:var(--hg-text);cursor:pointer}
#app .wmd-home-calendar-day.has-activity{border-color:var(--hg-accent)}
#app .wmd-home-calendar-day.is-selected{outline:2px solid var(--hg-accent);outline-offset:1px}
#app .wmd-home-calendar-day>b{font-size:15px}
#app .wmd-home-calendar-day span{font-size:12px;overflow-wrap:anywhere}
#app .wmd-home-calendar-day small{font-size:12px;font-weight:800;overflow-wrap:anywhere}
#app .wmd-home-calendar-income{color:#a6dbfc}
#app .wmd-home-calendar-out{color:#f2bdc6}
#app .wmd-home-calendar-inspector{padding:13px;border:1px solid var(--hg-line);border-radius:10px;display:grid;gap:10px}
#app .wmd-home-calendar-inspector-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:14px}
#app .wmd-home-calendar-events{max-height:270px;overflow:auto;display:grid}
#app .wmd-home-calendar-events button{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px;border:0;border-top:1px solid var(--hg-line);background:transparent;color:var(--hg-text);font-size:14px;cursor:pointer;text-align:left}
#app .wmd-home-calendar-events button strong{margin-left:auto}
#app .wmd-home-month-warning{color:#f4bdc7;font-size:13px}
#app .wmd-home-month button:is(:hover,:focus-visible),#app .wmd-home-cf-mini-runway button:is(:hover,:focus-visible){outline:2px solid var(--hg-accent);outline-offset:2px}
@media(max-width:680px){#app .wmd-home-cf-persistent{grid-template-columns:minmax(0,1fr)}#app .wmd-home-month-progress-grid{grid-template-columns:minmax(0,1fr)}#app .wmd-home-cf-mini-runway button{padding:10px 6px}#app .wmd-home-calendar-day{min-height:65px;padding:6px 3px}#app .wmd-home-calendar-day span,#app .wmd-home-calendar-day small{font-size:10px}#app .wmd-home-month-item{grid-template-columns:24px minmax(0,1fr)}#app .wmd-home-month-item-money{grid-column:2;text-align:left}}

/* Keep month amounts together. A single runway in Today spans the available
   width rather than being squeezed into the empty first grid column. */
#app .wmd-home-cf-persistent>.wmd-home-cf-mini-runway:only-child{
  grid-column:1/-1;width:min(100%,620px);min-width:0;
}
#app .wmd-home-cf-mini-runway{min-width:0}
#app .wmd-home-cf-mini-runway button strong{
  white-space:nowrap!important;overflow-wrap:normal!important;
  font-size:clamp(14px,1.5vw,20px);font-variant-numeric:tabular-nums;
}
#app .wmd-home-month-progress-card{
  appearance:none;display:grid;gap:7px;width:100%;box-sizing:border-box;
  font-family:inherit;text-align:left;cursor:pointer;color:var(--hg-text);
}
#app .wmd-home-month-progress-card:hover{
  background:var(--hg-raised);border-color:var(--hg-accent);
}
#app .wmd-home-month-progress-card[aria-pressed="true"]{
  border-color:var(--hg-accent);background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg));
  box-shadow:inset 0 0 0 1px var(--hg-accent);
}
#app .wmd-home-month-progress-card:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
@media(max-width:500px){
  #app .wmd-home-cf-persistent>.wmd-home-cf-mini-runway:only-child{width:100%}
  #app .wmd-home-cf-mini-runway{grid-template-columns:repeat(3,minmax(116px,1fr));overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:3px}
  #app .wmd-home-cf-mini-runway button strong{font-size:15px}
}

}
/* search-focus-unified.css */
@media screen {
/* Unified search focus, October 2026.
   A composite search has ONE focus indicator on its outer shell, never
   another rectangle around the text input. A standalone search retains
   one accessible input outline. No finance data, JS, or input behavior.
*/
#app :is(
  .wmd-focus-activity-search-field,
  .wmd-discovery-control,
  .wmd-smart-input-shell
) > input[type="search"]:is(:focus,:focus-visible){
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}

/* Cash Flow activity, Ask/search across pages, and the full search dialog
   already supply a focused border + soft halo on these shells. These
   declarations intentionally leave that parent focus indication intact. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist
.wmd-focus-activity-search-field:focus-within,
#app .wmd-workspace > .wmd-discovery .wmd-discovery-control:focus-within,
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell:focus-within{
  outline:0!important;
}

/* Search inputs that ARE the field (Budget item search, Ask library, Home,
   search within account and transaction pickers) keep a SINGLE outline.
   Do not suppress keyboard focus on standalone fields. */
#app input[type="search"]:not(:where(
  .wmd-focus-activity-search-input,
  .wmd-discovery-input,
  [data-smart-search-input]
)):focus{
  box-shadow:none!important;
}
#app input[type="search"]:not(:where(
  .wmd-focus-activity-search-input,
  .wmd-discovery-input,
  [data-smart-search-input]
)):focus-visible{
  outline:2px solid var(--wmd-find-accent,
    var(--hg-accent,var(--wmd-theme-accent,var(--wmd-accent,#9dc8e7))))!important;
  outline-offset:2px!important;
}

/* Snapper pickers live outside #app, so their standalone search inputs
   get the same single focus ring without inheriting workspace form glows. */
#wmd-photo-import-root input[type="search"]:focus{
  box-shadow:none!important;
}
#wmd-photo-import-root input[type="search"]:focus-visible{
  outline:2px solid var(--snapper-accent,#9dc8e7)!important;
  outline-offset:2px!important;
}

/* In Windows High Contrast the shell's original shadow is not reliable.
   Put the keyboard focus indicator on the shell itself instead. */
@media (forced-colors:active){
  #app :is(
    .wmd-focus-activity-search-field,
    .wmd-discovery-control,
    .wmd-smart-input-shell
  ):focus-within{
    outline:2px solid Highlight!important;
    outline-offset:2px!important;
    box-shadow:none!important;
  }
  #app input[type="search"]:focus-visible,
  #wmd-photo-import-root input[type="search"]:focus-visible{
    outline-color:Highlight!important;
  }
}

/* Money Map inspector and premium Cash Flow editor: Ocean blue finish.
   Loaded last so older mint styles cannot return on focused controls. */
#app .wmd-workspace--cashflow .mm-chart-shell .mm-chart-inspector:not([hidden]){
 background:#1a354b!important;border:1px solid #6f9fbe!important;
 width:min(370px,calc(100% - 16px))!important;
 max-height:min(460px,calc(100dvh - 90px))!important;
 overflow:hidden!important;pointer-events:auto!important;
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-kicker{
 color:#b7daf5!important;font-size:12px!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-value{font-size:28px!important}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-totals>span{font-size:12px!important}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-tip-totals b{font-size:15px!important}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-events-wrap{
 max-height:min(222px,30vh)!important;overflow-y:auto!important;
 scrollbar-width:thin;scrollbar-color:#90bfdf #1c354a
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event-action{
 display:flex!important;align-items:center!important;gap:9px!important;
 width:100%!important;min-height:48px!important;padding:9px 7px!important;
 font:650 14px/1.4 system-ui,sans-serif!important;color:#eff8fe!important;
 cursor:pointer!important;background:transparent!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event-action>span:first-child{
 font-size:14px!important;white-space:normal!important;overflow:visible!important;
 overflow-wrap:anywhere!important;min-width:0!important;flex:1 1 auto!important
}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event-action strong{font-size:14px!important}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event-action strong.positive{color:#add9f6!important}
#app .wmd-workspace--cashflow .mm-chart-inspector .mm-day-event-action:is(:hover,:focus-visible){
 background:#2d506a!important;border-color:#91c7ea!important
}
#app .cash-calendar-editor.cash-editor-premium{
 background:#172b3e!important;
 border:1px solid #486f8c!important
}
#app .cash-editor-premium .cash-calendar-editor-head>span{
 color:#b4d9f3!important
}
#app .cash-editor-premium :is(
 .cash-calendar-editor-grid input:focus-visible,
 .cash-calendar-editor-grid select:focus-visible,
 .cash-calendar-editor-grid .currency-input:focus-within){
 outline:2px solid #91c8ec!important;border-color:#91c8ec!important
}
#app .cash-editor-premium :is(
 .cash-calendar-editor-close:hover,
 .cash-calendar-category-summary:hover,
 .cash-calendar-category-summary:focus-visible){
 color:#d8efff!important;border-color:#8ab9da!important
}
#app .cash-editor-premium :is(.cash-calendar-category-summary,.cash-calendar-done,
 .cash-calendar-payment-method){
 background-color:#142b3d!important;border-color:#416786!important
}
#app .cash-editor-premium :is(
 .cash-calendar-category-summary [class*="change"],
 .cash-calendar-category-summary button,
 .cash-calendar-category-summary>span:last-child){
 color:#a6d5f4!important
}
@media(max-width:700px){
 #app .wmd-workspace--cashflow .mm-chart-shell--mobile .mm-chart-inspector:not([hidden]){
 position:relative!important;left:auto!important;top:auto!important;
 width:100%!important;max-height:none!important;overflow:visible!important
 }
}

/* Linked Debt Paydown: an unreviewed cleared transfer remains actionable.
   Keep this dedicated button separate from the redundant ordinary Edit
   control which is hidden in compact Cash Flow list rows. */
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-reconcile{
  appearance:none;align-self:center;justify-self:start;
  /* The reconcile action is the fifth grid child: place it below the
     row content, not in the narrow checkmark column. */
  grid-column:2/-1!important;grid-row:auto!important;width:max-content;
  display:inline-flex!important;align-items:center;justify-content:center;
  min-height:42px!important;max-width:100%;
  padding:9px 14px!important;margin:2px 0!important;
  border:1px solid #75a9cb!important;border-radius:9px!important;
  color:#e7f6ff!important;background:#294e6d!important;
  font-size:13px!important;font-weight:750!important;
  line-height:1.3!important;white-space:normal!important;
  cursor:pointer!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-reconcile:is(:hover,:focus-visible){
  outline:2px solid #b0dafa!important;outline-offset:2px!important;
  background:#356587!important;border-color:#c0e8fc!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item.needs-balance-review{
  border-color:#8ab6d6!important;background:#203b52!important;
  box-shadow:inset 3px 0 #a9d5f2!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .wmd-debt-review-warning{
  display:block!important;margin-top:5px!important;
  font-size:12px!important;line-height:1.45!important;
  color:#c4dded!important;
}
@media(max-width:820px){
  #app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-reconcile{
    grid-column:2/-1!important;grid-row:auto!important;width:100%!important;
  }
}
/* A cleared Debt Paydown checkmark without reconciled account balances must
   be visible beside the financial forecast, not buried inside Completed. */
#app main.wmd-workspace--cashflow .cash-debt-review-banner{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px;margin:12px 0 16px;
  padding:17px 19px;border:1px solid #80afce;border-left:4px solid #a9d6f3;
  border-radius:14px;background:#1e3851;color:#f4f9ff;
  box-sizing:border-box;
}
#app main.wmd-workspace--cashflow .cash-debt-review-banner>div{flex:1 1 290px;min-width:0}
#app main.wmd-workspace--cashflow .cash-debt-review-banner strong{
  display:block;margin-bottom:5px;color:#fff;
  font-size:16px;line-height:1.35;font-weight:780;
}
#app main.wmd-workspace--cashflow .cash-debt-review-banner p{
  margin:0;color:#c8dfef;font-size:14px;line-height:1.55;
}
#app main.wmd-workspace--cashflow .cash-debt-review-banner>button{
  min-height:44px;max-width:100%;
  padding:10px 15px;border:1px solid #a9d6f3;border-radius:9px;
  background:#366586;color:#fff;font-size:14px;
  font-weight:750;line-height:1.3;text-align:center;
  white-space:normal;cursor:pointer;
}
#app main.wmd-workspace--cashflow .cash-debt-review-banner>button:is(:hover,:focus-visible){
  outline:2px solid #c8eaff;outline-offset:2px;background:#477d9f;
}
@media(max-width:680px){
  #app main.wmd-workspace--cashflow .cash-debt-review-banner{padding:14px;gap:12px}
  #app main.wmd-workspace--cashflow .cash-debt-review-banner>button{width:100%}
}

}
/* home-dashboard-enhancements.css */
@media screen {
/* Home dashboard parity, October 31. Read-only interactive finance surfaces.
 * Reuses the shared Cash Flow Money Map and Net Worth equity-adjusted mix.
 * Scoped to workspace cards; no changes to public SEO landing styles. */

/* Keep paired Home cards the same visual height without artificial filler cards. */
#app .wmd-workspace--home .wmd-hg-grid{
  align-items:stretch!important;
  grid-auto-flow:row!important;
}
#app .wmd-workspace--home .wmd-hg-card{
  align-self:stretch!important;
  height:100%;
  min-width:0;
}
#app .wmd-workspace--home .wmd-hg-card>.wmd-hg-content{
  flex:1 1 auto;
  min-width:0;
}
#app .wmd-workspace--home .wmd-hg-card .wmd-hg-card-shortcuts{
  margin-top:auto;
}
#app .wmd-workspace--home .wmd-hg-card .wmd-hg-card-foot{
  margin-top:0;
}
/* Open selectors expand their own card instead of painting over real Budget rows. */
#app .wmd-workspace--home .wmd-hg-card .wmd-hg-view-menu[open]{
  position:relative;z-index:1;
}
#app .wmd-workspace--home .wmd-hg-card .wmd-hg-view-menu[open]>.wmd-hg-view-options{
  position:static!important;
  inset:auto!important;
  width:100%;
  box-sizing:border-box;
  margin:6px 0 0;
  max-height:min(280px,42dvh);
  overflow-y:auto;
  box-shadow:0 6px 16px rgba(0,0,0,.16);
}
#app .wmd-workspace--home .wmd-hg-card:has(.wmd-hg-view-menu[open]){
  z-index:2;
}

/* Home Net Worth: larger, legible trend and asset allocation controls. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="trend"]
 .wmd-hg-mini-spark{
  overflow:visible!important;max-height:none!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="trend"]
 .wmd-hg-mini-spark .wmd-hg-linechart{
  width:100%;height:162px!important;max-height:none!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="trend"]
 .wmd-hg-detail .wmd-hg-linechart{
  display:block;width:100%;height:192px!important;max-height:none!important;
  margin-block:6px 12px;
}
#app .wmd-home-networth-sum{
  display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  margin:4px 0 13px;
}
#app .wmd-home-networth-sum>small{
  color:var(--hg-muted);font-weight:680;font-size:12px;
}
#app .wmd-home-networth-sum>strong{
  font-size:clamp(25px,2.45vw,40px);
  letter-spacing:-.04em;font-weight:820;color:var(--hg-text);
  font-variant-numeric:tabular-nums;
}
#app .wmd-home-assets{
  min-width:0;display:grid;gap:12px;
}
#app .wmd-home-assets>h4{
  display:flex;flex-wrap:wrap;align-items:center;gap:7px 13px;
  margin:0!important;color:var(--hg-text);
  font-size:15px;font-weight:760;
}
#app .wmd-home-assets>h4 small{
  font-size:11.5px;color:var(--hg-muted);font-weight:540;
}
#app .wmd-home-assets-layout{
  display:grid;
  grid-template-columns:minmax(210px,.87fr) minmax(0,1.13fr);
  gap:20px;align-items:center;min-width:0;
}
#app .wmd-home-assets-chart{
  width:100%;max-width:295px;min-height:190px;
  aspect-ratio:1;justify-self:center;overflow:visible;
}
#app .wmd-home-assets-chart :is(path,circle[data-home-asset-slice]){
  stroke:var(--hg-card);stroke-width:1.5;
  cursor:pointer;transition:stroke-width .14s,filter .14s,opacity .14s;
}
#app .wmd-home-assets-chart :is(path,circle[data-home-asset-slice]):is(:hover,:focus-visible,.is-active){
  stroke:var(--hg-accent);stroke-width:3.5;filter:brightness(1.09);
  outline:none;
}
#app .wmd-home-assets-hole{fill:var(--hg-card);pointer-events:none}
#app .wmd-home-assets-center-pct{
  font-size:22px;fill:var(--hg-text);font-weight:850;pointer-events:none;
  font-variant-numeric:tabular-nums;dominant-baseline:middle;
}
#app .wmd-home-assets-center-caption{
  font-size:10px;fill:var(--hg-muted);font-weight:700;pointer-events:none;
  dominant-baseline:middle;
}
#app .wmd-home-assets-side{min-width:0;display:grid;gap:10px}
#app .wmd-home-assets-legend{
  display:grid;gap:3px;max-height:224px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;
}
#app .wmd-home-assets-legend>button{
  appearance:none;display:flex;align-items:center;gap:9px;
  width:100%;min-height:37px;padding:7px 8px;border:1px solid transparent;
  background:transparent;border-radius:9px;color:var(--hg-text);
  text-align:left;cursor:pointer;
}
#app .wmd-home-assets-legend>button i{
  width:12px;height:12px;border-radius:3px;flex:0 0 12px;
}
#app .wmd-home-assets-legend>button span{
  flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  font-size:13px;
}
#app .wmd-home-assets-legend>button b{
  flex:none;font-size:13.5px;font-variant-numeric:tabular-nums;
}
#app .wmd-home-assets-legend>button:is(:hover,:focus-visible,[aria-pressed="true"]){
  background:color-mix(in srgb,var(--hg-accent) 9%,var(--hg-card));
  border-color:color-mix(in srgb,var(--hg-accent) 58%,var(--hg-line));
}
#app .wmd-home-assets-inspector{
  padding:12px;border-radius:12px;background:var(--hg-bg);
  border:1px solid var(--hg-line);
}
#app .wmd-home-assets-inspector>div{
  display:grid;grid-template-columns:1fr auto;gap:5px 9px;
  align-items:center;
}
#app .wmd-home-assets-inspector>div[hidden]{display:none!important}
#app .wmd-home-assets-inspector strong{font-size:14px;color:var(--hg-text)}
#app .wmd-home-assets-inspector b{font-size:15px;color:var(--hg-text)}
#app .wmd-home-assets-inspector small{
  grid-column:1/-1;color:var(--hg-muted);font-size:11.5px;
}
#app .wmd-home-assets-inspector button{
  grid-column:1/-1;margin-top:3px;min-height:37px;padding:7px 10px;
  border:1px solid var(--hg-line);border-radius:9px;
  background:var(--hg-card);color:var(--hg-accent);
  font-size:12px;font-weight:750;cursor:pointer;
}

/* Home Budget: allocation feels like a real finance view, not a tiny preview. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="budget"] .wmd-hg-mini-headline>strong,
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="budget"] .wmd-hg-metric>strong{
  font-size:clamp(27px,2.8vw,40px)!important;line-height:1.2;
}
#app .wmd-home-budget-summary{
  display:grid;gap:4px;padding:2px 0 10px;
}
#app .wmd-home-budget-summary>span{
  font-size:12px;color:var(--hg-muted);font-weight:680;
}
#app .wmd-home-budget-summary>strong{
  color:var(--hg-text);font-size:clamp(29px,2.8vw,42px);
  font-weight:850;letter-spacing:-.035em;font-variant-numeric:tabular-nums;
}
#app .wmd-home-budget-summary>small{font-size:11.5px;color:var(--hg-muted)}
#app .wmd-home-budget-added{
  display:grid;gap:9px;padding:10px 0 2px;
  border-top:1px solid var(--hg-line);
}
#app .wmd-home-budget-added>strong{font-size:13px;color:var(--hg-text)}
#app .wmd-home-mix-upgrade{
  display:grid;gap:9px;min-width:0;max-height:300px;
  overflow-y:auto;overscroll-behavior:contain;
  padding:3px 5px 5px 1px;scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) transparent;
}
#app .wmd-home-mix-row{
  display:grid;gap:8px;min-width:0;
  padding:11px 12px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);cursor:pointer;
  color:var(--hg-text);font:inherit;text-align:left;
}
#app .wmd-home-mix-row:is(:hover,:focus-visible){
  border-color:var(--hg-accent);
  background:color-mix(in srgb,var(--hg-accent) 8%,var(--hg-bg));
  outline-offset:2px;
}
#app .wmd-home-mix-caption{
  display:flex;align-items:center;gap:9px;min-width:0;
}
#app .wmd-home-mix-caption>b{
  flex:1;min-width:0;font-size:14px;font-weight:760;
}
#app .wmd-home-mix-caption>strong{
  font-size:15px;font-weight:820;font-variant-numeric:tabular-nums;
}
#app .wmd-home-mix-caption>em{
  min-width:57px;text-align:right;color:var(--hg-accent);
  font-size:15px;font-weight:800;font-style:normal;
}
#app .wmd-home-mix-track{
  height:7px;display:block;overflow:hidden;
  background:var(--hg-card);border-radius:20px;
}
#app .wmd-home-mix-track>i{
  display:block;height:100%;max-width:100%;
  border-radius:20px;background:#8ac8f3;
}
#app .wmd-home-mix-row.is-purple .wmd-home-mix-track>i{background:#bea2ea}
#app .wmd-home-mix-row.is-gold .wmd-home-mix-track>i{background:#dbb77d}
#app .wmd-home-budget-search{
  display:grid;gap:10px;min-width:0;
}
#app .wmd-home-search-label,
#app .wmd-budget-lookup>label{
  display:grid;gap:7px;color:var(--hg-muted,#b7c8d7);
  font-size:12px;font-weight:740;
}
#app .wmd-home-search-label input,
#app .wmd-budget-lookup>label>input{
  display:block;box-sizing:border-box;width:100%;
  min-height:44px;padding:10px 13px;
  border:1px solid var(--hg-line,#49647e);border-radius:10px;
  outline:0;background:var(--hg-bg,#122133);
  color:var(--hg-text,#e7f1fa);font:600 15px/1.4 system-ui,sans-serif;
}
#app .wmd-home-search-label input:focus-visible,
#app .wmd-budget-lookup>label>input:focus-visible{
  outline:2px solid var(--hg-accent,#8cccf1);outline-offset:1px;
}
#app .wmd-home-budget-groups{
  display:grid;gap:10px;min-width:0;max-height:340px;
  overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;
  padding-right:5px;
}
#app .wmd-home-budget-group{min-width:0;display:grid;gap:3px}
#app .wmd-home-budget-group[hidden]{display:none!important}
#app .wmd-home-budget-group h4{
  position:sticky;z-index:1;top:0;margin:0!important;
  padding:9px 4px 6px;background:var(--hg-card);
  border-bottom:1px solid var(--hg-line);
  font-size:13px;color:var(--hg-accent);
}
#app .wmd-home-budget-item{
  display:flex;align-items:center;gap:9px;min-width:0;
  width:100%;min-height:48px;padding:8px 7px;
  border:1px solid transparent;border-radius:9px;
  color:var(--hg-text);background:transparent;cursor:pointer;
  text-align:left;font:inherit;
}
#app .wmd-home-budget-item[hidden]{display:none!important}
#app .wmd-home-budget-item:is(:hover,:focus-visible){
  border-color:var(--hg-accent);background:var(--hg-bg);
}
#app .wmd-home-budget-name{
  display:flex;gap:10px;align-items:center;min-width:0;flex:1;
}
#app .wmd-home-budget-name>span:first-child{font-size:19px}
#app .wmd-home-budget-name>span:last-child{
  display:grid;gap:3px;min-width:0;
}
#app .wmd-home-budget-name strong{font-size:13px;color:var(--hg-text)}
#app .wmd-home-budget-name small{font-size:11px;color:var(--hg-muted)}
#app .wmd-home-budget-item>b{
  font-size:13px;font-variant-numeric:tabular-nums;
}
#app .wmd-home-budget-item>span:last-child{color:var(--hg-accent)}
#app .wmd-home-budget-count{
  font-size:11px!important;color:var(--hg-muted);margin:0!important;
}

/* Same Money Map data as Cash Flow; show movements, not empty calendar dates. */
#app .wmd-home-runway{
  display:grid;gap:12px;min-width:0;padding:13px 0;
  border-top:1px solid var(--hg-line);
}
#app .wmd-home-runway-title{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:7px;
}
#app .wmd-home-runway-title strong{font-size:15px;font-weight:790;color:var(--hg-text)}
#app .wmd-home-runway-title small{font-size:11px;color:var(--hg-muted)}
#app .wmd-home-runway-months{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
  min-width:0;
}
#app .wmd-home-runway-month{
  display:grid;gap:5px;min-width:0;min-height:84px;
  padding:11px 10px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);
  color:var(--hg-text);cursor:pointer;text-align:left;
  font:inherit;
}
#app .wmd-home-runway-months button{
  display:grid;gap:5px;min-width:0;min-height:85px;
  padding:11px 10px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);color:var(--hg-text);
  cursor:pointer;text-align:left;
}
#app .wmd-home-runway-months button.is-active,
#app .wmd-home-runway-months button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);
  background:color-mix(in srgb,var(--hg-accent) 8%,var(--hg-bg));
}
#app .wmd-home-runway-months button.is-risk{
  border-color:#af6d78;
}
#app .wmd-home-runway-months button.is-risk strong{color:#f2a7b4}
#app .wmd-home-runway-months button>span{
  font-size:12px;font-weight:740;
}
#app .wmd-home-runway-months button>strong{
  font-size:clamp(14px,1.4vw,19px);
  font-weight:820;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-home-runway-months button>small{
  font-size:10.5px;color:var(--hg-muted);
}
#app .wmd-home-runway-content{min-width:0}
#app .wmd-home-runway-content[hidden]{display:none!important}
#app .wmd-home-map-warning,
#app .wmd-home-review-needed{
  margin:9px 0;padding:12px;
  border:1px solid var(--hg-line);
  border-radius:10px;background:var(--hg-bg);
  font-size:13px;line-height:1.5;color:var(--hg-text);
}
#app .wmd-home-map-warning{border-color:#c88b92;color:#f4c4c8}
#app .wmd-home-money-map{display:grid;gap:12px;min-width:0}
#app .wmd-home-money-map-scroll{
  min-width:0;max-width:100%;overflow-x:auto;
  overflow-y:hidden;overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) var(--hg-bg);
  border:1px solid var(--hg-line);border-radius:13px;
  background:var(--hg-bg);padding:8px 0 6px;box-sizing:border-box;
}
#app .wmd-home-money-map-track{min-width:max-content}
#app .wmd-home-money-map svg{
  display:block;overflow:visible;max-width:none!important;
}
#app .wmd-home-map-floor{
  stroke:#eea3b1;stroke-width:2;stroke-dasharray:6 6;opacity:.8;
}
#app .wmd-home-map-line{
  stroke:#8ecfff;stroke-width:3.3;stroke-linecap:round;
  stroke-linejoin:round;fill:none;
}
#app .wmd-home-money-map circle{
  fill:#142e45;stroke:#8ecfff;stroke-width:2.3;
}
#app .wmd-home-money-map circle.is-below{stroke:#ef9fac}
#app .wmd-home-map-dates{display:grid;gap:0;padding:0 20px}
#app .wmd-home-map-dates>button{
  min-height:68px;display:grid;place-items:center;gap:4px;
  margin:0 3px;padding:8px 2px;
  border:1px solid transparent;border-radius:9px;
  background:transparent;color:var(--hg-text);
  cursor:pointer;font:inherit;
}
#app .wmd-home-map-dates>button span{
  font-size:12px;font-weight:720;white-space:nowrap;
}
#app .wmd-home-map-dates>button strong{
  font-size:13px;font-weight:820;white-space:nowrap;
  font-variant-numeric:tabular-nums;
}
#app .wmd-home-map-dates>button small{
  font-size:10px;color:var(--hg-muted);
}
#app .wmd-home-map-dates>button.is-active,
#app .wmd-home-map-dates>button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg));
  border-color:var(--hg-accent);
}
#app .wmd-home-map-inspectors>div[hidden]{display:none!important}
#app .wmd-home-map-day-head{
  display:flex;justify-content:space-between;align-items:center;
  flex-wrap:wrap;gap:10px;
}
#app .wmd-home-map-day-head>span{display:grid;gap:4px}
#app .wmd-home-map-day-head b{font-size:13px;color:var(--hg-muted)}
#app .wmd-home-map-day-head strong{
  font-size:19px;font-weight:850;color:var(--hg-text);
  font-variant-numeric:tabular-nums;
}
#app .wmd-home-map-day-head>small{font-size:11px;color:var(--hg-muted)}
#app .wmd-home-map-day-head>small.is-risk{color:#f1a9b4}
#app .wmd-home-map-day-totals{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  padding:9px 0;color:var(--hg-muted);font-size:12px;
}
#app .wmd-home-map-day-totals b{color:var(--hg-text)}
#app .wmd-home-map-events{
  display:grid;gap:4px;max-height:230px;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) transparent;
  border:1px solid var(--hg-line);border-radius:12px;padding:6px;
}
#app .wmd-home-map-events>button{
  min-width:0;min-height:48px;
  display:flex;align-items:center;gap:9px;
  border:1px solid transparent;border-radius:9px;
  padding:8px 10px;background:transparent;color:var(--hg-text);
  cursor:pointer;text-align:left;font:inherit;
}
#app .wmd-home-map-events>button:is(:hover,:focus-visible){
  background:var(--hg-bg);border-color:var(--hg-accent);
}
#app .wmd-home-map-events>button>span:first-child{
  display:grid;gap:3px;min-width:0;flex:1 1 auto;
}
#app .wmd-home-map-events>button>span:first-child b{
  font-size:13px;font-weight:730;overflow-wrap:anywhere;
}
#app .wmd-home-map-events>button>span:first-child small{
  font-size:10px;color:var(--hg-muted);
}
#app .wmd-home-map-events>button>strong{
  font-size:13px;font-weight:790;font-variant-numeric:tabular-nums;
}
#app .wmd-home-map-events>button>span:last-child{font-size:16px;color:var(--hg-accent)}
#app .wmd-home-map-caption{
  margin:0!important;color:var(--hg-muted);
  font-size:11.5px;line-height:1.5;
}

/* Goals, debt, and retirement should communicate actual next decisions. */
#app .wmd-home-plan-overview{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;align-items:stretch;
}
#app .wmd-home-plan-panel{
  min-width:0;min-height:220px;
  display:flex;flex-direction:column;gap:9px;padding:16px;
  border:1px solid var(--hg-line);border-radius:14px;
  background:color-mix(in srgb,var(--hg-accent) 5%,var(--hg-card));
}
#app .wmd-home-plan-panel>span{
  color:var(--hg-accent);font-size:12px;font-weight:760;
}
#app .wmd-home-plan-panel>strong{
  color:var(--hg-text);font-size:clamp(16px,1.45vw,21px);
  line-height:1.3;overflow-wrap:anywhere;
}
#app .wmd-home-plan-panel>small,
#app .wmd-home-plan-panel>p{
  font-size:12px;line-height:1.5;color:var(--hg-muted);margin:0!important;
}
#app .wmd-home-plan-panel>p{flex:1}
#app .wmd-home-goal-progress{
  display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;
  font-size:12px;color:var(--hg-text);
}
#app .wmd-home-goal-progress b{color:var(--hg-accent)}
#app .wmd-home-milestone-track{
  background:var(--hg-bg);height:8px;border-radius:20px;overflow:hidden;
}
#app .wmd-home-milestone-track>i{
  display:block;height:100%;background:var(--hg-accent);border-radius:20px;
}
#app .wmd-home-plan-panel>button{
  appearance:none;width:100%;margin-top:auto;
  padding:9px 11px;min-height:42px;
  border:1px solid var(--hg-accent);border-radius:10px;
  background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg));
  color:var(--hg-accent);font-size:12px;font-weight:780;
  cursor:pointer;
}
#app .wmd-home-plan-panel>button:is(:hover,:focus-visible){
  background:var(--hg-bg);outline-offset:2px;
}
#app .wmd-home-plan-timeline{display:grid;gap:11px;min-width:0}
#app .wmd-home-plan-timeline>p,
#app .wmd-home-plan-timeline>small{
  color:var(--hg-muted);font-size:12px;line-height:1.5;margin:0!important;
}
#app .wmd-home-plan-timeline-scroll{
  display:grid;gap:0;max-height:370px;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) transparent;
  padding:2px 6px 3px 0;
}
#app .wmd-home-milestone{
  display:flex;align-items:center;gap:12px;
  width:100%;padding:14px 11px;min-height:68px;
  border:1px solid var(--hg-line);border-bottom:0;
  background:var(--hg-bg);color:var(--hg-text);
  text-align:left;font:inherit;cursor:pointer;
}
#app .wmd-home-milestone:first-child{border-radius:12px 12px 0 0}
#app .wmd-home-milestone:last-child{
  border-bottom:1px solid var(--hg-line);border-radius:0 0 12px 12px;
}
#app .wmd-home-milestone:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 9%,var(--hg-bg));
  border-color:var(--hg-accent);
}
#app .wmd-home-milestone-dot{
  width:30px;height:30px;display:grid;place-items:center;
  flex:0 0 30px;border-radius:50%;
  border:2px solid var(--hg-accent);color:var(--hg-accent);
  font-size:12px;font-style:normal;font-weight:780;
}
#app .wmd-home-milestone>span:nth-child(2){
  display:grid;gap:4px;min-width:0;flex:1;
}
#app .wmd-home-milestone>span small,
#app .wmd-home-milestone>span em{
  color:var(--hg-muted);font-size:11px;font-style:normal;
}
#app .wmd-home-milestone>span strong{font-size:14px}
#app .wmd-home-milestone>b{
  font-size:12px;font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#app .wmd-home-retirement-marker{
  display:flex;gap:12px;align-items:center;
  justify-content:space-between;flex-wrap:wrap;
  padding:13px 14px;background:var(--hg-bg);
  border:1px solid var(--hg-line);border-radius:12px;
}
#app .wmd-home-retirement-marker>span{display:grid;gap:5px}
#app .wmd-home-retirement-marker strong{font-size:13px;color:var(--hg-text)}
#app .wmd-home-retirement-marker small{font-size:12px;color:var(--hg-muted)}
#app .wmd-home-retirement-marker button{
  min-height:39px;padding:8px 10px;border:1px solid var(--hg-accent);
  border-radius:9px;color:var(--hg-accent);
  background:var(--hg-card);font-size:12px;cursor:pointer;
}

/* Global Budget search on the actual Budget page. Every result opens its
   existing row editor; search never edits, copies or imports an entry. */
#app .wmd-workspace--budget .wmd-budget-lookup{
  min-width:0;width:100%;box-sizing:border-box;display:grid;gap:10px;
  margin:12px 0 20px;padding:16px 18px;
  border:1px solid #3f5a74;border-radius:15px;
  background:#1a2d40;
}
#app .wmd-workspace--budget .wmd-budget-lookup>label{
  color:#c6d9e9;font-size:13px;
}
#app .wmd-workspace--budget .wmd-budget-lookup>label>input{
  background:#0f2234;color:#eef7fc;border-color:#476481;
  font-size:16px;
}
#app .wmd-budget-lookup-status{
  color:#bacbd8;font-size:11.5px;line-height:1.4;margin:0!important;
}
#app .wmd-budget-lookup-results{
  display:grid;gap:6px;max-height:310px;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;
  border-top:1px solid #45627c;padding-top:10px;
}
#app .wmd-budget-lookup-results[hidden]{display:none!important}
#app .wmd-budget-lookup-result{
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;min-height:44px;padding:10px 12px;
  border:1px solid #496781;border-radius:9px;
  background:#13283d;color:#e6f1fa;
  cursor:pointer;text-align:left;font:inherit;
}
#app .wmd-budget-lookup-result:hover,
#app .wmd-budget-lookup-result:focus-visible{
  border-color:#90d1ff;background:#21425f;outline-offset:2px;
}
#app .wmd-budget-lookup-result>span{font-size:13px;font-weight:720;min-width:0}
#app .wmd-budget-lookup-result>small{
  color:#c3d4e3;font-size:11px;flex:none;
}
@media(max-width:960px){
  #app .wmd-home-assets-layout{grid-template-columns:1fr;justify-items:center}
  #app .wmd-home-assets-side{width:100%}
  #app .wmd-home-plan-overview{grid-template-columns:1fr}
  #app .wmd-home-plan-panel{min-height:170px}
}
@media(max-width:760px){
  #app .wmd-workspace--home .wmd-hg-card{height:auto}
  #app .wmd-home-runway-months{
    grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  }
  #app .wmd-home-runway-months button{padding:9px 6px}
  #app .wmd-home-runway-months button strong{font-size:13px}
  #app .wmd-home-mix-caption{flex-wrap:wrap}
  #app .wmd-home-milestone>b{white-space:normal;text-align:right}
  #app .wmd-workspace--budget .wmd-budget-lookup{padding:13px}
}
@media(max-width:385px){
  #app .wmd-home-runway-months{
    display:flex;overflow-x:auto;scrollbar-width:thin;
  }
  #app .wmd-home-runway-months button{flex:0 0 112px}
  #app .wmd-home-plan-panel{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-home-assets-chart :is(path,circle[data-home-asset-slice]){transition:none}
}

/* Home Net Worth Accounts: prioritize real balances over an account-count KPI.
   Scope to this Accounts view; never alter the full Net Worth page or Budget. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-content{
  padding-top:4px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-scrolling-accounts{
  max-height:clamp(265px,50vh,500px);
  gap:15px;
  align-content:start;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) transparent;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-account-group h4{
  font-size:clamp(17px,1.5vw,20px)!important;
  font-weight:820;
  line-height:1.3;
  letter-spacing:-.015em;
  padding:10px 4px 8px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-scrolling-accounts .wmd-hg-row{
  min-height:44px;
  padding:8px 7px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-scrolling-accounts .wmd-hg-row strong{
  font-size:14px;
}
@media(max-width:540px){
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="accounts"] .wmd-hg-scrolling-accounts{
    max-height:min(60vh,430px);
  }
}

/* Signed-in Home Money Mix is the Budget page's own category renderer.
   Fit its active emoji rail, legend and editor into a resizable gadget. */
#app .wmd-workspace--home .wmd-home-budget-category-mix{
  display:block;width:100%;max-width:100%;min-width:0;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix>.money-mix.budget{
  width:100%!important;min-width:0!important;max-width:100%!important;
  margin:2px 0 6px!important;padding:clamp(12px,1.4vw,18px)!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .category-overview-head{
  align-items:flex-end!important;gap:10px 14px!important;min-width:0;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .category-overview-head>div{
  flex:1 1 155px!important;min-width:0!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .category-overview-head h3{
  font-size:clamp(23px,2.1vw,29px)!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .category-overview-head>strong{
  font-size:clamp(23px,2vw,29px)!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-rail-scroll{
  max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;
  scrollbar-width:thin!important;scrollbar-color:var(--hg-accent) transparent!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-rail-scroll::-webkit-scrollbar{
  display:block!important;height:6px!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-tooltip{
  background:var(--wmd-theme-panel,#192d40)!important;
  border:1px solid var(--wmd-theme-accent-soft,#a8d8f7)!important;
  color:var(--wmd-theme-text,#f2f8ff)!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-tooltip :is(
  .money-mix-tooltip-hint,.money-mix-tooltip-head>strong){
  color:var(--wmd-theme-accent-soft,#b7e1ff)!important;
}
#app[data-wmd-color-scheme="white"] .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-tooltip{
  background:#f8fbff!important;border-color:#7fb1d5!important;color:#17334b!important;
}
#app[data-wmd-color-scheme="white"] .wmd-workspace--home .wmd-home-budget-category-mix .money-mix-tooltip :is(
  .money-mix-tooltip-head>div>b,.money-mix-tooltip-lines li b){
  color:#17334b!important;
}
#app .wmd-workspace--home .wmd-home-budget-category-fallback{min-width:0;display:grid;gap:12px}

/* One Plan Progress renderer at every gadget size; percentages are not money. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress{
  display:grid;gap:13px;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress .wmd-hg-mini-headline>strong{
  font-size:clamp(29px,2.7vw,37px)!important;line-height:1.15!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress .wmd-hg-mini-headline>small{
  font-size:12px!important;line-height:1.45!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-list{
  display:grid;gap:9px;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-list .wmd-hg-mini-goal{
  min-height:42px!important;padding:6px 7px!important;box-sizing:border-box;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-list .wmd-hg-mini-goal>div:first-child{
  font-size:13px!important;line-height:1.4!important;gap:12px!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-list .wmd-hg-mini-goal>div:first-child>b{
  font-size:14px!important;font-variant-numeric:tabular-nums!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-list .wmd-hg-mini-gauge-rail{
  height:7px!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="goals"] .wmd-hg-plan-progress-note{
  margin:0!important;color:var(--hg-muted)!important;font-size:12px!important;line-height:1.5!important;
}

/* Home Plan Timeline: read-first milestone cards, clearly labeled progress.
   Presentation only. Never infer saved money from a retirement projection. */
#app .wmd-workspace--home .wmd-home-plan-timeline{
  display:grid;gap:16px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-plan-timeline .wmd-home-timeline-intro,
#app .wmd-workspace--home .wmd-home-plan-timeline .wmd-home-timeline-footnote{
  margin:0!important;
  font-size:14px!important;
  line-height:1.55;
  font-weight:520;
  color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-home-plan-timeline-scroll{
  display:grid;gap:11px;
  max-height:min(720px,75vh);
  overflow-y:auto;overscroll-behavior:contain;
  padding:2px 9px 5px 2px;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;
}
#app .wmd-workspace--home button.wmd-home-milestone{
  display:grid;grid-template-columns:42px minmax(0,1fr) minmax(148px,auto);
  align-items:center;gap:18px;
  width:100%;min-height:141px;
  padding:18px 20px;
  border:1px solid var(--hg-line)!important;
  border-radius:15px!important;
  background:var(--hg-bg);color:var(--hg-text);
  cursor:pointer;text-align:left;font:inherit;
  box-shadow:0 2px 0 rgba(0,0,0,.04);
  transition:background-color .15s ease,border-color .15s ease;
}
#app .wmd-workspace--home button.wmd-home-milestone:is(:hover,:focus-visible){
  border-color:var(--hg-accent)!important;
  background:color-mix(in srgb,var(--hg-accent) 8%,var(--hg-bg));
}
#app .wmd-workspace--home button.wmd-home-milestone:focus-visible{
  outline:2px solid var(--hg-accent)!important;
  outline-offset:2px;
}
#app .wmd-workspace--home .wmd-home-milestone-dot{
  display:grid;place-items:center;
  width:39px;height:39px;border-radius:50%;
  border:2px solid var(--hg-accent);
  color:var(--hg-accent);font-size:14px!important;
  font-weight:800;font-style:normal;
}
#app .wmd-workspace--home .wmd-home-milestone-main{
  display:grid;gap:10px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-milestone-topline{
  display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
}
#app .wmd-workspace--home .wmd-home-milestone-date{
  color:var(--hg-muted);font-size:14px!important;
  line-height:1.4;font-weight:700;
}
#app .wmd-workspace--home .wmd-home-milestone-status{
  display:inline-flex;align-items:center;gap:5px;
  padding:4px 9px;border:1px solid var(--hg-line);
  border-radius:999px;background:var(--hg-card);
  color:var(--hg-text);font-size:12px!important;
  font-weight:770;line-height:1.3;white-space:nowrap;
}
#app .wmd-workspace--home .wmd-home-milestone-status.is-on-track{
  border-color:#538ab1;color:#a8d9fa;
}
#app .wmd-workspace--home .wmd-home-milestone-status.is-attention{
  border-color:#ac6676;color:#f3b5bf;
}
#app .wmd-workspace--home .wmd-home-milestone-name{
  display:block;font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.3;font-weight:820!important;
  color:var(--hg-text);overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-milestone-progress-label{
  display:flex;justify-content:space-between;
  align-items:baseline;flex-wrap:wrap;gap:5px 12px;
  color:var(--hg-muted);
  font-size:13px!important;line-height:1.4;
}
#app .wmd-workspace--home .wmd-home-milestone-progress-label>strong{
  color:var(--hg-text);
  font-size:14px!important;font-weight:800;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-timeline-meter{
  position:relative;display:block;width:100%;height:11px;
  border-radius:999px;overflow:hidden;
  background:color-mix(in srgb,var(--hg-accent) 13%,var(--hg-bg));
  border:1px solid color-mix(in srgb,var(--hg-accent) 14%,var(--hg-line));
}
#app .wmd-workspace--home .wmd-home-timeline-meter-fill{
  display:block;height:100%;max-width:100%;
  border-radius:999px;background:#83c7f3;
}
#app .wmd-workspace--home .wmd-home-milestone.is-attention .wmd-home-timeline-meter-fill{
  background:#e89aaa;
}
#app .wmd-workspace--home .wmd-home-timeline-meter.is-retirement .wmd-home-timeline-meter-fill{
  background:#a5a2e4;
}
#app .wmd-workspace--home .wmd-home-timeline-meter.is-unavailable{
  background:repeating-linear-gradient(90deg,var(--hg-line) 0 8px,var(--hg-bg) 8px 14px);
}
#app .wmd-workspace--home .wmd-home-milestone-remaining{
  display:grid;justify-items:end;gap:5px;
  min-width:0;color:var(--hg-text);text-align:right;
}
#app .wmd-workspace--home .wmd-home-milestone-remaining>strong{
  display:block;font-size:clamp(17px,1.4vw,21px)!important;
  line-height:1.3;font-weight:840;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-milestone-remaining>small{
  font-size:13px!important;line-height:1.4;
  font-weight:630;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-home-milestone-remaining>span:last-child{
  color:var(--hg-accent);font-size:22px;line-height:1;
}
#app .wmd-workspace--home .wmd-home-timeline-empty{
  margin:0!important;padding:16px;
  border:1px solid var(--hg-line);border-radius:12px;
  color:var(--hg-muted);font-size:15px;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-retirement-marker{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:center;gap:15px;padding:18px 20px;
}
#app .wmd-workspace--home .wmd-home-retirement-info{
  display:grid;gap:10px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-retirement-info>strong{
  font-size:17px!important;line-height:1.4;font-weight:800;
  color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-retirement-amounts{
  display:flex;align-items:baseline;flex-wrap:wrap;
  gap:5px 9px;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-home-retirement-amounts>b{
  color:var(--hg-text);font-size:18px!important;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-retirement-amounts>small,
#app .wmd-workspace--home .wmd-home-retirement-info>small{
  font-size:13px!important;color:var(--hg-muted);
  line-height:1.45;
}
#app .wmd-workspace--home .wmd-home-retirement-marker>button{
  min-height:44px;min-width:154px;
  padding:10px 13px;
  border:1px solid var(--hg-accent);
  border-radius:10px;
  color:var(--hg-accent);background:var(--hg-card);
  font-size:14px!important;font-weight:780;
  cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-retirement-marker>button:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 9%,var(--hg-card));
  outline-offset:2px;
}
@media(max-width:740px){
  #app .wmd-workspace--home button.wmd-home-milestone{
    grid-template-columns:36px minmax(0,1fr);
    gap:12px;min-height:0;padding:16px 13px;
  }
  #app .wmd-workspace--home .wmd-home-milestone-dot{
    width:34px;height:34px;font-size:12px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining{
    grid-column:2;justify-self:start;
    display:flex;align-items:baseline;flex-wrap:wrap;
    gap:6px 9px;text-align:left;
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining>span:last-child{
    margin-left:auto;
  }
  #app .wmd-workspace--home .wmd-home-plan-timeline-scroll{
    max-height:min(640px,72vh);
    padding-right:5px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-marker{
    grid-template-columns:minmax(0,1fr);
    padding:15px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-marker>button{
    width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home button.wmd-home-milestone{
    transition:none;
  }
}


/* Home Goals: responsive to the GADGET's width, not only the window.
   On desktop a medium-sized gadget can be 360-500px wide while the browser
   is 1000px+. The old three-column cards squeezed their text into a narrow
   middle cell and let the progress meter spill into the next card. */
#app .wmd-workspace--home .wmd-home-plan-timeline-scroll{
  container-type:inline-size;
  container-name:home-goal-list;
  grid-auto-rows:max-content;
  align-content:start;
}
#app .wmd-workspace--home button.wmd-home-milestone{
  box-sizing:border-box;
  height:auto;
  min-height:max-content;
  overflow:visible;
  align-self:start;
}
#app .wmd-workspace--home .wmd-home-milestone-main,
#app .wmd-workspace--home .wmd-home-milestone-progress-label{
  min-width:0;
}
#app .wmd-workspace--home .wmd-home-timeline-meter{
  flex:none;
  box-sizing:border-box;
}
@container home-goal-list (max-width:600px){
  #app .wmd-workspace--home button.wmd-home-milestone{
    grid-template-columns:34px minmax(0,1fr);
    gap:10px 12px;
    padding:14px 13px;
    align-items:start;
  }
  #app .wmd-workspace--home .wmd-home-milestone-dot{
    grid-column:1;grid-row:1;
    width:32px;height:32px;
    align-self:center;
    font-size:12px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-main{
    grid-column:2;grid-row:1;
    gap:7px;align-self:start;
  }
  #app .wmd-workspace--home .wmd-home-milestone-topline{
    gap:5px 8px;
  }
  #app .wmd-workspace--home .wmd-home-milestone-date{
    font-size:12px!important;
    line-height:1.4;
  }
  #app .wmd-workspace--home .wmd-home-milestone-status{
    font-size:11px!important;
    padding:3px 8px;
  }
  #app .wmd-workspace--home .wmd-home-milestone-name{
    font-size:clamp(15px,1.3vw,18px)!important;
    line-height:1.3;
  }
  #app .wmd-workspace--home .wmd-home-milestone-progress-label{
    gap:3px 8px;
    font-size:12px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-progress-label>strong{
    font-size:12px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining{
    grid-column:2;grid-row:2;
    display:flex;flex-wrap:wrap;
    align-items:baseline;justify-self:stretch;justify-content:flex-start;
    gap:4px 8px;min-width:0;text-align:left;
    padding-top:4px;
    border-top:1px solid var(--hg-line);
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining>strong{
    font-size:16px!important;
    line-height:1.4;
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining>small{
    font-size:12px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-remaining>span:last-child{
    margin-left:auto;
  }
}
@container home-goal-list (max-width:340px){
  #app .wmd-workspace--home button.wmd-home-milestone{
    grid-template-columns:28px minmax(0,1fr);
    gap:9px;
    padding:11px 10px;
  }
  #app .wmd-workspace--home .wmd-home-milestone-dot{
    width:28px;height:28px;
    font-size:11px!important;
  }
  #app .wmd-workspace--home .wmd-home-milestone-main{
    gap:6px;
  }
}

/* No container query support: keep text in its own cell rather than clipped
   by the default three-column desktop layout. */
@supports not (container-type:inline-size){
  @media(max-width:1200px){
    #app .wmd-workspace--home button.wmd-home-milestone{
      grid-template-columns:34px minmax(0,1fr);
    }
    #app .wmd-workspace--home .wmd-home-milestone-remaining{
      grid-column:2;justify-self:start;
      display:flex;flex-wrap:wrap;gap:5px 9px;
      align-items:baseline;text-align:left;
    }
  }
}

/* Read-only conservative payday timing, separate from the blue day-end line. */
#app .wmd-home-map-posting-range{stroke:#f2acb7;stroke-width:2.7;stroke-dasharray:5 4;pointer-events:none}
#app .wmd-home-map-posting-dot{fill:#ffbfca;stroke:#8e4459;stroke-width:2.5;cursor:pointer}
#app .wmd-home-map-posting-breakdown{display:grid;gap:6px;padding:11px 13px;
  margin:10px 0;background:#302638;border:1px solid #915d70;border-radius:11px}
#app .wmd-home-map-posting-breakdown strong{color:#ffdee5;font-size:14px}
#app .wmd-home-map-posting-breakdown span{color:#d7e4ef;font-size:12px;line-height:1.55}
#app .mm-posting-notice{margin:8px 0 13px;padding:12px 14px;border-radius:11px;
  background:#2b2839;border:1px solid #8c5c70;color:#dce9f4;font-size:12px;line-height:1.55}
#app .mm-posting-notice strong{color:#ffdae4;font-size:14px}


/* Home Cash Flow > Your money today. Keep the detailed runway in Money Map. */
#app .wmd-workspace--home .wmd-home-today{
  display:grid;gap:11px;min-width:0;margin:3px 0 6px;
}
#app .wmd-workspace--home .wmd-home-today-summary{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  min-width:0;overflow:hidden;border:1px solid var(--hg-line);
  border-radius:13px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-home-today-balance{
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  min-width:0;padding:20px 22px;
}
#app .wmd-workspace--home .wmd-home-today-balance>span,
#app .wmd-workspace--home .wmd-home-today-facts>div>span{
  color:var(--hg-muted);font:730 13px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-today-balance>strong{
  color:var(--hg-text);font:830 clamp(28px,3.1vw,41px)/1.2 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-today-balance>small,
#app .wmd-workspace--home .wmd-home-today-facts>div>small{
  color:var(--hg-muted);font:550 12px/1.45 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-today-facts{
  display:grid;align-content:center;gap:14px;min-width:0;
  border-left:1px solid var(--hg-line);padding:16px 22px;
}
#app .wmd-workspace--home .wmd-home-today-facts>div{
  display:grid;gap:3px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-today-facts>div>strong{
  color:var(--hg-text);font:790 clamp(18px,1.9vw,25px)/1.25 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-today-alert{
  display:grid;gap:4px;margin:0;padding:12px 15px;
  border:1px solid #a46b79;border-left:3px solid #e39baa;
  border-radius:10px;background:color-mix(in srgb,#ae5266 12%,var(--hg-card));
}
#app .wmd-workspace--home .wmd-home-today-alert>strong{
  color:#f2b2be;font:760 13.5px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-today-alert>span{
  color:var(--hg-text);font:550 13px/1.5 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-today-note{
  margin:0!important;color:var(--hg-muted);
  font:550 12.5px/1.5 system-ui,sans-serif;
}
@media(max-width:680px){
  #app .wmd-workspace--home .wmd-home-today-summary{
    grid-template-columns:minmax(0,1fr);
  }
  #app .wmd-workspace--home .wmd-home-today-balance{padding:16px}
  #app .wmd-workspace--home .wmd-home-today-facts{
    border-left:0;border-top:1px solid var(--hg-line);
    padding:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  }
}
@media(max-width:410px){
  #app .wmd-workspace--home .wmd-home-today-facts{
    grid-template-columns:minmax(0,1fr);
  }
}

/* Home Budget allocation parity. One combined 100% income bar replaces three
   individually normalized progress bars; all shares match Budget's income basis.
   Keep the original category shortcuts and readable compact-card layout. */
#app .wmd-workspace--home .wmd-home-budget-added:has(.wmd-home-allocation){
  gap:8px;
}
#app .wmd-workspace--home .wmd-home-allocation{
  display:grid;gap:9px;min-width:0;
  --home-alloc-needs:#9ed8f6;
  --home-alloc-wants:#72a9dc;
  --home-alloc-savings:#ad9bce;
}
#app .wmd-workspace--home .wmd-home-allocation-coverage{
  display:flex;align-items:baseline;justify-content:space-between;gap:9px;flex-wrap:wrap;
  color:var(--hg-muted);font-size:12px;
}
#app .wmd-workspace--home .wmd-home-allocation-coverage strong{
  color:var(--hg-text);font-size:13px;font-weight:790;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-allocation-coverage small{
  color:var(--hg-muted);font-size:11px;
}
#app .wmd-workspace--home .wmd-home-allocation-bar{
  display:flex;align-items:stretch;justify-content:flex-start;
  width:100%;min-width:0;height:21px;overflow:hidden;gap:0;
  background:var(--hg-bg,#102233);border:1px solid var(--hg-line,#33506a);
  border-radius:999px;isolation:isolate;
}
#app .wmd-workspace--home .wmd-home-allocation-segment{
  position:relative;flex:0 0 auto;min-width:0;min-height:0;height:100%;
  padding:0!important;margin:0!important;border:0!important;
  border-radius:0!important;appearance:none;cursor:pointer;
  box-shadow:none!important;transition:filter .14s,box-shadow .14s;
}
#app .wmd-workspace--home .wmd-home-allocation-segment.is-needs{background:var(--home-alloc-needs)!important}
#app .wmd-workspace--home .wmd-home-allocation-segment.is-wants{background:var(--home-alloc-wants)!important}
#app .wmd-workspace--home .wmd-home-allocation-segment.is-savings{background:var(--home-alloc-savings)!important}
#app .wmd-workspace--home .wmd-home-allocation-segment+.wmd-home-allocation-segment{
  border-left:1px solid rgb(11 25 38 / .3)!important;
}
#app .wmd-workspace--home .wmd-home-allocation-segment:is(:hover,:focus-visible){
  filter:brightness(1.15);box-shadow:inset 0 0 0 2px white!important;z-index:1;
  outline:2px solid var(--hg-text,#fff);outline-offset:-2px;
}
#app .wmd-workspace--home .wmd-home-allocation-gap{
  flex:0 0 auto;height:100%;background:var(--hg-bg,#102233);
}
#app .wmd-workspace--home .wmd-home-allocation-no-income{
  display:grid;place-items:center;width:100%;font-size:11px;
  color:var(--hg-muted);padding:0 7px;text-align:center;
}
#app .wmd-workspace--home .wmd-home-allocation-legend{
  display:grid;grid-template-columns:minmax(0,1fr);gap:5px;
  container-type:inline-size; /* Respond to gadget width, not just the phone viewport. */
}
#app .wmd-workspace--home button.wmd-home-allocation-item{
  appearance:none;display:grid;
  grid-template-columns:minmax(0,1fr) max-content minmax(56px,max-content);
  align-items:center;gap:10px;width:100%;min-width:0;min-height:55px;
  margin:0;padding:10px 8px;border:1px solid transparent;border-radius:9px;
  text-align:left;background:transparent;color:var(--hg-text);
  cursor:pointer;font:inherit;
}
#app .wmd-workspace--home .wmd-home-allocation-item:is(:hover,:focus-visible){
  background:color-mix(in srgb,var(--hg-accent) 9%,var(--hg-bg));
  border-color:var(--hg-accent);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-home-allocation-name{
  display:flex;align-items:center;gap:8px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-allocation-name i{
  display:block;flex:none;width:10px;height:10px;border-radius:3px;
  background:var(--home-alloc-needs);
}
#app .wmd-workspace--home .wmd-home-allocation-item.is-wants .wmd-home-allocation-name i{
  background:var(--home-alloc-wants);
}
#app .wmd-workspace--home .wmd-home-allocation-item.is-savings .wmd-home-allocation-name i{
  background:var(--home-alloc-savings);
}
#app .wmd-workspace--home .wmd-home-allocation-name b{
  font-size:16px;font-weight:775;
  min-width:0;overflow-wrap:anywhere;line-height:1.4;
}
#app .wmd-workspace--home .wmd-home-allocation-item>strong{
  font-size:18px;line-height:1.3;font-weight:835;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app .wmd-workspace--home .wmd-home-allocation-item>em{
  color:var(--hg-text);font-size:15px;line-height:1.3;font-style:normal;
  font-weight:755;text-align:right;font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
#app .wmd-workspace--home .wmd-home-allocation-remainder,
#app .wmd-workspace--home .wmd-home-allocation-warning{
  margin:0;color:var(--hg-muted);font-size:11.5px;line-height:1.45;
}
#app .wmd-workspace--home .wmd-home-allocation-warning{color:#e8b4b5}
/* Narrow widgets use a two-column layout. Amount and percentage get
   separate lines so Savings / investing never collides with its figures. */
@container (max-width:375px){
  #app .wmd-workspace--home button.wmd-home-allocation-item{
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-rows:auto auto;
    column-gap:10px;row-gap:2px;
    min-height:65px;padding:10px 7px;
  }
  #app .wmd-workspace--home .wmd-home-allocation-name{
    grid-column:1;grid-row:1 / span 2;align-self:center;
  }
  #app .wmd-workspace--home .wmd-home-allocation-item>strong{
    grid-column:2;grid-row:1;text-align:right;
  }
  #app .wmd-workspace--home .wmd-home-allocation-item>em{
    grid-column:2;grid-row:2;text-align:right;
  }
}
@media(max-width:430px){
  #app .wmd-workspace--home button.wmd-home-allocation-item{gap:7px;padding-inline:6px}
  #app .wmd-workspace--home .wmd-home-allocation-name{gap:6px}
  #app .wmd-workspace--home .wmd-home-allocation-name b{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-home-allocation-segment{transition:none}
}


/* Home Plan Debt Paydown: usable in a small card or a full-width Home gadget. */
#app .wmd-hg-plan-debt{display:grid;gap:12px;min-width:0;color:var(--hg-text)}
#app .wmd-hg-plan-debt>strong{font-size:17px;line-height:1.35}
#app .wmd-hg-plan-debt>p{font-size:12px;line-height:1.55;margin:0;color:var(--hg-muted)}
#app .wmd-hg-plan-debt-total{display:grid;gap:4px;padding:13px 15px;border-radius:13px;
  border:1px solid var(--hg-line);background:var(--hg-bg)}
#app .wmd-hg-plan-debt-total>span{color:var(--hg-muted);font-size:12px;font-weight:720}
#app .wmd-hg-plan-debt-total>strong{color:var(--hg-text);font-size:clamp(22px,2.5vw,33px);
  line-height:1.18;font-variant-numeric:tabular-nums}
#app .wmd-hg-plan-debt-total>small{color:var(--hg-muted);font-size:11px}
#app .wmd-hg-plan-debt>p strong{color:var(--hg-text);font-variant-numeric:tabular-nums}
#app .wmd-hg-plan-debt-options{border:1px solid var(--hg-line);background:var(--hg-card);
  border-radius:12px;overflow:hidden;min-width:0}
#app .wmd-hg-plan-debt-options>summary{cursor:pointer;padding:12px 14px;font-size:13px;
  font-weight:780;color:var(--hg-text)}
#app .wmd-hg-plan-debt-options>summary:focus-visible{outline:2px solid var(--hg-accent);outline-offset:-2px}
#app .wmd-hg-plan-debt-options[open]>summary{border-bottom:1px solid var(--hg-line)}
#app .wmd-hg-plan-debt-options>p{margin:9px 12px!important;font-size:12px!important;
  color:var(--hg-text)!important;line-height:1.5}
#app .wmd-hg-plan-debt-options>small{display:block;margin:0 12px 12px;
  color:var(--hg-muted);font-size:11px;line-height:1.45}
#app .wmd-hg-plan-debt-rows{display:grid;gap:6px;min-width:0;max-height:min(360px,43dvh);
  overflow-y:auto;scrollbar-width:thin}
#app .wmd-hg-plan-debt-row{display:flex;justify-content:space-between;align-items:center;
  gap:10px;width:100%;min-width:0;min-height:56px;padding:10px 13px;
  border:1px solid var(--hg-line);border-radius:11px;background:var(--hg-card);
  text-align:left;color:var(--hg-text)}
#app button.wmd-hg-plan-debt-row{cursor:pointer}
#app button.wmd-hg-plan-debt-row:is(:hover,:focus-visible){border-color:var(--hg-accent);
  outline:2px solid var(--hg-accent);outline-offset:1px}
#app .wmd-hg-plan-debt-row>span{display:grid;gap:3px;min-width:0;flex:1 1 auto}
#app .wmd-hg-plan-debt-row strong{font-size:13.5px;overflow-wrap:anywhere}
#app .wmd-hg-plan-debt-row small{color:var(--hg-muted);font-size:11px;line-height:1.4}
#app .wmd-hg-plan-debt-row>b{font-size:14.5px;flex:none;white-space:nowrap;
  font-variant-numeric:tabular-nums}
#app .wmd-hg-plan-debt-link,
#app .wmd-hg-plan-debt>button[data-gadget-shortcut="plan-debt"]{
  width:100%;min-height:42px;border-radius:10px;border:1px solid var(--hg-accent);
  padding:10px 13px;background:var(--hg-card);color:var(--hg-accent);
  font-size:13px;font-weight:750;cursor:pointer}
#app .wmd-hg-plan-debt-link:is(:hover,:focus-visible){outline:2px solid var(--hg-accent)}
@media(max-width:520px){
  #app .wmd-hg-plan-debt-row{flex-wrap:wrap}
  #app .wmd-hg-plan-debt-row>b{margin-left:auto}
}

/* Home cash safety is a primary reading experience, not a tiny caption. */
#app .wmd-workspace--home .wmd-home-today-alert{padding:16px 18px;gap:9px;border-left-width:4px}
#app .wmd-workspace--home .wmd-home-today-alert>strong{font:790 clamp(16px,1.5vw,18px)/1.45 system-ui,sans-serif;color:#f5c4ce}
#app .wmd-workspace--home .wmd-home-today-alert>span{display:block;font:590 clamp(14.5px,1.3vw,16px)/1.6 system-ui,sans-serif;color:var(--hg-text)}
#app .wmd-workspace--home .wmd-home-today-risk-detail{padding-top:9px;border-top:1px solid var(--hg-line)}
#app .wmd-workspace--home .wmd-home-today-note{font-size:13.5px;line-height:1.55}
#app .wmd-workspace--home .wmd-home-today-payday-close{padding-top:10px;border-top:1px solid var(--hg-line)}
#app .wmd-workspace--home .wmd-home-today-balance [hidden]{display:none!important}
#app .wmd-workspace--home .wmd-home-today-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%;width:fit-content;margin:0 0 0 -4px;padding:3px 4px;text-align:left;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--hg-text);cursor:pointer}
#app .wmd-workspace--home .wmd-home-today-edit>strong{font:830 clamp(28px,3.1vw,41px)/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.035em;overflow-wrap:anywhere}
#app .wmd-workspace--home .wmd-home-today-edit>span,#app .wmd-workspace--home .wmd-home-today-edit>small{color:var(--hg-accent);font:780 13px/1.4 system-ui,sans-serif}
#app .wmd-workspace--home .wmd-home-today-edit:is(:hover,:focus-visible){background:color-mix(in srgb,var(--hg-accent) 9%,transparent);border-color:var(--hg-accent);outline-offset:2px}
#app .wmd-workspace--home [data-home-checking-form]{display:grid;gap:10px;min-width:0}
#app .wmd-workspace--home [data-home-checking-form]>label{display:grid;gap:7px;color:var(--hg-muted);font:700 13px/1.4 system-ui,sans-serif}
#app .wmd-workspace--home .wmd-home-checking-field{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box;padding:0 12px;min-height:48px;border:1px solid var(--hg-line);border-radius:10px;background:var(--hg-card);color:var(--hg-text)}
#app .wmd-workspace--home .wmd-home-checking-field:focus-within{outline:2px solid var(--hg-accent);outline-offset:1px}
#app .wmd-workspace--home .wmd-home-checking-field>input{width:100%;min-width:0;min-height:45px;border:0;outline:0;background:transparent;color:var(--hg-text);font:780 21px/1.35 system-ui,sans-serif;font-variant-numeric:tabular-nums}
#app .wmd-workspace--home [data-home-checking-form]>small{font:560 12px/1.55 system-ui,sans-serif;color:var(--hg-muted)}
#app .wmd-workspace--home .wmd-home-checking-actions{display:flex;gap:8px;flex-wrap:wrap}
#app .wmd-workspace--home .wmd-home-checking-actions>button{min-height:44px;padding:9px 13px;border-radius:9px;border:1px solid var(--hg-line);background:var(--hg-card);color:var(--hg-text);font:750 13px/1.4 system-ui,sans-serif;cursor:pointer}
#app .wmd-workspace--home .wmd-home-checking-actions>button[type=submit]{background:var(--hg-accent);border-color:var(--hg-accent);color:var(--hg-bg)}
#app .wmd-workspace--home .wmd-home-checking-error{margin:0!important;font:680 13px/1.5 system-ui,sans-serif;color:#f2a4b3}
@media(max-width:700px){#app .wmd-workspace--home .wmd-home-today-alert>span{font-size:15px!important}}


/* Home Net Worth Overview: let Assets and Debts be readable at a glance.
   Only this gadget's Overview changes, not Net Worth accounting, Budget
   figures, other Home cards or the main Net Worth hero. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact .wmd-hg-mini-two > .wmd-hg-mini-row{
  min-height:68px;
  gap:7px;
  padding:10px 12px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact .wmd-hg-mini-two > .wmd-hg-mini-row > span{
  font-size:16px;
  line-height:1.35;
  font-weight:730;
  white-space:normal;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact .wmd-hg-mini-two > .wmd-hg-mini-row > strong{
  font-size:22px;
  line-height:1.22;
  font-weight:830;
  letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > .wmd-hg-metric > small{
  font-size:16px;
  line-height:1.35;
  font-weight:730;
}
@media(max-width:390px){
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact .wmd-hg-mini-two > .wmd-hg-mini-row{
    padding:9px 8px;
    min-height:65px;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact .wmd-hg-mini-two > .wmd-hg-mini-row > strong{
    font-size:19px;
  }
}


/* Unknown same-day posting order is a discoverable scenario, never a second
   forecast headline or a presumed bank behavior. */
#app .wmd-hg-payday-scenario,
#app .wmd-home-today-timing{
  min-width:0;width:100%;border:1px solid var(--hg-line);
  border-radius:10px;padding:9px 11px;background:var(--hg-bg);
  box-sizing:border-box;
}
#app :is(.wmd-hg-payday-scenario,.wmd-home-today-timing)>summary{
  cursor:pointer;color:var(--hg-accent);font-size:13px;
  font-weight:750;line-height:1.5;
}
#app :is(.wmd-hg-payday-scenario,.wmd-home-today-timing)>p{
  color:var(--hg-text);font-size:12.5px;line-height:1.55;
  margin:8px 0 0;overflow-wrap:anywhere;
}
#app .money-map details.mm-posting-notice{
  border:1px solid var(--hg-line);background:var(--hg-bg);
  padding:10px 13px;margin:8px 0 12px;border-radius:10px;
  color:var(--hg-text);
}
#app .money-map details.mm-posting-notice>summary{
  cursor:pointer;color:var(--hg-accent);
  font-size:13px;font-weight:760;line-height:1.5;
}
#app .money-map details.mm-posting-notice>p{
  color:var(--hg-text);font-size:12.5px;line-height:1.6;margin:8px 0 0;
}
#app .money-map details.mm-posting-notice>p>strong{
  color:var(--hg-text);font-size:inherit;
}
#app .wmd-home-map-posting-breakdown{
  display:block;background:var(--hg-bg);
  border:1px solid var(--hg-line);padding:0;
  border-radius:10px;overflow:hidden;
}
#app .wmd-home-map-posting-breakdown>summary{
  padding:10px 13px;cursor:pointer;color:var(--hg-accent);
  font-size:13.5px;font-weight:740;line-height:1.5;
}
#app .wmd-home-map-posting-breakdown>div{
  padding:0 13px 12px;color:var(--hg-text);
  font-size:13px;line-height:1.55;
}
#app .wmd-home-map-posting-breakdown>div>strong{
  color:var(--hg-text);font-size:inherit;
}
#app .wmd-home-map-posting-dot{
  fill:var(--hg-bg);stroke:var(--hg-muted);
  stroke-width:2;opacity:.8;
}
#app .wmd-home-map-posting-range{
  stroke:var(--hg-muted);stroke-width:2;
  stroke-dasharray:5 5;opacity:.65;
}
#app :is(.wmd-hg-payday-scenario,.wmd-home-today-timing,.wmd-home-map-posting-breakdown,details.mm-posting-notice)>summary:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}

/* Home Net Worth overview: asset and liability totals navigate to the real page.
   Keep Net Worth visually dominant and show every asset category in a scroll area. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > button.wmd-hg-nw-linked-metric{
  appearance:none;box-sizing:border-box;width:100%;min-width:0;min-height:83px;
  display:grid;align-content:center;justify-items:start;gap:5px;
  padding:12px 13px;border:1px solid var(--hg-line);border-radius:11px;
  background:var(--hg-bg);color:var(--hg-text);text-align:left;
  font:inherit;cursor:pointer;transition:background-color .16s,border-color .16s,box-shadow .16s;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > button.wmd-hg-nw-linked-metric > small{
  font-size:14px!important;line-height:1.35;font-weight:730;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > button.wmd-hg-nw-linked-metric > strong{
  font-size:clamp(24px,2.3vw,31px)!important;line-height:1.13;
  letter-spacing:-.03em;font-weight:820;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail > .wmd-hg-metric > strong{
  font-size:clamp(35px,3.5vw,46px)!important;line-height:1.09;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-linked-metric.is-assets:is(:hover,:focus-visible),
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact [data-gadget-shortcut="nw-assets"]:is(:hover,:focus-visible){
  border-color:#8ccdf8!important;
  background:color-mix(in srgb,#96d4ff 16%,var(--hg-bg))!important;
  box-shadow:inset 0 0 0 1px rgba(140,205,248,.23)!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-linked-metric.is-liabilities:is(:hover,:focus-visible),
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-compact [data-gadget-shortcut="nw-debts"]:is(:hover,:focus-visible){
  border-color:#df96a0!important;
  background:color-mix(in srgb,#f4a1ad 14%,var(--hg-bg))!important;
  box-shadow:inset 0 0 0 1px rgba(217,145,155,.2)!important;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-linked-metric.is-assets:is(:hover,:focus-visible) > small{color:#a9dcff!important}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-linked-metric.is-liabilities:is(:hover,:focus-visible) > small{color:#f2b2bc!important}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] :is(.wmd-hg-nw-linked-metric,.wmd-hg-compact [data-gadget-shortcut="nw-assets"],.wmd-hg-compact [data-gadget-shortcut="nw-debts"]):focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-overview-rows{
  min-width:0;max-height:230px;overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;padding-right:7px;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-nw-overview-rows .wmd-hg-row{
  min-height:39px;padding:8px 5px;
}
@media(max-width:390px){
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > button.wmd-hg-nw-linked-metric{
    min-height:75px;padding:9px;
  }
  #app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"] .wmd-hg-detail .wmd-hg-paired > button.wmd-hg-nw-linked-metric > strong{
    font-size:clamp(19px,5.5vw,23px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-hg-nw-linked-metric{transition:none!important}
}

/* Projected checking differs from spendable cash after reserved card dues.
   The extra number sits under its own heading, never replaces the forecast. */
#app .wmd-home-runway-months .wmd-home-runway-available{
  display:block;margin:4px 0 0;padding-top:6px;
  border-top:1px solid var(--hg-line,#42617d);
  font-size:11px;line-height:1.45;
  color:var(--hg-muted,#b9d1e3);overflow-wrap:anywhere;
}
#app .wmd-home-runway-months .wmd-home-runway-available b{
  color:var(--hg-text,#edf6ff);font-size:12px;font-weight:810;
}

}
/* home-investor-pulse.css */
@media screen {
/* Home Investments: information-rich, evidence-aware investor pulse.
   Scoped to signed-in dashboard cards; no public landing or product changes. */
#app .wmd-workspace--home .wmd-home-invest{
  display:grid;gap:14px;min-width:0;color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-invest-hero{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:14px;flex-wrap:wrap;padding:5px 2px 11px;
  border-bottom:1px solid var(--hg-line);
}
#app .wmd-workspace--home .wmd-home-invest-hero>div{
  display:grid;gap:5px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-invest-hero>div>span{
  color:var(--hg-muted);font-size:11px;letter-spacing:.075em;
  font-weight:800;
}
#app .wmd-workspace--home .wmd-home-invest-hero strong{
  font-size:clamp(26px,3vw,40px);font-weight:850;line-height:1.15;
  font-variant-numeric:tabular-nums;letter-spacing:-.035em;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-invest-hero small,
#app .wmd-workspace--home .wmd-home-invest-hero p{
  margin:0!important;color:var(--hg-muted);
  font-size:12px;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-invest-stats{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#app .wmd-workspace--home .wmd-home-invest-stat{
  display:grid;align-content:start;gap:7px;min-width:0;
  padding:12px 13px;border:1px solid var(--hg-line);
  border-radius:11px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-home-invest-stat>small{
  color:var(--hg-muted);font-size:12px;font-weight:740;
}
#app .wmd-workspace--home .wmd-home-invest-stat>strong{
  color:var(--hg-text);font-size:clamp(17px,1.9vw,24px);
  font-weight:850;line-height:1.2;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-invest-stat.is-loss>strong{
  color:#ffb1bd;
}
#app .wmd-workspace--home .wmd-home-invest-stat.is-gain>strong{
  color:var(--hg-accent);
}
#app .wmd-workspace--home .wmd-home-invest-stat>span{
  color:var(--hg-muted);font-size:11.5px;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-invest-coverage{
  display:grid;gap:8px;padding:13px;border:1px solid var(--hg-line);
  border-radius:12px;background:var(--hg-bg);min-width:0;
}
#app .wmd-workspace--home .wmd-home-invest-coverage>div:first-child{
  display:flex;justify-content:space-between;gap:10px;align-items:center;
}
#app .wmd-workspace--home .wmd-home-invest-coverage strong{
  font-size:14px;font-weight:800;color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-invest-coverage>div>span{
  color:var(--hg-accent);font-variant-numeric:tabular-nums;font-weight:830;
  font-size:17px;
}
#app .wmd-workspace--home .wmd-home-invest-coverage>p,
#app .wmd-workspace--home .wmd-home-invest-note,
#app .wmd-workspace--home .wmd-home-invest-empty{
  margin:0!important;color:var(--hg-muted);font-size:12.5px;line-height:1.6;
}
#app .wmd-workspace--home .wmd-home-invest-coverage.is-mismatch{
  border-color:#ce8994;
}
#app .wmd-workspace--home .wmd-home-invest-coverage.is-mismatch>p{
  color:#f1bfca;
}
#app .wmd-workspace--home .wmd-home-invest-track{
  display:block;height:9px;overflow:hidden;min-width:0;
  border-radius:99px;background:var(--hg-line);
}
#app .wmd-workspace--home .wmd-home-invest-track>i{
  display:block;height:100%;border-radius:99px;background:var(--hg-accent);
}
#app .wmd-workspace--home .wmd-home-invest-coverage>button,
#app .wmd-workspace--home .wmd-home-invest-actions>button{
  appearance:none;min-height:39px;padding:9px 12px;
  border:1px solid var(--hg-accent);border-radius:9px;
  color:var(--hg-accent);background:transparent;
  cursor:pointer;font-size:13px;font-weight:770;
}
#app .wmd-workspace--home .wmd-home-invest-section-head{
  display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:6px 12px;margin:2px 0 0;
}
#app .wmd-workspace--home .wmd-home-invest-section-head>strong{
  font-size:15px;color:var(--hg-text);font-weight:830;
}
#app .wmd-workspace--home .wmd-home-invest-section-head>small{
  font-size:11.5px;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-home-invest-holdings{
  display:grid;gap:4px;max-height:470px;overflow:auto;min-width:0;
  overscroll-behavior:contain;scrollbar-width:thin;
}
#app .wmd-workspace--home .wmd-home-invest-holding{
  display:grid;grid-template-columns:22px minmax(0,1fr) minmax(88px,auto);
  align-items:center;gap:10px;min-width:0;min-height:68px;
  width:100%;padding:10px;
  appearance:none;border:1px solid transparent;border-bottom-color:var(--hg-line);
  border-radius:8px;background:transparent;color:var(--hg-text);
  text-align:left;cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-invest-holding:hover,
#app .wmd-workspace--home .wmd-home-invest-movers>button:hover{
  background:var(--hg-bg);border-color:var(--hg-accent);
}
#app .wmd-workspace--home .wmd-home-invest-rank{
  color:var(--hg-muted);font-size:12px;font-weight:800;
}
#app .wmd-workspace--home .wmd-home-invest-holding-main{
  display:grid;gap:6px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-invest-holding-main>strong{
  font-size:14.5px;font-weight:825;min-width:0;
  white-space:nowrap;text-overflow:ellipsis;overflow:hidden;
}
#app .wmd-workspace--home .wmd-home-invest-holding-main>small,
#app .wmd-workspace--home .wmd-home-invest-holding-end>em{
  color:var(--hg-muted);font-size:11.5px;font-style:normal;
}
#app .wmd-workspace--home .wmd-home-invest-holding-track{
  display:block;overflow:hidden;height:7px;border-radius:99px;
  background:var(--hg-line);
}
#app .wmd-workspace--home .wmd-home-invest-holding-track>i{
  height:100%;display:block;border-radius:99px;background:var(--hg-accent);
}
#app .wmd-workspace--home .wmd-home-invest-holding-end{
  display:grid;gap:5px;text-align:right;justify-items:end;
}
#app .wmd-workspace--home .wmd-home-invest-holding-end>b{
  font-size:14px;font-weight:830;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-invest-holding-end>em{
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-invest-actions{
  display:flex;flex-wrap:wrap;gap:8px;
}
#app .wmd-workspace--home .wmd-home-invest-actions>button{
  flex:1 1 145px;
}
#app .wmd-workspace--home .wmd-home-invest-buckets{
  display:grid;gap:6px;max-height:210px;overflow:auto;
}
#app .wmd-workspace--home .wmd-home-invest-buckets>div{
  display:grid;grid-template-columns:minmax(0,1fr) auto 54px;gap:9px;
  align-items:center;padding:9px;border:1px solid var(--hg-line);
  border-radius:9px;
}
#app .wmd-workspace--home .wmd-home-invest-buckets span{
  font-size:12.5px;font-weight:750;overflow:hidden;text-overflow:ellipsis;
}
#app .wmd-workspace--home .wmd-home-invest-buckets strong{
  font-size:13px;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-invest-buckets em{
  font-size:12px;text-align:right;color:var(--hg-accent);font-style:normal;
}
#app .wmd-workspace--home .wmd-home-invest-session{
  display:grid;gap:12px;
}
#app .wmd-workspace--home .wmd-home-invest-session-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;
}
#app .wmd-workspace--home .wmd-home-invest-session>p{
  color:var(--hg-muted);font-size:12px;margin:0!important;line-height:1.6;
}
#app .wmd-workspace--home .wmd-home-invest-movers{
  display:grid;gap:4px;
}
#app .wmd-workspace--home .wmd-home-invest-movers>button{
  display:flex;justify-content:space-between;align-items:center;gap:8px;
  padding:10px 9px;min-height:42px;border:1px solid var(--hg-line);
  color:var(--hg-text);background:transparent;border-radius:8px;
  font-size:13px;cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-invest-periods{
  display:flex;gap:7px;flex-wrap:wrap;
}
#app .wmd-workspace--home .wmd-home-invest-periods>button{
  appearance:none;min-height:38px;padding:8px 14px;border:1px solid var(--hg-line);
  background:var(--hg-bg);color:var(--hg-text);font:750 12px system-ui,sans-serif;
  cursor:pointer;border-radius:9px;
}
#app .wmd-workspace--home .wmd-home-invest-periods>button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--hg-accent) 15%,var(--hg-bg));
  border-color:var(--hg-accent);color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-invest-period[hidden]{display:none!important}
#app .wmd-workspace--home .wmd-home-invest-period{
  display:grid;gap:10px;padding:11px 10px;min-width:0;
  border:1px solid var(--hg-line);border-radius:11px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-home-invest-line{
  width:100%;height:auto;min-height:130px;max-height:185px;
  display:block;color:var(--hg-accent);overflow:visible;
}
#app .wmd-workspace--home .wmd-home-invest-path{
  stroke:currentColor;stroke-width:3.5;fill:none;
}
#app .wmd-workspace--home .wmd-home-invest-baseline{
  stroke:var(--hg-line);stroke-width:1.5;fill:none;
}
#app .wmd-workspace--home .wmd-home-invest-period-values{
  display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;
}
#app .wmd-workspace--home .wmd-home-invest-period-values>span{
  font-size:11.5px;color:var(--hg-muted);font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-invest-return{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;gap:5px 12px;
  border-top:1px solid var(--hg-line);padding-top:9px;
}
#app .wmd-workspace--home .wmd-home-invest-return>small{
  color:var(--hg-muted);font-size:12px;font-weight:720;
}
#app .wmd-workspace--home .wmd-home-invest-return>strong{
  color:var(--hg-accent);font-size:22px;font-weight:830;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-invest-return>span{
  grid-column:1/-1;color:var(--hg-muted);font-size:11.5px;
}
#app .wmd-workspace--home .wmd-home-invest button:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-hg-card.size-compact .wmd-home-invest-stats{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
#app .wmd-workspace--home .wmd-hg-card.size-compact .wmd-home-invest-stat{
  padding:10px;
}
#app .wmd-workspace--home .wmd-hg-card.size-compact .wmd-home-invest-stat>strong{
  font-size:17px;
}
@media(min-width:1050px){
  #app .wmd-workspace--home .wmd-hg-card.size-wide .wmd-home-invest-stats,
  #app .wmd-workspace--home .wmd-hg-card.size-full .wmd-home-invest-stats{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}
@media(max-width:660px){
  #app .wmd-workspace--home .wmd-home-invest-holding{
    grid-template-columns:18px minmax(0,1fr);
  }
  #app .wmd-workspace--home .wmd-home-invest-holding-end{
    grid-column:2;text-align:left;justify-items:start;
    grid-template-columns:1fr auto;align-items:center;width:100%;
  }
  #app .wmd-workspace--home .wmd-home-invest-stat>strong{
    font-size:clamp(16px,5vw,22px);
  }
}
@media(max-width:390px){
  #app .wmd-workspace--home .wmd-home-invest-stats,
  #app .wmd-workspace--home .wmd-home-invest-session-metrics{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-home-invest *{transition:none!important}
}
}
/* home-retirement-chart.css */
@media screen {
/* Home Retirement projection (shared Plan simulation + exact Plan SVG renderer).
 * Only this Home view is affected. Blue/purple UI, no green or new financial math.
 */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="plan"][data-gadget-current-view="retirement"] .wmd-hg-content{
  min-height:0;
}
#app .wmd-workspace--home .wmd-home-retirement-chart{
  display:grid;gap:14px;width:100%;min-width:0;
  color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-retirement-heading{
  display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:12px;
}
#app .wmd-workspace--home .wmd-home-retirement-heading h4{
  margin:0;color:var(--hg-text);
  font-size:clamp(17px,1.6vw,21px);font-weight:810;line-height:1.3;
}
#app .wmd-workspace--home .wmd-home-retirement-heading p{
  margin:4px 0 0!important;font-size:12px;line-height:1.45;
  color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-home-retirement-toggle{
  display:flex;gap:4px;flex-wrap:nowrap;
  padding:4px;background:var(--hg-bg);
  border:1px solid var(--hg-line);border-radius:12px;
}
#app .wmd-workspace--home .wmd-home-retirement-toggle button{
  appearance:none;min-height:39px;min-width:112px;
  padding:8px 12px;background:transparent;
  border:1px solid transparent;border-radius:9px;
  color:var(--hg-muted);font-size:13px;font-weight:700;line-height:1.3;
  font-family:inherit;cursor:pointer;white-space:nowrap;
}
#app .wmd-workspace--home .wmd-home-retirement-toggle button.is-active,
#app .wmd-workspace--home .wmd-home-retirement-toggle button[aria-pressed="true"]{
  border-color:color-mix(in srgb,var(--hg-accent) 65%,var(--hg-line));
  color:var(--hg-text);background:color-mix(in srgb,var(--hg-accent) 17%,var(--hg-bg));
}
#app .wmd-workspace--home .wmd-home-retirement-toggle button:hover{
  color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-home-retirement-toggle button:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-home-retirement-basis-panel{
  display:grid;gap:12px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-retirement-basis-panel[hidden]{
  display:none!important;
}
#app .wmd-workspace--home .wmd-home-retirement-kpis{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;
}
#app .wmd-workspace--home .wmd-home-retirement-kpis>div{
  display:grid;align-content:start;gap:5px;min-width:0;
  padding:12px 14px;border:1px solid var(--hg-line);
  border-radius:12px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-home-retirement-kpis span{
  color:var(--hg-muted);font-size:12px;line-height:1.4;
  font-weight:670;
}
#app .wmd-workspace--home .wmd-home-retirement-kpis strong{
  color:var(--hg-text);font-size:clamp(20px,1.95vw,29px);
  font-weight:830;line-height:1.2;letter-spacing:-.025em;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-retirement-plot{
  width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-x:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent) transparent;
  border:1px solid var(--hg-line);border-radius:12px;
  background:color-mix(in srgb,var(--hg-bg) 72%,var(--hg-card));
  padding:10px 6px 4px;box-sizing:border-box;
  cursor:crosshair;
}
#app .wmd-workspace--home .wmd-home-retirement-plot svg{
  display:block;width:100%;min-width:375px;max-width:none;
  height:auto;min-height:215px;overflow:visible;
  color:var(--hg-text);
  touch-action:pan-x;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-grid{
  stroke:var(--hg-line);stroke-width:1;opacity:.65;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-axis{
  fill:var(--hg-muted);font-size:12px;font-weight:630;
  font-family:inherit;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-axis-age{
  font-size:10px;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-line{
  fill:none;stroke:#8cccfa;stroke-width:3.3;stroke-linecap:round;
  stroke-linejoin:round;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-area{
  fill:rgba(130,196,240,.15);stroke:none;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-target{
  stroke:#b2a2ed;stroke-width:2;stroke-dasharray:5 5;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-target-text{
  fill:#c1b8f9;font-size:11px;font-weight:750;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-marker{
  stroke:#e6b979;stroke-width:2;stroke-dasharray:4 5;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-active-guide{
  stroke:#8cccfa;stroke-width:1.6;stroke-dasharray:5 4;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-active-dot{
  fill:#8cccfa;stroke:#163044;stroke-width:2;pointer-events:none;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit{
  fill:rgba(130,196,240,0);stroke:transparent;stroke-width:2;
  cursor:pointer;pointer-events:all;outline:none;
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit:is(:focus-visible,.is-inspected){
  fill:rgba(130,196,240,.30);
  stroke:#b6e1ff;stroke-width:2.5;
}
#app .wmd-workspace--home .wmd-home-retirement-inspector{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;align-items:start;
  padding:12px 14px;border:1px solid var(--hg-line);
  border-radius:12px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-home-retirement-inspector>div{
  display:grid;gap:5px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-retirement-inspector span{
  font-size:11.5px;line-height:1.4;font-weight:740;
  color:var(--hg-muted);text-transform:uppercase;letter-spacing:.025em;
}
#app .wmd-workspace--home .wmd-home-retirement-inspector strong{
  color:var(--hg-text);font-size:clamp(17px,1.6vw,23px);
  font-weight:820;line-height:1.3;font-variant-numeric:tabular-nums;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-retirement-inspector small{
  color:var(--hg-muted);font-size:12px;line-height:1.45;
}
#app .wmd-workspace--home .wmd-home-retirement-scrub{
  display:grid;grid-template-columns:1fr auto;align-items:center;
  column-gap:14px;row-gap:8px;
  color:var(--hg-muted);font-size:14px;line-height:1.45;
  font-weight:650;
}
#app .wmd-workspace--home .wmd-home-retirement-scrub strong{
  color:var(--hg-accent);font-size:16px;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-retirement-scrub input{
  grid-column:1/-1;width:100%;min-height:28px;
  margin:0;accent-color:#85c9f3;
  cursor:pointer;touch-action:pan-x;
}
#app .wmd-workspace--home .wmd-home-retirement-legend{
  display:flex;gap:9px 15px;align-items:center;flex-wrap:wrap;
  color:var(--hg-muted);font-size:12px;
}
#app .wmd-workspace--home .wmd-home-retirement-legend span{
  display:inline-flex;align-items:center;gap:7px;
}
#app .wmd-workspace--home .wmd-home-retirement-legend i{
  display:inline-block;flex:none;width:18px;height:0;border-top:3px solid #8cccfa;
}
#app .wmd-workspace--home .wmd-home-retirement-legend i.is-target{
  border-color:#b2a2ed;border-top-style:dashed;
}
#app .wmd-workspace--home .wmd-home-retirement-legend i.is-retirement{
  border-color:#e6b979;border-top-style:dashed;
}
#app .wmd-workspace--home .wmd-home-retirement-footnote{
  margin:0!important;max-width:72ch;
  color:var(--hg-muted);font-size:12px;line-height:1.5;
}
@media(max-width:760px){
  #app .wmd-workspace--home .wmd-home-retirement-heading{
    align-items:flex-start;
  }
  #app .wmd-workspace--home .wmd-home-retirement-toggle{
    width:100%;justify-content:stretch;
  }
  #app .wmd-workspace--home .wmd-home-retirement-toggle button{
    flex:1;min-width:0;font-size:14px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-plot svg{
    min-width:420px;min-height:255px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-kpis strong{
    font-size:clamp(18px,5vw,24px);
  }
  #app .wmd-workspace--home .wmd-home-retirement-kpis>div{
    padding:10px;gap:6px;
  }
}
@media(max-width:380px){
  #app .wmd-workspace--home .wmd-home-retirement-inspector{
    grid-template-columns:1fr;gap:10px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-kpis{
    grid-template-columns:1fr 1fr;gap:5px;
  }
  #app .wmd-workspace--home .wmd-home-retirement-kpis strong{
    font-size:17px;
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit{
    transition:none;
  }
}

/* Home retirement: larger, horizontally navigable yearly timeline. */
#app .wmd-workspace--home .wmd-home-retirement-chart{gap:17px;padding:5px 0 4px}
#app .wmd-workspace--home .wmd-home-retirement-heading h4{
  font-size:clamp(20px,2.2vw,27px);font-weight:840;letter-spacing:-.035em
}
#app .wmd-workspace--home .wmd-home-retirement-heading p{font-size:13px;line-height:1.5}
#app .wmd-workspace--home .wmd-home-retirement-tools{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 18px
}
#app .wmd-workspace--home .wmd-home-retirement-year-picker{
  display:inline-flex;gap:11px;align-items:center;color:var(--hg-text);font-size:13px;font-weight:760
}
#app .wmd-workspace--home .wmd-home-retirement-year-picker select{
  min-height:42px;min-width:152px;max-width:100%;appearance:auto;
  border:1px solid color-mix(in srgb,var(--hg-accent) 47%,var(--hg-line));
  border-radius:12px;background:var(--hg-bg);color:var(--hg-text);
  font:inherit;font-size:14px;font-weight:760;padding:8px 11px;cursor:pointer
}
#app .wmd-workspace--home .wmd-home-retirement-year-picker select:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px
}
#app .wmd-workspace--home .wmd-home-retirement-explore-hint{
  font-size:12px;line-height:1.4;color:var(--hg-muted)
}
#app .wmd-workspace--home .wmd-home-retirement-kpis>div{
  padding:14px 16px;border-radius:15px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg)),var(--hg-bg))
}
#app .wmd-workspace--home .wmd-home-retirement-kpis>div:first-child{
  border-color:color-mix(in srgb,var(--hg-accent) 38%,var(--hg-line))
}
#app .wmd-workspace--home .wmd-home-retirement-plot-shell{position:relative;min-width:0}
#app .wmd-workspace--home .wmd-home-retirement-plot{
  border-radius:18px;border-color:color-mix(in srgb,var(--hg-accent) 28%,var(--hg-line));
  padding:14px 12px 7px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--hg-accent) 10%,var(--hg-bg)),
    color-mix(in srgb,var(--hg-bg) 84%,var(--hg-card)));
  scrollbar-width:auto;scrollbar-color:var(--hg-accent) transparent
}
#app .wmd-workspace--home .wmd-home-retirement-plot svg{
  width:max(100%,900px,min(1100px,calc(var(--wmd-retirement-year-count,55) * 16px)));
  min-width:900px;min-height:0;height:auto
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-grid{opacity:.45}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-line{stroke:#74bdf1;stroke-width:3.9}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-area{fill:rgba(106,179,234,.14)}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit{
  fill:transparent;stroke:transparent;opacity:0;pointer-events:all
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit.is-inspected,
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-point-hit:focus-visible{
  fill:rgba(116,189,241,.22);stroke:#b1dcfb;stroke-width:2;opacity:1
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-active-dot{
  fill:#74bdf1;stroke:#fff;stroke-width:2.1
}
#app .wmd-workspace--home .wmd-home-retirement-plot .retirement-active-guide{
  stroke:#74bdf1;stroke-width:1.6;opacity:.9
}
#app .wmd-workspace--home .wmd-home-retirement-tooltip{
  position:absolute;top:18px;left:50%;z-index:2;transform:translateX(-50%);
  display:grid;gap:3px;min-width:165px;max-width:210px;
  padding:11px 13px;border-radius:13px;pointer-events:none;
  background:color-mix(in srgb,var(--hg-card) 92%,var(--hg-bg));
  border:1px solid color-mix(in srgb,var(--hg-accent) 48%,var(--hg-line));
  box-shadow:0 12px 26px rgba(3,26,52,.2);color:var(--hg-text);text-align:left
}
#app .wmd-workspace--home .wmd-home-retirement-tooltip[hidden]{display:none!important}
#app .wmd-workspace--home .wmd-home-retirement-tooltip span{
  font-size:12px;font-weight:780;color:var(--hg-muted)
}
#app .wmd-workspace--home .wmd-home-retirement-tooltip strong{
  font-size:clamp(20px,2.1vw,26px);font-variant-numeric:tabular-nums;letter-spacing:-.025em
}
#app .wmd-workspace--home .wmd-home-retirement-tooltip small{
  color:var(--hg-muted);font-size:11px
}
#app .wmd-workspace--home .wmd-home-retirement-timeline-nav{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:7px 10px;color:var(--hg-muted);font-size:12px
}
#app .wmd-workspace--home .wmd-home-retirement-timeline-nav>div{display:flex;gap:6px}
#app .wmd-workspace--home .wmd-home-retirement-timeline-nav button{
  appearance:none;border:1px solid var(--hg-line);border-radius:9px;
  background:var(--hg-bg);color:var(--hg-text);
  min-height:34px;padding:5px 11px;font:inherit;font-weight:740;cursor:pointer
}
#app .wmd-workspace--home .wmd-home-retirement-timeline-nav button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px
}
#app .wmd-workspace--home .wmd-home-retirement-inspector{
  border-radius:15px;padding:15px 17px;gap:16px;
  border-color:color-mix(in srgb,var(--hg-accent) 34%,var(--hg-line));
  background:linear-gradient(120deg,color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg)),var(--hg-bg))
}
#app .wmd-workspace--home .wmd-home-retirement-inspector strong{
  font-size:clamp(21px,2.3vw,29px);letter-spacing:-.03em
}
#app .wmd-workspace--home .wmd-home-retirement-footnote{
  max-width:84ch;font-size:12.5px;line-height:1.55
}
@media(max-width:760px){
  #app .wmd-workspace--home .wmd-home-retirement-plot svg{
    width:max(100%,700px,min(850px,calc(var(--wmd-retirement-year-count,55) * 14px)));
    min-width:700px;min-height:0
  }
  #app .wmd-workspace--home .wmd-home-retirement-tools{align-items:flex-start;gap:10px}
  #app .wmd-workspace--home .wmd-home-retirement-year-picker{
    width:100%;justify-content:space-between
  }
  #app .wmd-workspace--home .wmd-home-retirement-inspector{padding:13px 12px;gap:10px}
}

}
/* landing-money-map-showcase.css */
@media screen {
/* The fictional landing-page Money Map gains a horizontally browsable dated
   activity strip. No selectors affect signed-in finance workspaces. */
#app .landing-v6 [data-landing-tour] .landing-tour-app-main[data-landing-preview="cashflow"]
  .money-map .landing-mm-showcase{
  min-width:0;margin:13px 0 17px;padding:13px 13px 11px;
  border:1px solid #527c9b;border-radius:14px;
  background:linear-gradient(155deg,#162f44,#102438);
  color:#eaf5fe;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase *{box-sizing:border-box}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase [hidden]{display:none!important}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:11px;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head>div{min-width:0}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-eyebrow{
  display:block;color:#a8d9fa;font-size:10px;font-weight:800;letter-spacing:.12em;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head h4{
  margin:3px 0 5px;font-size:clamp(15px,1.35vw,18px);
  font-weight:830;line-height:1.25;letter-spacing:-.025em;color:#f1f8ff;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head p{
  font-size:12px;line-height:1.45;margin:0;color:#bfd7e9;max-width:58ch;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head [data-landing-mm-toggle]{
  flex:0 0 auto;min-height:36px;padding:7px 10px;border-radius:9px;
  border:1px solid #6c9abb;background:#23455f;color:#eef8ff;
  font:750 12px/1.3 system-ui,sans-serif;cursor:pointer;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-head [data-landing-mm-toggle]:is(:hover,:focus-visible){
  background:#305b79;border-color:#abd9fa;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-rail{
  display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;
  max-width:100%;width:100%;padding:2px 2px 9px;
  scroll-snap-type:x proximity;scroll-padding-inline:3px;
  scrollbar-width:thin;scrollbar-color:#638dab #132b40;
  overscroll-behavior-x:contain;touch-action:pan-x;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-all{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;gap:8px;max-height:280px;
  overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  padding:2px 6px 6px 2px;scrollbar-width:thin;scrollbar-color:#729bbc #142d41;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item{
  flex:0 0 166px;min-width:0;min-height:125px;display:flex;flex-direction:column;
  gap:6px;align-items:stretch;justify-content:flex-start;
  text-align:left;margin:0;padding:10px 11px;
  border:1px solid #446b88;border-radius:11px;
  background:#1b3850;color:#f0f7ff;
  box-shadow:none;cursor:pointer;scroll-snap-align:start;
  transition:background .15s,border-color .15s;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item.is-compact{
  width:100%;min-height:95px;padding:9px 10px;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item:is(:hover,:focus-visible,.is-selected){
  background:#274a66;border-color:#a9d9fa;outline:2px solid #9ecdf0;outline-offset:-2px;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item-top{
  display:flex;justify-content:space-between;align-items:center;gap:6px;
  color:#bcdcf2;font-size:11px;font-weight:760;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item-top small{
  font-size:10px;color:#a8c7db;font-weight:680;white-space:nowrap;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-title{
  display:flex;align-items:flex-start;gap:8px;min-height:28px;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-emoji{
  flex:none;font-size:18px;line-height:1.2;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-title>strong{
  font-size:12px;line-height:1.35;font-weight:750;
  color:#ecf6fe;overflow-wrap:anywhere;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item>b{
  font-size:16px;line-height:1.1;font-weight:830;color:#ffc0c4;
  font-variant-numeric:tabular-nums;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-item.kind-income>b{
  color:#a4dafb;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-balance{
  display:block;font-size:10.5px;color:#b4d0e3;line-height:1.3;
  font-variant-numeric:tabular-nums;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-hint,
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-status{
  margin:7px 0 0;font-size:11px;line-height:1.4;color:#a9cde6;
}
#app .landing-v6 [data-landing-tour] .landing-mm-showcase-status{color:#d4ebfd;font-weight:700}
@media(max-width:700px){
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-head{align-items:flex-start;flex-wrap:wrap}
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-head h4{font-size:16px}
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-head p{font-size:11.5px}
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-item{flex-basis:151px}
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-all{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 [data-landing-tour] .landing-mm-showcase-item{transition:none}
}

}
/* money-map-home-parity.css */
@media screen {
/* Cash Flow uses the exact same Home cash runway and dated map renderer.
 * Layout-only overrides. Forecast numbers come from WMDMoneyMap.build. */
#app .wmd-workspace--cashflow .money-map{
  --hg-bg:var(--wmd-theme-deep,#102538);
  --hg-card:var(--wmd-theme-panel,#1b334a);
  --hg-raised:var(--wmd-theme-raised,#24445f);
  --hg-line:var(--wmd-theme-line,#416580);
  --hg-text:var(--wmd-theme-text,#edf7ff);
  --hg-muted:var(--wmd-theme-muted,#b9d2e5);
  --hg-accent:var(--wmd-theme-accent,#90cfff);
  --mm-mint:var(--hg-accent);
  --mm-blue:var(--hg-accent);
  min-width:0;
  max-width:100%;
}
#app .wmd-workspace--cashflow .money-map .mm-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
}
#app .wmd-workspace--cashflow .money-map .mm-primary{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  padding:clamp(12px,1.7vw,22px)!important;
  background:var(--hg-card)!important;
  border-color:var(--hg-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--cashflow .money-map .mm-next{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:13px 16px!important;
  background:var(--hg-card)!important;
  border-color:var(--hg-line)!important;
  box-shadow:none!important;
}
#app .wmd-workspace--cashflow .money-map .mm-next-head{
  padding:0 4px 9px!important;
}
#app .wmd-workspace--cashflow .money-map .mm-next-head h3{
  font-size:clamp(16px,1.7vw,20px)!important;
}
#app .wmd-workspace--cashflow .money-map .mm-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:5px 20px;
}
#app .wmd-workspace--cashflow .money-map .mm-action{
  padding:12px 3px!important;
  border-color:var(--hg-line)!important;
}
#app .wmd-workspace--cashflow .money-map .mm-all-actions{
  margin-top:6px!important;
  color:var(--hg-accent)!important;
}
#app .wmd-workspace--cashflow .money-map .mm-header{
  flex-wrap:wrap;
}
#app .wmd-workspace--cashflow .money-map .mm-header p{
  max-width:76ch!important;
}
#app .wmd-workspace--cashflow .money-map .mm-eyebrow,
#app .wmd-workspace--cashflow .money-map .mm-add{
  color:var(--hg-accent)!important;
}
#app .wmd-workspace--cashflow .money-map .mm-add{
  background:var(--hg-raised)!important;
  border-color:var(--hg-line)!important;
}
#app .wmd-workspace--cashflow .money-map .wmd-home-runway{
  border-top:1px solid var(--hg-line);
  margin-top:10px;
  padding:14px 0 0;
  gap:11px;
  min-width:0;
}
#app .wmd-workspace--cashflow .money-map .wmd-home-runway-content{
  min-width:0;
  max-width:100%;
}
#app .wmd-workspace--cashflow .money-map .wmd-home-money-map-scroll{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) var(--hg-bg);
}
#app .wmd-workspace--cashflow .money-map .wmd-home-map-events{
  max-height:260px;
  overflow-y:auto;
  overscroll-behavior:contain;
}
#app .wmd-workspace--cashflow .money-map .wmd-home-map-dates>button{
  min-height:76px;
}
#app .wmd-workspace--cashflow .money-map .wmd-home-map-dates>button:focus-visible,
#app .wmd-workspace--cashflow .money-map .wmd-home-runway-months button:focus-visible{
  outline:2px solid var(--hg-accent)!important;
  outline-offset:2px!important;
}
#app .wmd-workspace--cashflow .money-map .mm-advanced-chart{
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:13px;
  padding:11px 12px;
  border:1px solid var(--hg-line);
  border-radius:12px;
  background:var(--hg-bg);
}
#app .wmd-workspace--cashflow .money-map .mm-advanced-chart>summary{
  padding:4px 3px;
  min-height:29px;
  color:var(--hg-accent);
  font:740 12px/1.45 system-ui,sans-serif;
  cursor:pointer;
}
#app .wmd-workspace--cashflow .money-map .mm-advanced-chart:not([open]) .mm-chart-inspector{
  display:none!important;
}
@media(max-width:720px){
  #app .wmd-workspace--cashflow .money-map .mm-primary{
    padding:11px!important;
  }
  #app .wmd-workspace--cashflow .money-map .mm-next{
    padding:12px!important;
  }
  #app .wmd-workspace--cashflow .money-map .mm-actions{
    grid-template-columns:minmax(0,1fr);
  }
  #app .wmd-workspace--cashflow .money-map .wmd-home-runway-months{
    gap:5px;
  }
  #app .wmd-workspace--cashflow .money-map .wmd-home-runway-months button{
    padding:9px 6px;
  }
  #app .wmd-workspace--cashflow .money-map .wmd-home-runway-months button strong{
    font-size:clamp(13px,3.4vw,19px);
  }
}
@media(max-width:385px){
  #app .wmd-workspace--cashflow .money-map .wmd-home-runway-months{
    display:flex;
    overflow-x:auto;
    scrollbar-width:thin;
  }
  #app .wmd-workspace--cashflow .money-map .wmd-home-runway-months button{
    flex:0 0 112px;
  }
}


/* SHARED MAP TRANSACTION READABILITY: Home and full Cash Flow page only.
   The day inspector and horizontal chart use the same renderer; keep all
   financial numbers, event routing and click behavior untouched. */
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-head b{
  font-size:15px;line-height:1.45;font-weight:740;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-head strong{
  font-size:clamp(21px,2.15vw,26px);line-height:1.2;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-head>small{
  font-size:13px;line-height:1.4;text-align:right;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-totals{
  font-size:14px;line-height:1.45;gap:10px 16px;padding:10px 0;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-totals b{
  font-size:15px;font-weight:780;font-variant-numeric:tabular-nums;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events{
  gap:7px;padding:8px;max-height:min(370px,48dvh);
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button{
  min-height:60px;padding:10px 12px;gap:12px;align-items:center;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>span:first-child{
  gap:4px;min-width:0;flex:1 1 auto;overflow-wrap:anywhere;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>span:first-child b{
  font-size:16px;line-height:1.4;font-weight:760;overflow-wrap:anywhere;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>span:first-child small{
  font-size:13px;line-height:1.45;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>strong{
  flex:0 0 auto;font-size:16px;line-height:1.35;font-weight:810;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>span:last-child{
  flex:0 0 auto;font-size:21px;line-height:1;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button{
  min-height:88px;padding:9px 3px;gap:5px;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button span{
  font-size:13px;line-height:1.35;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button strong{
  font-size:15px;line-height:1.3;font-variant-numeric:tabular-nums;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button small{
  font-size:12px;line-height:1.35;text-align:center;max-width:100%;
  overflow-wrap:anywhere;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-posting-breakdown strong{
  font-size:15px;line-height:1.4;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-posting-breakdown span{
  font-size:13px;line-height:1.55;
}
@media(max-width:520px){
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button{
    min-height:58px;padding:10px 9px;gap:8px;
  }
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-day-head>small{
    text-align:left;
  }
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events{
    max-height:min(350px,46dvh);
  }
}

/* Budget-consistent emojis beside dated movements on Home and Cash Flow. */
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button>.wmd-home-map-event-main{
  display:flex!important;align-items:center;gap:11px;min-width:0;flex:1 1 auto;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-event-emoji{
  display:inline-grid;place-items:center;flex:0 0 30px;width:30px;min-width:30px;
  font-size:22px;line-height:1.3;background:transparent;border:0;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-event-copy{
  display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button{
  min-height:56px;padding:9px 11px;gap:8px;
}
#app .wmd-workspace--cashflow .money-map .mm-day-event-action>.mm-day-event-emoji{
  display:inline-grid!important;place-items:center;flex:0 0 27px!important;
  width:27px!important;min-width:27px!important;font-size:20px!important;
  line-height:1.2!important;white-space:nowrap!important;
}
#app .wmd-workspace--cashflow .money-map .mm-day-event-action>.mm-day-event-copy{
  display:block!important;min-width:0;flex:1 1 auto;line-height:1.4!important;overflow-wrap:anywhere;
}
@media(max-width:520px){
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-events>button{
    min-height:56px;padding:9px 8px;gap:7px;
  }
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-event-emoji{
    flex-basis:27px;min-width:27px;width:27px;font-size:21px;
  }
}

}
/* home-debt-payoff.css */
@media screen {
/* Home > Plan > Debt Paydown: compact but clear, aligned with Ocean-blue.
   Outstanding debt uses rose/red; filters only change visible rows. */
#app .wmd-workspace--home .wmd-hd{
  display:grid;gap:14px;min-width:0;color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-hd>p{
  font-size:13.5px;line-height:1.5;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-hd-total{
  display:grid;gap:5px;min-width:0;
  padding:15px 16px;background:var(--hg-bg);
  border:1px solid var(--hg-line);border-radius:13px;
}
#app .wmd-workspace--home .wmd-hd-total>span{
  color:var(--hg-muted);font:720 13px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-total>strong{
  color:var(--hg-text);font:840 clamp(25px,2.5vw,35px)/1.15 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;letter-spacing:-.025em;
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hd-total>small{
  color:var(--hg-muted);font:560 12.5px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-chart{
  display:grid;gap:11px;min-width:0;
  padding:14px 15px;border:1px solid var(--hg-line);border-radius:13px;
  background:linear-gradient(145deg,
    color-mix(in srgb,#ed93a7 8%,var(--hg-bg)),
    var(--hg-card));
}
#app .wmd-workspace--home .wmd-hd-chart-heading{
  display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:6px 12px;
}
#app .wmd-workspace--home .wmd-hd-chart-heading>strong{
  color:var(--hg-text);font:805 16px/1.3 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-chart-heading>span{
  color:var(--hg-muted);font:710 12.5px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-plot{
  display:block;width:100%;height:auto;max-height:210px;
  overflow:visible;min-width:0;
}
#app .wmd-workspace--home .wmd-hd-grid{
  stroke:var(--hg-line);stroke-width:1;stroke-dasharray:3 5;opacity:.9;
}
#app .wmd-workspace--home .wmd-hd-area{fill:url(#wmdHomeDebtArea)}
#app .wmd-workspace--home .wmd-hd-line{
  fill:none;stroke:#f09aaa;stroke-width:3.8;
  stroke-linecap:round;stroke-linejoin:round;
}
#app .wmd-workspace--home .wmd-hd-guide{
  stroke:var(--hg-text);stroke-width:1.6;stroke-dasharray:4 5;opacity:.7;
}
#app .wmd-workspace--home .wmd-hd-dot{
  fill:var(--hg-text);stroke:#f09aaa;stroke-width:3;
}
#app .wmd-workspace--home .wmd-hd-axis{
  fill:var(--hg-muted);font:690 15px system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-chart-metrics{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;
}
#app .wmd-workspace--home .wmd-hd-chart-metrics>div{
  display:grid;gap:4px;min-width:0;
}
#app .wmd-workspace--home .wmd-hd-chart-metrics small{
  color:var(--hg-muted);font:660 12px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-chart-metrics strong{
  color:var(--hg-text);
  font:805 clamp(16px,1.65vw,20px)/1.3 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hd-scrub{
  display:grid;gap:8px;color:var(--hg-muted);
  font:720 13px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-scrub input{
  display:block;width:100%;min-height:32px;margin:0;cursor:pointer;
  accent-color:#ec96ad;
}
#app .wmd-workspace--home .wmd-hd-scrub input:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:4px;
}
#app .wmd-workspace--home .wmd-hd-inspector{
  display:flex;align-items:baseline;justify-content:space-between;
  flex-wrap:wrap;gap:7px 12px;padding:10px 12px;
  border:1px solid var(--hg-line);border-radius:10px;background:var(--hg-bg);
}
#app .wmd-workspace--home .wmd-hd-inspector>span{
  color:var(--hg-muted);font:700 13px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-inspector>strong{
  color:var(--hg-text);font:810 17px/1.3 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-hd-plan-note,
#app .wmd-workspace--home .wmd-hd-caveat{
  margin:0!important;line-height:1.55;
  font:550 12.5px/1.55 system-ui,sans-serif;
  color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-hd-caveat{color:var(--hg-text)}
#app .wmd-workspace--home .wmd-hd-chart.is-pending>p{
  margin:0!important;font:570 13.5px/1.5 system-ui,sans-serif;
  color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-hd-chart.is-pending>button{
  width:100%;min-height:44px;padding:9px 12px;
  border-radius:10px;border:1px solid var(--hg-accent);
  background:var(--hg-bg);color:var(--hg-accent);
  font:750 13px/1.4 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-hd-browser{
  display:grid;gap:9px;min-width:0;container-type:inline-size;
}
#app .wmd-workspace--home .wmd-hd-browser-head{
  display:flex;align-items:baseline;justify-content:space-between;
  gap:5px 10px;flex-wrap:wrap;
}
#app .wmd-workspace--home .wmd-hd-browser-head>strong{
  color:var(--hg-text);font:790 16px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-browser-head>small{
  color:var(--hg-muted);font:575 12px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-filters{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;
  padding:4px;background:var(--hg-bg);border:1px solid var(--hg-line);
  border-radius:11px;min-width:0;
}
#app .wmd-workspace--home .wmd-hd-filters>button{
  display:flex;align-items:center;justify-content:center;flex-wrap:wrap;
  gap:3px 6px;min-height:44px;min-width:0;
  padding:7px 5px;border:1px solid transparent;border-radius:8px;
  background:transparent;color:var(--hg-muted);
  font:730 13px/1.35 system-ui,sans-serif;text-align:center;cursor:pointer;
}
#app .wmd-workspace--home .wmd-hd-filters>button[aria-pressed="true"]{
  background:color-mix(in srgb,var(--hg-accent) 15%,var(--hg-card));
  border-color:color-mix(in srgb,var(--hg-accent) 65%,var(--hg-line));
  color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-hd-filters>button:is(:focus-visible,:hover){
  outline:2px solid var(--hg-accent);outline-offset:1px;
}
#app .wmd-workspace--home .wmd-hd-filter-explainer,
#app .wmd-workspace--home .wmd-hd-filter-count{
  margin:0!important;color:var(--hg-muted);
  font:550 12.5px/1.5 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-payment-status{
  margin:0!important;color:var(--hg-muted);
  font:560 13px/1.5 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-payment-status>strong{
  color:var(--hg-text);font-weight:785;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-hd-debt-list{
  display:grid;gap:7px;max-height:min(315px,43dvh);
  padding:1px 4px 3px 0;overflow-y:auto;
  overscroll-behavior:contain;scrollbar-width:thin;
}
#app .wmd-workspace--home .wmd-hd-debt-row{
  display:flex;align-items:center;justify-content:space-between;
  gap:9px;min-width:0;min-height:66px;width:100%;
  padding:11px 12px;border:1px solid var(--hg-line);
  border-radius:10px;background:var(--hg-card);
  color:var(--hg-text);text-align:left;
}
#app .wmd-workspace--home button.wmd-hd-debt-row{cursor:pointer}
#app .wmd-workspace--home button.wmd-hd-debt-row:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline:2px solid var(--hg-accent);outline-offset:1px;
}
#app .wmd-workspace--home .wmd-hd-debt-row[hidden],
#app .wmd-workspace--home .wmd-hd-filter-empty[hidden]{display:none!important}
#app .wmd-workspace--home .wmd-hd-debt-row>span{
  display:grid;gap:3px;flex:1 1 auto;min-width:0;
}
#app .wmd-workspace--home .wmd-hd-debt-row>span>strong{
  font:770 15px/1.35 system-ui,sans-serif;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hd-debt-row>span>small{
  font:550 12.5px/1.5 system-ui,sans-serif;color:var(--hg-muted);
  overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-hd-debt-row>b{
  flex:none;font:805 16px/1.3 system-ui,sans-serif;
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
#app .wmd-workspace--home .wmd-hd-filter-empty{
  margin:0!important;padding:10px 12px;
  color:var(--hg-muted);border:1px dashed var(--hg-line);border-radius:9px;
  font:565 13px/1.5 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hd-priority{
  border:1px solid var(--hg-line);border-radius:10px;
  background:var(--hg-card);overflow:hidden;
}
#app .wmd-workspace--home .wmd-hd-priority>summary{
  min-height:44px;padding:12px 13px;cursor:pointer;
  font:775 13.5px/1.4 system-ui,sans-serif;
  color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-hd-priority>summary:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:-2px;
}
#app .wmd-workspace--home .wmd-hd-priority>p{
  margin:9px 13px!important;font:555 13px/1.5 system-ui,sans-serif;
  color:var(--hg-text)!important;
}
#app .wmd-workspace--home .wmd-hd-priority>small{
  display:block;margin:9px 13px 12px;font:555 12px/1.45 system-ui,sans-serif;
  color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-hd-open{
  display:block;width:100%;min-height:44px;padding:10px 13px;
  border:1px solid var(--hg-accent);border-radius:10px;
  background:var(--hg-card);color:var(--hg-accent);
  font:775 13px/1.4 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-hd-open:is(:hover,:focus-visible){
  outline:2px solid var(--hg-accent);outline-offset:2px;
}
@container (max-width:340px){
  #app .wmd-workspace--home .wmd-hd-filters>button{
    font-size:12px;padding-inline:3px;
  }
}
@media(max-width:520px){
  #app .wmd-workspace--home .wmd-hd-chart{padding:12px}
  #app .wmd-workspace--home .wmd-hd-debt-row{flex-wrap:wrap}
  #app .wmd-workspace--home .wmd-hd-debt-row>b{margin-left:auto}
}
@media(max-width:355px){
  #app .wmd-workspace--home .wmd-hd-chart-metrics{
    grid-template-columns:minmax(0,1fr);
  }
}
@media(prefers-reduced-motion:reduce){
  #app .wmd-workspace--home .wmd-hd-line{transition:none}
}

}
/* ask-compact-layout-fix.css */
@media screen {
/* The shared two-column search grid predates the contextual Ask launcher.
   Give the non-Home launcher its own explicit placements when expanded. */
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  min-width:0;width:100%;max-width:100%;
  box-sizing:border-box;align-items:stretch!important;justify-items:stretch;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact > .wmd-discovery-compact-launch {
  grid-column:1/-1;grid-row:1;justify-self:start;
  box-sizing:border-box;width:min(455px,100%)!important;
  min-width:0;max-width:100%;white-space:normal;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open {
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:12px!important;row-gap:9px!important;align-items:center!important;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-compact-launch {
  grid-column:1;grid-row:1;width:min(455px,100%)!important;margin:0!important;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-heading {
  grid-column:2;grid-row:1;justify-self:end;
  display:flex;justify-content:flex-end;min-width:0;margin:0!important;padding:0;
}
/* The launcher already says Ask your money, so suppress the duplicate label. */
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-heading > .wmd-discovery-copy {
  display:none!important;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-field {
  grid-column:1/-1!important;grid-row:2;
  min-width:0;max-width:100%;width:100%;box-sizing:border-box;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open .wmd-discovery-control {
  min-width:0;width:100%;box-sizing:border-box;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > :is(.wmd-discovery-results,.wmd-discovery-chips,.wmd-discovery-answer,.wmd-discovery-library) {
  grid-column:1/-1!important;grid-row:auto!important;
  justify-self:stretch;min-width:0;max-width:100%!important;box-sizing:border-box;
}
#app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-results {
  width:100%!important;
}
@media(max-width:520px) {
  #app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open {
    grid-template-columns:minmax(0,1fr)!important;row-gap:7px!important;
  }
  #app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-compact-launch {
    grid-column:1;grid-row:1;width:100%!important;
  }
  #app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-heading {
    grid-column:1;grid-row:2;
  }
  #app > main.wmd-workspace:not(.wmd-workspace--home) > section.wmd-discovery.wmd-discovery-compact.is-open > .wmd-discovery-field {
    grid-column:1!important;grid-row:3;
  }
}
}
/* landing-pricing-intro.css */
@media screen {
/* Pricing conversion finish: purposeful hierarchy, generous card legibility and
 * ocean-blue consistency. Scoped to the unauthenticated landing pricing section.
 * Only live server-verified checkout gates can activate paid subscriptions. */
#app .landing-v6 .launch-pricing.launch-path-pricing{
  --pricing-ink:#eef7ff; --pricing-muted:#bdd2e4;
}
#app .landing-v6 .launch-pricing .launch-pricing-header{
  max-width:770px!important;margin-bottom:29px!important;
}
#app .landing-v6 .launch-pricing .launch-pricing-header>p{
  color:#c5d9ea!important;font-size:clamp(14px,1.25vw,16px)!important;
  line-height:1.55!important;
}
#app .landing-v6 .launch-path-grid.launch-path-grid-three{
  gap:clamp(13px,1.7vw,22px)!important;align-items:stretch!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card{
  --tier-accent:#85b5d6;--tier-line:#426482;
  min-height:565px!important;padding:clamp(22px,2.3vw,32px)!important;
  border-radius:20px!important;
  background:linear-gradient(158deg,#1b3348 0%,#142535 92%)!important;
  border:1px solid #4b728f!important;
  box-shadow:0 15px 34px rgba(0,9,23,.16)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-card::before{
  background:#8ec8f3!important;opacity:.53!important;height:3px!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper.launch-path-featured{
  --tier-accent:#a6d8fa;--tier-line:#8cc8f1;
  border:1.5px solid #8bc9f2!important;
  background:radial-gradient(100% 65% at 70% -10%,rgba(124,193,246,.18),transparent 90%),
    linear-gradient(158deg,#203e57 0%,#172b40 93%)!important;
  box-shadow:0 16px 40px rgba(0,14,32,.26),0 0 0 1px rgba(140,204,245,.1)!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-snapper.launch-path-featured::before{
  height:4px!important;background:#9cd8ff!important;opacity:1!important;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-manual{
  --tier-accent:#97bdd7;
}
#app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{
  --tier-accent:#8dbadd;background:linear-gradient(158deg,#1b3348,#142535 92%)!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-symbol-row{
  margin:0 0 20px!important;min-height:48px!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-icon{
  background:#284961!important;border-color:#5786a6!important;color:#c4e4fb!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-badge-recommended{
  padding:7px 11px!important;min-height:27px!important;
  background:#91cbf3!important;color:#102b3d!important;border:0!important;
  font:840 10px/1.15 system-ui,sans-serif!important;letter-spacing:.095em!important;
  box-shadow:0 4px 13px rgba(118,195,243,.18)!important;
}
#app .landing-v6 .launch-path-grid-three h3{
  font-size:clamp(30px,2.65vw,39px)!important;line-height:1.05!important;
  margin:0 0 8px!important;color:#f4faff!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-verb{
  color:#c3d9e9!important;font-size:14px!important;
  line-height:1.42!important;min-height:0!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price{
  display:grid!important;gap:7px!important;
  min-height:104px!important;margin:18px 0 12px!important;
  align-content:start!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-line{
  display:flex!important;align-items:baseline!important;
  flex-wrap:wrap!important;column-gap:11px!important;row-gap:6px!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-was{
  font:750 clamp(18px,1.8vw,23px)/1.1 system-ui,sans-serif!important;
  color:#9fb9cf!important;
  text-decoration-line:line-through!important;
  text-decoration-color:#b5c3d3!important;text-decoration-thickness:2px!important;
  text-decoration-skip-ink:none!important;
  white-space:nowrap;font-variant-numeric:tabular-nums;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current{
  display:flex!important;flex-wrap:nowrap!important;align-items:baseline!important;gap:7px!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current>strong,
#app .landing-v6 .launch-path-grid-three .launch-path-snapper .launch-path-price-current>strong,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-price-current>strong{
  font:830 clamp(39px,3.45vw,50px)/1.04 system-ui,sans-serif!important;
  color:#e8f5ff!important;letter-spacing:-.055em!important;
  font-variant-numeric:tabular-nums;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-current>span{
  color:#c3d7e9!important;font-size:12px!important;white-space:nowrap;
}
#app .landing-v6 .launch-path-grid-three .launch-path-price-note{
  color:#bcd5e8!important;font-size:12px;font-weight:630;line-height:1.4;
}
#app .landing-v6 .launch-path-grid-three .launch-path-offer{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 8px;width:fit-content;
  color:#a4dcff!important;font:820 10px/1.3 system-ui,sans-serif!important;
  letter-spacing:.065em;text-transform:uppercase;
}
#app .landing-v6 .launch-path-grid-three .launch-path-offer small{
  font:520 11px/1.4 system-ui,sans-serif;letter-spacing:0!important;
  text-transform:none;color:#b4ccdf!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-copy{
  min-height:84px!important;margin:0 0 10px!important;
  color:#d3e5f1!important;font-size:13px!important;line-height:1.56!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list{
  border-color:rgba(150,204,241,.25)!important;
  padding:18px 0 16px!important;gap:12px!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li{
  color:#ecf6ff!important;font-size:13.4px!important;line-height:1.42!important;
}
#app .landing-v6 .launch-path-grid-three .launch-plan-feature-list li::before{
  color:#9bd7ff!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-card-bottom{
  gap:8px!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-action,
#app .landing-v6 .launch-path-grid-three .launch-path-manual .launch-path-action,
#app .landing-v6 .launch-path-grid-three .launch-path-autopilot .launch-path-action{
  background:#29475e!important;color:#eaf6ff!important;
  border:1px solid #6b9ab8!important;min-height:49px!important;
  font-size:13px!important;font-weight:780!important;border-radius:11px!important;
  padding:12px 15px!important;transition:filter .15s,background .15s!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-snapper .launch-path-action{
  background:#93ccf2!important;border-color:#93ccf2!important;
  color:#102c40!important;font-weight:830!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-action:is(:hover,:focus-visible){
  filter:brightness(1.11)!important;outline-color:#a9ddff!important;
}
#app .landing-v6 .launch-path-grid-three .launch-path-card-bottom>small{
  color:#b5ccdd!important;min-height:0!important;font-size:11px!important;
  line-height:1.5!important;
}
#app .landing-v6 .launch-path-footnote{
  max-width:1000px!important;margin:22px auto 0!important;
  color:#b0c6d8!important;font-size:11px!important;line-height:1.55!important;
}
@media(max-width:1080px) and (min-width:901px){
  #app .landing-v6 .launch-path-grid-three>.launch-path-card{
    padding:21px!important;min-height:598px!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-price-line{column-gap:8px!important}
  #app .landing-v6 .launch-path-grid-three .launch-path-price-current>strong{font-size:39px!important}
  #app .landing-v6 .launch-path-grid-three .launch-path-copy{min-height:108px!important}
}
@media(max-width:900px){
  #app .landing-v6 .launch-path-grid-three>.launch-path-card,
  #app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{
    min-height:0!important;padding:25px!important;
  }
  #app .landing-v6 .launch-path-grid-three .launch-path-copy{min-height:0!important}
  #app .landing-v6 .launch-path-grid-three .launch-path-price{min-height:0!important}
}
@media(max-width:560px){
  #app .landing-v6 .launch-path-grid-three>.launch-path-card,
  #app .landing-v6 .launch-path-grid-three>.launch-path-autopilot{padding:22px 20px!important}
  #app .landing-v6 .launch-path-grid-three .launch-path-price-current>strong{font-size:42px!important}
  #app .landing-v6 .launch-path-grid-three .launch-path-verb{font-size:13.5px!important}
}
@media(prefers-reduced-motion:reduce){
  #app .landing-v6 .launch-path-grid-three .launch-path-action{transition:none!important}
}

}
/* wmd-financial-trends.css */
@media screen {
/* Signed financial trends, scoped to signed-in Home, Net Worth and Investments.
   Loaded last to override legacy green financial chart declarations. */
#app .wmd-workspace--home .wmd-fin-trend{
 --wmd-trend-tone:#90cbf4;display:grid;gap:9px;min-width:0;
 border:1px solid color-mix(in srgb,var(--hg-line,#37526c) 76%,transparent);
 border-radius:14px;padding:11px 12px 8px;
 background:linear-gradient(180deg,rgba(106,173,215,.08),transparent 75%),var(--hg-bg,#112236);
}
#app .wmd-fin-trend-change{display:grid;gap:5px;min-width:0}
#app .wmd-fin-trend-change-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 10px}
#app .wmd-fin-trend-change-heading>span{font-size:12px;font-weight:760;color:var(--hg-text,#eff5ff)}
#app .wmd-fin-trend-change-heading>small{color:var(--hg-muted,#afc2d8);font-size:11px}
#app .wmd-fin-trend-metrics{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px 13px;font-variant-numeric:tabular-nums}
#app .wmd-fin-trend-metrics strong{font-size:clamp(18px,2vw,27px);font-weight:850;letter-spacing:-.025em}
#app .wmd-fin-trend-metrics b{font-size:clamp(14px,1.5vw,18px);font-weight:790}
#app .wmd-fin-trend-change.is-gain .wmd-fin-trend-metrics{color:#72dfb3}
#app .wmd-fin-trend-change.is-loss .wmd-fin-trend-metrics{color:#ff9ba8}
#app .wmd-fin-trend-change.is-flat .wmd-fin-trend-metrics{color:#a4cdea}
#app .wmd-fin-trend-explainer,#app .wmd-fin-trend-pct-missing{
 font-size:11px!important;font-weight:500;color:var(--hg-muted,#a9bdd1);line-height:1.45
}
#app .wmd-fin-trend-plot{display:block;width:100%;height:auto;min-width:0;max-height:220px;overflow:visible;color:var(--wmd-trend-tone,#8ec8f3)}
#app .wmd-fin-trend-grid{stroke:var(--hg-line,#405a73);stroke-opacity:.68;stroke-dasharray:3 5;stroke-width:1;vector-effect:non-scaling-stroke}
#app .wmd-fin-trend-axis{font:11px system-ui,sans-serif;fill:var(--hg-muted,#b6c6d8)}
#app .wmd-fin-trend-fill-start,#app .wmd-fin-trend-fill-end{stop-color:var(--wmd-trend-tone,#8ec8f3)}
#app .wmd-fin-trend-line{fill:none;stroke:currentColor;stroke-width:3.3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(125,185,229,.2))}
#app .wmd-fin-trend-observation{fill:var(--hg-bg,#132538);stroke:currentColor;stroke-width:1.6;transition:r .15s ease;cursor:help}
#app .wmd-fin-trend-observation:is(:hover,:focus-visible){r:5.2;outline:none;filter:drop-shadow(0 0 5px currentColor)}
#app .wmd-fin-trend-end-halo{fill:currentColor;opacity:.18;pointer-events:none}
#app .wmd-fin-trend-end-dot{fill:currentColor;stroke:var(--hg-bg,#122436);stroke-width:2.4;pointer-events:none}
#app .wmd-fin-trend-source{border-top:1px solid var(--hg-line,#40556c);padding-top:7px;color:var(--hg-muted,#adbfd3);font-size:10.5px;line-height:1.35}
#app .wmd-workspace--home .wmd-hg-mini-spark{max-height:none;overflow:visible}
#app .wmd-workspace--home .wmd-hg-mini-spark .wmd-fin-trend{padding:8px 9px;gap:5px}
#app .wmd-workspace--home .wmd-hg-mini-spark .wmd-fin-trend-plot{height:156px;max-height:none}
#app .wmd-workspace--home .wmd-hg-mini-spark .wmd-fin-trend-source{display:none}
#app .wmd-workspace--home .wmd-hg-detail .wmd-fin-trend-plot{height:210px;max-height:none}
#app .wmd-workspace--home .wmd-home-invest-period .wmd-fin-trend-plot{height:178px;max-height:none}
#app .wmd-workspace--home .wmd-home-invest-period>.wmd-fin-trend-change{
 border:1px solid var(--hg-line);border-radius:10px;background:rgba(118,177,220,.05);padding:10px 12px
}
#app .wmd-workspace--home .wmd-home-invest-return{grid-template-columns:minmax(0,1fr);gap:5px}
#app .wmd-workspace--home .wmd-home-invest-return-metrics{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;font-variant-numeric:tabular-nums}
#app .wmd-workspace--home .wmd-home-invest-return-metrics strong{font-size:20px;font-weight:820}
#app .wmd-workspace--home .wmd-home-invest-return-metrics strong.is-gain{color:#72dfb3}
#app .wmd-workspace--home .wmd-home-invest-return-metrics strong.is-loss{color:#ff9ba8}
#app .wmd-workspace--home .wmd-home-invest-return-metrics strong.is-flat{color:#a4cdea}
#app .wmd-workspace--home .wmd-home-invest-return>span{grid-column:auto}

/* Full Investments retains its hover crosshair, benchmark overlays and date ranges. */
#app main.wmd-workspace--investments .invest-perf .invest-perf-balance-movement{align-items:baseline;gap:6px 12px}
#app main.wmd-workspace--investments .invest-perf-movement-metrics{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 14px}
#app main.wmd-workspace--investments .invest-perf-movement-metrics>strong{font-size:clamp(16px,1.7vw,23px);font-variant-numeric:tabular-nums;font-weight:820}
#app main.wmd-workspace--investments .invest-perf-movement-metrics>strong.is-gain{color:#72dfb3!important}
#app main.wmd-workspace--investments .invest-perf-movement-metrics>strong.is-loss{color:#ff9ba8!important}
#app main.wmd-workspace--investments .invest-perf-movement-metrics>strong.is-flat{color:#a3cdea!important}
#app main.wmd-workspace--investments .invest-perf-balance-movement>span{flex-basis:100%;font-size:12px}
#app main.wmd-workspace--investments .invest-perf-chart{
 border-radius:14px;background:linear-gradient(180deg,rgba(115,168,219,.07),transparent 78%);
}
#app main.wmd-workspace--investments .invest-perf-svg .invest-perf-axis{fill:#bfd0e1;font-size:12px}
#app main.wmd-workspace--investments .invest-perf-svg>path.invest-perf-primary{stroke:#94cfff!important;stroke-width:3.7}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-endpoint{fill:#9bcfff!important;stroke:#172737!important;stroke-width:2.8}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-endpoint-halo{fill:#a5d8ff!important;opacity:.14;pointer-events:none}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-origin{fill:#172a3d!important;stroke:#b4cede!important;stroke-width:2}

/* Full Net Worth: real hover/drag comparison geometry unchanged. */
#app main.wmd-workspace--networth .history-panel .history-chart-frame{
 border-color:var(--wmd-theme-line,#45627c)!important;border-radius:15px!important;
 background:linear-gradient(180deg,rgba(108,164,216,.10),rgba(17,35,54,.12) 85%)!important;
 padding:10px 7px 5px!important;
}
#app main.wmd-workspace--networth .history-panel .hist-grid{stroke:#7298b5!important;stroke-opacity:.30;stroke-dasharray:3 5}
#app main.wmd-workspace--networth .history-panel .hist-label{fill:#bdcce0!important;font-size:12px}
#app main.wmd-workspace--networth .history-panel .history-area{fill:#8ccaf4!important;fill-opacity:.11!important}
#app main.wmd-workspace--networth .history-panel .history-line{stroke:#90cefb!important;stroke-width:3.8!important;filter:drop-shadow(0 0 3px rgba(108,177,235,.23))}
#app main.wmd-workspace--networth .history-panel .history-range-change strong.positive,
#app main.wmd-workspace--networth .history-panel .history-inspector .positive{color:#72dfb3!important}
#app main.wmd-workspace--networth .history-panel .history-range-change strong.negative,
#app main.wmd-workspace--networth .history-panel .history-inspector .negative{color:#ff9ba8!important}
#app main.wmd-workspace--networth .history-panel .history-range-change strong{font-size:clamp(17px,1.9vw,24px)!important}
#app main.wmd-workspace--networth .history-panel .history-inspector{border-color:var(--wmd-theme-line-soft,#3b5267)!important;background:rgba(91,149,191,.08)!important}
#app main.wmd-workspace--networth .history-panel .history-inspector strong{font-size:clamp(16px,1.6vw,21px)}
#app main.wmd-workspace--networth .history-panel .history-chart circle.wmd-history-endpoint{fill:#9acfff;stroke:#172737;stroke-width:2.8;pointer-events:none}
@media(max-width:600px){
 #app .wmd-workspace--home .wmd-fin-trend{padding:8px}
 #app .wmd-workspace--home .wmd-fin-trend-plot{max-height:175px}
 #app .wmd-fin-trend-change-heading>small{font-size:10.5px}
 #app .wmd-fin-trend-axis{font-size:10px}
 #app main.wmd-workspace--networth .history-panel .history-chart-frame{padding:5px 0!important}
}

/* The chart encodes recorded value history in ocean-blue.
   Gain/loss is reserved for signed figures and differences, not the series itself. */
#app .wmd-workspace--home .wmd-fin-trend,
#app .wmd-workspace--home .wmd-fin-trend-plot{
 --wmd-trend-tone:#90cbf4!important;color:#90cbf4
}
#app .wmd-workspace--home .wmd-hg-card:is([data-gadget-kind="networth"],[data-gadget-kind="investments"]) .wmd-hg-line-path,
#app .wmd-workspace--home .wmd-home-invest-path{stroke:#90cbf4!important}
#app main.wmd-workspace--investments .invest-perf-svg #invest-perf-fill stop{
 stop-color:#90cbf4!important
}
#app main.wmd-workspace--investments .invest-perf-svg>path.invest-perf-primary{
 stroke:#90cbf4!important
}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-endpoint{
 fill:#90cbf4!important
}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-endpoint-halo{
 fill:#90cbf4!important
}
#app main.wmd-workspace--investments .invest-perf-svg circle.invest-perf-origin{
 stroke:#90cbf4!important
}
#app main.wmd-workspace--investments .invest-perf-svg [data-invest-perf-pointer]{
 fill:#a8daff!important;stroke:#1a3249!important
}
#app main.wmd-workspace--networth .history-panel .history-line{stroke:#90cbf4!important}
#app main.wmd-workspace--networth .history-panel .history-area{fill:#90cbf4!important}
#app main.wmd-workspace--networth .history-panel .history-chart .wmd-history-endpoint{
 fill:#90cbf4!important
}
#app main.wmd-workspace--networth .history-panel [data-history-focus-line]{
 stroke:#90cbf4!important;stroke-opacity:.62
}
#app main.wmd-workspace--networth .history-panel [data-history-focus-dot]{
 fill:#b0e2ff!important;stroke:#142c40!important
}
/* A subtle translucent blue range, never an opaque rectangle over the evidence. */
#app main.wmd-workspace--networth .history-panel [data-history-range-shade]{
 fill:rgba(120,185,237,.055)!important;
 stroke:rgba(141,197,238,.37)!important;
 stroke-width:1!important
}
/* Full Net Worth's hero and comparison readings carry status, not the chart. */
#app main.wmd-workspace--networth .nw-top-row .nw-hero-growth.is-positive>strong,
#app main.wmd-workspace--networth .nw-top-row .nw-hero-growth.is-positive>span:first-child{
 color:#72dfb3!important
}
#app main.wmd-workspace--networth .nw-top-row .nw-hero-growth.is-negative>strong,
#app main.wmd-workspace--networth .nw-top-row .nw-hero-growth.is-negative>span:first-child{
 color:#ff9ba8!important
}
/* Readable, signed comparisons on inspection, including users with keyboard focus. */
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap{display:grid;gap:6px;min-width:0}
#app .wmd-workspace--home .wmd-fin-trend-inspector{
 display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 12px;min-height:26px;
 padding:5px 8px;border-radius:7px;background:rgba(106,165,207,.065);
 border:1px solid color-mix(in srgb,var(--hg-line,#37526c) 72%,transparent);
 font-variant-numeric:tabular-nums
}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-date]{
 color:var(--hg-muted,#b8cade);font-size:11px
}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-value]{
 color:var(--hg-text,#e6f4ff);font-size:12px;font-weight:780
}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-change]{
 color:#a7cced;font-size:12px;font-weight:770
}
#app .wmd-workspace--home .wmd-fin-trend-inspector.is-gain [data-wmd-trend-change]{color:#72dfb3}
#app .wmd-workspace--home .wmd-fin-trend-inspector.is-loss [data-wmd-trend-change]{color:#ff9ba8}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-value]:empty,
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-change]:empty{display:none}
#app .wmd-workspace--home .wmd-fin-trend-observation:focus-visible{
 outline:none;filter:drop-shadow(0 0 6px #90cbf4)
}
#app main.wmd-workspace--networth .history-panel .history-hover-tip{
 background:rgba(15,35,53,.97)!important;
 border-color:rgba(134,193,233,.6)!important;
 max-width:230px;padding:10px 12px
}
#app main.wmd-workspace--networth .history-panel .history-hover-tip [data-history-tip-delta]{
 display:block;line-height:1.45;font-size:11.5px;font-weight:750;color:#b6d5ed
}
#app main.wmd-workspace--networth .history-panel .history-hover-tip [data-history-tip-delta].positive{color:#72dfb3!important}
#app main.wmd-workspace--networth .history-panel .history-hover-tip [data-history-tip-delta].negative{color:#ff9ba8!important}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover{
 min-width:170px;max-width:265px;background:rgba(14,32,49,.97);
 border-color:rgba(134,193,233,.55);color:#eaf4ff
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover span{
 color:#bed1e3
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover [data-perf-hover-change]{
 font-size:11.5px;line-height:1.4;color:#b0cfed;font-weight:750
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover [data-perf-hover-change].is-gain{color:#72dfb3}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover [data-perf-hover-change].is-loss{color:#ff9ba8}

@media(prefers-reduced-motion:reduce){#app .wmd-fin-trend-observation{transition:none}}
/* Net Worth yearly explorer on Home: increase readable plot space without
   changing the Retirement or Investment charts. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="trend"] .wmd-fin-trend.is-networth{
  gap:14px;padding:15px 14px;border-radius:18px;
  background:linear-gradient(180deg,color-mix(in srgb,var(--hg-accent) 11%,var(--hg-bg)),
    color-mix(in srgb,var(--hg-bg) 95%,var(--hg-card)))
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change{
  gap:8px
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change-heading>span{
  font-size:15px!important;font-weight:780
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics strong{
  font-size:clamp(24px,2.65vw,34px);line-height:1.18
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics b{
  font-size:clamp(16px,1.7vw,22px)
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth{
  display:grid;gap:10px;min-width:0
}
#app .wmd-workspace--home .wmd-fin-trend-year-tools{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:7px 12px
}
#app .wmd-workspace--home .wmd-fin-trend-year-tools label{
  display:inline-flex;align-items:center;gap:9px;
  font-size:14px;font-weight:760;color:var(--hg-text)
}
#app .wmd-workspace--home .wmd-fin-trend-year-tools select{
  min-height:42px;min-width:118px;padding:8px 12px;
  appearance:auto;border:1px solid color-mix(in srgb,var(--hg-accent) 42%,var(--hg-line));
  border-radius:11px;background:var(--hg-bg);color:var(--hg-text);
  font:inherit;font-size:15px;font-weight:770;cursor:pointer
}
#app .wmd-workspace--home .wmd-fin-trend-year-tools select:focus-visible{
  outline:2px solid var(--hg-accent);outline-offset:2px
}
#app .wmd-workspace--home .wmd-fin-trend-year-tools>span{
  font-size:12px;line-height:1.4;color:var(--hg-muted)
}
#app .wmd-workspace--home .wmd-fin-trend-scroll{
  display:block;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden;
  overscroll-behavior-x:contain;scrollbar-width:thin;
  scrollbar-color:var(--hg-accent) transparent;
  -webkit-overflow-scrolling:touch;touch-action:pan-x;
  padding:9px 7px 8px;border:1px solid color-mix(in srgb,var(--hg-accent) 30%,var(--hg-line));
  border-radius:15px;
  background:linear-gradient(180deg,
    color-mix(in srgb,var(--hg-accent) 8%,var(--hg-bg)),var(--hg-bg))
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth svg.wmd-fin-trend-plot{
  display:block;width:var(--wmd-nw-chart-width,840px)!important;
  min-width:800px!important;max-width:none!important;
  height:auto!important;min-height:0;max-height:none!important;
  touch-action:pan-x;overflow:visible
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-line{
  stroke:#90cbf4;stroke-width:4.3;filter:drop-shadow(0 0 4px rgba(144,203,244,.26))
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-grid{
  stroke-opacity:.45
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-observation{
  stroke-width:1.9;pointer-events:all;cursor:crosshair
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-observation.is-hit-only{
  opacity:0
}
/* Only keyboard focus reveals a hit circle; pointer/year selection is drawn
   by the dedicated focus dot, preventing overlapping rings on dense history. */
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-observation:focus-visible{
  opacity:1;r:5.7;fill:transparent;stroke:#90cbf4;stroke-width:2;
  filter:drop-shadow(0 0 4px rgba(144,203,244,.45))
}
#app .wmd-workspace--home .wmd-fin-trend-focus-line{
  stroke:#90cbf4;stroke-width:1.5;stroke-dasharray:5 4;stroke-opacity:.8;
  pointer-events:none
}
#app .wmd-workspace--home .wmd-fin-trend-focus-dot{
  fill:#90cbf4;stroke:var(--hg-bg);stroke-width:2.5;pointer-events:none
}
#app .wmd-workspace--home .wmd-fin-trend-year-nav{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
  gap:7px 11px;font-size:12px;color:var(--hg-muted)
}
#app .wmd-workspace--home .wmd-fin-trend-year-nav>div{display:flex;gap:7px}
#app .wmd-workspace--home .wmd-fin-trend-year-nav button{
  min-height:36px;padding:7px 12px;border-radius:10px;
  background:var(--hg-bg);border:1px solid var(--hg-line);color:var(--hg-text);
  font:inherit;font-size:12px;font-weight:750;cursor:pointer
}
#app .wmd-workspace--home .wmd-fin-trend-year-nav button:is(:hover,:focus-visible){
  border-color:var(--hg-accent);outline-offset:2px
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-inspector{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 14px;
  padding:14px 15px;border-radius:12px;
  border-color:color-mix(in srgb,var(--hg-accent) 39%,var(--hg-line));
  background:color-mix(in srgb,var(--hg-accent) 12%,var(--hg-bg))
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-inspector [data-wmd-trend-date]{
  grid-column:1/-1;font-size:13px!important;font-weight:750
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-inspector [data-wmd-trend-value]{
  font-size:clamp(20px,2.2vw,28px)!important;font-weight:830;letter-spacing:-.025em
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-inspector [data-wmd-trend-change]{
  font-size:13px!important;line-height:1.45
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-source{
  font-size:12px!important;line-height:1.55
}
@media(max-width:600px){
 #app .wmd-workspace--home .wmd-fin-trend.is-networth{padding:12px 10px}
 #app .wmd-workspace--home .wmd-fin-trend-year-tools>span{flex-basis:100%}
 #app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth .wmd-fin-trend-inspector{
   grid-template-columns:1fr;gap:5px;padding:11px 12px
 }
}

/* Matched Net Worth visual language on Home and the full Net Worth page:
   ocean-blue = balances, mint = positive change, coral = negative change. */
#app .wmd-workspace--home .wmd-fin-trend.is-networth,
#app main.wmd-workspace--networth .history-panel{
  --wmd-networth-blue:#90cbf4;
  --wmd-networth-positive:#72dfb3;
  --wmd-networth-negative:#ff9ba8;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-line,
#app main.wmd-workspace--networth .history-panel .history-line{
  stroke:var(--wmd-networth-blue)!important;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-focus-dot,
#app main.wmd-workspace--networth .history-panel [data-history-focus-dot]{
  fill:var(--wmd-networth-blue)!important;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change.is-gain .wmd-fin-trend-metrics,
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-inspector.is-gain [data-wmd-trend-change],
#app main.wmd-workspace--networth .history-panel .history-inspector .positive,
#app main.wmd-workspace--networth .history-panel .history-range-change strong.positive{
  color:var(--wmd-networth-positive)!important;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change.is-loss .wmd-fin-trend-metrics,
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-inspector.is-loss [data-wmd-trend-change],
#app main.wmd-workspace--networth .history-panel .history-inspector .negative,
#app main.wmd-workspace--networth .history-panel .history-range-change strong.negative{
  color:var(--wmd-networth-negative)!important;
}

/* Home Net Worth: let the selected-year chart lead; show balance change as
   supporting context rather than a second large hero amount. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="trend"] .wmd-fin-trend.is-networth{
  gap:9px;padding:11px 12px;border-radius:15px;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change{
  display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;
  gap:3px 10px;padding:0 0 8px;
  border-bottom:1px solid color-mix(in srgb,var(--hg-line) 70%,transparent);
  background:transparent;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change-heading{
  display:grid;justify-content:initial;gap:3px;min-width:0;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change-heading>span{
  font-size:12px!important;font-weight:750;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change-heading>small{
  font-size:10.5px;line-height:1.35;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics{
  display:flex;justify-content:flex-end;align-items:baseline;flex-wrap:wrap;
  gap:3px 8px;text-align:right;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics strong{
  font-size:clamp(16px,1.55vw,21px)!important;line-height:1.2;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics b{
  font-size:12px!important;font-weight:770;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-about,
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-one-note{
  grid-column:1/-1;font-size:11px;line-height:1.45;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-about>summary{
  cursor:pointer;display:inline-block;padding:3px 0;color:var(--hg-muted);
  font-weight:650;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-about>small{
  display:block;margin:4px 0 2px;font-size:11px;line-height:1.45;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-year-tools label{
  font-size:13px;gap:7px;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-year-tools select{
  min-height:36px;min-width:107px;padding:6px 10px;font-size:13px;
}
#app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-year-tools>span{
  font-size:11px;
}
/* An individual year gets its own plot geometry, not a pan through an all-time line.
   Preserve horizontal scrolling when recorded observations make the plot wide. */
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth svg.wmd-fin-trend-plot{
  min-width:min(100%,620px)!important;
  width:var(--wmd-nw-chart-width,620px)!important;
}
#app .wmd-workspace--home .wmd-fin-trend-single-year{
  display:grid;align-content:center;gap:8px;min-height:142px;
  padding:16px 18px;border:1px dashed var(--hg-line);
  border-radius:13px;background:var(--hg-bg);color:var(--hg-text);
}
#app .wmd-workspace--home .wmd-fin-trend-single-year strong{font-size:15px}
#app .wmd-workspace--home .wmd-fin-trend-single-year span{
  font-size:12px;line-height:1.5;color:var(--hg-muted);
}
#app .wmd-workspace--home .wmd-fin-trend-year-nav button:disabled{
  opacity:.42;cursor:not-allowed;border-color:var(--hg-line);
}
@media(max-width:540px){
  #app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-change{
    grid-template-columns:1fr;gap:3px;padding-bottom:7px;
  }
  #app .wmd-workspace--home .wmd-fin-trend.is-networth .wmd-fin-trend-metrics{
    justify-content:flex-start;text-align:left;
  }
}

}
/* money-map-lowest-day.css */
@media screen {
/* Shared Home / Cash Flow Money Map low-day affordance.
   Financial calculation, calendar selection and negative-balance semantics remain unchanged. */
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest{
  position:relative;
  border-radius:11px;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest:not(.is-active){
  border-color:rgba(147,204,244,.55);
  background:rgba(145,201,245,.065);
  box-shadow:inset 0 0 0 1px rgba(145,201,245,.11);
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest::after{
  content:"LOW";
  position:absolute;top:3px;right:3px;
  padding:2px 3px;border-radius:5px;
  font:800 8px/1.1 system-ui,sans-serif;letter-spacing:.025em;
  color:#b8e0fb;background:rgba(115,175,225,.12);
  pointer-events:none;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-active{
  border-color:rgba(147,204,244,.88);
  background:rgba(145,201,245,.13);
  box-shadow:0 0 0 1px rgba(145,201,245,.14);
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest.is-active{
  border-color:#afdffc;
  background:rgba(145,201,245,.17);
  box-shadow:0 0 0 1px rgba(145,201,245,.25),0 0 13px rgba(126,183,225,.12);
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest.is-below>strong{
  color:#f6aab6;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-money-map circle.wmd-home-map-low-ring{
  fill:rgba(145,201,245,.08);
  stroke:rgba(156,213,251,.72);
  stroke-width:1.6;
  filter:drop-shadow(0 0 4px rgba(145,201,245,.27));
  pointer-events:none;
}
#app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-money-map circle.wmd-home-map-day-dot.is-lowest{
  stroke-width:2.65;
  filter:drop-shadow(0 0 4px rgba(145,201,245,.27));
}
@media(prefers-reduced-motion:reduce){
  #app :is(.wmd-workspace--home,.wmd-workspace--cashflow .money-map) .wmd-home-map-dates>button.is-lowest{
    transition:none;
  }
}
}
/* home-dashboard-maximized.css */
@media screen {
/* Home must match workspace-stable-frame.css, the authoritative signed-in shell.
   The later home-gadgets.css is more specific than the shared frame and historically
   set a different width, so this final Home-only rule restores exact parity.
   Balanced card layout below stays independent of the outer page width. */
#app > main.wmd-workspace--home{
  width:100%!important;
  max-width:1600px!important;
  min-width:0;
}
#app .wmd-workspace--home .wmd-home-gadget-board{
  width:100%!important;max-width:none!important;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-grid{
  width:100%;min-width:0;gap:clamp(12px,1.05vw,18px);
}
/* These five cards retain DOM order. Extra cards or reordered/resized cards do
   not receive any forced editorial placement. */
#app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]{
  grid-template-columns:repeat(20,minmax(0,1fr))!important;
  grid-auto-flow:row!important;
  align-items:stretch!important;
}
@media(min-width:1250px){
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="cashflow"]{
    grid-column:1/-1!important;
  }
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="networth"],
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="investments"]{
    grid-column:span 10!important;
  }
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="budget"]{
    grid-column:span 8!important;
  }
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="plan"]{
    grid-column:span 12!important;
  }
}
/* Laptop: 50/50 for the two bottom cards prevents narrow Budget labels. */
@media(min-width:960px) and (max-width:1249px){
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="cashflow"]{
    grid-column:1/-1!important;
  }
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card:not([data-gadget-kind="cashflow"]){
    grid-column:span 10!important;
  }
}
@media(min-width:960px){
  /* Let actual dated charts grow naturally with the paired card width. */
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="networth"] .wmd-fin-trend-plot,
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card[data-gadget-kind="investments"] .wmd-fin-trend-plot{
    width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;
  }
  /* Custom grid: an otherwise orphaned card expands without changing DOM order. */
  #app .wmd-workspace--home .wmd-hg-grid:not([data-home-grid-layout])>.wmd-hg-card.is-row-filler{
    grid-column:1/-1!important;
  }
}
@media(max-width:959px){
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]{
    grid-template-columns:minmax(0,1fr)!important;
  }
  #app .wmd-workspace--home .wmd-hg-grid[data-home-grid-layout="essentials"]>.wmd-hg-card{
    grid-column:1/-1!important;min-width:0;
  }
}
@media(max-width:600px){
  /* Use the same inherited 14px mobile workspace padding as every page. */
  #app > main.wmd-workspace--home{width:100%!important}
  #app .wmd-workspace--home .wmd-hg-grid{gap:12px}
}
}
/* financial-chart-readability.css */
@media screen {
/* Better chart typography without changing financial data, chart tone,
   or the original Home, Net Worth and Investments interactions. */
/* Home: date and dollar tick labels are SVG units and therefore scale with
   the viewBox. The renderer uses 600px desktop / 440px mobile coordinates. */
#app .wmd-workspace--home svg.wmd-fin-trend-plot text.wmd-fin-trend-axis{
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:16.5px!important;
  font-weight:640!important;
  fill:#bfd5e8!important;
  letter-spacing:-.015em;
}
#app .wmd-workspace--home .wmd-fin-trend-change-heading>span{
  font-size:14px!important;line-height:1.35;
}
#app .wmd-workspace--home .wmd-fin-trend-change-heading>small{
  font-size:12.5px!important;line-height:1.4;
}
#app .wmd-workspace--home .wmd-fin-trend-explainer,
#app .wmd-workspace--home .wmd-fin-trend-pct-missing{
  font-size:12px!important;line-height:1.5!important;
}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-date]{
  font-size:12px!important;line-height:1.45;
}
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-value],
#app .wmd-workspace--home .wmd-fin-trend-inspector [data-wmd-trend-change]{
  font-size:13px!important;line-height:1.45;
}
#app .wmd-workspace--home .wmd-fin-trend-source{
  font-size:11.5px!important;line-height:1.5;
}
/* The portfolio labels surrounding the graph should not look like fine print. */
#app .wmd-workspace--home .wmd-home-invest-hero :is(small,p),
#app .wmd-workspace--home .wmd-home-invest-section-head>small{
  font-size:12.5px!important;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-invest-period-values>span{
  font-size:12.5px!important;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-invest-return>small{
  font-size:13px!important;line-height:1.4;
}
#app .wmd-workspace--home .wmd-home-invest-return>span{
  font-size:12px!important;line-height:1.5;
}
#app .wmd-workspace--home .wmd-home-invest-note,
#app .wmd-workspace--home .wmd-home-invest-empty{
  font-size:12.5px!important;line-height:1.5;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"] .wmd-hg-subtle,
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="investments"] .wmd-hg-subtle{
  font-size:12px!important;line-height:1.5;
}
/* Full Investments: labels scale in a larger 820-unit SVG. Keep the line
   ocean blue and the larger signed gain/loss numbers unchanged. */
#app main.wmd-workspace--investments .invest-perf-svg .invest-perf-axis{
  font-size:13.5px!important;
  font-weight:620!important;
  fill:#bfd5e8!important;
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-balance-movement>span,
#app main.wmd-workspace--investments .invest-perf .invest-perf-chart-source,
#app main.wmd-workspace--investments .invest-perf .invest-perf-activity-status{
  font-size:12.5px!important;line-height:1.5;
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover>span,
#app main.wmd-workspace--investments .invest-perf .invest-perf-hover [data-perf-hover-change]{
  font-size:12.5px!important;line-height:1.45;
}
#app main.wmd-workspace--investments .invest-perf .invest-perf-disclaimer{
  font-size:12px!important;line-height:1.55;
}
/* Full Net Worth: make both axes and supporting comparison captions readable,
   but keep the larger existing green/red difference totals untouched. */
#app main.wmd-workspace--networth .history-panel .history-chart-frame svg.history-chart text.hist-label{
  font-size:14px!important;
  font-weight:620!important;
  fill:#bfd5e8!important;
}
#app main.wmd-workspace--networth .history-panel .history-range-change>span,
#app main.wmd-workspace--networth .history-panel .history-caption,
#app main.wmd-workspace--networth .history-panel .history-inspector :is(span,small){
  font-size:12.5px!important;line-height:1.5!important;
}
#app main.wmd-workspace--networth .history-panel .history-hover-tip [data-history-tip-delta],
#app main.wmd-workspace--networth .history-panel .history-hover-tip [data-history-tip-date]{
  font-size:12.5px!important;line-height:1.45;
}
/* On narrow screens, retain small enough Net Worth tick text for the
   360-unit mobile viewBox and its 55-unit left inset to avoid clipping. */
@media(max-width:680px){
  #app main.wmd-workspace--networth .history-panel .history-chart-frame svg.history-chart text.hist-label{
    font-size:12px!important;
  }
}
@media(max-width:600px){
  #app .wmd-workspace--home svg.wmd-fin-trend-plot text.wmd-fin-trend-axis{
    font-size:18px!important;letter-spacing:-.018em;
  }
  #app .wmd-workspace--home .wmd-fin-trend-change-heading>small,
  #app .wmd-workspace--home .wmd-home-invest-period-values>span{
    font-size:12px!important;
  }
}

}
/* home-networth-workflow.css */
@media screen {
/* Home navigation, Net Worth account exploration and comparison; presentation only. */
#app .wmd-workspace--home .wmd-hg-plan-scopes{
  display:inline-flex;align-items:center;gap:3px;padding:3px;flex:0 0 auto;
  background:var(--hg-bg,#112438);border:1px solid var(--hg-line,#45627e);
  border-radius:11px;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-plan-scopes button{
  min-height:36px;padding:7px 10px;font:700 12px/1.25 system-ui,sans-serif;
  color:var(--hg-muted,#bfd3e4);border:1px solid transparent;background:transparent;
  border-radius:8px;cursor:pointer;white-space:nowrap;
}
#app .wmd-workspace--home .wmd-hg-plan-scopes button[aria-pressed="true"]{
  color:var(--hg-text,#edf7ff);background:color-mix(in srgb,var(--hg-accent,#8ec9ff) 18%,var(--hg-card,#1a3247));
  border-color:color-mix(in srgb,var(--hg-accent,#8ec9ff) 55%,var(--hg-line,#425e78));
}
#app .wmd-workspace--home .wmd-hg-plan-scopes button:focus-visible{
  outline:2px solid var(--hg-accent,#8ec9ff);outline-offset:2px;
}
#app .wmd-workspace--home .wmd-hg-account-search-result .wmd-hg-plan-amount{
  font-size:13px;line-height:1.4;white-space:normal;text-align:right;
}
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"][data-gadget-current-view="overview"]:has(.wmd-home-nw-explorer) .wmd-hg-nw-overview-rows{
  display:none!important;
}
#app .wmd-workspace--home .wmd-home-nw-explorer{display:grid;gap:15px;margin-top:8px;min-width:0}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets{
  border:1px solid var(--hg-line,#45647c);border-radius:13px;
  background:var(--hg-bg,#10243a);padding:13px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-layout{
  grid-template-columns:minmax(115px,.74fr) minmax(0,1.25fr);
  gap:10px;justify-items:stretch;align-items:center;
}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-chart{
  max-width:170px;min-height:125px;justify-self:center;
}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-side{width:100%}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-legend{max-height:160px}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-inspector{padding:10px}
#app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets>h4 small{font-size:11px;line-height:1.35}
#app .wmd-workspace--home .wmd-home-nw-browser{
  display:grid;gap:10px;min-width:0;padding:14px;border:1px solid var(--hg-line,#45647c);
  border-radius:13px;background:var(--hg-bg,#10243a);
}
#app .wmd-workspace--home .wmd-home-nw-browser-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-width:0;
}
#app .wmd-workspace--home .wmd-home-nw-browser-head h4{
  margin:0;color:var(--hg-text,#edf7ff);font-size:16px;line-height:1.25;font-weight:780;
}
#app .wmd-workspace--home .wmd-home-nw-browser-head small{
  display:block;color:var(--hg-muted,#b3c8dd);font-size:11px;line-height:1.4;margin-top:4px;
}
#app .wmd-workspace--home .wmd-home-nw-browser-tabs{
  display:inline-flex;flex-wrap:wrap;gap:3px;padding:3px;border:1px solid var(--hg-line,#45647c);
  border-radius:9px;background:var(--hg-card,#193249);
}
#app .wmd-workspace--home .wmd-home-nw-browser-tabs button{
  min-height:32px;padding:5px 8px;border-radius:7px;border:1px solid transparent;
  background:transparent;color:var(--hg-muted,#b3c8dd);font:700 12px/1.25 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-nw-browser-tabs button[aria-pressed="true"]{
  color:var(--hg-text,#edf7ff);
  background:color-mix(in srgb,var(--hg-accent,#8ec9ff) 16%,var(--hg-card,#193249));
  border-color:color-mix(in srgb,var(--hg-accent,#8ec9ff) 50%,var(--hg-line,#45647c));
}
#app .wmd-workspace--home .wmd-home-nw-browser-search{display:grid;gap:5px;min-width:0}
#app .wmd-workspace--home .wmd-home-nw-browser-search>span{
  color:var(--hg-muted,#b3c8dd);font:650 11px/1.3 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-nw-browser-search input{
  box-sizing:border-box;width:100%;min-width:0;min-height:42px;
  padding:9px 12px;border:1px solid var(--hg-line,#45647c);border-radius:9px;
  background:var(--hg-card,#193249);color:var(--hg-text,#edf7ff);
  outline:none;box-shadow:none;font:600 14px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-home-nw-browser-search input:focus-visible{
  border-color:var(--hg-accent,#8ec9ff);outline:2px solid var(--hg-accent,#8ec9ff);outline-offset:1px;
}
#app .wmd-workspace--home .wmd-home-nw-browser-scroll{
  max-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;
  scrollbar-color:var(--hg-accent,#8ec9ff) transparent;padding-right:3px;
}
#app .wmd-workspace--home .wmd-home-nw-browser-group{display:grid;gap:2px}
#app .wmd-workspace--home .wmd-home-nw-browser-group[hidden],
#app .wmd-workspace--home .wmd-home-nw-browser-row[hidden],
#app .wmd-workspace--home .wmd-home-nw-empty[hidden]{display:none!important}
#app .wmd-workspace--home .wmd-home-nw-browser-group h5{
  margin:10px 0 3px;padding:0 4px;color:var(--hg-muted,#b3c8dd);
  font:750 11px/1.3 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.045em;
}
#app .wmd-workspace--home .wmd-home-nw-browser-row{
  width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 12px;
  gap:7px;align-items:center;min-height:51px;padding:8px 9px;
  border:1px solid transparent;border-bottom-color:var(--hg-line,#45647c);
  border-radius:7px;background:transparent;color:var(--hg-text,#edf7ff);text-align:left;cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-nw-browser-row:hover,
#app .wmd-workspace--home .wmd-home-nw-browser-row:focus-visible{
  background:color-mix(in srgb,var(--hg-accent,#8ec9ff) 9%,var(--hg-bg,#10243a));
  border-color:var(--hg-accent,#8ec9ff);outline-offset:1px;
}
#app .wmd-workspace--home .wmd-home-nw-browser-row>span:first-child{
  display:grid;gap:3px;min-width:0;overflow-wrap:anywhere;
}
#app .wmd-workspace--home .wmd-home-nw-browser-row strong{
  font:730 13px/1.3 system-ui,sans-serif;color:var(--hg-text,#edf7ff);
}
#app .wmd-workspace--home .wmd-home-nw-browser-row small{
  font:500 11px/1.3 system-ui,sans-serif;color:var(--hg-muted,#b3c8dd);
}
#app .wmd-workspace--home .wmd-home-nw-browser-row>b{
  font:790 13px/1.2 system-ui,sans-serif;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-home-nw-browser-chevron{color:var(--hg-accent,#8ec9ff);font-size:18px}
#app .wmd-workspace--home .wmd-home-nw-browser-footer{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;
  padding-top:7px;border-top:1px solid var(--hg-line,#45647c);
}
#app .wmd-workspace--home .wmd-home-nw-browser-footer small,
#app .wmd-workspace--home .wmd-home-nw-empty{
  color:var(--hg-muted,#b3c8dd);font-size:11px;
}
#app .wmd-workspace--home .wmd-home-nw-browser-footer button{
  min-height:34px;padding:6px 10px;border:1px solid var(--hg-line,#45647c);
  border-radius:8px;background:var(--hg-card,#193249);color:var(--hg-accent,#8ec9ff);
  font:750 12px/1.3 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-home-nw-browser-footer button:hover{
  border-color:var(--hg-accent,#8ec9ff);
}
#app .wmd-workspace--home .wmd-hg-card.size-compact .wmd-home-nw-browser-scroll{max-height:170px}
@media(max-width:780px){
  #app .wmd-workspace--home .wmd-hg-plan-scopes{order:1;flex:0 1 auto;max-width:100%;}
  #app .wmd-workspace--home .wmd-hg-quick-actions .wmd-hg-plan-search-label{order:2;flex:1 1 100%;max-width:none;}
  #app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="balances"]{order:3}
  #app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-add-toggle],
  #app .wmd-workspace--home .wmd-hg-quick-actions>[data-gadget-action="budget"]{order:4}
}
@media(max-width:430px){
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-layout{grid-template-columns:1fr}
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-chart{max-width:156px;min-height:132px}
  #app .wmd-workspace--home .wmd-home-nw-browser{padding:10px}
  #app .wmd-workspace--home .wmd-home-nw-browser-tabs{width:100%;display:flex}
  #app .wmd-workspace--home .wmd-home-nw-browser-tabs button{flex:1 1 auto}
  #app .wmd-workspace--home .wmd-hg-plan-scopes{width:100%;display:flex}
  #app .wmd-workspace--home .wmd-hg-plan-scopes button{flex:1 1 auto}
}

/* Exact-date comparison is an optional inspection control on Home only. */
#app .wmd-workspace--home .wmd-fin-trend-comparison{
  display:grid;gap:8px;padding:11px 12px;margin:5px 0;
  border:1px solid var(--hg-line,#45627d);border-radius:11px;
  background:color-mix(in srgb,var(--hg-accent,#8cc8f6) 5%,var(--hg-card,#1b3449));
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-head{
  display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 12px
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-head strong{
  color:var(--hg-text,#eaf3fb);font-size:13px;font-weight:760
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-head small{
  color:var(--hg-muted,#bfd0df);font-size:11px;line-height:1.45
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:9px;align-items:end;min-width:0;
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields label{
  display:grid;gap:5px;min-width:0;color:var(--hg-muted,#bfd0df);
  font:690 12px/1.35 system-ui,sans-serif
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields select{
  width:100%;min-width:0;min-height:40px;padding:7px 9px;
  color:var(--hg-text,#eaf3fb);background:var(--hg-bg,#112538);
  border:1px solid var(--hg-line,#45627d);border-radius:9px;
  font:660 13px/1.35 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields select:focus-visible,
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields button:focus-visible{
  outline:2px solid var(--hg-accent,#8cc8f6);outline-offset:2px
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields select[aria-invalid="true"]{
  border-color:#ff9ba8
}
#app .wmd-workspace--home .wmd-fin-trend-comparison-fields button{
  min-height:40px;padding:7px 12px;border:1px solid var(--hg-line,#45627d);
  border-radius:9px;background:var(--hg-bg,#112538);color:var(--hg-accent,#8cc8f6);
  font:720 12px/1.3 system-ui,sans-serif;cursor:pointer;
}
#app .wmd-workspace--home [data-wmd-trend-compare-status]{
  color:var(--hg-muted,#bfd0df);font-size:11px;line-height:1.45;margin:0
}
#app .wmd-workspace--home [data-wmd-trend-compare-status].is-invalid{color:#ffadb9}
#app .wmd-workspace--home .wmd-fin-trend-metrics[hidden]{display:none!important}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth
  .wmd-fin-trend-observation.is-compare-start.is-hit-only{
  opacity:1!important;fill:var(--hg-bg,#112538);stroke:#d9b1f8;
  stroke-width:2.6;r:5.5;pointer-events:all
}
#app .wmd-workspace--home .wmd-fin-trend-plot-wrap.is-networth
  .wmd-fin-trend-observation.is-compare-end.is-hit-only{
  opacity:1!important;fill:var(--hg-bg,#112538);stroke:#8bcfff;
  stroke-width:2.6;r:5.5;pointer-events:all
}
@media(max-width:530px){
  #app .wmd-workspace--home .wmd-fin-trend-comparison-fields{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)
  }
  #app .wmd-workspace--home .wmd-fin-trend-comparison-fields button{
    grid-column:1/-1;justify-self:start;min-height:35px
  }
}

/* Home overview layout fit: let the mix and account explorer share one row
   only when the gadget itself has room, not merely when viewport is wide. */
#app .wmd-workspace--home .wmd-hg-card[data-gadget-kind="networth"] .wmd-hg-content{
  container-type:inline-size;
}
@container (min-width:760px){
  #app .wmd-workspace--home .wmd-home-nw-explorer{
    grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);
    align-items:start;
    gap:12px;
  }
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets{
    align-self:stretch;
  }
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-layout{
    grid-template-columns:1fr;
    gap:9px;
  }
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-chart{
    max-width:155px;min-height:128px;
  }
  #app .wmd-workspace--home .wmd-home-nw-explorer .wmd-home-assets-legend{
    max-height:168px;
  }
}

/* Quick Actions Net Worth hierarchy: match the saved Net Worth page's
   Assets / Liabilities / Sinking funds / Other section and group sequence. */
#app .wmd-workspace--home .wmd-hg-account-search-list{
  display:grid;align-content:start;gap:11px;
  max-height:min(58vh,500px);padding:2px 3px 7px;
  overflow-y:auto;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:var(--hg-accent,#8bc9f4) transparent;
}
#app .wmd-workspace--home .wmd-hg-account-search-section{
  display:grid;gap:7px;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-account-search-section>h4{
  position:sticky;top:0;z-index:2;
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  margin:0;padding:9px 11px;
  color:var(--hg-text,#eef7ff);background:var(--hg-card,#1a3046);
  border:1px solid var(--hg-line,#48617c);border-radius:9px;
  font:800 14px/1.35 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hg-account-search-section>h4 span{
  flex:none;color:var(--hg-muted,#b7c9dc);
  font:650 11px/1.3 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hg-account-search-group{
  display:grid;gap:5px;min-width:0;padding:2px 0 5px 11px;
  border-left:2px solid color-mix(in srgb,var(--hg-accent,#8bc9f4) 40%,var(--hg-line,#48617c));
}
#app .wmd-workspace--home .wmd-hg-account-search-group h5{
  margin:3px 0 2px;padding:3px 7px;
  color:var(--hg-accent,#9bccf4);font:760 12px/1.4 system-ui,sans-serif;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-account-search-result{
  display:grid;grid-template-columns:25px minmax(0,1fr) auto auto;
  align-items:center;gap:5px 10px;min-height:49px;padding:9px 11px;
  border-radius:9px;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-emoji{
  font-size:19px;line-height:1.15;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-info{
  gap:3px;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-info strong{
  font-size:13px;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-info small{
  font-size:11px;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-amount{
  justify-self:end;font-size:12px;font-variant-numeric:tabular-nums;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-actions{
  grid-column:auto;min-width:0;
}
#app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-actions button{
  min-height:35px;white-space:nowrap;padding:7px 10px;font-size:11.5px;
}
@media(max-width:760px){
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-account-search-result{
    grid-template-columns:25px minmax(0,1fr) auto;gap:6px 8px;
  }
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-amount{
    grid-column:3;grid-row:1;
  }
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-actions{
    grid-column:2/-1;grid-row:2;justify-self:start;
  }
}
@media(max-width:460px){
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-account-search-result{
    grid-template-columns:25px minmax(0,1fr);
  }
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-amount{
    grid-column:2;grid-row:2;justify-self:start;
  }
  #app .wmd-workspace--home .wmd-hg-account-search-list .wmd-hg-plan-result-actions{
    grid-column:2;grid-row:3;
  }
  #app .wmd-workspace--home .wmd-hg-account-search-section>h4{
    flex-wrap:wrap;
  }
}

}
/* landing-demo-home-interactive.css */
@media screen {

/* Public tour: Home and Net Worth must not occupy the same scrolling tab slot. */
#app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-tour-page="home"]{
 position:relative!important;left:auto!important;z-index:auto!important;
}
@media(max-width:950px){
 #app .landing-v6 [data-landing-tour] .landing-tour-tablist{
   display:flex!important;gap:8px!important;overflow-x:auto!important;
   scroll-padding-inline:8px;overscroll-behavior-x:contain;min-width:0;
 }
 #app .landing-v6 [data-landing-tour] .landing-tour-tab{
   flex:0 0 142px!important;min-width:142px!important;
 }
 #app .landing-v6 [data-landing-tour] .landing-tour-tab[data-landing-tour-page="home"]{
   flex:0 0 112px!important;min-width:112px!important;
 }
 #app .landing-v6 [data-landing-tour] .wmd-tour-home-label{
   position:static!important;width:auto!important;height:auto!important;margin:0!important;
   padding:0!important;overflow:visible!important;clip-path:none!important;white-space:nowrap!important;
 }
}
/* Actual signed-in Home features belong in the demo, not behind display:none. */
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-commands{display:block!important;max-width:100%;min-width:0}
#app .landing-v6 [data-landing-preview="home"] :is(
 .wmd-hg-board-actions,.wmd-hg-card-shortcuts,.wmd-hg-size-control,
 .wmd-hg-menu,.wmd-hg-resize-action,.wmd-hg-finish-bottom,.wmd-hg-cash-why
){display:flex!important}
#app .landing-v6 [data-landing-preview="home"] :is(
 .wmd-hg-board-actions,.wmd-hg-card-shortcuts,.wmd-hg-quick-actions
){flex-wrap:wrap!important;gap:8px!important}
#app .landing-v6 [data-landing-preview="home"] :is(.wmd-hg-size-control,.wmd-hg-menu){display:block!important}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-drag{display:none!important}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-whatif{display:none!important}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-plan-results{
 position:relative!important;z-index:1!important;max-width:100%!important;
}
#app .landing-v6 [data-landing-preview="home"] [data-gadget-shortcut]:is(:hover,:focus-visible),
#app .landing-v6 [data-landing-preview="home"] [data-gadget-action]:is(:hover,:focus-visible){
 border-color:#9cd2f8!important;outline-color:#9cd2f8!important
}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card.size-compact{grid-column:span 4!important}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card.size-medium{grid-column:span 6!important}
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card.size-wide,
#app .landing-v6 [data-landing-preview="home"] .wmd-hg-card.size-full{grid-column:1/-1!important}
@container wmd-public-home (max-width:680px){
 #app .landing-v6 [data-landing-preview="home"] .wmd-hg-card{
   grid-column:1/-1!important;min-width:0!important
 }
}
/* Brand: interaction blue, rather than legacy mint-green, for primary CTAs. */
#app .landing-v6 .wmd-device-install-primary,
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary{
 background:#92cafa!important;border-color:#92cafa!important;color:#10283b!important;
 box-shadow:0 7px 20px rgba(81,159,223,.17)!important
}
#app .landing-v6 .wmd-device-install-primary:hover:not(:disabled),
#app .landing-v6 .wmd-founder-focus > .landing-intro-v5 .landing-hero-ctas-v5 .landing-primary:hover{
 background:#b6e0ff!important;border-color:#b6e0ff!important;
 box-shadow:0 8px 24px rgba(81,159,223,.23)!important
}
#app .landing-v6 .wmd-device-install-primary:focus-visible{
 outline:2px solid #dbf1ff!important;outline-offset:3px!important
}

/* A native accessible modal for fictional Home quick-add; never touches app records. */
.landing-public-home-dialog{
  box-sizing:border-box;width:min(470px,calc(100% - 26px));max-height:88dvh;
  margin:auto;padding:21px;border:1px solid #77a7c7;border-radius:17px;
  background:#13283c;color:#eef7fd;color-scheme:dark;
  box-shadow:0 28px 80px rgba(0,7,17,.65);
}
.landing-public-home-dialog::backdrop{background:rgba(3,11,22,.72)}
.landing-public-home-dialog form{display:grid;gap:13px}
.landing-public-home-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.landing-public-home-dialog header strong{font-size:20px;line-height:1.25}
.landing-public-home-dialog p{margin:0;color:#bed6e6;font-size:13px;line-height:1.5}
.landing-public-home-dialog label{display:grid;gap:5px;font-size:13px;font-weight:750}
.landing-public-home-dialog input,.landing-public-home-dialog select{
  box-sizing:border-box;width:100%;min-height:44px;padding:8px 10px;
  border:1px solid #6087a4;border-radius:10px;
  background:#0e2336;color:#eff8ff;font:500 16px/1.35 system-ui,sans-serif;
}
.landing-public-home-dialog button{
  min-height:41px;padding:9px 13px;border:1px solid #6998b8;border-radius:9px;
  background:#233e54;color:#f1f9ff;font:700 13px system-ui,sans-serif;cursor:pointer;
}
.landing-public-home-dialog footer{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}
.landing-public-home-dialog button[type="submit"]{background:#95d0fa;color:#0e293b;border-color:#95d0fa}
.landing-public-home-dialog [role="alert"]{color:#ffb5bc}
#app .landing-v6 [data-landing-preview="home"] .landing-public-home-tip{
  margin:0 0 12px;padding:10px 12px;
  border:1px solid rgba(149,206,244,.3);border-radius:10px;
  background:#19364b;color:#cbe4f4;font:650 12px/1.5 system-ui,sans-serif;
}

/* All marketing conversion controls use Ocean blue; mint is not a second
   button brand. Preserve positive financial results and graph series colors. */
#app .landing-v6 .landing-primary,
#app .landing-v6 .launch-quick .launch-actions .landing-primary,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-snapper .launch-path-action{
  background:#94cdf7!important;border-color:#94cdf7!important;
  color:#0d293e!important;box-shadow:0 7px 22px rgba(71,152,216,.17)!important;
}
#app .landing-v6 .landing-primary:hover,
#app .landing-v6 .launch-quick .launch-actions .landing-primary:hover,
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-snapper .launch-path-action:hover{
  background:#b6e2ff!important;border-color:#b6e2ff!important;
}
#app .landing-v6 .wmd-founder-focus .launch-path-grid-three > .launch-path-manual .launch-path-action{
  background:#253f55!important;border-color:#537f9f!important;color:#deeffb!important;
}
#app .landing-v6 .launch-quick .launch-actions .launch-preview-link{
  background:#223d51!important;border-color:#6088a6!important;color:#e6f3fc!important;
}
#app .landing-v6 .launch-quick .launch-actions .launch-preview-link:hover{
  background:#2c516a!important;border-color:#94cdf7!important;
}

}
/* cashflow-outlook-unified.css */
@media screen {
/* One cash outlook and one monthly activity workspace, shared with Home.
   Presentation only; canonical cash forecasts and payment handlers stay intact. */
#app .wmd-home-runway-months .wmd-home-runway-month-card,
#app .wmd-home-cf-mini-runway .wmd-home-mini-month{
  min-width:0;display:grid;gap:6px;padding:10px 11px;border:1px solid var(--hg-line,#476782);
  border-radius:12px;background:var(--hg-bg,#12273a);color:var(--hg-text,#eef7ff);
}
#app .wmd-home-runway-month-card.is-active{border-color:var(--hg-accent,#90cfff)}
#app .wmd-home-runway-month-card>button,
#app .wmd-home-cf-mini-runway .wmd-home-mini-month>button{
  appearance:none;display:grid;gap:3px;min-width:0;min-height:0;margin:0;
  padding:6px 7px;text-align:left;background:transparent;color:inherit;
  border:1px solid transparent;border-radius:8px;cursor:pointer;
}
#app .wmd-home-runway-month-card>button:is(:hover,:focus-visible),
#app .wmd-home-cf-mini-runway .wmd-home-mini-month>button:is(:hover,:focus-visible){
  outline:2px solid var(--hg-accent,#90cfff);outline-offset:0;
  background:color-mix(in srgb,var(--hg-accent,#90cfff) 10%,transparent);
}
#app .wmd-home-runway-month-card>button>span,
#app .wmd-home-mini-month>strong{
  font-size:13px;font-weight:800;color:var(--hg-text,#eef7ff);
}
#app .wmd-home-runway-month-card>button small,
#app .wmd-home-mini-month>button small{
  font-size:11px;line-height:1.35;color:var(--hg-muted,#b9d2e5);
}
#app .wmd-home-runway-month-card>button strong,
#app .wmd-home-mini-month>button strong{
  display:block;font-size:clamp(15px,1.45vw,20px);font-weight:820;
  font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:var(--hg-text,#eef7ff);
}
#app .wmd-home-runway-month-card>button.wmd-home-runway-end{
  border-top:1px solid var(--hg-line,#476782);border-radius:0 0 8px 8px;padding-top:9px;
}
#app .wmd-home-runway-note{
  color:var(--hg-muted,#b9d2e5);font-size:12px;line-height:1.5;margin:0;
}
#app .wmd-home-cf-mini-runway .wmd-home-mini-month>button{
  width:100%;box-sizing:border-box;
}
#app .wmd-home-cf-mini-runway .wmd-home-mini-month>button:last-child{
  border-top:1px solid var(--hg-line,#476782);
  border-radius:0 0 8px 8px;padding-top:8px;
}
#app main.wmd-workspace--cashflow .wmd-focus-compact-outlook{
  display:grid;gap:10px;min-width:0;margin-top:8px;
  color:var(--focus-text,#edf5ff);
}
#app main.wmd-workspace--cashflow .wmd-focus-compact-outlook h3{
  margin:0;font-size:15px;font-weight:800;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-months{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card{
  min-width:0;display:grid;gap:5px;padding:10px;
  border:1px solid var(--focus-line,#476782);border-radius:12px;
  background:var(--focus-deep,#102538);
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-name{
  font-size:13px;font-weight:800;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button{
  display:grid;min-width:0;gap:4px;padding:6px;text-align:left;
  border:1px solid transparent;border-radius:8px;
  background:transparent;color:var(--focus-text,#edf5ff);cursor:pointer;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button:last-child{
  border-top:1px solid var(--focus-line,#476782);border-radius:0 0 8px 8px;
  padding-top:9px;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button:is(:hover,:focus-visible){
  outline:2px solid var(--focus-accent,#90cfff);outline-offset:0;
  background:color-mix(in srgb,var(--focus-accent,#90cfff) 12%,transparent);
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button small{
  font-size:11px;line-height:1.35;color:var(--focus-muted,#b9d2e5);
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button strong{
  font:800 clamp(14px,1.65vw,20px)/1.25 system-ui,sans-serif;
  overflow-wrap:anywhere;font-variant-numeric:tabular-nums;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-note{
  margin:0;font-size:12px;line-height:1.45;color:var(--focus-muted,#b9d2e5);
}
/* Replace the old month-end-only runway in the header with the canonical
   two-value cards. Leave its native controls mounted for compatibility. */
#app main.wmd-workspace--cashflow .wmd-focus-cash-col:has(.wmd-focus-compact-outlook) .cash-runway{
  display:none!important;
}
/* No second stack of low/end figures in Money Map. Its real date panels remain. */
#app main.wmd-workspace--cashflow:has(.wmd-focus-compact-outlook) .money-map .mm-metrics,
#app main.wmd-workspace--cashflow:has(.wmd-focus-compact-outlook) .money-map .wmd-home-runway-title,
#app main.wmd-workspace--cashflow:has(.wmd-focus-compact-outlook) .money-map .wmd-home-runway-months,
#app main.wmd-workspace--cashflow:has(.wmd-focus-compact-outlook) .money-map .wmd-home-runway-note{
  display:none!important;
}
#app main.wmd-workspace--cashflow:has(.wmd-focus-compact-outlook) .money-map .wmd-home-runway{
  border-top:0;padding-top:0;margin-top:0;
}
/* Match Home's activity-first hierarchy: category filters then search and
   saved activity, with extensive Budget explanation folded away. */
#app main.wmd-workspace--cashflow .wmd-cf-views{
  margin-top:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-views-heading{
  margin-bottom:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview{
  padding:10px!important;row-gap:8px!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-overview-title p,
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-month-summary,
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-simple-note{
  display:none!important;
}
#app main.wmd-workspace--cashflow .wmd-cf-inline-overview .wmd-mg-purpose-card{
  padding:11px!important;gap:6px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist{
  padding:10px 12px!important;margin:5px 0 9px!important;
  gap:7px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist-heading h3{
  font-size:16px!important;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-body{
  max-height:clamp(290px,48vh,540px);overflow-y:auto;
}
#app main.wmd-workspace--cashflow .wmd-focus-checklist .cash-checklist-item{
  scroll-margin-top:20px;
}
@media(max-width:720px){
  #app .wmd-home-runway-months,
  #app main.wmd-workspace--cashflow .wmd-focus-outlook-months{
    grid-template-columns:repeat(3,minmax(135px,1fr));overflow-x:auto;
    overscroll-behavior-inline:contain;padding-bottom:4px;
  }
  #app .wmd-home-runway-month-card>button strong,
  #app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button strong{
    font-size:15px;
  }
}

/* Cash and credit remain side by side when there is room, but the monthly
   forecast belongs to a separate full-width row with legible tap targets. */
#app main.wmd-workspace--cashflow .wmd-focus-hero > .wmd-focus-compact-outlook{
  grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box;
  border-top:1px solid var(--focus-line,#476782);
  padding-top:13px;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button{
  min-height:58px;
}
#app main.wmd-workspace--cashflow .wmd-focus-outlook-card>button strong{
  font-size:clamp(16px,1.6vw,21px);font-weight:800;
}
@media(max-width:720px){
  #app main.wmd-workspace--cashflow .wmd-focus-hero > .wmd-focus-compact-outlook{
    grid-column:1/-1;
  }
}

/* Card-aware monthly closing balance: no second forecast, pure presentation. */
#app .cash-calendar-month-end{
  display:grid;gap:6px;margin:12px 0 16px;padding:15px 18px;
  border:1px solid var(--hg-line,#476782);border-radius:12px;
  background:var(--hg-bg,#12273a);color:var(--hg-text,#eef7ff);
}
#app .cash-calendar-month-end>span{
  font-size:11px;font-weight:800;letter-spacing:.035em;
  color:var(--hg-muted,#b9d2e5);
}
#app .cash-calendar-month-end>strong{font-size:clamp(21px,2vw,30px);font-weight:850}
#app .cash-calendar-month-end>small{
  font-size:12px;line-height:1.55;color:var(--hg-muted,#b9d2e5);
}
#app .mm-card-aware-disclosure{
  margin:8px 0 14px;font-size:12px;line-height:1.55;
  color:var(--hg-muted,#b9d2e5);
}
#app .wmd-home-runway-available{line-height:1.45}

}
/* field-focus-unified.css */
@media screen {
/* Single-focus field system. Final stylesheet in the composed app bundle.
   Search and currency fields already have a rounded shell. Their inner input
   must not draw a separate square/rectangular ring on click or keyboard focus.
   Presentation only: do not alter native focus order, input events, or data. */

/* Suppress only the EXTRA outer outline on editable controls. Preserve each
   field's border, colors and semantic error states. Never reset buttons,
   checks, radio controls, sliders, file pickers or navigation focus. */
#app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):is(:focus,:focus-visible),
#app main.wmd-workspace :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):is(:focus,:focus-visible),
#wmd-photo-import-root :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea):is(:focus,:focus-visible),
#wmd-budget-builder :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea):is(:focus,:focus-visible),
.wmd-quick-money-dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible),
.money-action-dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible),
.auth-card :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):is(:focus,:focus-visible){
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
}

/* Older standalone search and premium editors used higher-specificity
   rectangular outlines. Keep their visible focus INSIDE the field. */
#app input[type="search"]:focus-visible,
#wmd-photo-import-root input[type="search"]:focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:inset 0 0 0 2px var(--wmd-find-accent,var(--wmd-theme-accent,#9ed2f4))!important;
}
#app .cash-editor-premium .cash-calendar-editor-grid :is(input,select):focus-visible,
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card :is(input,select):focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:inset 0 0 0 2px var(--wmd-theme-accent,#9ed2f4)!important;
}

/* Ordinary fields keep a visible single focus boundary INSIDE the control,
   not a second unrounded box floating outside the field's border. */
#app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),select,textarea):focus-visible:where(:not([aria-invalid="true"]):not(.is-invalid)),
.auth-card :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible:not([aria-invalid="true"]),
.money-action-dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible:not([aria-invalid="true"]){
  box-shadow:inset 0 0 0 2px var(--wmd-theme-accent,var(--wmd-current-accent,#9ed2f4))!important;
}
.wmd-quick-money-dialog :where(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible:not([aria-invalid="true"]){
  box-shadow:inset 0 0 0 2px var(--qmc-accent,#9ed2f4)!important;
}
#wmd-photo-import-root :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea):focus-visible:not([aria-invalid="true"]),
#wmd-budget-builder :where(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),select,textarea):focus-visible:not([aria-invalid="true"]){
  box-shadow:inset 0 0 0 2px var(--snap-ui-accent,var(--wmd-theme-accent,#9ed2f4))!important;
}

/* The quick-money modal is mounted outside #app and has its own historic
   :focus-visible outline. Keep only its rounded field border. */
.wmd-quick-money-dialog :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{
  outline:0!important;
  outline-offset:0!important;
  box-shadow:inset 0 0 0 2px var(--qmc-accent,#9ed2f4)!important;
}

/* The inner inputs in icon-search, currency, balances and compound editors
   are invisible as focus boundaries. Parent shells display the focus state. */
#app :is(.wmd-focus-activity-search-field,.wmd-discovery-control,
  .wmd-smart-input-shell,.cash-inline-balance,.cash-checklist-money,
  .cash-top-money,.retirement-linked-input,.retirement-money-input)
  :is(input,textarea):is(:focus,:focus-visible),
#app .cash-settings-integrated .currency-input input:is(:focus,:focus-visible),
#app .cash-calendar-editor-grid .currency-input input:is(:focus,:focus-visible),
#app main.wmd-workspace--cashflow .wmd-focus-checklist
  .wmd-focus-activity-search-field > input.wmd-focus-activity-search-input:is(:focus,:focus-visible),
#app .wmd-workspace > .wmd-discovery .wmd-discovery-control
  > input.wmd-discovery-input:is(:focus,:focus-visible),
#app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell
  > input:is(:focus,:focus-visible),
#app main.wmd-workspace--cashflow .wmd-focus-credit-col
  .wmd-focus-card-glance-card .cash-top-money input:is(:focus,:focus-visible){
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
}

/* Only one softly highlighted, rounded shell, including mouse focus. */
#app :is(.wmd-focus-activity-search-field,.wmd-discovery-control,
  .wmd-smart-input-shell,.cash-inline-balance,.cash-checklist-money,
  .cash-top-money,.retirement-linked-input,.retirement-money-input):focus-within,
#app .cash-settings-integrated .currency-input:focus-within,
#app .cash-calendar-editor-grid .currency-input:focus-within{
  border-color:var(--wmd-find-accent,var(--wmd-theme-accent,#9ed2f4))!important;
  outline:0!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--wmd-find-accent,var(--wmd-theme-accent,#9ed2f4)) 30%,transparent)!important;
}

/* Error inputs should remain error-colored rather than becoming blue. */
#app :where(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select)[aria-invalid="true"]:focus,
#wmd-photo-import-root :where(input,textarea,select)[aria-invalid="true"]:focus,
.money-action-dialog :where(input,textarea,select)[aria-invalid="true"]:focus,
.wmd-quick-money-dialog :where(input,textarea,select)[aria-invalid="true"]:focus{
  outline:0!important;
  box-shadow:inset 0 0 0 2px var(--wmd-error,#d58d94)!important;
}

/* Windows High Contrast must have an OS-visible focus boundary. This does
   not restore the unwanted inner rectangle for composite input shells. */
@media (forced-colors:active){
  #app :is(.wmd-focus-activity-search-field,.wmd-discovery-control,
    .wmd-smart-input-shell,.cash-inline-balance,.cash-checklist-money,
    .cash-top-money,.retirement-linked-input,.retirement-money-input):focus-within,
  #app .cash-settings-integrated .currency-input:focus-within,
  #app .cash-calendar-editor-grid .currency-input:focus-within{
    outline:2px solid Highlight!important;
    outline-offset:2px!important;
    box-shadow:none!important;
  }
  #app :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="hidden"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]),textarea,select):focus-visible,
  #wmd-photo-import-root :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select):focus-visible,
  #wmd-budget-builder :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select):focus-visible,
  .money-action-dialog :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select):focus-visible,
  .wmd-quick-money-dialog :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select):focus-visible{
    outline:2px solid Highlight!important;
    outline-offset:2px!important;
    box-shadow:none!important;
  }
  #app :is(.wmd-focus-activity-search-field,.wmd-discovery-control,
    .wmd-smart-input-shell,.cash-inline-balance,.cash-checklist-money,
    .cash-top-money,.retirement-linked-input,.retirement-money-input)
    input:focus-visible,
  #app .cash-settings-integrated .currency-input input:focus-visible,
  #app .cash-calendar-editor-grid .currency-input input:focus-visible{
    outline:0!important;
  }
}

/* Match the older premium selector's specificity in Windows High Contrast. */
@media (forced-colors:active){
  #app input[type="search"]:focus-visible,
  #wmd-photo-import-root input[type="search"]:focus-visible,
  #app .cash-editor-premium .cash-calendar-editor-grid :is(input,select):focus-visible,
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col
    .wmd-focus-card-glance-card :is(input,select):focus-visible,
  .wmd-quick-money-dialog :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus-visible{
    outline:2px solid Highlight!important;
    outline-offset:2px!important;
    box-shadow:none!important;
  }
  #app main.wmd-workspace--cashflow .wmd-focus-credit-col
    .wmd-focus-card-glance-card .cash-top-money input:focus-visible,
  #app main.wmd-workspace--cashflow .wmd-focus-checklist
    .wmd-focus-activity-search-field > input.wmd-focus-activity-search-input:focus-visible,
  #app .wmd-workspace > .wmd-discovery .wmd-discovery-control > input.wmd-discovery-input:focus-visible,
  #app .wmd-smart-backdrop[data-search-page] .wmd-smart-input-shell > input:focus-visible{
    outline:0!important;
  }
}

}
/* home-command-toolbar-layout.css */
@media screen {
/* Paid signed-in Home: the discovery/Ask panel was removed, but the
   original two-column grid still left a blank first column.
   Free Home retains its independently verified full-width stack.
   Layout only: no app state, balances, auth or billing behavior changes. */
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)){
  grid-template-columns:minmax(0,1fr)!important;
  grid-auto-flow:row!important;
  row-gap:clamp(9px,1vw,14px)!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > nav[data-scroll-key="workspace-tabs"]{
  grid-column:1/-1!important;grid-row:1!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-hg-commands{
  grid-column:1/-1!important;grid-row:2!important;
  width:100%!important;max-width:none!important;min-width:0!important;
  min-height:0!important;margin:0!important;
  padding:10px 14px!important;justify-content:flex-start!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-hg-commands .wmd-hg-quick-actions{
  width:100%!important;max-width:100%!important;min-width:0!important;
  flex-wrap:wrap!important;justify-content:flex-start!important;
  gap:8px 10px!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-hg-commands label.wmd-hg-plan-search-label{
  flex:1 1 270px!important;
  min-width:min(100%,220px)!important;max-width:none!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-home-gadget-board{
  grid-column:1/-1!important;grid-row:3!important;
}
/* Defensive legacy account fallback: if a discovery panel is present, it
   gets its own real row instead of overlapping Quick actions. */
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)):has(> .wmd-discovery.wmd-discovery-home-hub) > .wmd-discovery.wmd-discovery-home-hub{
  grid-column:1/-1!important;grid-row:2!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)):has(> .wmd-discovery.wmd-discovery-home-hub) > .wmd-hg-commands{
  grid-row:3!important;
}
#app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)):has(> .wmd-discovery.wmd-discovery-home-hub) > .wmd-home-gadget-board{
  grid-row:4!important;
}
@media(max-width:760px){
  #app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-hg-commands{
    padding:10px!important;
  }
  #app > main.wmd-workspace--home:not(:has(> .wmd-free-home-stack)) > .wmd-hg-commands .wmd-hg-quick-actions{
    gap:8px!important;
  }
}

}
/* plan-goals-spacing.css */
@media screen {
/* Signed-in Plan > Goals layout, 2026-11-04.
   The prior Home-toolbar patch accidentally capped and offset the Goals
   guidance/header. Keep Plan's content on one aligned, natural-height column.
   This is presentation-only: no goals, balances, or setup state is changed. */
@media screen {
  #app > main.wmd-workspace--goals {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    min-width:0!important;
  }
  #app > main.wmd-workspace--goals > .wmd-plan-subnav {
    align-self:flex-start!important;
    max-width:100%!important;
    margin:0 0 14px!important;
  }
  #app > main.wmd-workspace--goals > .wmd-goals-page {
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:start!important;
    align-self:stretch!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    gap:clamp(12px,1.3vw,18px)!important;
  }
  #app > main.wmd-workspace--goals > .wmd-goals-page > * {
    grid-column:1 / -1!important;
    min-width:0!important;
  }
  #app > main.wmd-workspace--goals > .wmd-goals-page > .wmd-goals-header {
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    gap:12px 18px!important;
  }
  #app > main.wmd-workspace--goals > .wmd-goals-page > .wmd-goals-header > div {
    min-width:0!important;
    margin:0!important;
    padding:0!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple {
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    align-items:center!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0 0 14px!important;
    gap:10px 14px!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple .wmd-next-step-content {
    min-width:0!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple .wmd-next-step-actions {
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    min-width:0!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple > .wmd-next-step-later {
    justify-self:end!important;
  }
}
@media screen and (max-width:840px) {
  #app > main.wmd-workspace--goals > .wmd-next-step--simple {
    grid-template-columns:minmax(0,1fr)!important;
    gap:9px!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple .wmd-next-step-actions {
    justify-content:flex-start!important;
  }
  #app > main.wmd-workspace--goals > .wmd-next-step--simple > .wmd-next-step-later {
    justify-self:start!important;
  }
}
@media screen and (max-width:560px) {
  #app > main.wmd-workspace--goals > .wmd-goals-page > .wmd-goals-header {
    align-items:flex-start!important;
  }
  #app > main.wmd-workspace--goals > .wmd-goals-page > .wmd-goals-header .wmd-goals-add {
    max-width:100%;
  }
  #app > main.wmd-workspace--goals > .wmd-plan-subnav {
    margin-bottom:11px!important;
  }
}

}
/* layout-overlap-guard.css */
@media screen {
/* Featured Goal photograph: always reserve a visible region for the cover.
   All of the image, placeholder and cover controls are absolute children;
   height:auto plus aspect-ratio:auto can collapse their grid row to zero. */
#app .wmd-goals-featured{width:100%;min-width:0;max-width:100%}
#app .wmd-goals-featured .wmd-goal-card.is-featured{
  --wmd-featured-photo-height:clamp(225px,22vw,340px);
  min-width:0;max-width:100%;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-small{
  --wmd-featured-photo-height:clamp(160px,16vw,220px)
}
#app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium{
  --wmd-featured-photo-height:clamp(190px,19vw,280px)
}
#app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-visual{
  display:block!important;position:relative!important;
  box-sizing:border-box!important;grid-column:1;grid-row:1;
  width:100%!important;min-width:0!important;max-width:100%!important;
  height:var(--wmd-featured-photo-height)!important;
  min-height:0!important;max-height:none!important;
  aspect-ratio:auto!important;align-self:stretch!important;flex-shrink:0
}
#app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-card-body{
  grid-column:2;grid-row:1;min-width:0;max-width:100%;width:100%;
  overflow-wrap:anywhere
}
#app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-card-details{
  grid-column:1/-1;grid-row:auto
}
#app .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-card-top{
  flex-wrap:wrap;min-width:0
}
#app .wmd-goals-featured .wmd-goal-card.is-featured .wmd-goal-card-meta{
  min-width:0;max-width:100%
}
/* A standard flex stack on smaller screens ensures the image cannot vanish
   in an implicitly sized grid row. DOM order remains cover, text, details. */
@media(max-width:1100px){
  #app .wmd-goals-featured .wmd-goal-card.is-featured{
    --wmd-featured-photo-height:clamp(190px,28vw,300px);
    display:flex!important;flex-direction:column!important;
    align-items:stretch!important;gap:0!important
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small{
    --wmd-featured-photo-height:clamp(150px,23vw,220px)
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium{
    --wmd-featured-photo-height:clamp(170px,26vw,260px)
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-visual{
    display:block!important;flex:0 0 var(--wmd-featured-photo-height)!important;
    align-self:stretch!important
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-card-body{
    flex:0 0 auto;min-width:0;width:100%;padding:16px 9px 12px!important
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-card-details{
    flex:0 0 auto;min-width:0;width:100%
  }
}
@media(max-width:600px){
  #app .wmd-goals-featured .wmd-goal-card.is-featured{
    --wmd-featured-photo-height:clamp(175px,44vw,245px)
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured.size-small{
    --wmd-featured-photo-height:clamp(145px,39vw,190px)
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured.size-medium{
    --wmd-featured-photo-height:clamp(165px,42vw,210px)
  }
  #app .wmd-goals-featured .wmd-goal-card.is-featured>.wmd-goal-card-body{
    padding:13px 7px 10px!important
  }
}

/* The Net Worth heading was viewport-sized (up to 46px), even when its
   two-column scoreboard had only ~230px to display the dollar total. */
#app main.wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-overview .nw-unified-totals{
  min-width:0;max-width:100%;width:100%;
  container-name:wmd-networth-total;
  container-type:inline-size;
}
#app main.wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-overview .nw-unified-totals>h2{
  display:block;max-width:100%;min-width:0;
  font-size:clamp(25px,min(3.2vw,12.5cqi),46px)!important;
  line-height:1.12!important;letter-spacing:-.038em!important;
  font-variant-numeric:tabular-nums;
  white-space:nowrap!important;
  overflow-wrap:normal!important;word-break:normal!important;
}
/* Use a conservative responsive size in older browsers without container units. */
@supports not (font-size:1cqi){
  #app main.wmd-workspace.wmd-workspace--networth .nw-top-row .nw-unified-overview .nw-unified-totals>h2{
    font-size:clamp(25px,2.65vw,39px)!important;
  }
}

}