/* stylelint-disable selector-class-pattern, custom-property-empty-line-before */
.TdIy9CcVkyL2d6SwjQdJ {
  transition: width 160ms ease;
  --navbar-icon-only-button-size: 40px;

  /* Keep icons closer to their original visual size */
  --navbar-icon-only-icon-size: 20px;
  --navbar-brand-toggle-size: 48px;
  --navbar-brand-toggle-inner-size: 40px;
  --navbar-brand-toggle-shield-size: 32px;

  --navbar-inline-padding: var(--mantine-spacing-md);
  --navbar-inline-padding-collapsed: calc(var(--mantine-spacing-xs) + 2px);
}

.a8OrQrutrrsKJlpBIttE {
  cursor: e-resize;
  --navbar-brand-toggle-size: 40px;
  --navbar-brand-toggle-inner-size: 36px;
  --navbar-brand-toggle-shield-size: 34px;
  --navbar-inline-padding: var(--navbar-inline-padding-collapsed);
}

.Qa6yjKjTLi9CeKs7kq6i {
  cursor: w-resize;
}

.J7rEG3O7rDUpaV2II02E {
  padding: var(--mantine-spacing-md);
  padding-left: var(--navbar-inline-padding);
  padding-right: var(--navbar-inline-padding);
}

.pdYSPfisb940v5cTnzNH {
  flex: 1;
  padding: var(--mantine-spacing-md);
  padding-left: var(--navbar-inline-padding);
  padding-right: var(--navbar-inline-padding);
}

.dO4VoLjm2Y7iipXHun5j {
  width: 100%;
  align-items: center;
  gap: var(--mantine-spacing-sm);
}

.vDOsV3HqytjGTv01_am8 {
  justify-content: center !important;
}

.mk6ufkXiideYlVAGh0pO {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.BCAhBfYPuUpTb9FUuyfU {
  width: var(--navbar-brand-toggle-size);
  height: var(--navbar-brand-toggle-size);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  cursor: e-resize;
  color: var(--mantine-color-primary-text);
  transition: background-color 120ms ease;
}

.dpCqdocNp1XdaGu274XE {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--navbar-brand-toggle-inner-size);
  height: var(--navbar-brand-toggle-inner-size);
}

.Xy3001D_GDPOXh1guVqw,
._zfNcFxomlKCWHaRWSRT {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition:
    opacity 120ms ease, transform 120ms ease;
}

.Xy3001D_GDPOXh1guVqw {
  opacity: 1;
}

.FmFJ7UXXrORkln4FfEcf {
  width: var(--navbar-brand-toggle-shield-size);
  height: auto;
}

._zfNcFxomlKCWHaRWSRT {
  opacity: 0;
}

.BCAhBfYPuUpTb9FUuyfU:hover .Xy3001D_GDPOXh1guVqw {
  opacity: 0;
  transform: translateX(-2px);
}

.BCAhBfYPuUpTb9FUuyfU:hover ._zfNcFxomlKCWHaRWSRT {
  opacity: 1;
  transform: translateX(2px);
}

.Ve9ISojxXJe1ZOBDVSTS {
  color: var(--mantine-color-primary-text);
  transition: background-color 120ms ease;
}

.BCAhBfYPuUpTb9FUuyfU:hover,
.Ve9ISojxXJe1ZOBDVSTS:hover {
  background-color: var(--mantine-color-gray-2);
}

html[data-mantine-color-scheme="dark"] .BCAhBfYPuUpTb9FUuyfU,
html[data-mantine-color-scheme="dark"] .Ve9ISojxXJe1ZOBDVSTS {
  color: var(--mantine-color-dark-0);
}

html[data-mantine-color-scheme="dark"] .BCAhBfYPuUpTb9FUuyfU:hover,
html[data-mantine-color-scheme="dark"] .Ve9ISojxXJe1ZOBDVSTS:hover {
  background-color: var(--mantine-color-dark-5);
}

