/* Styles personnalisés pour Secret */

.hidden {
  display: none;
}

/* Animation pour le spinner */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

/* Styles pour les dialogs */
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

dialog {
  border: none;
  padding: 0;
}

/* Amélioration de l'accessibilité */
button:focus,
input:focus,
textarea:focus,
select:focus {
  outline: 2px solid #0066CC;
  outline-offset: 2px;
}

/* Styles pour les textareas en mode lecture */
textarea[readonly] {
  cursor: default;
  user-select: all;
}