/* Tailwind utilities the custom portal views use that Filament's precompiled
   CSS does not ship (it only contains what Filament's own views use). Values
   are Tailwind's defaults. PortalBrandTest fails when a view uses a class that
   neither Filament's CSS nor this file defines, so add new ones here. */

.break-all { word-break: break-all; }
.bg-primary-50 { background-color: rgba(var(--primary-50), 1); }
.float-right { float: right; }
.h-2 { height: 0.5rem; }
.h-12 { height: 3rem; }
.w-12 { width: 3rem; }
.w-48 { width: 12rem; }
.ml-1 { margin-left: 0.25rem; }
.ml-2 { margin-left: 0.5rem; }
.mt-4 { margin-top: 1rem; }
.pb-2 { padding-bottom: 0.5rem; }
.pl-5 { padding-left: 1.25rem; }
.space-y-8 > :not([hidden]) ~ :not([hidden]) { margin-top: 2rem; }
.text-success-600 { color: rgba(var(--success-600), 1); }
.tracking-wide { letter-spacing: 0.025em; }
.uppercase { text-transform: uppercase; }
.hover\:underline:hover { text-decoration-line: underline; }

/* Filament's CSS only ships dark:text-gray-300/50 and no dark:text-success-400 at all. */
.dark .dark\:text-gray-300 { color: rgba(var(--gray-300), 1); }
.dark .dark\:text-success-400 { color: rgba(var(--success-400), 1); }

/* Recovery-code grid on the owner console's two-step sign-in page. */
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

@media (min-width: 640px) {
    .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 1024px) {
    .lg\:col-span-2 { grid-column: span 2 / span 2; }
    .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}