/* ==========================================================================
   Dashboard v2 — Tailwind-compat layer (GENERATED — do not edit by hand)

   Built by scripts/dashboard-v2/build-compat-css.js from the class names the
   shared tab scripts (public/js/tabs/*.js) and shared partials inject at
   runtime. /dashboard/v2 loads Skynet UI instead of the Tailwind CDN, so every
   Tailwind palette class those scripts still emit is expressed here with
   Skynet UI theme tokens: bg-gray-800 → --sk-surface, text-purple-400 →
   --sk-primary-text, hover:bg-red-700 → --sk-danger-hover, and so on.

   Regenerate after changing a tab script:  npm run build:dashboard-v2-compat
   Only classes Skynet UI does not define itself are emitted, so this file
   never overrides the framework.
   ========================================================================== */

/* Keyframes referenced by animate-* utilities */
@keyframes dv2-spin { to { transform: rotate(360deg); } }
@keyframes dv2-ping { 75%, 100% { transform: scale(2); opacity: 0; } }
@keyframes dv2-pulse { 50% { opacity: .5; } }
@keyframes dv2-bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,.2,1); } }
@keyframes dv2-slide-in { from { opacity: 0; transform: translateX(1rem); } to { opacity: 1; transform: none; } }
@keyframes dv2-fade-in { from { opacity: 0; } to { opacity: 1; } }

/* Tailwind's bg-black/bg-white + bg-opacity-N pairing */
.bg-black.bg-opacity-50, .bg-black.bg-opacity-75, .bg-black.bg-opacity-60, .bg-black.bg-opacity-80, .bg-black.bg-opacity-90 { background-color: rgba(0, 0, 0, var(--dv2-bg-alpha, 1)); }


