/* Stooper Cash Flow & Daily Money Planner — V6.7.2 responsive layout fix */
:root{
  --scp-ink:#17384f;
  --scp-muted:#637b8b;
  --scp-line:#cfe0ec;
  --scp-line-soft:#dbe6ed;
  --scp-soft:#f4f9fc;
  --scp-soft-2:#eef7fd;
  --scp-card:#fff;
  --scp-accent:#275b80;
  --scp-accent-2:#4d91bd;
  --scp-green:#2f7d5a;
  --scp-green-bg:#ecf9f1;
  --scp-warn:#9a641b;
  --scp-warn-bg:#fff7e8;
  --scp-bad:#a54141;
  --scp-bad-bg:#fff2f2;
  --scp-shadow:0 12px 34px rgba(31,72,104,.07);
}
.cashflow-app{max-width:1520px;margin:0 auto;padding:34px 24px 84px}
.cashflow-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:20px}
.cashflow-topbar .page-heading{margin:0;max-width:850px}
.cashflow-topbar .page-heading h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.04em}
.cashflow-product-mark{min-width:180px;border:1px solid #c9dce9;background:#fff;border-radius:16px;padding:15px 17px;box-shadow:0 8px 24px rgba(31,72,104,.05);display:flex;flex-direction:column;gap:2px;margin-top:8px}
.cashflow-product-mark span{font-size:10px;letter-spacing:.16em;color:#5e7d92;font-weight:850}.cashflow-product-mark strong{font-size:17px;color:var(--scp-ink)}.cashflow-product-mark small{color:#71899a;font-weight:700}
.cashflow-badge-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.cashflow-badge{display:inline-flex;align-items:center;border:1px solid #b8d2e4;border-radius:999px;padding:7px 11px;background:#eef7fd;color:#224b68;font-size:.82rem;font-weight:750}
.cashflow-notice{margin:0 0 24px;padding:15px 18px;border:1px solid #c7dce9;border-radius:12px;background:#edf6fb;color:#385871;font-size:13px;line-height:1.65}
#stooper-cashflow-planner-root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--scp-ink);line-height:1.5}
#stooper-cashflow-planner-root *{box-sizing:border-box}
#stooper-cashflow-planner-root button,#stooper-cashflow-planner-root input,#stooper-cashflow-planner-root select,#stooper-cashflow-planner-root textarea{font:inherit}
.scp-hidden{display:none!important}
.scp-shell{width:100%}
.scp-toolbar{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:14px;padding:15px 16px;border:1px solid var(--scp-line);border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(31,72,104,.04)}
.scp-toolbar-settings,.scp-toolbar-actions{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.scp-toolbar-actions{justify-content:flex-end}
.scp-compact-label,.scp-field{display:flex;flex-direction:column;gap:6px;font-size:12px;font-weight:700;color:#304d65}.scp-compact-label{min-width:190px}.scp-small{max-width:130px}.scp-version{align-self:center;padding:7px 10px;border-radius:999px;background:#f3f7fa;border:1px solid #dbe6ed;color:#617b8e;font-size:11px;font-weight:800}
.scp-input,.scp-select{width:100%;border:1px solid #bfd2df;background:#fff;color:var(--scp-ink);border-radius:10px;padding:11px 12px;min-height:43px;outline:none;transition:.16s border-color,.16s box-shadow,.16s background}
.scp-input:focus,.scp-select:focus{border-color:#4d91bd;box-shadow:0 0 0 3px rgba(70,145,197,.16)}.scp-input[type=number]{font-variant-numeric:tabular-nums}
.scp-btn,.scp-mini-btn,.scp-icon-btn,.scp-tab,.scp-summary-link{cursor:pointer;transition:.16s transform,.16s background,.16s border-color,.16s color}.scp-btn:active,.scp-mini-btn:active,.scp-icon-btn:active,.scp-tab:active,.scp-summary-link:active{transform:translateY(1px)}
.scp-btn{min-height:42px;padding:0 14px;border-radius:9px;font-weight:800;font-size:13px;border:1px solid #c4d6e3}.scp-btn-primary{background:var(--scp-accent);border-color:var(--scp-accent);color:#fff}.scp-btn-primary:hover{background:#1f4c6d}.scp-btn-ghost{background:#fff;color:#203952}.scp-btn-ghost:hover{background:#f5f9fc}.scp-btn-danger{color:#8a3b3b}
.scp-tabs{display:flex;gap:6px;background:#f4f8fb;border:1px solid #d6e3ec;padding:6px;border-radius:14px;overflow:auto;margin-bottom:18px}.scp-tab{border:0;background:transparent;color:#567086;padding:10px 14px;border-radius:9px;white-space:nowrap;font-weight:800;font-size:13px;display:flex;align-items:center;gap:7px}.scp-tab:hover{background:#fff}.scp-tab.active{background:var(--scp-accent);color:#fff;box-shadow:0 5px 14px rgba(39,91,128,.16)}
.scp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,340px);gap:20px;align-items:start}
.scp-workspace-card,.scp-summary-card,.scp-card,.scp-result-card,.scp-report,.scp-runway{border:1px solid var(--scp-line);background:#fff;box-shadow:var(--scp-shadow)}
.scp-workspace-card{border-radius:24px;padding:28px;min-width:0}.scp-panel{min-width:0}.scp-sidebar{min-width:0;width:100%;max-width:340px;justify-self:end}.scp-summary-card{border-radius:24px;padding:20px;position:sticky;top:20px;width:100%}.scp-summary-card.good{border-color:#cfe4da}.scp-summary-card.bad{border-color:#e8caca}.scp-summary-card.warn{border-color:#ead8b7}
.scp-summary-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:18px}.scp-summary-head>span:first-child{font-size:11px;letter-spacing:.13em;font-weight:850;color:#60798b}.scp-status{font-size:11px;font-weight:850;border-radius:999px;padding:6px 9px;background:#f2f6f8;color:#5e7586}.scp-status.good{background:var(--scp-green-bg);color:var(--scp-green)}.scp-status.warn{background:var(--scp-warn-bg);color:var(--scp-warn)}.scp-status.bad{background:var(--scp-bad-bg);color:var(--scp-bad)}
.scp-freecash{padding:18px;border-radius:16px;background:var(--scp-soft-2);margin-bottom:12px}.scp-freecash span{display:block;font-size:12px;color:#567086;font-weight:750}.scp-freecash strong{display:block;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;color:#17384f;margin:3px 0 4px;overflow-wrap:anywhere}.scp-freecash small{display:block;color:#657e90;line-height:1.45}.scp-summary-card.bad .scp-freecash{background:var(--scp-bad-bg)}.scp-summary-card.bad .scp-freecash strong{color:var(--scp-bad)}.scp-summary-card.warn .scp-freecash{background:var(--scp-warn-bg)}
.scp-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.scp-summary-metric{padding:11px 12px;border:1px solid #d7e4ec;border-radius:12px;background:#fff}.scp-summary-metric span{display:block;font-size:11px;color:#668092;margin-bottom:3px}.scp-summary-metric strong{display:block;color:#17384f;font-size:14px;overflow-wrap:anywhere}
.scp-summary-ratios{display:grid;gap:9px;border-top:1px solid #e0e9ef;padding-top:14px}.scp-summary-link{width:100%;border:0;background:#edf4f8;color:#244c67;border-radius:10px;padding:11px 13px;font-weight:850;margin-top:14px}.scp-summary-link:hover{background:#e2eef5}
.scp-privacy-note{border:1px solid #d2e3ed;background:#f4f9fc;border-radius:14px;padding:14px 15px;color:#405f75;font-size:12px;line-height:1.6;margin-top:12px}.scp-privacy-note strong{color:#17384f}
.scp-ratio{background:#fff}.scp-ratio>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:7px}.scp-ratio strong{font-size:12px;color:#29485f}.scp-ratio span{font-size:10px;color:#71889a;text-align:right}.scp-meter{height:7px;border-radius:99px;background:#e9eff4;overflow:hidden}.scp-meter i{display:block;height:100%;border-radius:99px;background:#6f9dbd}.scp-meter i.good{background:var(--scp-green)}.scp-meter i.warn{background:#d69a44}.scp-meter i.bad{background:var(--scp-bad)}
.scp-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin:0 0 20px}.scp-section-head>div:first-child{max-width:760px}.scp-section-head h3{margin:0;font-size:clamp(24px,3vw,31px);letter-spacing:-.035em;line-height:1.12}.scp-section-head p{margin:8px 0 0;color:#567086;font-size:14px;line-height:1.6}.scp-step{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:850;letter-spacing:.06em;color:#2d678f;background:#eaf4fa;border-radius:999px;padding:5px 8px;margin-bottom:9px}
.scp-two-col,.scp-lab-grid{display:grid;grid-template-columns:minmax(0,.80fr) minmax(0,1.20fr);gap:14px;align-items:start}.scp-lab-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}
.scp-card{border-radius:16px;padding:18px;box-shadow:none;min-width:0}.scp-full{margin-bottom:14px}.scp-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.scp-card-head h4{margin:0;font-size:16px}.scp-card-head p{margin:4px 0 0;font-size:12px;color:#6a8294;line-height:1.5}.scp-mini-btn{border:1px solid #b9d1df;background:#f2f8fb;color:#245a7d;padding:8px 11px;border-radius:8px;font-size:12px;font-weight:850;white-space:nowrap}.scp-mini-btn:hover{background:#e5f1f7}.scp-subhead{margin-top:18px;padding-top:14px;border-top:1px solid #dfe8ee}
.scp-entry-row{display:grid;grid-template-columns:minmax(120px,1.5fr) minmax(80px,.78fr) minmax(110px,1fr) 36px;gap:8px;align-items:center;padding:9px 0;border-top:1px solid #edf2f5}.scp-entry-row:first-child{border-top:0}.scp-expense-row{grid-template-columns:minmax(120px,1.4fr) minmax(80px,.72fr) minmax(110px,.95fr) 84px 36px}.scp-check{font-size:11px;color:#587083;display:flex;align-items:center;gap:6px;white-space:nowrap}.scp-check input{width:16px;height:16px}.scp-icon-btn{width:36px;height:36px;border:1px solid #d8e4eb;border-radius:9px;background:#f8fbfd;color:#6d8190;font-size:1.1rem}.scp-icon-btn:hover{background:#fff0f0;border-color:#efcece;color:#a74343}.scp-tip{margin-top:14px;background:#f4f9fc;border:1px solid #d2e3ed;border-radius:13px;padding:13px 14px;color:#4e6c80;font-size:12px;line-height:1.6}.scp-tip strong{color:#17384f}
.scp-debt-row{display:grid;grid-template-columns:minmax(140px,1.4fr) repeat(3,minmax(90px,.8fr)) minmax(125px,.9fr) 38px;gap:8px;align-items:end;padding:10px 0;border-top:1px solid #edf2f5}.scp-debt-row:first-child{border-top:0}.scp-debt-row label span{display:block;font-size:10px;color:#6c8394;margin-bottom:4px}.scp-row-note{grid-column:1/-1;color:#6a7f8e;padding-left:2px;font-size:11px}
.scp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.scp-field span{min-height:18px}.scp-result-card{padding:20px;border-radius:16px;position:sticky;top:90px;box-shadow:none}.scp-result-card>span{display:block;color:#5f788a;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.scp-result-card>strong{display:block;font-size:clamp(30px,4vw,44px);margin:5px 0 14px;letter-spacing:-.04em;color:#17384f}.scp-result-card dl{margin:0 0 14px}.scp-result-card dl div{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-top:1px solid #edf2f5}.scp-result-card dt{color:#637b8b;font-size:12px}.scp-result-card dd{margin:0;font-weight:800;text-align:right;font-size:12px}.scp-impact{border-radius:13px;padding:12px 13px;margin:13px 0;background:#f4f8fb;border:1px solid #d7e4ec}.scp-impact span,.scp-impact small{display:block}.scp-impact span{font-size:10px;color:#637b8b;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.scp-impact strong{font-size:20px;display:block;margin:3px 0}.scp-impact small{color:#64798a;font-size:11px}.scp-impact.good{background:var(--scp-green-bg);border-color:#d3ebdf}.scp-impact.warn{background:var(--scp-warn-bg);border-color:#f0e0bf}.scp-impact.bad{background:var(--scp-bad-bg);border-color:#eccccc}.scp-impact.bad strong{color:var(--scp-bad)}
.scp-goal-top{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.scp-runway{padding:18px;border-radius:16px;box-shadow:none;display:flex;flex-direction:column;justify-content:center;background:#f7fbfd}.scp-runway span{font-size:11px;color:#637b8b;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.scp-runway strong{font-size:26px;margin:3px 0}.scp-runway small{color:#637b8b;font-size:11px}.scp-goals{display:grid;gap:12px}.scp-goal{border:1px solid #dbe6ed;border-radius:14px;padding:14px;background:#fbfdfe}.scp-goal-title{display:flex;gap:8px;align-items:center;margin-bottom:10px}.scp-goal-title .scp-input{font-weight:800}.scp-goal-grid{grid-template-columns:repeat(2,1fr)}.scp-goal-result{display:flex;gap:8px;flex-wrap:wrap;margin-top:11px}.scp-goal-result span{background:#fff;border:1px solid #dde8ee;border-radius:9px;padding:7px 9px;font-size:11px;color:#637b8b}.scp-goal-result b{color:#17384f}
.scp-bill-row{grid-template-columns:minmax(130px,1.4fr) minmax(95px,.8fr) minmax(140px,1fr) 38px}.scp-payday-result>strong{margin-bottom:0}.scp-payday-result>small{display:block;color:#637b8b;margin-bottom:12px;font-size:11px}.scp-text-bad{color:var(--scp-bad)!important}
.scp-report{padding:22px;border-radius:16px;box-shadow:none}.scp-report-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #dbe6ed;padding-bottom:18px;margin-bottom:18px}.scp-report-title>div>span{font-size:10px;letter-spacing:.16em;font-weight:850;color:#2f6c95}.scp-report-title h3{margin:3px 0;font-size:26px}.scp-report-title>strong{font-size:30px;text-align:right}.scp-report-title>strong small{display:block;font-size:10px;color:#637b8b}.scp-report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.scp-report-grid>div{border:1px solid #d7e4ec;border-radius:12px;padding:13px}.scp-report-grid span{display:block;font-size:10px;color:#637b8b}.scp-report-grid strong{display:block;font-size:15px;margin-top:3px}.scp-report-bars{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.scp-report h4{margin:22px 0 10px}.scp-scenario-result{margin-top:14px;border:1px solid #cfe0ec;background:#eef7fd;border-radius:14px;padding:14px}.scp-scenario-result span,.scp-scenario-result small{display:block;color:#5f788a}.scp-scenario-result strong{display:block;font-size:27px;margin:2px 0}.scp-report-note{margin-top:16px}.scp-report-note textarea{resize:vertical;min-height:86px}.scp-report-footer{margin-top:18px;padding-top:14px;border-top:1px solid #dce6ec;color:#6b8293;font-size:10px}.scp-report-actions{display:flex;gap:8px;flex-wrap:wrap}
.scp-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;background:#17384f;color:#fff;padding:10px 15px;border-radius:10px;box-shadow:0 10px 25px rgba(23,56,79,.25);font-weight:700;font-size:13px;z-index:99999;transition:.2s}.scp-toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1380px){.scp-two-col{grid-template-columns:1fr}.scp-card-head{align-items:center}.scp-entry-row{grid-template-columns:minmax(160px,1.7fr) minmax(100px,.8fr) minmax(140px,1fr) 36px}.scp-expense-row{grid-template-columns:minmax(160px,1.7fr) minmax(100px,.8fr) minmax(140px,1fr) 90px 36px}}
@media(max-width:1120px){.scp-layout{grid-template-columns:1fr}.scp-summary-card{position:static}.scp-sidebar{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:none;justify-self:stretch}.scp-lab-grid{grid-template-columns:1fr}.scp-result-card{position:static}.scp-report-bars{grid-template-columns:1fr}}
@media(max-width:760px){.cashflow-app{padding:24px 14px 64px}.cashflow-topbar{display:block}.cashflow-product-mark{display:none}.scp-toolbar{display:block}.scp-toolbar-settings,.scp-toolbar-actions{width:100%}.scp-toolbar-actions{display:grid;grid-template-columns:1fr 1fr;margin-top:12px}.scp-compact-label{flex:1;min-width:140px}.scp-workspace-card{padding:18px;border-radius:18px}.scp-summary-card{border-radius:18px}.scp-two-col,.scp-goal-top,.scp-form-grid,.scp-report-grid{grid-template-columns:1fr}.scp-goal-grid{grid-template-columns:1fr}.scp-entry-row,.scp-expense-row,.scp-debt-row,.scp-bill-row{grid-template-columns:1fr 1fr;padding:12px 0}.scp-entry-row>*:first-child,.scp-debt-row>*:first-child,.scp-bill-row>*:first-child{grid-column:1/-1}.scp-expense-row .scp-check{align-self:center}.scp-row-note{grid-column:1/-1}.scp-section-head{display:block}.scp-report-title{display:block}.scp-report-title>strong{display:block;text-align:left;margin-top:12px}.scp-tabs{margin-left:-2px;margin-right:-2px}.scp-summary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.cashflow-badge-row{gap:6px}.cashflow-badge{font-size:11px;padding:6px 9px}.scp-toolbar-settings{display:grid;grid-template-columns:1fr}.scp-compact-label{min-width:0}.scp-toolbar-actions{grid-template-columns:1fr 1fr}.scp-entry-row,.scp-expense-row,.scp-debt-row,.scp-bill-row{grid-template-columns:1fr}.scp-entry-row>*:first-child,.scp-debt-row>*:first-child,.scp-bill-row>*:first-child{grid-column:auto}.scp-summary-grid{grid-template-columns:1fr 1fr}.scp-tabs{border-radius:12px}.scp-tab{padding:9px 11px}.scp-card-head{flex-direction:column}.scp-mini-btn{width:100%}}
@media print{.draft-ribbon,.header,.cashflow-topbar,.cashflow-badge-row,.cashflow-notice,.scp-toolbar,.scp-tabs,.scp-sidebar,.end-note,footer,.wa-float,.scp-section-head,.scp-report-actions{display:none!important}.cashflow-app,.scp-layout,.scp-workspace-card,.scp-report{display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important}.scp-panel>*:not(.scp-report){display:none!important}.scp-report{font-size:11pt}@page{size:A4;margin:12mm}}
.scp-btn:focus-visible,.scp-mini-btn:focus-visible,.scp-icon-btn:focus-visible,.scp-tab:focus-visible,.scp-summary-link:focus-visible{outline:3px solid rgba(70,145,197,.24);outline-offset:2px}