/* NavbarButton.module.css */
.qyauMql1W1hotJvgPCah {
  width: 100%;
  border-radius: 4px;
  border: none;
  min-height: 32px;
  transition: background-color 0.2s;
  font-size: 0.9em;
  font-weight: 400;
  color: var(--mantine-color-primary-text);
}

.OyYlJL81JRJqLF3y6tME {
  background-color: transparent;
  box-shadow: none;
  color: var(--mantine-color-black);
}

.OyYlJL81JRJqLF3y6tME:hover {
    color: var(--mantine-color-black);
    background-color: var(--mantine-color-gray-2);
  }

.JUpk4R1qh8b_rnppkG5t {
  box-shadow: none;

  /* Light mode active */

  /* background-color: var(--mantine-color-green-0); Re-evaluate if needed */
}

.JUpk4R1qh8b_rnppkG5t:hover {
    background-color: var(--mantine-color-green-0);
  }

/* === Light Mode Active State === */
html[data-mantine-color-scheme="light"] .JUpk4R1qh8b_rnppkG5t {
  background-color: var(--mantine-color-green-0);
}

/* More specific selectors for active text/icon color (Light) */
html[data-mantine-color-scheme="light"] .JUpk4R1qh8b_rnppkG5t span {
  color: var(--mantine-color-green-9);
}

html[data-mantine-color-scheme="light"] .JUpk4R1qh8b_rnppkG5t svg {
  color: var(--mantine-color-green-9);
}

/* === Dark Mode Active State === */
html[data-mantine-color-scheme="dark"] .JUpk4R1qh8b_rnppkG5t {
  /* Dark mode active */
  background-color: color-mix(
    in srgb,
    var(--mantine-color-green-6),
    transparent 85%
  );
}

/* More specific selectors for active text/icon color (Dark) */
html[data-mantine-color-scheme="dark"] .JUpk4R1qh8b_rnppkG5t span {
  color: var(--mantine-color-green-6);
}

html[data-mantine-color-scheme="dark"] .JUpk4R1qh8b_rnppkG5t svg {
  color: var(--mantine-color-green-6);
}

html[data-mantine-color-scheme="dark"] .OyYlJL81JRJqLF3y6tME {
  box-shadow: none;
  color: var(--mantine-color-dark-0);
}

html[data-mantine-color-scheme="dark"] .OyYlJL81JRJqLF3y6tME:hover {
    color: var(--mantine-color-dark-0);
    background-color: var(--mantine-color-dark-5);
  }

html[data-mantine-color-scheme="dark"] .OyYlJL81JRJqLF3y6tME:hover svg {
    color: var(--mantine-color-dark-0);
  }

.aYVdOXhy_N7gD6lVTqa9 {
  /* Tighter vertical spacing while keeping a larger hit area */
  margin-bottom: var(--mantine-spacing-sm);
  width: var(--navbar-icon-only-button-size);
  height: var(--navbar-icon-only-button-size);
  color: var(--mantine-color-gray-7);
  transition:
    background-color 120ms ease, color 120ms ease;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.aYVdOXhy_N7gD6lVTqa9 svg {
  width: var(--navbar-icon-only-icon-size);
  height: var(--navbar-icon-only-icon-size);
}

.aYVdOXhy_N7gD6lVTqa9:hover {
  background-color: var(--mantine-color-gray-1);
}

.aYVdOXhy_N7gD6lVTqa9[data-active="true"] {
  background-color: var(--mantine-color-green-0);
  color: var(--mantine-color-green-9);
  box-shadow: none;
}

.aYVdOXhy_N7gD6lVTqa9[data-active="true"] svg {
  color: var(--mantine-color-green-9);
  stroke: var(--mantine-color-green-9);
}

html[data-mantine-color-scheme="dark"] .aYVdOXhy_N7gD6lVTqa9 {
  color: var(--mantine-color-dark-0);
}

html[data-mantine-color-scheme="dark"] .aYVdOXhy_N7gD6lVTqa9:hover {
  background-color: var(--mantine-color-dark-5);
}

html[data-mantine-color-scheme="dark"] .aYVdOXhy_N7gD6lVTqa9[data-active="true"] {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-green-6),
    transparent 75%
  );
  color: var(--mantine-color-green-4);
}

