/* Markér-i-bilaget — fladelag (ADR-0005: grundlaget røres aldrig; tokens er
   grundlagets: --line, --chrome, --win, --txt, --txt-2, --txt-3, --acc,
   --acc-mid, --acc-soft, --graa-flade, --warn, --warn-bg. Der findes INGEN
   --linje, og INGEN --warn-soft: advarslens flade hedder --warn-bg (målt
   28-08-2026 — defineret i alle tre temablokke: :root,
   @media prefers-color-scheme:dark og :root[data-theme="dark"]). */

#markoerknap {
  position: fixed; z-index: 90;
  padding: 4px 10px; border-radius: 8px;
  border: 1px solid var(--acc, var(--line));
  background: var(--chrome); color: var(--acc-tekst, var(--txt));
  font: 600 11.5px/1.4 inherit; cursor: pointer;
  box-shadow: var(--skygge);
}
#markoerknap:hover { background: var(--row-hover, var(--graa-flade)); }
#markoerknap[hidden] { display: none; }

.markoer {
  display: flex; flex-direction: column;
  width: 100%; height: 100%; min-height: 0;
  background: var(--graa-flade);
}
.mktop {
  display: flex; align-items: center; gap: 8px; flex: none;
  padding: 7px 12px; border-bottom: 1px solid var(--line);
  background: var(--chrome);
}
.mkvalgt {
  flex: 1; min-width: 0; font-size: 12px; color: var(--txt-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ⛔ MOTORENS AFVISNING SKAL KUNNE SES. Fra 28-08-2026 lander markeringen af
   sig selv når musen slippes — så bliver et klik på det forkerte ord til en
   afvisning, og den stod indtil da som GRÅ brødtekst i samme linje som »Valgt:
   …«. En fejlbesked man ikke kan skelne fra en oplysning, er ingen besked
   [UX »Error Feedback«, høj · UI-UX-STANDARD § 9: ingen advarsler uden en
   handling — teksten er motorens egen og siger hvad man skal markere i stedet].
   ⚠ Farven er ikke det eneste kendetegn: teksten skifter, den står i et
     `role="status"`-felt, og de valgte ordbokse skifter med (herunder). */
.mkvalgt.fejl {
  color: var(--warn); font-weight: 600; white-space: normal;
}
.markoer.fejl .mkord.valgt {
  background: var(--warn-bg); outline: 1px solid var(--warn);
}

/* Kvitteringen for at værdien LANDEDE. Øjet står på fakturaen mens der
   markeres; feltet ligger i den anden side af skærmen [UI-UX-STANDARD § 9]. */
.kfelt.mklandet {
  background: var(--acc-soft); box-shadow: 0 0 0 2px var(--acc-mid);
  transition: background .18s ease, box-shadow .18s ease;
}
.mksider { display: inline-flex; align-items: center; gap: 4px;
  font-variant-numeric: tabular-nums; font-size: 12px; }
.mkbrug {
  padding: 5px 14px; border-radius: 8px; border: 1px solid transparent;
  background: var(--btn-flade, var(--acc)); color: #fff;
  font: 650 12px/1.4 inherit; cursor: pointer;
}
.mkbrug:disabled {
  background: none; border-color: var(--line); color: var(--txt-3);
  cursor: not-allowed;
}
.mkfortryd {
  padding: 5px 10px; border-radius: 8px; border: 1px solid var(--line);
  background: none; color: var(--txt-2); font: 600 12px/1.4 inherit;
  cursor: pointer;
}
.mkfortryd:hover { color: var(--txt); background: var(--row-hover, var(--graa-flade)); }

.mktom {
  margin: 0; padding: 8px 12px; font-size: 12px; color: var(--warn);
  border-bottom: 1px solid var(--line);
}

.mkflade { flex: 1; min-height: 0; overflow: auto; padding: 10px; }
.mkside {
  position: relative; margin: 0 auto; max-width: 100%;
  box-shadow: var(--skygge); background: #fff;
}
.mkside img { display: block; width: 100%; height: auto; }

/* Ordboksen: usynlig til man rører den — så ligner siden sig selv, og
   markørens `crosshair` + hover-rammen siger hvad der kan gøres (§ 2). */
.mkord {
  position: absolute; cursor: crosshair; border-radius: 2px;
}
.mkord:hover { outline: 2px solid var(--acc, #06c); background: var(--acc-soft, rgba(0,102,204,.14)); }
.mkord.valgt { background: var(--acc-mid, rgba(0,102,204,.28)); outline: 1px solid var(--acc, #06c); }
/* Feltets værdi GENFUNDET i bilaget (felt→dokument-fremhævningen). Grøn frem
   for accent: fundet er en bekræftelse, ikke et valg — og de to må kunne ses
   samtidig uden at forveksles [AI-01]. */
.mkord.mkfund { background: rgba(46,164,79,.28); outline: 2px solid var(--pos, #2ea44f); }

@media (prefers-reduced-motion: reduce) {
  #markoerknap, .mkbrug, .mkfortryd, .kfelt.mklandet { transition: none; }
}