/* Import-modal for tjenester (Spor 13) — JSON-paste + AI-vennlig flyt. */

.import-modal__hjelp {
  background: var(--bakgrunn-dempet);
  border-left: 3px solid var(--farge-primary);
  padding: var(--avstand-3) var(--avstand-4);
  border-radius: var(--radius-2);
  margin-bottom: var(--avstand-4);
  font-size: 0.9rem;
}
.import-modal__hjelp ol { margin: var(--avstand-2) 0 0; padding-left: var(--avstand-5); }
.import-modal__hjelp li { margin: var(--avstand-1) 0; }
.import-modal__hjelp em { font-style: normal; font-weight: 600; }

.import-modal__verktoy {
  display: flex;
  gap: var(--avstand-2);
  margin: var(--avstand-3) 0 var(--avstand-4);
}

.felt--monospace {
  font-family: var(--font-monospace);
  font-size: 0.85rem;
  white-space: pre;
  overflow-x: auto;
}

.import-modal__json {
  width: 100%;
  box-sizing: border-box;
}

.import-modal__tre-kontekst { color: var(--tekst-dempet); font-style: italic; }
.import-modal__tre-kontekst > ul { font-style: normal; color: var(--tekst); }

.import-modal__sammendrag {
  font-size: 1rem;
  margin-bottom: var(--avstand-4);
  display: flex;
  flex-wrap: wrap;
  gap: var(--avstand-2);
  align-items: center;
}

.import-modal__seksjon {
  background: var(--bakgrunn-dempet);
  border-radius: var(--radius-2);
  padding: var(--avstand-2) var(--avstand-3);
  margin-bottom: var(--avstand-2);
}
.import-modal__seksjon summary { cursor: pointer; padding: var(--avstand-1) 0; }
.import-modal__seksjon ul { margin: var(--avstand-2) 0 var(--avstand-1); padding-left: var(--avstand-5); }
.import-modal__seksjon li { margin: var(--avstand-1) 0; font-size: 0.9rem; }

.import-modal__seksjon--opprett { border-left: 3px solid var(--farge-positiv, #22c55e); }
.import-modal__seksjon--oppdater { border-left: 3px solid var(--farge-primary); }
.import-modal__seksjon--hopp { border-left: 3px solid var(--tekst-dempet); }
.import-modal__seksjon--feil { border-left: 3px solid var(--farge-negativ, #ef4444); }

.import-modal__notat {
  font-size: 0.85rem;
  margin-top: var(--avstand-4);
  padding: var(--avstand-2) var(--avstand-3);
  background: var(--bakgrunn-dempet);
  border-radius: var(--radius-2);
}
.import-modal__notat code {
  background: var(--bakgrunn);
  padding: 0 0.3em;
  border-radius: 3px;
  font-family: var(--font-monospace);
}