html[data-mantine-color-scheme="dark"] .aYVdOXhy_N7gD6lVTqa9[data-active="true"] svg {
  color: var(--mantine-color-green-4);
  stroke: var(--mantine-color-green-4);
}

.FyDfjTpDGumy4XqExhxR {
  border-radius: var(--mantine-radius-default) var(--mantine-radius-default) 0%
    0%;
}

._cQB6I3DiSLX1a1F4y5N {
  background-color: var(--mantine-color-green-light);
}

._cQB6I3DiSLX1a1F4y5N:hover {
    background-color: var(--mantine-color-green-light-hover);
    cursor: pointer;
  }

.GtJSeLnIaqmRI62PdbLc {
  border-radius: 0% 0% var(--mantine-radius-default)
    var(--mantine-radius-default);
}

.juyz9l8uNAsqhY00HCpK {
  border: calc(0.0625rem * var(--mantine-scale)) solid green;
}

.Qkgu8HFjBy2iz_ul9XOM {
  border: calc(0.0625rem * var(--mantine-scale)) solid
    var(--mantine-color-yellow-3);
}

[data-mantine-color-scheme='dark'] .MZZuDP8dr8vtnunXtqzP {
    border: calc(0.0625rem * var(--mantine-scale)) solid
      var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='light'] .MZZuDP8dr8vtnunXtqzP {
    border: calc(0.0625rem * var(--mantine-scale)) solid
      var(--mantine-color-gray-6);
}

.uSHnUfY0uQt9QyaMU6aR {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.uSHnUfY0uQt9QyaMU6aR::after {
  content: "";
  position: absolute;
  top: -30%;
  right: -15%;
  bottom: -30%;
  left: -15%;
  pointer-events: none;
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(255, 255, 255, 0.06) 20%,
    rgba(255, 255, 255, 0.28) 40%,
    rgba(255, 255, 255, 0.45) 50%,
    rgba(255, 255, 255, 0.18) 64%,
    transparent 80%
  );
  opacity: 0;
  transform: translateX(-140%) skewX(-12deg);
  animation: OT456ZtAnotMqhsXd9Kw 6.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .uSHnUfY0uQt9QyaMU6aR::after {
    animation: none;
    opacity: 0;
  }
}

@keyframes OT456ZtAnotMqhsXd9Kw {
  0%,
  70% {
    opacity: 0;
    transform: translateX(-150%) skewX(-12deg);
  }

  78% {
    opacity: 0.25;
  }

  82% {
    opacity: 0.45;
    transform: translateX(120%) skewX(-12deg);
  }

  100% {
    opacity: 0;
    transform: translateX(160%) skewX(-12deg);
  }
}

._GLSqHJ_OHuDvjo9Lk1H {
  border-radius: var(--mantine-radius-lg); /* Apply to all corners */
}

.HCHb7yfN7NPb6xPF3QvK {
  background-color: var(--mantine-color-green-light);
}

.HCHb7yfN7NPb6xPF3QvK:hover {
    background-color: var(--mantine-color-green-light-hover);
    cursor: pointer;
  }

.eC2fpm6lVGjgI1QWelB7 {
  border-radius: 0% 0% var(--mantine-radius-lg) var(--mantine-radius-lg);
}

.fp_aU9JDbZS2MmlmZZR6 {
  border: calc(0.0625rem * var(--mantine-scale)) solid green;
}

.Bp73ET6lQa19hjghf7NX {
  border: calc(0.0625rem * var(--mantine-scale)) solid
    var(--mantine-color-yellow-3);
}

/* Card grid styles */
.Vzj9hdqAZH5C1MbeqwHX {
  height: 100%;
  display: flex;
  flex-direction: column;
  transition:
    border-color 0.2s, box-shadow 0.2s;
  overflow: hidden;
  background-color: var(
    --mantine-color-second-background-filled
  ); /* Default card background for .card */

  box-shadow: none;
}
.Vzj9hdqAZH5C1MbeqwHX:hover {
    border-color: var(--mantine-color-green-4);
    box-shadow: var(--mantine-shadow-sm);
  }

