/* SENTINEL-X Global UI Enhancements v3.8.0 */
/* Ce fichier ajoute des améliorations visuelles globales */

/* Smooth scrolling */
html { scroll-behavior: smooth; }

/* Better focus styles */
*:focus-visible { outline: 2px solid #00d4aa; outline-offset: 2px; }

/* Header backdrop blur */
.header { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }

/* Cards hover enhancement */
.check-card, .input-card, .section-card, .summary-card, .stat-card,
.action-card, .feature-card, .plan-card, .info-card {
    transition: all 0.3s ease;
}
.check-card:hover, .input-card:hover, .section-card:hover {
    border-color: rgba(0,212,170,0.2);
}

/* Better buttons */
button, .btn, .btn-check, .btn-report, .btn-primary {
    transition: all 0.3s ease;
}
button:active, .btn:active {
    transform: scale(0.97);
}

/* Link hover */
a { transition: color 0.2s ease; }

/* Input focus glow */
input:focus, textarea:focus, select:focus {
    border-color: #00d4aa !important;
    box-shadow: 0 0 12px rgba(0,212,170,0.12);
}

/* Toast animation improvement */
.toast {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Smooth page transitions */
.container, .content, main {
    animation: pageIn 0.3s ease;
}
@keyframes pageIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Better scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a1a; }
::-webkit-scrollbar-thumb { background: #2a2a4a; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #3a3a5a; }

/* Table row alternating (subtle) */
.admin-table tbody tr:nth-child(even) td {
    background: rgba(255,255,255,0.01);
}

/* Badge pulse for live indicators */
@keyframes livePulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}
.live-indicator, .protection-badge .dot {
    animation: livePulse 2s infinite;
}

/* Mobile touch targets */
@media (max-width: 768px) {
    .nav-link, .admin-tab, .tab, .btn, button {
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
/* Screen reader only - accessible but visually hidden */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}