:root { color-scheme: light; --brand-rgb: 16 185 129; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track { background: #08090b; }
::-webkit-scrollbar-thumb { background: #303640; border-radius: 999px; }
.brand-logo-img { object-fit: cover; }
.progress-track { background: rgba(255,255,255,0.08); }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideUp { from { transform: translateY(14px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
/* Shamno smoothness pass */
:root {
    --motion-fast: 140ms;
    --motion-panel: 180ms;
    --surface-shadow: 0 4px 14px rgba(15, 23, 42, .045);
    --surface-shadow-soft: 0 3px 10px rgba(15, 23, 42, .035);
}

html, body { max-width: 100%; overflow-x: hidden; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
.transition-all { transition-property: transform, background-color, border-color, color, opacity !important; }
.duration-300 { transition-duration: var(--motion-panel) !important; }
.backdrop-blur-xl, .backdrop-blur-sm {
    --tw-backdrop-blur: blur(0px) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}
.animate-pulse { animation: none !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    .animate-pulse, .fa-spin { animation: none !important; }
}


/* Keep login/owner auth pages visually isolated from dashboard content. */
body.auth-mode {
    overflow: hidden;
}
body.auth-mode #app-wrapper,
body.auth-mode #subscription-gate,
body.auth-mode #project-modal,
body.auth-mode #chat-modal,
body.auth-mode #freelancer-modal {
    display: none !important;
}