.Kxfd94ObKfyTzdENbBuf {
  --premium-glow-color: var(--mantine-color-green-9);
  --premium-overlay-blend: soft-light;
  --premium-highlight-base: color-mix(
    in srgb,
    var(--premium-glow-color) 55%,
    white 20%
  );

  transition:
    border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
  border-color: var(--mantine-color-default-border);
  box-shadow: none;
  transform-style: preserve-3d;
  transform: perspective(1100px) rotateX(0deg)
    rotateY(0deg);
  transform: perspective(1100px) rotateX(var(--premium-tilt-x, 0deg))
    rotateY(var(--premium-tilt-y, 0deg));
}

.Kxfd94ObKfyTzdENbBuf:hover {
  box-shadow:
    0 12px 38px color-mix(in srgb, var(--premium-glow-color) 22%, transparent),
    inset 0 0 0 1px
      color-mix(in srgb, var(--premium-glow-color) 18%, transparent);
  border-color: color-mix(in srgb, var(--premium-glow-color) 34%, transparent);
}

[data-mantine-color-scheme="dark"] .Kxfd94ObKfyTzdENbBuf {
  --premium-glow-color: var(--mantine-color-green-6);
  --premium-overlay-blend: screen;
  --premium-highlight-base: color-mix(
    in srgb,
    var(--premium-glow-color) 38%,
    white 40%
  );
}

[data-mantine-color-scheme="light"] .Kxfd94ObKfyTzdENbBuf {
  --premium-glow-color: var(--mantine-color-green-9);
  --premium-overlay-blend: hard-light;
  --premium-highlight-base: color-mix(
    in srgb,
    var(--premium-glow-color) 60%,
    black 8%
  );
}

[data-mantine-color-scheme="light"] .Kxfd94ObKfyTzdENbBuf:hover {
  box-shadow:
    0 18px 48px color-mix(in srgb, var(--premium-glow-color) 34%, transparent),
    0 0 0 1px color-mix(in srgb, var(--premium-glow-color) 24%, transparent);
  border-color: color-mix(in srgb, var(--premium-glow-color) 42%, transparent);
}

.cZZK5R_SHBTdHCKL5m3z {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: inherit;
  box-shadow: inset 0 0 0 1px var(--mantine-color-default-border);
  will-change: transform;

  --premium-shimmer-duration: 2800ms;
  --premium-shimmer-blend: screen;
  --premium-shimmer-highlight: color-mix(
    in srgb,
    var(--premium-highlight-base) 80%,
    white 15%
  );
  --premium-shimmer-soft: color-mix(
    in srgb,
    var(--premium-highlight-base) 25%,
    transparent
  );
}

[data-mantine-color-scheme="light"] .cZZK5R_SHBTdHCKL5m3z {
  --premium-shimmer-blend: hard-light;
}

.d8GrYWuMkrQ05WuuUPs9 {
  position: absolute;
  top: -30%;
  right: -30%;
  bottom: -30%;
  left: -30%;
  pointer-events: none;
  background-image: linear-gradient(
    110deg,
    transparent 0%,
    rgba(255, 255, 255, 0.05) 6%,
    rgba(255, 255, 255, 0.25) 18%,
    color-mix(in srgb, var(--premium-shimmer-highlight) 75%, white 10%) 35%,
    color-mix(in srgb, var(--premium-shimmer-highlight) 95%, white 5%) 50%,
    color-mix(in srgb, var(--premium-shimmer-highlight) 70%, white 15%) 68%,
    rgba(255, 255, 255, 0.12) 82%,
    transparent 100%
  );
  mix-blend-mode: screen;
  mix-blend-mode: var(--premium-shimmer-blend, screen);
  opacity: 0;
  transform: translateX(165%) skewX(-12deg);
  filter: saturate(1.12) brightness(1.05);
  animation: gWs4IayKWjg3lSzc925h
    2800ms cubic-bezier(0.3, 0.7, 0, 1)
    forwards;
  animation: gWs4IayKWjg3lSzc925h
    var(--premium-shimmer-duration, 2800ms) cubic-bezier(0.3, 0.7, 0, 1)
    forwards;
  z-index: 2;
}

