/* Fill state uses browser value state, including autofill without JS events. */
:root{--field-empty:#f2f5f9;--field-filled:#fff;--field-border:#c6cfdb;--field-error:#ad363c;--field-error-bg:#fff4f3}
html:is([data-business-theme="dark"],[data-admin-theme="dark"]){--field-empty:#263342;--field-filled:#1d2532;--field-border:#57697d;--field-error:#f2a2a5;--field-error-bg:#402c36}
:is(#partner-admin,#app,#overlay) .partner-field{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--field-border);border-radius:6px;font:inherit;line-height:22px;box-sizing:border-box;color:var(--ink);background:var(--field-filled);transition:border-color .12s,background-color .12s}
:is(#partner-admin,#app,#overlay) :is(input,textarea).partner-field:placeholder-shown{background:var(--field-empty)}
:is(#partner-admin,#app,#overlay) :is(input,textarea).partner-field:not(:placeholder-shown){background:var(--field-filled)}
:is(#partner-admin,#app,#overlay) .partner-field::placeholder{color:var(--muted);opacity:1}
:is(#partner-admin,#app,#overlay) .partner-field:autofill{background:var(--field-filled);color:var(--ink)}
:is(#partner-admin,#app,#overlay) .partner-field:-webkit-autofill{-webkit-text-fill-color:var(--ink);-webkit-box-shadow:0 0 0 1000px var(--field-filled) inset;animation-name:partner-autofill;animation-duration:.01s}
@keyframes partner-autofill{from{opacity:1}to{opacity:1}}
:is(#partner-admin,#app,#overlay) .partner-field:focus{background:var(--field-filled);border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}
:is(#partner-admin,#app,#overlay) .partner-field[aria-invalid="true"]{border-color:var(--field-error);background:var(--field-error-bg)}
:is(#partner-admin,#app,#overlay) .partner-field[aria-invalid="true"]:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--field-error-bg) inset}
:is(#partner-admin,#app,#overlay) [data-company-error]{color:var(--field-error);font-size:13px;line-height:1.5}
:is(#partner-admin,#app,#overlay) [data-company-error][hidden]{display:none}
:is(#partner-admin,#app,#overlay) .search input.partner-field{padding-left:35px}
:is(#partner-admin,#app,#overlay) .partner-field.address-input{padding-left:39px}
:is(#partner-admin,#app,#overlay) input.partner-field:is([type="date"],[type="time"]):required:invalid:not([aria-invalid="true"]){background:var(--field-empty)}
@media(max-width:767px){:is(#partner-admin,#app,#overlay) .partner-field{font-size:16px}}