/* ═══════════════════════════════════════════════════════════════
   skriv-utdela.css – Thevin
   Klassvalet i startmodalen, för skrivfrågor.
   ═══════════════════════════════════════════════════════════════ */

.su-rubrik    { font-size:var(--t-liten); font-weight:600; margin-bottom:5px; }
.su-hjalp     { font-size:var(--t-liten); color:var(--muted2); line-height:1.6;
                margin-bottom:12px; }

.su-testrad   { display:flex; align-items:center; gap:8px; cursor:pointer;
                font-size:var(--t-liten); color:var(--muted2); margin-bottom:8px; }
.su-testrad input { width:15px; height:15px; accent-color:var(--accent); cursor:pointer; }

.su-lista     { display:flex; flex-direction:column; gap:2px;
                max-height:220px; overflow-y:auto;
                border:1px solid var(--border); padding:6px; }

.su-klass     { display:flex; align-items:center; gap:9px; padding:7px 9px;
                cursor:pointer; font-size:var(--t-liten); }
.su-klass:hover { background:var(--surface2); }
.su-kryss     { width:16px; height:16px; accent-color:var(--accent);
                cursor:pointer; flex-shrink:0; }
.su-program   { color:var(--muted2); font-size:var(--t-meta); }
.su-test      { color:var(--muted2); font-size:var(--t-meta); border:1px solid var(--border);
                padding:1px 6px; border-radius:0; margin-left:4px; }

.su-info      { font-size:var(--t-liten); color:var(--muted2); line-height:1.6; padding:10px 4px; }
.su-fel       { color:var(--wrong); }

/* ── Poäng av eller på ────────────────────────────────────────
   Sparas på quizet, inte på sessionen: en uppgift bedöms likadant
   varje gång den delas ut. */
.su-poangrad  { display:flex; align-items:flex-start; gap:9px; cursor:pointer;
                margin-top:14px; font-size:var(--t-liten); }
.su-poangrad input { width:16px; height:16px; accent-color:var(--accent);
                cursor:pointer; flex-shrink:0; margin-top:2px; }
.su-poanghjalp { display:block; font-size:var(--t-meta); color:var(--muted2);
                line-height:1.5; margin-top:2px; font-weight:400; }