.UMQs1YHGpMa1MdbDjEhQ {
  animation-name: H7BFgEPpNAhavdb774tF;
}

@media (prefers-reduced-motion: reduce) {
  .d8GrYWuMkrQ05WuuUPs9,
  .UMQs1YHGpMa1MdbDjEhQ {
    animation: none;
    opacity: 0;
  }
}

@keyframes gWs4IayKWjg3lSzc925h {
  0% {
    transform: translateX(-165%) skewX(-12deg);
    opacity: 0;
  }

  20% {
    opacity: 0.35;
  }

  35% {
    opacity: 0.65;
  }

  65% {
    opacity: 0.4;
  }

  100% {
    transform: translateX(165%) skewX(-12deg);
    opacity: 0;
  }
}

@keyframes H7BFgEPpNAhavdb774tF {
  0% {
    transform: translateX(165%) skewX(-12deg);
    opacity: 0;
  }

  20% {
    opacity: 0.35;
  }

  35% {
    opacity: 0.65;
  }

  65% {
    opacity: 0.4;
  }

  100% {
    transform: translateX(-165%) skewX(-12deg);
    opacity: 0;
  }
}

.PTUFGYGikibEYHGI5X65 {
  border-bottom: 1px solid var(--mantine-color-default-border);
}

.Vzj9hdqAZH5C1MbeqwHX .pLR8G8FvjFncjida7v0r {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mantine-color-default-border);
  background-color: var(
    --mantine-color-background-filled
  ); /* Added for image container */

  padding: 4px;
  overflow: hidden;
  flex-shrink: 0;
}

.OyQHwpnX0gZp2DKw0hEt {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p2ofyLpXIhjvUUH7LShH {
  flex: 1;
}

.Vzj9hdqAZH5C1MbeqwHX .cwjRmUCEEBOTKOAw88Ft {
  background-color: var(--mantine-color-background-filled);
  border-radius: var(--mantine-radius-md);
  border: 1px solid transparent; /* Default border transparent */
  transition: border-color 0.2s;
}

.Vzj9hdqAZH5C1MbeqwHX .cwjRmUCEEBOTKOAw88Ft:hover {
    border-color: var(--mantine-color-green-4);
  }

/* Change color of ActionIcon's SVG within endpointContainer on hover */

.Vzj9hdqAZH5C1MbeqwHX .cwjRmUCEEBOTKOAw88Ft:hover svg {
    color: var(
      --mantine-color-green-6
    ); /* Or theme.colors.green[6] equivalent */
  }

.fnVKCkSrvXasTBjFNfIg {
  position: relative;
}

.pvjEyMv_QJw4icnhUAR9 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--mantine-radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--mantine-color-default-border);
  backdrop-filter: blur(4px);
  background-color: rgba(0, 0, 0, 0.08);
  cursor: pointer;
  transition:
    background-color 0.2s, border-color 0.2s;
  z-index: 2;
  padding: 0;
  gap: 0;
}

.uS3IQoXjj0TVu0h4hUKr {
  background-color: rgba(0, 0, 0, 0.35);
  border-color: var(--mantine-color-dark-4);
}

.pvjEyMv_QJw4icnhUAR9:focus-visible {
  outline: 2px solid var(--mantine-color-green-6);
  outline-offset: 2px;
}

.IJMBfA5_hcLh00w5n5eV:hover {
  border-color: var(--mantine-color-green-4);
  background-color: color-mix(
    in srgb,
    var(--mantine-color-green-4) 40%,
    transparent
  );
}

.DBpCleDwDrw5m8ul_Xj_ {
  border-color: var(--mantine-color-red-6);
  background-color: color-mix(
    in srgb,
    var(--mantine-color-red-6) 30%,
    transparent
  );
}

.DBpCleDwDrw5m8ul_Xj_:hover {
  background-color: color-mix(
    in srgb,
    var(--mantine-color-red-6) 55%,
    transparent
  );
}

.mYpkbIFJE0tXjPM_QYY8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}

