/* Targeted WCAG improvements; no conformance claim. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #005f73!important;outline-offset:3px!important}
.v72-auth-form>.muted,.v72-auth-form .v72-eyebrow{color:#405b68!important}
#app main .muted,.studio-planning-notes p,.v72-quick-grid span,.stat>.muted,.studio-section-heading>span{color:#405b68!important}
#app main .yhead{color:#354f5e}.v72-field>label{font-size:max(12px,.8rem)}
button,input,select,summary{min-height:32px}input[type=checkbox]{min-height:20px;min-width:20px;width:auto}
#workRules dialog{width:min(800px,92vw);max-height:85vh;overflow:auto;padding:22px;border:1px solid #78939e;border-radius:12px;color:#16343c}
#workRules dialog::backdrop{background:#102d3b88}#workRules label{display:flex;flex-direction:column;gap:5px;margin:8px 0}
#workRules label:has(input[type=checkbox]){flex-direction:row;align-items:start;gap:10px}#workRules .wr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#workRules td,#workRules th{padding:12px;text-align:left;vertical-align:top}#workRules small{display:block}#workRules [role=status]{line-height:1.6}
.employee-view aside button[onclick*="employees"],.employee-view aside button[onclick*="locations"],.employee-view aside button[onclick*="stations"],.employee-view aside button[onclick*="hours"],.employee-view aside button[onclick*="schedule'"],.employee-view aside button[onclick*="reports"],.employee-view aside button[onclick*="timeAccounts"],.employee-view aside button[onclick*="workRules"],.employee-view #savedPlanDetail button,.employee-view #onboarding{display:none!important}
@media(max-width:600px){#workRules .wr-grid{grid-template-columns:1fr}.row{flex-wrap:wrap}.row>*{min-width:0;max-width:100%}.card{min-width:0}main{min-width:0}#savedPlanDetail>div[style*=grid]{display:flex!important;flex-wrap:wrap}#savedPlanDetail>div>span,#savedPlanDetail>div>b{overflow-wrap:anywhere}.top{height:auto;min-height:68px;gap:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){:focus-visible{outline:3px solid Highlight!important}button,a,input,select,textarea{forced-color-adjust:auto}}

input::placeholder,textarea::placeholder{color:#526976;opacity:1}

aside :focus-visible{outline-color:#91e0d2!important}