/* ============================================
   style.css - INSEE Industrial Architect Theme
   ============================================ */

/* Spinner animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
.animate-spin {
  animation: spin 1s linear infinite;
}

/* Select all text on click */
.select-all {
  user-select: all;
  cursor: pointer;
}

/* INSEE scrollbar - subtle, architectural */
.overflow-y-auto::-webkit-scrollbar,
.overflow-x-auto::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
.overflow-y-auto::-webkit-scrollbar-track,
.overflow-x-auto::-webkit-scrollbar-track {
  background: transparent;
}
.overflow-y-auto::-webkit-scrollbar-thumb,
.overflow-x-auto::-webkit-scrollbar-thumb {
  background-color: #d1d5db;
  border-radius: 10px;
}

/* Toast animation */
@keyframes slideIn {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

/* Print password list */
@media print {
  nav, aside, header, button, .shadow-sm { display: none !important; }
  main { margin-left: 0 !important; }
  #passwordList { display: block !important; }
}