.KGwjrnt6OnYglL0_YWwV {
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

/* Conditional styling for dashboard context */
.Vzj9hdqAZH5C1MbeqwHX[data-context="dashboard"] {
  background-color: var(
    --mantine-color-background-filled
  ); /* Dashboard card background */
}

.Vzj9hdqAZH5C1MbeqwHX[data-context="dashboard"] .pLR8G8FvjFncjida7v0r {
  background-color: var(--mantine-color-second-background-filled);
}

.Vzj9hdqAZH5C1MbeqwHX[data-context="dashboard"] .cwjRmUCEEBOTKOAw88Ft {
  background-color: var(--mantine-color-second-background-filled);
}

.Vzj9hdqAZH5C1MbeqwHX[data-context="default"] .pLR8G8FvjFncjida7v0r {
  background-color: var(
    --mantine-color-background-filled
  ); /* Inner elements for default card */
}

.Vzj9hdqAZH5C1MbeqwHX[data-context="default"] .cwjRmUCEEBOTKOAw88Ft {
  background-color: var(
    --mantine-color-background-filled
  ); /* Inner elements for default card */
}

/* api-keys.module.css */
.rpdhLUgQeieCg_2K8Oku {
  border-radius: var(--mantine-radius-lg);
}

[data-mantine-color-scheme="dark"] .rpdhLUgQeieCg_2K8Oku {
  border-top: solid 1px var(--mantine-color-dark-5);
}

[data-mantine-color-scheme="light"] .rpdhLUgQeieCg_2K8Oku {
  border-top: solid 1px var(--mantine-color-gray-3);
}

.CMUqJVmQzj6fQpttFhpm {
  border-collapse: separate;
  border-spacing: 0;
  border-radius: var(--mantine-radius-lg);
  border: 1px solid var(--mantine-color-gray-3);
  overflow: hidden;
}

[data-mantine-color-scheme="dark"] .CMUqJVmQzj6fQpttFhpm {
  border: 1px solid var(--mantine-color-dark-4);
}

.C52BMLX50bhKazvf4OBG {
  background: var(--mantine-color-background-0);
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm); /* Default Mantine padding */
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-gray-3));
}

[data-mantine-color-scheme="dark"] .C52BMLX50bhKazvf4OBG {
  border-bottom: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-dark-4));
}

.C52BMLX50bhKazvf4OBG:not(:last-of-type) {
  border-right: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-gray-3));
}

[data-mantine-color-scheme="dark"] .C52BMLX50bhKazvf4OBG:not(:last-of-type) {
  border-right: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-dark-4));
}

.C52BMLX50bhKazvf4OBG:first-child {
  border-radius: var(--mantine-spacing-lg) 0 0 0;
}

.C52BMLX50bhKazvf4OBG:last-child {
  border-radius: 0 var(--mantine-spacing-lg) 0 0;
}

.fqeeKvetvlkAnPmsIHOC {
  padding: var(--mantine-spacing-xs) var(--mantine-spacing-sm); /* Default Mantine padding */
  border-top: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-gray-3));
}

[data-mantine-color-scheme="dark"] .fqeeKvetvlkAnPmsIHOC {
  border-top: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-dark-4));
}

.fqeeKvetvlkAnPmsIHOC:not(:last-of-type) {
  border-right: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-gray-3));
}

[data-mantine-color-scheme="dark"] .fqeeKvetvlkAnPmsIHOC:not(:last-of-type) {
  border-right: calc(0.0625rem * var(--mantine-scale)) solid
    var(--table-border-color, var(--mantine-color-dark-4));
}

.Jk7lCWnHei1cWSL0XyjE:hover .fqeeKvetvlkAnPmsIHOC {
  background-color: var(--mantine-color-gray-0);
}

[data-mantine-color-scheme="dark"] .Jk7lCWnHei1cWSL0XyjE:hover .fqeeKvetvlkAnPmsIHOC {
  background-color: var(--mantine-color-dark-5);
}

