/* Fondo gris tipo escritorio */
.auth-bg{
  min-height:100vh;
  margin:0;
  background: linear-gradient(180deg,#cfcfcf,#d9d9d9);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family: "Segoe UI", Tahoma, Arial, sans-serif;
  font-size:13px;
  color:#000;
}

/* ===== Ventana / diálogo ===== */
.win-dialog{
  width: 420px;              /* proporción similar a la captura */
  border-radius: 8px;        /* bordes suaves como en Win11 */
  background: #ececec;
  border: 1px solid #9f9f9f;
  box-shadow: 0 6px 16px rgba(0,0,0,.25);
  overflow:hidden;           /* para que la barra de título sea “sólida” */
}

/* Barra de título */
.win-titlebar{
  background: linear-gradient(#efefef,#e5e5e5);
  border-bottom: 1px solid #b8b8b8;
  padding: 6px 8px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  user-select:none;
}
.title-left{ display:flex; align-items:center; gap:8px; }
.win-icon{ width:16px; height:16px; display:block; }
.win-titlebar span{ font-weight:600; color:#1f1f1f; }

/* Botón “X” de la ventana */
.btn-closex{
  width: 28px; height: 24px;
  border: 1px solid #a7a7a7;
  background: linear-gradient(#ffffff,#e9e9e9);
  border-radius: 4px;
  line-height: 20px;
  text-align:center;
  font-size:18px;
  padding:0;
  cursor:pointer;
  box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
}
.btn-closex:hover{
  background: linear-gradient(#ffffff,#f2f2f2);
  border-color:#7c7c7c;
}

/* Cuerpo del diálogo */
.win-body{
  padding: 14px 16px 18px;
  background: #efefef;
}

/* ===== Formulario estilo WinForms ===== */
.win-form{ margin:0; }

.row-line{
  display:grid;
  grid-template-columns: 120px 1fr;   /* ancho de etiqueta + campo */
  align-items:center;
  gap: 10px;
  margin-bottom: 10px;
}

.win-label{
  justify-self:start;
  color:#111;
}
.mn{ text-decoration: underline; }    /* subrayado de la “tecla rápida” */

.win-input{
  height: 26px;
  padding: 2px 6px;
  font-size:13px;
  background:#ffffff;
  border: 1px solid #9a9a9a;
  border-radius: 2px;
  /* bisel hundido */
  box-shadow:
    inset 1px 1px 0 #bfbfbf,
    inset -1px -1px 0 #ffffff;
  outline:none;
}
.win-input:focus{
  border-color:#6a6a6a;
  box-shadow:
    inset 1px 1px 0 #bfbfbf,
    inset -1px -1px 0 #ffffff,
    0 0 0 2px rgba(0,0,0,.10);
}

/* Botonera */
.btn-row{
  display:flex;
  justify-content:center;
  align-items:center;
  gap: 20px;
  padding-top: 16px;
}


.win-btn{
  min-width: 122px;
  height: 30px;
  padding: 0 14px;
  font-size:13px;
  color:#000;
  background: linear-gradient(#e8e8e8,#d9d9d9);
  border: 1px solid #8b8b8b;
  border-radius: 2px;
  cursor: pointer;
  /* borde alto/bajo (bisel) + sombra exterior */
  box-shadow:
    inset 0 1px 0 #ffffff,
    inset -1px -1px 0 #bdbdbd,
    2px 2px 0 #bfbfbf;
}
.win-btn:hover{
  background: linear-gradient(#f0f0f0,#e2e2e2);
  border-color:#6e6e6e;
}
.win-btn:active{
  /* efecto pulsado */
  box-shadow:
    inset 0 1px 0 #bdbdbd,
    inset -1px -1px 0 #ffffff,
    1px 1px 0 #bfbfbf;
  background: #dcdcdc;
}

/* Ajustes responsivos mínimos */
@media (max-width:460px){
  .win-dialog{ width: 92vw; }
  .row-line{ grid-template-columns: 1fr; }
  .win-label{ margin-bottom: -2px; }
}