/* ==========================================================================
   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)); }


.-bottom-1 { bottom: calc(0.25rem * -1); }
.-bottom-6 { bottom: calc(1.5rem * -1); }
.-bottom-8 { bottom: calc(2rem * -1); }
.-left-3 { left: calc(0.75rem * -1); }
.-mb-px { margin-bottom: calc(1px * -1); }
.-right-2 { right: calc(0.5rem * -1); }
.-top-1 { top: calc(0.25rem * -1); }
.-translate-x-1\/2 { --dv2-tx: calc(50% * -1); 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)); }
.-translate-y-1\/2 { --dv2-ty: calc(50% * -1); 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)); }
.bg-amber-100 { background-color: var(--sk-warning-soft); }
.bg-amber-50 { background-color: var(--sk-warning-soft); }
.bg-amber-500\/20 { background-color: color-mix(in srgb, var(--sk-warning) 20%, transparent); }
.bg-black { background-color: #000000; }
.bg-black\/70 { background-color: rgba(0, 0, 0, 0.7); }
.bg-blue-100 { background-color: var(--sk-info-soft); }
.bg-blue-200 { background-color: var(--sk-info-text); }
.bg-blue-25 { background-color: var(--sk-info-soft); }
.bg-blue-50 { background-color: var(--sk-info-soft); }
.bg-blue-500 { background-color: var(--sk-info); }
.bg-blue-600 { background-color: var(--sk-info); }
.bg-cyan-50 { background-color: var(--sk-info-soft); }
.bg-emerald-600\/80 { background-color: var(--sk-success); }
.bg-gray-400 { background-color: var(--sk-border-2); }
.bg-gray-500 { background-color: var(--sk-border-2); }
.bg-gray-600 { background-color: var(--sk-border-2); }
.bg-gray-800 { background-color: var(--sk-surface); }
.bg-gray-900 { background-color: var(--sk-bg); }
.bg-green-100 { background-color: var(--sk-success-soft); }
.bg-green-400 { background-color: var(--sk-success); }
.bg-green-50 { background-color: var(--sk-success-soft); }
.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-indigo-600 { background-color: var(--sk-primary); }
.bg-opacity-50 { --dv2-bg-alpha: 0.5; }
.bg-opacity-75 { --dv2-bg-alpha: 0.75; }
.bg-opacity-90 { --dv2-bg-alpha: 0.9; }
.bg-orange-100 { background-color: var(--sk-warning-soft); }
.bg-orange-50 { background-color: var(--sk-warning-soft); }
.bg-orange-500 { background-color: var(--sk-warning); }
.bg-orange-600 { background-color: var(--sk-warning); }
.bg-purple-100 { background-color: var(--sk-primary-soft); }
.bg-purple-50 { background-color: var(--sk-primary-soft); }
.bg-purple-600 { background-color: var(--sk-primary); }
.bg-purple-900\/20 { background-color: color-mix(in srgb, color-mix(in srgb, var(--sk-primary) 28%, var(--sk-bg)) 20%, transparent); }
.bg-red-100 { background-color: var(--sk-danger-soft); }
.bg-red-400 { background-color: var(--sk-danger); }
.bg-red-50 { background-color: var(--sk-danger-soft); }
.bg-red-500 { background-color: var(--sk-danger); }
.bg-red-600 { background-color: var(--sk-danger); }
.bg-red-600\/80 { background-color: var(--sk-danger); }
.bg-slate-600 { background-color: var(--sk-border-2); }
.bg-slate-700 { background-color: var(--sk-surface-2); }
.bg-slate-800 { background-color: var(--sk-surface); }
.bg-slate-800\/50 { background-color: color-mix(in srgb, var(--sk-surface) 50%, transparent); }
.bg-white { background-color: var(--sk-surface); }
.bg-yellow-100 { background-color: var(--sk-warning-soft); }
.bg-yellow-400 { background-color: var(--sk-warning); }
.bg-yellow-50 { background-color: var(--sk-warning-soft); }
.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 { background-color: var(--sk-warning); }
.border-4 { border-width: 4px; border-style: solid; }
.border-amber-200 { border-color: var(--sk-warning); }
.border-amber-500 { border-color: var(--sk-warning); }
.border-amber-500\/30 { border-color: color-mix(in srgb, var(--sk-warning) 30%, transparent); }
.border-b-2 { border-bottom-width: 2px; border-bottom-style: solid; }
.border-blue-200 { border-color: var(--sk-info); }
.border-blue-300 { border-color: var(--sk-info); }
.border-blue-500 { border-color: var(--sk-info); }
.border-blue-600 { border-color: color-mix(in srgb, var(--sk-info) 55%, transparent); }
.border-gray-600 { border-color: var(--sk-border-2); }
.border-gray-700 { border-color: var(--sk-border); }
.border-green-200 { border-color: var(--sk-success); }
.border-green-300 { border-color: var(--sk-success); }
.border-green-500\/30 { border-color: color-mix(in srgb, var(--sk-success) 30%, transparent); }
.border-l-0 { border-left-width: 0px; border-left-style: solid; }
.border-l-4 { border-left-width: 4px; border-left-style: solid; }
.border-none { border-style: none; }
.border-orange-200 { border-color: var(--sk-warning); }
.border-orange-300 { border-color: var(--sk-warning); }
.border-purple-200 { border-color: var(--sk-primary); }
.border-purple-500 { border-color: var(--sk-primary); }
.border-purple-500\/20 { border-color: color-mix(in srgb, var(--sk-primary) 20%, transparent); }
.border-purple-500\/30 { border-color: color-mix(in srgb, var(--sk-primary) 30%, transparent); }
.border-purple-600 { border-color: color-mix(in srgb, var(--sk-primary) 55%, transparent); }
.border-red-200 { border-color: var(--sk-danger); }
.border-slate-500 { border-color: var(--sk-border-2); }
.border-slate-600 { border-color: var(--sk-border-2); }
.border-slate-700 { border-color: var(--sk-border); }
.border-t-2 { border-top-width: 2px; border-top-style: solid; }
.border-transparent { border-color: transparent; }
.border-yellow-200 { border-color: var(--sk-warning); }
.bottom-6 { bottom: 1.5rem; }
.col-span-9 { grid-column: span 9 / span 9; }
.container { width: 100%; }
.cursor-help { cursor: help; }
.disabled\:bg-gray-400:disabled { background-color: var(--sk-border-2); }
.disabled\:text-gray-400:disabled { color: var(--sk-muted); }
.drop-shadow-lg { filter: drop-shadow(0 10px 8px rgba(0,0,0,.3)); }
.duration-1000 { transition-duration: 1000ms; }
.duration-200 { transition-duration: 200ms; }
.file\:bg-blue-50::file-selector-button { background-color: var(--sk-info-soft); }
.file\:border-0::file-selector-button { border-width: 0px; border-style: solid; }
.file\:font-semibold::file-selector-button { font-weight: 600; }
.file\:mr-4::file-selector-button { margin-right: 1rem; }
.file\:px-4::file-selector-button { padding-left: 1rem; padding-right: 1rem; }
.file\:py-2::file-selector-button { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.file\:rounded::file-selector-button { border-radius: 0.25rem; }
.file\:rounded-md::file-selector-button { border-radius: 0.375rem; }
.file\:text-blue-700::file-selector-button { color: var(--sk-info-text); }
.file\:text-sm::file-selector-button { font-size: 0.875rem; line-height: 1.25rem; }
.flex-grow { flex-grow: 1; }
.flex-shrink-0 { flex-shrink: 0; }
.focus-within\:outline-none:focus-within { outline: 2px solid transparent; outline-offset: 2px; }
.focus-within\:ring-2:focus-within { box-shadow: var(--dv2-ring-inset, ) 0 0 0 2px var(--dv2-ring-color, var(--sk-ring, var(--sk-primary-soft))); }
.focus-within\:ring-offset-2:focus-within { --dv2-ring-offset: 2px; }
.focus\:border-blue-500:focus { border-color: var(--sk-info); }
.focus\:border-transparent:focus { border-color: transparent; }
.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-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); }
.focus\:z-10:focus { z-index: 10; }
.from-amber-500\/10 { --sk-grad-from: color-mix(in srgb, var(--sk-warning) 10%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-black { --sk-grad-from: #000000; --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-blue-50 { --sk-grad-from: var(--sk-info-soft); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-blue-500 { --sk-grad-from: var(--sk-info); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-blue-600 { --sk-grad-from: var(--sk-info); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-blue-900 { --sk-grad-from: color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-green-500 { --sk-grad-from: var(--sk-success); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-green-500\/10 { --sk-grad-from: color-mix(in srgb, var(--sk-success) 10%, transparent); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-orange-500 { --sk-grad-from: var(--sk-warning); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-purple-50 { --sk-grad-from: var(--sk-primary-soft); --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-slate-900 { --sk-grad-from: var(--sk-bg); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.from-white { --sk-grad-from: var(--sk-surface); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.gap-x-8 { column-gap: 2rem; }
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.h-2 { height: 0.5rem; }
.h-2\.5 { height: 0.625rem; }
.h-20 { height: 5rem; }
.h-3 { height: 0.75rem; }
.h-40 { height: 10rem; }
.h-5 { height: 1.25rem; }
.h-80 { height: 20rem; }
.h-\[400px\] { height: 400px; }
.h-\[600px\] { height: 600px; }
.h-\[700px\] { height: 700px; }
.hover\:bg-blue-200:hover { background-color: var(--sk-info-text); }
.hover\:bg-blue-50:hover { background-color: var(--sk-info-soft); }
.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-emerald-600:hover { background-color: var(--sk-success); }
.hover\:bg-gray-500:hover { background-color: var(--sk-border-2); }
.hover\:bg-gray-600:hover { background-color: var(--sk-border-2); }
.hover\:bg-gray-700:hover { background-color: var(--sk-surface-2); }
.hover\:bg-green-100:hover { background-color: var(--sk-success-soft); }
.hover\:bg-green-200:hover { background-color: var(--sk-success-text); }
.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-700:hover { background-color: var(--sk-primary-hover); }
.hover\:bg-orange-200:hover { background-color: var(--sk-warning-text); }
.hover\:bg-orange-600:hover { background-color: var(--sk-warning); }
.hover\:bg-orange-700:hover { background-color: color-mix(in srgb, var(--sk-warning) 85%, var(--sk-bg)); }
.hover\:bg-purple-700:hover { background-color: var(--sk-primary-hover); }
.hover\:bg-red-100:hover { background-color: var(--sk-danger-soft); }
.hover\:bg-red-200:hover { background-color: var(--sk-danger-text); }
.hover\:bg-red-600:hover { background-color: var(--sk-danger); }
.hover\:bg-red-700:hover { background-color: var(--sk-danger-hover); }
.hover\:bg-slate-500:hover { background-color: var(--sk-border-2); }
.hover\:bg-slate-600:hover { background-color: var(--sk-border-2); }
.hover\:bg-slate-700:hover { background-color: var(--sk-surface-2); }
.hover\:bg-slate-800:hover { background-color: var(--sk-surface); }
.hover\:bg-yellow-700:hover { background-color: color-mix(in srgb, var(--sk-warning) 85%, var(--sk-bg)); }
.hover\:border-blue-400:hover { border-color: var(--sk-info); }
.hover\:border-blue-500:hover { border-color: var(--sk-info); }
.hover\:border-slate-600:hover { border-color: var(--sk-border-2); }
.hover\:file\:bg-blue-100:hover::file-selector-button { background-color: var(--sk-info-soft); }
.hover\:from-blue-700:hover { --sk-grad-from: color-mix(in srgb, var(--sk-info) 85%, var(--sk-bg)); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.hover\:from-purple-600:hover { --sk-grad-from: var(--sk-primary); --sk-grad-stops: var(--sk-grad-from), var(--sk-grad-to, transparent); }
.hover\:text-amber-300:hover { color: var(--sk-warning-text); }
.hover\:text-blue-300:hover { color: var(--sk-info-text); }
.hover\:text-blue-800:hover { color: var(--sk-info-text); }
.hover\:text-blue-900:hover { color: var(--sk-info-text); }
.hover\:text-gray-200:hover { color: var(--sk-text); }
.hover\:text-gray-300:hover { color: var(--sk-text-2); }
.hover\:text-gray-500:hover { color: var(--sk-muted); }
.hover\:text-gray-600:hover { color: var(--sk-muted); }
.hover\:text-green-800:hover { color: var(--sk-success-text); }
.hover\:text-orange-800:hover { color: var(--sk-warning-text); }
.hover\:text-purple-300:hover { color: var(--sk-primary-text); }
.hover\:text-purple-800:hover { color: var(--sk-primary-text); }
.hover\:text-red-400:hover { color: var(--sk-danger-text); }
.hover\:text-red-500:hover { color: var(--sk-danger-text); }
.hover\:text-red-700:hover { color: var(--sk-danger-text); }
.hover\:text-red-800:hover { color: var(--sk-danger-text); }
.hover\:text-white:hover { color: var(--sk-text); }
.hover\:to-blue-800:hover { --sk-grad-to: color-mix(in srgb, var(--sk-info) 28%, var(--sk-bg)); }
.hover\:to-indigo-700:hover { --sk-grad-to: var(--sk-primary-hover); }
.hover\:to-pink-600:hover { --sk-grad-to: var(--sk-primary); }
.hover\:transition-colors:hover { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; }
.inset-y-0 { top: 0; bottom: 0; }
.left-1\/2 { left: 50%; }
.left-2 { left: 0.5rem; }
.left-3 { left: 0.75rem; }
.list-inside { list-style-position: inside; }
.max-h-32 { max-height: 8rem; }
.max-h-40 { max-height: 10rem; }
.max-h-48 { max-height: 12rem; }
.max-h-60 { max-height: 15rem; }
.max-h-64 { max-height: 16rem; }
.max-h-80 { max-height: 20rem; }
.max-h-96 { max-height: 24rem; }
.max-h-\[200px\] { max-height: 200px; }
.max-h-\[250px\] { max-height: 250px; }
.max-h-\[300px\] { max-height: 300px; }
.max-h-\[400px\] { max-height: 400px; }
.max-h-\[500px\] { max-height: 500px; }
.max-h-\[600px\] { max-height: 600px; }
.max-h-\[80vh\] { max-height: 80vh; }
.max-h-\[90vh\] { max-height: 90vh; }
.max-h-\[calc\(100vh-500px\)\] { max-height: calc(100vh-500px); }
.max-h-\[calc\(100vh-550px\)\] { max-height: calc(100vh-550px); }
.max-h-\[calc\(100vh-650px\)\] { max-height: calc(100vh-650px); }
.max-h-\[calc\(90vh-200px\)\] { max-height: calc(90vh-200px); }
.max-w-32 { max-width: 8rem; }
.max-w-screen-2xl { max-width: 1536px; }
.max-w-screen-xl { max-width: 1280px; }
.max-w-xs { max-width: 20rem; }
.min-h-32 { min-height: 8rem; }
.min-h-48 { min-height: 12rem; }
.min-h-96 { min-height: 24rem; }
.min-h-\[100px\] { min-height: 100px; }
.min-h-\[150px\] { min-height: 150px; }
.min-h-\[200px\] { min-height: 200px; }
.min-h-\[300px\] { min-height: 300px; }
.min-h-\[40px\] { min-height: 40px; }
.min-h-\[60px\] { min-height: 60px; }
.min-w-48 { min-width: 12rem; }
.min-w-\[60px\] { min-width: 60px; }
.min-w-max { min-width: max-content; }
.ml-5 { margin-left: 1.25rem; }
.ml-7 { margin-left: 1.75rem; }
.mr-1\.5 { margin-right: 0.375rem; }
.mt-0\.5 { margin-top: 0.125rem; }
.mt-auto { margin-top: auto; }
.opacity-90 { opacity: 0.9; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.pl-10 { padding-left: 2.5rem; }
.pl-5 { padding-left: 1.25rem; }
.pr-10 { padding-right: 2.5rem; }
.pr-12 { padding-right: 3rem; }
.pr-20 { padding-right: 5rem; }
.px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.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; }
.resize-vertical { resize: vertical; }
.resize-y { resize: vertical; }
.right-2 { right: 0.5rem; }
.right-3 { right: 0.75rem; }
.right-4 { right: 1rem; }
.rounded-b-lg { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; }
.rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; }
.rounded-md { border-radius: 0.375rem; }
.rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; }
.rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; }
.rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem; }
.sticky { position: sticky; }
.text-amber-400 { color: var(--sk-warning-text); }
.text-amber-600 { color: var(--sk-warning-text); }
.text-amber-700 { color: var(--sk-warning-text); }
.text-amber-800 { color: var(--sk-warning-text); }
.text-blue-100 { 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-blue-700 { color: var(--sk-info-text); }
.text-blue-800 { color: var(--sk-info-text); }
.text-blue-900 { color: var(--sk-info-text); }
.text-cyan-600 { color: var(--sk-info-text); }
.text-emerald-400 { color: var(--sk-success-text); }
.text-emerald-500 { color: var(--sk-success-text); }
.text-gray-100 { color: var(--sk-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-green-400 { color: var(--sk-success-text); }
.text-green-500 { color: var(--sk-success-text); }
.text-green-600 { color: var(--sk-success-text); }
.text-green-700 { color: var(--sk-success-text); }
.text-green-800 { color: var(--sk-success-text); }
.text-orange-500 { color: var(--sk-warning-text); }
.text-orange-600 { color: var(--sk-warning-text); }
.text-orange-700 { color: var(--sk-warning-text); }
.text-orange-800 { color: var(--sk-warning-text); }
.text-pink-500 { color: var(--sk-primary-text); }
.text-purple-300 { color: var(--sk-primary-text); }
.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-purple-700 { color: var(--sk-primary-text); }
.text-purple-800 { color: var(--sk-primary-text); }
.text-red-500 { color: var(--sk-danger-text); }
.text-red-600 { color: var(--sk-danger-text); }
.text-red-700 { color: var(--sk-danger-text); }
.text-red-800 { color: var(--sk-danger-text); }
.text-slate-100 { color: var(--sk-text); }
.text-slate-200 { color: var(--sk-text); }
.text-slate-300 { color: var(--sk-text-2); }
.text-slate-400 { color: var(--sk-muted); }
.text-slate-500 { color: var(--sk-muted); }
.text-white { color: var(--sk-text); }
.text-yellow-400 { color: var(--sk-warning-text); }
.text-yellow-500 { color: var(--sk-warning-text); }
.text-yellow-600 { color: var(--sk-warning-text); }
.text-yellow-700 { color: var(--sk-warning-text); }
.text-yellow-800 { color: var(--sk-warning-text); }
.text-yellow-900 { color: var(--sk-warning-text); }
.to-blue-600 { --sk-grad-to: var(--sk-info); }
.to-blue-700 { --sk-grad-to: color-mix(in srgb, var(--sk-info) 85%, var(--sk-bg)); }
.to-green-600 { --sk-grad-to: var(--sk-success); }
.to-indigo-50 { --sk-grad-to: var(--sk-primary-soft); }
.to-indigo-600 { --sk-grad-to: var(--sk-primary); }
.to-orange-600 { --sk-grad-to: var(--sk-warning); }
.to-pink-50 { --sk-grad-to: var(--sk-primary-soft); }
.to-pink-500 { --sk-grad-to: var(--sk-primary); }
.to-purple-500 { --sk-grad-to: var(--sk-primary); }
.to-purple-600 { --sk-grad-to: var(--sk-primary); }
.to-slate-800 { --sk-grad-to: var(--sk-surface); }
.to-white { --sk-grad-to: var(--sk-surface); }
.to-yellow-400 { --sk-grad-to: var(--sk-warning); }
.top-1\.5 { top: 0.375rem; }
.top-1\/2 { top: 50%; }
.top-12 { top: 3rem; }
.top-2 { top: 0.5rem; }
.top-3 { top: 0.75rem; }
.top-3\.5 { top: 0.875rem; }
.top-4 { top: 1rem; }
.top-full { top: 100%; }
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: 150ms; }
.via-blue-500 { --sk-grad-stops: var(--sk-grad-from, transparent), var(--sk-info), var(--sk-grad-to, transparent); }
.w-1 { width: 0.25rem; }
.w-11 { width: 2.75rem; }
.w-2 { width: 0.5rem; }
.w-20 { width: 5rem; }
.w-28 { width: 7rem; }
.w-3 { width: 0.75rem; }
.w-36 { width: 9rem; }
.w-5 { width: 1.25rem; }
.w-5\/6 { width: 83.333333%; }
.w-\[2px\] { width: 2px; }

@media (min-width: 640px) {
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:flex-grow-0 { flex-grow: 0; }
  .sm\:flex-none { flex: none; }
  .sm\:gap-2 { gap: 0.5rem; }
  .sm\:gap-3 { gap: 0.75rem; }
  .sm\:gap-4 { gap: 1rem; }
  .sm\:gap-6 { gap: 1.5rem; }
  .sm\:h-10 { height: 2.5rem; }
  .sm\:h-48 { height: 12rem; }
  .sm\:h-5 { height: 1.25rem; }
  .sm\:h-8 { height: 2rem; }
  .sm\:h-\[500px\] { height: 500px; }
  .sm\:inline { display: inline; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:max-h-\[300px\] { max-height: 300px; }
  .sm\:max-w-md { max-width: 28rem; }
  .sm\:mb-0 { margin-bottom: 0; }
  .sm\:mb-6 { margin-bottom: 1.5rem; }
  .sm\:mb-8 { margin-bottom: 2rem; }
  .sm\:min-h-64 { min-height: 16rem; }
  .sm\:ml-1 { margin-left: 0.25rem; }
  .sm\:ml-6 { margin-left: 1.5rem; }
  .sm\:mr-2 { margin-right: 0.5rem; }
  .sm\:order-1 { order: 1; }
  .sm\:order-2 { order: 2; }
  .sm\:p-3 { padding: 0.75rem; }
  .sm\:p-4 { padding: 1rem; }
  .sm\:p-6 { padding: 1.5rem; }
  .sm\:p-8 { padding: 2rem; }
  .sm\:px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
  .sm\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .sm\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .sm\:py-12 { padding-top: 3rem; padding-bottom: 3rem; }
  .sm\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .sm\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .sm\:py-4 { padding-top: 1rem; padding-bottom: 1rem; }
  .sm\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .sm\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .sm\:self-auto { align-self: auto; }
  .sm\:space-x-8 > * + * { margin-left: 2rem; }
  .sm\:text-2xl { font-size: 1.5rem; line-height: 2rem; }
  .sm\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .sm\:text-lg { font-size: 1.125rem; line-height: 1.75rem; }
  .sm\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .sm\:text-xl { font-size: 1.25rem; line-height: 1.75rem; }
  .sm\:w-10 { width: 2.5rem; }
  .sm\:w-48 { width: 12rem; }
  .sm\:w-5 { width: 1.25rem; }
  .sm\:w-64 { width: 16rem; }
  .sm\:w-8 { width: 2rem; }
}

@media (min-width: 768px) {
  .md\:inline { display: inline; }
  .md\:max-w-sm { max-width: 24rem; }
  .md\:mx-0 { margin-left: 0; margin-right: 0; }
  .md\:p-4 { padding: 1rem; }
  .md\:p-6 { padding: 1.5rem; }
  .md\:p-8 { padding: 2rem; }
  .md\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .md\:py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; }
  .md\:text-4xl { font-size: 2.25rem; line-height: 2.5rem; }
  .md\:text-base { font-size: 1rem; line-height: 1.5rem; }
  .md\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
}

@media (min-width: 1024px) {
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:gap-6 { gap: 1.5rem; }
  .lg\:gap-8 { gap: 2rem; }
  .lg\:h-\[600px\] { height: 600px; }
  .lg\:items-center { align-items: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:px-8 { padding-left: 2rem; padding-right: 2rem; }
  .lg\:py-8 { padding-top: 2rem; padding-bottom: 2rem; }
  .lg\:sticky { position: sticky; }
  .lg\:table-cell { display: table-cell; }
  .lg\:top-6 { top: 1.5rem; }
}

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

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

/* A white label on a solid accent fill stays white in both modes.
   17 fills, framework-owned and alpha variants included. */
.bg-blue-500.text-white,
.bg-blue-600.text-white,
.bg-emerald-600\/80.text-white,
.bg-green-400.text-white,
.bg-green-500.text-white,
.bg-green-600.text-white,
.bg-indigo-600.text-white,
.bg-orange-500.text-white,
.bg-orange-600.text-white,
.bg-purple-600.text-white,
.bg-red-400.text-white,
.bg-red-500.text-white,
.bg-red-600.text-white,
.bg-red-600\/80.text-white,
.bg-yellow-400.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); }

/* 435 rules from 1134 distinct class tokens across 63 sources.
   273 tokens are Skynet UI classes and were skipped.
   Not generated (page-specific classes styled in dashboard-v2.css or by the tab scripts): 238.
   Not generated (Tailwind classes with no safe token mapping): bg-dayz-accent dark:bg-gray-800 dark:hover:text-gray-200 dark:text-amber-400 dark:text-blue-400 dark:text-gray-400 dark:text-green-400 dark:text-purple-400 delay-control delay-input focus-within:ring-dayz-accent group-hover:text-dayz-accent hover:bg-dayz-hover hover:border-dayz-accent hover:text-dayz-hover items-summary-panel scale-bar scale-bar-line scale-indicator text-dayz-accent text-md */