/* ═══════════════════════════════════════════════════════════════
   dokument-vy.css – Thevin
   Lärarens vy över ett inlämnat dokument: modalens ram och
   utskriften.

   Själva dokumentet formas av dokument.css, delat med elevens sida
   och granskningen. Här ligger bara ramen runt.

   Läst mot "Thevin — designsystem.md" 2026-10-23: radie 0, linjer
   i stället för skuggor utom på det som svävar (modalen får den
   enda tillåtna skuggan), bärnsten som enda handlingsfärg, minsta
   text var(--t-meta) = 12px i lärarvyn.
   ═══════════════════════════════════════════════════════════════ */

.dokvy-modal        { display:none; position:fixed; inset:0; z-index:1200;
                      background:rgba(0,0,0,0.6); align-items:flex-start;
                      justify-content:center; padding:24px 16px; overflow-y:auto; }
.dokvy-modal.oppen  { display:flex; }

.dokvy-kort         { background:var(--surface); border:1px solid var(--border);
                      box-shadow:0 6px 20px rgba(0,0,0,0.28);
                      width:100%; max-width:900px; }

.dokvy-topp         { display:flex; align-items:center; justify-content:space-between;
                      gap:12px; flex-wrap:wrap; padding:12px 16px;
                      border-bottom:1px solid var(--border); }
.dokvy-titel        { font-size:var(--t-h3); font-weight:600; margin:0; }
.dokvy-sammanfattning { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                      color:var(--muted2); letter-spacing:1px; }
.dokvy-knappar      { display:flex; gap:8px; }

.dokvy-innehall     { padding:16px; }
.dokvy-info         { font-size:var(--t-brod); color:var(--muted2); margin:0; }
.dokvy-fel          { color:var(--wrong-text); }

/* Dokumentet i modalen. Papperet centreras som på elevsidan. */
.dokvy-sida         { margin:0 auto; }

/* ── Fotraden ─────────────────────────────────────────────────
   En spara-knapp för hela rättningen och publiceringen bredvid.
   Klistrad mot modalens underkant: ett dokument är långt, och en
   knapp som ligger arton luckor ner är en knapp man skrollar förbi.
   2026-10-24. */
.dokvy-fot          { position:sticky; bottom:0; display:flex; align-items:center;
                      gap:12px; flex-wrap:wrap; padding:12px 16px;
                      background:var(--surface); border-top:1px solid var(--border); }
.dokvy-fot[hidden]  { display:none; }
.dokvy-fotkvitto    { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                      color:var(--muted2); }
.dokvy-fotkvitto.ok { color:var(--correct-text); }
.dokvy-fotkvitto.fel{ color:var(--wrong-text); }
.dokvy-fotpubl      { display:flex; align-items:center; gap:10px; margin-left:auto; }
.dokvy-fotlage      { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                      text-transform:uppercase; letter-spacing:1px; color:var(--muted); }
.dokvy-fotlage.pa   { color:var(--correct-text); }

/* ── Rättningsraden ───────────────────────────────────────────
   Ligger under varje lucka. Fälten är smala med avsikt: en
   kommentar till en elev är en mening, inte ett stycke, och en
   bred ruta inbjuder till en uppsats som eleven ändå läser i
   förbifarten. */
.dokvy-bedom        { display:flex; align-items:center; gap:8px; flex-wrap:wrap;
                      margin:4px 0 12px; }
.dokvy-komm         { flex:1 1 260px; min-width:0; min-height:36px; box-sizing:border-box;
                      background:var(--surface); border:1px solid var(--border);
                      color:var(--text); font-family:'Sora',sans-serif;
                      font-size:var(--t-liten); padding:4px 8px; }
.dokvy-poang        { flex:0 0 70px; min-height:36px; box-sizing:border-box;
                      background:var(--surface); border:1px solid var(--border);
                      color:var(--text); font-family:'JetBrains Mono',monospace;
                      font-size:var(--t-liten); padding:4px 8px; text-align:right; }
.dokvy-komm:focus,
.dokvy-poang:focus  { outline:none; border-color:var(--accent); }
.dokvy-max          { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                      color:var(--muted); }
.dokvy-kvitto       { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                      color:var(--muted); min-width:60px; }
.dokvy-kvitto.ok    { color:var(--correct-text); }
.dokvy-kvitto.fel   { color:var(--wrong-text); }

