/* Ameriteam OS v318 — native input/search focus behavior
   Removes browser-like focus boxes from typing controls while preserving stable layout. */

:root {
  --amt-input-border: #cbd5e1;
  --amt-input-border-dark: #33435a;
  --amt-caret: #14265b;
}

/* Typing should feel native and organic: no halo, no outline, no focus jump. */
input,
textarea,
select,
[contenteditable="true"],
.input,
.select,
.amt-select-trigger,
.amt-select-search input,
.header-search input,
.amt195-page input,
.amt195-page textarea,
.amt195-page select,
.amt195-side-search,
.amt195-side-search input,
.command-input-wrap input {
  -webkit-tap-highlight-color: transparent;
}

input:focus,
input:focus-visible,
textarea:focus,
textarea:focus-visible,
select:focus,
select:focus-visible,
[contenteditable="true"]:focus,
[contenteditable="true"]:focus-visible,
.input:focus,
.input:focus-visible,
.select:focus,
.select:focus-visible,
.amt-select-trigger:focus,
.amt-select-trigger:focus-visible,
.amt-select-search input:focus,
.amt-select-search input:focus-visible,
.header-search input:focus,
.header-search input:focus-visible,
.amt195-page input:focus,
.amt195-page input:focus-visible,
.amt195-page textarea:focus,
.amt195-page textarea:focus-visible,
.amt195-page select:focus,
.amt195-page select:focus-visible,
.command-input-wrap input:focus,
.command-input-wrap input:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Keep the same geometry and tone before/during typing. */
.input:focus,
.select:focus,
textarea:focus,
.header-search input:focus,
.amt-select-search input:focus,
.amt195-page input:focus,
.amt195-page textarea:focus,
.amt195-page select:focus {
  border-color: var(--amt-input-border) !important;
}

/* Bid Room search wrapper previously inherited focus-within treatment. */
.amt195-side-search:focus,
.amt195-side-search:focus-visible,
.amt195-side-search:focus-within,
.header-search:focus-within,
.global:focus-within,
.command-input-wrap:focus-within {
  outline: none !important;
  box-shadow: none !important;
  filter: none !important;
}

.amt195-side-search:focus-within,
.header-search:focus-within {
  border-color: inherit !important;
  background: inherit;
}

/* Custom selects should not draw a second highlighted box when opened. */
.amt-select-trigger.open,
.amt-select-trigger.open:focus,
.amt-select-trigger.open:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Preserve an obvious insertion point without changing the field chrome. */
input,
textarea,
[contenteditable="true"] {
  caret-color: var(--amt-caret);
}

:root[data-theme-resolved="dark"] input:focus,
:root[data-theme-resolved="dark"] textarea:focus,
:root[data-theme-resolved="dark"] select:focus,
:root[data-theme-resolved="dark"] .input:focus,
:root[data-theme-resolved="dark"] .select:focus,
:root[data-theme-resolved="dark"] .amt-select-trigger:focus,
:root[data-theme-resolved="dark"] .amt-select-search input:focus,
:root[data-theme-resolved="dark"] .amt195-page input:focus,
:root[data-theme-resolved="dark"] .amt195-page textarea:focus,
:root[data-theme-resolved="dark"] .amt195-page select:focus {
  border-color: var(--amt-input-border-dark) !important;
}

/* Keyboard focus remains visible on actions/links, not on typing boxes. */
button:focus-visible,
a:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible:not(input):not(textarea):not(select):not([contenteditable="true"]) {
  outline: 2px solid rgba(20,38,91,.22) !important;
  outline-offset: 2px !important;
}