/* =========================================================
   MÒDUL: Projectes
   Ara funciona com un modal (igual que Periòdiques), NO com un
   panell permanent. Parteix de base.css (l'overlay/modal genèric
   ja hi és definit) i reutilitza .periodica-item per als ítems.
   ========================================================= */

/* ---------- Avís a dalt d'Avui: xips clicables ---------- */
.avis-moduls{background:var(--lila-clar);border:1px solid #e4d3ee;border-radius:var(--radi-petit);padding:10px 12px;margin-bottom:10px}
.avis-moduls-etiqueta{font-size:11.5px;font-weight:700;color:var(--lila);display:flex;align-items:center;gap:5px;margin-bottom:9px}
.avis-moduls-xips{display:flex;flex-wrap:wrap;gap:8px}
.xip-projecte{font-size:11.5px;font-weight:700;color:var(--lila);background:#fff;border:1px solid #e4d3ee;padding:6px 12px;border-radius:20px;transition:.13s;display:inline-flex;align-items:center;gap:5px}
.xip-projecte:hover{background:var(--lila);color:#fff;border-color:var(--lila)}

/* ---------- Contingut del modal d'un projecte ---------- */
.modul-seccio{padding:0 0 18px}
.modul-seccio + .modul-seccio{padding-top:18px;border-top:1px dashed var(--linia)}
.modul-seccio-tit{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--gris);margin-bottom:9px;display:flex;align-items:center;gap:6px}
.modul-seccio-tit .n{background:#eef1f0;color:var(--gris);border-radius:20px;min-width:16px;text-align:center;padding:1px 6px;font-size:10px}

.modul-item{background:#fbfcfb}
.modul-item .moure-modul{font-size:10.5px;font-weight:700;color:var(--lila);background:var(--lila-clar);padding:4px 9px;border-radius:20px;white-space:nowrap;flex-shrink:0}
.modul-item .moure-modul:hover{background:var(--lila);color:#fff}

.modul-afegir-fila{display:flex;gap:6px;margin-top:4px}
.modul-afegir{flex:1;padding:9px 10px;border:1.5px dashed var(--linia-forta);border-radius:9px;background:transparent;font-size:12.5px}
.modul-afegir:focus{border-style:solid;border-color:var(--lila);background:#fff}
.modul-afegir-bt{background:var(--lila);color:#fff;border-radius:9px;padding:0 14px;font-size:11.5px;font-weight:700;flex-shrink:0}
.modul-afegir-bt:hover{background:#5a1682}

/* ---------- Arxivar (acció separada i clarament etiquetada) ---------- */
.bt-arxivar-projecte{width:100%;margin-top:20px;padding:10px;border:1px solid #f3c6c6;color:var(--vermell);border-radius:var(--radi-petit);font-weight:700;font-size:12.5px}
.bt-arxivar-projecte:hover{background:var(--vermell-clar)}
.avis-arxivar{text-align:center;font-size:10.5px;color:var(--gris-clar);margin-top:7px}

/* ---------- Descripció del projecte ---------- */
.modul-descripcio-bloc{margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--linia)}
.modul-descripcio-bloc textarea{width:100%;resize:vertical;min-height:50px;padding:9px 11px;border:1px solid var(--linia-forta);border-radius:9px;font-size:12.5px;font-family:inherit;margin-bottom:7px}
.modul-descripcio-bloc textarea:focus{border-color:var(--verd-mig)}
.modul-bt-desar-descripcio{font-size:11px;font-weight:700;color:var(--verd-fort);border:1px solid var(--verd-mig);border-radius:20px;padding:5px 12px}
.modul-bt-desar-descripcio:hover{background:var(--verd-clar)}

/* ---------- Botó "Crear projecte" dins el detall d'una tasca ---------- */
.t-detall .accions .crear-modul{color:var(--lila);border-color:#e4d3ee}
.t-detall .accions .crear-modul:hover{background:var(--lila-clar)}

/* ---------- Membres del projecte ---------- */
.modul-membres-bloc{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px;padding-bottom:14px;border-bottom:1px dashed var(--linia)}
.modul-membres-llista{display:flex;gap:6px;flex-wrap:wrap}
.modul-membre-xip{font-size:11px;font-weight:700;color:var(--lila);background:var(--lila-clar);padding:5px 11px;border-radius:20px}
.modul-bt-convidar{font-size:11px;font-weight:700;color:var(--gris);border:1px dashed var(--linia-forta);padding:5px 11px;border-radius:20px}
.modul-bt-convidar:hover{color:var(--lila);border-color:var(--lila);background:var(--lila-clar)}

/* ---------- Autor d'una tasca dins un projecte compartit ---------- */
.modul-autor-mini{font-size:10px;font-weight:700;color:var(--lila);background:var(--lila-clar);padding:2px 7px;border-radius:20px;margin-left:7px}