/* === SECURITY STYLES === */
/* Ocultar y proteger información sensible en diferentes contextos */

/* Protección de campos de contraseña */
input[type="password"] {
  letter-spacing: 0.3em;
  font-family: Arial, sans-serif;
  -webkit-text-security: disc;
  font-size: 1.1rem;
}

input[type="password"]::placeholder {
  letter-spacing: normal;
  -webkit-text-security: none;
}

/* Ocultar datos sensibles en vistas móviles */
@media (max-width: 768px) {
  /* Ocultar columnas sensibles en tablas móviles */
  .col-password,
  .col-sensitive,
  .column-password,
  [data-sensitive="true"] {
    display: none !important;
  }

  /* Reducir tamaño de campos de contraseña para mayor discreción */
  input[type="password"] {
    font-size: 1rem;
  }
}

@media (max-width: 480px) {
  /* En pantallas muy pequeñas, ocultar aún más datos */
  .sensitive-info,
  .protected-field,
  [data-sensitive="true"] {
    display: none !important;
  }

  /* Campos de contraseña más pequeños y discretos */
  input[type="password"] {
    font-size: 0.95rem;
    letter-spacing: 0.25em;
  }

  /* Ocultar correos sensibles */
  .email-address {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 150px;
  }
}

/* Protección de datos en formularios de edición */
.form-group input[type="password"],
.form-group input[type="email"],
textarea {
  -webkit-text-security: none;
}

/* No copiar/seleccionar contraseñas fácilmente */
input[type="password"] {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Permitir selección en algunos contextos (edición) */
.editable input[type="password"],
.form-edit input[type="password"] {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

/* Indicador visual de campo sensible */
.sensitive-field::after {
  content: "🔒";
  margin-left: 0.5rem;
  font-size: 0.8rem;
}

/* Máscarar números de DNI parcialmente */
.dni-masked {
  font-family: monospace;
  letter-spacing: 0.1em;
}

/* Ocultar teléfono en vistas públicas */
.phone-hidden {
  font-family: monospace;
}

@media (max-width: 480px) {
  .phone-hidden {
    display: none;
  }
}

/* Protección contra screenshots y grabación */
@supports (-webkit-app-region: drag) {
  .sensitive-content {
    -webkit-app-region: no-drag;
  }
}