/* =========================================================
   MÒDUL: Presència de l'equip ("On som aquesta setmana")
   Graella de targetes (una per persona): l'estat d'avui destacat i
   una miniatura dels 5 dies — més fàcil de repassar d'un cop d'ull
   que una taula ampla amb tothom en files.
   ========================================================= */

.pres-wrap{background:var(--card);border:1px solid var(--linia);border-radius:var(--radi);box-shadow:var(--ombra);overflow:hidden}
.pres-head{padding:11px 16px;border-bottom:1px solid var(--linia);display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pres-hint{font-size:11.5px;color:var(--gris);font-weight:600}
.pres-lleg{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.pres-lg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:600;color:var(--gris)}
.pres-lg .p{width:12px;height:12px;border-radius:4px}

.pres-grid{padding:4px 14px 14px}

/* Grups per departament */
.pres-dept{margin-top:14px}
.pres-dept-titol{display:flex;align-items:center;gap:8px;margin:0 0 9px;padding:0 0 6px;border:none;border-bottom:1px solid var(--linia);font-size:11.5px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:var(--verd-fort);width:100%;background:none;text-align:left;font-family:inherit}
button.pres-dept-titol{cursor:pointer}
button.pres-dept-titol:hover{color:var(--verd-mig)}
.pres-dept-chevron{display:inline-flex;transition:transform .15s ease;flex-shrink:0}
.pres-dept-obert .pres-dept-chevron{transform:rotate(-180deg)}
.pres-dept-favorits .pres-dept-titol-fix{color:var(--taronja)}
.pres-dept-n{font-size:10px;font-weight:700;letter-spacing:0;color:var(--gris);background:#f2f4f3;border-radius:20px;padding:1px 8px}
.pres-dept-graella{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.pres-cap-star{color:var(--taronja)}
.pres-fav-star{background:none;border:none;font-size:17px;line-height:1;cursor:pointer;color:var(--linia-forta);padding:2px 4px;margin-left:auto;align-self:flex-start;flex-shrink:0}
.pres-fav-star:hover,.pres-fav-star.actiu{color:var(--taronja)}
.pres-card-tambe{font-size:10px;color:var(--gris-clar);margin-top:3px;line-height:1.3}

.pres-card{background:#fbfcfb;border:1px solid var(--linia);border-radius:12px;padding:12px}
.pres-card-meva{background:var(--verd-clar);border-color:var(--verd-fort)}
.pres-card-cap{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pres-card-info{min-width:0}
.pres-card-nom{font-size:12.5px;font-weight:700;color:var(--tinta);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pres-card-avui{display:inline-block;font-size:10.5px;font-weight:700;margin-top:3px;padding:2px 9px;border-radius:20px}
.pres-card-nota{font-size:10.5px;color:var(--gris);font-style:italic;margin-top:3px;line-height:1.3}

.pres-mini-setmana{display:flex;gap:4px}
.pres-mini-dia{position:relative;flex:1;border:none;border-radius:7px;padding:6px 2px;font-size:10px;font-weight:700;color:var(--gris)}
.pres-mini-dia:disabled{cursor:default}
.pres-mini-dia:not(:disabled){cursor:pointer}
.pres-mini-dia:not(:disabled):hover{filter:brightness(.96);transform:scale(1.04)}
.pres-mini-avui{outline:2px solid #263238;outline-offset:1px}
/* Colors dels estats: forts i saturats perquè es vegin bé (text blanc). */
:root{--pres-oficina:#2E7D32;--pres-casa:#EF6C00;--pres-terreny:#1565C0;--pres-formacio:#00838F;--pres-vacances:#8E24AA;--pres-baixa:#C62828}
.pres-e-oficina{--c:var(--pres-oficina)}
.pres-e-casa{--c:var(--pres-casa)}
.pres-e-terreny{--c:var(--pres-terreny)}
.pres-e-formacio{--c:var(--pres-formacio)}
.pres-e-vacances{--c:var(--pres-vacances)}
.pres-e-baixa{--c:var(--pres-baixa)}
.pres-e-oficina,.pres-e-casa,.pres-e-terreny,.pres-e-formacio,.pres-e-vacances,.pres-e-baixa{background:var(--c);color:#fff}
.pres-e-buit{background:#e6eaed;color:#78909c}

.pres-comment-dot{position:absolute;top:-4px;right:-4px;z-index:1;width:10px;height:10px;box-sizing:border-box;border-radius:50%;background:#263238;border:2px solid #fff;pointer-events:none}

#bt-registre-jornada{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--linia-forta);border-radius:11px;padding:7px 13px;font-weight:600;font-size:12px;background:#fbfcfb}
#bt-registre-jornada:hover{border-color:var(--verd-mig);background:var(--verd-clar)}

/* ---------- Modal: la setmana sencera ---------- */
.pd-avis{font-size:11.5px;color:var(--gris);background:#fbfcfb;border:1px dashed var(--linia-forta);border-radius:9px;padding:9px 12px;margin-bottom:14px}

.pd-dia-caixa{border:1px solid var(--linia);border-radius:11px;padding:11px 13px;margin-bottom:9px}
.pd-dia-caixa:last-child{margin-bottom:0}
.pd-dia-avui{border-color:var(--verd-fort);background:var(--verd-clar)}
.pd-dia-cap{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pd-dia-cap h5{font-size:12.5px;font-weight:700;color:var(--tinta);margin:0}
.pd-avui-pill{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--verd-fort);background:#fff;border:1px solid var(--verd-fort);border-radius:20px;padding:1px 7px;vertical-align:1px}
.pd-copiar{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:600;color:var(--gris);border:1px solid var(--linia-forta);border-radius:20px;padding:3px 9px;flex-shrink:0}
.pd-copiar:hover{color:var(--verd-fort);border-color:var(--verd-mig);background:#fff}

.pd-estats-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:7px}
.pd-bt-estat-mini{padding:7px 4px;border-radius:8px;border:2px solid transparent;font-size:10.5px;font-weight:700;background:#f2f4f3;color:var(--gris);transition:.13s}
.pd-bt-estat-mini.pres-e-oficina,.pd-bt-estat-mini.pres-e-casa,.pd-bt-estat-mini.pres-e-terreny,.pd-bt-estat-mini.pres-e-formacio,.pd-bt-estat-mini.pres-e-vacances,.pd-bt-estat-mini.pres-e-baixa{background:#fff;color:var(--c);border-color:var(--c)}
.pd-bt-estat-mini.seleccionat{background:var(--c);color:#fff;box-shadow:0 0 0 2px #fff inset}

.pd-comentari-fila{display:flex;gap:5px}
.pd-comentari-mini{width:100%;border:1px solid var(--linia-forta);border-radius:8px;padding:7px 10px;background:#fbfcfb;font-family:inherit;font-size:11.5px}
.pd-comentari-neteja{flex-shrink:0;width:28px;border:1px solid var(--linia-forta);border-radius:8px;color:var(--gris-clar);font-size:15px;line-height:1}
.pd-comentari-neteja:hover{color:var(--vermell);border-color:var(--vermell-clar);background:var(--vermell-clar)}
.pd-comentari-mini:focus{background:#fff;border-color:var(--verd-mig)}


/* ---------- Cercador de persones ---------- */
.pres-cerca-barra{padding:12px 14px 0}
.pres-cerca{width:100%;max-width:340px;border:1px solid var(--linia-forta);border-radius:10px;padding:8px 12px;background:#fbfcfb;font-family:inherit;font-size:12.5px}
.pres-cerca:focus{background:#fff;border-color:var(--verd-mig);outline:none}
.pres-cerca-buit{padding:22px 4px;font-size:12.5px;color:var(--gris);text-align:center}

/* ---------- Detall del dia d'un company (només lectura) ---------- */
.pres-mini-lectura{cursor:pointer}
.pres-mini-lectura:hover{filter:brightness(.92)}
.pres-popover{position:fixed;z-index:99999;max-width:280px;min-width:190px;max-height:60vh;overflow-y:auto;background:#fff;border:1px solid var(--linia-forta);border-radius:11px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:10px 12px}
.pres-pop-cap{font-size:11.5px;color:var(--tinta);margin-bottom:6px}
.pres-pop-nota{font-size:12px;color:var(--tinta);margin-top:7px;line-height:1.4;word-break:break-word}
.pres-pop-nota i{color:var(--gris-clar)}

/* =========================================================
   Franja "La meva setmana": compacta, tot en una fila (si hi cap)
   ========================================================= */
.pres-fast{--pinzell:transparent;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:10px 14px 0;padding:8px 12px;border:1px solid var(--linia);border-radius:12px;background:#f7fbf7}
.pres-fast-eti{display:flex;flex-direction:column;line-height:1.15;min-width:112px}
.pres-fast-titol{font-size:12px;font-weight:800;color:var(--tinta)}
.pres-fast-rang{font-size:10.5px;font-weight:700;color:var(--gris);white-space:nowrap}
.pres-fast-desat{font-size:10.5px;font-weight:700;color:var(--verd-fort);opacity:0;transition:opacity .35s}
.pres-fast-desat.visible{opacity:1}
.pres-fast-detall{margin-left:auto;font-size:10.5px;font-weight:700;color:var(--gris);border:1px solid var(--linia-forta);border-radius:20px;padding:4px 11px;background:#fff}
.pres-fast-detall:hover{color:var(--verd-fort);border-color:var(--verd-mig)}

/* Paleta = pinzell */
.pres-fast-paleta{display:flex;flex-wrap:wrap;gap:5px}
.pres-fast .pres-pin{--c:#78909c;height:26px;padding:0 10px;border:2px solid var(--c);background:#fff;color:var(--c);border-radius:20px;font-size:11px;font-weight:700;line-height:1;cursor:pointer;transition:transform .12s,box-shadow .12s}
.pres-fast .pres-pin.pres-e-oficina{--c:var(--pres-oficina)}
.pres-fast .pres-pin.pres-e-casa{--c:var(--pres-casa)}
.pres-fast .pres-pin.pres-e-terreny{--c:var(--pres-terreny)}
.pres-fast .pres-pin.pres-e-formacio{--c:var(--pres-formacio)}
.pres-fast .pres-pin.pres-e-vacances{--c:var(--pres-vacances)}
.pres-fast .pres-pin.pres-e-baixa{--c:var(--pres-baixa)}
.pres-fast .pres-pin:hover{transform:translateY(-1px)}
.pres-fast .pres-pin[aria-pressed="true"]{background:var(--c);color:#fff;box-shadow:0 4px 10px -3px var(--c)}
.pres-fast .pres-pin-buit{border-style:dashed}

/* Dies */
.pres-fast-dies{display:flex;gap:4px}
.pres-fast-dia{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:40px;height:36px;border:2px solid transparent;border-radius:9px;padding:0;line-height:1.1;cursor:pointer;transition:transform .12s,box-shadow .12s,filter .12s}
.pres-fast-dn{font-size:9px;font-weight:800;letter-spacing:.2px}
.pres-fast-dd{font-size:13px;font-weight:800}
.pres-fast-dia.pres-e-buit{background:#f2f4f3;border:2px dashed var(--linia-forta);color:#90a4ae}
.pres-fast-cs{width:34px;opacity:.82}
.pres-fast-avui{outline:2px solid #263238;outline-offset:1px}
.pres-fast-dia:hover{filter:brightness(.95)}

/* Dl-Dv: tecla mestra de la setmana laboral */
.pres-fast-tots{width:46px;background:#fff;border:2px dashed var(--linia-forta);color:var(--gris);font-size:10px;font-weight:800}
.pres-fast-tots-off{opacity:.55}

/* Amb un pinzell actiu, cada dia s'ilumina amb el seu color en passar-hi per sobre */
.pres-fast-pintant .pres-fast-dia:hover{transform:translateY(-1px) scale(1.05);filter:none;box-shadow:0 0 0 3px var(--pinzell)}
.pres-fast-pintant .pres-fast-tots{border-style:solid;border-color:var(--pinzell);color:var(--tinta)}

@keyframes presPop{0%{transform:scale(.82)}55%{transform:scale(1.12)}100%{transform:scale(1)}}
.pres-fast-pop{animation:presPop .3s ease-out}

@media (max-width:640px){
  .pres-fast{margin:8px 10px 0;padding:8px 9px;gap:7px 10px}
  .pres-fast-eti{flex-direction:row;align-items:baseline;gap:8px;min-width:0;flex:1 1 auto}
  .pres-fast-detall{margin-left:0}
  .pres-fast-paleta{width:100%}
  .pres-fast .pres-pin{padding:0 8px;font-size:10.5px}
  .pres-fast-dies{width:100%;gap:3px}
  .pres-fast-dia{flex:1 1 0;width:auto;min-width:0}
  .pres-fast-tots{flex:1.25 1 0}
  .pres-fast-cs{flex:.85 1 0;width:auto}
}

/* ---------- Tooltip en passar per sobre d'un dia ---------- */
.pres-tip{position:fixed;z-index:99999;pointer-events:none;max-width:250px;background:#263238;color:#fff;border-radius:10px;padding:7px 10px;box-shadow:0 6px 20px rgba(0,0,0,.28);font-size:11.5px;line-height:1.35}
.pres-tip-cap{display:flex;align-items:center;gap:7px;font-weight:700}
.pres-tip-estat{padding:1px 8px;border-radius:20px;font-size:10px}
.pres-tip-nota{margin-top:5px;font-weight:500;word-break:break-word}