/* =================== foundation-forms.css =================== */
/* Global form primitives. Keep it minimal and token-driven. */

input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
textarea,
select {
  width: 100%;
  padding: var(--hc-sp-3) var(--hc-sp-4);
  border: 1px solid var(--hc-line);
  border-radius: var(--hc-r-sm);
  font-size: var(--hc-fs-lg);
  line-height: var(--hc-lh-base);
  font-family: inherit;
  color: var(--hc-ink);
  background: var(--hc-paper);
  transition: all var(--hc-dur-fast) var(--hc-ease-out);
  will-change: border-color, box-shadow;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
  border-color: var(--hc-ink);
  box-shadow: 0 0 0 3px rgba(26, 23, 20, 0.06);
  background: var(--hc-paper);
}

input::placeholder {
  color: var(--hc-ink-muted);
}

.hc-dadata-wrap {
  position: relative;
}

.hc-dadata-dd {
  position: absolute;
  z-index: 50;
  width: 100%;
  max-height: 240px;
  overflow-y: auto;
  background: var(--hc-paper);
  border: 1px solid var(--hc-line);
  border-radius: var(--hc-r-sm);
  box-shadow: var(--hc-sh-3);
}

.hc-dadata-dd[hidden] {
  display: none;
}

.hc-dadata-item {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-bottom: 1px solid var(--hc-line);
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--hc-fs-sm);
  text-align: left;
  cursor: pointer;
}

.hc-dadata-item:hover,
.hc-dadata-item:focus-visible {
  background: var(--hc-accent-soft);
}

.is-hc-empty {
  display: none !important;
}

.is-hc-disabled-tab {
  opacity: 0.45;
  pointer-events: none;
}

input.is-hc-success,
.hc-input.is-hc-success,
.hc-field.is-hc-success {
  background: var(--hc-success);
  border-color: var(--hc-success);
}

.is-hc-fading-count {
  opacity: 0;
  transition: opacity 320ms ease-out;
}

.is-hc-fading-count.is-visible {
  opacity: 1;
}

[data-progress-visual="0"] { width: 0%; }
[data-progress-visual="5"] { width: 5%; }
[data-progress-visual="10"] { width: 10%; }
[data-progress-visual="15"] { width: 15%; }
[data-progress-visual="20"] { width: 20%; }
[data-progress-visual="25"] { width: 25%; }
[data-progress-visual="30"] { width: 30%; }
[data-progress-visual="35"] { width: 35%; }
[data-progress-visual="40"] { width: 40%; }
[data-progress-visual="45"] { width: 45%; }
[data-progress-visual="50"] { width: 50%; }
[data-progress-visual="55"] { width: 55%; }
[data-progress-visual="60"] { width: 60%; }
[data-progress-visual="65"] { width: 65%; }
[data-progress-visual="70"] { width: 70%; }
[data-progress-visual="75"] { width: 75%; }
[data-progress-visual="80"] { width: 80%; }
[data-progress-visual="85"] { width: 85%; }
[data-progress-visual="90"] { width: 90%; }
[data-progress-visual="95"] { width: 95%; }
[data-progress-visual="100"] { width: 100%; }