/* ASIS-TECH · v12 — cartes plus stables + gestionnaires */

/* ---- cartes : plus de « saut » ni de surbrillance au toucher, retour clair sur les boutons ---- */
.prod,.prod .b,.prod .heart,.prod .pcv{-webkit-tap-highlight-color:transparent}
.prod .b,.prod .heart,.prod .pcv{touch-action:manipulation}
.prod .b{transition:transform .12s ease,box-shadow .2s,background-color .2s}
.prod .b:active,.prod .heart:active{transform:scale(.96)}
@media (hover:none){
  .prod:hover{transform:none!important;box-shadow:none!important;border-color:var(--bd)}
  .prod.pin:hover{border-color:var(--gold)}
  .prod:hover .ph{filter:none!important}
}

/* ---- photo des cartes : plus de rangée de mini-carrés, un compteur discret + flèches ---- */
.prod .thumbs{display:none!important}
.prod .ph{overflow:hidden}
.pcn{position:absolute;left:8px;bottom:8px;z-index:2;background:rgba(15,23,20,.62);color:#fff;font-size:11px;font-weight:600;padding:3px 9px;border-radius:999px;letter-spacing:.3px;pointer-events:none}
.pcv{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 2px 8px rgba(0,0,0,.22);cursor:pointer;display:grid;place-items:center;opacity:.92}
.pcv:active{transform:translateY(-50%) scale(.94)}
.pcv::before{content:"";width:8px;height:8px;border-top:2px solid #14201b;border-right:2px solid #14201b}
.pcv.pv{left:6px}.pcv.pv::before{transform:rotate(-135deg);margin-left:3px}
.pcv.nx{right:6px}.pcv.nx::before{transform:rotate(45deg);margin-right:3px}
@media (hover:hover){.prod .pcv{opacity:0;transition:opacity .2s}.prod:hover .pcv,.prod .pcv:focus-visible{opacity:.95}}

/* ---- gestionnaires : accès limité ---- */
#stfBadge{display:none;padding:12px 16px;font-size:13px;color:var(--mu)}
body.staff #stfBadge{display:block}
body.staff #panel>.card:not(.stf){display:none!important}
body.staff #aList button[onclick^="pin("],body.staff #aList button[onclick^="delProd("],
body.staff button[onclick*="activate_all"],body.staff [data-a="user.certify"],body.staff [data-a="user.uncertify"]{display:none!important}
.stfRow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:9px 0;border-top:1px solid var(--bd)}
.stfRow>div{flex:1;min-width:150px;overflow-wrap:anywhere}
.stfRow small{display:block;color:var(--mu)}
.stfPass{margin:10px 0;padding:12px;border:1px dashed var(--p);border-radius:12px;font-size:13px}
.stfPass code{display:inline-block;margin:4px 6px 4px 0;padding:4px 10px;border-radius:8px;background:var(--bd);font-size:15px;font-weight:700;letter-spacing:.5px;user-select:all}