.Jk7lCWnHei1cWSL0XyjE:last-child > .fqeeKvetvlkAnPmsIHOC:first-child {
  border-bottom-left-radius: var(--mantine-radius-lg);
}

.Jk7lCWnHei1cWSL0XyjE:last-child > .fqeeKvetvlkAnPmsIHOC:last-child {
  border-bottom-right-radius: var(--mantine-radius-lg);
}

/* Ensure hover on last row also respects these radii */
.Jk7lCWnHei1cWSL0XyjE:hover:last-child .fqeeKvetvlkAnPmsIHOC:first-child {
  border-bottom-left-radius: var(--mantine-radius-lg);
}

.Jk7lCWnHei1cWSL0XyjE:hover:last-child .fqeeKvetvlkAnPmsIHOC:last-child {
  border-bottom-right-radius: var(--mantine-radius-lg);
}

/* Styling for the Grid view when table is not shown */
.XyXfqcV3u91pdnoMQk7x {
  padding: var(--mantine-spacing-md);
}

.YG9j4r2xpwSCdNxrHxLF {
  cursor: pointer;
}

.YG9j4r2xpwSCdNxrHxLF:hover {
  background-color: var(--mantine-color-gray-1);
}

[data-mantine-color-scheme="dark"] .YG9j4r2xpwSCdNxrHxLF:hover {
  background-color: var(--mantine-color-dark-6);
}

.un9bq0AyrVPN4a77GXme {
  /* Ideally we want all corners to be rounded but the row hover effect is causing issues on the last row */
  border-radius: var(--mantine-spacing-lg);
  border-collapse: separate;
}

[data-mantine-color-scheme='dark'] .un9bq0AyrVPN4a77GXme {
    border-top: solid var(--mantine-color-dark-5) 1px;
}

[data-mantine-color-scheme='light'] .un9bq0AyrVPN4a77GXme {
    border-top: solid var(--mantine-color-gray-3) 1px;
}

.dDRcnddSpnY5MF6PTj99 {
  background: var(--mantine-color-background-0);
  position: relative;

  /* make room for the right-aligned grab handle */
  padding-right: calc(var(--mantine-spacing-md) + 8px);
}

.dDRcnddSpnY5MF6PTj99:first-child {
    border-radius: var(--mantine-spacing-lg) 0 0 0;
  }

.dDRcnddSpnY5MF6PTj99:last-child {
    border-radius: 0 var(--mantine-spacing-lg) 0 0;
  }

[data-mantine-color-scheme='dark'] .g3B7EPG5W3bdSZ9D5aEn {
    border-top: solid var(--mantine-color-dark-5) 1px;
}

[data-mantine-color-scheme='light'] .g3B7EPG5W3bdSZ9D5aEn {
    border-top: solid var(--mantine-color-gray-3) 1px;
}

[data-mantine-color-scheme='dark'] .NVjfmU0PWzf4omsxrnIA {
    background: var(--mantine-color-dark-4);
}

[data-mantine-color-scheme='light'] .NVjfmU0PWzf4omsxrnIA {
    background: var(--mantine-color-gray-2);
}

.JLUzvJ_CQeUdSVZ9DpZG:hover td {
    background: var(--table-hover-color);
  }

.JLUzvJ_CQeUdSVZ9DpZG:hover:last-child td:first-child {
    border-radius: 0 0 0 var(--mantine-spacing-lg);
  }

.JLUzvJ_CQeUdSVZ9DpZG:hover:last-child td:last-child {
    border-radius: 0 0 var(--mantine-spacing-lg) 0;
  }

.Ib3ppwKY_VVdtJgoc1Rm:last-child td {
  border-radius: 0 0 var(--mantine-spacing-lg) var(--mantine-spacing-lg);

  /* Disable hover effect on expanded rows, it messes with the rounded corners on the last row */
  pointer-events: none;
}

[data-mantine-color-scheme='dark'] .esNWOfTCk2rpohXd7j8l {
    border-bottom: solid var(--mantine-color-dark-5) 1px;
}

[data-mantine-color-scheme='light'] .esNWOfTCk2rpohXd7j8l {
    border-bottom: solid var(--mantine-color-gray-3) 1px;
}

