@import '_content/Ecierge.Portal.Client/Ecierge.Portal.Client.jlo4qksfd8.bundle.scp.css';
@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.lcdo7z9xd2.bundle.scp.css';

/* /Components/Layout/Footer.razor.rz.scp.css */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
.footer[b-kwik1dfgqq] {
  background-color: rgba(243,243,243,1);
  padding-block: calc(var(--spacing, 0.25rem) * 8);
}
.footer-content[b-kwik1dfgqq] {
  margin-inline: auto;
  max-width: var(--container-6xl, 72rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
}
.footer-columns[b-kwik1dfgqq] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: calc(var(--spacing, 0.25rem) * 8);
  row-gap: calc(var(--spacing, 0.25rem) * 6);
}
@media (min-width: 640px) {
  .footer-columns[b-kwik1dfgqq] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (min-width: 768px) {
  .footer-columns[b-kwik1dfgqq] {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.footer-title[b-kwik1dfgqq] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  padding: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  --tw-tracking: var(--tracking-wide, 0.025em);
  letter-spacing: var(--tracking-wide, 0.025em);
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.footer-text[b-kwik1dfgqq] {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.footer-link[b-kwik1dfgqq] {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: #92400e !important;
  text-decoration: none !important;
}
.footer-link:hover[b-kwik1dfgqq] {
  color: #78350f !important;
  text-decoration: underline !important;
}
.footer-list[b-kwik1dfgqq] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  margin-top: calc(var(--spacing, 0.25rem) * 2);
  list-style-type: none;
  :where(& > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing, 0.25rem) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing, 0.25rem) * 1) * calc(1 - var(--tw-space-y-reverse)));
  }
  padding: calc(var(--spacing, 0.25rem) * 0);
  padding-left: 0 !important;[b-kwik1dfgqq]
}
.footer-list li[b-kwik1dfgqq] {
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
}
.footer-column[b-kwik1dfgqq] {
  text-align: left;
}
.footer-divider[b-kwik1dfgqq] {
  margin-top: calc(var(--spacing, 0.25rem) * 8);
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
}
.footer-copyright[b-kwik1dfgqq] {
  padding-top: calc(var(--spacing, 0.25rem) * 6);
  text-align: center;
}
.footer-copyright p[b-kwik1dfgqq] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.footer-logos[b-kwik1dfgqq] {
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 4);
}
.footer-logo-link[b-kwik1dfgqq] {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
  text-decoration-line: none;
}
.footer-logo-ecierge[b-kwik1dfgqq] {
  height: calc(var(--spacing, 0.25rem) * 4);
}
.footer-logo-train[b-kwik1dfgqq] {
  height: calc(var(--spacing, 0.25rem) * 4);
}
.footer-nga-badge[b-kwik1dfgqq] {
  display: flex;
  align-items: center;
  gap: calc(var(--spacing, 0.25rem) * 2);
}
.footer-nga-logo[b-kwik1dfgqq] {
  height: calc(var(--spacing, 0.25rem) * 5);
  width: calc(var(--spacing, 0.25rem) * 5);
}
.footer-nga-text[b-kwik1dfgqq] {
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
  font-size: 0.65rem;
}
.footer-logo-gray[b-kwik1dfgqq] {
  filter: grayscale(100%) brightness(0.6);
}
.footer-card[b-kwik1dfgqq] {
  margin-inline: auto;
  max-width: var(--container-7xl, 80rem);
  border-radius: var(--radius-lg, 0.5rem);
  background-color: var(--color-white, #fff);
  --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
  text-align: left;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *[b-kwik1dfgqq], [b-kwik1dfgqq]::before, [b-kwik1dfgqq]::after, [b-kwik1dfgqq]::backdrop {
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-space-y-reverse: 0;
      --tw-leading: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
    }
  }
}
/* /Components/Layout/FormLayout.razor.rz.scp.css */
.form-layout-shell[b-ixuo5ktqlr] {
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(191, 101, 48, 0.10), transparent 34rem),
        linear-gradient(180deg, #fffaf6 0%, #ffffff 42%);
    color: #2f241f;
    font-family: var(--body-font, 'Helvetica Neue', Helvetica, Arial, sans-serif);
}

.form-layout-header[b-ixuo5ktqlr] {
    position: sticky;
    top: 0;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    border-bottom: 1px solid rgba(92, 48, 20, 0.10);
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(14px);
    box-shadow: 0 8px 24px rgba(92, 48, 20, 0.06);
}

