/* ==========================================================================
   Formularios — campos, selects y buscadores
   ========================================================================== */

html[data-theme] .page-layout :is(
  input[type=text], input[type=search], input[type=number], input[type=email], input:not([type]),
  select, textarea, .gt-input, .archi-search-bar
):not(.map-search-box input):not(.qty-box):not(.archi-qty-num) {
  background-color: var(--c-field) !important;
  border: 1px solid var(--c-line-strong) !important;
  border-radius: var(--r-ctl) !important;
  color: var(--c-text) !important;
  box-shadow: none !important;
  transition: border-color .2s var(--ease), box-shadow .2s var(--ease);
}

html[data-theme] .page-layout :is(input, select, textarea):not(.map-search-box input):focus {
  border-color: var(--c-accent) !important;
  box-shadow: 0 0 0 4px var(--c-accent-soft) !important;
  outline: none;
}

html[data-theme] :is(input, textarea)::placeholder { color: var(--c-text-3) !important; opacity: 1; }
html[data-theme] select option { background: var(--c-surface); color: var(--c-text); }