/* V84 — PIN por cliente.
   Capa aislada: no altera portada, expedientes, pagos, progreso ni arquitectura V73. */

.v84-pin-gate{
  margin-top:14px;
  border:1px solid #d9e3eb;
  background:#f7fafc;
  border-radius:16px;
  padding:14px;
}
.v84-pin-gate h4{
  margin:0 0 5px;
  color:#0b355f;
  font-size:15px;
}
.v84-pin-gate p{
  margin:0 0 10px;
  color:#68798a;
  font-size:12px;
  line-height:1.45;
}
.v84-pin-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.v84-pin-input{
  width:100%;
  box-sizing:border-box;
  border:1px solid #ccd8e2;
  border-radius:11px;
  padding:12px 13px;
  background:#fff;
  color:#102f52;
  font-size:18px;
  font-weight:800;
  letter-spacing:.22em;
  text-align:center;
}
.v84-pin-button{
  border:0;
  border-radius:11px;
  padding:12px 16px;
  min-height:46px;
  background:#0b3d77;
  color:#fff;
  font-weight:900;
  cursor:pointer;
}
.v84-pin-button:disabled{
  opacity:.55;
  cursor:not-allowed;
}
.v84-pin-note{
  margin-top:8px;
  font-size:11px;
  color:#748493;
}
.v84-pin-error{
  margin-top:8px;
  color:#9a2d36;
  font-weight:800;
  font-size:12px;
}
.v84-pin-ok{
  margin-top:8px;
  color:#16734b;
  font-weight:800;
  font-size:12px;
}

/* Administración */
.v84-admin-pin{
  margin-top:12px;
  padding:15px;
  border:1px solid #dce4eb;
  border-radius:16px;
  background:#fff;
}
.v84-admin-pin-head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.v84-admin-pin h3{
  margin:0 0 4px;
  color:#0b355f;
}
.v84-admin-pin p{
  margin:0;
  color:#6c7d8d;
  font-size:12px;
  line-height:1.45;
}
.v84-pin-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border-radius:999px;
  padding:7px 10px;
  font-size:11px;
  font-weight:900;
}
.v84-pin-status.ok{
  color:#176c49;
  background:#eaf7f0;
  border:1px solid #c9ead8;
}
.v84-pin-status.warn{
  color:#87651d;
  background:#fff8df;
  border:1px solid #eedb93;
}
.v84-admin-pin-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:12px;
}
.v84-admin-pin-actions button{
  border:0;
  border-radius:10px;
  padding:10px 13px;
  font-weight:900;
  cursor:pointer;
}
.v84-generate-pin{
  background:#0b3d77;
  color:#fff;
}
.v84-reset-pin{
  background:#b3972b;
  color:#fff;
}
.v84-generated-box{
  margin-top:12px;
  border:1px solid #d9e4ec;
  background:#f7fafc;
  border-radius:13px;
  padding:12px;
}
.v84-generated-box b{
  display:block;
  color:#0b355f;
  margin-bottom:6px;
}
.v84-generated-code{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.v84-generated-code code{
  font-size:25px;
  font-weight:900;
  letter-spacing:.18em;
  color:#0b355f;
  background:#fff;
  border:1px solid #dce4eb;
  border-radius:10px;
  padding:9px 13px;
}
.v84-copy-pin{
  border:1px solid #d5dee7!important;
  background:#fff!important;
  color:#0b355f!important;
}
@media(max-width:620px){
  .v84-pin-row{grid-template-columns:1fr}
  .v84-pin-button{width:100%}
}