.form-layout-brand[b-ixuo5ktqlr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.form-layout-brand:hover[b-ixuo5ktqlr],
.form-layout-brand:focus-visible[b-ixuo5ktqlr] {
    text-decoration: none;
}

.form-layout-logo[b-ixuo5ktqlr] {
    display: block;
    width: 170px;
    height: auto;
    max-width: 100%;
}

.form-layout-main[b-ixuo5ktqlr] {
    position: relative;
    z-index: 1;
    padding: 24px 0 56px;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.dotted-background[b-5cl8aw8ic8] {
    position: relative;
}

.dotted-background[b-5cl8aw8ic8]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    background-image: radial-gradient(circle, #d1d5db 1px, transparent 1px);
    background-size: 20px 20px;
    pointer-events: none;
    z-index: 0;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vg9g0d757z],
.components-reconnect-repeated-attempt-visible[b-vg9g0d757z],
.components-reconnect-failed-visible[b-vg9g0d757z],
.components-pause-visible[b-vg9g0d757z],
.components-resume-failed-visible[b-vg9g0d757z],
.components-rejoining-animation[b-vg9g0d757z] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-retrying[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-failed[b-vg9g0d757z],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vg9g0d757z] {
    display: block;
}


#components-reconnect-modal[b-vg9g0d757z] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    opacity: 0;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vg9g0d757z 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vg9g0d757z 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vg9g0d757z 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vg9g0d757z]::backdrop {
    opacity: 1;
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vg9g0d757z 0.5s ease-in-out;
}

@keyframes components-reconnect-modal-slideUp-b-vg9g0d757z {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vg9g0d757z {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vg9g0d757z {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vg9g0d757z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vg9g0d757z] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vg9g0d757z] {
    border: 0;
    color: white;
    padding: 0.25rem 1.5rem;
    border-radius: 0.25rem;
    background-color: #6b9ed2;
}

    #components-reconnect-modal button:hover[b-vg9g0d757z] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vg9g0d757z] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vg9g0d757z] {
    position: relative;
    width: 5rem;
    height: 5rem;
}

    .components-rejoining-animation div[b-vg9g0d757z] {
        position: absolute;
        border-radius: 50%;
        opacity: 1;
        border: 3px solid #0087ff;
        animation: components-rejoining-animation-b-vg9g0d757z 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vg9g0d757z] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vg9g0d757z {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/WaveDecoration.razor.rz.scp.css */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
.wave-decoration[b-am8tqaezyu] {
  pointer-events: none;
  position: fixed;
  right: calc(var(--spacing, 0.25rem) * 0);
  left: calc(var(--spacing, 0.25rem) * 0);
  bottom: 100px;
  height: 40vh;
  z-index: 1;
  overflow: visible;
}
.wave-decoration img[b-am8tqaezyu] {
  height: auto;
  width: 100%;
  min-width: 100%;
}
/* /Components/Pages/About.razor.rz.scp.css */
/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
.tags-section[b-yu6efgzncf] {
  position: relative;
  z-index: 10;
  padding-top: calc(var(--spacing, 0.25rem) * 6);
}
.tags-container[b-yu6efgzncf] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 3);
}
.property-tag[b-yu6efgzncf] {
  border-radius: calc(infinity * 1px);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-gray-300, oklch(87.2% 0.01 258.338));
  background-color: var(--color-white, #fff);
  padding-inline: calc(var(--spacing, 0.25rem) * 4);
  padding-block: calc(var(--spacing, 0.25rem) * 2);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  color: var(--color-gray-700, oklch(37.3% 0.034 259.733));
  cursor: pointer;
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
  --tw-duration: 200ms;
  transition-duration: 200ms;
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
}
.property-tag:hover[b-yu6efgzncf] {
  border-color: #BF6530;
  background-color: #BF6530;
  color: var(--color-white, #fff);
}
.hero-section[b-yu6efgzncf] {
  position: relative;
  z-index: 10;
  overflow: visible;
  padding-bottom: calc(var(--spacing, 0.25rem) * 50);
  background: transparent;
}
.hero-content[b-yu6efgzncf] {
  position: relative;
  z-index: 10;
  margin-inline: auto;
  max-width: var(--container-4xl, 56rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  text-align: center;
}
.hero-title[b-yu6efgzncf] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-5xl, 3rem);
  line-height: var(--tw-leading, var(--text-5xl--line-height, 1));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #BF6530;
}
@media (min-width: 640px) {
  .hero-title[b-yu6efgzncf] {
    font-size: 3.5rem;
  }
}
@media (min-width: 768px) {
  .hero-title[b-yu6efgzncf] {
    font-size: var(--text-6xl, 3.75rem);
    line-height: var(--tw-leading, var(--text-6xl--line-height, 1));
  }
}
.hero-subtitle[b-yu6efgzncf] {
  margin-inline: auto;
  margin-top: calc(var(--spacing, 0.25rem) * 6);
  max-width: var(--container-xl, 36rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
@media (min-width: 640px) {
  .hero-subtitle[b-yu6efgzncf] {
    font-size: var(--text-base, 1rem);
    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  }
}
.hero-buttons[b-yu6efgzncf] {
  position: relative;
  z-index: 20;
  margin-top: calc(var(--spacing, 0.25rem) * 8);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(var(--spacing, 0.25rem) * 4);
}
.why-section[b-yu6efgzncf] {
  position: relative;
  z-index: 10;
  padding-top: calc(var(--spacing, 0.25rem) * 12);
  padding-bottom: calc(var(--spacing, 0.25rem) * 8);
  background: transparent;
}
.why-content[b-yu6efgzncf] {
  margin-inline: auto;
  max-width: var(--container-4xl, 56rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
  text-align: center;
}
.why-title[b-yu6efgzncf] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-2xl, 1.5rem);
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
  --tw-font-weight: var(--font-weight-normal, 400);
  font-weight: var(--font-weight-normal, 400);
  color: #BF6530;
}
@media (min-width: 640px) {
  .why-title[b-yu6efgzncf] {
    font-size: var(--text-3xl, 1.875rem);
    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
  }
}
.why-description[b-yu6efgzncf] {
  margin-inline: auto;
  margin-top: calc(var(--spacing, 0.25rem) * 4);
  max-width: var(--container-xl, 36rem);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-gray-600, oklch(44.6% 0.03 256.802));
}
.timeline-section[b-yu6efgzncf] {
  position: relative;
  z-index: 10;
  padding-block: calc(var(--spacing, 0.25rem) * 12);
  padding-bottom: calc(var(--spacing, 0.25rem) * 20);
  background: transparent;
}
.timeline-section-border[b-yu6efgzncf] {
  border-bottom: 2px solid #E5E7EB;
}
.timeline-container[b-yu6efgzncf] {
  margin-inline: auto;
  max-width: var(--container-6xl, 72rem);
  padding-inline: calc(var(--spacing, 0.25rem) * 6);
}
.timeline-grid[b-yu6efgzncf] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: calc(var(--spacing, 0.25rem) * 0);
}
@media (max-width: 1024px) {
  .timeline-grid[b-yu6efgzncf] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .timeline-grid[b-yu6efgzncf] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.timeline-card[b-yu6efgzncf] {
  position: relative;
  padding-inline: calc(var(--spacing, 0.25rem) * 5);
  padding-top: calc(var(--spacing, 0.25rem) * 4);
  padding-bottom: calc(var(--spacing, 0.25rem) * 8);
  background-color: color-mix(in srgb, #fff 60%, transparent);
  @supports (color: color-mix(in lab, red, red)) {
    background-color: color-mix(in oklab, var(--color-white, #fff) 60%, transparent);
  }
  --tw-backdrop-blur: blur(var(--blur-md, 12px));
  -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,);
  border-right: 2px solid #E5E7EB;
}
.timeline-card:last-child[b-yu6efgzncf] {
  border-right: none;
}
.timeline-card-active[b-yu6efgzncf] {
  position: relative;
}
.timeline-card-active[b-yu6efgzncf]::before {
  content: '';
  position: absolute;
  top: calc(var(--spacing, 0.25rem) * 0);
  left: calc(var(--spacing, 0.25rem) * 0);
  width: 3px;
  background-color: #BF6530;
  height: calc(100% + 7px);
  transform: translateX(-2px);
}
.timeline-card-title[b-yu6efgzncf] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-sm, 0.875rem);
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: var(--color-gray-800, oklch(27.8% 0.033 256.848));
}
.timeline-card-title-active[b-yu6efgzncf] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  margin-bottom: calc(var(--spacing, 0.25rem) * 3);
  font-size: var(--text-lg, 1.125rem);
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
  --tw-leading: var(--leading-tight, 1.25);
  line-height: var(--leading-tight, 1.25);
  --tw-font-weight: var(--font-weight-semibold, 600);
  font-weight: var(--font-weight-semibold, 600);
  color: #BF6530;
}
.timeline-card-body[b-yu6efgzncf] {
  margin: calc(var(--spacing, 0.25rem) * 0);
  font-size: var(--text-xs, 0.75rem);
  line-height: var(--tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
  --tw-leading: var(--leading-relaxed, 1.625);
  line-height: var(--leading-relaxed, 1.625);
  color: var(--color-gray-500, oklch(55.1% 0.027 264.364));
}
.timeline-indicator[b-yu6efgzncf] {
  position: absolute;
  height: calc(var(--spacing, 0.25rem) * 3);
  width: calc(var(--spacing, 0.25rem) * 3);
  border-radius: calc(infinity * 1px);
  background-color: #BF6530;
  left: -1px;
  transform: translateX(-50%);
  bottom: -7px;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *[b-yu6efgzncf], [b-yu6efgzncf]::before, [b-yu6efgzncf]::after, [b-yu6efgzncf]::backdrop {
      --tw-border-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }
  }
}
/* /Components/Pages/AssociationDefinition/AddAssociationDefinition.razor.rz.scp.css */
/* ── wrapper ── */
.adef-wrap[b-59z7xyzq03] {
    max-width: 780px;
    margin: 0 auto;
    padding: 2rem 1.25rem 4rem;
}

