/* Painel palette and surfaces, with the Clássica layout. */
:root{--blue:#0171E3;--ink:#1D1D1F;--muted:#777;--line:#e6e6e6;--bg:#F5F5F7;--lime:#0171E3;--irs:#464646;--ss:#d7d7d7}
body.dashboard{background:#F5F5F7;color:var(--ink)}
.dashboard header{background:#fff;border-color:#eaeaea}
.dashboard .brand{font-weight:500;color:#202020}
.dashboard .mark{background:#0171E3;color:#fff;border-radius:50%}
.dashboard .year{background:#f4f4f4;color:#777}
.dashboard .eyebrow{color:#858585;font-weight:400}
.dashboard h1{color:#1D1D1F}
.dashboard .scope{color:#666}
.dashboard .scope span{color:#8a8a8a}
.dashboard .inputs,.dashboard .result-main,.dashboard .breakdown{background:#fff;border:1px solid #fff;border-radius:25px;box-shadow:none}
.dashboard .result-main{background:#fff;color:var(--ink)}
.dashboard .result-top{color:#737373;font-weight:400}
.dashboard .pill{border:1px solid #efefef;background:#fafafa;color:#909090;font-weight:400}
.dashboard .hero-number>span:first-child{color:#1D1D1F;font-weight:500}
.dashboard .per{color:#909090}
.dashboard .result-main>p{color:#858585}
.dashboard .annual-summary{border-top-color:#ededed}
.dashboard .annual-summary>div{background:#f7f7f7;border-radius:16px;padding:16px}
.dashboard .annual-summary span{color:#808080}
.dashboard .annual-summary strong{color:#252525}
.dashboard .distribution{height:8px;gap:4px}
.dashboard .distribution span{border-radius:5px}
.dashboard #bar-net,.dashboard .net-dot{background:#0171E3}
.dashboard #bar-irs,.dashboard .irs-dot{background:#464646}
.dashboard #bar-ss,.dashboard .ss-dot{background:#d7d7d7}
.dashboard .legend{color:#808080}
.dashboard .legend i,.dashboard .line i{border-radius:50%}
.dashboard h2{color:#262626;font-weight:500}
.dashboard .step{color:#999;font-weight:400}
.dashboard label,.dashboard legend{font-weight:400;color:#555}
.dashboard input[type=number],.dashboard select{border-color:#e7e7e7;background-color:#fff;color:#1D1D1F}
.dashboard .money-input input{background:#f8f8f8;border-color:#ededed;font-weight:400}
.dashboard .money-input input:focus{border-color:#82b5ef}

/* Compact direction switch for choosing the salary figure to enter. */
.dashboard .mode-toggle{margin:16px 0 0}
.dashboard .mode-toggle .segments{display:flex;flex-direction:column;gap:4px;padding:0;background:transparent;border-radius:0}
.dashboard .mode-toggle .segments span{display:block;min-height:64px;padding:12px 13px;border:0;border-radius:13px;background:transparent;color:inherit;transition:background .18s ease}
.dashboard .mode-toggle .segments span{position:relative;padding-right:30px}
.dashboard .mode-toggle .segments input:checked+span:after{position:absolute;top:50%;right:13px;width:7px;height:7px;border-radius:50%;background:#0171E3;content:"";transform:translateY(-50%)}
.dashboard .mode-toggle .segments small{line-height:1.35}
.dashboard .mode-toggle .segments label:hover span{background:#f1f1f3}
.dashboard .mode-toggle .segments input:checked+span{background:#1D1D1F;color:#fff}
.dashboard .mode-toggle .segments input:checked+span small{color:#c2c2c2}
.dashboard .money-input span{color:#999}
.dashboard .help,.dashboard .range-labels{color:#858585}
.dashboard .segments{background:#f4f4f4;border-radius:28px;gap:0;padding:4px}
.dashboard .segments span{border-radius:24px;padding:12px 10px}
.dashboard .segments b{font-weight:400}
.dashboard .segments small{color:#858585}
.dashboard .segments input:checked+span{background:#171717;border-color:#171717;color:#fff;box-shadow:none}
.dashboard .segments input:checked+span small{color:#c2c2c2}
.dashboard .segments input:focus-visible+span,.dashboard .switch input:focus-visible+span{outline-color:#0171E3}
.dashboard .meal-heading{border-color:#eee}
.dashboard .irs-jovem-heading{margin-top:18px;padding-top:16px}
.dashboard #irs-jovem-fields{margin-top:12px}
.dashboard #irs-jovem-fields>label{display:block;margin-bottom:7px;font-size:.75rem;color:#525252}
.dashboard #irs-jovem-fields select{width:100%;min-height:44px;padding:9px 10px;border:1px solid #e7e7e7;border-radius:10px;font-size:.8125rem}
.dashboard #irs-jovem-result{margin:12px 0;padding:10px 12px;border-radius:12px;background:#f5f8fc;color:#626262;font-size:.6875rem;line-height:1.5}
.dashboard .switch span{background:#e7e7e7}
.dashboard .switch input:checked+span{background:#0171E3}
.dashboard .local-note{color:#8b8b8b}
.dashboard .local-note .icon{color:#8b8b8b}
.dashboard .small-segments{background:#f4f4f4}
.dashboard .small-segments button.active{background:#171717;color:#fff}
.dashboard .line{color:#777}
.dashboard .line strong{color:#1D1D1F;font-weight:400}
.dashboard .line small{color:#888}
.dashboard .line.total{border-color:#eee;color:#222;font-weight:500}
.dashboard .line.total strong{color:#0171E3;font-weight:500}
.dashboard .breakdown details{color:#777;border-color:#eee}
.dashboard .estimate{border:0;background:#eaeaea}
.dashboard .estimate p{color:#777}
.dashboard .estimate strong{color:#555}
.dashboard .estimate .info-icon{color:#888}
.dashboard .methodology h2{font-weight:400;text-shadow:none}
.dashboard .methodology>div>p{color:#888}
.dashboard .method-details details{border-color:#e1e1e1}
.dashboard .method-details summary{color:#555;font-weight:400}
.dashboard .method-details a{color:#0171E3}
.dashboard footer{border-color:#e1e1e1}
.dashboard footer .brand{color:#777}
.dashboard .version-picker>summary{border-color:#eee;font-weight:400}
.dashboard .version-options a[aria-current=page]{background:#eaf3ff;color:#0171E3}
.dashboard .version-options a:hover,.dashboard .version-options a:focus-visible{background:#f1f6fc}
.dashboard input:focus-visible,.dashboard select:focus-visible,.dashboard button:focus-visible,.dashboard a:focus-visible,.dashboard summary:focus-visible{outline-color:#0171E3}
@media(max-width:900px) and (min-width:661px){.dashboard .annual-summary{gap:10px}.dashboard .annual-summary>div{padding:12px 14px}}
@media(max-width:660px){.dashboard .inputs,.dashboard .result-main,.dashboard .breakdown{border-radius:22px}.dashboard .annual-summary{grid-template-columns:1fr 1fr;gap:10px}.dashboard .annual-summary>div{padding:13px 10px}.dashboard .annual-summary strong{font-size:1.1875rem}.dashboard .annual-summary span{font-size:.625rem}}
@media(max-width:359px){.dashboard .annual-summary{grid-template-columns:1fr}.dashboard .annual-summary strong{font-size:1.25rem}}
/* Custom listbox: the opened selector follows the same palette as the form. */
.dashboard .physical-select{position:relative;min-width:0;isolation:isolate}
.dashboard .physical-select.is-open{z-index:8}
.dashboard .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:11px 12px;border:1px solid #e7e7e7;border-radius:11px;background:#fff;color:#1D1D1F;font-family:inherit;font-size:.875rem;font-weight:400;text-align:left;cursor:pointer}
.dashboard .select-caption{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard .select-arrow{flex-shrink:0;width:16px;height:16px;background:#555;mask:url('icons/nav-arrow-down.svg') center/contain no-repeat}
.dashboard .select-trigger:hover{border-color:#c9c9c9;background:#fafafa}
.dashboard .is-open .select-trigger{border-color:#82b5ef;background:#fff}
.dashboard .is-open .select-arrow{transform:rotate(180deg)}
.dashboard .select-options{position:absolute;z-index:10;top:calc(100% + 7px);left:0;width:max-content;min-width:100%;max-width:min(360px,calc(100vw - 84px));max-height:240px;overflow-y:auto;padding:6px;background:#fff;border:1px solid #e9e9e9;border-radius:15px;box-shadow:0 12px 28px #1D1D1F16,0 2px 5px #1D1D1F08}
.dashboard .select-option{position:relative;display:flex;align-items:center;min-height:44px;padding:11px 28px 11px 12px;border-radius:10px;color:#555;font-size:.875rem;font-weight:400;line-height:1.4;cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.dashboard .select-option+.select-option{margin-top:3px}
.dashboard .select-option[aria-selected=true]{color:#0171E3;background:#eaf3ff}
.dashboard .select-option[aria-selected=true]:after{content:'';position:absolute;right:12px;top:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#0171E3}
.dashboard .select-option.is-active{background:#f4f4f4;color:#1D1D1F}
.dashboard .select-option.is-active[aria-selected=true]{background:#eaf3ff;color:#0171E3}
@media(forced-colors:active){.dashboard .select-option.is-active{outline:1px solid Highlight}.dashboard .select-option[aria-selected=true]:after{background:Highlight}.dashboard .select-arrow{background:ButtonText}}
.dashboard .form-grid>div{min-width:0}
.dashboard .recurring-extra-field{margin-top:18px}
.dashboard .recurring-money{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.dashboard .recurring-money>span{font-size:.8125rem;color:#777}
.dashboard .recurring-money .number-control input{text-align:left;padding:0 10px}
[data-theme=dark] .dashboard .recurring-money>span{color:#a7a7ae}
.dashboard .subsidy-fields{margin-top:18px}
.dashboard .subsidy-fields .help{margin-top:8px}
.dashboard .employer-cost{margin-top:16px;padding:14px 15px;border-radius:14px;background:#f5f8fc}
.dashboard .employer-cost>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.dashboard .employer-cost>div span{font-size:.8125rem;font-weight:500;color:#525252}
.dashboard .employer-cost>div strong{font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;color:#1D1D1F;white-space:nowrap}
.dashboard .employer-cost p{margin-top:5px;font-size:.6875rem;line-height:1.45;color:#777}
[data-theme=dark] .dashboard .employer-cost{background:#101011}
[data-theme=dark] .dashboard .employer-cost>div span,[data-theme=dark] .dashboard .employer-cost>div strong{color:#f5f5f7}
[data-theme=dark] .dashboard .employer-cost p{color:#a7a7ae}
/* Number controls: quiet buttons with full touch targets. */
.dashboard input[type=number]{appearance:textfield;-moz-appearance:textfield}
.dashboard input[type=number]::-webkit-inner-spin-button,.dashboard input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.dashboard .number-control{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-width:0;min-height:48px;border:1px solid #e7e7e7;border-radius:11px;background:#fff}
.dashboard .number-control:focus-within{border-color:#82b5ef}
.dashboard .number-control input{border:0;border-radius:0;background:transparent;padding:0 2px;text-align:center;min-width:0;height:46px;outline-offset:-3px;font-variant-numeric:tabular-nums}
.dashboard .number-step{display:grid;place-items:center;position:relative;width:44px;height:44px;padding:0;border:0;border-radius:10px;background:transparent;color:#555;font:400 20px/1 'Timeless Sans Grotesk',sans-serif;cursor:pointer;isolation:isolate}
.dashboard .number-step:before{content:'';position:absolute;inset:6px;border-radius:8px;background:#f4f4f4;z-index:-1}
.dashboard .number-step:hover:not(:disabled){color:#0171E3}
.dashboard .number-step:hover:not(:disabled):before{background:#eaf3ff}
.dashboard .number-step:active:not(:disabled):before{background:#d9eaff}
.dashboard .number-step:disabled{color:#b9b9b9;cursor:default}
.dashboard .number-step:disabled:before{background:#f4f4f4}
.dashboard .number-control:has(input:focus-visible){outline:2px solid #0171E3;outline-offset:3px}
.dashboard .number-control input:focus-visible{outline:none}
/* Large headings: black to blue-gray, inspired by the supplied Apple reference. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .dashboard h1,.dashboard .methodology h2{background-image:linear-gradient(180deg,#1d1d1f 15%,#343b45 45%,#6c7d8f 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
}
@media(forced-colors:active){.dashboard h1,.dashboard .methodology h2{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media print{.dashboard h1,.dashboard .methodology h2{background-image:none;color:#1d1d1f;-webkit-text-fill-color:#1d1d1f}}
/* Appearance control and the single design's dark palette. */
.theme-switch{display:flex;align-items:center;gap:2px;padding:4px;background:#eceef2;border:1px solid #e1e4e9;border-radius:30px}
.theme-switch button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:#707885;cursor:pointer}
.theme-switch button .icon{width:21px;height:21px}
.theme-switch button:hover{background:#e0e5ed;color:#1d1d1f}
.theme-switch button[aria-pressed=true]{background:#0171E3;color:#fff;box-shadow:0 2px 6px #0171e330}
html[data-theme=dark]{--ink:#f5f5f7;--muted:#a7a7ae;--line:#3b3b40;--bg:#010101;--blue:#0171E3}
html[data-theme=dark] body.dashboard{background:#010101;color:#f5f5f7}
[data-theme=dark] .dashboard header{background:#1d1d1f;border-color:#333337}
[data-theme=dark] .dashboard .brand,[data-theme=dark] .dashboard h2{color:#f5f5f7}
[data-theme=dark] .dashboard .inputs,[data-theme=dark] .dashboard .result-main,[data-theme=dark] .dashboard .breakdown{background:#232325;border-color:#232325}
[data-theme=dark] .dashboard .hero-number>span:first-child,[data-theme=dark] .dashboard .annual-summary strong,[data-theme=dark] .dashboard .line strong,[data-theme=dark] .dashboard .line.total{color:#f5f5f7}
[data-theme=dark] .dashboard .line.total strong{color:#409cff}
[data-theme=dark] .dashboard .year,[data-theme=dark] .dashboard .pill,[data-theme=dark] .dashboard .annual-summary>div,[data-theme=dark] .dashboard .money-input input,[data-theme=dark] .dashboard .segments,[data-theme=dark] .dashboard .small-segments,[data-theme=dark] .dashboard .number-step:before{background:#303034;border-color:#3b3b40;color:#c0c0c7}
[data-theme=dark] .dashboard label,[data-theme=dark] .dashboard legend,[data-theme=dark] .dashboard .method-details summary{color:#dedee4}
[data-theme=dark] .dashboard .help,[data-theme=dark] .dashboard .range-labels,[data-theme=dark] .dashboard .scope,[data-theme=dark] .dashboard .scope span,[data-theme=dark] .dashboard .per,[data-theme=dark] .dashboard .result-main>p,[data-theme=dark] .dashboard .annual-summary span,[data-theme=dark] .dashboard .legend,[data-theme=dark] .dashboard .line,[data-theme=dark] .dashboard .line small,[data-theme=dark] .dashboard .methodology>div>p,[data-theme=dark] .dashboard .local-note,[data-theme=dark] .dashboard .result-top,[data-theme=dark] .dashboard .eyebrow,[data-theme=dark] .dashboard .money-input span{color:#a7a7ae}
[data-theme=dark] .dashboard input[type=number],[data-theme=dark] .dashboard .select-trigger,[data-theme=dark] .dashboard .number-control{background:#2b2b2f;border-color:#424248;color:#f5f5f7}
[data-theme=dark] .dashboard .number-control input{background:transparent;border:0}
[data-theme=dark] .dashboard .select-arrow{background:#bdbdc5}
[data-theme=dark] .dashboard .select-options{background:#2b2b2f;border-color:#424248;box-shadow:0 12px 28px #0006}
[data-theme=dark] .dashboard .select-option{color:#dedee4}
[data-theme=dark] .dashboard .select-option.is-active{background:#3a3a40;color:#fff}
[data-theme=dark] .dashboard .select-option[aria-selected=true],[data-theme=dark] .dashboard .select-option.is-active[aria-selected=true]{background:#16365a;color:#7abaff}
[data-theme=dark] .dashboard .number-step{color:#dedee4}
[data-theme=dark] .dashboard .number-step:hover:not(:disabled):before{background:#16365a}
[data-theme=dark] .dashboard .number-step:disabled{color:#68686e}
[data-theme=dark] .dashboard .number-step:disabled:before{background:#303034}
[data-theme=dark] .dashboard .segments input:checked+span,[data-theme=dark] .dashboard .small-segments button.active{background:#494950;border-color:#494950;color:#fff}
[data-theme=dark] .dashboard .segments small,[data-theme=dark] .dashboard .segments input:checked+span small{color:#bdbdc5}
[data-theme=dark] .dashboard .switch span{background:#505056}
[data-theme=dark] .dashboard #irs-jovem-fields>label{color:#d7d7dc}
[data-theme=dark] .dashboard #irs-jovem-result{background:#101011;color:#a7a7ae}
[data-theme=dark] .dashboard .switch input:checked+span{background:#0171E3}
[data-theme=dark] .dashboard .estimate{background:#26262a}
[data-theme=dark] .dashboard .estimate p,[data-theme=dark] .dashboard .estimate strong{color:#bdbdc5}
[data-theme=dark] .dashboard .annual-summary,[data-theme=dark] .dashboard .meal-heading,[data-theme=dark] .dashboard .line.total,[data-theme=dark] .dashboard .breakdown details,[data-theme=dark] .dashboard .method-details details,[data-theme=dark] .dashboard footer{border-color:#3b3b40}
[data-theme=dark] .dashboard .method-details a{color:#409cff}
[data-theme=dark] .dashboard #error{color:#ff8d93}
[data-theme=dark] .dashboard h1,[data-theme=dark] .dashboard .methodology h2{background-image:linear-gradient(180deg,#f5f5f7 15%,#d6dce4 45%,#8f9eaf 100%)}
[data-theme=dark] .theme-switch{background:#202e46;border-color:#354a68}
[data-theme=dark] .theme-switch button{color:#a5b9d6}
[data-theme=dark] .theme-switch button:hover{background:#2a4061;color:#fff}
[data-theme=dark] .theme-switch button[aria-pressed=true]{background:#0171E3;color:#fff}
@media(max-width:660px){.dashboard header{padding-inline:16px}.dashboard header .brand{font-size:18px}.dashboard header .mark{width:30px;height:30px;margin-right:7px}.dashboard header .year{font-size:10px;margin-left:6px;padding:3px 6px}.theme-switch{gap:0;padding:3px}.theme-switch button{width:44px;height:44px}}
@media(forced-colors:active){.theme-switch button[aria-pressed=true]{outline:2px solid Highlight}[data-theme=dark] .dashboard h1,[data-theme=dark] .dashboard .methodology h2{background-image:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}
@media(max-width:359px){.dashboard header .year{display:none}.dashboard header{padding-inline:12px}}
/* More compact appearance switch, retaining larger touch targets on touch devices. */
.theme-switch{padding:3px;gap:2px}
.theme-switch button{width:36px;height:36px}
.theme-switch button .icon{width:18px;height:18px}
@media(pointer:coarse){.theme-switch button{width:44px;height:44px}}
/* Dark theme surfaces requested for this edition. */
[data-theme=dark] .dashboard .inputs,[data-theme=dark] .dashboard .result-main,[data-theme=dark] .dashboard .breakdown,[data-theme=dark] .dashboard .annual-summary>div,[data-theme=dark] .dashboard .estimate{background:#161617}
[data-theme=dark] .dashboard input[type=number],[data-theme=dark] .dashboard select,[data-theme=dark] .dashboard .select-trigger,[data-theme=dark] .dashboard .number-control{background:#101011}
[data-theme=dark] .dashboard .money-input input{background:#101011}
/* Keep the top bar open to the page surface in both appearance modes. */
.dashboard header{background:transparent}
[data-theme=dark] .dashboard header{background:transparent}
.dashboard .mark{width:38px;height:38px;border-radius:10px}
.dashboard .mark .icon{width:28px;height:28px}
@media(max-width:660px){.dashboard header .mark{width:38px;height:38px}.dashboard header .mark .icon{width:28px;height:28px}}
[data-theme=dark] .theme-switch{background:transparent}
/* Compact live net estimate, placed before the input flow on mobile. */
.mobile-result{display:none}
@media(max-width:660px){
 .mobile-result{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px;padding:13px 16px;border:1px solid #e7e7e7;border-radius:16px;background:#fff}
 .mobile-result[hidden]{display:none}
 .mobile-result-copy{display:grid;gap:3px;min-width:0}
 .mobile-result-copy>span{font-size:.8125rem;font-weight:500;color:#1D1D1F}
 .mobile-result-copy small{font-size:.6875rem;line-height:1.35;color:#858585}
 .mobile-result-value{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-variant-numeric:tabular-nums}
 .mobile-result-value strong{font-size:1.25rem;font-weight:500;letter-spacing:-.03em;color:#1D1D1F}
 .mobile-result-value>span{font-size:.6875rem;color:#858585}
 [data-theme=dark] .mobile-result{background:#161617;border-color:#343438}
 [data-theme=dark] .mobile-result-copy>span,[data-theme=dark] .mobile-result-value strong{color:#f5f5f7}
 [data-theme=dark] .mobile-result-copy small,[data-theme=dark] .mobile-result-value>span{color:#a7a7ae}
}

.dashboard .scope-location{font-weight:600}
@media(max-width:660px){.dashboard .scope-location{display:none}}

/* Salary comparisons and clearer take-home breakdown. */
.dashboard .payment-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0 3px}
.dashboard .payment-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;border:1px solid #ececec;border-radius:13px;background:#fafafa;color:#1D1D1F}
.dashboard .payment-option>span{display:grid;gap:2px;min-width:0}
.dashboard .payment-option>span strong{font-size:.75rem;font-weight:500}
.dashboard .payment-option small{font-size:.625rem;color:#858585}
.dashboard .payment-option>b{white-space:nowrap;font-size:.8125rem;font-weight:500;font-variant-numeric:tabular-nums}
.dashboard .payment-option[aria-current=true]{border-color:#0171E3;background:#f1f7ff}
.dashboard .copy-row{display:flex;align-items:center;gap:12px;margin-top:16px;min-height:34px}
.dashboard .quiet-button{min-height:36px;padding:7px 12px;border:1px solid #e6e6e6;border-radius:10px;background:#fff;color:#454545;font-size:.75rem;font-weight:500;cursor:pointer}
.dashboard .quiet-button:hover:not(:disabled){background:#f5f5f5;border-color:#d7d7d7}
.dashboard .quiet-button:disabled{opacity:.5;cursor:not-allowed}
.dashboard #copy-feedback{font-size:.6875rem;color:#777}
.dashboard .line.deductions{padding-top:12px;border-top:1px solid #eee;font-weight:500;color:#444}
.dashboard .line.deductions strong{font-weight:500}
.dashboard .salary-compare{margin:18px 0 0;padding:20px 22px;border:1px solid #eee;border-radius:22px;background:#fff}
.dashboard .compare-intro{display:flex;align-items:center;justify-content:space-between;gap:14px}
.dashboard .compare-intro .eyebrow{margin-bottom:4px;font-size:.625rem;letter-spacing:.1em}
.dashboard .compare-intro h2{font-size:1rem}
.dashboard .compare-intro .help{margin:5px 0 0;font-size:.75rem}
.dashboard #compare-panel{padding-top:18px}
.dashboard .compare-input{max-width:430px}
.dashboard .compare-input .money-input input{height:56px;padding-top:10px;padding-bottom:10px;font-size:1.5rem}
.dashboard .compare-input .money-input span{top:18px}
.dashboard .compare-assumptions{margin:0 0 14px;padding:11px 13px;border-radius:12px;background:#f5f8fc;color:#626262;font-size:.75rem;line-height:1.5}
.dashboard .proposal-grid{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:14px}
.dashboard .proposal-inputs{min-width:0;margin:0;padding:15px;border:1px solid #ececec;border-radius:16px}
.dashboard .proposal-inputs legend{padding:0 6px;font-size:.875rem;font-weight:500;color:#1D1D1F}
.dashboard .proposal-inputs .compare-input{max-width:none;margin-top:12px}
.dashboard .proposal-inputs .compare-input>label,.dashboard .compare-meal-toggle>label:first-child{display:block;margin-bottom:7px;font-size:.75rem;color:#525252}
.dashboard .proposal-inputs .recurring-money{grid-template-columns:minmax(0,1fr) auto}
.dashboard .proposal-inputs .recurring-money .number-control{min-width:0;width:100%;height:44px;min-height:44px;border-color:#e7e7e7;border-radius:10px;background:#f8f8f8}
.dashboard .proposal-inputs .recurring-money .number-control input{height:42px;padding:0 10px;font-size:.8125rem}
.dashboard .proposal-inputs .form-grid input,.dashboard .proposal-inputs .form-grid select{min-width:0;width:100%;height:44px;padding:9px 10px;border:1px solid #e7e7e7;border-radius:10px;font-size:.8125rem}
.dashboard .proposal-inputs .help{margin-top:6px;font-size:.6875rem;line-height:1.45}
.dashboard .compare-meal-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #eee}
.dashboard .compare-meal-toggle>label:first-child{margin:0}
.dashboard .compare-meal-toggle .switch{flex-shrink:0}
.dashboard .compare-meal-fields{margin-top:12px}
.dashboard .compare-meal-fields .form-grid{grid-template-columns:1fr 1fr;gap:10px}
.dashboard #compare-help{margin-top:12px;font-size:.6875rem}
.dashboard .compare-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.dashboard .compare-card{display:grid;gap:5px;min-width:0;padding:15px;border-radius:15px;background:#f7f7f7}
.dashboard .compare-card>span{font-size:.75rem;color:#777}
.dashboard .compare-card>strong{font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums;color:#1D1D1F}
.dashboard .compare-card small{font-size:.6875rem;color:#777}
.dashboard .compare-card small:nth-of-type(4){padding-top:7px;border-top:1px solid #e5e5e5;color:#555;font-weight:500}
.dashboard .compare-difference{margin-top:12px;font-size:.8125rem;font-weight:500;color:#0171E3}
.dashboard .compare-footnote{margin-top:7px;font-size:.6875rem;line-height:1.5;color:#858585}
.dashboard .compare-error{margin-top:8px;font-size:.75rem;color:#b42318}
.dashboard .negotiation{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.65fr) minmax(0,1fr);align-items:center;gap:18px;margin-top:20px;padding:18px 0 0;border-top:1px solid #eee}
.dashboard .negotiation-copy .eyebrow{margin-bottom:5px;font-size:.625rem;letter-spacing:.1em}
.dashboard .negotiation h3{margin:0;font-size:1rem;font-weight:500;line-height:1.35;color:#1D1D1F}
.dashboard .negotiation-copy .help{margin-top:6px;font-size:.6875rem;line-height:1.45}
.dashboard .negotiation-control>label{display:block;margin-bottom:7px;font-size:.75rem;color:#525252}
.dashboard .negotiation-control .recurring-money{grid-template-columns:minmax(0,1fr) auto}
.dashboard .negotiation-control .number-control{min-width:0;width:100%;height:44px;min-height:44px;border-color:#e7e7e7;border-radius:10px;background:#f8f8f8}
.dashboard .negotiation-control .number-control input{height:42px;padding:0 10px;font-size:.875rem}
.dashboard .negotiation-control .recurring-money>span{font-size:.75rem;white-space:nowrap}
.dashboard .negotiation-result{display:grid;gap:4px;min-width:0;padding:13px 15px;border-radius:14px;background:#f5f8fc}
.dashboard .negotiation-result>span{font-size:.6875rem;color:#686868}
.dashboard .negotiation-result>strong{font-size:1.25rem;font-weight:500;font-variant-numeric:tabular-nums;color:#1D1D1F}
.dashboard .negotiation-result>small{font-size:.625rem;line-height:1.4;color:#777}
[data-theme=dark] .dashboard .payment-option,[data-theme=dark] .dashboard .salary-compare{background:#161617;border-color:#343438;color:#f5f5f7}
[data-theme=dark] .dashboard .payment-option[aria-current=true]{background:#10243a;border-color:#0171E3}
[data-theme=dark] .dashboard .payment-option small,[data-theme=dark] .dashboard .compare-card>span,[data-theme=dark] .dashboard .compare-card small{color:#a7a7ae}
[data-theme=dark] .dashboard .quiet-button{background:#101011;border-color:#343438;color:#f5f5f7}
[data-theme=dark] .dashboard .quiet-button:hover:not(:disabled){background:#202024}
[data-theme=dark] .dashboard .line.deductions{border-color:#3b3b40;color:#dedee4}
[data-theme=dark] .dashboard .compare-card{background:#101011}
[data-theme=dark] .dashboard .compare-card>strong{color:#f5f5f7}
[data-theme=dark] .dashboard .proposal-inputs{border-color:#343438}
[data-theme=dark] .dashboard .proposal-inputs .recurring-money .number-control{background:#101011;border-color:#343438}
[data-theme=dark] .dashboard .proposal-inputs .recurring-money .number-control input{background:transparent;border:0;color:#f5f5f7}
[data-theme=dark] .dashboard .proposal-inputs legend,[data-theme=dark] .dashboard .proposal-inputs .compare-input>label,[data-theme=dark] .dashboard .compare-meal-toggle>label:first-child{color:#d7d7dc}
[data-theme=dark] .dashboard .compare-assumptions{background:#101011;color:#bcbcc3}
[data-theme=dark] .dashboard .compare-meal-toggle,[data-theme=dark] .dashboard .compare-card small:nth-of-type(4){border-color:#343438}
[data-theme=dark] .dashboard .compare-card small:nth-of-type(4){color:#d7d7dc}
[data-theme=dark] .dashboard .negotiation{border-color:#343438}
[data-theme=dark] .dashboard .negotiation h3,[data-theme=dark] .dashboard .negotiation-control>label{color:#f5f5f7}
[data-theme=dark] .dashboard .negotiation-control .number-control{background:#101011;border-color:#343438}
[data-theme=dark] .dashboard .negotiation-control .number-control input{background:transparent;border:0;color:#f5f5f7}
[data-theme=dark] .dashboard .negotiation-result{background:#101011}
[data-theme=dark] .dashboard .negotiation-result>span,[data-theme=dark] .dashboard .negotiation-result>small{color:#a7a7ae}
[data-theme=dark] .dashboard .negotiation-result>strong{color:#f5f5f7}
@media(max-width:660px){.dashboard .salary-compare{padding:18px 16px;border-radius:20px}.dashboard .proposal-grid{grid-template-columns:1fr}.dashboard .proposal-inputs{padding:13px}.dashboard .compare-intro{align-items:flex-start}.dashboard .compare-intro>.quiet-button{flex-shrink:0}.dashboard .negotiation{grid-template-columns:1fr;gap:13px}.dashboard .payment-option{padding:9px 8px;align-items:flex-start;flex-direction:column;gap:5px}.dashboard .payment-option>b{font-size:.75rem}.dashboard .compare-cards{gap:8px}.dashboard .compare-card{padding:12px 10px}.dashboard .compare-card>strong{font-size:1.0625rem}.dashboard .compare-card small{font-size:.625rem}}
@media(max-width:359px){.dashboard .payment-compare{grid-template-columns:1fr}.dashboard .payment-option{flex-direction:row;align-items:center}}

/* Keep text-based currency fields inside their input column. */
.dashboard .money-input input{display:block;width:100%;min-width:0;max-width:100%}

/* Normalize native input rendering so the salary field has a clean, even edge. */
.dashboard .money-input input{-webkit-appearance:none;appearance:none;box-shadow:none;background-clip:padding-box}

/* Use a plain, even border instead of the browser's inset input bevel. */
.dashboard .money-input input{border:1px solid #ededed}
[data-theme=dark] .dashboard .money-input input{border-color:#3b3b40}
.dashboard .money-input input:focus{border-color:#82b5ef}

/* Keep the two calculation modes in a calm, persistent side navigation. */
.dashboard-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px;align-items:start}
.dashboard .mode-sidebar{position:sticky;top:24px;align-self:start;min-width:0;padding:10px 0}
.dashboard .mode-sidebar>.eyebrow{font-size:.6875rem;letter-spacing:.11em}
.dashboard .mode-sidebar .mode-toggle legend{margin-bottom:8px;color:#777;font-size:.75rem;font-weight:400}
.dashboard .mode-sidebar .segments input:focus-visible+span{outline:2px solid #0171E3;outline-offset:2px}
[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments{background:transparent}
[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments span{background:transparent}
[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments label:hover span{background:#161617}
[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments input:checked+span{background:#303034;color:#f5f5f7}
[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments input:checked+span small{color:#b6b6bd}
@media(max-width:900px){.dashboard-layout{grid-template-columns:150px minmax(0,1fr);gap:16px}.dashboard-layout .workspace{grid-template-columns:1fr}}
@media(max-width:660px){.dashboard-layout{grid-template-columns:1fr;gap:14px}.dashboard .mode-sidebar{position:static;padding:0}.dashboard .mode-sidebar>.eyebrow{display:none}.dashboard .mode-sidebar .mode-toggle{margin:0}.dashboard .mode-sidebar .mode-toggle legend{margin-bottom:7px}.dashboard .mode-sidebar .mode-toggle .segments{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;background:#f4f4f6;border-radius:20px}.dashboard .mode-sidebar .mode-toggle .segments span{min-height:62px;padding:11px 12px}.dashboard .mode-sidebar .mode-toggle .segments label:hover span{background:#ececef}[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments{background:#161617}[data-theme=dark] .dashboard .mode-sidebar .mode-toggle .segments label:hover span{background:#242427}}
@media(max-width:359px){.dashboard .mode-sidebar .mode-toggle .segments{grid-template-columns:1fr}.dashboard .mode-sidebar .mode-toggle .segments span{min-height:0}}
/* France country option and PAS entry. */
.dashboard .scope .country-label{display:block;margin:0 0 4px;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:#858585}
.dashboard .scope .physical-select{display:inline-block;width:150px;margin:0 0 8px;text-align:left}
.dashboard .scope .select-trigger{min-height:40px;padding:8px 10px;font-size:.8125rem}
.dashboard .scope .select-options{right:0;left:auto;text-align:left}
.dashboard #france-fields{margin-top:14px}
.dashboard #france-fields .form-grid{grid-template-columns:1fr 1fr;gap:12px}
.dashboard #france-fields #fr-spouse-field{grid-column:1/-1}
.dashboard #france-fields label{margin-bottom:7px;font-size:.75rem}
.dashboard #france-fields select,.dashboard #france-fields input[type=number]{width:100%;min-height:44px;padding:9px 10px;border:1px solid #e7e7e7;border-radius:10px;font-size:.8125rem}
.dashboard #france-fields .money-input{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}
.dashboard #france-fields .money-input>span{font-size:.8125rem;color:#777}
.dashboard #france-fields .help{margin-top:9px}
.dashboard #france-note{margin:12px 0;padding:10px 12px;border-radius:12px;background:#f5f8fc;font-size:.6875rem;line-height:1.5}
[data-theme=dark] .dashboard .scope .country-label{color:#a7a7ae}
[data-theme=dark] .dashboard #france-fields input[type=number],[data-theme=dark] .dashboard #france-fields select{background:#101011;border-color:#424248;color:#f5f5f7}
[data-theme=dark] .dashboard #france-fields .money-input>span{color:#a7a7ae}
[data-theme=dark] .dashboard #france-note{background:#101011;color:#a7a7ae}
/* Keep the country and appearance controls together in the top bar. */
.dashboard header .header-controls{display:flex;align-items:center;gap:10px}
.dashboard header .country-control{display:flex;align-items:center;gap:7px}
.dashboard header .country-label{margin:0;color:#777;font-size:.6875rem;font-weight:400}
.dashboard header .physical-select{width:132px;min-width:112px}
.dashboard header .select-trigger{min-height:36px;padding:6px 9px;font-size:.75rem}
[data-theme=dark] .dashboard header .country-label{color:#a7a7ae}
[data-theme=dark] .dashboard header .select-trigger{background:#101011;border-color:#424248;color:#f5f5f7}
[data-theme=dark] .dashboard header .select-options{background:#161617;border-color:#39393f}
[data-theme=dark] .dashboard header .select-option{color:#dedee4}
/* France fields use the shared stepper: keep the input border on the outer control. */
.dashboard #france-fields .number-control{width:100%;min-width:0}
.dashboard #france-fields .number-control input[type=number]{width:auto;min-height:0;height:46px;padding:0 2px;border:0;border-radius:0;background:transparent}
.dashboard #france-fields .money-input .number-control{grid-column:1;min-width:0}
.dashboard #france-fields .money-input>span{position:static;top:auto;right:auto;grid-column:2;white-space:nowrap}
[data-theme=dark] .dashboard #france-fields .number-control input[type=number]{background:transparent;border:0;color:#f5f5f7}
@media(max-width:660px){.dashboard header{height:auto;min-height:74px;flex-wrap:wrap;gap:10px;padding-block:12px}.dashboard header .brand{flex:1 1 145px}.dashboard header .header-controls{flex:0 0 100%;justify-content:flex-end}.dashboard header .country-label{display:none}.dashboard header .physical-select{width:132px}.dashboard header .select-trigger{min-height:40px}.dashboard header .theme-switch{padding:2px}.dashboard header .theme-switch button{width:36px;height:36px}}
@media(max-width:359px){.dashboard header .header-controls{justify-content:space-between}.dashboard header .physical-select{width:118px;min-width:118px}}