[x-cloak] { display: none !important; }

html { scroll-behavior: smooth; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #06202b; }
::-webkit-scrollbar-thumb { background: #1c4a80; border-radius: 999px; }
::-webkit-scrollbar-thumb:hover { background: #2a78d6; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}

/* ===== Shark-style dark app theme (teal-navy surfaces, blue accent) ===== */
.app-dark { color-scheme: dark; }
.app-dark .bg-white { background-color: #0b3040; }
.app-dark .bg-white\/95 { background-color: rgba(11, 48, 64, 0.95); }
.app-dark .border-gray-50, .app-dark .border-gray-100, .app-dark .border-gray-200 { border-color: #164050; }
.app-dark .border-gray-300 { border-color: #1e5063; }
.app-dark .text-gray-300, .app-dark .text-gray-400 { color: #82a0ac; }
.app-dark .text-gray-500, .app-dark .text-gray-600 { color: #b9cdd5; }
.app-dark .text-gray-700 { color: #d5e2e7; }
.app-dark .bg-surface { background-color: #06202b; }
.app-dark .hover\:bg-surface:hover { background-color: #0a2a37; }
.app-dark input, .app-dark select, .app-dark textarea { background-color: #0a2a37; color: #f2f4f8; }
.app-dark input::placeholder, .app-dark textarea::placeholder { color: #82a0ac; }
.app-dark .text-brand-900 { color: #9cc3f5; }
.app-dark .hover\:text-brand-900:hover { color: #cde2fb; }
.app-dark .shadow-card { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28); }
.app-dark input[type=search] { background-color: transparent; }