/* ═══════════════════════════════════════════════════════════════════════
   Domzivo — the signed-in dashboard
   ───────────────────────────────────────────────────────────────────────
   Dark chrome, white panel.

   Its own sheet rather than a section of globals.css: none of it can match
   anything on a public page, and the vocabulary map below is long by
   design, so leaving it in the shared file made every visitor download
   fifty kilobytes of rules that could never apply to them. Loaded from
   views/layouts/dashboard.ejs only.

   Three parts:
     1. the shell   — the rail, the topbar and the panel they frame
     2. the frame   — the panel's rounded corners, which must not scroll
     3. the map     — the dark build's class names, re-pointed to light
   ═══════════════════════════════════════════════════════════════════════ */

/* ── 1. The shell ───────────────────────────────────────────────────── */

#dashboard-main-content { background: #050505; }

.dash-light { background: #fff; }

/* Below lg the public navbar is the dashboard header, and it is fixed, so
   the column needs a spacer exactly its height. --hdr-bottom is measured by
   the navbar script. */
.dash-hdr-spacer { height: var(--hdr-bottom, 88px); }

/* The rail's collapse toggle holds both glyphs and shows one. It was a
   single <i> whose fa- class the script rewrote; an SVG has no such class,
   so the swap moved into CSS. */
.dash-toggle-icon .dash-toggle-bars { display: none; }
.dash-toggle-icon .dash-toggle-chevron { display: block; }
.dash-toggle-icon.is-collapsed .dash-toggle-bars { display: block; }
.dash-toggle-icon.is-collapsed .dash-toggle-chevron { display: none; }

/* ── The rail's labels never fold ──────────────────────────────────────
   "Manage Hosting" is the longest one and it was fitting with eight pixels
   to spare, which is not fitting, it is a coincidence: a different font
   fallback or a slightly wider render tips it onto two lines. nowrap makes
   it a guarantee rather than a measurement, and a little padding and gap
   come back so the guarantee is not being enforced against the edge of the
   box. */
#dashboard-sidebar-desktop .dashboard-nav-text,
#dashboard-sidebar-mobile .dashboard-nav-text,
#dashboard-sidebar-desktop .dashboard-nav-cta a,
#dashboard-sidebar-mobile .dashboard-nav-cta a { white-space: nowrap; }

#dashboard-sidebar-desktop .dashboard-nav-link { gap: 10px; padding-inline: 10px; }
#dashboard-sidebar-desktop .dashboard-nav-label { padding-inline: 10px; }

/* ── 2. The corner frame ────────────────────────────────────────────────
   The radius used to sit on <main> itself, which scrolls: the moment the
   page moved, the curve slid up under the topbar and the panel went square
   at the top. So the curve is no longer part of the scrolling box at all.

   #dash-frame is a fixed, click-through rectangle the exact size of the
   panel, rounded, with a box-shadow spread wide enough to flood the rest of
   the viewport in the chrome colour. Everything outside the rounded rect is
   painted over in #050505; everything inside is untouched. Content scrolls
   beneath it, so the four corners and the right and bottom edges stay
   exactly where they are however far down the page you are.

   z-index 15 puts it over the panel's content but under the topbar (20) and
   the rail (30), so their own content still paints on top, and under every
   modal and drawer, which start at 40.

   left and top follow the chrome's measured size rather than a hardcoded
   216/57, so the frame tracks the rail collapsing to 68px. */
#dash-frame { display: none; }

@media (min-width: 1024px) {
  #dash-frame {
    display: block;
    position: fixed;
    left: var(--dash-rail, 216px);
    top: var(--dash-top, 57px);
    right: var(--dash-gap, 14px);
    bottom: var(--dash-gap, 14px);
    border-radius: 26px;
    box-shadow: 0 0 0 100vmax #050505;
    pointer-events: none;
    z-index: 15;
  }
}

/* ── 3. The vocabulary map ─────────────────────────────────────────── */

/* ── The panel's own light vocabulary ───────────────────────────────────
   Every dashboard page, and every script that injects markup into one, is
   written in "white at N% over black": text-white/55, bg-white/[0.02],
   border-white/[0.06]. Rather than rewrite nineteen pages and twenty
   scripts, the same class names are re-pointed here, scoped to the panel.
   The chrome lives outside .dash-light, so it is untouched.

   Generated across the whole opacity scale rather than the tiers that
   happened to be in use, because a tier nobody mapped is invisible text,
   not a missing style. Greys carry a slight blue bias so they belong with
   the sapphire instead of reading as a default grey. */

/* Text */
.dash-light .text-white { color: rgb(12 18 32); }
.dash-light .hover\:text-white:hover { color: rgb(12 18 32); }
.dash-light .focus\:text-white:focus { color: rgb(12 18 32); }
.dash-light .text-white\/5,
.dash-light .hover\:text-white\/5:hover,
.dash-light .focus\:text-white\/5:focus,
.dash-light .group:hover .group-hover\:text-white\/5 { color: rgb(12 18 32 / 0.5725); }
.dash-light .text-white\/10,
.dash-light .hover\:text-white\/10:hover,
.dash-light .focus\:text-white\/10:focus,
.dash-light .group:hover .group-hover\:text-white\/10 { color: rgb(12 18 32 / 0.595); }
.dash-light .text-white\/15,
.dash-light .hover\:text-white\/15:hover,
.dash-light .focus\:text-white\/15:focus,
.dash-light .group:hover .group-hover\:text-white\/15 { color: rgb(12 18 32 / 0.6175); }
.dash-light .text-white\/20,
.dash-light .hover\:text-white\/20:hover,
.dash-light .focus\:text-white\/20:focus,
.dash-light .group:hover .group-hover\:text-white\/20 { color: rgb(12 18 32 / 0.64); }
.dash-light .text-white\/25,
.dash-light .hover\:text-white\/25:hover,
.dash-light .focus\:text-white\/25:focus,
.dash-light .group:hover .group-hover\:text-white\/25 { color: rgb(12 18 32 / 0.6625); }
.dash-light .text-white\/30,
.dash-light .hover\:text-white\/30:hover,
.dash-light .focus\:text-white\/30:focus,
.dash-light .group:hover .group-hover\:text-white\/30 { color: rgb(12 18 32 / 0.685); }
.dash-light .text-white\/35,
.dash-light .hover\:text-white\/35:hover,
.dash-light .focus\:text-white\/35:focus,
.dash-light .group:hover .group-hover\:text-white\/35 { color: rgb(12 18 32 / 0.7075); }
.dash-light .text-white\/40,
.dash-light .hover\:text-white\/40:hover,
.dash-light .focus\:text-white\/40:focus,
.dash-light .group:hover .group-hover\:text-white\/40 { color: rgb(12 18 32 / 0.73); }
.dash-light .text-white\/45,
.dash-light .hover\:text-white\/45:hover,
.dash-light .focus\:text-white\/45:focus,
.dash-light .group:hover .group-hover\:text-white\/45 { color: rgb(12 18 32 / 0.7525); }
.dash-light .text-white\/50,
.dash-light .hover\:text-white\/50:hover,
.dash-light .focus\:text-white\/50:focus,
.dash-light .group:hover .group-hover\:text-white\/50 { color: rgb(12 18 32 / 0.775); }
.dash-light .text-white\/55,
.dash-light .hover\:text-white\/55:hover,
.dash-light .focus\:text-white\/55:focus,
.dash-light .group:hover .group-hover\:text-white\/55 { color: rgb(12 18 32 / 0.7975); }
.dash-light .text-white\/60,
.dash-light .hover\:text-white\/60:hover,
.dash-light .focus\:text-white\/60:focus,
.dash-light .group:hover .group-hover\:text-white\/60 { color: rgb(12 18 32 / 0.82); }
.dash-light .text-white\/65,
.dash-light .hover\:text-white\/65:hover,
.dash-light .focus\:text-white\/65:focus,
.dash-light .group:hover .group-hover\:text-white\/65 { color: rgb(12 18 32 / 0.8425); }
.dash-light .text-white\/70,
.dash-light .hover\:text-white\/70:hover,
.dash-light .focus\:text-white\/70:focus,
.dash-light .group:hover .group-hover\:text-white\/70 { color: rgb(12 18 32 / 0.865); }
.dash-light .text-white\/75,
.dash-light .hover\:text-white\/75:hover,
.dash-light .focus\:text-white\/75:focus,
.dash-light .group:hover .group-hover\:text-white\/75 { color: rgb(12 18 32 / 0.8875); }
.dash-light .text-white\/80,
.dash-light .hover\:text-white\/80:hover,
.dash-light .focus\:text-white\/80:focus,
.dash-light .group:hover .group-hover\:text-white\/80 { color: rgb(12 18 32 / 0.91); }
.dash-light .text-white\/85,
.dash-light .hover\:text-white\/85:hover,
.dash-light .focus\:text-white\/85:focus,
.dash-light .group:hover .group-hover\:text-white\/85 { color: rgb(12 18 32 / 0.9325); }
.dash-light .text-white\/90,
.dash-light .hover\:text-white\/90:hover,
.dash-light .focus\:text-white\/90:focus,
.dash-light .group:hover .group-hover\:text-white\/90 { color: rgb(12 18 32 / 0.955); }
.dash-light .text-white\/95,
.dash-light .hover\:text-white\/95:hover,
.dash-light .focus\:text-white\/95:focus,
.dash-light .group:hover .group-hover\:text-white\/95 { color: rgb(12 18 32 / 0.9775); }

