body { font-family: 'Inter', sans-serif; }

.hidden-view { display: none !important; }

.tritonn-scrollbar::-webkit-scrollbar { width: 4px; height: 4px; }
.tritonn-scrollbar::-webkit-scrollbar-track { background: transparent; }
.tritonn-scrollbar::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 4px; }
.dark .tritonn-scrollbar::-webkit-scrollbar-thumb { background: #475569; }

/* Esqueleto de carregamento */
.skeleton { position: relative; overflow: hidden; background: #e2e8f0; border-radius: 0.25rem; }
.dark .skeleton { background: #1e293b; }
.skeleton::after {
    content: ''; position: absolute; inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.45), transparent);
    animation: shimmer 1.4s infinite;
}
.dark .skeleton::after { background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06), transparent); }
@keyframes shimmer { from { transform: translateX(-100%); } to { transform: translateX(100%); } }

/* Fundo do painel de marca no login */
.brand-pattern {
    background-image:
        radial-gradient(circle at 15% 85%, rgba(202,160,52,0.22), transparent 45%),
        radial-gradient(circle at 85% 10%, rgba(30,53,97,0.9), transparent 50%);
}

@media (prefers-reduced-motion: reduce) {
    .skeleton::after { animation: none; }
    * { transition: none !important; }
}