.accent-purple-500 { accent-color: var(--sk-primary-text); }
.active\:bg-gray-600\/50:active { background-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.active\:text-blue-300:active { color: var(--sk-info-text); }
.active\:text-green-300:active { color: var(--sk-success-text); }
.active\:text-purple-300:active { color: var(--sk-primary-text); }
.active\:text-red-300:active { color: var(--sk-danger-text); }
.after\:absolute::after { content: var(--dv2-content, ""); position: absolute; }
.after\:bg-white::after { content: var(--dv2-content, ""); background-color: var(--sk-surface); }
.after\:content-\[\'\'\]::after { content: var(--dv2-content, ""); content: ''; }
.after\:h-4::after { content: var(--dv2-content, ""); height: 1rem; }
.after\:left-\[2px\]::after { content: var(--dv2-content, ""); left: 2px; }
.after\:rounded-full::after { content: var(--dv2-content, ""); border-radius: 9999px; }
.after\:top-0\.5::after { content: var(--dv2-content, ""); top: 0.125rem; }
.after\:transition-all::after { content: var(--dv2-content, ""); transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; }
.after\:w-4::after { content: var(--dv2-content, ""); width: 1rem; }
.bg-amber-500\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-amber-600 { background-color: var(--sk-warning); }
.bg-amber-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); }
.bg-black { background-color: #000000; }
.bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); }
.bg-black\/80 { background-color: rgba(0, 0, 0, 0.8); }
.bg-blue-500\/20 { background-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.bg-blue-600 { background-color: var(--sk-info); }
.bg-blue-600\/20 { background-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.bg-blue-700 { background-color: color-mix(in srgb, var(--sk-info) 85%, var(--sk-bg)); }
.bg-blue-900 { background-color: color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)); }
.bg-blue-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 20%, transparent); }
.bg-blue-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 50%, transparent); }
.bg-blue-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 60%, transparent); }
.bg-bluegray-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-coolgray-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-cyan-500\/20 { background-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.bg-cyan-600 { background-color: var(--sk-info); }
.bg-cyan-600\/20 { background-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.bg-emerald-500\/20 { background-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.bg-fuchsia-500\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-gray-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-gray-600 { background-color: var(--sk-border-2); }
.bg-gray-600\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-gray-600\/40 { background-color: color-mix(in srgb, var(--sk-border-2) 40%, transparent); }
.bg-gray-700 { background-color: var(--sk-surface-2); }
.bg-gray-700\/30 { background-color: color-mix(in srgb, var(--sk-surface-2) 30%, transparent); }
.bg-gray-700\/50 { background-color: color-mix(in srgb, var(--sk-surface-2) 50%, transparent); }
.bg-gray-750 { background-color: var(--sk-surface-2); }
.bg-gray-800 { background-color: var(--sk-surface); }
.bg-gray-800\/30 { background-color: color-mix(in srgb, var(--sk-surface) 30%, transparent); }
.bg-gray-800\/50 { background-color: color-mix(in srgb, var(--sk-surface) 50%, transparent); }
.bg-gray-800\/60 { background-color: color-mix(in srgb, var(--sk-surface) 60%, transparent); }
.bg-gray-900 { background-color: var(--sk-bg); }
.bg-gray-900\/40 { background-color: color-mix(in srgb, var(--sk-bg) 40%, transparent); }
.bg-gray-900\/50 { background-color: color-mix(in srgb, var(--sk-bg) 50%, transparent); }
.bg-gray-900\/60 { background-color: color-mix(in srgb, var(--sk-bg) 60%, transparent); }
.bg-gray-900\/70 { background-color: color-mix(in srgb, var(--sk-bg) 70%, transparent); }
.bg-gray-900\/80 { background-color: color-mix(in srgb, var(--sk-bg) 80%, transparent); }
.bg-gray-950 { background-color: var(--sk-bg); }
.bg-gray-950\/60 { background-color: color-mix(in srgb, var(--sk-bg) 60%, transparent); }
.bg-green-400 { background-color: var(--sk-success); }
.bg-green-500 { background-color: var(--sk-success); }
.bg-green-500\/20 { background-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.bg-green-600 { background-color: var(--sk-success); }
.bg-green-600\/20 { background-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.bg-green-700 { background-color: color-mix(in srgb, var(--sk-success) 85%, var(--sk-bg)); }
.bg-green-900 { background-color: color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)); }
.bg-green-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 20%, transparent); }
.bg-green-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 50%, transparent); }
.bg-green-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 60%, transparent); }
.bg-indigo-500\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-lime-500\/20 { background-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.bg-neutral-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-opacity-75 { --dv2-bg-alpha: 0.75; }
.bg-orange-500\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-orange-600 { background-color: var(--sk-warning); }
.bg-orange-600\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-orange-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); }
.bg-orange-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 60%, transparent); }
.bg-pink-500\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-purple-500\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-purple-600 { background-color: var(--sk-primary); }
.bg-purple-600\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-purple-600\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.bg-purple-900 { background-color: color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)); }
.bg-purple-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); }
.bg-purple-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 50%, transparent); }
.bg-purple-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 60%, transparent); }
.bg-red-500 { background-color: var(--sk-danger); }
.bg-red-500\/20 { background-color: color-mix(in srgb, var(--sk-danger) 20%, transparent); }
.bg-red-600 { background-color: var(--sk-danger); }
.bg-red-600\/20 { background-color: color-mix(in srgb, var(--sk-danger) 20%, transparent); }
.bg-red-600\/80 { background-color: var(--sk-danger); }
.bg-red-700 { background-color: var(--sk-danger-hover); }
.bg-red-800 { background-color: color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)); }
.bg-red-800\/70 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 70%, transparent); }
.bg-red-900 { background-color: color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)); }
.bg-red-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 20%, transparent); }
.bg-red-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 40%, transparent); }
.bg-red-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 50%, transparent); }
.bg-red-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 60%, transparent); }
.bg-rose-500\/20 { background-color: color-mix(in srgb, var(--sk-danger) 20%, transparent); }
.bg-sky-500\/20 { background-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.bg-slate-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-stone-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.bg-teal-500\/20 { background-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.bg-teal-600 { background-color: var(--sk-success); }
.bg-teal-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 40%, transparent); }
.bg-teal-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 60%, transparent); }
.bg-violet-500\/20 { background-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.bg-yellow-500 { background-color: var(--sk-warning); }
.bg-yellow-500\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-yellow-600\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-yellow-900 { background-color: color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)); }
.bg-yellow-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); }
.bg-yellow-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 60%, transparent); }
.bg-zinc-500\/20 { background-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.border-amber-500\/30 { border-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.border-amber-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 30%, transparent); }
.border-amber-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 50%, transparent); }
.border-blue-500 { border-color: var(--sk-info); }
.border-blue-500\/30 { border-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.border-blue-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 50%, transparent); }
.border-blue-700 { border-color: color-mix(in srgb, var(--sk-info) 55%, transparent); }
.border-blue-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 30%, transparent); }
.border-blue-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 50%, transparent); }
.border-bluegray-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-bluegray-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-coolgray-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-coolgray-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-cyan-500 { border-color: var(--sk-info); }
.border-cyan-500\/30 { border-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.border-cyan-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 30%, transparent); }
.border-emerald-500\/30 { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.border-emerald-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 30%, transparent); }
.border-fuchsia-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-fuchsia-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 30%, transparent); }
.border-gray-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-gray-500\/40 { border-color: color-mix(in srgb, var(--sk-border-2) 40%, transparent); }
.border-gray-600 { border-color: var(--sk-border-2); }
.border-gray-600\/50 { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.border-gray-700 { border-color: var(--sk-border); }
.border-gray-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-gray-700\/50 { border-color: color-mix(in srgb, var(--sk-border) 50%, transparent); }
.border-gray-700\/60 { border-color: color-mix(in srgb, var(--sk-border) 60%, transparent); }
.border-gray-700\/70 { border-color: color-mix(in srgb, var(--sk-border) 70%, transparent); }
.border-gray-800 { border-color: var(--sk-border); }
.border-green-500\/30 { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.border-green-500\/40 { border-color: color-mix(in srgb, var(--sk-success) 40%, transparent); }
.border-green-600 { border-color: color-mix(in srgb, var(--sk-success) 55%, transparent); }
.border-green-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 50%, transparent); }
.border-green-700 { border-color: color-mix(in srgb, var(--sk-success) 55%, transparent); }
.border-green-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 30%, transparent); }
.border-indigo-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-indigo-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 30%, transparent); }
.border-lime-500\/30 { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.border-lime-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 30%, transparent); }
.border-neutral-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-neutral-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-orange-500 { border-color: var(--sk-warning); }
.border-orange-500\/30 { border-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.border-orange-700 { border-color: color-mix(in srgb, var(--sk-warning) 55%, transparent); }
.border-orange-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 30%, transparent); }
.border-pink-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-pink-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 30%, transparent); }
.border-purple-500 { border-color: var(--sk-primary); }
.border-purple-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-purple-500\/40 { border-color: color-mix(in srgb, var(--sk-primary) 40%, transparent); }
.border-purple-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 50%, transparent); }
.border-purple-700 { border-color: color-mix(in srgb, var(--sk-primary) 55%, transparent); }
.border-purple-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 30%, transparent); }
.border-purple-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 50%, transparent); }
.border-red-500\/30 { border-color: color-mix(in srgb, var(--sk-danger) 30%, transparent); }
.border-red-500\/40 { border-color: color-mix(in srgb, var(--sk-danger) 40%, transparent); }
.border-red-600 { border-color: color-mix(in srgb, var(--sk-danger) 55%, transparent); }
.border-red-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 55%, transparent) 30%, transparent); }
.border-red-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 55%, transparent) 50%, transparent); }
.border-red-700 { border-color: color-mix(in srgb, var(--sk-danger) 55%, transparent); }
.border-red-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 55%, transparent) 30%, transparent); }
.border-red-700\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 55%, transparent) 60%, transparent); }
.border-rose-500\/30 { border-color: color-mix(in srgb, var(--sk-danger) 30%, transparent); }
.border-rose-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 55%, transparent) 30%, transparent); }
.border-sky-500\/30 { border-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.border-sky-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 30%, transparent); }
.border-slate-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-slate-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-stone-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-stone-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.border-teal-500\/30 { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.border-teal-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 50%, transparent); }
.border-teal-600\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 60%, transparent); }
.border-teal-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 30%, transparent); }
.border-transparent { border-color: transparent; }
.border-violet-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-violet-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 55%, transparent) 30%, transparent); }
.border-yellow-500\/30 { border-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.border-yellow-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 50%, transparent); }
.border-yellow-700 { border-color: color-mix(in srgb, var(--sk-warning) 55%, transparent); }
.border-yellow-700\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 30%, transparent); }
.border-yellow-700\/60 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 60%, transparent); }
.border-zinc-500\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-zinc-700\/30 { border-color: color-mix(in srgb, var(--sk-border) 30%, transparent); }
.bottom-4 { bottom: 1rem; }
.cursor-wait { cursor: wait; }
.disabled\:opacity-40:disabled { opacity: 0.4; }
.divide-gray-700 > * + * { border-color: var(--sk-border); }
.divide-gray-700\/60 > * + * { border-color: color-mix(in srgb, var(--sk-border) 60%, transparent); }
.divide-gray-800 > * + * { border-color: var(--sk-border); }
.duration-200 { transition-duration: 200ms; }
.flex-grow-1 { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.float-right { float: right; }
.focus-visible\:ring-2:focus-visible { box-shadow: var(--dv2-ring-inset, ) 0 0 0 2px var(--dv2-ring-color, var(--sk-ring, var(--sk-primary-soft))); }
.focus-visible\:ring-blue-400:focus-visible { --sk-ring: var(--sk-info); --dv2-ring-color: var(--sk-info); }
.focus-visible\:ring-blue-500:focus-visible { --sk-ring: var(--sk-info); --dv2-ring-color: var(--sk-info); }
.focus-visible\:ring-cyan-500:focus-visible { --sk-ring: var(--sk-info); --dv2-ring-color: var(--sk-info); }
.focus-visible\:ring-orange-500:focus-visible { --sk-ring: var(--sk-warning); --dv2-ring-color: var(--sk-warning); }
.focus-visible\:ring-purple-400:focus-visible { --sk-ring: var(--sk-primary); --dv2-ring-color: var(--sk-primary); }
.focus-visible\:ring-purple-500:focus-visible { --sk-ring: var(--sk-primary); --dv2-ring-color: var(--sk-primary); }
.focus-visible\:ring-red-500:focus-visible { --sk-ring: var(--sk-danger); --dv2-ring-color: var(--sk-danger); }
.focus\:border-amber-500:focus { border-color: var(--sk-warning); }
.focus\:border-cyan-500:focus { border-color: var(--sk-info); }
.focus\:border-gray-500:focus { border-color: var(--sk-border-2); }
.focus\:border-purple-500:focus { border-color: var(--sk-primary); }
.focus\:border-teal-500:focus { border-color: var(--sk-success); }
.focus\:ring-1:focus { box-shadow: var(--dv2-ring-inset, ) 0 0 0 1px var(--dv2-ring-color, var(--sk-ring, var(--sk-primary-soft))); }
.focus\:ring-2:focus { box-shadow: var(--dv2-ring-inset, ) 0 0 0 2px var(--dv2-ring-color, var(--sk-ring, var(--sk-primary-soft))); }
.focus\:ring-blue-500:focus { --sk-ring: var(--sk-info); --dv2-ring-color: var(--sk-info); }
.focus\:ring-gray-500:focus { --sk-ring: var(--sk-border-2); --dv2-ring-color: var(--sk-border-2); }
.focus\:ring-green-500:focus { --sk-ring: var(--sk-success); --dv2-ring-color: var(--sk-success); }
.focus\:ring-orange-500:focus { --sk-ring: var(--sk-warning); --dv2-ring-color: var(--sk-warning); }
.focus\:ring-purple-500:focus { --sk-ring: var(--sk-primary); --dv2-ring-color: var(--sk-primary); }
.focus\:ring-red-500:focus { --sk-ring: var(--sk-danger); --dv2-ring-color: var(--sk-danger); }
.font-sans { font-family: var(--sk-font); }
.font-weight-bold { font-weight: 700; }
.from-amber-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-blue-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-bluegray-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-coolgray-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-cyan-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-emerald-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-fuchsia-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-gray-700 { --sk-grad-from: var(--sk-surface-2); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-gray-800 { --sk-grad-from: var(--sk-surface); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-gray-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-green-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-indigo-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-lime-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-neutral-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-orange-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-pink-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-purple-500 { --sk-grad-from: var(--sk-primary); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-purple-600 { --sk-grad-from: var(--sk-primary); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-purple-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-purple-900\/40 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 40%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-red-600 { --sk-grad-from: var(--sk-danger); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-red-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-rose-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-sky-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-slate-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-stone-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-teal-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-violet-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-yellow-900\/20 { --sk-grad-from: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-zinc-900\/20 { --sk-grad-from: color-mix(in srgb, var(--sk-bg) 20%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.gap-1\.5 { gap: 0.375rem; }
.gap-x-3 { column-gap: 0.75rem; }
.gap-y-1 { row-gap: 0.25rem; }
.group:hover .group-hover\:bg-amber-500\/30 { background-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.group:hover .group-hover\:bg-blue-500\/30 { background-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.group:hover .group-hover\:bg-bluegray-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-coolgray-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-cyan-500\/30 { background-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.group:hover .group-hover\:bg-emerald-500\/30 { background-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.group:hover .group-hover\:bg-fuchsia-500\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.group:hover .group-hover\:bg-gray-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-green-500\/30 { background-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.group:hover .group-hover\:bg-indigo-500\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.group:hover .group-hover\:bg-lime-500\/30 { background-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.group:hover .group-hover\:bg-neutral-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-orange-500\/30 { background-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.group:hover .group-hover\:bg-pink-500\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.group:hover .group-hover\:bg-purple-500\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.group:hover .group-hover\:bg-red-500\/30 { background-color: color-mix(in srgb, var(--sk-danger) 30%, transparent); }
.group:hover .group-hover\:bg-rose-500\/30 { background-color: color-mix(in srgb, var(--sk-danger) 30%, transparent); }
.group:hover .group-hover\:bg-sky-500\/30 { background-color: color-mix(in srgb, var(--sk-info) 30%, transparent); }
.group:hover .group-hover\:bg-slate-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-stone-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group:hover .group-hover\:bg-teal-500\/30 { background-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.group:hover .group-hover\:bg-violet-500\/30 { background-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.group:hover .group-hover\:bg-yellow-500\/30 { background-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.group:hover .group-hover\:bg-zinc-500\/30 { background-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.group[open] .group-open\:rotate-90 { --dv2-rotate: 90deg; transform: translate(var(--dv2-tx, 0), var(--dv2-ty, 0)) rotate(var(--dv2-rotate, 0)) scale(var(--dv2-scale-x, 1), var(--dv2-scale-y, 1)); }
.h-1\.5 { height: 0.375rem; }
.h-14 { height: 3.5rem; }
.h-2 { height: 0.5rem; }
.h-2\.5 { height: 0.625rem; }
.h-3 { height: 0.75rem; }
.h-5 { height: 1.25rem; }
.h-7 { height: 1.75rem; }
.h-9 { height: 2.25rem; }
.hover\:bg-amber-500:hover { background-color: var(--sk-warning); }
.hover\:bg-amber-500\/10:hover { background-color: color-mix(in srgb, var(--sk-warning) 10%, transparent); }
.hover\:bg-amber-700:hover { background-color: color-mix(in srgb, var(--sk-warning) 85%, var(--sk-bg)); }
.hover\:bg-blue-500\/10:hover { background-color: color-mix(in srgb, var(--sk-info) 10%, transparent); }
.hover\:bg-blue-600:hover { background-color: var(--sk-info); }
.hover\:bg-blue-700:hover { background-color: color-mix(in srgb, var(--sk-info) 85%, var(--sk-bg)); }
.hover\:bg-bluegray-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-coolgray-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-cyan-500\/10:hover { background-color: color-mix(in srgb, var(--sk-info) 10%, transparent); }
.hover\:bg-cyan-700:hover { background-color: color-mix(in srgb, var(--sk-info) 85%, var(--sk-bg)); }
.hover\:bg-emerald-500\/10:hover { background-color: color-mix(in srgb, var(--sk-success) 10%, transparent); }
.hover\:bg-fuchsia-500\/10:hover { background-color: color-mix(in srgb, var(--sk-primary) 10%, transparent); }
.hover\:bg-gray-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-gray-600:hover { background-color: var(--sk-border-2); }
.hover\:bg-gray-700:hover { background-color: var(--sk-surface-2); }
.hover\:bg-gray-700\/50:hover { background-color: color-mix(in srgb, var(--sk-surface-2) 50%, transparent); }
.hover\:bg-gray-700\/60:hover { background-color: color-mix(in srgb, var(--sk-surface-2) 60%, transparent); }
.hover\:bg-gray-750:hover { background-color: var(--sk-surface-2); }
.hover\:bg-gray-800:hover { background-color: var(--sk-surface); }
.hover\:bg-gray-800\/50:hover { background-color: color-mix(in srgb, var(--sk-surface) 50%, transparent); }
.hover\:bg-gray-900:hover { background-color: var(--sk-bg); }
.hover\:bg-green-500\/10:hover { background-color: color-mix(in srgb, var(--sk-success) 10%, transparent); }
.hover\:bg-green-600:hover { background-color: var(--sk-success); }
.hover\:bg-green-700:hover { background-color: color-mix(in srgb, var(--sk-success) 85%, var(--sk-bg)); }
.hover\:bg-indigo-500\/10:hover { background-color: color-mix(in srgb, var(--sk-primary) 10%, transparent); }
.hover\:bg-lime-500\/10:hover { background-color: color-mix(in srgb, var(--sk-success) 10%, transparent); }
.hover\:bg-neutral-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-orange-500\/10:hover { background-color: color-mix(in srgb, var(--sk-warning) 10%, transparent); }
.hover\:bg-orange-700:hover { background-color: color-mix(in srgb, var(--sk-warning) 85%, var(--sk-bg)); }
.hover\:bg-pink-500\/10:hover { background-color: color-mix(in srgb, var(--sk-primary) 10%, transparent); }
.hover\:bg-purple-500:hover { background-color: var(--sk-primary); }
.hover\:bg-purple-500\/10:hover { background-color: color-mix(in srgb, var(--sk-primary) 10%, transparent); }
.hover\:bg-purple-700:hover { background-color: var(--sk-primary-hover); }
.hover\:bg-red-500\/10:hover { background-color: color-mix(in srgb, var(--sk-danger) 10%, transparent); }
.hover\:bg-red-600:hover { background-color: var(--sk-danger); }
.hover\:bg-red-700:hover { background-color: var(--sk-danger-hover); }
.hover\:bg-rose-500\/10:hover { background-color: color-mix(in srgb, var(--sk-danger) 10%, transparent); }
.hover\:bg-sky-500\/10:hover { background-color: color-mix(in srgb, var(--sk-info) 10%, transparent); }
.hover\:bg-slate-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-stone-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:bg-teal-500\/10:hover { background-color: color-mix(in srgb, var(--sk-success) 10%, transparent); }
.hover\:bg-teal-700:hover { background-color: color-mix(in srgb, var(--sk-success) 85%, var(--sk-bg)); }
.hover\:bg-violet-500\/10:hover { background-color: color-mix(in srgb, var(--sk-primary) 10%, transparent); }
.hover\:bg-yellow-400:hover { background-color: var(--sk-warning); }
.hover\:bg-yellow-500\/10:hover { background-color: color-mix(in srgb, var(--sk-warning) 10%, transparent); }
.hover\:bg-zinc-500\/10:hover { background-color: color-mix(in srgb, var(--sk-border-2) 10%, transparent); }
.hover\:border-amber-500:hover { border-color: var(--sk-warning); }
.hover\:border-amber-500\/50:hover { border-color: color-mix(in srgb, var(--sk-warning) 50%, transparent); }
.hover\:border-blue-500:hover { border-color: var(--sk-info); }
.hover\:border-blue-500\/50:hover { border-color: color-mix(in srgb, var(--sk-info) 50%, transparent); }
.hover\:border-bluegray-500:hover { border-color: var(--sk-border-2); }
.hover\:border-bluegray-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-coolgray-500:hover { border-color: var(--sk-border-2); }
.hover\:border-coolgray-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-cyan-500:hover { border-color: var(--sk-info); }
.hover\:border-cyan-500\/50:hover { border-color: color-mix(in srgb, var(--sk-info) 50%, transparent); }
.hover\:border-emerald-500:hover { border-color: var(--sk-success); }
.hover\:border-emerald-500\/50:hover { border-color: color-mix(in srgb, var(--sk-success) 50%, transparent); }
.hover\:border-fuchsia-500:hover { border-color: var(--sk-primary); }
.hover\:border-fuchsia-500\/50:hover { border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent); }
.hover\:border-gray-500:hover { border-color: var(--sk-border-2); }
.hover\:border-gray-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-gray-600:hover { border-color: var(--sk-border-2); }
.hover\:border-green-500:hover { border-color: var(--sk-success); }
.hover\:border-green-500\/30:hover { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.hover\:border-green-500\/50:hover { border-color: color-mix(in srgb, var(--sk-success) 50%, transparent); }
.hover\:border-indigo-500:hover { border-color: var(--sk-primary); }
.hover\:border-indigo-500\/50:hover { border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent); }
.hover\:border-lime-500:hover { border-color: var(--sk-success); }
.hover\:border-lime-500\/50:hover { border-color: color-mix(in srgb, var(--sk-success) 50%, transparent); }
.hover\:border-neutral-500:hover { border-color: var(--sk-border-2); }
.hover\:border-neutral-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-orange-500:hover { border-color: var(--sk-warning); }
.hover\:border-orange-500\/50:hover { border-color: color-mix(in srgb, var(--sk-warning) 50%, transparent); }
.hover\:border-pink-500:hover { border-color: var(--sk-primary); }
.hover\:border-pink-500\/50:hover { border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent); }
.hover\:border-purple-500:hover { border-color: var(--sk-primary); }
.hover\:border-purple-500\/50:hover { border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent); }
.hover\:border-red-500:hover { border-color: var(--sk-danger); }
.hover\:border-red-500\/50:hover { border-color: color-mix(in srgb, var(--sk-danger) 50%, transparent); }
.hover\:border-rose-500:hover { border-color: var(--sk-danger); }
.hover\:border-rose-500\/50:hover { border-color: color-mix(in srgb, var(--sk-danger) 50%, transparent); }
.hover\:border-sky-500:hover { border-color: var(--sk-info); }
.hover\:border-sky-500\/50:hover { border-color: color-mix(in srgb, var(--sk-info) 50%, transparent); }
.hover\:border-slate-500:hover { border-color: var(--sk-border-2); }
.hover\:border-slate-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-stone-500:hover { border-color: var(--sk-border-2); }
.hover\:border-stone-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:border-teal-500:hover { border-color: var(--sk-success); }
.hover\:border-teal-500\/50:hover { border-color: color-mix(in srgb, var(--sk-success) 50%, transparent); }
.hover\:border-violet-500:hover { border-color: var(--sk-primary); }
.hover\:border-violet-500\/50:hover { border-color: color-mix(in srgb, var(--sk-primary) 50%, transparent); }
.hover\:border-yellow-500:hover { border-color: var(--sk-warning); }
.hover\:border-yellow-500\/50:hover { border-color: color-mix(in srgb, var(--sk-warning) 50%, transparent); }
.hover\:border-zinc-500:hover { border-color: var(--sk-border-2); }
.hover\:border-zinc-500\/50:hover { border-color: color-mix(in srgb, var(--sk-border-2) 50%, transparent); }
.hover\:from-purple-700:hover { --sk-grad-from: var(--sk-primary-hover); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.hover\:from-red-700:hover { --sk-grad-from: var(--sk-danger-hover); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.hover\:shadow-amber-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.hover\:shadow-blue-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.hover\:shadow-bluegray-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-coolgray-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-cyan-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.hover\:shadow-emerald-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.hover\:shadow-fuchsia-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.hover\:shadow-gray-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-green-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.hover\:shadow-indigo-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.hover\:shadow-lime-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.hover\:shadow-neutral-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-orange-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.hover\:shadow-pink-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.hover\:shadow-purple-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.hover\:shadow-red-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-danger) 20%, transparent); }
.hover\:shadow-rose-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-danger) 20%, transparent); }
.hover\:shadow-sky-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-info) 20%, transparent); }
.hover\:shadow-slate-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-stone-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:shadow-teal-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-success) 20%, transparent); }
.hover\:shadow-violet-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.hover\:shadow-yellow-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.hover\:shadow-zinc-500\/20:hover { --dv2-shadow-color: color-mix(in srgb, var(--sk-border-2) 20%, transparent); }
.hover\:text-amber-400:hover { color: var(--sk-warning-text); }
.hover\:text-blue-400:hover { color: var(--sk-info-text); }
.hover\:text-bluegray-400:hover { color: var(--sk-muted); }
.hover\:text-coolgray-400:hover { color: var(--sk-muted); }
.hover\:text-cyan-400:hover { color: var(--sk-info-text); }
.hover\:text-emerald-400:hover { color: var(--sk-success-text); }
.hover\:text-fuchsia-400:hover { color: var(--sk-primary-text); }
.hover\:text-gray-300:hover { color: var(--sk-text-2); }
.hover\:text-gray-400:hover { color: var(--sk-muted); }
.hover\:text-green-400:hover { color: var(--sk-success-text); }
.hover\:text-indigo-400:hover { color: var(--sk-primary-text); }
.hover\:text-lime-400:hover { color: var(--sk-success-text); }
.hover\:text-neutral-400:hover { color: var(--sk-muted); }
.hover\:text-orange-400:hover { color: var(--sk-warning-text); }
.hover\:text-pink-400:hover { color: var(--sk-primary-text); }
.hover\:text-purple-200:hover { color: var(--sk-primary-text); }
.hover\:text-purple-300:hover { color: var(--sk-primary-text); }
.hover\:text-purple-400:hover { color: var(--sk-primary-text); }
.hover\:text-purple-500:hover { color: var(--sk-primary-text); }
.hover\:text-red-300:hover { color: var(--sk-danger-text); }
.hover\:text-red-400:hover { color: var(--sk-danger-text); }
.hover\:text-red-500:hover { color: var(--sk-danger-text); }
.hover\:text-rose-400:hover { color: var(--sk-danger-text); }
.hover\:text-sky-400:hover { color: var(--sk-info-text); }
.hover\:text-slate-400:hover { color: var(--sk-muted); }
.hover\:text-stone-400:hover { color: var(--sk-muted); }
.hover\:text-teal-400:hover { color: var(--sk-success-text); }
.hover\:text-violet-400:hover { color: var(--sk-primary-text); }
.hover\:text-white:hover { color: var(--sk-text); }
.hover\:text-yellow-400:hover { color: var(--sk-warning-text); }
.hover\:text-zinc-400:hover { color: var(--sk-muted); }
.hover\:to-purple-800:hover { --sk-grad-to: color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)); }
.hover\:to-red-800:hover { --sk-grad-to: color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)); }
.hover\:w-52:hover { width: 13rem; }
.last\:border-b-0:last-child { border-bottom-width: 0px; border-bottom-style: solid; }
.list-inside { list-style-position: inside; }
.max-h-32 { max-height: 8rem; }
.max-h-56 { max-height: 14rem; }
.max-h-64 { max-height: 16rem; }
.max-h-80 { max-height: 20rem; }
.max-h-96 { max-height: 24rem; }
.max-h-\[32rem\] { max-height: 32rem; }
.max-w-\[150px\] { max-width: 150px; }
.max-w-\[200px\] { max-width: 200px; }
.mb-1\.5 { margin-bottom: 0.375rem; }
.min-w-\[100px\] { min-width: 100px; }
.min-w-\[120px\] { min-width: 120px; }
.min-w-\[140px\] { min-width: 140px; }
.min-w-\[150px\] { min-width: 150px; }
.min-w-\[160px\] { min-width: 160px; }
.min-w-\[180px\] { min-width: 180px; }
.min-w-\[190px\] { min-width: 190px; }
.min-w-\[2rem\] { min-width: 2rem; }
.min-w-\[60px\] { min-width: 60px; }
.min-w-\[80px\] { min-width: 80px; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-1\.5 { margin-top: 0.375rem; }
.mt-auto { margin-top: auto; }
.mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.p-1\.5 { padding: 0.375rem; }
.p-2\.5 { padding: 0.625rem; }
.peer:checked ~ .peer-checked\:after\:border-white::after { content: var(--dv2-content, ""); border-color: #ffffff; }
.peer:checked ~ .peer-checked\:after\:translate-x-full::after { content: var(--dv2-content, ""); --dv2-tx: 100%; transform: translate(var(--dv2-tx, 0), var(--dv2-ty, 0)) rotate(var(--dv2-rotate, 0)) scale(var(--dv2-scale-x, 1), var(--dv2-scale-y, 1)); }
.peer:checked ~ .peer-checked\:bg-purple-600 { background-color: var(--sk-primary); }
.placeholder-gray-500::placeholder { color: var(--sk-muted); }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
.py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }
.py-2\.5 { padding-top: 0.625rem; padding-bottom: 0.625rem; }
.resize-vertical { resize: vertical; }
.resize-y { resize: vertical; }
.right-4 { right: 1rem; }
.ring-purple-400 { --sk-ring: var(--sk-primary); --dv2-ring-color: var(--sk-primary); }
.ring-purple-500 { --sk-ring: var(--sk-primary); --dv2-ring-color: var(--sk-primary); }
.shadow-purple-500\/20 { --dv2-shadow-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.shadow-purple-900\/30 { --dv2-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 30%, transparent); }
.shadow-red-900\/30 { --dv2-shadow-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 30%, transparent); }
.space-y-1\.5 > * + * { margin-top: 0.375rem; }
.space-y-5 > * + * { margin-top: 1.25rem; }
.sticky { position: sticky; }
.table { display: table; }
.text-\[10px\] { color: 10px; }
.text-\[11px\] { color: 11px; }
.text-amber-200 { color: var(--sk-warning-text); }
.text-amber-200\/70 { color: color-mix(in srgb, var(--sk-warning-text) 70%, transparent); }
.text-amber-300 { color: var(--sk-warning-text); }
.text-amber-400 { color: var(--sk-warning-text); }
.text-blue-200 { color: var(--sk-info-text); }
.text-blue-200\/80 { color: color-mix(in srgb, var(--sk-info-text) 80%, transparent); }
.text-blue-300 { color: var(--sk-info-text); }
.text-blue-400 { color: var(--sk-info-text); }
.text-blue-500 { color: var(--sk-info-text); }
.text-blue-600 { color: var(--sk-info-text); }
.text-bluegray-300 { color: var(--sk-text-2); }
.text-bluegray-400 { color: var(--sk-muted); }
.text-coolgray-300 { color: var(--sk-text-2); }
.text-coolgray-400 { color: var(--sk-muted); }
.text-current { color: currentColor; }
.text-cyan-300 { color: var(--sk-info-text); }
.text-cyan-400 { color: var(--sk-info-text); }
.text-emerald-300 { color: var(--sk-success-text); }
.text-emerald-400 { color: var(--sk-success-text); }
.text-fuchsia-300 { color: var(--sk-primary-text); }
.text-fuchsia-400 { color: var(--sk-primary-text); }
.text-gray-200 { color: var(--sk-text); }
.text-gray-300 { color: var(--sk-text-2); }
.text-gray-400 { color: var(--sk-muted); }
.text-gray-500 { color: var(--sk-muted); }
.text-gray-600 { color: var(--sk-muted); }
.text-gray-700 { color: var(--sk-border-2); }
.text-gray-900 { color: var(--sk-bg); }
.text-green-200 { color: var(--sk-success-text); }
.text-green-200\/70 { color: color-mix(in srgb, var(--sk-success-text) 70%, transparent); }
.text-green-200\/80 { color: color-mix(in srgb, var(--sk-success-text) 80%, transparent); }
.text-green-300 { color: var(--sk-success-text); }
.text-green-400 { color: var(--sk-success-text); }
.text-green-500 { color: var(--sk-success-text); }
.text-green-600 { color: var(--sk-success-text); }
.text-indigo-300 { color: var(--sk-primary-text); }
.text-indigo-400 { color: var(--sk-primary-text); }
.text-lime-300 { color: var(--sk-success-text); }
.text-lime-400 { color: var(--sk-success-text); }
.text-neutral-300 { color: var(--sk-text-2); }
.text-neutral-400 { color: var(--sk-muted); }
.text-orange-300 { color: var(--sk-warning-text); }
.text-orange-400 { color: var(--sk-warning-text); }
.text-orange-500 { color: var(--sk-warning-text); }
.text-orange-600 { color: var(--sk-warning-text); }
.text-pink-300 { color: var(--sk-primary-text); }
.text-pink-400 { color: var(--sk-primary-text); }
.text-purple-300 { color: var(--sk-primary-text); }
.text-purple-300\/80 { color: color-mix(in srgb, var(--sk-primary-text) 80%, transparent); }
.text-purple-400 { color: var(--sk-primary-text); }
.text-purple-500 { color: var(--sk-primary-text); }
.text-purple-600 { color: var(--sk-primary-text); }
.text-red-100 { color: var(--sk-danger-text); }
.text-red-200 { color: var(--sk-danger-text); }
.text-red-300 { color: var(--sk-danger-text); }
.text-red-400 { color: var(--sk-danger-text); }
.text-red-500 { color: var(--sk-danger-text); }
.text-rose-300 { color: var(--sk-danger-text); }
.text-rose-400 { color: var(--sk-danger-text); }
.text-sky-300 { color: var(--sk-info-text); }
.text-sky-400 { color: var(--sk-info-text); }
.text-slate-300 { color: var(--sk-text-2); }
.text-slate-400 { color: var(--sk-muted); }
.text-stone-300 { color: var(--sk-text-2); }
.text-stone-400 { color: var(--sk-muted); }
.text-teal-300 { color: var(--sk-success-text); }
.text-teal-400 { color: var(--sk-success-text); }
.text-violet-300 { color: var(--sk-primary-text); }
.text-violet-400 { color: var(--sk-primary-text); }
.text-white { color: var(--sk-text); }
.text-yellow-200 { color: var(--sk-warning-text); }
.text-yellow-300 { color: var(--sk-warning-text); }
.text-yellow-300\/80 { color: color-mix(in srgb, var(--sk-warning-text) 80%, transparent); }
.text-yellow-400 { color: var(--sk-warning-text); }
.text-yellow-500 { color: var(--sk-warning-text); }
.text-zinc-300 { color: var(--sk-text-2); }
.text-zinc-400 { color: var(--sk-muted); }
.to-gray-750 { --sk-grad-to: var(--sk-surface-2); }
.to-gray-800 { --sk-grad-to: var(--sk-surface); }
.to-gray-900 { --sk-grad-to: var(--sk-bg); }
.to-purple-700 { --sk-grad-to: var(--sk-primary-hover); }
.to-red-700 { --sk-grad-to: var(--sk-danger-hover); }
.top-2 { top: 0.5rem; }
.top-20 { top: 5rem; }
.top-4 { top: 1rem; }
.touch-manipulation { touch-action: manipulation; }
.transition-\[width\] { transition-property: width; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; }
.w-1\.5 { width: 0.375rem; }
.w-14 { width: 3.5rem; }
.w-2 { width: 0.5rem; }
.w-2\.5 { width: 0.625rem; }
.w-20 { width: 5rem; }
.w-28 { width: 7rem; }
.w-3 { width: 0.75rem; }
.w-5 { width: 1.25rem; }
.w-7 { width: 1.75rem; }
.w-9 { width: 2.25rem; }
.whitespace-pre-line { white-space: pre-line; }
.z-\[100\] { z-index: 100; }
.z-\[110\] { z-index: 110; }
.z-\[65\] { z-index: 65; }
.z-\[75\] { z-index: 75; }
.z-\[9999\] { z-index: 9999; }
.bg-amber-900\/60 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 60%, transparent); }
.bg-blue-900\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)) 10%, transparent); }
.bg-cyan-500 { background-color: var(--sk-info); }
.bg-gray-900\/95 { background-color: color-mix(in srgb, var(--sk-bg) 95%, transparent); }
.bg-green-900\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 10%, transparent); }
.bg-green-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 40%, transparent); }
.bg-green-900\/90 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 28%, var(--sk-bg)) 90%, transparent); }
.bg-indigo-600 { background-color: var(--sk-primary); }
.bg-lime-500 { background-color: var(--sk-success); }
.bg-orange-500 { background-color: var(--sk-warning); }
.bg-orange-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 50%, transparent); }
.bg-purple-500 { background-color: var(--sk-primary); }
.bg-purple-900\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 30%, transparent); }
.bg-red-900\/10 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 10%, transparent); }
.bg-red-900\/90 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-danger) 28%, var(--sk-bg)) 90%, transparent); }
.bg-yellow-600 { background-color: var(--sk-warning); }
.bg-yellow-900\/30 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 30%, transparent); }
.bg-yellow-900\/40 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 40%, transparent); }
.bg-yellow-900\/50 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 28%, var(--sk-bg)) 50%, transparent); }
.border-amber-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 50%, transparent); }
.border-blue-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-info) 55%, transparent) 30%, transparent); }
.border-gray-600\/30 { border-color: color-mix(in srgb, var(--sk-border-2) 30%, transparent); }
.border-green-500 { border-color: var(--sk-success); }
.border-green-500\/60 { border-color: color-mix(in srgb, var(--sk-success) 60%, transparent); }
.border-green-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-success) 55%, transparent) 30%, transparent); }
.border-orange-600\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 50%, transparent); }
.border-red-500 { border-color: var(--sk-danger); }
.border-yellow-600\/30 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 30%, transparent); }
.border-yellow-600\/70 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 70%, transparent); }
.border-yellow-700\/50 { border-color: color-mix(in srgb, color-mix(in srgb, var(--sk-warning) 55%, transparent) 50%, transparent); }
.hover\:border-orange-400\/70:hover { border-color: color-mix(in srgb, var(--sk-warning) 70%, transparent); }
.peer:checked ~ .peer-checked\:bg-amber-600 { background-color: var(--sk-warning); }
.peer:checked ~ .peer-checked\:bg-blue-600 { background-color: var(--sk-info); }
.peer:checked ~ .peer-checked\:bg-gray-600 { background-color: var(--sk-border-2); }
.peer:checked ~ .peer-checked\:bg-green-600 { background-color: var(--sk-success); }
.peer:checked ~ .peer-checked\:bg-indigo-600 { background-color: var(--sk-primary); }
.peer:checked ~ .peer-checked\:bg-orange-600 { background-color: var(--sk-warning); }
.peer:checked ~ .peer-checked\:bg-red-600 { background-color: var(--sk-danger); }
.peer:checked ~ .peer-checked\:bg-yellow-600 { background-color: var(--sk-warning); }
.text-amber-600 { color: var(--sk-warning-text); }
.text-gray-100 { color: var(--sk-text); }
.text-green-100 { color: var(--sk-success-text); }

