/* Approval prototype: isolated additions, sharing Budgetje's existing assets. */
#budget-sketch .pension-nav{padding:9px 13px;border:1px solid #71866d;border-radius:7px;color:#e8efdf;white-space:nowrap}
#budget-sketch .pension-nav[aria-current=page]{background:#c3dec5;color:#183b2c;border-color:#c3dec5}
#budget-sketch .header-links{flex-wrap:wrap;gap:18px}
#budget-sketch .p-kicker{font-size:11px;font-weight:650;letter-spacing:1.5px;color:#c3cfb5}
#budget-sketch .p-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:46px;padding:12px 18px;background:#c3dec5;color:#183b2c;border-radius:7px;text-decoration:none;font-size:14px;font-weight:650;border:0}
#budget-sketch .p-button:hover{background:#d7e9d4}
#budget-sketch .pension-teaser{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:32px 36px;margin:32px 0;background:#303f30;border:1px solid #647458;border-radius:13px}
#budget-sketch .pension-teaser h2{font-size:29px;letter-spacing:-.7px;margin:8px 0 9px;color:#f8f3e8}
#budget-sketch .pension-teaser p{max-width:660px;font-size:15px;line-height:1.65;color:#d0d9cb;margin-bottom:22px}
#budget-sketch .pension-teaser img{width:155px;height:auto;flex:none}
#budget-sketch .p-teaser-note{display:block;font-size:11px;color:#c3cfb5;margin-top:12px}
#budget-sketch.pension-site{--b-panel:#29352d;--b-muted:#c4cec3;--b-line:#52604f;--b-soft:#303f33}
#budget-sketch #pension-page{padding:24px 34px 30px;max-width:1180px}
#budget-sketch .p-breadcrumb{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:32px;color:#9caa9c;font-size:10px;letter-spacing:.7px}
#budget-sketch .p-breadcrumb a{color:#c4cec3;font-size:12px;text-decoration:none;letter-spacing:0}
#budget-sketch .p-hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}
#budget-sketch .p-hero h1{font-size:50px;line-height:1.16;letter-spacing:-2px;font-weight:650;margin:9px 0 14px;color:#f8f3e8}
#budget-sketch .p-hero h1 span{color:#a7be89}
#budget-sketch .p-hero p{font-size:16px;line-height:1.7;color:#c4cec3}
#budget-sketch .p-hero img{width:147px;height:135px;object-fit:contain;margin-right:24px}
#budget-sketch .p-example{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #414b41;border-bottom:1px solid #414b41;padding:13px 0;margin-bottom:25px;font-size:12px;color:#c3cdbd}
#budget-sketch .p-example strong{color:#e1e7d8;font-weight:600}
#budget-sketch .p-example button{background:transparent;border:0;color:#d5e5c3;font-size:12px;text-decoration:underline;text-underline-offset:4px;padding:8px 0;white-space:nowrap}
#budget-sketch .p-workspace{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:22px;align-items:start}
#budget-sketch .p-form{background:#253129;border:1px solid #4b5c49;border-radius:14px;padding:25px}
#budget-sketch .p-section-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
#budget-sketch .p-step{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#c3dec5;color:#183b2c;font-size:12px;font-weight:650}
#budget-sketch .p-section-heading h2{font-size:20px;margin:0 0 5px;line-height:1.3}
#budget-sketch .p-section-heading p{font-size:12px;line-height:1.6}
#budget-sketch .p-source{background:#344635;border-radius:8px;padding:15px 16px;margin-bottom:22px;font-size:12px}
#budget-sketch .p-source strong{font-size:13px;font-weight:600;color:#eaf0de}
#budget-sketch .p-source p{font-size:12px;margin:4px 0 10px;color:#d1ddca;line-height:1.6}
#budget-sketch .p-source a{color:#e5efd7;text-underline-offset:4px;font-weight:600}
#budget-sketch .p-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#budget-sketch .p-form label:not(.p-check){display:flex;flex-direction:column;font-size:13px;font-weight:600;color:#ecf0e7;gap:3px}
#budget-sketch .p-unit{display:block;font-size:11px;color:#c4cec3;font-weight:400}
#budget-sketch .p-money{position:relative;display:block;margin:7px 0 2px}
#budget-sketch .p-money>span{position:absolute;left:14px;top:12px;color:#b7c6b4;font-size:16px;font-weight:400;pointer-events:none}
#budget-sketch .p-money input{height:48px;border:1px solid #7c8c78;background:#19271f;border-radius:7px;padding:10px 15px 10px 33px;color:#f5f5e8;font-size:20px;line-height:1;font-weight:500;font-variant-numeric:tabular-nums}
#budget-sketch .p-money input[aria-invalid=true]{border-color:#ffb4a6;outline-color:#ffb4a6}
#budget-sketch .p-money input:disabled{opacity:.45}
#budget-sketch .p-hint{font-size:11px;line-height:1.65;color:#bbc8b7;margin:10px 0}
#budget-sketch .p-help{font-size:11px;line-height:1.6;font-weight:400;color:#bbc8b7;margin-top:4px}
#budget-sketch .p-total-toggle{font-size:11px;color:#d0dfc5;margin-top:10px}
#budget-sketch .p-total-toggle summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:5px 0}
#budget-sketch .p-check{display:flex;align-items:center;gap:9px;margin:14px 0;font-size:12px}
#budget-sketch .p-check input{width:18px;height:18px;accent-color:#c3dec5}
#budget-sketch .p-optional{padding-top:22px;margin-top:18px;border-top:1px solid #485946}
#budget-sketch .p-expense-heading{padding-top:24px;margin-top:24px;border-top:1px solid #485946}
#budget-sketch .p-expense-label .p-money{max-width:260px}
#budget-sketch #p-error{color:#ffc1b1;font-size:12px;margin-top:16px}
#budget-sketch .p-outcome{background:#e6e9d5;color:#263c2d;border-radius:14px;padding:29px}
#budget-sketch .p-outcome .p-kicker{color:#586d4d;font-size:10px}
#budget-sketch .p-outcome h2{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:10px 0 24px;color:#233d2b}
#budget-sketch #p-result{border-bottom:1px solid #bec7ac;padding-bottom:22px;margin-bottom:18px;display:flex;flex-direction:column;align-items:flex-start}
#budget-sketch #p-status{background:#ddc8b2;color:#624431;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600}
#budget-sketch #p-difference{font-size:60px;letter-spacing:-2px;line-height:1.1;font-weight:650;margin:15px 0 4px;color:#7a4531;font-variant-numeric:tabular-nums}
#budget-sketch #p-difference-label{font-size:16px;color:#5e4938}
#budget-sketch #p-empathy{font-size:13px;line-height:1.65;color:#4b5d46;margin-top:17px}
#budget-sketch .p-breakdown{display:flex;flex-direction:column;gap:11px;font-size:12px;color:#4b5d46}
#budget-sketch .p-breakdown>div{display:flex;justify-content:space-between;gap:15px}
#budget-sketch .p-breakdown strong{color:#253e2c;font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}
#budget-sketch .p-subtotal{padding-top:12px;border-top:1px solid #c3cbb4;font-weight:600}
#budget-sketch .p-without-invest{font-size:11px;line-height:1.6;color:#59664d;background:#d7ddc4;padding:11px 12px;margin:18px 0}
#budget-sketch .p-outcome .p-button{background:#294b35;color:#f4f4e6;width:100%;font-size:13px;margin-top:18px;gap:12px}
#budget-sketch .p-outcome .p-without-invest+.p-button{margin-top:0}
#budget-sketch .p-outcome[data-state=positive] #p-difference,#budget-sketch .p-outcome[data-state=balanced] #p-difference{color:#294b35}
#budget-sketch .p-outcome[data-state=positive] #p-status,#budget-sketch .p-outcome[data-state=balanced] #p-status{background:#c8d4b8;color:#294b35}
#budget-sketch .p-buffer{border:1px solid #677256;background:#303b2d;padding:23px 26px;border-radius:12px;margin-top:17px}
#budget-sketch .p-buffer h3{font-size:21px;letter-spacing:-.3px;font-weight:600;margin:8px 0 10px;color:#f4f0df}
#budget-sketch .p-buffer p:not(.p-hint){font-size:14px;color:#e1e6d4;line-height:1.7}
#budget-sketch .p-buffer strong{color:#d7e7b8;white-space:nowrap}
#budget-sketch .p-buffer .p-hint{margin:10px 0 0;color:#bfccb6}
#budget-sketch .p-next{margin:45px 0 30px;scroll-margin-top:20px}
#budget-sketch .p-next-intro h2{font-size:32px;letter-spacing:-.8px;margin:9px 0}
#budget-sketch .p-next-intro p{font-size:14px;margin-bottom:22px}
#budget-sketch .p-actions{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-items:start}
#budget-sketch .p-actions details{background:#28352c;border:1px solid #52604f;border-radius:9px;overflow:hidden}
#budget-sketch .p-actions summary{display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none;padding:19px 20px;font-size:16px;font-weight:550;min-height:94px}
#budget-sketch .p-actions summary::-webkit-details-marker{display:none}
#budget-sketch .p-action-no{font-size:12px;color:#bdd0aa;align-self:flex-start;margin-top:3px}
#budget-sketch .p-actions small{display:block;font-size:11px;color:#bccab6;font-weight:400;margin-top:4px}
#budget-sketch .p-plus{margin-left:auto;font-size:22px;color:#c3dec5;font-weight:400}
#budget-sketch .p-actions details[open] .p-plus{transform:rotate(45deg)}
#budget-sketch .p-actions details>div{padding:0 20px 22px 49px;font-size:13px}
#budget-sketch .p-actions p{line-height:1.7;color:#cbd6c4;margin-bottom:10px}
#budget-sketch .p-actions a{color:#dfebcd;text-underline-offset:4px;font-size:12px}
#budget-sketch .p-assumptions{border-top:1px solid #414b41;border-bottom:1px solid #414b41;padding:18px 0;color:#bac6b3;font-size:12px;line-height:1.8;margin:30px 0 16px}
#budget-sketch .p-assumptions summary{cursor:pointer;color:#d5dfce;font-weight:500}
#budget-sketch .p-assumptions p{margin-top:12px;color:#bac6b3}
#budget-sketch .p-assumptions a{color:#dbe7cf}
@media(max-width:800px){#budget-sketch .top-note{display:none}#budget-sketch .p-workspace{grid-template-columns:1fr}#budget-sketch .p-outcome-column{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;align-items:start}#budget-sketch .p-buffer{margin-top:0}#budget-sketch .p-hero h1{font-size:42px}#budget-sketch .p-hero img{width:100px;margin-right:0}#budget-sketch .pension-teaser{padding:25px}#budget-sketch .pension-teaser img{width:100px}}
@media(max-width:540px){#budget-sketch #pension-page{padding:20px 16px}#budget-sketch .topbar{padding:18px 16px;align-items:flex-start;gap:14px}#budget-sketch .header-links{width:100%;justify-content:flex-start;gap:18px}#budget-sketch .p-breadcrumb{font-size:9px;gap:8px;margin-bottom:27px}#budget-sketch .p-hero{position:relative}#budget-sketch .p-hero h1{font-size:36px;letter-spacing:-1.4px}#budget-sketch .p-hero p{font-size:14px;max-width:310px}#budget-sketch .p-hero img{display:none}#budget-sketch .p-example{align-items:flex-start;flex-direction:column;gap:5px;font-size:11px}#budget-sketch .p-form{padding:20px 16px}#budget-sketch .p-section-heading h2{font-size:18px}#budget-sketch .p-fields{grid-template-columns:1fr;gap:17px}#budget-sketch .p-outcome-column{grid-template-columns:1fr}#budget-sketch .p-outcome{padding:25px}#budget-sketch .p-next-intro h2{font-size:28px}#budget-sketch .p-actions{grid-template-columns:1fr}#budget-sketch .pension-teaser{padding:24px 20px;position:relative;overflow:hidden}#budget-sketch .pension-teaser h2{font-size:26px;max-width:260px}#budget-sketch .pension-teaser img{display:none}#budget-sketch .pension-teaser p{font-size:14px}#budget-sketch .p-teaser-note{font-size:11px}}

#budget-sketch .p-expense-transfer{margin:12px 0;padding:13px 14px;border-radius:8px;background:#344635;color:#d6e3cc}#budget-sketch .p-expense-transfer p{font-size:12px;line-height:1.65;color:#d6e3cc}#budget-sketch #p-use-budget{margin-top:10px;min-height:40px;padding:8px 11px;border:1px solid #a3b894;border-radius:6px;background:transparent;color:#e8f0dc;font-size:12px;text-align:left}
#budget-sketch .device-storage{max-width:1112px;margin:14px auto 0;padding:11px 15px;background:#26372c;border:1px solid #4c624d;border-radius:8px;font-size:12px;color:#d5e4cf}
#budget-sketch .device-storage-line{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
#budget-sketch #device-status{flex:1;min-width:190px}
#budget-sketch #device-settings summary{cursor:pointer;color:#dcead6;text-underline-offset:3px;min-height:28px;padding:3px 0}
#budget-sketch #device-settings[open]{flex-basis:100%}
#budget-sketch .device-options{padding:12px 0 3px;max-width:840px}
#budget-sketch .device-options label{display:flex;align-items:center;gap:10px;font-weight:600;color:#ecf3e5}
#budget-sketch .device-options input{width:18px;height:18px;accent-color:#c3dec5;flex:none}
#budget-sketch .device-options p{font-size:12px;line-height:1.7;color:#c6d5c0;margin:12px 0}
#budget-sketch #device-forget,#budget-sketch #device-reload{background:transparent;border:1px solid #8ba380;border-radius:6px;color:#e3eddd;font-size:12px;padding:10px 13px;min-height:42px}
#budget-sketch #device-reload{margin-top:12px}
#budget-sketch #device-forget-dialog p{margin-top:12px}
@media(max-width:1180px){#budget-sketch .device-storage{margin-left:34px;margin-right:34px}}
@media(max-width:540px){#budget-sketch .device-storage{margin:12px 16px 0}#budget-sketch .device-storage-line{gap:6px}#budget-sketch #device-settings{flex-basis:100%}}
@media print{.device-storage,#device-forget-dialog{display:none!important}}