:root { color-scheme: light; --ms-field-bg: #fff; --ms-field-text: #182235; --ms-field-muted: #56667b; --ms-field-border: #c7d0dd; }
html.dark { color-scheme: dark; --ms-field-bg: #1f2937; --ms-field-text: #f3f4f6; --ms-field-muted: #b0bdcc; --ms-field-border: #576579; }
[x-cloak] { display: none !important; }
/* Native controls, custom form fields and browser autofill use the same pair of colors. */
:is(.fi-body, .ms-auth) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]), textarea, select) {
    color: var(--ms-field-text); background-color: var(--ms-field-bg); caret-color: var(--ms-field-text);
}
:is(.fi-body, .ms-auth) :is(input, textarea)::placeholder { color: var(--ms-field-muted); opacity: 1; }
:is(.fi-body, .ms-auth) :is(input, textarea, select):disabled { color: var(--ms-field-muted); -webkit-text-fill-color: var(--ms-field-muted); opacity: 1; }
:is(.fi-body, .ms-auth) input:-webkit-autofill { -webkit-text-fill-color: var(--ms-field-text); box-shadow: 0 0 0 1000px var(--ms-field-bg) inset; caret-color: var(--ms-field-text); }
.fi-body :is(.fi-input-wrp, .choices__inner, .choices__list--dropdown, .choices__input, .fi-fo-rich-editor-editor, .fi-fo-markdown-editor .CodeMirror) { background-color: var(--ms-field-bg); color: var(--ms-field-text); }
.fi-body .choices__list--dropdown .choices__item { color: var(--ms-field-text); }
.fi-body select option { background: var(--ms-field-bg); color: var(--ms-field-text); }
.ms-password-field { position: relative; }
.ms-password-field .ms-password-input { padding-right: 3.25rem; border: 1px solid var(--ms-field-border); }
.ms-password-toggle { position: absolute; top: 0; right: 0; width: 2.9rem; height: 2.6rem; display: grid; place-items: center; color: var(--ms-field-muted); border-radius: .5rem; }
.ms-password-toggle:hover { color: var(--ms-field-text); background: #94a3b81c; }
.ms-password-toggle:focus-visible { outline: 2px solid #818cf8; outline-offset: 2px; }
.ms-password-toggle svg { width: 1.25rem; height: 1.25rem; }
.ms-local-mode { padding: 1rem; border: 1px solid #596476; border-radius: .75rem; background: #ffffff05; }
.ms-local-mode-label { display: flex; align-items: center; justify-content: space-between; gap: 1rem; font-size: .9rem; font-weight: 600; cursor: pointer; }
.ms-local-mode p { margin-top: .5rem; font-size: .78rem; line-height: 1.6; color: #bbc6d5; max-width: 23rem; }
.ms-local-mode input { appearance: none; flex-shrink: 0; width: 2.6rem; height: 1.5rem; border-radius: 1rem; background: #546174; cursor: pointer; position: relative; }
.ms-local-mode input::after { content: ''; position: absolute; top: .2rem; left: .2rem; height: 1.1rem; width: 1.1rem; border-radius: 50%; background: white; transition: transform .15s; }
.ms-local-mode input:checked { background: #6366f1; }
.ms-local-mode input:checked::after { transform: translateX(1.1rem); }
.ms-local-mode input:focus-visible { outline: 2px solid #a5b4fc; outline-offset: 3px; }
.ms-auth-content > div:first-child { width: 100%; max-width: 28rem; }
.ms-auth-image { position: relative; }
.ms-auth-image img { position: absolute; inset: 0; }
.ms-auth a.text-indigo-500 { color: #a5b4fc; }

/* Inventory search stays above the results, with a compact secondary filter area. */
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters-above-content-ctn {
    background: linear-gradient(125deg, #f5f7ff 0%, #f8fafc 65%, #f0fdfa 100%);
    border-top: 3px solid #6366f1;
    border-radius: .75rem .75rem 0 0;
}
.dark :is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters-above-content-ctn {
    background: linear-gradient(125deg, #232637 0%, #1c2431 70%, #192d30 100%);
    border-top-color: #818cf8;
}
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters > div:first-child h4 { font-size: 1rem; letter-spacing: -.015em; }
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters .fi-fo-field-wrp-label { font-size: .8rem; }
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters .fi-section { box-shadow: none; background: transparent; }
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .ms-inventory-apply { min-width: 11rem; }
:is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .fi-ta-filters > div:last-child:has(.ms-inventory-apply) { display: flex; justify-content: flex-end; }
@media (max-width: 639px) {
    :is(.fi-resource-products, .fi-resource-posquas, .fi-resource-suppquas) .ms-inventory-apply { width: 100%; }
}