/* public/assets/deures.css — L'Aula de la Laia · «Deures primer, després el joc»
 * (I3-DEURES I3-C-front, docs/briefs/I3-DEURES-BRIEF.md §7.4).
 * ── I3-C deures ──
 *
 * Només variables del sistema de pells ja existent (var(--...)); cap color hexadecimal escrit a
 * mà, cap !important, cap font externa. Reutilitza .card/.btn/.btn-ghost/.btn-secondary/.btn-sm/
 * .todo-item/.subject-badge/.todo-due/.card-title d'app.css -- aquest fitxer només n'afegeix les
 * peces NOVES (controls del camí de pistes, avís de bloqueig, pla d'examen, panell de pares).
 */

/* ── Camí de pistes, dins de cada <li> de #llista-deures ── */
.deures-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;}
.deures-grao{font-size:11px;font-weight:700;color:var(--text-dim);background:var(--bg3);border:1px solid var(--border);border-radius:999px;padding:2px 9px;}
.deures-pista-text{flex-basis:100%;margin:2px 0 0;font-size:12.5px;line-height:1.5;color:var(--text);background:var(--bg3);border-left:3px solid var(--accent);border-radius:6px;padding:8px 10px;}

/* ── #deures-avis: bloqueig de la regla de casa (SPEC §23) ── */
.deures-avis{border-left:4px solid var(--accent2);}
.deures-avis-text{margin:0;font-size:13px;line-height:1.5;color:var(--text);}

/* ── #deures-examen: examen més proper + pas del pla d'avui ── */
.deures-examen-linia{margin:0 0 8px;font-size:12.5px;line-height:1.5;color:var(--text);}
.deures-examen-linia:last-child{margin-bottom:0;}
.deures-pas{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid var(--border);}
.deures-pas:first-of-type{border-top:none;padding-top:0;}
.deures-pas .deures-examen-linia{margin:0;flex:1 1 auto;}

/* ── Panell de pares (§8.2): interruptor de la regla + importació manual ── */
.deures-pares-text{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-dim);}
.deures-pares-camp{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:12px;}
.deures-pares-camp select{margin-top:4px;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg3);color:var(--text);font:inherit;}
.deures-pares-switch{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--text);margin-bottom:16px;cursor:pointer;}
.deures-pares-switch input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;}
.deures-pares-exemple{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);background:var(--bg3);border-radius:6px;padding:8px 10px;margin:0 0 10px;overflow-x:auto;}
.deures-pares-textarea{width:100%;min-height:88px;resize:vertical;border:1px solid var(--border);border-radius:8px;background:var(--bg3);color:var(--text);font:inherit;font-size:12.5px;padding:9px 10px;margin-bottom:10px;box-sizing:border-box;}
.deures-pares-resultat{margin:10px 0 0;font-size:12.5px;color:var(--text-dim);}