/* Wrapper general */
.gtv-wrap {
  margin:20px 0;
}

/* Modal */
.gtv-modal {
  display:none;
}
.gtv-modal.gtv-open {
  display:block;
}
.gtv-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.4);
  z-index:9998;
}
.gtv-modal-content,
.gtv-content { /* compat con tu markup */
  position:fixed;
  z-index:9999;
  width:480px;
  max-width:95vw;
  background:#fff;
  border-radius:10px;
  padding:20px;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  box-shadow:0 10px 28px rgba(0,0,0,.16);
}

/* Filas y columnas dentro del modal */
.gtv-row {
  margin-bottom:12px;
}
.gtv-row label {
  display:block;
  font-weight:600;
  margin-bottom:6px;
}
.gtv-row input,
.gtv-row select {
  width:100%;
  padding:8px 10px;
  border:1px solid #ccc;
  border-radius:6px;
  background:#fff;
  font-size:14px;
}
.gtv-2col {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

/* Acciones del modal: izquierda (Cancelar/Eliminar) - derecha (Guardar) */
.gtv-actions {
  display:flex;
  justify-content:space-between; /* separa izquierda/derecha */
  align-items:center;
  margin-top:14px;
}
.gtv-left {
  display:flex;
  gap:8px;
}
.gtv-right {
  display:flex;
}

/* Botones base */
.gtv-btn {
  padding:9px 14px;
  border-radius:8px;
  border:1px solid #ddd;
  background:#f5f5f5;
  cursor:pointer;
  font-size:14px;
}

/* Botón primario genérico (si lo usás) */
.gtv-primary {
  background:#2b7cff;
  border-color:#2b7cff;
  color:#fff;
}

/* Guardar = verde */
.gtv-btn-save {
  background-color:#28a745;
  border-color:#1e7e34;
  color:#fff;
}
.gtv-btn-save:hover {
  background-color:#218838;
}

/* Cancelar = gris oscuro (por clase o por id) */
.gtv-btn-cancel,
#gtv-cerrar-modal {
  background-color:#333 !important;
  border-color:#222 !important;
  color:#fff !important;
}
.gtv-btn-cancel:hover,
#gtv-cerrar-modal:hover {
  background-color:#111 !important;
}

/* Eliminar = rojo */
.gtv-btn-delete {
  background-color:#dc3545;
  border-color:#c82333;
  color:#fff;
}
.gtv-btn-delete:hover {
  background-color:#bd2130;
}
.gtv-btn-delete:disabled {
  background-color:#f5c6cb;
  border-color:#f1b0b7;
  color:#6c757d;
  cursor:not-allowed;
}

/* Selects del modal con mismo estilo que inputs (por si no usan .gtv-row) */
#gtv_finalidad,
#gtv_piloto,
#gtv_instructor,
#gtv_avion {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  font-size: 14px;
}