/* Domen på ett flerval. Ordet bär betydelsen, färgen förstärker —
   rätt och fel får aldrig skiljas på färg allena. */
.dokvy-dom          { display:inline-block; font-family:'JetBrains Mono',monospace;
                      font-size:var(--t-meta); text-transform:uppercase;
                      letter-spacing:1px; padding:2px 8px; margin-left:8px;
                      border:1px solid var(--border); }
.dokvy-dom.ratt     { color:var(--correct-text); border-color:var(--correct); }
.dokvy-dom.fel      { color:var(--wrong-text);   border-color:var(--wrong); }

/* På papperet byter rättningsraden färger, som allt annat av
   lärarens som hamnar på en vit sida. */
.dok-papper .dokvy-komm,
.dok-papper .dokvy-poang { background:#ffffff; border-color:#9a9a93; color:#1a1a1a; }
.dok-papper .dokvy-max,
.dok-papper .dokvy-kvitto { color:#55554f; }

/* ── Utskrift ─────────────────────────────────────────────────
   Webbläsarens egen utskrift, med allt utom dokumentet dolt. Då
   ligger "Spara som PDF" i samma dialog, och vi slipper ett
   beroende till ett pdf-bibliotek för något webbläsaren redan gör.

   Papperet är vitt redan på skärmen i originalläget, så utskriften
   behöver inte göra om färgerna — den behöver bara få bort allt
   annat. I thevin-läget tvingas texten till svart på vitt: ett
   mörkt tema som skrivs ut blir annars en svart sida. */
@media print {
  body.dokvy-skriver > *                 { display:none !important; }
  body.dokvy-skriver .dokvy-modal        { display:block !important; position:static;
                                           background:none; padding:0; overflow:visible; }
  body.dokvy-skriver .dokvy-kort         { border:none; box-shadow:none; max-width:none; }
  body.dokvy-skriver .dokvy-knappar,
  body.dokvy-skriver .dokvy-sammanfattning { display:none !important; }
  /* Rättningsfälten är reglage, inte innehåll. Kommentaren skrivs ut
     som text i stället — se regeln under den. */
  body.dokvy-skriver .dokvy-fot,
  body.dokvy-skriver .dokvy-kvitto,
  body.dokvy-skriver .dokvy-poang:placeholder-shown,
  body.dokvy-skriver .dokvy-komm:placeholder-shown { display:none !important; }
  body.dokvy-skriver .dokvy-komm,
  body.dokvy-skriver .dokvy-poang { border:none; background:none; color:#000;
                                    padding:0; font-style:italic; }
  body.dokvy-skriver .dokvy-topp         { border-bottom:1px solid #999; }
  body.dokvy-skriver .dokvy-innehall     { padding:0; }
  body.dokvy-skriver .dok-papper         { border:none; padding:0; max-width:none; }
  body.dokvy-skriver .dok-sida:not(.dok-papper),
  body.dokvy-skriver .dok-sida:not(.dok-papper) * { color:#000; background:transparent; }
  body.dokvy-skriver .dokvy-titel        { color:#000; }

  /* Ett svar får inte brytas mitt itu över en sidbrytning. Det är
     det enda stället i utskriften där brytningen verkligen stör. */
  body.dokvy-skriver .dok-svar,
  body.dokvy-skriver .dok-kommentar,
  body.dokvy-skriver .dok-helhet         { break-inside:avoid; }
}

/* ── Det fria läget ───────────────────────────────────────────
   Dokumentet med elevens text på plats. Det eleven skrivit märks med
   en bärnstenskant till vänster, så att läraren ser vad som är
   hennes eget dokument och vad som är elevens — utan att texten
   färgas, för då hade elevens svar blivit svårare att läsa än
   lärarens egen text. 2026-10-24. */
.dokvy-fri .dokvy-elevtext   { border-left:3px solid var(--accent);
                               padding-left:8px; margin-left:-11px; }
.dokvy-fri td.dokvy-elevtext,
.dokvy-fri th.dokvy-elevtext { margin-left:0; }