.adef-wrap--systems[b-59z7xyzq03] {
    max-width: 780px;
}

.adef-page-intro[b-59z7xyzq03] {
    margin: 0 auto 1.75rem;
    max-width: 620px;
    text-align: center;
}

.adef-page-title[b-59z7xyzq03] {
    font-size: clamp(26px, 4vw, 36px);
    font-weight: 700;
    color: var(--color-primary-dark, #78350f);
    margin: 0 0 0.5rem;
}

.adef-page-subtitle[b-59z7xyzq03] {
    color: #6f5b4a;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

.adef-draft-status[b-59z7xyzq03] {
    margin-top: 0.5rem;
}

/* ── section card ── */
.adef-section[b-59z7xyzq03] {
    background: #fff;
    border: 1px solid #e5d9cb;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    /* no overflow:hidden — would clip dropdown popups */
    box-shadow: 0 1px 4px rgba(92, 48, 20, 0.07), 0 4px 12px rgba(92, 48, 20, 0.04);
    transition: box-shadow 0.15s ease;

    &:focus-within {
        box-shadow: 0 2px 8px rgba(92, 48, 20, 0.12), 0 6px 18px rgba(92, 48, 20, 0.07);
    }
}

.adef-section-head[b-59z7xyzq03] {
    background: var(--color-accent, #bf6530);
    background: linear-gradient(90deg, rgba(133, 67, 45, 1) 0%, rgba(160, 85, 48, 1) 100%);
    padding: 12px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 11px 11px 0 0;
}

.adef-section-icon[b-59z7xyzq03] {
    font-size: 18px;
    line-height: 1;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,0.2));
}

.adef-section-label[b-59z7xyzq03] {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.adef-section-body[b-59z7xyzq03] {
    padding: 1.5rem 1.75rem 1.75rem;
}

/* full-width fields — scoped via ::deep at top level so Blazor attribute propagates */
.adef-section-body[b-59z7xyzq03]  fluent-text-field,
.adef-section-body[b-59z7xyzq03]  fluent-select,
.adef-section-body[b-59z7xyzq03]  fluent-number-field {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.adef-section-body[b-59z7xyzq03]  fluent-text-field::part(root),
.adef-section-body[b-59z7xyzq03]  fluent-number-field::part(root) {
    width: 100%;
}

.adef-section-body[b-59z7xyzq03]  fluent-select::part(listbox) {
    /* ensure listbox is not constrained by parent overflow */
    z-index: 1000;
}

/* ── validation ── */
.adef-field-error[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 6px;
    color: var(--error-foreground-rest, var(--color-primary-dark));
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.adef-field-error[b-59z7xyzq03]::before {
    content: "⚠";
    flex-shrink: 0;
}

.adef-section-body[b-59z7xyzq03]  fluent-text-field:has(+ .adef-field-error)::part(root),
.adef-section-body[b-59z7xyzq03]  fluent-number-field:has(+ .adef-field-error)::part(root),
.adef-system-card-body[b-59z7xyzq03]  fluent-text-field:has(+ .adef-field-error)::part(root) {
    border-color: var(--error-foreground-rest, var(--color-primary-dark));
}

/* ── submit row ── */
.adef-submit-btn[b-59z7xyzq03] {
    flex: 1 1 0;
    width: 100%;
    min-width: 0;
    --accent-fill-rest: var(--color-accent);
    --accent-fill-hover: color-mix(in srgb, var(--color-accent) 88%, var(--color-primary-dark) 12%);
    --accent-fill-active: color-mix(in srgb, var(--color-accent) 76%, var(--color-primary-dark) 24%);
    --accent-foreground-rest: var(--fill-color, Canvas);
    --foreground-on-accent-rest: var(--fill-color, Canvas);
    --foreground-on-accent-hover: var(--fill-color, Canvas);
    --foreground-on-accent-active: var(--fill-color, Canvas);
}

.adef-submit-btn[b-59z7xyzq03]::part(control) {
    width: 100%;
    min-height: 56px;
    padding: 0 28px;
    font-size: 16px;
    font-weight: 800;
    justify-content: center;
    letter-spacing: 0.01em;
    background: linear-gradient(90deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 82%, var(--color-primary) 18%) 100%);
    border-color: transparent;
    color: var(--fill-color, Canvas);
}

.adef-steps[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 1.5rem;
}

.adef-step[b-59z7xyzq03] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;

    .adef-step-num {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.875rem;
        background: #e5e7eb;
        color: #6b7280;
        border: 2px solid #e5e7eb;
        transition: background 0.2s, color 0.2s, border-color 0.2s;
    }

    .adef-step-label[b-59z7xyzq03] {
        font-size: 0.72rem;
        color: #9ca3af;
        white-space: nowrap;
    }

    &.adef-step--active[b-59z7xyzq03] {
        .adef-step-num {
            background: var(--color-primary, #92400e);
            border-color: var(--color-primary, #92400e);
            color: #fff;
        }
        .adef-step-label[b-59z7xyzq03] {
            color: var(--color-primary, #92400e);
            font-weight: 600;
        }
    }

    &.adef-step--done[b-59z7xyzq03] {
        .adef-step-num {
            background: #d1fae5;
            border-color: #6ee7b7;
            color: #065f46;
        }
        .adef-step-label[b-59z7xyzq03] {
            color: #6ee7b7;
        }
    }
}

.adef-step-line[b-59z7xyzq03] {
    flex: 1;
    max-width: 80px;
    min-width: 24px;
    height: 2px;
    background: #e5e7eb;
    align-self: flex-start;
    margin-top: 15px;
}

.adef-submit-row[b-59z7xyzq03] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 0.75rem;
    align-items: stretch;
}

.adef-submit-row[b-59z7xyzq03]  fluent-button,
.adef-submit-row[b-59z7xyzq03]  .adef-reset-btn,
.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn {
    flex: 1 1 220px;
    width: 100%;
    min-width: min(220px, 100%);
}

.adef-reset-btn[b-59z7xyzq03] {
    flex: 1 1 220px;
    width: 100%;
    min-width: min(220px, 100%);
}

.adef-reset-btn[b-59z7xyzq03]::part(control),
.adef-submit-row[b-59z7xyzq03]  .adef-reset-btn::part(control),
.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn::part(control) {
    width: 100%;
    min-height: 56px;
    padding: 0 28px;
    font-size: 16px;
    font-weight: 800;
    justify-content: center;
}

.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn::part(control) {
    background: linear-gradient(90deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 82%, var(--color-primary) 18%) 100%);
    border-color: transparent;
    color: var(--fill-color, Canvas);
}

.adef-submit-btn[disabled][b-59z7xyzq03]::part(control),
.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn[disabled]::part(control) {
    cursor: not-allowed;
    opacity: 0.55;
    background: color-mix(in srgb, var(--color-accent) 22%, var(--fill-color, Canvas) 78%);
    border-color: color-mix(in srgb, var(--color-accent) 18%, transparent);
    color: color-mix(in srgb, var(--color-primary-dark) 55%, var(--fill-color, Canvas) 45%);
}

.adef-submit-btn--submitting[disabled][b-59z7xyzq03]::part(control),
.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn--submitting[disabled]::part(control) {
    cursor: wait;
    opacity: 1;
    background: linear-gradient(90deg, var(--color-accent) 0%, color-mix(in srgb, var(--color-accent) 82%, var(--color-primary) 18%) 100%);
    border-color: transparent;
    color: var(--fill-color, Canvas);
}

.adef-submit-btn--submitting[b-59z7xyzq03]::part(control),
.adef-submit-row[b-59z7xyzq03]  .adef-submit-btn--submitting::part(control) {
    gap: 10px;
}

.adef-submit-spinner[b-59z7xyzq03] {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid color-mix(in srgb, var(--fill-color, Canvas) 35%, transparent);
    border-top-color: var(--fill-color, Canvas);
    border-radius: 50%;
    animation: adef-submit-spin-b-59z7xyzq03 0.8s linear infinite;
}

@keyframes adef-submit-spin-b-59z7xyzq03 {
    to {
        transform: rotate(360deg);
    }
}

.adef-reset-btn[b-59z7xyzq03] {
    --neutral-stroke-rest: color-mix(in srgb, var(--color-accent) 60%, transparent);
    --neutral-stroke-hover: var(--color-accent);
    --neutral-foreground-rest: var(--color-primary-dark);
    --neutral-foreground-hover: var(--color-primary-dark);
}

/* ── systems section ── */
.adef-sys-hdr[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
    min-width: 0;
    padding-right: 0.25rem;
}

.adef-sys-hdr-icon[b-59z7xyzq03] {
    font-size: 16px;
    flex-shrink: 0;
    line-height: 1;
}

.adef-sys-hdr-name[b-59z7xyzq03] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
}

.adef-sys-hdr-remove[b-59z7xyzq03] {
    flex-shrink: 0;
    margin-left: auto;
    opacity: 0.55;
    transition: opacity 0.15s;

    &:hover { opacity: 1; }
}
.adef-sys-sub-label[b-59z7xyzq03] {
    font-size: 11px;
    font-weight: 700;
    color: var(--color-accent, #bf6530);
    text-transform: uppercase;
    letter-spacing: 0.09em;
    margin: 1.25rem 0 0.5rem;
    padding-bottom: 4px;
    border-bottom: 1px solid rgba(133, 67, 45, 0.2);
}

.adef-sys-add-row[b-59z7xyzq03] {
    margin-top: 1.25rem;
    display: flex;
    justify-content: flex-end;
}

.adef-sys-list[b-59z7xyzq03] {
    margin-bottom: 1.5rem;
    border: 1px dashed #d9c8b8;
    border-radius: 8px;
    min-height: 48px;
    padding: 0.25rem;
}

.adef-sys-empty[b-59z7xyzq03] {
    text-align: center;
    color: #a08878;
    font-size: 12px;
    padding: 0.75rem 1rem;
    margin: 0;
}

/* detail view inside accordion */
.adef-sys-detail[b-59z7xyzq03] {
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    font-size: 13px;
}

.adef-sys-detail-row[b-59z7xyzq03] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1.5rem;
}

.adef-sys-detail-label[b-59z7xyzq03] {
    display: block;
    font-size: 10px;
    font-weight: 700;
    color: #8a7060;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    margin-bottom: 1px;
}

.adef-sys-detail-text[b-59z7xyzq03] {
    margin: 2px 0 0;
    color: #3a281c;
}

.adef-sys-detail-actions[b-59z7xyzq03] {
    margin-top: 0.5rem;
    display: flex;
    justify-content: flex-end;
}

/* ── step 2 system cards ── */
.adef-systems-toolbar[b-59z7xyzq03] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 16px;
}

.adef-systems-title[b-59z7xyzq03] {
    color: #3a281c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.adef-sys-help[b-59z7xyzq03] {
    margin: 4px 0 0;
    color: #6f5b50;
    font-size: 13px;
}

.adef-systems-actions[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.adef-systems-count[b-59z7xyzq03] {
    flex-shrink: 0;
    padding: 7px 11px;
    border: 1px solid rgba(124, 53, 32, 0.16);
    border-radius: 999px;
    background: rgba(124, 53, 32, 0.07);
    color: #7c3520;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.adef-system-open-add-btn[b-59z7xyzq03]::part(control) {
    min-height: 36px;
    font-weight: 700;
}

.adef-system-cards[b-59z7xyzq03] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 18px;
    padding: 4px 6px 22px;
}

.adef-system-card[b-59z7xyzq03],
.adef-system-empty-card[b-59z7xyzq03] {
    min-width: 0;
    background: #fff;
    border: 1px solid rgba(92, 48, 20, 0.14);
    border-radius: 20px;
    box-shadow: 0 12px 30px rgba(92, 48, 20, 0.10);
    overflow: hidden;
}

.adef-system-empty-card[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 24px;
    border-style: dashed;
    background: rgba(124, 53, 32, 0.04);
    color: #6f5b50;
}

.adef-system-empty-icon[b-59z7xyzq03] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background: rgba(124, 53, 32, 0.10);
    font-size: 24px;
}

