/* ModulHub BrregSok — delt Brreg-søkelinje (DS-UI-NY-BRREG-SOKE-UX-SAMLET 3a).
 * Rendres av shared/js/foretak-sok.js i [data-foretak-sok]-containeren.
 * Design-tokens fra theme.css — ingen frihåndsfarger. */

.foretak-sok {
  position: relative;
}

.foretak-sok-input {
  width: 100%;
  height: 42px;
  padding: 0 12px;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm, 8px);
  /* Hvit i hvile som .form-input (E01 R1.15: hvit = skrivbar; Vidars funn
     2026-08-09 — søkefeltet var tonet og skilte seg ut fra øvrige felt).
     Fokus-affordansen bæres av kanten, samme som .form-input. */
  background: var(--surface);
  color: var(--text);
  font-size: 14px;
  font-family: inherit;
  outline: none;
}

.foretak-sok-input:focus {
  border-color: var(--primary);
}

/* Navnesøk-dropdown (WAI-ARIA listbox) */
.foretak-sok-liste {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  z-index: 20;
  margin: 0;
  padding: 4px;
  list-style: none;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-sm, 8px);
  box-shadow: var(--shadow);
  max-height: 260px;
  overflow-y: auto;
}

.foretak-sok-treff {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 8px 10px;
  border-radius: var(--radius-sm, 8px);
  cursor: pointer;
  font-size: 13px;
}

.foretak-sok-treff:hover,
.foretak-sok-treff.aktiv {
  background: var(--primary-soft);
}

.foretak-sok-treff-navn {
  color: var(--text);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.foretak-sok-treff-orgnr {
  color: var(--muted);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

/* Statuslinje (aria-live) under søkefeltet. Tom = null høyde (Vidars
   symmetri-funn 2026-08-15: den reserverte plassen gjorde sonens luft
   32px under mot 8px over) — noden består for aria-live, meldingen
   skyver innhold kun når den faktisk finnes. */
.foretak-sok-status {
  margin-top: 6px;
  font-size: 13px;
  color: var(--muted);
}
.foretak-sok-status:empty { margin-top: 0; }

.foretak-sok-status.loading { color: var(--muted); }
.foretak-sok-status.success { color: var(--success); }
.foretak-sok-status.error { color: var(--danger); }

/* --- Kloss-eide tekster (Vidars vedtak 2026-08-14) ----------------------
 * Etikett + skilletekst + DL-infolinje rendres av klossen selv — tre
 * flater hadde tre former (bud 10). Kravet (*) er flate-eid konfig. */

/* Søkesonen (endelig form, Vidars runde 5 2026-08-14): kontrollsone-grå
 * fylling + kun myk skygge — INGEN navy-ring. Ringen er markerings-rollen
 * («samlingen du står i», list-row); sonen er et FOKUSOMRÅDE, og
 * kontrollsone-stripa bak fanevelgeren (samme token) har selv ingen ring.
 * Det hvite søkefeltet lyser i den grå sonen: hvit = skrivbar. */
.foretak-sok-sone {
  background: var(--kontrollsone);
  border-radius: var(--radius-md);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
  /* Symmetrisk luft (Vidars dom 2026-08-15): lik padding over etiketten
     og under søkelinja — statuslinja er null-høyde når den er tom. */
  padding: 8px 12px;
  margin: 4px 2px 2px;
}

.foretak-sok-etikett {
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
  margin-bottom: 6px;
}

.foretak-sok-skille {
  /* Ringen over gjør sonedelingen — ingen dobbel strek. */
  margin-top: 10px;
  font-size: 12px;
  color: var(--muted);
}

/* Felt-tilstanden er KUN dataspor (Vidars runde 3, 2026-08-14: «tonet
 * felt leser som skrivebeskyttet») — ingen visuelle tilstandsklasser.
 * dataset.foretakAutofylt/foretakOverstyrt settes av foretak-sok.js. */