/* Surfaces. bg-black and its near-black siblings WERE the panel. */
.dash-light .bg-black,
.dash-light .bg-\[\#0a0a0a\],
.dash-light .bg-\[\#0A0A0A\],
.dash-light .bg-\[\#050505\],
.dash-light .bg-\[\#111\],
.dash-light .bg-\[\#111111\] { background-color: #fff; }

/* bg-black/NN is left alone on purpose: those are modal scrims, and a
   scrim has to dim the page whatever colour the page is. */

.dash-light .bg-white\/5,
.dash-light .hover\:bg-white\/5:hover,
.dash-light .group:hover .group-hover\:bg-white\/5,
.dash-light .bg-white\/\[0\.05\],
.dash-light .hover\:bg-white\/\[0\.05\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.05\] { background-color: rgb(12 18 32 / 0.05); }
.dash-light .bg-white\/10,
.dash-light .hover\:bg-white\/10:hover,
.dash-light .group:hover .group-hover\:bg-white\/10,
.dash-light .bg-white\/\[0\.10\],
.dash-light .hover\:bg-white\/\[0\.10\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.10\],
.dash-light .bg-white\/\[0\.1\],
.dash-light .hover\:bg-white\/\[0\.1\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.1\] { background-color: rgb(12 18 32 / 0.07); }
.dash-light .bg-white\/15,
.dash-light .hover\:bg-white\/15:hover,
.dash-light .group:hover .group-hover\:bg-white\/15,
.dash-light .bg-white\/\[0\.15\],
.dash-light .hover\:bg-white\/\[0\.15\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.15\] { background-color: rgb(12 18 32 / 0.09); }
.dash-light .bg-white\/20,
.dash-light .hover\:bg-white\/20:hover,
.dash-light .group:hover .group-hover\:bg-white\/20,
.dash-light .bg-white\/\[0\.20\],
.dash-light .hover\:bg-white\/\[0\.20\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.20\],
.dash-light .bg-white\/\[0\.2\],
.dash-light .hover\:bg-white\/\[0\.2\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.2\] { background-color: rgb(12 18 32 / 0.11); }
.dash-light .bg-white\/25,
.dash-light .hover\:bg-white\/25:hover,
.dash-light .group:hover .group-hover\:bg-white\/25,
.dash-light .bg-white\/\[0\.25\],
.dash-light .hover\:bg-white\/\[0\.25\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.25\] { background-color: rgb(12 18 32 / 0.13); }
.dash-light .bg-white\/30,
.dash-light .hover\:bg-white\/30:hover,
.dash-light .group:hover .group-hover\:bg-white\/30,
.dash-light .bg-white\/\[0\.30\],
.dash-light .hover\:bg-white\/\[0\.30\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.30\],
.dash-light .bg-white\/\[0\.3\],
.dash-light .hover\:bg-white\/\[0\.3\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.3\] { background-color: rgb(12 18 32 / 0.15); }
.dash-light .bg-white\/35,
.dash-light .hover\:bg-white\/35:hover,
.dash-light .group:hover .group-hover\:bg-white\/35 { background-color: rgb(12 18 32 / 0.17); }
.dash-light .bg-white\/40,
.dash-light .hover\:bg-white\/40:hover,
.dash-light .group:hover .group-hover\:bg-white\/40 { background-color: rgb(12 18 32 / 0.19); }
.dash-light .bg-white\/45,
.dash-light .hover\:bg-white\/45:hover,
.dash-light .group:hover .group-hover\:bg-white\/45 { background-color: rgb(12 18 32 / 0.21); }
.dash-light .bg-white\/50,
.dash-light .hover\:bg-white\/50:hover,
.dash-light .group:hover .group-hover\:bg-white\/50 { background-color: rgb(12 18 32 / 0.23); }
.dash-light .bg-white\/55,
.dash-light .hover\:bg-white\/55:hover,
.dash-light .group:hover .group-hover\:bg-white\/55 { background-color: rgb(12 18 32 / 0.25); }
.dash-light .bg-white\/60,
.dash-light .hover\:bg-white\/60:hover,
.dash-light .group:hover .group-hover\:bg-white\/60 { background-color: rgb(12 18 32 / 0.27); }
.dash-light .bg-white\/65,
.dash-light .hover\:bg-white\/65:hover,
.dash-light .group:hover .group-hover\:bg-white\/65 { background-color: rgb(12 18 32 / 0.29); }
.dash-light .bg-white\/70,
.dash-light .hover\:bg-white\/70:hover,
.dash-light .group:hover .group-hover\:bg-white\/70 { background-color: rgb(12 18 32 / 0.31); }
.dash-light .bg-white\/75,
.dash-light .hover\:bg-white\/75:hover,
.dash-light .group:hover .group-hover\:bg-white\/75 { background-color: rgb(12 18 32 / 0.33); }
.dash-light .bg-white\/80,
.dash-light .hover\:bg-white\/80:hover,
.dash-light .group:hover .group-hover\:bg-white\/80 { background-color: rgb(12 18 32 / 0.35); }
.dash-light .bg-white\/85,
.dash-light .hover\:bg-white\/85:hover,
.dash-light .group:hover .group-hover\:bg-white\/85 { background-color: rgb(12 18 32 / 0.37); }
.dash-light .bg-white\/90,
.dash-light .hover\:bg-white\/90:hover,
.dash-light .group:hover .group-hover\:bg-white\/90 { background-color: rgb(12 18 32 / 0.39); }
.dash-light .bg-white\/95,
.dash-light .hover\:bg-white\/95:hover,
.dash-light .group:hover .group-hover\:bg-white\/95 { background-color: rgb(12 18 32 / 0.41); }
.dash-light .bg-white\/1,
.dash-light .hover\:bg-white\/1:hover,
.dash-light .group:hover .group-hover\:bg-white\/1,
.dash-light .bg-white\/\[0\.01\],
.dash-light .hover\:bg-white\/\[0\.01\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.01\] { background-color: rgb(12 18 32 / 0.034); }
.dash-light .bg-white\/2,
.dash-light .hover\:bg-white\/2:hover,
.dash-light .group:hover .group-hover\:bg-white\/2,
.dash-light .bg-white\/\[0\.02\],
.dash-light .hover\:bg-white\/\[0\.02\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.02\] { background-color: rgb(12 18 32 / 0.038); }
.dash-light .bg-white\/3,
.dash-light .hover\:bg-white\/3:hover,
.dash-light .group:hover .group-hover\:bg-white\/3,
.dash-light .bg-white\/\[0\.03\],
.dash-light .hover\:bg-white\/\[0\.03\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.03\] { background-color: rgb(12 18 32 / 0.042); }
.dash-light .bg-white\/4,
.dash-light .hover\:bg-white\/4:hover,
.dash-light .group:hover .group-hover\:bg-white\/4,
.dash-light .bg-white\/\[0\.04\],
.dash-light .hover\:bg-white\/\[0\.04\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.04\] { background-color: rgb(12 18 32 / 0.046); }
.dash-light .bg-white\/5,
.dash-light .hover\:bg-white\/5:hover,
.dash-light .group:hover .group-hover\:bg-white\/5,
.dash-light .bg-white\/\[0\.05\],
.dash-light .hover\:bg-white\/\[0\.05\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.05\] { background-color: rgb(12 18 32 / 0.05); }
.dash-light .bg-white\/6,
.dash-light .hover\:bg-white\/6:hover,
.dash-light .group:hover .group-hover\:bg-white\/6,
.dash-light .bg-white\/\[0\.06\],
.dash-light .hover\:bg-white\/\[0\.06\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.06\] { background-color: rgb(12 18 32 / 0.054); }
.dash-light .bg-white\/7,
.dash-light .hover\:bg-white\/7:hover,
.dash-light .group:hover .group-hover\:bg-white\/7,
.dash-light .bg-white\/\[0\.07\],
.dash-light .hover\:bg-white\/\[0\.07\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.07\] { background-color: rgb(12 18 32 / 0.058); }
.dash-light .bg-white\/8,
.dash-light .hover\:bg-white\/8:hover,
.dash-light .group:hover .group-hover\:bg-white\/8,
.dash-light .bg-white\/\[0\.08\],
.dash-light .hover\:bg-white\/\[0\.08\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.08\] { background-color: rgb(12 18 32 / 0.062); }
.dash-light .bg-white\/9,
.dash-light .hover\:bg-white\/9:hover,
.dash-light .group:hover .group-hover\:bg-white\/9,
.dash-light .bg-white\/\[0\.09\],
.dash-light .hover\:bg-white\/\[0\.09\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.09\] { background-color: rgb(12 18 32 / 0.066); }
.dash-light .bg-white\/10,
.dash-light .hover\:bg-white\/10:hover,
.dash-light .group:hover .group-hover\:bg-white\/10,
.dash-light .bg-white\/\[0\.10\],
.dash-light .hover\:bg-white\/\[0\.10\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.10\],
.dash-light .bg-white\/\[0\.1\],
.dash-light .hover\:bg-white\/\[0\.1\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.1\] { background-color: rgb(12 18 32 / 0.07); }
.dash-light .bg-white\/11,
.dash-light .hover\:bg-white\/11:hover,
.dash-light .group:hover .group-hover\:bg-white\/11,
.dash-light .bg-white\/\[0\.11\],
.dash-light .hover\:bg-white\/\[0\.11\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.11\] { background-color: rgb(12 18 32 / 0.074); }
.dash-light .bg-white\/12,
.dash-light .hover\:bg-white\/12:hover,
.dash-light .group:hover .group-hover\:bg-white\/12,
.dash-light .bg-white\/\[0\.12\],
.dash-light .hover\:bg-white\/\[0\.12\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.12\] { background-color: rgb(12 18 32 / 0.078); }
.dash-light .bg-white\/13,
.dash-light .hover\:bg-white\/13:hover,
.dash-light .group:hover .group-hover\:bg-white\/13,
.dash-light .bg-white\/\[0\.13\],
.dash-light .hover\:bg-white\/\[0\.13\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.13\] { background-color: rgb(12 18 32 / 0.082); }
.dash-light .bg-white\/14,
.dash-light .hover\:bg-white\/14:hover,
.dash-light .group:hover .group-hover\:bg-white\/14,
.dash-light .bg-white\/\[0\.14\],
.dash-light .hover\:bg-white\/\[0\.14\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.14\] { background-color: rgb(12 18 32 / 0.086); }
.dash-light .bg-white\/15,
.dash-light .hover\:bg-white\/15:hover,
.dash-light .group:hover .group-hover\:bg-white\/15,
.dash-light .bg-white\/\[0\.15\],
.dash-light .hover\:bg-white\/\[0\.15\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.15\] { background-color: rgb(12 18 32 / 0.09); }
.dash-light .bg-white\/16,
.dash-light .hover\:bg-white\/16:hover,
.dash-light .group:hover .group-hover\:bg-white\/16,
.dash-light .bg-white\/\[0\.16\],
.dash-light .hover\:bg-white\/\[0\.16\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.16\] { background-color: rgb(12 18 32 / 0.094); }
.dash-light .bg-white\/17,
.dash-light .hover\:bg-white\/17:hover,
.dash-light .group:hover .group-hover\:bg-white\/17,
.dash-light .bg-white\/\[0\.17\],
.dash-light .hover\:bg-white\/\[0\.17\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.17\] { background-color: rgb(12 18 32 / 0.098); }
.dash-light .bg-white\/18,
.dash-light .hover\:bg-white\/18:hover,
.dash-light .group:hover .group-hover\:bg-white\/18,
.dash-light .bg-white\/\[0\.18\],
.dash-light .hover\:bg-white\/\[0\.18\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.18\] { background-color: rgb(12 18 32 / 0.102); }
.dash-light .bg-white\/19,
.dash-light .hover\:bg-white\/19:hover,
.dash-light .group:hover .group-hover\:bg-white\/19,
.dash-light .bg-white\/\[0\.19\],
.dash-light .hover\:bg-white\/\[0\.19\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.19\] { background-color: rgb(12 18 32 / 0.106); }
.dash-light .bg-white\/20,
.dash-light .hover\:bg-white\/20:hover,
.dash-light .group:hover .group-hover\:bg-white\/20,
.dash-light .bg-white\/\[0\.20\],
.dash-light .hover\:bg-white\/\[0\.20\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.20\],
.dash-light .bg-white\/\[0\.2\],
.dash-light .hover\:bg-white\/\[0\.2\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.2\] { background-color: rgb(12 18 32 / 0.11); }
.dash-light .bg-white\/21,
.dash-light .hover\:bg-white\/21:hover,
.dash-light .group:hover .group-hover\:bg-white\/21,
.dash-light .bg-white\/\[0\.21\],
.dash-light .hover\:bg-white\/\[0\.21\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.21\] { background-color: rgb(12 18 32 / 0.114); }
.dash-light .bg-white\/22,
.dash-light .hover\:bg-white\/22:hover,
.dash-light .group:hover .group-hover\:bg-white\/22,
.dash-light .bg-white\/\[0\.22\],
.dash-light .hover\:bg-white\/\[0\.22\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.22\] { background-color: rgb(12 18 32 / 0.118); }
.dash-light .bg-white\/23,
.dash-light .hover\:bg-white\/23:hover,
.dash-light .group:hover .group-hover\:bg-white\/23,
.dash-light .bg-white\/\[0\.23\],
.dash-light .hover\:bg-white\/\[0\.23\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.23\] { background-color: rgb(12 18 32 / 0.122); }
.dash-light .bg-white\/24,
.dash-light .hover\:bg-white\/24:hover,
.dash-light .group:hover .group-hover\:bg-white\/24,
.dash-light .bg-white\/\[0\.24\],
.dash-light .hover\:bg-white\/\[0\.24\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.24\] { background-color: rgb(12 18 32 / 0.126); }
.dash-light .bg-white\/25,
.dash-light .hover\:bg-white\/25:hover,
.dash-light .group:hover .group-hover\:bg-white\/25,
.dash-light .bg-white\/\[0\.25\],
.dash-light .hover\:bg-white\/\[0\.25\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.25\] { background-color: rgb(12 18 32 / 0.13); }
.dash-light .bg-white\/26,
.dash-light .hover\:bg-white\/26:hover,
.dash-light .group:hover .group-hover\:bg-white\/26,
.dash-light .bg-white\/\[0\.26\],
.dash-light .hover\:bg-white\/\[0\.26\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.26\] { background-color: rgb(12 18 32 / 0.134); }
.dash-light .bg-white\/27,
.dash-light .hover\:bg-white\/27:hover,
.dash-light .group:hover .group-hover\:bg-white\/27,
.dash-light .bg-white\/\[0\.27\],
.dash-light .hover\:bg-white\/\[0\.27\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.27\] { background-color: rgb(12 18 32 / 0.138); }
.dash-light .bg-white\/28,
.dash-light .hover\:bg-white\/28:hover,
.dash-light .group:hover .group-hover\:bg-white\/28,
.dash-light .bg-white\/\[0\.28\],
.dash-light .hover\:bg-white\/\[0\.28\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.28\] { background-color: rgb(12 18 32 / 0.142); }
.dash-light .bg-white\/29,
.dash-light .hover\:bg-white\/29:hover,
.dash-light .group:hover .group-hover\:bg-white\/29,
.dash-light .bg-white\/\[0\.29\],
.dash-light .hover\:bg-white\/\[0\.29\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.29\] { background-color: rgb(12 18 32 / 0.146); }
.dash-light .bg-white\/30,
.dash-light .hover\:bg-white\/30:hover,
.dash-light .group:hover .group-hover\:bg-white\/30,
.dash-light .bg-white\/\[0\.30\],
.dash-light .hover\:bg-white\/\[0\.30\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.30\],
.dash-light .bg-white\/\[0\.3\],
.dash-light .hover\:bg-white\/\[0\.3\]:hover,
.dash-light .group:hover .group-hover\:bg-white\/\[0\.3\] { background-color: rgb(12 18 32 / 0.15); }

/* Lines */
.dash-light .border-white\/5,
.dash-light .hover\:border-white\/5:hover,
.dash-light .focus\:border-white\/5:focus,
.dash-light .divide-white\/5 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.05\],
.dash-light .hover\:border-white\/\[0\.05\]:hover,
.dash-light .focus\:border-white\/\[0\.05\]:focus,
.dash-light .divide-white\/\[0\.05\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.135); }
.dash-light .border-white\/10,
.dash-light .hover\:border-white\/10:hover,
.dash-light .focus\:border-white\/10:focus,
.dash-light .divide-white\/10 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.10\],
.dash-light .hover\:border-white\/\[0\.10\]:hover,
.dash-light .focus\:border-white\/\[0\.10\]:focus,
.dash-light .divide-white\/\[0\.10\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.1\],
.dash-light .hover\:border-white\/\[0\.1\]:hover,
.dash-light .focus\:border-white\/\[0\.1\]:focus,
.dash-light .divide-white\/\[0\.1\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.17); }
.dash-light .border-white\/15,
.dash-light .hover\:border-white\/15:hover,
.dash-light .focus\:border-white\/15:focus,
.dash-light .divide-white\/15 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.15\],
.dash-light .hover\:border-white\/\[0\.15\]:hover,
.dash-light .focus\:border-white\/\[0\.15\]:focus,
.dash-light .divide-white\/\[0\.15\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.205); }
.dash-light .border-white\/20,
.dash-light .hover\:border-white\/20:hover,
.dash-light .focus\:border-white\/20:focus,
.dash-light .divide-white\/20 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.20\],
.dash-light .hover\:border-white\/\[0\.20\]:hover,
.dash-light .focus\:border-white\/\[0\.20\]:focus,
.dash-light .divide-white\/\[0\.20\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.2\],
.dash-light .hover\:border-white\/\[0\.2\]:hover,
.dash-light .focus\:border-white\/\[0\.2\]:focus,
.dash-light .divide-white\/\[0\.2\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.24); }
.dash-light .border-white\/25,
.dash-light .hover\:border-white\/25:hover,
.dash-light .focus\:border-white\/25:focus,
.dash-light .divide-white\/25 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.25\],
.dash-light .hover\:border-white\/\[0\.25\]:hover,
.dash-light .focus\:border-white\/\[0\.25\]:focus,
.dash-light .divide-white\/\[0\.25\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.275); }
.dash-light .border-white\/30,
.dash-light .hover\:border-white\/30:hover,
.dash-light .focus\:border-white\/30:focus,
.dash-light .divide-white\/30 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.30\],
.dash-light .hover\:border-white\/\[0\.30\]:hover,
.dash-light .focus\:border-white\/\[0\.30\]:focus,
.dash-light .divide-white\/\[0\.30\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.3\],
.dash-light .hover\:border-white\/\[0\.3\]:hover,
.dash-light .focus\:border-white\/\[0\.3\]:focus,
.dash-light .divide-white\/\[0\.3\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.31); }
.dash-light .border-white\/35,
.dash-light .hover\:border-white\/35:hover,
.dash-light .focus\:border-white\/35:focus,
.dash-light .divide-white\/35 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.345); }
.dash-light .border-white\/40,
.dash-light .hover\:border-white\/40:hover,
.dash-light .focus\:border-white\/40:focus,
.dash-light .divide-white\/40 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.38); }
.dash-light .border-white\/45,
.dash-light .hover\:border-white\/45:hover,
.dash-light .focus\:border-white\/45:focus,
.dash-light .divide-white\/45 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.415); }
.dash-light .border-white\/50,
.dash-light .hover\:border-white\/50:hover,
.dash-light .focus\:border-white\/50:focus,
.dash-light .divide-white\/50 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.45); }
.dash-light .border-white\/55,
.dash-light .hover\:border-white\/55:hover,
.dash-light .focus\:border-white\/55:focus,
.dash-light .divide-white\/55 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.485); }
.dash-light .border-white\/60,
.dash-light .hover\:border-white\/60:hover,
.dash-light .focus\:border-white\/60:focus,
.dash-light .divide-white\/60 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.52); }
.dash-light .border-white\/65,
.dash-light .hover\:border-white\/65:hover,
.dash-light .focus\:border-white\/65:focus,
.dash-light .divide-white\/65 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.555); }
.dash-light .border-white\/70,
.dash-light .hover\:border-white\/70:hover,
.dash-light .focus\:border-white\/70:focus,
.dash-light .divide-white\/70 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.59); }
.dash-light .border-white\/75,
.dash-light .hover\:border-white\/75:hover,
.dash-light .focus\:border-white\/75:focus,
.dash-light .divide-white\/75 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.625); }
.dash-light .border-white\/80,
.dash-light .hover\:border-white\/80:hover,
.dash-light .focus\:border-white\/80:focus,
.dash-light .divide-white\/80 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.66); }
.dash-light .border-white\/85,
.dash-light .hover\:border-white\/85:hover,
.dash-light .focus\:border-white\/85:focus,
.dash-light .divide-white\/85 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.695); }
.dash-light .border-white\/90,
.dash-light .hover\:border-white\/90:hover,
.dash-light .focus\:border-white\/90:focus,
.dash-light .divide-white\/90 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.73); }
.dash-light .border-white\/95,
.dash-light .hover\:border-white\/95:hover,
.dash-light .focus\:border-white\/95:focus,
.dash-light .divide-white\/95 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.765); }
.dash-light .border-white\/1,
.dash-light .hover\:border-white\/1:hover,
.dash-light .focus\:border-white\/1:focus,
.dash-light .divide-white\/1 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.01\],
.dash-light .hover\:border-white\/\[0\.01\]:hover,
.dash-light .focus\:border-white\/\[0\.01\]:focus,
.dash-light .divide-white\/\[0\.01\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.107); }
.dash-light .border-white\/2,
.dash-light .hover\:border-white\/2:hover,
.dash-light .focus\:border-white\/2:focus,
.dash-light .divide-white\/2 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.02\],
.dash-light .hover\:border-white\/\[0\.02\]:hover,
.dash-light .focus\:border-white\/\[0\.02\]:focus,
.dash-light .divide-white\/\[0\.02\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.114); }
.dash-light .border-white\/3,
.dash-light .hover\:border-white\/3:hover,
.dash-light .focus\:border-white\/3:focus,
.dash-light .divide-white\/3 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.03\],
.dash-light .hover\:border-white\/\[0\.03\]:hover,
.dash-light .focus\:border-white\/\[0\.03\]:focus,
.dash-light .divide-white\/\[0\.03\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.121); }
.dash-light .border-white\/4,
.dash-light .hover\:border-white\/4:hover,
.dash-light .focus\:border-white\/4:focus,
.dash-light .divide-white\/4 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.04\],
.dash-light .hover\:border-white\/\[0\.04\]:hover,
.dash-light .focus\:border-white\/\[0\.04\]:focus,
.dash-light .divide-white\/\[0\.04\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.128); }
.dash-light .border-white\/5,
.dash-light .hover\:border-white\/5:hover,
.dash-light .focus\:border-white\/5:focus,
.dash-light .divide-white\/5 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.05\],
.dash-light .hover\:border-white\/\[0\.05\]:hover,
.dash-light .focus\:border-white\/\[0\.05\]:focus,
.dash-light .divide-white\/\[0\.05\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.135); }
.dash-light .border-white\/6,
.dash-light .hover\:border-white\/6:hover,
.dash-light .focus\:border-white\/6:focus,
.dash-light .divide-white\/6 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.06\],
.dash-light .hover\:border-white\/\[0\.06\]:hover,
.dash-light .focus\:border-white\/\[0\.06\]:focus,
.dash-light .divide-white\/\[0\.06\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.142); }
.dash-light .border-white\/7,
.dash-light .hover\:border-white\/7:hover,
.dash-light .focus\:border-white\/7:focus,
.dash-light .divide-white\/7 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.07\],
.dash-light .hover\:border-white\/\[0\.07\]:hover,
.dash-light .focus\:border-white\/\[0\.07\]:focus,
.dash-light .divide-white\/\[0\.07\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.149); }
.dash-light .border-white\/8,
.dash-light .hover\:border-white\/8:hover,
.dash-light .focus\:border-white\/8:focus,
.dash-light .divide-white\/8 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.08\],
.dash-light .hover\:border-white\/\[0\.08\]:hover,
.dash-light .focus\:border-white\/\[0\.08\]:focus,
.dash-light .divide-white\/\[0\.08\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.156); }
.dash-light .border-white\/9,
.dash-light .hover\:border-white\/9:hover,
.dash-light .focus\:border-white\/9:focus,
.dash-light .divide-white\/9 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.09\],
.dash-light .hover\:border-white\/\[0\.09\]:hover,
.dash-light .focus\:border-white\/\[0\.09\]:focus,
.dash-light .divide-white\/\[0\.09\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.163); }
.dash-light .border-white\/10,
.dash-light .hover\:border-white\/10:hover,
.dash-light .focus\:border-white\/10:focus,
.dash-light .divide-white\/10 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.10\],
.dash-light .hover\:border-white\/\[0\.10\]:hover,
.dash-light .focus\:border-white\/\[0\.10\]:focus,
.dash-light .divide-white\/\[0\.10\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.1\],
.dash-light .hover\:border-white\/\[0\.1\]:hover,
.dash-light .focus\:border-white\/\[0\.1\]:focus,
.dash-light .divide-white\/\[0\.1\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.17); }
.dash-light .border-white\/11,
.dash-light .hover\:border-white\/11:hover,
.dash-light .focus\:border-white\/11:focus,
.dash-light .divide-white\/11 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.11\],
.dash-light .hover\:border-white\/\[0\.11\]:hover,
.dash-light .focus\:border-white\/\[0\.11\]:focus,
.dash-light .divide-white\/\[0\.11\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.177); }
.dash-light .border-white\/12,
.dash-light .hover\:border-white\/12:hover,
.dash-light .focus\:border-white\/12:focus,
.dash-light .divide-white\/12 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.12\],
.dash-light .hover\:border-white\/\[0\.12\]:hover,
.dash-light .focus\:border-white\/\[0\.12\]:focus,
.dash-light .divide-white\/\[0\.12\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.184); }
.dash-light .border-white\/13,
.dash-light .hover\:border-white\/13:hover,
.dash-light .focus\:border-white\/13:focus,
.dash-light .divide-white\/13 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.13\],
.dash-light .hover\:border-white\/\[0\.13\]:hover,
.dash-light .focus\:border-white\/\[0\.13\]:focus,
.dash-light .divide-white\/\[0\.13\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.191); }
.dash-light .border-white\/14,
.dash-light .hover\:border-white\/14:hover,
.dash-light .focus\:border-white\/14:focus,
.dash-light .divide-white\/14 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.14\],
.dash-light .hover\:border-white\/\[0\.14\]:hover,
.dash-light .focus\:border-white\/\[0\.14\]:focus,
.dash-light .divide-white\/\[0\.14\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.198); }
.dash-light .border-white\/15,
.dash-light .hover\:border-white\/15:hover,
.dash-light .focus\:border-white\/15:focus,
.dash-light .divide-white\/15 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.15\],
.dash-light .hover\:border-white\/\[0\.15\]:hover,
.dash-light .focus\:border-white\/\[0\.15\]:focus,
.dash-light .divide-white\/\[0\.15\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.205); }
.dash-light .border-white\/16,
.dash-light .hover\:border-white\/16:hover,
.dash-light .focus\:border-white\/16:focus,
.dash-light .divide-white\/16 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.16\],
.dash-light .hover\:border-white\/\[0\.16\]:hover,
.dash-light .focus\:border-white\/\[0\.16\]:focus,
.dash-light .divide-white\/\[0\.16\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.212); }
.dash-light .border-white\/17,
.dash-light .hover\:border-white\/17:hover,
.dash-light .focus\:border-white\/17:focus,
.dash-light .divide-white\/17 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.17\],
.dash-light .hover\:border-white\/\[0\.17\]:hover,
.dash-light .focus\:border-white\/\[0\.17\]:focus,
.dash-light .divide-white\/\[0\.17\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.219); }
.dash-light .border-white\/18,
.dash-light .hover\:border-white\/18:hover,
.dash-light .focus\:border-white\/18:focus,
.dash-light .divide-white\/18 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.18\],
.dash-light .hover\:border-white\/\[0\.18\]:hover,
.dash-light .focus\:border-white\/\[0\.18\]:focus,
.dash-light .divide-white\/\[0\.18\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.226); }
.dash-light .border-white\/19,
.dash-light .hover\:border-white\/19:hover,
.dash-light .focus\:border-white\/19:focus,
.dash-light .divide-white\/19 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.19\],
.dash-light .hover\:border-white\/\[0\.19\]:hover,
.dash-light .focus\:border-white\/\[0\.19\]:focus,
.dash-light .divide-white\/\[0\.19\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.233); }
.dash-light .border-white\/20,
.dash-light .hover\:border-white\/20:hover,
.dash-light .focus\:border-white\/20:focus,
.dash-light .divide-white\/20 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.20\],
.dash-light .hover\:border-white\/\[0\.20\]:hover,
.dash-light .focus\:border-white\/\[0\.20\]:focus,
.dash-light .divide-white\/\[0\.20\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.2\],
.dash-light .hover\:border-white\/\[0\.2\]:hover,
.dash-light .focus\:border-white\/\[0\.2\]:focus,
.dash-light .divide-white\/\[0\.2\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.24); }
.dash-light .border-white\/21,
.dash-light .hover\:border-white\/21:hover,
.dash-light .focus\:border-white\/21:focus,
.dash-light .divide-white\/21 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.21\],
.dash-light .hover\:border-white\/\[0\.21\]:hover,
.dash-light .focus\:border-white\/\[0\.21\]:focus,
.dash-light .divide-white\/\[0\.21\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.247); }
.dash-light .border-white\/22,
.dash-light .hover\:border-white\/22:hover,
.dash-light .focus\:border-white\/22:focus,
.dash-light .divide-white\/22 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.22\],
.dash-light .hover\:border-white\/\[0\.22\]:hover,
.dash-light .focus\:border-white\/\[0\.22\]:focus,
.dash-light .divide-white\/\[0\.22\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.254); }
.dash-light .border-white\/23,
.dash-light .hover\:border-white\/23:hover,
.dash-light .focus\:border-white\/23:focus,
.dash-light .divide-white\/23 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.23\],
.dash-light .hover\:border-white\/\[0\.23\]:hover,
.dash-light .focus\:border-white\/\[0\.23\]:focus,
.dash-light .divide-white\/\[0\.23\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.261); }
.dash-light .border-white\/24,
.dash-light .hover\:border-white\/24:hover,
.dash-light .focus\:border-white\/24:focus,
.dash-light .divide-white\/24 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.24\],
.dash-light .hover\:border-white\/\[0\.24\]:hover,
.dash-light .focus\:border-white\/\[0\.24\]:focus,
.dash-light .divide-white\/\[0\.24\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.268); }
.dash-light .border-white\/25,
.dash-light .hover\:border-white\/25:hover,
.dash-light .focus\:border-white\/25:focus,
.dash-light .divide-white\/25 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.25\],
.dash-light .hover\:border-white\/\[0\.25\]:hover,
.dash-light .focus\:border-white\/\[0\.25\]:focus,
.dash-light .divide-white\/\[0\.25\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.275); }
.dash-light .border-white\/26,
.dash-light .hover\:border-white\/26:hover,
.dash-light .focus\:border-white\/26:focus,
.dash-light .divide-white\/26 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.26\],
.dash-light .hover\:border-white\/\[0\.26\]:hover,
.dash-light .focus\:border-white\/\[0\.26\]:focus,
.dash-light .divide-white\/\[0\.26\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.282); }
.dash-light .border-white\/27,
.dash-light .hover\:border-white\/27:hover,
.dash-light .focus\:border-white\/27:focus,
.dash-light .divide-white\/27 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.27\],
.dash-light .hover\:border-white\/\[0\.27\]:hover,
.dash-light .focus\:border-white\/\[0\.27\]:focus,
.dash-light .divide-white\/\[0\.27\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.289); }
.dash-light .border-white\/28,
.dash-light .hover\:border-white\/28:hover,
.dash-light .focus\:border-white\/28:focus,
.dash-light .divide-white\/28 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.28\],
.dash-light .hover\:border-white\/\[0\.28\]:hover,
.dash-light .focus\:border-white\/\[0\.28\]:focus,
.dash-light .divide-white\/\[0\.28\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.296); }
.dash-light .border-white\/29,
.dash-light .hover\:border-white\/29:hover,
.dash-light .focus\:border-white\/29:focus,
.dash-light .divide-white\/29 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.29\],
.dash-light .hover\:border-white\/\[0\.29\]:hover,
.dash-light .focus\:border-white\/\[0\.29\]:focus,
.dash-light .divide-white\/\[0\.29\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.303); }
.dash-light .border-white\/30,
.dash-light .hover\:border-white\/30:hover,
.dash-light .focus\:border-white\/30:focus,
.dash-light .divide-white\/30 > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.30\],
.dash-light .hover\:border-white\/\[0\.30\]:hover,
.dash-light .focus\:border-white\/\[0\.30\]:focus,
.dash-light .divide-white\/\[0\.30\] > :not([hidden]) ~ :not([hidden]),
.dash-light .border-white\/\[0\.3\],
.dash-light .hover\:border-white\/\[0\.3\]:hover,
.dash-light .focus\:border-white\/\[0\.3\]:focus,
.dash-light .divide-white\/\[0\.3\] > :not([hidden]) ~ :not([hidden]) { border-color: rgb(12 18 32 / 0.31); }