.adef-system-empty-title[b-59z7xyzq03] {
    color: #3a281c;
    font-weight: 700;
}

.adef-system-empty-text[b-59z7xyzq03] {
    margin-top: 3px;
    font-size: 13px;
}

.adef-system-card-head[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 18px;
    background: linear-gradient(135deg, #7c3520, #bd5b37);
    color: #fff;
}

.adef-system-card-icon[b-59z7xyzq03] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.18);
    font-size: 24px;
}

.adef-system-card-heading[b-59z7xyzq03] {
    min-width: 0;
    flex: 1;
}

.adef-system-card-title[b-59z7xyzq03] {
    font-weight: 700;
    line-height: 1.2;
}

.adef-system-card-subtitle[b-59z7xyzq03] {
    margin-top: 3px;
    font-size: 12px;
    opacity: 0.80;
}

.adef-system-card-remove[b-59z7xyzq03] {
    margin-left: auto;
    --neutral-fill-stealth-rest: rgba(255, 255, 255, 0.12);
    --neutral-fill-stealth-hover: rgba(255, 255, 255, 0.22);
    --neutral-fill-stealth-active: rgba(255, 255, 255, 0.30);
    --neutral-foreground-rest: #fff;
    --neutral-foreground-hover: #fff;
    --neutral-foreground-active: #fff;
}

