/* V0.11 manual UX pass: mejoras visuales sin alterar permisos ni lógica financiera. */

/* El acceso de Caja General debe leerse completo aun con sidebar angosto. */
.nav-btn[data-nav="coupon-collection"] span{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2;
}

/* Alinear el selector de garante como una decisión de formulario, no como un checkbox suelto. */
.field.guarantor-field{
  display:grid;
  grid-template-columns:1fr;
  align-content:start;
}
.field.guarantor-field > label:first-child{
  margin-bottom:8px;
}
.field.guarantor-field .guarantor-toggle{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:9px;
  margin:0 0 10px;
  padding:7px 10px;
  border:1px solid rgba(110,145,194,.28);
  border-radius:10px;
  background:rgba(12,57,123,.20);
  cursor:pointer;
}
.field.guarantor-field .guarantor-toggle input{
  width:17px;
  height:17px;
  margin:0;
  flex:0 0 auto;
}
.field.guarantor-field #guarantor-name{
  margin-top:0;
}

/* La pantalla de cupones queda más compacta y orientada a la tarea de escaneo. */
.coupon-panel{
  max-width:none;
}
.coupon-panel .coupon-entry{
  align-items:end;
}
.coupon-panel .barcode-input{
  letter-spacing:.025em;
}

@media(max-width:900px){
  .nav-btn[data-nav="coupon-collection"] span{white-space:normal!important}
  .field.guarantor-field .guarantor-toggle{width:100%}
}