@media (min-width: 640px) {
  .sm\:border-2 { border-width: 2px; border-style: solid; }
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:h-12 { height: 3rem; }
  .sm\:h-4 { height: 1rem; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:h-auto { height: auto; }
  .sm\:inline { display: inline; }
  .sm\:inline-block { display: inline-block; }
  .sm\:items-start { align-items: flex-start; }
  .sm\:max-h-40 { max-height: 10rem; }
  .sm\:max-h-\[90vh\] { max-height: 90vh; }
  .sm\:max-w-none { max-width: none; }
  .sm\:mb-3 { margin-bottom: 0.75rem; }
  .sm\:opacity-0 { opacity: 0; }
  .sm\:p-1\.5 { padding: 0.375rem; }
  .sm\:p-2\.5 { padding: 0.625rem; }
  .sm\:p-3 { padding: 0.75rem; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:p-5 { padding: 1.25rem; }
  .sm\:p-6 { padding: 1.5rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
  .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .sm\:rounded-2xl { border-radius: 1rem; }
  .sm\:space-y-6 > * + * { margin-top: 1.5rem; }
  .sm\:table { display: table; }
  .sm\:table-cell { display: table-cell; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:text-xs { font-size: 0.75rem; line-height: 1rem; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:w-12 { width: 3rem; }
  .sm\:w-28 { width: 7rem; }
  .sm\:w-4 { width: 1rem; }
  .sm\:w-5 { width: 1.25rem; }
  .sm\:w-8 { width: 2rem; }
}

@media (min-width: 768px) {
  .md\:items-start { align-items: flex-start; }
  .md\:table-cell { display: table-cell; }
}

@media (min-width: 1024px) {
  .lg\:\!hidden { display: none !important; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:p-8 { padding: 2rem; }
  .lg\:table-cell { display: table-cell; }
}

@media (min-width: 1280px) {
  .xl\:table-cell { display: table-cell; }
}

/* A white label on a solid accent fill stays white in both modes.
   21 fills, framework-owned and alpha variants included. */
.bg-amber-600.text-white,
.bg-blue-600.text-white,
.bg-blue-700.text-white,
.bg-cyan-500.text-white,
.bg-cyan-600.text-white,
.bg-green-400.text-white,
.bg-green-500.text-white,
.bg-green-600.text-white,
.bg-green-700.text-white,
.bg-indigo-600.text-white,
.bg-lime-500.text-white,
.bg-orange-500.text-white,
.bg-orange-600.text-white,
.bg-purple-500.text-white,
.bg-purple-600.text-white,
.bg-red-500.text-white,
.bg-red-600.text-white,
.bg-red-600\/80.text-white,
.bg-teal-600.text-white,
.bg-yellow-500.text-white,
.bg-yellow-600.text-white { color: #fff; }

/* ...except where a `disabled:bg-*` class replaces that fill with a neutral. */
[class*="disabled:bg-"]:disabled.text-white { color: var(--sk-text); }

/* 708 rules from 1267 distinct class tokens across 32 sources.
   240 tokens are Skynet UI classes and were skipped.
   Not generated (page-specific classes styled in dashboard-v2.css or by the tab scripts): 187.
   Not generated (Tailwind classes with no safe token mapping): -500/10 -500/20 -500/30 -500/50 -700/30 -900/20 align-items-center align-items-start bg- bg-dark border- bottom-sheet-content bottom-sheet-handle bottom-sheet-header col-md-3 col-md-4 col-md-6 focus:ring-opacity-50 from- group-hover:bg- hover:bg- hover:border- hover:shadow- hover:text- items-list justify-content-between order-select select-all-btn select-none-btn text- top-deaths-list top-deaths-section touch-show-always */