/* One control boundary and one blue outer ring across every workspace page. */
:root {
  --field-border: #b8c1cf;
  --field-radius: 12px;
  --field-ring: #216bd1;
}
html body :is(input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not(.sr-only):not(:where(.search-box > input, .product-tab-search > input, .field-search > input, .product-type-search > input, .password-input > input, .password-field:has(> input) > input, label:has(> #accountSearch) > input)), textarea, select:not(.history-native-select):not(.sr-only):not(.import-native-audience), .history-dropdown-trigger, .rounded-dropdown-trigger, .search-box, .product-tab-search, .field-search, .product-type-search, .password-input, .password-field:has(> input), label:has(> #accountSearch)):not([hidden]) {
  border: 1px solid var(--field-border) !important;
  border-radius: var(--field-radius) !important;
  outline: none !important;
  box-shadow: none !important;
  transition: border-color 120ms ease, outline-color 120ms ease;
}
html body :is(input:not([type="hidden"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="image"]):not(.sr-only):not(:where(.search-box > input, .product-tab-search > input, .field-search > input, .product-type-search > input, .password-input > input, .password-field:has(> input) > input, label:has(> #accountSearch) > input)), textarea, select:not(.history-native-select):not(.sr-only):not(.import-native-audience), .history-dropdown-trigger, .rounded-dropdown-trigger, .search-box, .product-tab-search, .field-search, .product-type-search, .password-input, .password-field:has(> input), label:has(> #accountSearch)):not([hidden]):not(:disabled):not([aria-disabled="true"]):not(:has(> input:disabled)):is(:hover, :focus, :focus-visible, :focus-within) {
  border-color: var(--field-border) !important;
  outline: 2px solid var(--field-ring) !important;
  outline-offset: 3px !important;
  box-shadow: none !important;
}
/* Composite search/password controls keep the inner input visually borderless. */
html body :is(.search-box > input, .product-tab-search > input, .field-search > input, .product-type-search > input, .password-input > input, .password-field:has(> input) > input, label:has(> #accountSearch) > input),
html body :is(.search-box > input, .product-tab-search > input, .field-search > input, .product-type-search > input, .password-input > input, .password-field:has(> input) > input, label:has(> #accountSearch) > input):is(:hover, :focus, :focus-visible) {
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
html body :is(.search-box, .product-tab-search, .field-search, .product-type-search, .password-input, .password-field:has(> input), label:has(> #accountSearch)) {
  background-color: #fff;
}
html body :is(input, textarea, select, .history-dropdown-trigger)[aria-invalid="true"] {
  border-color: #c53030 !important;
  --field-ring: #c53030;
}
html body .password-input:has(> input[aria-invalid="true"]) { --field-ring: #c53030; border-color: #c53030 !important; }
.login-form-panel > form > input:not([type="hidden"]) { box-sizing: border-box; padding: 14px 12px; }
.login-form-panel .password-field input { box-sizing: border-box; padding: 14px 72px 14px 12px; }
@media (prefers-reduced-motion: reduce) {
  html body :is(input, textarea, select, .history-dropdown-trigger, .rounded-dropdown-trigger) { transition: none; }
}