/* Right-align the header drag/reorder handle while keeping title/sort on the left */

/* Try to right-align only the drag/reorder handle in header without changing layout */
.hD1HzxP1ZTNUyL9tFsr0
  :where(
    button[aria-label*="Reorder"],
    button[aria-label*="Move"],
    button[aria-label*="Drag"]
  ) {
  float: right;
  margin-left: var(--mantine-spacing-xs);
}

/* Network column nowrap handled inline in renderChain() */

:root {
  background: var(--mantine-color-background-filled);

  /* stylelint-disable-next-line */
}

[data-mantine-color-scheme='dark']:root {
    background: var(--mantine-color-background-filled);
}

/* You can use Mantine PostCSS mixins inside data attributes */

[data-mantine-color-scheme='light'] .mantine-Button-root[data-disabled] {
      background: var(--mantine-color-gray-3);
}

[data-mantine-color-scheme='dark'] .mantine-Button-root[data-disabled] {
      background: var(--mantine-color-dark-4);
}

svg {
  color: black;

  /* stylelint-disable-next-line */
}

[data-mantine-color-scheme='dark'] svg {
    color: white;
}

body {
  height: 100vh;
  width: 100vw;
}

/* Mantine React Table tweaks */

/* Column resizer color */
.mrt-resizer {
  background-color: transparent !important;
  opacity: 1;
  width: 12px;
  right: -6px;
  cursor: col-resize;
}

.mrt-resizer:hover {
  background-color: var(--mantine-color-green-6) !important;
  opacity: 0.6;
}

/* Add bottom spacing below table paper */

.mrt-table-paper {
  margin-bottom: var(--mantine-spacing-lg);
}

/* Round bottom corners on last row cells */

.mrt-table tbody tr:last-child td:first-child {
  border-bottom-left-radius: var(--mantine-radius-lg);
  overflow: hidden;
}

.mrt-table tbody tr:last-child td:last-child {
  border-bottom-right-radius: var(--mantine-radius-lg);
  overflow: hidden;
}

/* Round top corners on header left/right */

.mrt-table thead tr th:first-child {
  border-top-left-radius: var(--mantine-radius-lg);
}

.mrt-table thead tr th:last-child {
  border-top-right-radius: var(--mantine-radius-lg);
}

/* MRT header content: push actions (grab handle) to far right without disturbing label/sort */
.mrt-table-head-cell-content {
  display: flex;
  align-items: center;
}

.mrt-table-head-cell-labels {
  flex: 1 1 auto;
  min-width: 0;
}

.mrt-table-head-cell-content-actions {
  margin-left: auto;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* Keep expanded data row and its detail panel exactly the same bg */
.mantine-Table-tr-detail-panel,
.mantine-Table-td-detail-panel {
  /* Layer a translucent green over the same base bg as rows */
  background:
    linear-gradient(
      0deg,
      rgba(82, 177, 150, 0.15) 0%,
      rgba(82, 177, 150, 0.15) 100%
    ),
    var(--mantine-color-second-background, var(--mantine-color-body)) !important;
}

/* Row hover overlay only (keep existing base bg) */

/* Green hover overlay (subtle, works in both themes) */
.mrt-table tbody tr:hover:not(.mantine-Table-tr-detail-panel) td {
  background-image: linear-gradient(
    0deg,
    rgba(82, 177, 150, 0.1),
    rgba(82, 177, 150, 0.1)
  );
}

/* Avoid double-thick vertical borders by removing left borders;
   rely on the previous cell's right border to draw the divider. */
.mrt-table thead th[data-with-column-border="true"],
.mrt-table tbody td[data-with-column-border="true"] {
  border-left-width: 0 !important;
}

/* Normalize row top divider thickness across all columns */
.mrt-table tbody td {
  border-top: 1px solid var(--mantine-color-gray-3);
}

[data-mantine-color-scheme="dark"] .mrt-table tbody td {
  border-top: 1px solid var(--mantine-color-dark-4);
}


/*# sourceMappingURL=app.ad3cd274dcddadf6ad56.css.map*/