.adef-system-card-details[b-59z7xyzq03] {
    background: #fff;
}

.adef-system-card-details--invalid[b-59z7xyzq03] {
    border-top: 3px solid var(--error-foreground-rest, var(--color-primary-dark));
}

.adef-system-card-details--invalid .adef-system-card-summary[b-59z7xyzq03] {
    background: color-mix(in srgb, var(--color-primary-dark) 8%, transparent);
}

.adef-system-card-summary[b-59z7xyzq03] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 13px 16px;
    color: #7c3520;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    list-style: none;
}

.adef-system-card-summary[b-59z7xyzq03]::-webkit-details-marker {
    display: none;
}

.adef-system-card-summary[b-59z7xyzq03]::after {
    content: "Open";
    flex-shrink: 0;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(124, 53, 32, 0.08);
    color: #7c3520;
    font-size: 11px;
    font-weight: 800;
}

.adef-system-card-details[open] .adef-system-card-summary[b-59z7xyzq03] {
    border-bottom: 1px solid rgba(92, 48, 20, 0.10);
}

.adef-system-card-details[open] .adef-system-card-summary[b-59z7xyzq03]::after {
    content: "Close";
}

.adef-system-card-summary-hint[b-59z7xyzq03] {
    margin-left: auto;
    color: #8a7060;
    font-size: 12px;
    font-weight: 500;
}

