/* === ModulHub document-extracted – avlest data fra fil === */
/* Label + verdi-par med redigerbare felter. Brukes naar vi har ekstrahert   */
/* data fra en PDF (bestilling, faktura, osv) og vil la brukeren se/endre.   */
/* Vet ingenting om preview, dropzone eller parser — kun visning.            */
/*
   Kontrakt (JS):
     ModulHubExtracted.render(el, fields)
       fields = [{ label, value, editable }]
     Event ut: 'field-changed' { label, value }

   Merk: CSS-klassene bruker dagens `.mh-docpanel-extracted*`-prefiks.
         Kan renames til `.document-extracted*` senere.
*/

.mh-docpanel-extracted {
  display: none;
  border-right: 1px solid var(--border);
  overflow-y: auto;
  padding: 12px;
  font-size: 13px;
}

.mh-docpanel-extracted-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 10px;
}

.mh-docpanel-extracted-field { margin-bottom: 10px; }

.mh-docpanel-extracted-label {
  font-size: 10px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 2px;
}

.mh-docpanel-extracted-value {
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  word-wrap: break-word;
  overflow-wrap: break-word;
}