/* [project]/src/modules/ena/styles/ena-tokens.css [app-client] (css) */
.ena-scope .font-bebas {
  letter-spacing: .02em;
  font-family: Bebas Neue, system-ui, sans-serif !important;
}

.ena-scope {
  --background: #f6f8ff;
  --foreground: #12161f;
  --card: #fafcffcc;
  --card-foreground: #12161f;
  --primary: #4055ff;
  --primary-foreground: #f6f8ff;
  --secondary: #dde4f9;
  --secondary-foreground: #242c47;
  --muted: #e6ebf9;
  --muted-foreground: #5c6375;
  --accent: #00949b;
  --accent-foreground: #f6f8ff;
  --border: #d2d7e5;
  --input: #d2d7e5;
  --ring: #4055ff;
  --destructive: #d40924;
  --popover: #fafcfff2;
  --popover-foreground: #12161f;
  --chart-1: #4055ff;
  --chart-2: #00949b;
  --chart-3: #00ac4f;
  --chart-4: #c35500;
  --chart-5: #ad36a7;
  --chart-6: #9a8700;
  --chart-7: #5443db;
  --chart-8: #00b29b;
  --ena-score-excellent: #00b894;
  --ena-score-good: #00b894;
  --ena-score-moderate: #f39c12;
  --ena-score-low: #e74c3c;
  --ena-score-no-data: #94a3b8;
  --ena-compliance-pass: #00b894;
  --ena-compliance-pass-bg: #e6fff8;
  --ena-compliance-fail: #e74c3c;
  --ena-compliance-fail-bg: #fff0f0;
  --ena-compliance-warning: #f39c12;
  --ena-compliance-warning-bg: #fff8e6;
  --ena-cta-from: #6366f1;
  --ena-cta-to: #9333ea;
  --ena-page-bg-gradient: linear-gradient(135deg, #f0f6fc 0%, #ebedfc 50%, #f7f3fa 100%);
  font-family: Inter, system-ui, sans-serif;
}

@supports (color: lab(0% 0 0)) {
  .ena-scope {
    --background: lab(97.6253% .0680089 -3.78776);
    --foreground: lab(7.09447% .629641 -7.27823);
    --card: lab(98.8131% .0265837 -1.89835 / .8);
    --card-foreground: lab(7.09447% .629641 -7.27823);
    --primary: lab(43.9452% 38.4761 -88.5684);
    --primary-foreground: lab(97.6253% .0680089 -3.78776);
    --secondary: lab(90.5441% .401288 -11.2571);
    --secondary-foreground: lab(18.3792% 2.75573 -18.0798);
    --muted: lab(92.9267% .200748 -7.53934);
    --muted-foreground: lab(41.8093% .647396 -11.1455);
    --accent: lab(55.4663% -61.3902 -25.0384);
    --accent-foreground: lab(97.6253% .0680089 -3.78776);
    --border: lab(85.9662% .209242 -7.53478);
    --input: lab(85.9662% .209242 -7.53478);
    --ring: lab(43.9452% 38.4761 -88.5684);
    --destructive: lab(45.5382% 69.8881 46.2994);
    --popover: lab(98.8131% .0265837 -1.89835 / .95);
    --popover-foreground: lab(7.09447% .629641 -7.27823);
    --chart-1: lab(43.9452% 38.4761 -88.5684);
    --chart-2: lab(55.4663% -61.3902 -25.0384);
    --chart-3: lab(61.6308% -54.7723 36.6192);
    --chart-4: lab(49.6693% 59.2029 124.278);
    --chart-5: lab(44.7182% 58.3309 -35.9594);
    --chart-6: lab(56.5048% .64829 123.15);
    --chart-7: lab(38.2785% 41.4207 -76.8339);
    --chart-8: lab(64.7616% -53.1729 -.36236);
    --ena-page-bg-gradient: linear-gradient(135deg, lab(96.5116% -1.09199 -3.57032) 0%, lab(94.045% 1.36092 -7.41718) 50%, lab(96.3976% 2.21443 -2.88498) 100%);
  }
}

.dark .ena-scope, .ena-scope.dark {
  --background: #09090b;
  --foreground: #d0cdca;
  --card: #18181b;
  --card-foreground: #d0cdca;
  --border: #ffffff1a;
  --input: #ffffff26;
  --muted: #27272a;
  --muted-foreground: #9f9fa9;
  --destructive: #ff6568;
  --chart-1: #6e8eff;
  --chart-2: #00bdc6;
  --chart-3: #51c672;
  --chart-4: #f70;
  --chart-5: #d961d2;
  --chart-6: #c2ac00;
  --chart-7: #7f7fff;
  --chart-8: #2bccb4;
  --ena-score-no-data: #64748b;
  --ena-compliance-pass-bg: #00b89429;
  --ena-compliance-fail-bg: #e74c3c29;
  --ena-compliance-warning-bg: #f39c1229;
  --ena-page-bg-gradient: linear-gradient(135deg, #090e12 0%, #0a0a13 50%, #0f0c11 100%);
}

@supports (color: lab(0% 0 0)) {
  .dark .ena-scope, .ena-scope.dark {
    --background: lab(2.51142% .232123 -.889981);
    --foreground: lab(82.5971% .70563 1.73621);
    --card: lab(8.307% .588819 -2.17513);
    --card-foreground: lab(82.5971% .70563 1.73621);
    --border: lab(100% 0 0 / .1);
    --input: lab(100% 0 0 / .15);
    --muted: lab(15.7306% .612617 -2.16994);
    --muted-foreground: lab(65.6466% 1.5294 -5.42614);
    --destructive: lab(63.7005% 60.7898 30.9999);
    --chart-1: lab(60.2559% 23.7372 -78.1326);
    --chart-2: lab(69.2298% -55.8518 -22.8046);
    --chart-3: lab(71.8596% -48.2532 31.7513);
    --chart-4: lab(66.2158% 51.6357 81.4868);
    --chart-5: lab(59.8785% 58.3454 -36.1318);
    --chart-6: lab(70.5095% -1.83696 76.6488);
    --chart-7: lab(57.8802% 29.4313 -70.1048);
    --chart-8: lab(73.7912% -45.5335 -.337458);
    --ena-page-bg-gradient: linear-gradient(135deg, lab(3.68668% -.634305 -2.8351) 0%, lab(2.9378% 1.31401 -4.53324) 50%, lab(3.60789% 1.65977 -2.22345) 100%);
  }
}

.dark .ena-scope .bg-white, .ena-scope.dark .bg-white {
  background-color: #17171a;
  background-color: lab(7.73003% .579804 -2.16922);
}

.dark .ena-scope .bg-slate-50, .ena-scope.dark .bg-slate-50, .dark .ena-scope .bg-gray-50, .ena-scope.dark .bg-gray-50 {
  background-color: #1e1e21;
  background-color: lab(11.2073% .584438 -2.17763);
}

.dark .ena-scope .bg-slate-100, .ena-scope.dark .bg-slate-100, .dark .ena-scope .bg-gray-100, .ena-scope.dark .bg-gray-100 {
  background-color: #27272a;
  background-color: lab(15.7306% .612617 -2.16994);
}

.dark .ena-scope .bg-slate-200, .ena-scope.dark .bg-slate-200 {
  background-color: #323236;
  background-color: lab(21.0577% .71469 -2.53162);
}

.dark .ena-scope .bg-white\/95, .ena-scope.dark .bg-white\/95 {
  background-color: #17171af2;
  background-color: lab(7.73003% .579804 -2.16922 / .95);
}

.dark .ena-scope .bg-white\/90, .ena-scope.dark .bg-white\/90 {
  background-color: #17171ae6;
  background-color: lab(7.73003% .579804 -2.16922 / .9);
}

.dark .ena-scope .bg-white\/80, .ena-scope.dark .bg-white\/80 {
  background-color: #17171acc;
  background-color: lab(7.73003% .579804 -2.16922 / .8);
}

.dark .ena-scope .bg-white\/70, .ena-scope.dark .bg-white\/70 {
  background-color: #17171ab3;
  background-color: lab(7.73003% .579804 -2.16922 / .7);
}

.dark .ena-scope .bg-white\/60, .ena-scope.dark .bg-white\/60 {
  background-color: #18181b99;
  background-color: lab(8.307% .588819 -2.17513 / .6);
}

.dark .ena-scope .hover\:bg-white:hover, .ena-scope.dark .hover\:bg-white:hover, .dark .ena-scope .focus\:bg-white:focus, .ena-scope.dark .focus\:bg-white:focus {
  background-color: #1e1e21;
  background-color: lab(11.2073% .584438 -2.17763);
}

.dark .ena-scope .hover\:bg-slate-50:hover, .ena-scope.dark .hover\:bg-slate-50:hover {
  background-color: #222226;
  background-color: lab(13.5275% .581592 -2.17931);
}

.dark .ena-scope .hover\:bg-slate-100:hover, .ena-scope.dark .hover\:bg-slate-100:hover {
  background-color: #2d2d31;
  background-color: lab(18.7468% .609949 -2.17153);
}

.dark .ena-scope .text-slate-900, .ena-scope.dark .text-slate-900, .dark .ena-scope .text-gray-900, .ena-scope.dark .text-gray-900 {
  color: #e7e7eb;
  color: lab(91.8377% .463009 -1.82949);
}

.dark .ena-scope .text-slate-800, .ena-scope.dark .text-slate-800 {
  color: #d7d7db;
  color: lab(86.0377% .463337 -1.82923);
}

.dark .ena-scope .text-slate-700, .ena-scope.dark .text-slate-700, .dark .ena-scope .text-gray-700, .ena-scope.dark .text-gray-700 {
  color: #c3c4c8;
  color: lab(79.0691% .558376 -2.19357);
}

.dark .ena-scope .text-slate-600, .ena-scope.dark .text-slate-600, .dark .ena-scope .text-gray-600, .ena-scope.dark .text-gray-600 {
  color: #a4a4a9;
  color: lab(67.4502% .796676 -2.90566);
}

.dark .ena-scope .text-slate-500, .ena-scope.dark .text-slate-500 {
  color: #8b8b93;
  color: lab(58.1338% 1.21635 -4.34519);
}

.dark .ena-scope .text-slate-400, .ena-scope.dark .text-slate-400 {
  color: #797981;
  color: lab(51.1734% 1.22184 -4.3419);
}

.dark .ena-scope .hover\:text-slate-800:hover, .ena-scope.dark .hover\:text-slate-800:hover {
  color: #dddde1;
  color: lab(88.3577% .463218 -1.82934);
}

.dark .ena-scope .hover\:text-slate-900:hover, .ena-scope.dark .hover\:text-slate-900:hover {
  color: #eeeef2;
  color: lab(94.1577% .46286 -1.82956);
}

.dark .ena-scope .border-slate-100, .ena-scope.dark .border-slate-100 {
  border-color: #ffffff0f;
  border-color: lab(100% 0 0 / .06);
}

.dark .ena-scope .border-slate-200, .ena-scope.dark .border-slate-200, .dark .ena-scope .border-gray-200, .ena-scope.dark .border-gray-200 {
  border-color: #ffffff1a;
  border-color: lab(100% 0 0 / .1);
}

.dark .ena-scope .border-slate-300, .ena-scope.dark .border-slate-300 {
  border-color: #ffffff29;
  border-color: lab(100% 0 0 / .16);
}

.dark .ena-scope .hover\:border-slate-300:hover, .ena-scope.dark .hover\:border-slate-300:hover {
  border-color: #fff3;
  border-color: lab(100% 0 0 / .2);
}

.dark .ena-scope .divide-slate-200 > * + *, .ena-scope.dark .divide-slate-200 > * + * {
  border-color: #ffffff1a;
  border-color: lab(100% 0 0 / .1);
}

.dark .ena-scope .divide-slate-100 > * + *, .ena-scope.dark .divide-slate-100 > * + * {
  border-color: #ffffff0f;
  border-color: lab(100% 0 0 / .06);
}

.dark .ena-scope .text-indigo-700, .ena-scope.dark .text-indigo-700, .dark .ena-scope .text-indigo-600, .ena-scope.dark .text-indigo-600 {
  color: #b0b7ff;
  color: lab(75.7145% 10.9511 -39.4089);
}

.dark .ena-scope .hover\:text-indigo-600:hover, .ena-scope.dark .hover\:text-indigo-600:hover {
  color: #bec5ff;
  color: lab(80.2433% 12.1261 -42.9436);
}

.dark .ena-scope .border-indigo-200, .ena-scope.dark .border-indigo-200, .dark .ena-scope .hover\:border-indigo-200:hover, .ena-scope.dark .hover\:border-indigo-200:hover {
  border-color: #6669b073;
  border-color: lab(46.5765% 12.8927 -38.9745 / .45);
}

.dark .ena-scope .bg-white.text-indigo-700, .ena-scope.dark .bg-white.text-indigo-700 {
  color: #c6ccff;
  color: lab(82.6948% 10.6576 -39.4911);
  background-color: #282a4b;
  background-color: lab(18.1326% 7.03234 -21.2588);
}

.dark .ena-scope [class*="bg-slate-50/"] {
  background-color: #1e1e21b3;
  background-color: lab(11.2073% .584438 -2.17763 / .7);
}

.dark .ena-scope [class*="bg-slate-100/"] {
  background-color: #27272ab3;
  background-color: lab(15.7306% .612617 -2.16994 / .7);
}

.dark .ena-scope .bg-amber-50, .dark .ena-scope .bg-amber-100, .dark .ena-scope [class*="bg-amber-50/"], .dark .ena-scope [class*="bg-amber-100/"] {
  background-color: #40300d;
  background-color: lab(21.2032% 3.93631 24.4117);
}

.dark .ena-scope .bg-orange-50, .dark .ena-scope .bg-orange-100, .dark .ena-scope [class*="bg-orange-50/"], .dark .ena-scope [class*="bg-orange-100/"] {
  background-color: #4a2a12;
  background-color: lab(20.8291% 13.6347 21.8174);
}

.dark .ena-scope .bg-yellow-50, .dark .ena-scope .bg-yellow-100, .dark .ena-scope [class*="bg-yellow-50/"], .dark .ena-scope [class*="bg-yellow-100/"] {
  background-color: #3b3615;
  background-color: lab(22.5334% -1.28572 21.0551);
}

.dark .ena-scope .bg-emerald-50, .dark .ena-scope .bg-emerald-100, .dark .ena-scope .bg-green-50, .dark .ena-scope .bg-green-100, .dark .ena-scope [class*="bg-emerald-50/"], .dark .ena-scope [class*="bg-emerald-100/"], .dark .ena-scope [class*="bg-green-50/"], .dark .ena-scope [class*="bg-green-100/"] {
  background-color: #153828;
  background-color: lab(20.625% -16.7129 5.83791);
}

.dark .ena-scope .bg-teal-50, .dark .ena-scope .bg-teal-100, .dark .ena-scope [class*="bg-teal-50/"], .dark .ena-scope [class*="bg-teal-100/"] {
  background-color: #083834;
  background-color: lab(20.5612% -17.2735 -1.76089);
}

.dark .ena-scope .bg-cyan-50, .dark .ena-scope .bg-cyan-100, .dark .ena-scope [class*="bg-cyan-50/"], .dark .ena-scope [class*="bg-cyan-100/"] {
  background-color: #06373e;
  background-color: lab(20.337% -13.8261 -9.27038);
}

.dark .ena-scope .bg-sky-50, .dark .ena-scope .bg-sky-100, .dark .ena-scope [class*="bg-sky-50/"], .dark .ena-scope [class*="bg-sky-100/"] {
  background-color: #0e3448;
  background-color: lab(19.9997% -7.95957 -16.3649);
}

.dark .ena-scope .bg-blue-50, .dark .ena-scope .bg-blue-100, .dark .ena-scope [class*="bg-blue-50/"], .dark .ena-scope [class*="bg-blue-100/"] {
  background-color: #1a314e;
  background-color: lab(19.6455% -1.24653 -20.8793);
}

.dark .ena-scope .bg-indigo-50, .dark .ena-scope .bg-indigo-100, .dark .ena-scope [class*="bg-indigo-50/"], .dark .ena-scope [class*="bg-indigo-100/"] {
  background-color: #2b2f51;
  background-color: lab(20.5018% 5.91657 -21.4616);
}

.dark .ena-scope .bg-violet-50, .dark .ena-scope .bg-violet-100, .dark .ena-scope .bg-purple-50, .dark .ena-scope .bg-purple-100, .dark .ena-scope [class*="bg-violet-50/"], .dark .ena-scope [class*="bg-violet-100/"], .dark .ena-scope [class*="bg-purple-50/"], .dark .ena-scope [class*="bg-purple-100/"] {
  background-color: #382a4f;
  background-color: lab(20.2221% 13.2877 -20.3141);
}

.dark .ena-scope .bg-fuchsia-50, .dark .ena-scope .bg-fuchsia-100, .dark .ena-scope [class*="bg-fuchsia-50/"], .dark .ena-scope [class*="bg-fuchsia-100/"] {
  background-color: #422649;
  background-color: lab(20.0849% 18.838 -16.3095);
}

.dark .ena-scope .bg-rose-50, .dark .ena-scope .bg-rose-100, .dark .ena-scope .bg-red-50, .dark .ena-scope .bg-red-100, .dark .ena-scope [class*="bg-rose-50/"], .dark .ena-scope [class*="bg-rose-100/"], .dark .ena-scope [class*="bg-red-50/"], .dark .ena-scope [class*="bg-red-100/"] {
  background-color: #4f2428;
  background-color: lab(20.4057% 21.094 6.99667);
}

.ena-scope .ena-glass {
  -webkit-backdrop-filter: blur(20px);
  background: #fafcffb3;
  background: lab(98.8131% .0265837 -1.89835 / .7);
  border: 1px solid #eceef580;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .5);
  box-shadow: 0 8px 32px #5862801a, inset 0 1px #fff3;
  box-shadow: 0 8px 32px lab(41.6449% 1.69379 -18.3529 / .1), inset 0 1px lab(100% 0 0 / .2);
}

.ena-scope .ena-glass-card {
  -webkit-backdrop-filter: blur(16px);
  background: #fafcff99;
  background: lab(98.8131% .0265837 -1.89835 / .6);
  border: 1px solid #eceef566;
  border: 1px solid lab(94.1452% .0689626 -3.78723 / .4);
  border-radius: .75rem;
  box-shadow: 0 4px 16px #58628014;
  box-shadow: 0 4px 16px lab(41.6449% 1.69379 -18.3529 / .08);
}

.ena-scope .ena-glass-strong {
  -webkit-backdrop-filter: blur(24px);
  background: #fafcffd9;
  background: lab(98.8131% .0265837 -1.89835 / .85);
  border: 1px solid #e2e4eb99;
  border: 1px solid lab(90.6652% .0699461 -3.78664 / .6);
  box-shadow: 0 12px 40px #58628026;
  box-shadow: 0 12px 40px lab(41.6449% 1.69379 -18.3529 / .15);
}

.ena-scope .ena-glass-overlay {
  -webkit-backdrop-filter: blur(8px);
  background: #0006;
  background: lab(0% 0 0 / .4);
}

.dark .ena-scope .ena-glass, .dark .ena-scope .ena-glass-card, .dark .ena-scope .ena-glass-strong {
  background: #18181bb3;
  background: lab(8.307% .588819 -2.17513 / .7);
  border-color: #ffffff14;
  border-color: lab(100% 0 0 / .08);
}

.ena-scope .ena-cta-gradient {
  background: linear-gradient(to right, var(--ena-cta-from), var(--ena-cta-to));
  color: #fff;
  transition: box-shadow .2s;
  box-shadow: 0 10px 15px -3px #6366f140;
}

.ena-scope .ena-cta-gradient:hover {
  box-shadow: 0 15px 25px -3px #6366f159;
}

.ena-scope.ena-page, .ena-scope .ena-page {
  background: var(--ena-page-bg-gradient);
  min-height: 100%;
}