/* =========================================================
   MÒDUL: Periòdiques
   Parteix de base.css (variables, modal/overlay ja hi són definits).
   ========================================================= */

/* Llista de periòdiques existents */
.periodica-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--linia);border-radius:var(--radi-petit);margin-bottom:7px;background:#fbfcfb;transition:.15s}
.periodica-item:hover{border-color:var(--linia-forta);background:#fff}
.periodica-item.inactiva{opacity:.5}
.periodica-item .pn{flex:1;font-size:13px;font-weight:600}
.periodica-item .freq{font-size:11px;color:var(--gris);white-space:nowrap;background:#eef1f0;padding:3px 9px;border-radius:20px}
.periodica-item .del{color:var(--gris-clar);font-size:16px;width:22px;height:22px;border-radius:7px;flex-shrink:0}
.periodica-item .del:hover{background:var(--vermell-clar);color:var(--vermell)}

/* Formulari nova periòdica */
.form-periodica input[type=text]{width:100%;padding:10px 12px;border:1px solid var(--linia-forta);border-radius:var(--radi-petit);margin-bottom:9px;background:#fbfcfb}
.form-periodica input[type=text]:focus{background:#fff}
.form-periodica-fila{display:flex;gap:8px;margin-bottom:11px}
.form-periodica-fila select{flex:1;padding:9px;border:1px solid var(--linia-forta);border-radius:var(--radi-petit);background:#fbfcfb}
.bt-crear-periodica{width:100%;padding:10px;background:var(--verd-fort);color:#fff;border-radius:var(--radi-petit);font-weight:700;font-size:12.5px;transition:.15s}
.bt-crear-periodica:hover{background:var(--verd-mig)}

/* Plantilles per rol */
.plantilla{border:1px solid var(--linia);border-radius:var(--radi-petit);padding:14px;margin-bottom:10px;background:#fbfcfb;transition:.15s}
.plantilla:hover{border-color:var(--linia-forta)}
.pl-cap{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.pl-cap .rol{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--blau-clar);color:var(--blau-fort);padding:3px 9px;border-radius:20px}
.pl-cap h4{font-size:13.5px;font-weight:700;flex:1}
.bt-usar-plantilla{font-size:11px;font-weight:700;padding:6px 12px;border-radius:8px;border:1px solid var(--verd-fort);color:var(--verd-fort);transition:.15s}
.bt-usar-plantilla:hover{background:var(--verd-fort);color:#fff}
.pl-items{font-size:11.5px;color:var(--gris);line-height:1.7}