/* Placeholders */
.dash-light ::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/5::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/10::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/15::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/20::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/25::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/30::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/35::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/40::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/45::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/50::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/55::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/60::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/65::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/70::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/75::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/80::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/85::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/90::placeholder { color: rgb(12 18 32 / 0.45); }
.dash-light .placeholder-white\/95::placeholder { color: rgb(12 18 32 / 0.45); }

/* Accents. The neon values are tuned for a black ground and fail contrast
   on white, so each hue is darkened and its tiers become alpha on that
   darker base. */
.dash-light .text-blue-400,
.dash-light .hover\:text-blue-400:hover,
.dash-light .group:hover .group-hover\:text-blue-400 { color: rgb(29 95 216); }
.dash-light .text-blue-400\/10,
.dash-light .group:hover .group-hover\:text-blue-400\/10 { color: rgb(29 95 216 / 0.595); }
.dash-light .text-blue-400\/20,
.dash-light .group:hover .group-hover\:text-blue-400\/20 { color: rgb(29 95 216 / 0.64); }
.dash-light .text-blue-400\/25,
.dash-light .group:hover .group-hover\:text-blue-400\/25 { color: rgb(29 95 216 / 0.6625); }
.dash-light .text-blue-400\/30,
.dash-light .group:hover .group-hover\:text-blue-400\/30 { color: rgb(29 95 216 / 0.685); }
.dash-light .text-blue-400\/40,
.dash-light .group:hover .group-hover\:text-blue-400\/40 { color: rgb(29 95 216 / 0.73); }
.dash-light .text-blue-400\/50,
.dash-light .group:hover .group-hover\:text-blue-400\/50 { color: rgb(29 95 216 / 0.775); }
.dash-light .text-blue-400\/60,
.dash-light .group:hover .group-hover\:text-blue-400\/60 { color: rgb(29 95 216 / 0.82); }
.dash-light .text-blue-400\/70,
.dash-light .group:hover .group-hover\:text-blue-400\/70 { color: rgb(29 95 216 / 0.865); }
.dash-light .text-blue-400\/80,
.dash-light .group:hover .group-hover\:text-blue-400\/80 { color: rgb(29 95 216 / 0.91); }
.dash-light .text-blue-400\/90,
.dash-light .group:hover .group-hover\:text-blue-400\/90 { color: rgb(29 95 216 / 0.955); }
.dash-light .text-blue-300,
.dash-light .hover\:text-blue-300:hover,
.dash-light .group:hover .group-hover\:text-blue-300 { color: rgb(29 95 216); }
.dash-light .text-blue-300\/10,
.dash-light .group:hover .group-hover\:text-blue-300\/10 { color: rgb(29 95 216 / 0.595); }
.dash-light .text-blue-300\/20,
.dash-light .group:hover .group-hover\:text-blue-300\/20 { color: rgb(29 95 216 / 0.64); }
.dash-light .text-blue-300\/25,
.dash-light .group:hover .group-hover\:text-blue-300\/25 { color: rgb(29 95 216 / 0.6625); }
.dash-light .text-blue-300\/30,
.dash-light .group:hover .group-hover\:text-blue-300\/30 { color: rgb(29 95 216 / 0.685); }
.dash-light .text-blue-300\/40,
.dash-light .group:hover .group-hover\:text-blue-300\/40 { color: rgb(29 95 216 / 0.73); }
.dash-light .text-blue-300\/50,
.dash-light .group:hover .group-hover\:text-blue-300\/50 { color: rgb(29 95 216 / 0.775); }
.dash-light .text-blue-300\/60,
.dash-light .group:hover .group-hover\:text-blue-300\/60 { color: rgb(29 95 216 / 0.82); }
.dash-light .text-blue-300\/70,
.dash-light .group:hover .group-hover\:text-blue-300\/70 { color: rgb(29 95 216 / 0.865); }
.dash-light .text-blue-300\/80,
.dash-light .group:hover .group-hover\:text-blue-300\/80 { color: rgb(29 95 216 / 0.91); }
.dash-light .text-blue-300\/90,
.dash-light .group:hover .group-hover\:text-blue-300\/90 { color: rgb(29 95 216 / 0.955); }
.dash-light .text-blue-500,
.dash-light .hover\:text-blue-500:hover,
.dash-light .group:hover .group-hover\:text-blue-500 { color: rgb(29 95 216); }
.dash-light .text-blue-500\/10,
.dash-light .group:hover .group-hover\:text-blue-500\/10 { color: rgb(29 95 216 / 0.595); }
.dash-light .text-blue-500\/20,
.dash-light .group:hover .group-hover\:text-blue-500\/20 { color: rgb(29 95 216 / 0.64); }
.dash-light .text-blue-500\/25,
.dash-light .group:hover .group-hover\:text-blue-500\/25 { color: rgb(29 95 216 / 0.6625); }
.dash-light .text-blue-500\/30,
.dash-light .group:hover .group-hover\:text-blue-500\/30 { color: rgb(29 95 216 / 0.685); }
.dash-light .text-blue-500\/40,
.dash-light .group:hover .group-hover\:text-blue-500\/40 { color: rgb(29 95 216 / 0.73); }
.dash-light .text-blue-500\/50,
.dash-light .group:hover .group-hover\:text-blue-500\/50 { color: rgb(29 95 216 / 0.775); }
.dash-light .text-blue-500\/60,
.dash-light .group:hover .group-hover\:text-blue-500\/60 { color: rgb(29 95 216 / 0.82); }
.dash-light .text-blue-500\/70,
.dash-light .group:hover .group-hover\:text-blue-500\/70 { color: rgb(29 95 216 / 0.865); }
.dash-light .text-blue-500\/80,
.dash-light .group:hover .group-hover\:text-blue-500\/80 { color: rgb(29 95 216 / 0.91); }
.dash-light .text-blue-500\/90,
.dash-light .group:hover .group-hover\:text-blue-500\/90 { color: rgb(29 95 216 / 0.955); }
.dash-light .text-\[\#3b5bff\],
.dash-light .hover\:text-\[\#3b5bff\]:hover,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\] { color: rgb(41 78 214); }
.dash-light .text-\[\#3b5bff\]\/10,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/10 { color: rgb(41 78 214 / 0.595); }
.dash-light .text-\[\#3b5bff\]\/20,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/20 { color: rgb(41 78 214 / 0.64); }
.dash-light .text-\[\#3b5bff\]\/25,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/25 { color: rgb(41 78 214 / 0.6625); }
.dash-light .text-\[\#3b5bff\]\/30,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/30 { color: rgb(41 78 214 / 0.685); }
.dash-light .text-\[\#3b5bff\]\/40,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/40 { color: rgb(41 78 214 / 0.73); }
.dash-light .text-\[\#3b5bff\]\/50,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/50 { color: rgb(41 78 214 / 0.775); }
.dash-light .text-\[\#3b5bff\]\/60,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/60 { color: rgb(41 78 214 / 0.82); }
.dash-light .text-\[\#3b5bff\]\/70,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/70 { color: rgb(41 78 214 / 0.865); }
.dash-light .text-\[\#3b5bff\]\/80,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/80 { color: rgb(41 78 214 / 0.91); }
.dash-light .text-\[\#3b5bff\]\/90,
.dash-light .group:hover .group-hover\:text-\[\#3b5bff\]\/90 { color: rgb(41 78 214 / 0.955); }
.dash-light .text-emerald-400,
.dash-light .hover\:text-emerald-400:hover,
.dash-light .group:hover .group-hover\:text-emerald-400 { color: rgb(6 131 106); }
.dash-light .text-emerald-400\/10,
.dash-light .group:hover .group-hover\:text-emerald-400\/10 { color: rgb(6 131 106 / 0.595); }
.dash-light .text-emerald-400\/20,
.dash-light .group:hover .group-hover\:text-emerald-400\/20 { color: rgb(6 131 106 / 0.64); }
.dash-light .text-emerald-400\/25,
.dash-light .group:hover .group-hover\:text-emerald-400\/25 { color: rgb(6 131 106 / 0.6625); }
.dash-light .text-emerald-400\/30,
.dash-light .group:hover .group-hover\:text-emerald-400\/30 { color: rgb(6 131 106 / 0.685); }
.dash-light .text-emerald-400\/40,
.dash-light .group:hover .group-hover\:text-emerald-400\/40 { color: rgb(6 131 106 / 0.73); }
.dash-light .text-emerald-400\/50,
.dash-light .group:hover .group-hover\:text-emerald-400\/50 { color: rgb(6 131 106 / 0.775); }
.dash-light .text-emerald-400\/60,
.dash-light .group:hover .group-hover\:text-emerald-400\/60 { color: rgb(6 131 106 / 0.82); }
.dash-light .text-emerald-400\/70,
.dash-light .group:hover .group-hover\:text-emerald-400\/70 { color: rgb(6 131 106 / 0.865); }
.dash-light .text-emerald-400\/80,
.dash-light .group:hover .group-hover\:text-emerald-400\/80 { color: rgb(6 131 106 / 0.91); }
.dash-light .text-emerald-400\/90,
.dash-light .group:hover .group-hover\:text-emerald-400\/90 { color: rgb(6 131 106 / 0.955); }
.dash-light .text-emerald-500,
.dash-light .hover\:text-emerald-500:hover,
.dash-light .group:hover .group-hover\:text-emerald-500 { color: rgb(6 131 106); }
.dash-light .text-emerald-500\/10,
.dash-light .group:hover .group-hover\:text-emerald-500\/10 { color: rgb(6 131 106 / 0.595); }
.dash-light .text-emerald-500\/20,
.dash-light .group:hover .group-hover\:text-emerald-500\/20 { color: rgb(6 131 106 / 0.64); }
.dash-light .text-emerald-500\/25,
.dash-light .group:hover .group-hover\:text-emerald-500\/25 { color: rgb(6 131 106 / 0.6625); }
.dash-light .text-emerald-500\/30,
.dash-light .group:hover .group-hover\:text-emerald-500\/30 { color: rgb(6 131 106 / 0.685); }
.dash-light .text-emerald-500\/40,
.dash-light .group:hover .group-hover\:text-emerald-500\/40 { color: rgb(6 131 106 / 0.73); }
.dash-light .text-emerald-500\/50,
.dash-light .group:hover .group-hover\:text-emerald-500\/50 { color: rgb(6 131 106 / 0.775); }
.dash-light .text-emerald-500\/60,
.dash-light .group:hover .group-hover\:text-emerald-500\/60 { color: rgb(6 131 106 / 0.82); }
.dash-light .text-emerald-500\/70,
.dash-light .group:hover .group-hover\:text-emerald-500\/70 { color: rgb(6 131 106 / 0.865); }
.dash-light .text-emerald-500\/80,
.dash-light .group:hover .group-hover\:text-emerald-500\/80 { color: rgb(6 131 106 / 0.91); }
.dash-light .text-emerald-500\/90,
.dash-light .group:hover .group-hover\:text-emerald-500\/90 { color: rgb(6 131 106 / 0.955); }
.dash-light .text-amber-400,
.dash-light .hover\:text-amber-400:hover,
.dash-light .group:hover .group-hover\:text-amber-400 { color: rgb(161 102 10); }
.dash-light .text-amber-400\/10,
.dash-light .group:hover .group-hover\:text-amber-400\/10 { color: rgb(161 102 10 / 0.595); }
.dash-light .text-amber-400\/20,
.dash-light .group:hover .group-hover\:text-amber-400\/20 { color: rgb(161 102 10 / 0.64); }
.dash-light .text-amber-400\/25,
.dash-light .group:hover .group-hover\:text-amber-400\/25 { color: rgb(161 102 10 / 0.6625); }
.dash-light .text-amber-400\/30,
.dash-light .group:hover .group-hover\:text-amber-400\/30 { color: rgb(161 102 10 / 0.685); }
.dash-light .text-amber-400\/40,
.dash-light .group:hover .group-hover\:text-amber-400\/40 { color: rgb(161 102 10 / 0.73); }
.dash-light .text-amber-400\/50,
.dash-light .group:hover .group-hover\:text-amber-400\/50 { color: rgb(161 102 10 / 0.775); }
.dash-light .text-amber-400\/60,
.dash-light .group:hover .group-hover\:text-amber-400\/60 { color: rgb(161 102 10 / 0.82); }
.dash-light .text-amber-400\/70,
.dash-light .group:hover .group-hover\:text-amber-400\/70 { color: rgb(161 102 10 / 0.865); }
.dash-light .text-amber-400\/80,
.dash-light .group:hover .group-hover\:text-amber-400\/80 { color: rgb(161 102 10 / 0.91); }
.dash-light .text-amber-400\/90,
.dash-light .group:hover .group-hover\:text-amber-400\/90 { color: rgb(161 102 10 / 0.955); }
.dash-light .text-amber-500,
.dash-light .hover\:text-amber-500:hover,
.dash-light .group:hover .group-hover\:text-amber-500 { color: rgb(161 102 10); }
.dash-light .text-amber-500\/10,
.dash-light .group:hover .group-hover\:text-amber-500\/10 { color: rgb(161 102 10 / 0.595); }
.dash-light .text-amber-500\/20,
.dash-light .group:hover .group-hover\:text-amber-500\/20 { color: rgb(161 102 10 / 0.64); }
.dash-light .text-amber-500\/25,
.dash-light .group:hover .group-hover\:text-amber-500\/25 { color: rgb(161 102 10 / 0.6625); }
.dash-light .text-amber-500\/30,
.dash-light .group:hover .group-hover\:text-amber-500\/30 { color: rgb(161 102 10 / 0.685); }
.dash-light .text-amber-500\/40,
.dash-light .group:hover .group-hover\:text-amber-500\/40 { color: rgb(161 102 10 / 0.73); }
.dash-light .text-amber-500\/50,
.dash-light .group:hover .group-hover\:text-amber-500\/50 { color: rgb(161 102 10 / 0.775); }
.dash-light .text-amber-500\/60,
.dash-light .group:hover .group-hover\:text-amber-500\/60 { color: rgb(161 102 10 / 0.82); }
.dash-light .text-amber-500\/70,
.dash-light .group:hover .group-hover\:text-amber-500\/70 { color: rgb(161 102 10 / 0.865); }
.dash-light .text-amber-500\/80,
.dash-light .group:hover .group-hover\:text-amber-500\/80 { color: rgb(161 102 10 / 0.91); }
.dash-light .text-amber-500\/90,
.dash-light .group:hover .group-hover\:text-amber-500\/90 { color: rgb(161 102 10 / 0.955); }
.dash-light .text-amber-200,
.dash-light .hover\:text-amber-200:hover,
.dash-light .group:hover .group-hover\:text-amber-200 { color: rgb(161 102 10); }
.dash-light .text-amber-200\/10,
.dash-light .group:hover .group-hover\:text-amber-200\/10 { color: rgb(161 102 10 / 0.595); }
.dash-light .text-amber-200\/20,
.dash-light .group:hover .group-hover\:text-amber-200\/20 { color: rgb(161 102 10 / 0.64); }
.dash-light .text-amber-200\/25,
.dash-light .group:hover .group-hover\:text-amber-200\/25 { color: rgb(161 102 10 / 0.6625); }
.dash-light .text-amber-200\/30,
.dash-light .group:hover .group-hover\:text-amber-200\/30 { color: rgb(161 102 10 / 0.685); }
.dash-light .text-amber-200\/40,
.dash-light .group:hover .group-hover\:text-amber-200\/40 { color: rgb(161 102 10 / 0.73); }
.dash-light .text-amber-200\/50,
.dash-light .group:hover .group-hover\:text-amber-200\/50 { color: rgb(161 102 10 / 0.775); }
.dash-light .text-amber-200\/60,
.dash-light .group:hover .group-hover\:text-amber-200\/60 { color: rgb(161 102 10 / 0.82); }
.dash-light .text-amber-200\/70,
.dash-light .group:hover .group-hover\:text-amber-200\/70 { color: rgb(161 102 10 / 0.865); }
.dash-light .text-amber-200\/80,
.dash-light .group:hover .group-hover\:text-amber-200\/80 { color: rgb(161 102 10 / 0.91); }
.dash-light .text-amber-200\/90,
.dash-light .group:hover .group-hover\:text-amber-200\/90 { color: rgb(161 102 10 / 0.955); }
.dash-light .text-orange-400,
.dash-light .hover\:text-orange-400:hover,
.dash-light .group:hover .group-hover\:text-orange-400 { color: rgb(180 83 9); }
.dash-light .text-orange-400\/10,
.dash-light .group:hover .group-hover\:text-orange-400\/10 { color: rgb(180 83 9 / 0.595); }
.dash-light .text-orange-400\/20,
.dash-light .group:hover .group-hover\:text-orange-400\/20 { color: rgb(180 83 9 / 0.64); }
.dash-light .text-orange-400\/25,
.dash-light .group:hover .group-hover\:text-orange-400\/25 { color: rgb(180 83 9 / 0.6625); }
.dash-light .text-orange-400\/30,
.dash-light .group:hover .group-hover\:text-orange-400\/30 { color: rgb(180 83 9 / 0.685); }
.dash-light .text-orange-400\/40,
.dash-light .group:hover .group-hover\:text-orange-400\/40 { color: rgb(180 83 9 / 0.73); }
.dash-light .text-orange-400\/50,
.dash-light .group:hover .group-hover\:text-orange-400\/50 { color: rgb(180 83 9 / 0.775); }
.dash-light .text-orange-400\/60,
.dash-light .group:hover .group-hover\:text-orange-400\/60 { color: rgb(180 83 9 / 0.82); }
.dash-light .text-orange-400\/70,
.dash-light .group:hover .group-hover\:text-orange-400\/70 { color: rgb(180 83 9 / 0.865); }
.dash-light .text-orange-400\/80,
.dash-light .group:hover .group-hover\:text-orange-400\/80 { color: rgb(180 83 9 / 0.91); }
.dash-light .text-orange-400\/90,
.dash-light .group:hover .group-hover\:text-orange-400\/90 { color: rgb(180 83 9 / 0.955); }
.dash-light .text-red-400,
.dash-light .hover\:text-red-400:hover,
.dash-light .group:hover .group-hover\:text-red-400 { color: rgb(201 44 64); }
.dash-light .text-red-400\/10,
.dash-light .group:hover .group-hover\:text-red-400\/10 { color: rgb(201 44 64 / 0.595); }
.dash-light .text-red-400\/20,
.dash-light .group:hover .group-hover\:text-red-400\/20 { color: rgb(201 44 64 / 0.64); }
.dash-light .text-red-400\/25,
.dash-light .group:hover .group-hover\:text-red-400\/25 { color: rgb(201 44 64 / 0.6625); }
.dash-light .text-red-400\/30,
.dash-light .group:hover .group-hover\:text-red-400\/30 { color: rgb(201 44 64 / 0.685); }
.dash-light .text-red-400\/40,
.dash-light .group:hover .group-hover\:text-red-400\/40 { color: rgb(201 44 64 / 0.73); }
.dash-light .text-red-400\/50,
.dash-light .group:hover .group-hover\:text-red-400\/50 { color: rgb(201 44 64 / 0.775); }
.dash-light .text-red-400\/60,
.dash-light .group:hover .group-hover\:text-red-400\/60 { color: rgb(201 44 64 / 0.82); }
.dash-light .text-red-400\/70,
.dash-light .group:hover .group-hover\:text-red-400\/70 { color: rgb(201 44 64 / 0.865); }
.dash-light .text-red-400\/80,
.dash-light .group:hover .group-hover\:text-red-400\/80 { color: rgb(201 44 64 / 0.91); }
.dash-light .text-red-400\/90,
.dash-light .group:hover .group-hover\:text-red-400\/90 { color: rgb(201 44 64 / 0.955); }
.dash-light .text-red-500,
.dash-light .hover\:text-red-500:hover,
.dash-light .group:hover .group-hover\:text-red-500 { color: rgb(201 44 64); }
.dash-light .text-red-500\/10,
.dash-light .group:hover .group-hover\:text-red-500\/10 { color: rgb(201 44 64 / 0.595); }
.dash-light .text-red-500\/20,
.dash-light .group:hover .group-hover\:text-red-500\/20 { color: rgb(201 44 64 / 0.64); }
.dash-light .text-red-500\/25,
.dash-light .group:hover .group-hover\:text-red-500\/25 { color: rgb(201 44 64 / 0.6625); }
.dash-light .text-red-500\/30,
.dash-light .group:hover .group-hover\:text-red-500\/30 { color: rgb(201 44 64 / 0.685); }
.dash-light .text-red-500\/40,
.dash-light .group:hover .group-hover\:text-red-500\/40 { color: rgb(201 44 64 / 0.73); }
.dash-light .text-red-500\/50,
.dash-light .group:hover .group-hover\:text-red-500\/50 { color: rgb(201 44 64 / 0.775); }
.dash-light .text-red-500\/60,
.dash-light .group:hover .group-hover\:text-red-500\/60 { color: rgb(201 44 64 / 0.82); }
.dash-light .text-red-500\/70,
.dash-light .group:hover .group-hover\:text-red-500\/70 { color: rgb(201 44 64 / 0.865); }
.dash-light .text-red-500\/80,
.dash-light .group:hover .group-hover\:text-red-500\/80 { color: rgb(201 44 64 / 0.91); }
.dash-light .text-red-500\/90,
.dash-light .group:hover .group-hover\:text-red-500\/90 { color: rgb(201 44 64 / 0.955); }
.dash-light .text-violet-400,
.dash-light .hover\:text-violet-400:hover,
.dash-light .group:hover .group-hover\:text-violet-400 { color: rgb(109 59 217); }
.dash-light .text-violet-400\/10,
.dash-light .group:hover .group-hover\:text-violet-400\/10 { color: rgb(109 59 217 / 0.595); }
.dash-light .text-violet-400\/20,
.dash-light .group:hover .group-hover\:text-violet-400\/20 { color: rgb(109 59 217 / 0.64); }
.dash-light .text-violet-400\/25,
.dash-light .group:hover .group-hover\:text-violet-400\/25 { color: rgb(109 59 217 / 0.6625); }
.dash-light .text-violet-400\/30,
.dash-light .group:hover .group-hover\:text-violet-400\/30 { color: rgb(109 59 217 / 0.685); }
.dash-light .text-violet-400\/40,
.dash-light .group:hover .group-hover\:text-violet-400\/40 { color: rgb(109 59 217 / 0.73); }
.dash-light .text-violet-400\/50,
.dash-light .group:hover .group-hover\:text-violet-400\/50 { color: rgb(109 59 217 / 0.775); }
.dash-light .text-violet-400\/60,
.dash-light .group:hover .group-hover\:text-violet-400\/60 { color: rgb(109 59 217 / 0.82); }
.dash-light .text-violet-400\/70,
.dash-light .group:hover .group-hover\:text-violet-400\/70 { color: rgb(109 59 217 / 0.865); }
.dash-light .text-violet-400\/80,
.dash-light .group:hover .group-hover\:text-violet-400\/80 { color: rgb(109 59 217 / 0.91); }
.dash-light .text-violet-400\/90,
.dash-light .group:hover .group-hover\:text-violet-400\/90 { color: rgb(109 59 217 / 0.955); }
.dash-light .text-violet-500,
.dash-light .hover\:text-violet-500:hover,
.dash-light .group:hover .group-hover\:text-violet-500 { color: rgb(109 59 217); }
.dash-light .text-violet-500\/10,
.dash-light .group:hover .group-hover\:text-violet-500\/10 { color: rgb(109 59 217 / 0.595); }
.dash-light .text-violet-500\/20,
.dash-light .group:hover .group-hover\:text-violet-500\/20 { color: rgb(109 59 217 / 0.64); }
.dash-light .text-violet-500\/25,
.dash-light .group:hover .group-hover\:text-violet-500\/25 { color: rgb(109 59 217 / 0.6625); }
.dash-light .text-violet-500\/30,
.dash-light .group:hover .group-hover\:text-violet-500\/30 { color: rgb(109 59 217 / 0.685); }
.dash-light .text-violet-500\/40,
.dash-light .group:hover .group-hover\:text-violet-500\/40 { color: rgb(109 59 217 / 0.73); }
.dash-light .text-violet-500\/50,
.dash-light .group:hover .group-hover\:text-violet-500\/50 { color: rgb(109 59 217 / 0.775); }
.dash-light .text-violet-500\/60,
.dash-light .group:hover .group-hover\:text-violet-500\/60 { color: rgb(109 59 217 / 0.82); }
.dash-light .text-violet-500\/70,
.dash-light .group:hover .group-hover\:text-violet-500\/70 { color: rgb(109 59 217 / 0.865); }
.dash-light .text-violet-500\/80,
.dash-light .group:hover .group-hover\:text-violet-500\/80 { color: rgb(109 59 217 / 0.91); }
.dash-light .text-violet-500\/90,
.dash-light .group:hover .group-hover\:text-violet-500\/90 { color: rgb(109 59 217 / 0.955); }
.dash-light .text-purple-400,
.dash-light .hover\:text-purple-400:hover,
.dash-light .group:hover .group-hover\:text-purple-400 { color: rgb(126 58 194); }
.dash-light .text-purple-400\/10,
.dash-light .group:hover .group-hover\:text-purple-400\/10 { color: rgb(126 58 194 / 0.595); }
.dash-light .text-purple-400\/20,
.dash-light .group:hover .group-hover\:text-purple-400\/20 { color: rgb(126 58 194 / 0.64); }
.dash-light .text-purple-400\/25,
.dash-light .group:hover .group-hover\:text-purple-400\/25 { color: rgb(126 58 194 / 0.6625); }
.dash-light .text-purple-400\/30,
.dash-light .group:hover .group-hover\:text-purple-400\/30 { color: rgb(126 58 194 / 0.685); }
.dash-light .text-purple-400\/40,
.dash-light .group:hover .group-hover\:text-purple-400\/40 { color: rgb(126 58 194 / 0.73); }
.dash-light .text-purple-400\/50,
.dash-light .group:hover .group-hover\:text-purple-400\/50 { color: rgb(126 58 194 / 0.775); }
.dash-light .text-purple-400\/60,
.dash-light .group:hover .group-hover\:text-purple-400\/60 { color: rgb(126 58 194 / 0.82); }
.dash-light .text-purple-400\/70,
.dash-light .group:hover .group-hover\:text-purple-400\/70 { color: rgb(126 58 194 / 0.865); }
.dash-light .text-purple-400\/80,
.dash-light .group:hover .group-hover\:text-purple-400\/80 { color: rgb(126 58 194 / 0.91); }
.dash-light .text-purple-400\/90,
.dash-light .group:hover .group-hover\:text-purple-400\/90 { color: rgb(126 58 194 / 0.955); }
.dash-light .text-cyan-400,
.dash-light .hover\:text-cyan-400:hover,
.dash-light .group:hover .group-hover\:text-cyan-400 { color: rgb(14 116 144); }
.dash-light .text-cyan-400\/10,
.dash-light .group:hover .group-hover\:text-cyan-400\/10 { color: rgb(14 116 144 / 0.595); }
.dash-light .text-cyan-400\/20,
.dash-light .group:hover .group-hover\:text-cyan-400\/20 { color: rgb(14 116 144 / 0.64); }
.dash-light .text-cyan-400\/25,
.dash-light .group:hover .group-hover\:text-cyan-400\/25 { color: rgb(14 116 144 / 0.6625); }
.dash-light .text-cyan-400\/30,
.dash-light .group:hover .group-hover\:text-cyan-400\/30 { color: rgb(14 116 144 / 0.685); }
.dash-light .text-cyan-400\/40,
.dash-light .group:hover .group-hover\:text-cyan-400\/40 { color: rgb(14 116 144 / 0.73); }
.dash-light .text-cyan-400\/50,
.dash-light .group:hover .group-hover\:text-cyan-400\/50 { color: rgb(14 116 144 / 0.775); }
.dash-light .text-cyan-400\/60,
.dash-light .group:hover .group-hover\:text-cyan-400\/60 { color: rgb(14 116 144 / 0.82); }
.dash-light .text-cyan-400\/70,
.dash-light .group:hover .group-hover\:text-cyan-400\/70 { color: rgb(14 116 144 / 0.865); }
.dash-light .text-cyan-400\/80,
.dash-light .group:hover .group-hover\:text-cyan-400\/80 { color: rgb(14 116 144 / 0.91); }
.dash-light .text-cyan-400\/90,
.dash-light .group:hover .group-hover\:text-cyan-400\/90 { color: rgb(14 116 144 / 0.955); }

/* The primary button was white on black. Inverted, it is ink on white. */
.dash-light .bg-white { background-color: rgb(12 18 32); }
.dash-light .text-black { color: #fff; }
.dash-light .hover\:bg-white\/90:hover,
.dash-light .hover\:bg-gray-200:hover { background-color: #273044; }

/* Form controls. The select chevron is an inline data-URI SVG filled
   white, so it takes !important to re-colour. */
.dash-light input,
.dash-light textarea,
.dash-light select { color: rgb(12 18 32); }
.dash-light .accent-white { accent-color: rgb(12 18 32); }
.dash-light select[style*="svg"] {
  background-image: url("data:image/svg+xml;utf8,<svg fill='%230c1220' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") !important;
}

/* A solid brand or status fill keeps white text, or the remap above would
   put ink on sapphire. Listed last so it wins on source order. */
.dash-light .bg-\[\#3b5bff\],
.dash-light .bg-\[\#3b5bff\] *,
.dash-light .bg-\[\#2d4de6\],
.dash-light .bg-\[\#2d4de6\] *,
.dash-light .bg-blue-600,
.dash-light .bg-blue-600 *,
.dash-light .bg-blue-700,
.dash-light .bg-blue-700 *,
.dash-light .bg-blue-500,
.dash-light .bg-blue-500 *,
.dash-light .bg-red-500,
.dash-light .bg-red-500 *,
.dash-light .bg-red-400,
.dash-light .bg-red-400 *,
.dash-light .bg-red-600,
.dash-light .bg-red-600 *,
.dash-light .bg-amber-500,
.dash-light .bg-amber-500 *,
.dash-light .bg-amber-400,
.dash-light .bg-amber-400 *,
.dash-light .bg-orange-400,
.dash-light .bg-orange-400 *,
.dash-light .bg-emerald-500,
.dash-light .bg-emerald-500 *,
.dash-light .bg-emerald-600,
.dash-light .bg-emerald-600 *,
.dash-light .bg-violet-500,
.dash-light .bg-violet-500 * { color: #fff; }

/* …and their own hover fills must not be re-pointed by the rules above. */
.dash-light .hover\:bg-\[\#2d4de6\]:hover { background-color: #2d4de6; }
.dash-light .hover\:bg-blue-500:hover { background-color: #3b82f6; }
.dash-light .hover\:bg-blue-600:hover { background-color: #2563eb; }
.dash-light .hover\:bg-red-500:hover { background-color: #ef4444; }
.dash-light .hover\:bg-red-400:hover { background-color: #f87171; }
.dash-light .hover\:bg-amber-500:hover { background-color: #f59e0b; }
.dash-light .hover\:bg-amber-400:hover { background-color: #fbbf24; }
.dash-light .hover\:bg-orange-400:hover { background-color: #fb923c; }

/* The glow shadows left over from the dark build. A white or neon halo
   belongs on a black ground; on the panel it is either invisible or
   grubby, so they go rather than get retuned. */
.dash-light [class*="shadow-[0_0_"] { box-shadow: none; }

/* ── Breakpoint variants ────────────────────────────────────────────────
   Wrapped in the matching media query so they cannot leak a colour below
   the width at which the utility itself applies. */
@media (min-width: 640px) {
  .dash-light .sm\:bg-white\/\[0\.02\]    { background-color: rgb(12 18 32 / 0.038); }
  .dash-light .sm\:border-white\/\[0\.04\],
  .dash-light .sm\:border-white\/\[0\.06\] { border-color: rgb(12 18 32 / 0.104); }
}
@media (min-width: 1024px) {
  .dash-light .lg\:bg-\[\#0a0a0a\]         { background-color: #fff; }
  .dash-light .lg\:border-white\/\[0\.08\] { border-color: rgb(12 18 32 / 0.128); }
}

/* Focus rings on the brand, which reads fine on white as it is. */
.dash-light .focus\:border-blue-500:focus,
.dash-light .focus\:border-blue-500\/30:focus,
.dash-light .focus\:border-\[\#3b5bff\]\/50:focus,
.dash-light .focus\:border-\[\#3b5bff\]\/25:focus { border-color: #3b5bff; }
.dash-light .focus\:border-red-500:focus { border-color: #ef4444; }
.dash-light .focus\:bg-\[\#3b5bff\]\/\[0\.02\]:focus { background-color: #ecf1ff; }