.adef-system-card-body[b-59z7xyzq03] {
    display: grid;
    gap: 14px;
    padding: 16px;
    background: #fbfaf8;
}

.adef-system-field-group[b-59z7xyzq03] {
    display: grid;
    gap: 11px;
    padding: 14px;
    border: 1px solid rgba(92, 48, 20, 0.10);
    border-radius: 14px;
    background: #fff;
}

.adef-system-field-group-title[b-59z7xyzq03] {
    color: #7c3520;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.adef-system-card-body[b-59z7xyzq03]  fluent-text-field,
.adef-system-card-body[b-59z7xyzq03]  fluent-text-area {
    width: 100%;
}

.adef-system-card-two-col[b-59z7xyzq03] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
}

.adef-modal-backdrop[b-59z7xyzq03] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(33, 24, 20, 0.48);
    backdrop-filter: blur(2px);
}

.adef-modal[b-59z7xyzq03] {
    width: min(480px, 100%);
    overflow: visible;
    border: 1px solid rgba(92, 48, 20, 0.16);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(33, 24, 20, 0.32);
}

.adef-modal-head[b-59z7xyzq03] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid rgba(92, 48, 20, 0.10);
}

.adef-modal-title[b-59z7xyzq03] {
    color: #3a281c;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
}

.adef-modal-subtitle[b-59z7xyzq03] {
    margin-top: 4px;
    color: #6f5b50;
    font-size: 13px;
}

