/*
 * Utilities used in the views that are missing from site.css.
 *
 * site.css is a committed Tailwind v4 build output and there is no input file in
 * the repo, so it cannot be regenerated - classes added to markup after that build
 * silently do nothing. This file supplies exactly those classes, generated with
 * @tailwindcss/cli 4.1.18 (the same version that produced site.css) from the class
 * list found by scanning the .cshtml views and the scripts in wwwroot/js.
 *
 * Load order matters: site.css, then this file, then tw-compat.css.
 * Theme variables and @property registrations already present in site.css are
 * deliberately not repeated here, so custom theme values are never overwritten.
 *
 * To refresh after adding new classes, re-run the scan and regenerate.
 *
 * Contains 92 utilities, e.g. -mt-4, backdrop-blur-xs, bg-[#E24D3D], bg-[#EAF7FF], bg-[#FFC439], bg-[#fdfaf6]
 */

@layer theme {
  :root, :host {
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-yellow-200: oklch(94.5% 0.129 101.54);
    --color-purple-600: oklch(55.8% 0.288 302.321);
    --color-pink-600: oklch(59.2% 0.249 0.584);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --blur-xs: 4px;
  }
}

@layer utilities {
  .z-\[200\] {
    z-index: 200;
  }
  .col-span-full {
    grid-column: 1 / -1;
  }
  .mx-3 {
    margin-inline: calc(var(--spacing) * 3);
  }
  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }
  .h-36 {
    height: calc(var(--spacing) * 36);
  }
  .h-\[68px\] {
    height: 68px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[300px\] {
    min-height: 300px;
  }
  .min-h-\[calc\(100vh-4rem\)\] {
    min-height: calc(100vh - 4rem);
  }
  .w-1\/2 {
    width: calc(1/2 * 100%);
  }
  .w-3\/4 {
    width: calc(3/4 * 100%);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .self-stretch {
    align-self: stretch;
  }
  .border-\[\#4CD9F0\]\/30 {
    border-color: color-mix(in oklab, #4CD9F0 30%, transparent);
  }
  .border-\[\#EAF6FF\] {
    border-color: #EAF6FF;
  }
  .border-\[\#FFD5DF\] {
    border-color: #FFD5DF;
  }
  .border-red-100 {
    border-color: var(--color-red-100);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-white\/25 {
    border-color: color-mix(in srgb, #fff 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
    }
  }
  .border-t-\[\#4CD9F0\] {
    border-top-color: #4CD9F0;
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-\[\#E24D3D\] {
    background-color: #E24D3D;
  }
  .bg-\[\#EAF7FF\] {
    background-color: #EAF7FF;
  }
  .bg-\[\#FFC439\] {
    background-color: #FFC439;
  }
  .bg-\[\#fdfaf6\] {
    background-color: #fdfaf6;
  }
  .bg-\[\#ffffff99\] {
    background-color: #ffffff99;
  }
  .bg-blue-50\/60 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 60%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-purple-100 {
    background-color: var(--color-purple-100);
  }
  .bg-red-400 {
    background-color: var(--color-red-400);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-slate-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-600 {
    background-color: var(--color-slate-600);
  }
  .bg-slate-900\/50 {
    background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-900) 50%, transparent);
    }
  }
  .bg-white\/15 {
    background-color: color-mix(in srgb, #fff 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 15%, transparent);
    }
  }
  .bg-yellow-400 {
    background-color: var(--color-yellow-400);
  }
  .from-\[\#E66299\]\/85 {
    --tw-gradient-from: color-mix(in oklab, #E66299 85%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-\[\#59BDD1\]\/15 {
    --tw-gradient-via: color-mix(in oklab, #59BDD1 15%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-\[\#59BDD1\]\/45 {
    --tw-gradient-to: color-mix(in oklab, #59BDD1 45%, transparent);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-\[\#FFF5FB\] {
    --tw-gradient-to: #FFF5FB;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-pink-50\/40 {
    --tw-gradient-to: color-mix(in srgb, oklch(97.1% 0.014 343.198) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-pink-50) 40%, transparent);
    }
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .py-20 {
    padding-block: calc(var(--spacing) * 20);
  }
  .pt-2\.5 {
    padding-top: calc(var(--spacing) * 2.5);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .text-\[\#D1618B\] {
    color: #D1618B;
  }
  .text-\[\#D8598F\] {
    color: #D8598F;
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-emerald-300 {
    color: var(--color-emerald-300);
  }
  .text-pink-600 {
    color: var(--color-pink-600);
  }
  .text-purple-600 {
    color: var(--color-purple-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-white\/95 {
    color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .capitalize {
    text-transform: capitalize;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_-8px_24px_rgba\(31\,41\,55\,0\.12\)\] {
    --tw-shadow: 0 -8px 24px var(--tw-shadow-color, rgba(31,41,55,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-emerald-100 {
    --tw-shadow-color: oklch(95% 0.052 163.051);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-emerald-100) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-orange-200 {
    --tw-shadow-color: oklch(90.1% 0.076 70.697);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-orange-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .shadow-yellow-200 {
    --tw-shadow-color: oklch(94.5% 0.129 101.54);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-yellow-200) var(--tw-shadow-alpha), transparent);
    }
  }
  .backdrop-blur-xs {
    --tw-backdrop-blur: blur(var(--blur-xs));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .group-hover\:-translate-x-0\.5 {
    &:is(:where(.group):hover *) {
      @media (hover: hover) {
        --tw-translate-x: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .peer-checked\:border-blue-600 {
    &:is(:where(.peer):checked ~ *) {
      border-color: var(--color-blue-600);
    }
  }
  .peer-checked\:bg-blue-50\/30 {
    &:is(:where(.peer):checked ~ *) {
      background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-50) 30%, transparent);
      }
    }
  }
  .peer-checked\:bg-white {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-white);
    }
  }
  .peer-checked\:shadow-sm {
    &:is(:where(.peer):checked ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .hover\:border-blue-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-blue-300);
      }
    }
  }
  .hover\:bg-\[\#EAF9FC\] {
    &:hover {
      @media (hover: hover) {
        background-color: #EAF9FC;
      }
    }
  }
  .hover\:bg-\[\#FFF3F7\] {
    &:hover {
      @media (hover: hover) {
        background-color: #FFF3F7;
      }
    }
  }
  .hover\:bg-\[\#f5b800\] {
    &:hover {
      @media (hover: hover) {
        background-color: #f5b800;
      }
    }
  }
  .hover\:bg-blue-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-50);
      }
    }
  }
  .hover\:bg-emerald-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-600);
      }
    }
  }
  .hover\:bg-slate-50\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-slate-50) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:text-black {
    &:hover {
      @media (hover: hover) {
        color: var(--color-black);
      }
    }
  }
  .hover\:text-pink-500 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-pink-500);
      }
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:cursor-wait {
    &:disabled {
      cursor: wait;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .disabled\:hover\:translate-y-0 {
    &:disabled {
      &:hover {
        @media (hover: hover) {
          --tw-translate-y: calc(var(--spacing) * 0);
          translate: var(--tw-translate-x) var(--tw-translate-y);
        }
      }
    }
  }
  .sm\:self-auto {
    @media (width >= 40rem) {
      align-self: auto;
    }
  }
  .sm\:p-4\.5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 4.5);
    }
  }
  .md\:rounded-\[3rem\] {
    @media (width >= 48rem) {
      border-radius: 3rem;
    }
  }
  .md\:p-14 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 14);
    }
  }
  .md\:shadow-\[0_20px_60px_rgb\(0\,0\,0\,0\.05\)\] {
    @media (width >= 48rem) {
      --tw-shadow: 0 20px 60px var(--tw-shadow-color, rgb(0,0,0,0.05));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .lg\:max-h-\[400px\] {
    @media (width >= 64rem) {
      max-height: 400px;
    }
  }
  .lg\:space-y-4 {
    @media (width >= 64rem) {
      :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
      }
    }
  }
  .lg\:border-b-0 {
    @media (width >= 64rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .accent-\[\#59BDD1\] {
    accent-color: #59BDD1;
  }
  .bg-\[\#F2FBFD\] {
    background-color: #F2FBFD;
  }
  .border-\[\#59BDD1\]\/40 {
    border-color: color-mix(in srgb, #59BDD1 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #59BDD1 40%, transparent);
    }
  }
  .text-\[\#2E8CA3\] {
    color: #2E8CA3;
  }
  .text-\[\#5B8261\]\/70 {
    color: color-mix(in srgb, #5B8261 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #5B8261 70%, transparent);
    }
  }
  .hover\:bg-\[\#3da0b3\] {
    &:hover {
      @media (hover: hover) {
        background-color: #3da0b3;
      }
    }
  }
}