/* Shared planning workspace. Only Home, EOR and Payroll load this file.
 * Repeated root specificity bridges frozen Payroll template rules (two IDs)
 * without changing their page-wide styles. !important is reserved for the
 * existing site-soft-choices accessibility/choice layer and hidden state.
 * DOM adapters preserve all tool controllers, native details and field groups.
 */
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) {
 --tools-navy:#032058; --tools-accent:#35AECB; --tools-surface:#EBF7FA;
 box-sizing:border-box;width:calc(100% - 64px);max-width:1360px;
 margin-inline:auto;padding:48px 32px;border-radius:24px;background:var(--tools-surface);color:var(--tools-navy);
 height:auto;min-height:0;
}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-intro,.et-intro,.ppx-intro){max-width:780px;text-align:center;margin:0 auto 32px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.eyebrow,.ppx-eyebrow,.eor-eyebrow){font-size:13px;font-weight:600;line-height:1.6;letter-spacing:.12em;margin:0 0 14px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) h2{font-size:clamp(34px,3.5vw,48px);line-height:1.15;letter-spacing:-.04em;font-weight:700;margin:0 0 20px;color:var(--tools-navy)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-intro,.et-intro,.ppx-intro)>p:last-child{font-size:17px;line-height:1.6;margin:0}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 24px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button{min-width:0;min-height:58px;padding:15px 16px;border:1px solid var(--tools-accent)!important;border-radius:16px!important;background:#fff!important;color:var(--tools-navy)!important;font:600 14px/1.45 Poppins,Arial,sans-serif;text-align:center;box-shadow:none!important;cursor:pointer}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-selected=true]{background:var(--tools-navy)!important;color:#fff!important;border-color:var(--tools-navy)!important;box-shadow:inset 0 -3px 0 var(--tools-accent)!important}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button:hover{box-shadow:inset 0 0 0 1px var(--tools-accent)!important}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-selected=true]:hover{box-shadow:inset 0 -3px 0 var(--tools-accent)!important}
/* Only Home/EOR tabs disclose a workspace. Payroll tabs change native panels. */
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-expanded]{position:relative;padding-right:34px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-expanded]::after{content:"";position:absolute;right:14px;top:50%;width:7px;height:7px;border-right:2px solid var(--tools-accent);border-bottom:2px solid var(--tools-accent);transform:translateY(-65%) rotate(45deg)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-expanded=true]::after{transform:translateY(-25%) rotate(225deg)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-close,.et-toggle,.et-disclosure>summary){align-items:center;justify-content:space-between;gap:12px;width:fit-content;max-width:100%;margin:0 0 20px auto;padding:10px 18px;min-height:44px;box-sizing:border-box;border:1px solid var(--tools-accent)!important;border-radius:30px!important;background:#fff!important;color:var(--tools-navy)!important;font:600 14px/1.5 Poppins,Arial,sans-serif;cursor:pointer;list-style:none}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) .et-disclosure[open]>summary{margin-bottom:20px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-close,.et-toggle,.et-disclosure>summary)::after{content:"";flex:0 0 7px;width:7px;height:7px;border-right:2px solid var(--tools-accent);border-bottom:2px solid var(--tools-accent);transform:translateY(-2px) rotate(45deg)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-close,.et-toggle[aria-expanded=true],.et-disclosure[open]>summary)::after{transform:translateY(2px) rotate(225deg)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-close,.et-toggle,.et-disclosure>summary)>:is(svg,[aria-hidden=true]){display:none}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) .et-disclosure>summary::-webkit-details-marker{display:none}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) .et-disclosure>summary::marker{content:""}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-panel,.et-panel,.et-layout){height:auto;min-height:0;align-items:start;gap:26px;margin-bottom:24px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-panel,.et-layout){display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) .et-layout{margin-bottom:0}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(form,.planning-result,.et-result){box-sizing:border-box;min-width:0;min-height:0;height:auto;padding:28px;border:1px solid var(--tools-accent);border-radius:16px;background:#fff;overflow-wrap:anywhere}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) h3{font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.025em;margin:0 0 15px;color:var(--tools-navy)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(p,li){font-size:14px;line-height:1.7;color:var(--tools-navy)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) p{margin:0 0 18px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) label{display:block;font-size:13px;font-weight:500;line-height:1.5;color:var(--tools-navy)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(input,select,textarea){box-sizing:border-box;display:block;width:100%;min-width:0;min-height:48px;padding:11px 12px;margin-top:8px;border:1px solid var(--tools-accent);border-radius:10px!important;background-color:#fff;color:var(--tools-navy);font:400 16px/1.5 Poppins,Arial,sans-serif}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(input,select,textarea)[aria-invalid=true]{border-width:2px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) select{padding-right:44px;background-position:right 14px center;background-size:20px 20px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) textarea{resize:vertical}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-form-actions,.planning-export,.et-actions,.et-result-actions){display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-form-actions,.planning-export,.et-actions,.et-result-actions) button{box-sizing:border-box;min-height:48px;padding:12px 20px;border:1px solid var(--tools-accent);border-radius:30px;background:#fff;color:var(--tools-navy);font:600 14px/1.5 Poppins,Arial,sans-serif;cursor:pointer}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-form-actions,.et-actions) button[type=submit]{background:var(--tools-navy);color:#fff;border-color:var(--tools-navy)}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) button:disabled{opacity:.55;cursor:default}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-note,.planning-status,.et-note,.et-privacy,.et-caveat,.et-status,.pp-tool-status){font-size:12px;line-height:1.7;margin:16px 0}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.et-empty,.pp-tool-output){min-height:0;height:auto}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) .et-empty{padding:0}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.et-empty,.pp-tool-output)>span[aria-hidden]{display:block;font-size:36px;line-height:1;color:var(--tools-accent);margin-bottom:18px}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.et-contact,.planning-service-options a){overflow-wrap:anywhere}
html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(button,summary,a,input,select,textarea):focus-visible{outline:3px solid var(--tools-navy)!important;outline-offset:4px!important;box-shadow:none!important}
@media(max-width:1100px){html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs,.planning-panel,.et-panel,.et-layout){grid-template-columns:minmax(0,1fr)}html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button{text-align:left}}
@media(max-width:600px){
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools){width:calc(100% - 24px);padding:32px 18px;border-radius:16px}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) h2{font-size:30px}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(form,.planning-result,.et-result){padding:22px 18px}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-panel,.et-panel,.et-layout){gap:18px}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-fields,.planning-checks label,.et-fields){grid-template-columns:minmax(0,1fr)}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-form-actions,.et-actions,.et-result-actions) button{flex:1 1 auto}
}
@media(prefers-reduced-motion:reduce){html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) *,html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) *::before,html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) *::after{animation:none!important;transition:none!important}}
@media(forced-colors:active){
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) select{appearance:auto;background-image:none;padding-right:12px}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(button,summary,a,input,select,textarea):focus-visible{outline:3px solid Highlight!important}
 html body .tools-system.tools-system:is(#tools,#eor-tools,#ppx-tools):is(#tools,#eor-tools,#ppx-tools) :is(.planning-tabs,.et-tabs) button[aria-selected=true]{outline:2px solid Highlight!important}
}