/* GLOBAL [hidden] GUARD (v1.9.283) — author display rules override the
   user-agent [hidden]{display:none}; this restores standard semantics. */
[hidden]{display:none !important}

/* ============================================================================
   edit-fields.css  —  global, authoritative edit-field styling.

   Loaded LAST on every page with form fields, so it wins over any older
   (possibly cached) stylesheet. Guarantees, platform-wide:

     * focus      -> navy (#14284C), never green, on the FIELD CONTAINER
     * background -> white (incl. killing the browser autofill gray/blue fill)
     * the actual <input> inside an icon "field" wrapper has NO border, NO ring
       and NO outline of its own  (the wrapper is the only bordered element)
     * disabled   -> keeps its gray "disabled" look on purpose

   New filename => browsers/CDNs cannot serve a stale copy, so it applies at once
   even if an older desktop-login.css is cached.
   ========================================================================== */

/* --- 1. Inputs inside an icon wrapper are completely borderless/ringless --- */
/*       (this is the fix for the gray rectangle that appeared around the text) */
.lg-field input, .lg-field input:focus, .lg-field input:focus-visible,
.authp-field input, .authp-field input:focus, .authp-field input:focus-visible,
.authp-sel select, .authp-sel select:focus, .authp-sel select:focus-visible {
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-color: transparent !important;
}

/* --- 2. The FIELD CONTAINER carries the focus styling, navy not green --- */
.lg-field:focus-within {
  border-color: #14284C !important;
  box-shadow: 0 0 0 2px rgba(20, 40, 76, .14) !important;
}
.authp-field:focus-within, .authp-sel:focus-within {
  border-color: #14284C !important;
  box-shadow: 0 0 0 3px rgba(20, 40, 76, .15) !important;
}

/* --- 3. White field backgrounds (wrappers + standalone fields; never gray) --- */
.lg-field, .authp-field, .authp-otp, .authp-sel,
.fg input, .fg textarea, .vc2-search input,
.vp-field input, .vp-field select, .vp-field textarea {
  background-color: #ffffff !important;
}

/* --- 4. Standalone field classes: navy focus, never green --- */
.authp-otp:focus,
.fg input:focus, .fg textarea:focus, .vc2-search input:focus,
.vp-field input:focus, .vp-field select:focus, .vp-field textarea:focus {
  border-color: #14284C !important;
  box-shadow: 0 0 0 3px rgba(20, 40, 76, .15) !important;
  outline: none !important;
}

/* --- 5. Kill the browser autofill gray/blue fill on every edit field --- */
input:-webkit-autofill, input:-webkit-autofill:hover,
input:-webkit-autofill:focus, input:-webkit-autofill:active,
textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #1d2746 !important;
  -webkit-box-shadow: 0 0 0 100px #ffffff inset !important;
  box-shadow: 0 0 0 100px #ffffff inset !important;
  transition: background-color 99999s ease-out 0s !important;
}

/* --- 6. Disabled fields keep their disabled affordance --- */
input:disabled, textarea:disabled, select:disabled {
  background-color: #f1f4f9 !important;
  cursor: not-allowed !important;
}