/* Canonical MyStationHub form standard from Create Free Account.
   All surfaces: public, signed-in customer, Master Admin.
   Selected menu option highlight is #E8F0F3. */
:root{--msh-form-option-highlight:#E8F0F3;--msh-form-line:#d7e1ef;--msh-form-focus:#81a6fb}
html body :is(input:not([type]),input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number]),textarea,select):not(:disabled):not([readonly]):not([aria-invalid=true]):not(.invalid):not(.error):not(.msh-select-native):not(.msh-select-search){
 background:#fff!important;color:#1b2c48!important;border:1px solid var(--msh-form-line)!important;
 border-radius:10px!important;box-shadow:none!important;min-height:46px;
 transition:border-color .18s ease,box-shadow .18s ease!important;
}
html body :is(input:not([type]),input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number]),textarea,select):not(:disabled):not([readonly]):not([aria-invalid=true]):not(.invalid):not(.error):not(.msh-select-native):not(.msh-select-search):focus{
 border-color:var(--msh-form-focus)!important;box-shadow:0 0 0 3px rgba(8,87,248,.09)!important;outline:none!important;
}
html body select option:checked{background:var(--msh-form-option-highlight)}
/* Reusable accessible dropdown shell. Native select remains authoritative for forms. */
html body .msh-global-select{position:relative;display:inline-block;min-width:0;max-width:100%;vertical-align:middle}
html body .msh-global-select.msh-select-native{border:0!important}
html body .msh-global-select select.msh-select-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%)!important}
html body .msh-global-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:49px;padding:11px 13px;border:1px solid #d2e0e9;border-radius:11px;background:#fff;color:#263e50;text-align:left;font:400 14px/1.45 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}
html body .msh-global-select-trigger:hover:not(:disabled){border-color:#91bed7;background:#fcfeff}
html body .msh-global-select-trigger:is(:focus-visible,[aria-expanded=true]){border-color:#0caef0;outline:none;box-shadow:0 0 0 3px rgba(12,174,240,.12)}
html body .msh-global-select-trigger:disabled{background:#f5f7fa;color:#8490a3;cursor:not-allowed}
html body .msh-global-select-chevron{width:17px;height:17px;flex:none;color:#68869b;transition:transform .2s}
html body .msh-global-select-trigger[aria-expanded=true] .msh-global-select-chevron{transform:rotate(180deg)}
html body .msh-global-select-pop{position:absolute;top:calc(100% + 7px);left:0;min-width:100%;width:max-content;max-width:min(420px,90vw);z-index:100;padding:6px;border:1px solid #dce7ef;border-radius:12px;background:#fff;box-shadow:0 14px 35px rgba(26,65,88,.15)}
html body .msh-global-select-pop[hidden]{display:none!important}
html body .msh-global-select.is-up .msh-global-select-pop{top:auto;bottom:calc(100% + 7px)}
html body .msh-global-select-options{max-height:min(245px,38vh);overflow:auto;overscroll-behavior:contain}
html body .msh-global-select-option{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;min-height:40px;padding:10px 11px;border:0;border-radius:8px;background:transparent;color:#344f62;text-align:left;font:400 14px/1.4 Inter,"Segoe UI",Arial,sans-serif;cursor:pointer}
html body .msh-global-select-option:is(:hover,:focus-visible),html body .msh-global-select-option[aria-selected=true]{background:var(--msh-form-option-highlight)!important;color:#087fad!important;outline:none}
html body .msh-global-select-check{font-weight:700;color:#049ed1}
@media(max-width:760px){html body .msh-global-select-trigger{font-size:16px}}
@media(prefers-reduced-motion:reduce){html body .msh-global-select-trigger,html body .msh-global-select-chevron{transition:none}}

/* Canonical field interaction: match the public Sign In inputs.
   Keep the approved #E8F0F3 dropdown option selection independently. */
html body :is(input:not([type]),input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number]),textarea,select):not(:disabled):not([readonly]):not([aria-invalid=true]):not(.invalid):not(.error):not(.msh-select-native):not(.msh-select-search){
 border-color:#d3dfea!important;
 border-radius:12px!important;
 box-shadow:0 1px 2px rgba(16,43,71,.025)!important;
}
html body :is(input:not([type]),input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number]),textarea,select):not(:disabled):not([readonly]):not([aria-invalid=true]):not(.invalid):not(.error):not(.msh-select-native):not(.msh-select-search):hover:not(:focus){
 border-color:#9bc9df!important;
 box-shadow:0 0 0 2px rgba(12,175,241,.055)!important;
}
html body :is(input:not([type]),input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number]),textarea,select):not(:disabled):not([readonly]):not([aria-invalid=true]):not(.invalid):not(.error):not(.msh-select-native):not(.msh-select-search):focus{
 border-color:#24a6de!important;
 box-shadow:0 0 0 3px rgba(12,175,241,.12)!important;
}
html body .msh-global-select-trigger{border-color:#d3dfea;border-radius:12px;box-shadow:0 1px 2px rgba(16,43,71,.025)}
html body .msh-global-select-trigger:hover:not(:disabled){border-color:#9bc9df;box-shadow:0 0 0 2px rgba(12,175,241,.055)}
html body .msh-global-select-trigger:is(:focus-visible,[aria-expanded=true]){border-color:#24a6de;box-shadow:0 0 0 3px rgba(12,175,241,.12)}