.adef-modal-body[b-59z7xyzq03] {
    display: grid;
    gap: 14px;
    overflow: visible;
    padding: 18px 22px 20px;
}

.adef-modal-body[b-59z7xyzq03]  fluent-text-field,
.adef-modal-body[b-59z7xyzq03]  fluent-select {
    width: 100%;
}

.adef-modal-body[b-59z7xyzq03]  fluent-select::part(listbox) {
    z-index: 10000;
}

.adef-modal-actions[b-59z7xyzq03] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 22px 22px;
}

@media (max-width: 760px) {
    .adef-systems-toolbar[b-59z7xyzq03],
    .adef-systems-actions[b-59z7xyzq03] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

@media (max-width: 640px) {
    .adef-submit-row[b-59z7xyzq03] {
        display: grid;
        grid-template-columns: 1fr;
        row-gap: 36px;
    }

    .adef-submit-row[b-59z7xyzq03]  fluent-button,
    .adef-submit-row[b-59z7xyzq03]  .adef-reset-btn,
    .adef-submit-row[b-59z7xyzq03]  .adef-submit-btn {
        min-width: 0;
    }

    .adef-submit-row[b-59z7xyzq03]  .adef-reset-btn::part(control),
    .adef-submit-row[b-59z7xyzq03]  .adef-submit-btn::part(control) {
        padding: 0 14px;
        font-size: 14px;
        white-space: normal;
        line-height: 1.2;
        text-align: center;
    }
}

@media (max-width: 520px) {
    .adef-system-card-two-col[b-59z7xyzq03] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/AssociationDefinition/AssociationDefinitionThankYou.razor.rz.scp.css */
.adef-wrap[b-vdcvhsd3wp] {
    max-width: 780px;
    margin: 0 auto;
    padding: 2rem 1.25rem 4rem;
}

.adef-section[b-vdcvhsd3wp] {
    background: #fff;
    border: 1px solid #e5d9cb;
    border-radius: 12px;
    margin-bottom: 1.25rem;
    box-shadow: 0 1px 4px rgba(92, 48, 20, 0.07), 0 4px 12px rgba(92, 48, 20, 0.04);
}

.adef-section-head[b-vdcvhsd3wp] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 20px;
    border-radius: 11px 11px 0 0;
    background: var(--color-accent, #bf6530);
    background: linear-gradient(90deg, rgba(133, 67, 45, 1) 0%, rgba(160, 85, 48, 1) 100%);
}

.adef-section-icon[b-vdcvhsd3wp] {
    font-size: 18px;
    line-height: 1;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
}

.adef-section-label[b-vdcvhsd3wp] {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    text-transform: uppercase;
}

.adef-section-body[b-vdcvhsd3wp] {
    padding: 2.5rem 1.75rem 2.75rem;
    text-align: center;
}

.adef-thank-you-icon[b-vdcvhsd3wp] {
    margin-bottom: 1rem;
    font-size: 4rem;
    line-height: 1;
}

.adef-page-title[b-vdcvhsd3wp] {
    margin: 0 auto 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid var(--color-accent, rgba(133, 67, 45, 0.25));
    color: var(--color-primary-dark, #78350f);
    font-size: 22px;
    font-weight: 700;
}

.adef-thank-you-lead[b-vdcvhsd3wp] {
    margin: 0 0 0.5rem;
    color: #3a281c;
    font-size: 1.2rem;
    line-height: 1.5;
}

.adef-thank-you-copy[b-vdcvhsd3wp] {
    margin: 0 0 2rem;
    color: var(--neutral-foreground-hint-rest, #666);
    line-height: 1.5;
}

.adef-submit-another-link[b-vdcvhsd3wp]::part(control) {
    min-height: 44px;
    padding: 0 24px;
    font-weight: 800;
}