/* ═══════════════════════════════════════════════════════════════
   skrivvy.css – Thevin
   Lärarens vy över ett pågående skrivhäfte. Egen fil av samma skäl
   som skrivvy.js är en egen fil.
   ═══════════════════════════════════════════════════════════════ */

.skrivvy-modal        { display:none; position:fixed; inset:0; z-index:1100;
                        background:rgba(0,0,0,0.75); padding:24px; overflow-y:auto; }
.skrivvy-modal.oppen  { display:block; }
.skrivvy-kort         { background:var(--bg); border:1px solid var(--border);
                        max-width:900px; margin:0 auto; min-height:200px; }

.skrivvy-huvud        { display:flex; align-items:center; gap:12px; flex-wrap:wrap;
                        padding:16px 20px; border-bottom:1px solid var(--border);
                        position:sticky; top:0; background:var(--bg); z-index:1; }
.skrivvy-titel        { font-size:var(--t-brod); font-weight:600; flex:1; min-width:0; }
.skrivvy-rumskod      { font-family:'JetBrains Mono',monospace; font-size:var(--t-liten);
                        letter-spacing:2px; color:var(--accent); }
.skrivvy-stang        { background:none; border:none; color:var(--muted2);
                        font-size:var(--t-h2); line-height:1; cursor:pointer; padding:4px 8px; }
.skrivvy-stang:hover  { color:var(--text); }

.skrivvy-marke        { font-size:var(--t-meta); font-weight:600; padding:2px 8px;
                        border-radius:0; white-space:nowrap; }
.skrivvy-marke.pagar     { background:var(--accent-dim); color:var(--accent); }
.skrivvy-marke.inlamnad  { background:var(--correct); color:var(--on-correct); }
.skrivvy-marke.avslutad  { background:var(--surface2); color:var(--muted); }

.skrivvy-kropp        { padding:16px 20px 24px; }
.skrivvy-info         { color:var(--muted2); font-size:var(--t-liten); padding:24px 0;
                        text-align:center; }
.skrivvy-fel          { color:var(--wrong); }

.skrivvy-sammanfattning { display:flex; gap:20px; flex-wrap:wrap; font-size:var(--t-liten);
                          color:var(--muted); padding:10px 12px; margin-bottom:14px;
                          background:var(--surface2); }
.skrivvy-sammanfattning strong { color:var(--text); font-size:var(--t-brod); }

/* ── Elevrad ──────────────────────────────────────────────────
   Utfälld per elev. Med en klass på sjutton och fem frågor blir
   allt utfällt på en gång oläsligt. */
.skrivvy-elev         { border:1px solid var(--border); margin-bottom:8px; }
.skrivvy-elev-rad     { display:flex; align-items:center; gap:10px; width:100%;
                        padding:11px 14px; background:var(--surface); border:none;
                        cursor:pointer; text-align:left;
                        font-family:'Sora',sans-serif; color:var(--text); }
.skrivvy-elev-rad:hover { background:var(--surface2); }

/* "Visa som dokument". Tyst variant: den ska finnas men inte
   konkurrera med elevraden ovanför, som är vyns egentliga handling.
   Syns bara när uppgiften är ett importerat dokument. */
.skrivvy-dokknapp     { display:block; width:100%; text-align:left;
                        padding:6px 14px 10px 36px; background:none; border:none;
                        font-family:'Sora',sans-serif; font-size:var(--t-meta);
                        color:var(--muted2); text-decoration:underline; cursor:pointer; }
.skrivvy-dokknapp:hover { color:var(--text); }
.skrivvy-dokknapp:focus { outline:2px solid var(--accent); outline-offset:-2px; }

.skrivvy-pil          { color:var(--muted2); font-size:var(--t-meta); width:12px; flex-shrink:0; }
.skrivvy-namn         { flex:1; min-width:0; font-size:var(--t-liten); font-weight:600; }

.skrivvy-svar         { padding:0 14px 14px; }

/* ── Fråga ────────────────────────────────────────────────────
   pre-wrap på båda texterna: frågan har rubrik och punktlista,
   elevens svar har stycken. Utan den blir båda en enda klump. */
.skrivvy-fraga        { border-top:1px solid var(--border); padding:14px 0; }
.skrivvy-fraga-topp   { display:flex; align-items:center; gap:10px; flex-wrap:wrap;
                        margin-bottom:8px; }
.skrivvy-fraga-nr     { font-family:'JetBrains Mono',monospace; font-size:var(--t-meta);
                        color:var(--muted2); letter-spacing:1px; }
.skrivvy-tid          { font-size:var(--t-meta); color:var(--muted2); margin-left:auto; }

.skrivvy-status       { font-size:var(--t-meta); font-weight:600; padding:2px 8px; border-radius:0; }
.skrivvy-status-tom       { background:var(--surface2); color:var(--muted2); }
.skrivvy-status-pabörjad  { background:var(--surface2); color:var(--accent); }
.skrivvy-status-inlamnad  { background:var(--accent-dim); color:var(--accent); }
.skrivvy-status-rattad    { background:var(--correct); color:var(--on-correct); }

.skrivvy-fragetext    { font-size:var(--t-liten); color:var(--muted); line-height:1.6;
                        white-space:pre-wrap; margin-bottom:8px; }
.skrivvy-elevtext     { font-size:var(--t-liten); line-height:1.7; white-space:pre-wrap;
                        background:var(--surface2); padding:11px 13px;
                        border-left:2px solid var(--accent); }
.skrivvy-elevtext.skrivvy-tomt { color:var(--muted2); font-style:italic;
                                 border-left-color:var(--border); }

