.J7rEG3O7rDUpaV2II02E {
  padding: var(--mantine-spacing-md);
}

/* 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);
  }

._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);
  }

.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 */
  }

/* 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.9653a61aaa2e60482276.css.map*/