/* Utilitários usados pelo CRM que não existem no CSS pré-compilado do Metronic. */
.grid-flow-col { grid-auto-flow: column; }
.auto-cols-\[280px\] { grid-auto-columns: 280px; }
.max-w-sm { max-width: 24rem; }
.w-60 { width: 15rem; }
.w-64 { width: 16rem; }
.w-fit { width: fit-content; }
.h-\[26px\] { height: 26px; }
.py-8 { padding-top: 2rem; padding-bottom: 2rem; }
.pt-1 { padding-top: .25rem; }
.pt-4 { padding-top: 1rem; }
.mt-0\.5 { margin-top: .125rem; }
.first\:mt-0:first-child { margin-top: 0; }
.leading-tight { line-height: 1.25; }
.whitespace-pre-line { white-space: pre-line; }
.text-\[9px\] { font-size: 9px; }
.tracking-wide { letter-spacing: .025em; }
.font-bold { font-weight: 700; }
.opacity-50 { opacity: .5; }
.opacity-60 { opacity: .6; }
.pointer-events-none { pointer-events: none; }
.transition-colors { transition-property: color, background-color, border-color; transition-duration: .15s; }
.transition-transform { transition-property: transform; transition-duration: .15s; }
.duration-200 { transition-duration: .2s; }
.text-success { color: var(--color-green-500); }
.bg-muted\/40 { background-color: color-mix(in oklab, var(--muted) 40%, transparent); }
.hover\:underline:hover { text-decoration: underline; }
.hover\:border-primary:hover { border-color: var(--primary); }
.hover\:border-destructive:hover { border-color: var(--destructive); }
.hover\:border-warning:hover { border-color: var(--color-yellow-500); }
.dark .dark\:inline-flex { display: inline-flex; }

@media (min-width: 40rem) {
    .sm\:p-8 { padding: 2rem; }
    .sm\:inline-flex { display: inline-flex; }
    .sm\:gap-5 { gap: 1.25rem; }
    .sm\:items-stretch { align-items: stretch; }
    .sm\:justify-between { justify-content: space-between; }
    .sm\:py-0 { padding-top: 0; padding-bottom: 0; }
}
@media (min-width: 48rem) {
    .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .md\:col-span-3 { grid-column: span 3 / span 3; }
}
@media (min-width: 64rem) {
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
    .lg\:col-span-6 { grid-column: span 6 / span 6; }
    .lg\:h-\(--navbar-height\) { height: var(--navbar-height); }
}
@media (min-width: 80rem) {
    .xl\:col-span-1 { grid-column: span 1 / span 1; }
    .xl\:col-span-2 { grid-column: span 2 / span 2; }
}