/* Rader som ligger kvar i `svar` från innan uppgiften blev ett
   skrivhäfte. Märkningen är diskret men måste finnas: eleven kan inte
   ångra eller skriva vidare på dem. */
.skrivvy-kalla        { font-size:var(--t-meta); color:var(--muted2); font-style:italic;
                        border:1px solid var(--border); padding:1px 7px;
                        border-radius:0; white-space:nowrap; }

/* Inklistringsmätningen. Dämpad med flit: den är en observation, inte
   en anklagelse, och ska inte skrika rött över en elev som klistrat in
   från sina egna anteckningar. */
.skrivvy-hopp         { font-size:var(--t-meta); color:var(--warn, var(--accent));
                        margin-top:5px; }

/* ── Bedömning ────────────────────────────────────────────────
   Kommentar och poäng på varje fråga, även en som aldrig lämnats in. */
.skrivvy-bedomning    { margin-top:10px; }
.skrivvy-kommentar    { width:100%; box-sizing:border-box; resize:vertical;
                        background:var(--surface2); border:1px solid var(--border);
                        color:var(--text); font-family:'Sora',sans-serif;
                        font-size:var(--t-liten); line-height:1.5; padding:8px 10px; }
.skrivvy-kommentar:focus { outline:none; border-color:var(--accent); }

.skrivvy-bedomning-rad { display:flex; align-items:center; gap:8px; flex-wrap:wrap;
                         margin-top:7px; }
.skrivvy-poangfalt    { display:inline-flex; align-items:center; gap:8px; }
.skrivvy-etikett      { font-size:var(--t-meta); color:var(--muted2); white-space:nowrap; }
.skrivvy-poang        { width:60px; text-align:center; background:var(--surface2);
                        border:1px solid var(--border); color:var(--text);
                        font-family:inherit; font-size:var(--t-liten); padding:5px 4px; }
.skrivvy-poang:focus  { outline:none; border-color:var(--accent); }
/* Spara-knappen per fråga är borttagen 2026-10-24. Allt sparas med en
   knapp i fotraden längst ner — se .skrivvy-fot. */
/* Lämna tillbaka är en handling som öppnar, inte en som sparar. Därför
   dovare än Spara: den ska gå att hitta när man behöver den, inte locka
   till klick när man är på väg att sätta poäng. */
.skrivvy-tillbaka       { background:none; border:1px solid var(--border); color:var(--muted2);
                          font-family:'Sora',sans-serif; font-size:var(--t-meta); font-weight:600;
                          cursor:pointer; padding:5px 14px; }
.skrivvy-tillbaka:hover { border-color:var(--warn); color:var(--warn); }
.skrivvy-kvitto       { font-size:var(--t-meta); color:var(--muted2); }
.skrivvy-kvitto.skrivvy-ok  { color:var(--correct); }
.skrivvy-kvitto.skrivvy-fel { color:var(--wrong); font-weight:600; }

.skrivvy-varning      { font-size:var(--t-meta); color:var(--muted2); margin-top:5px;
                        font-style:italic; }

/* Flerval som rättade sig själva vid öppningen. Står i sammanfattningen
   överst, inte som en toast: det är ett läge, inte en händelse. */
.skrivvy-auto         { color:var(--muted2); }
.skrivvy-auto.skrivvy-fel { color:var(--wrong); }

/* ── Fotraden ─────────────────────────────────────────────────
   En spara-knapp för hela rättningen och publiceringen bredvid.
   Klistrad mot underkanten: vyn är lång, och en knapp som ligger
   tjugo elever ner är en knapp man skrollar förbi. 2026-10-24. */
.skrivvy-fot          { position:sticky; bottom:0; display:flex; align-items:center;
                        gap:12px; flex-wrap:wrap; padding:12px 20px;
                        background:var(--surface); border-top:1px solid var(--border); }
.skrivvy-fot[hidden]  { display:none; }
.skrivvy-fotkvitto    { font-size:var(--t-meta); color:var(--muted2); }
.skrivvy-fotkvitto.ok { color:var(--correct); }
.skrivvy-fotkvitto.fel{ color:var(--wrong); font-weight:600; }
.skrivvy-fotpubl      { display:flex; align-items:center; gap:10px; margin-left:auto; }
.skrivvy-fotlage      { font-size:var(--t-meta); text-transform:uppercase;
                        letter-spacing:1px; color:var(--muted); }
.skrivvy-fotlage.pa   { color:var(--correct); }

@media (max-width: 620px) {
  .skrivvy-modal  { padding:0; }
  .skrivvy-kort   { border:none; min-height:100vh; }
  .skrivvy-tid    { margin-left:0; width:100%; }
}

/* ── Ingången från Elevresultat ───────────────────────────────
   Ligger här och inte i admin.css därför att den bara finns till
   för Skrivvy: flyttas vyn flyttas knappen med. */
.er-skrivknapp        { background:none; border:1px solid var(--accent); color:var(--accent);
                        font-family:'Sora',sans-serif; font-size:var(--t-meta); font-weight:600;
                        cursor:pointer; padding:4px 12px; margin-top:2px; white-space:nowrap; }
.er-skrivknapp:hover  { background:var(--accent); color:var(--on-accent); }

/* Ett fritt dokument i listan: en rad utan utfällning, eftersom hela
   svaret är dokumentet och rättningen sker i dokumentvyn. 2026-10-24. */
.skrivvy-elev-rad-last { cursor:default; }
.skrivvy-fritt-notis   { font-size:var(--t-meta); color:var(--muted2);
                         margin:4px 0 0; }