/* /App.razor.rz.scp.css */
.checkingUserBackground[b-hpa7l0605f] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #0080a0;
}

.checkingUserSpinArea[b-hpa7l0605f] {
  position: absolute;
  left: calc(50% - 40px);
  top: calc(50% - 40px);
  width: 80px;
  height: 80px;
}

.checkingUserSpinner[b-hpa7l0605f],
.checkingUserSpinner[b-hpa7l0605f]:before,
.checkingUserSpinner[b-hpa7l0605f]:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7-b-hpa7l0605f 1.8s infinite ease-in-out;
}

.checkingUserSpinner[b-hpa7l0605f] {
  color: #ffffff;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

  .checkingUserSpinner[b-hpa7l0605f]:before,
  .checkingUserSpinner[b-hpa7l0605f]:after {
    content: '';
    position: absolute;
    top: 0;
  }

  .checkingUserSpinner[b-hpa7l0605f]:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
  }

  .checkingUserSpinner[b-hpa7l0605f]:after {
    left: 3.5em;
  }

@-webkit-keyframes load7 {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

@keyframes load7-b-hpa7l0605f {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }

  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
/* /Components/JsonTreeNode.razor.rz.scp.css */
.json-node[b-lfbxhjgv6f] {
  margin: 0.25rem 0;
}

.json-node-header[b-lfbxhjgv6f] {
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.2s;
}

.json-node-header:hover[b-lfbxhjgv6f] {
  background-color: #e9ecef;
}

.toggle-icon[b-lfbxhjgv6f] {
  color: #6c757d;
  font-size: 0.75rem;
  width: 12px;
  display: inline-block;
  user-select: none;
}

.property-name[b-lfbxhjgv6f] {
  color: #0056b3;
  font-weight: 600;
}

.node-type[b-lfbxhjgv6f] {
  color: #6c757d;
  font-size: 0.75rem;
  font-style: italic;
}

.json-node-children[b-lfbxhjgv6f] {
  margin-left: 0;
}

.json-leaf-node[b-lfbxhjgv6f] {
  padding: 0.25rem 0.5rem;
  display: flex;
  gap: 0.5rem;
}

.property-value[b-lfbxhjgv6f] {
  font-family: 'Courier New', monospace;
}

.value-string[b-lfbxhjgv6f] {
  color: #22863a;
}

.value-number[b-lfbxhjgv6f] {
  color: #005cc5;
}

.value-boolean[b-lfbxhjgv6f] {
  color: #d73a49;
  font-weight: 600;
}

.value-null[b-lfbxhjgv6f] {
  color: #6c757d;
  font-style: italic;
}

.value-default[b-lfbxhjgv6f] {
  color: #333;
}
/* /Components/JsonTreeView.razor.rz.scp.css */
.json-tree-view[b-u5vckddksz] {
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  max-height: 500px;
  overflow-y: auto;
}

.json-error[b-u5vckddksz] {
  color: #dc3545;
  padding: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.json-error .oi[b-u5vckddksz] {
  font-size: 1.25rem;
}
/* /Components/TabErrorBoundary.razor.rz.scp.css */
.error-boundary-container[b-rhi1qgqhp5] {
  padding: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
}

.error-panel[b-rhi1qgqhp5] {
  background: #fff;
  border: 2px solid #dc3545;
  border-radius: 8px;
  padding: 2rem;
  max-width: 600px;
  width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.error-icon[b-rhi1qgqhp5] {
  text-align: center;
  margin-bottom: 1rem;
}

.error-icon .oi[b-rhi1qgqhp5] {
  font-size: 3rem;
  color: #dc3545;
}

.error-panel h4[b-rhi1qgqhp5] {
  text-align: center;
  color: #dc3545;
  margin-bottom: 1rem;
}

.error-message[b-rhi1qgqhp5] {
  text-align: center;
  color: #6c757d;
  margin-bottom: 1.5rem;
}

.reload-indicator[b-rhi1qgqhp5] {
  text-align: center;
  margin-bottom: 1rem;
}

.reload-indicator .spinner-border[b-rhi1qgqhp5] {
  width: 2rem;
  height: 2rem;
  border-width: 0.25rem;
  margin-bottom: 0.5rem;
}

.reload-indicator p[b-rhi1qgqhp5] {
  color: #6c757d;
  font-size: 0.9rem;
  margin: 0;
}

.error-actions[b-rhi1qgqhp5] {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 1rem;
}

.error-details[b-rhi1qgqhp5] {
  margin-top: 1.5rem;
  border-top: 1px solid #dee2e6;
  padding-top: 1rem;
}

.error-details summary[b-rhi1qgqhp5] {
  cursor: pointer;
  color: #6c757d;
  font-size: 0.9rem;
  user-select: none;
}

.error-details summary:hover[b-rhi1qgqhp5] {
  color: #495057;
}

.error-stack[b-rhi1qgqhp5] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  margin-top: 0.5rem;
  font-size: 0.75rem;
  overflow-x: auto;
  max-height: 300px;
  overflow-y: auto;
}
/* /Components/Tanks/TankRecostModal.razor.rz.scp.css */
/* Tank Recost Modal — shared pip-modal-* convention from OpComm. */

.pip-modal-overlay[b-jcevuu4f4j] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1060;
}

.pip-modal[b-jcevuu4f4j] {
  background: #ffffff;
  border-radius: 10px;
  width: 92%;
  max-width: 1000px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}

.pip-modal-header[b-jcevuu4f4j] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border-bottom: 1px solid #e2e8f0;
}

.pip-modal-title[b-jcevuu4f4j] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1.05rem;
}

.pip-modal-subtitle[b-jcevuu4f4j] {
  font-weight: 400;
  color: #6c757d;
  font-size: 0.9rem;
  margin-left: 0.5rem;
}

.pip-modal-close[b-jcevuu4f4j] {
  background: transparent;
  border: 0;
  color: #6c757d;
  font-size: 1.1rem;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
}

.pip-modal-close:hover[b-jcevuu4f4j] {
  background: #f1f3f5;
  color: #212529;
}

.pip-modal-body[b-jcevuu4f4j] {
  flex: 1;
  overflow-y: auto;
  padding: 1rem 1.25rem;
}

.pip-modal-footer[b-jcevuu4f4j] {
  border-top: 1px solid #e2e8f0;
  padding: 0.5rem 1.25rem;
  display: flex;
  justify-content: flex-end;
}

/* Content sections */
.pip-modal-section[b-jcevuu4f4j] {
  margin-bottom: 1.2rem;
}

.pip-modal-section-header[b-jcevuu4f4j] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  color: #343a40;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e9ecef;
  padding-bottom: 0.25rem;
}

.pip-modal-summary[b-jcevuu4f4j] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.4rem 1rem;
  background: #f8f9fa;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.pip-modal-summary-row[b-jcevuu4f4j] {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}

.pip-modal-label[b-jcevuu4f4j] {
  color: #6c757d;
}

.pip-modal-value[b-jcevuu4f4j] {
  font-weight: 500;
  color: #212529;
}

.pip-modal-muted[b-jcevuu4f4j] {
  color: #868e96;
  font-size: 0.85rem;
}

.pip-modal-loading[b-jcevuu4f4j] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  padding: 1.5rem;
  justify-content: center;
  color: #6c757d;
}

/* Scenarios table */
.pip-modal-scenarios[b-jcevuu4f4j] {
  width: 100%;
  font-size: 0.88rem;
  border: 1px solid #e9ecef;
}

.pip-modal-scenarios th[b-jcevuu4f4j] {
  background: #f1f3f5;
  color: #495057;
  font-weight: 600;
  padding: 0.4rem 0.55rem;
  border-bottom: 1px solid #dee2e6;
}

.pip-modal-scenarios td[b-jcevuu4f4j] {
  padding: 0.35rem 0.55rem;
  border-bottom: 1px solid #f1f3f5;
}

.pip-modal-scenario-note td[b-jcevuu4f4j] {
  background: #fffbea;
  padding: 0.3rem 0.55rem;
  font-size: 0.82rem;
}

.pip-modal-delta-pos[b-jcevuu4f4j] { color: #087f5b; font-weight: 600; }
.pip-modal-delta-neg[b-jcevuu4f4j] { color: #c92a2a; font-weight: 600; }
.pip-modal-delta-zero[b-jcevuu4f4j] { color: #868e96; }

/* Shadow drift chart */
.pip-modal-chart[b-jcevuu4f4j] {
  display: block;
  width: 100%;
  height: 180px;
  background: #fbfbfd;
  border: 1px solid #e9ecef;
  border-radius: 6px;
}

.pip-modal-chart path[b-jcevuu4f4j] {
  fill: none;
  stroke-width: 1.5;
}

.pip-modal-chart-real[b-jcevuu4f4j] { stroke: #228be6; }
.pip-modal-chart-shadow[b-jcevuu4f4j] { stroke: #6f42c1; stroke-dasharray: 4 3; }
.pip-modal-chart-drift[b-jcevuu4f4j] { stroke: #fab005; }

.pip-modal-chart-legend[b-jcevuu4f4j] {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  font-size: 0.8rem;
  color: #495057;
  margin-top: 0.35rem;
  padding-left: 0.25rem;
}

.pip-modal-chart-swatch[b-jcevuu4f4j] {
  display: inline-block;
  width: 14px;
  height: 3px;
  margin-right: 0.25rem;
  vertical-align: middle;
}

.pip-modal-chart-swatch.pip-modal-chart-real[b-jcevuu4f4j] { background: #228be6; }
.pip-modal-chart-swatch.pip-modal-chart-shadow[b-jcevuu4f4j] { background: #6f42c1; }
.pip-modal-chart-swatch.pip-modal-chart-drift[b-jcevuu4f4j] { background: #fab005; }

.pip-modal-chart-empty[b-jcevuu4f4j] {
  padding: 2rem;
  text-align: center;
  background: #fbfbfd;
  border: 1px dashed #e9ecef;
  border-radius: 6px;
}

/* Action cards */
.pip-modal-actions-grid[b-jcevuu4f4j] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.pip-modal-action-card[b-jcevuu4f4j] {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 0.75rem 0.85rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}

.pip-modal-action-title[b-jcevuu4f4j] {
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  color: #212529;
}

.pip-modal-action-body[b-jcevuu4f4j] {
  font-size: 0.85rem;
  color: #495057;
  margin: 0;
  flex: 1;
}

.pip-modal-confirm[b-jcevuu4f4j],
.pip-modal-note[b-jcevuu4f4j] {
  margin-top: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
/* /Controls/CheckInputField.razor.rz.scp.css */
.labelArea[b-oa0s26elta] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-oa0s26elta] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-oa0s26elta] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-oa0s26elta] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/FileInputField.razor.rz.scp.css */
.labelArea[b-06rv4so6tl] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-06rv4so6tl] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-06rv4so6tl] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-06rv4so6tl] {
  padding: 2px 3px;
  min-width: 400px;
}

.infoText[b-06rv4so6tl] {
  font-family: Calibri;
  font-size: 16px;
  color: steelblue;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.imageFrame[b-06rv4so6tl] {
  background-color: black;
  border-radius: 8px;
  padding: 8px;
  width: fit-content;
  height: fit-content;
}

.imageDisplay[b-06rv4so6tl] {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.optionButton[b-06rv4so6tl] {
  width: 32px;
  height: 32px;
  border-radius: 17px;
  border: 2px solid black;
  width: 100px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin: 16px 10px 3px 10px;
}

  .optionButton :hover[b-06rv4so6tl] {
    box-shadow: rgba(0,0,0,0.4) 2px 2px 3px;
  }

  .optionButton :active[b-06rv4so6tl] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.clearButton[b-06rv4so6tl] {
  background-color: darkred;
}

.buttonText[b-06rv4so6tl] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  white-space: nowrap;
  user-select: none;
}
/* /Controls/ImageInputField.razor.rz.scp.css */
.labelArea[b-cti8t1xg70] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-cti8t1xg70] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-cti8t1xg70] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-cti8t1xg70] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/IntegerInputField.razor.rz.scp.css */
.labelArea[b-7sxgk1gf49] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-7sxgk1gf49] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-7sxgk1gf49] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-7sxgk1gf49] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/NullableIntegerInputField.razor.rz.scp.css */
.labelArea[b-y8f5d9sez1] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-y8f5d9sez1] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-y8f5d9sez1] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-y8f5d9sez1] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/SelectInputField.razor.rz.scp.css */
.labelArea[b-6jg30yslmd] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-6jg30yslmd] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-6jg30yslmd] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-6jg30yslmd] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/TextAreaInputField.razor.rz.scp.css */
.labelArea[b-dvp8yqcc30] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-dvp8yqcc30] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-dvp8yqcc30] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-dvp8yqcc30] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Controls/TextInputField.razor.rz.scp.css */
.labelArea[b-fi10f82spo] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-fi10f82spo] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
  margin-right: 10px;
  min-width: 200px;
}

.entryArea[b-fi10f82spo] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-fi10f82spo] {
  padding: 2px 3px;
  min-width: 400px;
}
/* /Pages/AI/AIServices.razor.rz.scp.css */
.ai-services-container[b-g3paaq2a9o] {
  padding: 20px;
}

.page-header[b-g3paaq2a9o] {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}

  .page-header h3[b-g3paaq2a9o] {
    margin: 0;
    color: var(--primary);
  }

.tab-content-panel[b-g3paaq2a9o] {
  padding: 20px 10px;
}

/* Config Section */
.config-section[b-g3paaq2a9o] {
  margin-bottom: 30px;
}

  .config-section h4[b-g3paaq2a9o] {
    color: var(--primary-dark);
    margin-bottom: 12px;
    font-size: 1.1rem;
  }

.config-grid[b-g3paaq2a9o] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 10px;
}

.config-item[b-g3paaq2a9o] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  background: var(--card-bg);
  border: 1px solid #e0e0e0;
  border-radius: 6px;
}

.config-label[b-g3paaq2a9o] {
  font-weight: 600;
  font-size: 0.85rem;
  color: #555;
  min-width: 160px;
}

.config-value[b-g3paaq2a9o] {
  font-size: 0.9rem;
  color: #222;
  font-family: 'Cascadia Code', 'Consolas', monospace;
}

.config-value-small[b-g3paaq2a9o] {
  font-size: 0.78rem;
  word-break: break-all;
}

.status-active[b-g3paaq2a9o] {
  color: var(--primary);
  font-weight: 600;
}

.status-inactive[b-g3paaq2a9o] {
  color: var(--danger);
  font-weight: 600;
}

/* Stats Section */
.stats-section[b-g3paaq2a9o] {
  margin-bottom: 30px;
}

  .stats-section h4[b-g3paaq2a9o] {
    color: var(--primary-dark);
    margin-bottom: 12px;
    font-size: 1.1rem;
  }

.stats-grid[b-g3paaq2a9o] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 16px;
}

.stat-card[b-g3paaq2a9o] {
  background: var(--card-bg);
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.stat-value[b-g3paaq2a9o] {
  font-size: 2rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1;
}

.stat-label[b-g3paaq2a9o] {
  font-size: 0.8rem;
  color: #777;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

/* Log Section */
.log-section[b-g3paaq2a9o] {
  margin-bottom: 20px;
}

  .log-section h4[b-g3paaq2a9o] {
    color: var(--primary-dark);
    margin-bottom: 12px;
    font-size: 1.1rem;
  }

.log-filters[b-g3paaq2a9o] {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}

.log-message-text[b-g3paaq2a9o] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.85rem;
  max-width: 400px;
}
/* /Pages/Billing/Billing.razor.rz.scp.css */
.billing-page[b-40xcuzhpyk] {
  padding: 16px 20px;
  max-width: 980px;
}

.page-header[b-40xcuzhpyk] {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

  .page-header h3[b-40xcuzhpyk] {
    margin: 0;
    color: var(--fs-text-heading, #1e293b);
  }

  .page-header h3 i[b-40xcuzhpyk] {
    margin-right: 8px;
    color: var(--fs-accent, #2563eb);
  }

.alert[b-40xcuzhpyk] {
  padding: 10px 14px;
  border-radius: 6px;
  margin: 8px 0 18px 0;
  line-height: 1.45;
}

.alert-info[b-40xcuzhpyk] {
  background: var(--fs-surface-100, #f9fafb);
  color: var(--fs-text-primary, #333);
  border: 1px solid var(--fs-border-subtle, #e5e7eb);
}

.alert-success[b-40xcuzhpyk] {
  background: var(--fs-surface-100, #f0fdf4);
  color: var(--fs-text-primary, #166534);
  border: 1px solid var(--fs-border-subtle, #bbf7d0);
}

.alert-danger[b-40xcuzhpyk] {
  background: var(--fs-surface-100, #fef2f2);
  color: var(--fs-text-primary, #991b1b);
  border: 1px solid var(--fs-border-subtle, #fecaca);
}

.billing-section[b-40xcuzhpyk] {
  margin-top: 24px;
  padding: 16px 18px;
  border: 1px solid var(--fs-border-subtle, #e5e7eb);
  border-radius: 8px;
  background: var(--fs-surface-50, #f8fafc);
}

.billing-section-placeholder[b-40xcuzhpyk] {
  background: transparent;
  border-style: dashed;
  opacity: 0.85;
}

.billing-section-title[b-40xcuzhpyk] {
  margin: 0 0 6px 0;
  font-size: 18px;
  color: var(--fs-text-heading, #1e293b);
}

  .billing-section-title i[b-40xcuzhpyk] {
    margin-right: 6px;
    color: var(--fs-text-secondary, #4b5563);
  }

.billing-section-subtitle[b-40xcuzhpyk] {
  margin: 0 0 14px 0;
  color: var(--fs-text-secondary, #4b5563);
  line-height: 1.5;
  font-size: 14px;
}

.billing-form[b-40xcuzhpyk] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.billing-form-row[b-40xcuzhpyk] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.billing-form-label[b-40xcuzhpyk] {
  flex: 0 0 110px;
  font-weight: 600;
  color: var(--fs-text-heading, #1e293b);
}

.billing-form-hint[b-40xcuzhpyk] {
  color: var(--fs-text-secondary, #4b5563);
  font-size: 13px;
}

.billing-stamp[b-40xcuzhpyk] {
  margin-left: 122px;
  color: var(--fs-text-secondary, #4b5563);
  font-size: 13px;
}

.billing-form-actions[b-40xcuzhpyk] {
  margin-top: 8px;
  margin-left: 122px;
  gap: 10px;
}

.billing-coming-soon[b-40xcuzhpyk] {
  margin: 0;
  padding-left: 18px;
  color: var(--fs-text-secondary, #4b5563);
  font-size: 14px;
}

  .billing-coming-soon li[b-40xcuzhpyk] {
    margin: 4px 0;
  }

/* ═══ Choice modal (Save / Re-cost decision) ═══ */
.billing-modal-overlay[b-40xcuzhpyk] {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
}

.billing-modal[b-40xcuzhpyk] {
  width: 620px;
  max-width: 92vw;
  max-height: 85vh;
  background: var(--fs-card-bg, #fff);
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(0,0,0,0.3), 0 4px 16px rgba(0,0,0,0.15);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.billing-modal-header[b-40xcuzhpyk] {
  padding: 14px 20px;
  border-bottom: 1px solid var(--fs-border-muted, #e2e8f0);
  background: var(--fs-surface-warm, #f8f9fa);
}

.billing-modal-header h5[b-40xcuzhpyk] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--fs-text-900, #1e293b);
}

.billing-modal-body[b-40xcuzhpyk] {
  padding: 16px 20px;
  overflow-y: auto;
}

.billing-modal-options[b-40xcuzhpyk] {
  margin: 12px 0 0 0;
  padding-left: 18px;
  font-size: 14px;
  color: var(--fs-text-700, #343a40);
}

  .billing-modal-options li[b-40xcuzhpyk] {
    margin: 8px 0;
    line-height: 1.5;
  }

.billing-modal-footer[b-40xcuzhpyk] {
  padding: 12px 20px;
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  border-top: 1px solid var(--fs-border-muted, #e2e8f0);
  background: var(--fs-surface-warm, #f8f9fa);
}
/* /Pages/Company/AssistedImport/AssistedImport.razor.rz.scp.css */
.assisted-import[b-fhvu0t2y2d] {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem 1.25rem 2rem;
}

.assisted-import .page-header h2[b-fhvu0t2y2d] {
  margin: 0 0 0.35rem;
}

.assisted-import .subtitle[b-fhvu0t2y2d] {
  color: #555;
  max-width: 52rem;
}

.assisted-import .return-ctx[b-fhvu0t2y2d] {
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

.assisted-import .btn-link[b-fhvu0t2y2d] {
  background: none;
  border: none;
  color: #0b5ed7;
  cursor: pointer;
  text-decoration: underline;
  margin-left: 0.75rem;
}

.assisted-import .error-banner[b-fhvu0t2y2d] {
  background: #fde8e8;
  border: 1px solid #e3a0a0;
  color: #7a1f1f;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin: 0.75rem 0;
}

.assisted-import .info-banner[b-fhvu0t2y2d] {
  background: #e8f1fd;
  border: 1px solid #a0c0e3;
  color: #1f3a7a;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  margin: 0.75rem 0;
}

.assisted-import .panel[b-fhvu0t2y2d] {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1rem 1.25rem 1.25rem;
  margin-top: 0.75rem;
}

.assisted-import .help[b-fhvu0t2y2d] {
  color: #666;
  font-size: 0.9rem;
}

.assisted-import .paste-box[b-fhvu0t2y2d] {
  width: 100%;
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.85rem;
  margin-top: 0.35rem;
}

.assisted-import .paste-label[b-fhvu0t2y2d] {
  display: block;
  margin-top: 1rem;
  font-weight: 600;
}

.assisted-import .actions[b-fhvu0t2y2d] {
  margin-top: 1rem;
  display: flex;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.assisted-import .btn[b-fhvu0t2y2d] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.4rem 0.85rem;
  cursor: pointer;
  background: #f5f5f5;
}

.assisted-import .btn-primary[b-fhvu0t2y2d] {
  background: #0b5ed7;
  border-color: #0b5ed7;
  color: #fff;
}

.assisted-import .btn-success[b-fhvu0t2y2d] {
  background: #198754;
  border-color: #198754;
  color: #fff;
}

.assisted-import .btn-danger[b-fhvu0t2y2d] {
  background: #dc3545;
  border-color: #dc3545;
  color: #fff;
}

.assisted-import .btn-sm[b-fhvu0t2y2d] {
  padding: 0.2rem 0.5rem;
  font-size: 0.8rem;
}

.assisted-import .review-toolbar[b-fhvu0t2y2d] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}

.assisted-import .review-table[b-fhvu0t2y2d] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.assisted-import .review-table th[b-fhvu0t2y2d],
.assisted-import .review-table td[b-fhvu0t2y2d] {
  border: 1px solid #e0e0e0;
  padding: 0.5rem;
  vertical-align: top;
}

.assisted-import .review-table th[b-fhvu0t2y2d] {
  background: #f7f7f7;
  text-align: left;
}

.assisted-import .field-row[b-fhvu0t2y2d] {
  margin-bottom: 0.4rem;
  padding: 0.25rem 0.4rem;
  border-radius: 4px;
}

.assisted-import .field-row label[b-fhvu0t2y2d] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}

.assisted-import .field-row .fname[b-fhvu0t2y2d] {
  min-width: 7.5rem;
  font-weight: 600;
  font-size: 0.8rem;
}

.assisted-import .field-row input[b-fhvu0t2y2d] {
  flex: 1;
  min-width: 8rem;
  padding: 0.2rem 0.4rem;
}

.assisted-import .field-row .meta[b-fhvu0t2y2d] {
  display: block;
  font-size: 0.75rem;
  color: #666;
  margin-left: 8rem;
}

.assisted-import .conf-high[b-fhvu0t2y2d] {
  background: #e8f8ee;
}

.assisted-import .conf-mid[b-fhvu0t2y2d] {
  background: #fff8e6;
}

.assisted-import .conf-low[b-fhvu0t2y2d] {
  background: #fdeeee;
}

.assisted-import .dedupe[b-fhvu0t2y2d] {
  max-width: 12rem;
  font-size: 0.8rem;
  color: #8a5a00;
}

.assisted-import .row-actions[b-fhvu0t2y2d] {
  white-space: nowrap;
}

.assisted-import .row-actions .btn[b-fhvu0t2y2d] {
  display: block;
  width: 100%;
  margin-bottom: 0.25rem;
}

.assisted-import .confirm-box[b-fhvu0t2y2d] {
  margin-top: 1.25rem;
  padding: 0.85rem 1rem;
  border: 2px solid #198754;
  border-radius: 8px;
  background: #f3faf6;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
}

.assisted-import .report-stats[b-fhvu0t2y2d] {
  list-style: none;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.assisted-import .report-lines[b-fhvu0t2y2d] {
  background: #1e1e1e;
  color: #d4d4d4;
  padding: 0.75rem 1rem;
  border-radius: 6px;
  overflow: auto;
  max-height: 20rem;
  font-size: 0.8rem;
}

.assisted-import .badge[b-fhvu0t2y2d] {
  display: inline-block;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  background: #eee;
  font-size: 0.75rem;
}

.assisted-import .decision-accept[b-fhvu0t2y2d] {
  background: #f7fcf9;
}

.assisted-import .decision-reject[b-fhvu0t2y2d] {
  background: #fdf7f7;
  opacity: 0.85;
}

.assisted-import .engine-meta[b-fhvu0t2y2d] {
  font-size: 0.9rem;
  color: #444;
}

.assisted-import .bus-help[b-fhvu0t2y2d] {
  margin-top: 0;
}
/* /Pages/Company/CustomerLogos.razor.rz.scp.css */
.customer-logos-page[b-k6nwwkfmb8] {
  padding: 20px;
  max-width: 1600px;
}

.customer-logos-page h2[b-k6nwwkfmb8] {
  margin-bottom: 4px;
}

.subtitle[b-k6nwwkfmb8] {
  color: #6c757d;
  margin-bottom: 16px;
}

/* Toolbar */
.toolbar[b-k6nwwkfmb8] {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.toolbar-stats[b-k6nwwkfmb8] {
  display: flex;
  gap: 16px;
  font-size: 0.85rem;
}

.toolbar-stats .stat[b-k6nwwkfmb8] {
  white-space: nowrap;
}

/* Grid of logo cards */
.logos-grid[b-k6nwwkfmb8] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
  gap: 16px;
}

.logo-card[b-k6nwwkfmb8] {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.logo-card.no-logos[b-k6nwwkfmb8] {
  opacity: 0.6;
}

.card-header[b-k6nwwkfmb8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.company-name[b-k6nwwkfmb8] {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80%;
}

.company-id[b-k6nwwkfmb8] {
  font-size: 0.8rem;
  color: #6c757d;
}

.card-body[b-k6nwwkfmb8] {
  display: flex;
  gap: 16px;
  padding: 14px;
  align-items: flex-start;
}

/* Individual logo slot */
.logo-slot[b-k6nwwkfmb8] {
  flex: 1;
  min-width: 0;
}

.logo-label[b-k6nwwkfmb8] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.logo-preview-container[b-k6nwwkfmb8] {
  border: 1px solid #e9ecef;
  border-radius: 6px;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  min-height: 80px;
}

.logo-preview-container.large[b-k6nwwkfmb8] {
  min-height: 100px;
}

.logo-preview-container.small-logo[b-k6nwwkfmb8] {
  min-height: 60px;
}

.logo-preview-container.actual-size[b-k6nwwkfmb8] {
  min-height: 70px;
  background: repeating-conic-gradient(#e0e0e0 0% 25%, #fff 0% 50%) 50% / 12px 12px;
}

.logo-preview-container.empty[b-k6nwwkfmb8] {
  flex-direction: column;
  color: #adb5bd;
  font-size: 0.8rem;
}

.placeholder-icon[b-k6nwwkfmb8] {
  font-size: 1.5rem;
  margin-bottom: 4px;
}

.logo-img[b-k6nwwkfmb8] {
  max-width: 100%;
  max-height: 120px;
  object-fit: contain;
}

.logo-meta[b-k6nwwkfmb8] {
  display: flex;
  justify-content: space-between;
  font-size: 0.75rem;
  color: #6c757d;
  margin-top: 4px;
  padding: 0 2px;
}

.logo-actions[b-k6nwwkfmb8] {
  margin-top: 6px;
  display: flex;
  gap: 4px;
}

/* Loading */
.loading-container[b-k6nwwkfmb8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 60px 0;
  color: #6c757d;
}

/* Optimize dialog */
.compare-grid[b-k6nwwkfmb8] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

.compare-panel[b-k6nwwkfmb8] {
  text-align: center;
}

.compare-panel h6[b-k6nwwkfmb8] {
  margin-bottom: 8px;
  font-weight: 600;
}

.compare-img-container[b-k6nwwkfmb8] {
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 12px;
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: repeating-conic-gradient(#e0e0e0 0% 25%, #fff 0% 50%) 50% / 12px 12px;
}

.compare-img-container img[b-k6nwwkfmb8] {
  max-width: 100%;
  max-height: 280px;
  object-fit: contain;
}

.optimizing-spinner[b-k6nwwkfmb8] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  color: #6c757d;
}

.optimize-error[b-k6nwwkfmb8] {
  color: #dc3545;
  text-align: center;
  padding: 12px;
}

.optimize-placeholder[b-k6nwwkfmb8] {
  color: #adb5bd;
  text-align: center;
}

.optimize-placeholder i[b-k6nwwkfmb8] {
  font-size: 2rem;
  display: block;
  margin-bottom: 8px;
}

.optimize-instructions[b-k6nwwkfmb8] {
  margin-bottom: 12px;
}

.optimize-instructions label[b-k6nwwkfmb8] {
  font-weight: 600;
  font-size: 0.85rem;
  margin-bottom: 4px;
  display: block;
}

.optimize-stats[b-k6nwwkfmb8] {
  text-align: center;
  font-size: 0.85rem;
  color: #6c757d;
  padding: 8px;
  background: #f8f9fa;
  border-radius: 4px;
}
/* /Pages/Company/SetupWizardV2/SetupWizardV2.razor.rz.scp.css */
.setup-wizard-v2 .badge-new[b-fqzn2aobxv] {
  display: inline-block;
  margin-left: 0.35rem;
  padding: 0.15rem 0.45rem;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  vertical-align: middle;
  color: #1e3a8a;
  background: #dbeafe;
  border-radius: 999px;
}

.setup-wizard-v2 .badge-stop[b-fqzn2aobxv] {
  font-size: 0.65rem;
  text-transform: uppercase;
  color: #92400e;
  background: #fef3c7;
  padding: 0.1rem 0.35rem;
  border-radius: 4px;
}

.setup-wizard-v2 .badge-ok[b-fqzn2aobxv] {
  color: #065f46;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}

.setup-wizard-v2 .badge-wait[b-fqzn2aobxv] {
  color: #92400e;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}

.setup-wizard-v2 .pause-banner[b-fqzn2aobxv] {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  color: #78350f;
  padding: 0.85rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.setup-wizard-v2 .decision-note[b-fqzn2aobxv] {
  font-size: 0.85rem;
  margin: 0 0 0.75rem;
}

.setup-wizard-v2 .intent-options[b-fqzn2aobxv] {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
  margin: 0.75rem 0;
}

.setup-wizard-v2 .intent-card[b-fqzn2aobxv] {
  display: flex;
  gap: 0.65rem;
  align-items: flex-start;
  padding: 0.65rem 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  font-weight: 400;
  cursor: pointer;
}

.setup-wizard-v2 .intent-card:hover[b-fqzn2aobxv] {
  border-color: #93c5fd;
  background: #eff6ff;
}

.setup-wizard-v2 .warn[b-fqzn2aobxv] {
  color: #b45309;
}

/* Shared layout mirrors V1 so chrome is familiar without editing V1 css */
.setup-wizard[b-fqzn2aobxv] {
  max-width: 960px;
  margin: 0 auto;
  padding: 1.25rem 1.5rem 3rem;
}

.wizard-header h2[b-fqzn2aobxv] {
  margin: 0 0 0.35rem;
}

.subtitle[b-fqzn2aobxv] {
  color: #555;
  margin: 0 0 0.5rem;
}

.draft-meta[b-fqzn2aobxv] {
  font-size: 0.85rem;
  color: #666;
}

.wizard-steps[b-fqzn2aobxv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  list-style: none;
  padding: 0;
  margin: 1.25rem 0;
}

.wizard-step[b-fqzn2aobxv] {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.3rem 0.5rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.78rem;
}

.wizard-step.active[b-fqzn2aobxv] {
  background: #1d4ed8;
  color: #fff;
  font-weight: 600;
}

.wizard-step.done[b-fqzn2aobxv] {
  background: #d1fae5;
  color: #065f46;
}

.step-num[b-fqzn2aobxv] {
  display: inline-flex;
  width: 1.25rem;
  height: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  font-size: 0.7rem;
}

.wizard-step.active .step-num[b-fqzn2aobxv] {
  background: rgba(255, 255, 255, 0.25);
}

.badge-skip[b-fqzn2aobxv] {
  font-size: 0.65rem;
  text-transform: uppercase;
  opacity: 0.85;
}

.error-banner[b-fqzn2aobxv] {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.wizard-panel[b-fqzn2aobxv] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.wizard-panel h3[b-fqzn2aobxv] {
  margin-top: 0;
}

.help[b-fqzn2aobxv] {
  color: #4b5563;
  font-size: 0.92rem;
}

.form-grid[b-fqzn2aobxv] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0.75rem 1rem;
  align-items: end;
  margin: 1rem 0;
}

.form-grid label[b-fqzn2aobxv],
.wizard-panel > label[b-fqzn2aobxv] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  font-weight: 500;
  margin-bottom: 0.65rem;
}

label.has-error input[b-fqzn2aobxv] {
  border-color: #dc2626;
  background: #fef2f2;
}

.check-row[b-fqzn2aobxv] {
  flex-direction: row !important;
  align-items: center;
  gap: 0.5rem !important;
  font-weight: 400 !important;
}

.form-control[b-fqzn2aobxv] {
  padding: 0.45rem 0.6rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.95rem;
}

.field-error[b-fqzn2aobxv] {
  color: #b91c1c;
  font-size: 0.8rem;
  font-weight: 400;
}

.entity-list[b-fqzn2aobxv] {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0 0;
}

.entity-list li[b-fqzn2aobxv] {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.bulk-box[b-fqzn2aobxv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
  padding: 0.75rem;
  background: #f9fafb;
  border-radius: 8px;
  margin: 0.75rem 0;
}

.notif-actions[b-fqzn2aobxv] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0;
}

.summary-table[b-fqzn2aobxv] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.summary-table th[b-fqzn2aobxv],
.summary-table td[b-fqzn2aobxv] {
  text-align: left;
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.gaps[b-fqzn2aobxv] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #fffbeb;
  border-radius: 8px;
}

.done-msg[b-fqzn2aobxv] {
  color: #065f46;
  font-weight: 600;
}

.muted[b-fqzn2aobxv] {
  color: #6b7280;
}

.wizard-actions[b-fqzn2aobxv] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: sticky;
  bottom: 0;
  background: #f9fafb;
  padding: 0.75rem 0;
  border-top: 1px solid #e5e7eb;
  flex-wrap: wrap;
}

.wizard-actions .spacer[b-fqzn2aobxv] {
  flex: 1;
}

.btn[b-fqzn2aobxv] {
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.btn:disabled[b-fqzn2aobxv] {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-primary[b-fqzn2aobxv] {
  background: #1d4ed8;
  color: #fff;
}

.btn-secondary[b-fqzn2aobxv] {
  background: #e5e7eb;
  color: #111827;
}

.btn-outline[b-fqzn2aobxv] {
  background: #fff;
  border: 1px solid #9ca3af;
  color: #374151;
}

.btn-link[b-fqzn2aobxv] {
  background: none;
  border: none;
  color: #1d4ed8;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 0;
  margin-left: auto;
}

.mt-2[b-fqzn2aobxv] {
  margin-top: 0.5rem;
}
/* /Pages/Company/SetupWizard/ClientSetupWizard.razor.rz.scp.css */
.setup-wizard[b-9ehst3igta] {
  max-width: 960px;
  margin: 0 auto;
  padding: 1.25rem 1.5rem 3rem;
}

.wizard-header h2[b-9ehst3igta] {
  margin: 0 0 0.35rem;
}

.subtitle[b-9ehst3igta] {
  color: #555;
  margin: 0 0 0.5rem;
}

.draft-meta[b-9ehst3igta] {
  font-size: 0.85rem;
  color: #666;
}

.draft-meta .warn[b-9ehst3igta] {
  color: #b45309;
}

.wizard-steps[b-9ehst3igta] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 1.25rem 0;
}

.wizard-step[b-9ehst3igta] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.4rem 0.65rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 0.85rem;
}

.wizard-step.active[b-9ehst3igta] {
  background: #1d4ed8;
  color: #fff;
  font-weight: 600;
}

.wizard-step.done[b-9ehst3igta] {
  background: #d1fae5;
  color: #065f46;
}

.step-num[b-9ehst3igta] {
  display: inline-flex;
  width: 1.4rem;
  height: 1.4rem;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.08);
  font-size: 0.75rem;
}

.wizard-step.active .step-num[b-9ehst3igta] {
  background: rgba(255, 255, 255, 0.25);
}

.badge-skip[b-9ehst3igta] {
  font-size: 0.7rem;
  text-transform: uppercase;
  opacity: 0.85;
}

.error-banner[b-9ehst3igta] {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
  padding: 0.75rem 1rem;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.wizard-panel[b-9ehst3igta] {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.25rem;
  margin-bottom: 1rem;
}

.wizard-panel h3[b-9ehst3igta] {
  margin-top: 0;
}

.help[b-9ehst3igta] {
  color: #4b5563;
  font-size: 0.92rem;
}

.form-grid[b-9ehst3igta] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.75rem 1rem;
  align-items: end;
  margin: 1rem 0;
}

.form-grid label[b-9ehst3igta] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.9rem;
  font-weight: 500;
}

.form-grid label.has-error input[b-9ehst3igta] {
  border-color: #dc2626;
  background: #fef2f2;
}

.check-row[b-9ehst3igta] {
  flex-direction: row !important;
  align-items: center;
  gap: 0.5rem !important;
  grid-column: 1 / -1;
  font-weight: 400 !important;
}

.form-control[b-9ehst3igta] {
  padding: 0.45rem 0.6rem;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.95rem;
}

.field-error[b-9ehst3igta] {
  color: #b91c1c;
  font-size: 0.8rem;
  font-weight: 400;
}

.entity-list[b-9ehst3igta] {
  list-style: none;
  padding: 0;
  margin: 0.75rem 0 0;
}

.entity-list li[b-9ehst3igta] {
  padding: 0.5rem 0;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
}

.bulk-box[b-9ehst3igta] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: end;
  padding: 0.75rem;
  background: #f9fafb;
  border-radius: 8px;
  margin: 0.75rem 0;
}

.notif-actions[b-9ehst3igta] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.75rem 0;
}

.summary-table[b-9ehst3igta] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.92rem;
}

.summary-table th[b-9ehst3igta],
.summary-table td[b-9ehst3igta] {
  text-align: left;
  padding: 0.45rem 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}

.gaps[b-9ehst3igta] {
  margin-top: 1rem;
  padding: 0.75rem;
  background: #fffbeb;
  border-radius: 8px;
}

.done-msg[b-9ehst3igta] {
  color: #065f46;
  font-weight: 600;
}

.muted[b-9ehst3igta] {
  color: #6b7280;
}

.wizard-actions[b-9ehst3igta] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  position: sticky;
  bottom: 0;
  background: #f9fafb;
  padding: 0.75rem 0;
  border-top: 1px solid #e5e7eb;
}

.wizard-actions .spacer[b-9ehst3igta] {
  flex: 1;
}

.btn[b-9ehst3igta] {
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1rem;
  font-size: 0.95rem;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.btn:disabled[b-9ehst3igta] {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-primary[b-9ehst3igta] {
  background: #1d4ed8;
  color: #fff;
}

.btn-secondary[b-9ehst3igta] {
  background: #e5e7eb;
  color: #111827;
}

.btn-outline[b-9ehst3igta] {
  background: #fff;
  border: 1px solid #9ca3af;
  color: #374151;
}

.btn-link[b-9ehst3igta] {
  background: none;
  border: none;
  color: #1d4ed8;
  cursor: pointer;
  font-size: 0.85rem;
  padding: 0;
  margin-left: auto;
}
/* /Pages/Controllers/Controllers.razor.rz.scp.css */
.controllers-container[b-rkfj1ucvep] {
  padding: 20px;
}

.page-header[b-rkfj1ucvep] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.page-header h3[b-rkfj1ucvep] {
  margin: 0;
  font-size: 24px;
  color: #333;
}

.header-actions[b-rkfj1ucvep] {
  display: flex;
  gap: 10px;
}

.filters-section[b-rkfj1ucvep] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 4px;
}

.filter-row[b-rkfj1ucvep] {
  display: flex;
  gap: 15px;
  align-items: end;
}

.filter-item[b-rkfj1ucvep] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.filter-item label[b-rkfj1ucvep] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

.search-box[b-rkfj1ucvep] {
  display: flex;
  gap: 5px;
}

.search-box .search-input[b-rkfj1ucvep] {
  flex: 1;
}

.action-buttons[b-rkfj1ucvep] {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.edit-form[b-rkfj1ucvep] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-row[b-rkfj1ucvep] {
  display: flex;
  flex-direction: column;
}

.form-row label[b-rkfj1ucvep] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

.loading-spinner[b-rkfj1ucvep] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px;
  text-align: center;
}

.spinner[b-rkfj1ucvep] {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin-b-rkfj1ucvep 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin-b-rkfj1ucvep {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-spinner p[b-rkfj1ucvep] {
  color: #666;
  font-size: 16px;
  margin: 0;
}
/* /Pages/Customers/Components/JsonTreeViewer.razor.rz.scp.css */
.json-tree[b-30g9bo8vj0] {
  font-family: 'Cascadia Code', 'Consolas', 'Courier New', monospace;
  font-size: 0.82em;
  line-height: 1.6;
  padding: 0.5rem;
  background: var(--bs-gray-100, #f8f9fa);
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.25rem;
  max-height: 500px;
  overflow: auto;
}

.tree-node[b-30g9bo8vj0] {
  /* container for a branch and its children */
}

.tree-row[b-30g9bo8vj0] {
  display: flex;
  align-items: baseline;
  padding: 1px 0;
  border-radius: 2px;
}

.tree-branch[b-30g9bo8vj0] {
  cursor: pointer;
}

.tree-branch:hover[b-30g9bo8vj0] {
  background: var(--bs-gray-200, #e9ecef);
}

.tree-leaf[b-30g9bo8vj0] {
  cursor: default;
}

.tree-toggle[b-30g9bo8vj0] {
  display: inline-block;
  width: 1em;
  text-align: center;
  flex-shrink: 0;
  user-select: none;
  color: var(--bs-secondary);
}

.tree-toggle.expanded[b-30g9bo8vj0]::before {
  content: "\25BE"; /* down triangle */
}

.tree-toggle.collapsed[b-30g9bo8vj0]::before {
  content: "\25B8"; /* right triangle */
}

.tree-toggle.leaf[b-30g9bo8vj0]::before {
  content: "\2022"; /* bullet */
  font-size: 0.7em;
}

.tree-children[b-30g9bo8vj0] {
  padding-left: 1.2em;
  border-left: 1px dotted var(--bs-gray-400, #ced4da);
  margin-left: 0.4em;
}

.tree-key[b-30g9bo8vj0] {
  color: #0550ae;
  font-weight: 600;
  margin-right: 0;
}

.tree-separator[b-30g9bo8vj0] {
  color: var(--bs-secondary);
  margin: 0 0.15em;
}

.tree-type[b-30g9bo8vj0] {
  color: var(--bs-secondary);
  font-size: 0.9em;
  margin-left: 0.3em;
}

.tree-value[b-30g9bo8vj0] {
  /* base value style */
}

.tree-string[b-30g9bo8vj0] {
  color: #0a3069;
}

.tree-number[b-30g9bo8vj0] {
  color: #0550ae;
  font-weight: 600;
}

.tree-bool[b-30g9bo8vj0] {
  color: #6639ba;
  font-weight: 600;
}

.tree-null[b-30g9bo8vj0] {
  color: #8b949e;
  font-style: italic;
}
/* /Pages/Customers/Components/SentriesTab.razor.rz.scp.css */
/* Sentries Tab Styles */
.sentries-tab-container[b-irxik5xbl1] {
  padding: 20px;
}

.sentry-selector-section[b-irxik5xbl1] {
  margin-bottom: 30px;
}

.form-label[b-irxik5xbl1] {
  font-weight: 600;
  margin-bottom: 8px;
}

.sentry-dropdown[b-irxik5xbl1] {
  max-width: 400px;
}

/* Ping Status Banner */
.ping-status-banner[b-irxik5xbl1] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  border-radius: 12px;
  padding: 24px;
  margin: 20px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  color: white;
  transition: all 0.3s ease;
}

.ping-status-banner.offline[b-irxik5xbl1] {
  background: linear-gradient(135deg, #7f8c8d 0%, #95a5a6 100%);
}

.status-indicator[b-irxik5xbl1] {
  display: flex;
  align-items: center;
  gap: 20px;
}

.status-pulse[b-irxik5xbl1] {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.status-pulse[b-irxik5xbl1]::before {
  content: '';
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: absolute;
}

.status-pulse[b-irxik5xbl1]::after {
  content: '';
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  border: 3px solid rgba(255, 255, 255, 0.8);
}

.pulse-online[b-irxik5xbl1]::before {
  background: #48bb78;
  animation: pulse-glow-b-irxik5xbl1 2s ease-in-out infinite;
}

.pulse-online[b-irxik5xbl1]::after {
  border-color: rgba(72, 187, 120, 0.8);
  animation: pulse-ring-b-irxik5xbl1 2s ease-in-out infinite;
}

.pulse-offline[b-irxik5xbl1]::before {
  background: #e53e3e;
}

.pulse-offline[b-irxik5xbl1]::after {
  border-color: rgba(229, 62, 62, 0.6);
}

@keyframes pulse-glow-b-irxik5xbl1 {
  0%, 100% {
    box-shadow: 0 0 20px rgba(72, 187, 120, 0.8);
  }
  50% {
    box-shadow: 0 0 40px rgba(72, 187, 120, 1);
  }
}

@keyframes pulse-ring-b-irxik5xbl1 {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  50% {
    transform: scale(1);
    opacity: 0.7;
  }
  100% {
    transform: scale(0.8);
    opacity: 1;
  }
}

.status-info[b-irxik5xbl1] {
  text-align: left;
}

.status-title[b-irxik5xbl1] {
  margin: 0;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 2px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.status-subtitle[b-irxik5xbl1] {
  margin: 5px 0 0;
  font-size: 16px;
  opacity: 0.9;
}

.ping-details[b-irxik5xbl1] {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.ping-detail-item[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.ping-detail-item .detail-label[b-irxik5xbl1] {
  font-size: 12px;
  opacity: 0.8;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ping-detail-item .detail-value[b-irxik5xbl1] {
  font-size: 18px;
  font-weight: 600;
}

/* Info Cards */
.sentry-info-cards[b-irxik5xbl1] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-bottom: 30px;
}

.info-card[b-irxik5xbl1] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.info-label[b-irxik5xbl1] {
  font-size: 12px;
  color: #666;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.info-value[b-irxik5xbl1] {
  font-size: 16px;
  color: #333;
  font-weight: 600;
}

/* ========== Communication Status Panel ========== */
.comms-status-panel[b-irxik5xbl1] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 20px;
  margin-bottom: 24px;
}

.comms-status-header[b-irxik5xbl1] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.comms-status-header .section-header[b-irxik5xbl1] {
  margin: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.current-comms-status[b-irxik5xbl1] {
  background: white;
  border-radius: 8px;
  padding: 16px;
  border-left: 4px solid #6c757d;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.current-comms-status.status-pending[b-irxik5xbl1] {
  border-left-color: #6c757d;
}

.current-comms-status.status-connecting[b-irxik5xbl1],
.current-comms-status.status-sending[b-irxik5xbl1] {
  border-left-color: #007bff;
  animation: pulse-border-b-irxik5xbl1 1.5s ease-in-out infinite;
}

.current-comms-status.status-success[b-irxik5xbl1] {
  border-left-color: #28a745;
}

.current-comms-status.status-failed[b-irxik5xbl1] {
  border-left-color: #dc3545;
}

@keyframes pulse-border-b-irxik5xbl1 {
  0%, 100% {
    box-shadow: 0 2px 8px rgba(0, 123, 255, 0.2);
  }
  50% {
    box-shadow: 0 2px 16px rgba(0, 123, 255, 0.4);
  }
}

.comms-status-main[b-irxik5xbl1] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.comms-status-icon[b-irxik5xbl1] {
  font-size: 32px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #f8f9fa;
  flex-shrink: 0;
}

.status-pending .comms-status-icon[b-irxik5xbl1] {
  color: #6c757d;
}

.status-connecting .comms-status-icon[b-irxik5xbl1],
.status-sending .comms-status-icon[b-irxik5xbl1] {
  color: #007bff;
  animation: spin-b-irxik5xbl1 1s linear infinite;
}

.status-success .comms-status-icon[b-irxik5xbl1] {
  color: #28a745;
  background: #d4edda;
}

.status-failed .comms-status-icon[b-irxik5xbl1] {
  color: #dc3545;
  background: #f8d7da;
}

@keyframes spin-b-irxik5xbl1 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.comms-status-details[b-irxik5xbl1] {
  flex: 1;
}

.comms-operation[b-irxik5xbl1] {
  font-size: 18px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}

.comms-target[b-irxik5xbl1] {
  font-size: 14px;
  color: #495057;
  margin-bottom: 4px;
}

.comms-ip[b-irxik5xbl1] {
  font-family: 'Consolas', 'Monaco', monospace;
  background: #e9ecef;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 8px;
  font-size: 13px;
}

.comms-envelope-type[b-irxik5xbl1] {
  font-size: 13px;
  color: #6c757d;
}

.comms-envelope-type code[b-irxik5xbl1] {
  background: #e9ecef;
  padding: 2px 6px;
  border-radius: 4px;
  font-size: 12px;
}

.comms-status-result[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.status-badge[b-irxik5xbl1] {
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.status-badge.status-pending[b-irxik5xbl1] {
  background: #e9ecef;
  color: #495057;
}

.status-badge.status-connecting[b-irxik5xbl1],
.status-badge.status-sending[b-irxik5xbl1] {
  background: #cce5ff;
  color: #004085;
}

.status-badge.status-success[b-irxik5xbl1] {
  background: #d4edda;
  color: #155724;
}

.status-badge.status-failed[b-irxik5xbl1] {
  background: #f8d7da;
  color: #721c24;
}

.comms-duration[b-irxik5xbl1] {
  font-size: 12px;
  color: #6c757d;
  font-family: 'Consolas', 'Monaco', monospace;
}

.comms-error-message[b-irxik5xbl1] {
  margin-top: 12px;
  padding: 12px;
  background: #f8d7da;
  border-radius: 6px;
  color: #721c24;
  font-size: 14px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.comms-error-message .oi[b-irxik5xbl1] {
  flex-shrink: 0;
  margin-top: 2px;
}

.comms-envelope-toggle[b-irxik5xbl1] {
  margin-top: 12px;
  border-top: 1px solid #e9ecef;
  padding-top: 8px;
}

.comms-envelope-toggle .btn-link[b-irxik5xbl1] {
  color: #6c757d;
  text-decoration: none;
  font-size: 13px;
  padding: 0;
}

.comms-envelope-toggle .btn-link:hover[b-irxik5xbl1] {
  color: #495057;
}

.comms-envelope-json[b-irxik5xbl1] {
  margin-top: 12px;
  background: #2d2d2d;
  border-radius: 6px;
  padding: 16px;
  overflow-x: auto;
}

.comms-envelope-json pre[b-irxik5xbl1] {
  margin: 0;
  color: #f8f8f2;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 12px;
  white-space: pre-wrap;
  word-break: break-all;
}

/* History Section */
.comms-history[b-irxik5xbl1] {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid #dee2e6;
}

.comms-history h5[b-irxik5xbl1] {
  font-size: 14px;
  font-weight: 600;
  color: #495057;
  margin: 0 0 12px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.comms-history-list[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.comms-history-item[b-irxik5xbl1] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: white;
  border-radius: 6px;
  font-size: 13px;
  border-left: 3px solid #6c757d;
}

.comms-history-item.status-success[b-irxik5xbl1] {
  border-left-color: #28a745;
}

.comms-history-item.status-failed[b-irxik5xbl1] {
  border-left-color: #dc3545;
}

.comms-history-item .oi[b-irxik5xbl1] {
  width: 20px;
  text-align: center;
}

.comms-history-item.status-success .oi[b-irxik5xbl1] {
  color: #28a745;
}

.comms-history-item.status-failed .oi[b-irxik5xbl1] {
  color: #dc3545;
}

.history-operation[b-irxik5xbl1] {
  flex: 1;
  font-weight: 500;
}

.history-target[b-irxik5xbl1] {
  color: #6c757d;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 12px;
}

.history-status[b-irxik5xbl1] {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 10px;
  background: #e9ecef;
}

.comms-history-item.status-success .history-status[b-irxik5xbl1] {
  background: #d4edda;
  color: #155724;
}

.comms-history-item.status-failed .history-status[b-irxik5xbl1] {
  background: #f8d7da;
  color: #721c24;
}

.history-time[b-irxik5xbl1] {
  color: #6c757d;
  font-size: 12px;
  font-family: 'Consolas', 'Monaco', monospace;
}

/* ========== End Communication Status Panel ========== */

/* Command Sections */
.command-sections[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 20px;
}

.command-section[b-irxik5xbl1] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

.section-header[b-irxik5xbl1] {
  margin: 0 0 16px 0;
  font-size: 18px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 2px solid #f0f0f0;
}

.command-buttons[b-irxik5xbl1] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.command-buttons .btn[b-irxik5xbl1] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0;
}

.command-buttons-grid[b-irxik5xbl1] {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.data-file-group[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.data-file-group h5[b-irxik5xbl1] {
  font-size: 14px;
  font-weight: 600;
  color: #666;
  margin: 0 0 8px 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.data-file-group .btn[b-irxik5xbl1] {
  display: flex;
  align-items: center;
  gap: 6px;
  justify-content: flex-start;
  margin: 2px 0;
}

.command-input-group[b-irxik5xbl1] {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  align-items: center;
  flex-wrap: wrap;
}

.command-input-group .form-control[b-irxik5xbl1] {
  flex: 1;
  min-width: 200px;
  margin: 2px 0;
}

.command-input-group .form-check[b-irxik5xbl1] {
  margin: 2px 0;
}

.command-input-group .btn[b-irxik5xbl1] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 2px 0;
}

.command-options[b-irxik5xbl1] {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}

/* Loading and Empty States */
.loading-panel[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #666;
}

.loading-panel .spinner-border[b-irxik5xbl1] {
  width: 48px;
  height: 48px;
  border-width: 4px;
  margin-bottom: 16px;
}

.empty-state[b-irxik5xbl1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
  color: #666;
}

.empty-state-icon[b-irxik5xbl1] {
  font-size: 64px;
  color: #ccc;
  margin-bottom: 20px;
}

.empty-state h4[b-irxik5xbl1] {
  margin: 0 0 10px;
  color: #333;
  font-size: 24px;
}

.empty-state p[b-irxik5xbl1] {
  margin: 0;
  font-size: 16px;
  color: #999;
}

/* Responsive */
@media (max-width: 1200px) {
  .command-buttons-grid[b-irxik5xbl1] {
    grid-template-columns: 1fr;
  }
  
  .ping-status-banner[b-irxik5xbl1] {
    flex-direction: column;
    text-align: center;
  }
  
  .status-indicator[b-irxik5xbl1] {
    flex-direction: column;
  }
  
  .status-info[b-irxik5xbl1] {
    text-align: center;
  }
  
  .ping-details[b-irxik5xbl1] {
    justify-content: center;
  }
  
  .comms-status-main[b-irxik5xbl1] {
    flex-direction: column;
  }
  
  .comms-status-result[b-irxik5xbl1] {
    align-items: flex-start;
    flex-direction: row;
    gap: 12px;
  }
}
/* /Pages/Customers/Components/SentryConfigSnapshots.razor.rz.scp.css */
.config-snapshots-container[b-2a4jryj8zb] {
  margin-top: 1rem;
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.5rem;
  padding: 1rem;
  background: var(--bs-body-bg, #fff);
}

.config-snapshots-header[b-2a4jryj8zb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.config-snapshots-header .section-header[b-2a4jryj8zb] {
  margin: 0;
  font-size: 1rem;
}

.config-version-status[b-2a4jryj8zb] {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  background: var(--bs-body-bg, #fff);
}

.version-cards[b-2a4jryj8zb] {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  flex-wrap: wrap;
}

.version-card[b-2a4jryj8zb] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.version-label[b-2a4jryj8zb] {
  font-size: 0.75em;
  text-transform: uppercase;
  color: var(--bs-secondary);
  font-weight: 600;
}

.version-value[b-2a4jryj8zb] {
  font-size: 1.1em;
  font-weight: 600;
  font-family: monospace;
}

.version-actions[b-2a4jryj8zb] {
  margin-top: 0.75rem;
}

.loading-indicator[b-2a4jryj8zb] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  color: var(--bs-secondary);
}

.latest-snapshot[b-2a4jryj8zb] {
  border: 1px solid var(--bs-success);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  background: var(--bs-success-bg-subtle, #d1e7dd);
}

.latest-snapshot h5[b-2a4jryj8zb] {
  margin: 0 0 0.5rem 0;
  font-size: 0.95rem;
}

.snapshot-meta[b-2a4jryj8zb] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.snapshot-date[b-2a4jryj8zb] {
  font-size: 0.85em;
  color: var(--bs-secondary);
}

.snapshot-json-toggle[b-2a4jryj8zb] {
  margin-bottom: 0.25rem;
}

.snapshot-json[b-2a4jryj8zb] {
  max-height: 400px;
  overflow: auto;
  background: var(--bs-gray-100, #f8f9fa);
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.25rem;
  padding: 0.5rem;
}

.snapshot-json pre[b-2a4jryj8zb] {
  margin: 0;
  font-size: 0.8em;
  white-space: pre-wrap;
  word-break: break-word;
}

.snapshot-history[b-2a4jryj8zb] {
  margin-top: 0.75rem;
}

.snapshot-history h5[b-2a4jryj8zb] {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

.version-bump-log[b-2a4jryj8zb] {
  border: 1px solid var(--bs-border-color, #dee2e6);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  background: var(--bs-body-bg, #fff);
}

.version-bump-log h5[b-2a4jryj8zb] {
  font-size: 0.95rem;
  margin-bottom: 0.5rem;
}

.latest-version-bump[b-2a4jryj8zb] {
  border: 1px solid var(--bs-primary);
  border-radius: 0.375rem;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
  background: var(--bs-primary-bg-subtle, #cfe2ff);
}

.version-range[b-2a4jryj8zb] {
  font-family: monospace;
  font-weight: 600;
}

.version-range-cell[b-2a4jryj8zb] {
  font-family: monospace;
  white-space: nowrap;
}

.version-bump-reason[b-2a4jryj8zb] {
  font-size: 0.9em;
  color: var(--bs-body-color);
}

.version-bump-table td:last-child[b-2a4jryj8zb] {
  word-break: break-word;
}
/* /Pages/Customers/Components/SentryEventLog.razor.rz.scp.css */
/* Sentry Event Log Styles */
.sentry-event-log-container[b-l5g3drvgrf] {
  background: #f8f9fa;
  border-top: 3px solid #667eea;
  padding: 20px;
  margin-top: 30px;
}

.event-log-header[b-l5g3drvgrf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #e0e0e0;
}

.event-log-header h5[b-l5g3drvgrf] {
  margin: 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-controls[b-l5g3drvgrf] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.event-log-panels[b-l5g3drvgrf] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  height: 600px;
}

.event-panel[b-l5g3drvgrf] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.outgoing-panel[b-l5g3drvgrf] {
  border-left: 4px solid #4299e1;
}

.incoming-panel[b-l5g3drvgrf] {
  border-left: 4px solid #48bb78;
}

.sentry-log-panel[b-l5g3drvgrf] {
  border-left: 4px solid #ed8936;
}

.panel-header[b-l5g3drvgrf] {
  background: linear-gradient(to bottom, #f8f9fa, #ffffff);
  padding: 12px 16px;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.panel-header h6[b-l5g3drvgrf] {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.panel-body[b-l5g3drvgrf] {
  flex: 1;
  overflow-y: auto;
  padding: 12px;
}

.panel-footer[b-l5g3drvgrf] {
  padding: 8px 16px;
  border-top: 1px solid #e0e0e0;
  background: #f8f9fa;
  text-align: center;
}

.events-list[b-l5g3drvgrf] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.event-item[b-l5g3drvgrf] {
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px;
  background: white;
  transition: box-shadow 0.2s;
  cursor: pointer;
}

.event-item:hover[b-l5g3drvgrf] {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.outgoing-item[b-l5g3drvgrf] {
  border-left: 3px solid #4299e1;
  background: #f7fafd;
}

.incoming-item[b-l5g3drvgrf] {
  border-left: 3px solid #48bb78;
  background: #f7fdf9;
}

.sentry-log-item[b-l5g3drvgrf] {
  border-left: 3px solid #ed8936;
  background: #fffaf5;
}

.event-topic-line[b-l5g3drvgrf] {
  margin-bottom: 6px;
}

.topic-label[b-l5g3drvgrf] {
  font-size: 11px;
  color: #666;
  font-weight: 500;
}

/* Event type badges */
.event-type-error[b-l5g3drvgrf] {
  background: #fed7d7 !important;
  color: #c53030 !important;
}

.event-type-warning[b-l5g3drvgrf] {
  background: #fefcbf !important;
  color: #b7791f !important;
}

.event-type-info[b-l5g3drvgrf] {
  background: #bee3f8 !important;
  color: #2b6cb0 !important;
}

.event-type-debug[b-l5g3drvgrf] {
  background: #e9d8fd !important;
  color: #6b46c1 !important;
}

.event-type-default[b-l5g3drvgrf] {
  background: #f0f0f0 !important;
  color: #666 !important;
}

.event-header[b-l5g3drvgrf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e0e0e0;
}

.event-time[b-l5g3drvgrf] {
  font-family: 'Courier New', monospace;
  font-size: 12px;
  color: #666;
  font-weight: 600;
}

.event-topic[b-l5g3drvgrf] {
  font-size: 11px;
  color: #888;
  background: #f0f0f0;
  padding: 2px 8px;
  border-radius: 10px;
}

.event-message[b-l5g3drvgrf] {
  font-size: 12px;
  color: #333;
}

.json-content[b-l5g3drvgrf] {
  background: #2d3748;
  color: #68d391;
  padding: 10px;
  border-radius: 4px;
  margin: 0;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  overflow-x: auto;
  line-height: 1.4;
}

.text-content[b-l5g3drvgrf] {
  color: #555;
  word-break: break-word;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  white-space: pre-wrap;
}

.loading-indicator[b-l5g3drvgrf] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: #999;
}

.empty-message[b-l5g3drvgrf] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px;
  color: #999;
  text-align: center;
}

.empty-message .oi[b-l5g3drvgrf] {
  font-size: 32px;
  margin-bottom: 10px;
  opacity: 0.5;
}

.empty-message p[b-l5g3drvgrf] {
  margin: 0;
  font-size: 14px;
}

/* Scrollbar styling */
.panel-body[b-l5g3drvgrf]::-webkit-scrollbar {
  width: 8px;
}

.panel-body[b-l5g3drvgrf]::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.panel-body[b-l5g3drvgrf]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.panel-body[b-l5g3drvgrf]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Responsive */
@media (max-width: 1200px) {
  .event-log-panels[b-l5g3drvgrf] {
    grid-template-columns: 1fr;
    height: auto;
  }
  
  .event-panel[b-l5g3drvgrf] {
    height: 400px;
  }
}

/* Modal Backdrop */
.modal-backdrop[b-l5g3drvgrf] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
  animation: fadeIn-b-l5g3drvgrf 0.2s;
}

/* Event Detail Modal */
.event-detail-modal[b-l5g3drvgrf] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border-radius: 8px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  z-index: 1050;
  width: 90%;
  max-width: 800px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  animation: slideIn-b-l5g3drvgrf 0.3s;
}

.event-detail-modal .modal-header[b-l5g3drvgrf] {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #dee2e6;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(to bottom, #f8f9fa, #ffffff);
  border-radius: 8px 8px 0 0;
}

.event-detail-modal .modal-header h5[b-l5g3drvgrf] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #333;
}

.sentry-log-modal-header[b-l5g3drvgrf] {
  border-left: 4px solid #ed8936;
}

.event-detail-modal .btn-close[b-l5g3drvgrf] {
  background: transparent;
  border: none;
  font-size: 1.5rem;
  line-height: 1;
  color: #000;
  opacity: 0.5;
  cursor: pointer;
  padding: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.event-detail-modal .btn-close:hover[b-l5g3drvgrf] {
  opacity: 1;
}

.event-detail-modal .btn-close[b-l5g3drvgrf]::before {
  content: "×";
}

.event-detail-modal .modal-body[b-l5g3drvgrf] {
  padding: 1.5rem;
  overflow-y: auto;
  flex: 1;
}

.event-detail-modal .modal-footer[b-l5g3drvgrf] {
  padding: 1rem 1.5rem;
  border-top: 1px solid #dee2e6;
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  background: #f8f9fa;
  border-radius: 0 0 8px 8px;
}

.detail-section[b-l5g3drvgrf] {
  margin-bottom: 1.5rem;
}

.detail-section h6[b-l5g3drvgrf] {
  margin-bottom: 0.75rem;
  color: #495057;
  font-weight: 600;
  font-size: 1rem;
  border-bottom: 2px solid #e9ecef;
  padding-bottom: 0.5rem;
}

.detail-row[b-l5g3drvgrf] {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 1rem;
  padding: 0.5rem 0;
  border-bottom: 1px solid #f0f0f0;
}

.detail-row:last-child[b-l5g3drvgrf] {
  border-bottom: none;
}

.detail-label[b-l5g3drvgrf] {
  font-weight: 600;
  color: #6c757d;
  font-size: 0.875rem;
}

.detail-value[b-l5g3drvgrf] {
  color: #212529;
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
  word-break: break-all;
}

.detail-text[b-l5g3drvgrf] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  font-family: 'Courier New', monospace;
  font-size: 0.875rem;
  white-space: pre-wrap;
  word-break: break-word;
  color: #495057;
  max-height: 300px;
  overflow-y: auto;
}

@keyframes fadeIn-b-l5g3drvgrf {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slideIn-b-l5g3drvgrf {
  from {
    opacity: 0;
    transform: translate(-50%, -48%);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

/* Consolidated Outgoing Events */
.consolidated-item[b-l5g3drvgrf] {
  background: #f8faff;
}

.consolidated-item:hover[b-l5g3drvgrf] {
  background: #f0f4ff;
}

.event-type-name[b-l5g3drvgrf] {
  font-size: 13px;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 8px;
}

.inner-data-preview[b-l5g3drvgrf] {
  background: #1a202c;
  color: #a0aec0;
  font-size: 10px;
  padding: 6px 8px;
  max-height: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Envelope type badge colors */
.envelope-type-activation[b-l5g3drvgrf] {
  background: #48bb78 !important;
  color: white !important;
}

.envelope-type-activity[b-l5g3drvgrf] {
  background: #4299e1 !important;
  color: white !important;
}

.envelope-type-config[b-l5g3drvgrf] {
  background: #9f7aea !important;
  color: white !important;
}

.envelope-type-query[b-l5g3drvgrf] {
  background: #ed8936 !important;
  color: white !important;
}

.envelope-type-security[b-l5g3drvgrf] {
  background: #f56565 !important;
  color: white !important;
}

.envelope-type-system[b-l5g3drvgrf] {
  background: #667eea !important;
  color: white !important;
}

.envelope-type-unauthorize[b-l5g3drvgrf] {
  background: #e53e3e !important;
  color: white !important;
}

.envelope-type-finalize[b-l5g3drvgrf] {
  background: #38b2ac !important;
  color: white !important;
}

.envelope-type-fill[b-l5g3drvgrf] {
  background: #68d391 !important;
  color: white !important;
}

.envelope-type-test[b-l5g3drvgrf] {
  background: #a0aec0 !important;
  color: white !important;
}

.envelope-type-ping[b-l5g3drvgrf] {
  background: #b794f4 !important;
  color: white !important;
}

.envelope-type-file[b-l5g3drvgrf] {
  background: #fc8181 !important;
  color: white !important;
}

.envelope-type-default[b-l5g3drvgrf] {
  background: #718096 !important;
  color: white !important;
}

/* Consolidated Modal */
.consolidated-modal .modal-header[b-l5g3drvgrf] {
  border-left: 4px solid #4299e1;
}

/* Individual events list within consolidated modal */
.individual-events-list[b-l5g3drvgrf] {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 4px;
  background: #f7fafc;
}

.individual-event-item[b-l5g3drvgrf] {
  display: grid;
  grid-template-columns: 100px 150px 1fr;
  gap: 10px;
  padding: 8px 12px;
  border-bottom: 1px solid #e2e8f0;
  cursor: pointer;
  transition: background 0.15s;
  font-size: 12px;
}

.individual-event-item:hover[b-l5g3drvgrf] {
  background: #edf2f7;
}

.individual-event-item:last-child[b-l5g3drvgrf] {
  border-bottom: none;
}

.individual-event-item .event-time[b-l5g3drvgrf] {
  font-family: 'Courier New', monospace;
  color: #4a5568;
  font-weight: 600;
}

.individual-event-item .event-topic[b-l5g3drvgrf] {
  color: #718096;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-message-preview[b-l5g3drvgrf] {
  color: #4a5568;
  font-family: 'Courier New', monospace;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.more-events-note[b-l5g3drvgrf] {
  padding: 10px;
  text-align: center;
  color: #718096;
  font-style: italic;
  font-size: 12px;
  background: #edf2f7;
}

/* Collapsible Panels */
.collapsible-panel[b-l5g3drvgrf] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-top: 20px;
  overflow: hidden;
}

.collapsible-header[b-l5g3drvgrf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: linear-gradient(to bottom, #f8f9fa, #ffffff);
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  user-select: none;
}

.collapsible-header:hover[b-l5g3drvgrf] {
  background: linear-gradient(to bottom, #f0f2f5, #f8f9fa);
}

.collapsible-header h5[b-l5g3drvgrf] {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
}

.collapsible-header .oi-chevron-right[b-l5g3drvgrf],
.collapsible-header .oi-chevron-bottom[b-l5g3drvgrf] {
  font-size: 12px;
  color: #666;
}

.header-actions[b-l5g3drvgrf] {
  display: flex;
  gap: 8px;
}

.collapsible-body[b-l5g3drvgrf] {
  padding: 16px;
}

.collapsible-panel.collapsed .collapsible-body[b-l5g3drvgrf] {
  display: none;
}

/* Transactions Panel */
.transactions-panel[b-l5g3drvgrf] {
  border-left: 4px solid #48bb78;
}

.transactions-panel .collapsible-header h5 .oi-credit-card[b-l5g3drvgrf] {
  color: #48bb78;
}

/* Orphaned Panel */
.orphaned-panel[b-l5g3drvgrf] {
  border-left: 4px solid #e53e3e;
}

.orphaned-header h5 .oi-warning[b-l5g3drvgrf] {
  color: #e53e3e;
}

/* Transaction Tables */
.transaction-table-container[b-l5g3drvgrf] {
  overflow-x: auto;
  max-height: 400px;
  overflow-y: auto;
}

.transaction-table[b-l5g3drvgrf] {
  font-size: 13px;
  margin-bottom: 0;
}

.transaction-table thead th[b-l5g3drvgrf] {
  position: sticky;
  top: 0;
  background: #f8f9fa;
  border-bottom: 2px solid #dee2e6;
  font-weight: 600;
  color: #495057;
  white-space: nowrap;
  padding: 8px 12px;
}

.transaction-table tbody td[b-l5g3drvgrf] {
  padding: 8px 12px;
  vertical-align: middle;
}

.clickable-row[b-l5g3drvgrf] {
  cursor: pointer;
  transition: background-color 0.15s;
}

.clickable-row:hover[b-l5g3drvgrf] {
  background-color: #f0f4ff !important;
}

.datetime-cell[b-l5g3drvgrf] {
  font-family: 'Courier New', monospace;
  font-size: 12px;
  white-space: nowrap;
  color: #666;
}

.driver-cell[b-l5g3drvgrf] {
  max-width: 150px;
}

.driver-cell .driver-id[b-l5g3drvgrf] {
  font-size: 11px;
  color: #888;
  margin-left: 4px;
}

.unit-cell[b-l5g3drvgrf] {
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gallons-cell[b-l5g3drvgrf] {
  font-weight: 600;
  color: #2b6cb0;
  text-align: right;
  white-space: nowrap;
}

.odometer-cell[b-l5g3drvgrf] {
  text-align: right;
  font-family: 'Courier New', monospace;
  font-size: 12px;
}

.note-cell[b-l5g3drvgrf] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
  font-style: italic;
}

.status-cell[b-l5g3drvgrf] {
  text-align: center;
}

.reason-cell[b-l5g3drvgrf] {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #c53030;
  font-size: 12px;
}

/* Orphaned Table Row States */
.recovered-row[b-l5g3drvgrf] {
  background-color: #f0fff4;
}

.recovered-row:hover[b-l5g3drvgrf] {
  background-color: #c6f6d5 !important;
}

.unrecovered-row[b-l5g3drvgrf] {
  background-color: #fffaf0;
}

.unrecovered-row:hover[b-l5g3drvgrf] {
  background-color: #feebc8 !important;
}

/* Transaction Modal */
.transaction-modal .modal-header[b-l5g3drvgrf] {
  border-left: 4px solid #48bb78;
}

.orphaned-modal .modal-header[b-l5g3drvgrf] {
  border-left: 4px solid #e53e3e;
}

.gallons-highlight[b-l5g3drvgrf] {
  font-size: 1.1em;
  font-weight: 700;
  color: #2b6cb0;
}

.reason-section[b-l5g3drvgrf] {
  background: #fff5f5;
  border: 1px solid #fed7d7;
  border-radius: 6px;
  padding: 12px;
}

.reason-text[b-l5g3drvgrf] {
  color: #c53030;
  font-weight: 500;
}

/* Empty message success variant */
.empty-message.success[b-l5g3drvgrf] {
  color: #38a169;
}

.empty-message.success .oi[b-l5g3drvgrf] {
  color: #48bb78;
}

/* Transaction table scrollbar */
.transaction-table-container[b-l5g3drvgrf]::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.transaction-table-container[b-l5g3drvgrf]::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.transaction-table-container[b-l5g3drvgrf]::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 4px;
}

.transaction-table-container[b-l5g3drvgrf]::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/* Sentry Logs Panel */
.sentry-logs-panel[b-l5g3drvgrf] {
  border-left: 4px solid #ed8936;
  margin-top: 20px;
}

.sentry-logs-header h5 .oi-list[b-l5g3drvgrf] {
  color: #ed8936;
}

.sentry-logs-body[b-l5g3drvgrf] {
  max-height: 500px;
  overflow-y: auto;
}

.sentry-logs-grid[b-l5g3drvgrf] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 12px;
}

.sentry-log-card[b-l5g3drvgrf] {
  background: #fffaf5;
  border: 1px solid #fed7aa;
  border-left: 4px solid #ed8936;
  border-radius: 6px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.sentry-log-card:hover[b-l5g3drvgrf] {
  background: #fff5eb;
  box-shadow: 0 2px 8px rgba(237, 137, 54, 0.15);
}

.sentry-log-card .log-header[b-l5g3drvgrf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid #fed7aa;
}

.sentry-log-card .log-time[b-l5g3drvgrf] {
  font-family: 'Courier New', monospace;
  font-size: 12px;
  color: #666;
  font-weight: 600;
}

.sentry-log-card .log-type[b-l5g3drvgrf] {
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 10px;
}

.sentry-log-card .log-topic[b-l5g3drvgrf] {
  font-size: 12px;
  color: #888;
  margin-bottom: 8px;
  font-weight: 500;
}

.sentry-log-card .log-message[b-l5g3drvgrf] {
  font-size: 12px;
}

.sentry-log-card .log-message .json-content[b-l5g3drvgrf] {
  max-height: 100px;
  overflow: hidden;
  font-size: 10px;
}

.sentry-log-card .log-message .text-content[b-l5g3drvgrf] {
  max-height: 80px;
  overflow: hidden;
  font-size: 11px;
}

.sentry-log-card .log-extra[b-l5g3drvgrf] {
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dashed #fed7aa;
  font-size: 11px;
}

.sentry-log-card .extra-label[b-l5g3drvgrf] {
  color: #888;
  font-weight: 500;
  margin-right: 6px;
}

.sentry-log-card .extra-value[b-l5g3drvgrf] {
  color: #666;
  font-family: 'Courier New', monospace;
}

/* Sentry logs body scrollbar */
.sentry-logs-body[b-l5g3drvgrf]::-webkit-scrollbar {
  width: 8px;
}

.sentry-logs-body[b-l5g3drvgrf]::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.sentry-logs-body[b-l5g3drvgrf]::-webkit-scrollbar-thumb {
  background: #ed8936;
  border-radius: 4px;
}

.sentry-logs-body[b-l5g3drvgrf]::-webkit-scrollbar-thumb:hover {
  background: #dd6b20;
}

@media (max-width: 800px) {
  .sentry-logs-grid[b-l5g3drvgrf] {
    grid-template-columns: 1fr;
  }
}

/* Log card color variants for different error types */

/* Timeout errors - Orange/Amber */
.sentry-log-card.log-card-timeout[b-l5g3drvgrf] {
  background: #fffbeb;
  border-color: #fcd34d;
  border-left-color: #f59e0b;
}

.sentry-log-card.log-card-timeout:hover[b-l5g3drvgrf] {
  background: #fef3c7;
  box-shadow: 0 2px 8px rgba(245, 158, 11, 0.2);
}

.sentry-log-card.log-card-timeout .log-header[b-l5g3drvgrf] {
  border-bottom-color: #fcd34d;
}

/* ERROR type in message - Red */
.sentry-log-card.log-card-error[b-l5g3drvgrf] {
  background: #fef2f2;
  border-color: #fca5a5;
  border-left-color: #ef4444;
}

.sentry-log-card.log-card-error:hover[b-l5g3drvgrf] {
  background: #fee2e2;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2);
}

.sentry-log-card.log-card-error .log-header[b-l5g3drvgrf] {
  border-bottom-color: #fca5a5;
}

/* General failure (fallback) - Light Orange */
.sentry-log-card.log-card-failure[b-l5g3drvgrf] {
  background: #fff7ed;
  border-color: #fdba74;
  border-left-color: #f97316;
}

.sentry-log-card.log-card-failure:hover[b-l5g3drvgrf] {
  background: #ffedd5;
  box-shadow: 0 2px 8px rgba(249, 115, 22, 0.2);
}

.sentry-log-card.log-card-failure .log-header[b-l5g3drvgrf] {
  border-bottom-color: #fdba74;
}
/* /Pages/Customers/Components/TanksTab.razor.rz.scp.css */
/* Tanks Tab Styles */
.tanks-tab-container[b-xx0rwc69ix] {
  padding: 20px;
}

.tanks-grid[b-xx0rwc69ix] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 24px;
  margin-top: 20px;
}

.tank-card[b-xx0rwc69ix] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.2s, box-shadow 0.2s;
}

.tank-card:hover[b-xx0rwc69ix] {
  transform: translateY(-4px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
}

.tank-header[b-xx0rwc69ix] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  padding: 16px 20px;
  color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tank-title[b-xx0rwc69ix] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.tank-icon[b-xx0rwc69ix] {
  font-size: 24px;
}

.tank-title h4[b-xx0rwc69ix] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.tank-sentry-badge[b-xx0rwc69ix] {
  background: rgba(255, 255, 255, 0.2);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.tank-details[b-xx0rwc69ix] {
  padding: 16px 20px;
  background: #f8f9fa;
}

.detail-row[b-xx0rwc69ix] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 0;
}

.detail-label[b-xx0rwc69ix] {
  font-weight: 500;
  color: #666;
  font-size: 14px;
}

.detail-value[b-xx0rwc69ix] {
  color: #333;
  font-weight: 600;
  font-size: 14px;
}

.fuel-type-badge[b-xx0rwc69ix] {
  background: #4caf50;
  color: white;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.tank-level-section[b-xx0rwc69ix] {
  padding: 24px 20px;
  background: white;
}

.tank-visual-container[b-xx0rwc69ix] {
  display: flex;
  gap: 24px;
  align-items: center;
  justify-content: center;
}

.tank-visual[b-xx0rwc69ix] {
  position: relative;
  width: 80px;
  height: 160px;
}

.tank-visual-top[b-xx0rwc69ix] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 40px;
  height: 20px;
  background: linear-gradient(to bottom, #b0bec5, #90a4ae);
  border-radius: 20px 20px 0 0;
  border: 2px solid #78909c;
  border-bottom: none;
  z-index: 2;
}

.tank-visual-body[b-xx0rwc69ix] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 140px;
  background: linear-gradient(to right, #eceff1, #cfd8dc);
  border: 3px solid #78909c;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

.tank-visual-fuel[b-xx0rwc69ix] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, #1976d2, #42a5f5);
  transition: height 0.6s ease;
  min-height: 0;
}

.tank-visual-fuel-wave[b-xx0rwc69ix] {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 20px;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
  animation: wave-b-xx0rwc69ix 2s ease-in-out infinite;
}

@keyframes wave-b-xx0rwc69ix {
  0%, 100% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
}

.tank-level-info[b-xx0rwc69ix] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
}

.level-percentage[b-xx0rwc69ix] {
  font-size: 36px;
  font-weight: 700;
  color: #1976d2;
  line-height: 1;
}

.level-amount[b-xx0rwc69ix] {
  font-size: 16px;
  font-weight: 600;
  color: #666;
}

.level-time[b-xx0rwc69ix] {
  font-size: 12px;
  color: #999;
  display: flex;
  align-items: center;
  gap: 4px;
}

.tank-status[b-xx0rwc69ix] {
  padding: 0 20px 20px;
}

.tank-status .alert[b-xx0rwc69ix] {
  font-size: 13px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Loading and Empty States */
.loading-panel[b-xx0rwc69ix] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #666;
}

.loading-panel .spinner-border[b-xx0rwc69ix] {
  width: 48px;
  height: 48px;
  border-width: 4px;
  margin-bottom: 16px;
}

.empty-state[b-xx0rwc69ix] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  text-align: center;
  color: #666;
}

.empty-state-icon[b-xx0rwc69ix] {
  font-size: 64px;
  color: #ccc;
  margin-bottom: 20px;
}

.empty-state h4[b-xx0rwc69ix] {
  margin: 0 0 10px;
  color: #333;
  font-size: 24px;
}

.empty-state p[b-xx0rwc69ix] {
  margin: 0;
  font-size: 16px;
  color: #999;
}
/* /Pages/Customers/EventsTab.razor.rz.scp.css */
/* Events Tab Styles */

.events-tab-container[b-xifgnm4y1l] {
    padding: 0;
}

.events-sub-tabs[b-xifgnm4y1l] {
    width: 100%;
}

.sub-tab-panel[b-xifgnm4y1l] {
    padding: 20px;
}

.panel-header[b-xifgnm4y1l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.panel-header h4[b-xifgnm4y1l] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.panel-actions[b-xifgnm4y1l] {
    display: flex;
    gap: 10px;
}

/* Filter Section */
.filter-section[b-xifgnm4y1l] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.filter-row[b-xifgnm4y1l] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    align-items: end;
}

.filter-row .form-group[b-xifgnm4y1l] {
    margin-bottom: 0;
}

.filter-row label[b-xifgnm4y1l] {
    font-weight: 600;
    color: #34495e;
    font-size: 0.9rem;
    margin-bottom: 5px;
    display: block;
}

.filter-row .form-select[b-xifgnm4y1l] {
    font-size: 0.95rem;
}

/* Grid Container */
.grid-container[b-xifgnm4y1l] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Loading Panel */
.loading-panel[b-xifgnm4y1l] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 15px;
}

.loading-panel .spinner-border[b-xifgnm4y1l] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
    color: #667eea;
}

.loading-panel p[b-xifgnm4y1l] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.95rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .filter-row[b-xifgnm4y1l] {
        grid-template-columns: 1fr;
    }
    
    .panel-header[b-xifgnm4y1l] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .panel-actions[b-xifgnm4y1l] {
        width: 100%;
    }
    
    .panel-actions button[b-xifgnm4y1l] {
        flex: 1;
    }
}
/* /Pages/Customers/Index.razor.rz.scp.css */
/* Customers Page Styles */

.customers-container[b-x3r4d1zlqf] {
    padding: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-x3r4d1zlqf] {
    margin-bottom: 30px;
}

.page-header h1[b-x3r4d1zlqf] {
    font-size: 2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 5px;
}

.page-header .subtitle[b-x3r4d1zlqf] {
    color: #7f8c8d;
    font-size: 0.95rem;
}

/* Customer Selector Section */
.customer-selector-section[b-x3r4d1zlqf] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.customer-dropdown[b-x3r4d1zlqf] {
    max-width: 500px;
    font-size: 1rem;
    padding: 10px;
}

.form-label[b-x3r4d1zlqf] {
    font-weight: 600;
    color: #34495e;
    margin-bottom: 8px;
}

/* Stats Cards Row */
.customer-overview-section[b-x3r4d1zlqf] {
    margin-bottom: 20px;
}

.stats-cards-row[b-x3r4d1zlqf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    margin-bottom: 20px;
}

.stat-card[b-x3r4d1zlqf] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    display: flex;
    align-items: center;
    gap: 15px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-x3r4d1zlqf] {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.stat-icon[b-x3r4d1zlqf] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    color: white;
}

.stat-content[b-x3r4d1zlqf] {
    flex: 1;
}

.stat-label[b-x3r4d1zlqf] {
    font-size: 0.85rem;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 5px;
}

.stat-value[b-x3r4d1zlqf] {
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1;
}

.stat-value-small[b-x3r4d1zlqf] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
}

/* Tabs Section */
.customer-tabs-section[b-x3r4d1zlqf] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
}

.custom-tab[b-x3r4d1zlqf] {
    min-height: 400px;
}

.tab-content-panel[b-x3r4d1zlqf] {
    padding: 30px;
}

.tab-content-panel h3[b-x3r4d1zlqf] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 20px;
}

/* Overview Info */
.overview-info[b-x3r4d1zlqf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

.info-section[b-x3r4d1zlqf] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
}

.info-section h4[b-x3r4d1zlqf] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #34495e;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
}

.info-row[b-x3r4d1zlqf] {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #e9ecef;
}

.info-row:last-child[b-x3r4d1zlqf] {
    border-bottom: none;
}

.info-label[b-x3r4d1zlqf] {
    font-weight: 600;
    color: #7f8c8d;
}

.info-value[b-x3r4d1zlqf] {
    color: #2c3e50;
}

/* Empty State */
.empty-state[b-x3r4d1zlqf] {
    text-align: center;
    padding: 60px 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.empty-state-icon[b-x3r4d1zlqf] {
    font-size: 4rem;
    color: #bdc3c7;
    margin-bottom: 20px;
}

.empty-state h3[b-x3r4d1zlqf] {
    font-size: 1.5rem;
    color: #34495e;
    margin-bottom: 10px;
}

.empty-state p[b-x3r4d1zlqf] {
    color: #7f8c8d;
    font-size: 1rem;
}

/* Loading Panel */
.loading-panel[b-x3r4d1zlqf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px;
    gap: 15px;
}

.loading-panel .spinner-border[b-x3r4d1zlqf] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
    color: #667eea;
}

.loading-panel p[b-x3r4d1zlqf] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.95rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .stats-cards-row[b-x3r4d1zlqf] {
        grid-template-columns: 1fr;
    }
    
    .overview-info[b-x3r4d1zlqf] {
        grid-template-columns: 1fr;
    }
    
    .tab-content-panel[b-x3r4d1zlqf] {
        padding: 20px;
    }
}
/* /Pages/Customers/Legacy/CustomerBrowse.razor.rz.scp.css */
.legacy-container[b-46auic0hbv] {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  contain: layout;
}

.CustomerSelectionFrame[b-46auic0hbv] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.CustomerSelectionLabel[b-46auic0hbv] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.CustomerSelectionArea[b-46auic0hbv] {
  padding: 4px 6px;
}

.CustomerSelect[b-46auic0hbv] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}
/* /Pages/Customers/Legacy/CustomerData.razor.rz.scp.css */
.InfoText[b-y4m83ach8j] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-y4m83ach8j] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}
/* /Pages/Customers/PingStatusTab.razor.rz.scp.css */
/* Ping Status Tab Styles */

.ping-status-container[b-7lzfo27tyr] {
    padding: 20px;
}

.panel-header[b-7lzfo27tyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 2px solid #e0e0e0;
}

.header-left[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    gap: 15px;
}

.panel-header h4[b-7lzfo27tyr] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.status-indicator[b-7lzfo27tyr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
}

.status-indicator.active[b-7lzfo27tyr] {
    background: #d4edda;
    color: #155724;
}

.status-indicator.active .oi[b-7lzfo27tyr] {
    color: #28a745;
    animation: pulse-b-7lzfo27tyr 1.5s ease-in-out infinite;
}

.status-indicator.inactive[b-7lzfo27tyr] {
    background: #f8d7da;
    color: #721c24;
}

.refreshing-indicator[b-7lzfo27tyr] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    background: #cce5ff;
    color: #004085;
}

@keyframes pulse-b-7lzfo27tyr {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

.panel-actions[b-7lzfo27tyr] {
    display: flex;
    gap: 10px;
}

/* Filter Section */
.filter-section[b-7lzfo27tyr] {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 20px;
}

.filter-row[b-7lzfo27tyr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 15px;
    align-items: end;
}

.filter-row .form-group[b-7lzfo27tyr] {
    margin-bottom: 0;
}

.filter-row label[b-7lzfo27tyr] {
    font-weight: 600;
    color: #34495e;
    font-size: 0.9rem;
    margin-bottom: 5px;
    display: block;
}

/* Status Summary Cards */
.status-summary[b-7lzfo27tyr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 15px;
    margin-bottom: 20px;
}

.summary-card[b-7lzfo27tyr] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    border-left: 4px solid #6c757d;
}

.summary-card.good[b-7lzfo27tyr] {
    border-left-color: #28a745;
}

.summary-card.warning[b-7lzfo27tyr] {
    border-left-color: #ffc107;
}

.summary-card.bad[b-7lzfo27tyr] {
    border-left-color: #dc3545;
}

.summary-card.none[b-7lzfo27tyr] {
    border-left-color: #6c757d;
}

.summary-card.active[b-7lzfo27tyr] {
    border-left-color: #9c27b0;
}

.summary-card .count[b-7lzfo27tyr] {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    color: #2c3e50;
    line-height: 1;
    margin-bottom: 5px;
}

.summary-card .label[b-7lzfo27tyr] {
    display: block;
    font-size: 0.85rem;
    color: #7f8c8d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Map Panel */
.map-panel[b-7lzfo27tyr] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    margin-bottom: 20px;
    overflow: hidden;
    transition: all 0.4s ease;
}

.map-panel.collapsed[b-7lzfo27tyr] {
    height: 60px;
}

.map-panel.expanded[b-7lzfo27tyr] {
    height: 480px;
}

.map-panel.fullscreen[b-7lzfo27tyr] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    height: 100vh;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.map-panel-header[b-7lzfo27tyr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    cursor: pointer;
    user-select: none;
    transition: background 0.3s ease;
}

.map-panel-header:hover[b-7lzfo27tyr] {
    background: linear-gradient(135deg, #7b8ff0 0%, #8756b8 100%);
}

.map-header-left[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.map-icon[b-7lzfo27tyr] {
    font-size: 1.5rem;
}

.map-header-left h5[b-7lzfo27tyr] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 600;
}

.map-device-count[b-7lzfo27tyr] {
    font-size: 0.85rem;
    opacity: 0.9;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.2);
    padding: 3px 10px;
    border-radius: 12px;
}

.map-header-right[b-7lzfo27tyr] {
    display: flex;
    gap: 10px;
}

.map-header-right button[b-7lzfo27tyr] {
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    font-weight: 500;
    transition: all 0.2s ease;
}

.map-header-right button:hover[b-7lzfo27tyr] {
    background: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.5);
    transform: translateY(-2px);
}

.map-panel-content[b-7lzfo27tyr] {
    height: calc(100% - 60px);
    background: #f8f9fa;
    position: relative;
    display: flex;
    flex-direction: column;
}

.map-panel-content > *[b-7lzfo27tyr] {
    flex: 1;
    min-height: 0;
}

/* Syncfusion Maps specific fix */
.map-panel-content .e-maps[b-7lzfo27tyr] {
    height: 100% !important;
    min-height: 350px;
}

.map-panel.expanded .map-panel-content[b-7lzfo27tyr] {
    min-height: 420px;
}

.map-panel.fullscreen .map-panel-content[b-7lzfo27tyr] {
    height: calc(100% - 60px);
    min-height: auto;
}

.map-empty-state[b-7lzfo27tyr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center;
    padding: 40px;
}

.map-empty-state p[b-7lzfo27tyr] {
    margin: 0 0 5px 0;
    color: #6c757d;
    font-size: 1.1rem;
}

.map-empty-state small[b-7lzfo27tyr] {
    color: #95a5a6;
    font-size: 0.9rem;
}

.map-wrapper[b-7lzfo27tyr] {
    display: grid;
    grid-template-columns: 1fr 220px;
    gap: 20px;
    height: 450px;
}

.map-content.fullscreen .map-wrapper[b-7lzfo27tyr] {
    height: calc(100vh - 40px);
}

.map-container-inner[b-7lzfo27tyr] {
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 2px solid #dee2e6;
    background: white;
}

.map-legend[b-7lzfo27tyr] {
    background: white;
    border-radius: 8px;
    padding: 20px;
    border: 2px solid #dee2e6;
    overflow-y: auto;
}

.map-legend h5[b-7lzfo27tyr] {
    font-size: 1rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 15px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #e9ecef;
}

.legend-item[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    font-size: 0.9rem;
    color: #495057;
}

.legend-marker[b-7lzfo27tyr] {
    font-size: 1.3rem;
    flex-shrink: 0;
}

.map-empty[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    color: #6c757d;
    font-size: 1.1rem;
}

/* Map Markers */
.map-marker-container[b-7lzfo27tyr] {
    cursor: pointer;
}

.map-marker[b-7lzfo27tyr] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
    font-size: 28px;
    padding: 5px;
}

.map-marker-container:hover .map-marker[b-7lzfo27tyr] {
    transform: scale(1.4);
    z-index: 1000;
}

.marker-icon[b-7lzfo27tyr] {
    filter: drop-shadow(0 3px 6px rgba(0,0,0,0.3));
    line-height: 1;
}

.marker-count-badge[b-7lzfo27tyr] {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #dc3545;
    color: white;
    border-radius: 50%;
    min-width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    border: 2px solid white;
    padding: 2px 4px;
}

/* Grid Container */
.grid-container[b-7lzfo27tyr] {
    background: white;
    border-radius: 8px;
    padding: 15px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Status Row Color Coding */
.e-grid .e-row.pingGood[b-7lzfo27tyr] {
    background-color: #d4edda !important;
}

.e-grid .e-row.pingBad[b-7lzfo27tyr] {
    background-color: #fff3cd !important;
}

.e-grid .e-row.pingVeryBad[b-7lzfo27tyr] {
    background-color: #f8d7da !important;
}

.e-grid .e-row.pingNone[b-7lzfo27tyr] {
    background-color: #e9ecef !important;
}

.e-grid .e-row.statusOn[b-7lzfo27tyr] {
    background-color: #e1bee7 !important;
}

.e-grid .e-row.statusPumping[b-7lzfo27tyr] {
    background-color: #ffe0b2 !important;
}

.e-grid .e-row.statusFinalizing[b-7lzfo27tyr] {
    background-color: #bbdefb !important;
}

/* Hover effects */
.e-grid .e-row:hover[b-7lzfo27tyr] {
    opacity: 0.9;
}

/* Loading Panel */
.loading-panel[b-7lzfo27tyr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    gap: 15px;
}

.loading-panel .spinner-border[b-7lzfo27tyr] {
    width: 3rem;
    height: 3rem;
    border-width: 0.3rem;
    color: #667eea;
}

.loading-panel p[b-7lzfo27tyr] {
    margin: 0;
    color: #7f8c8d;
    font-size: 0.95rem;
}

/* Empty State */
.empty-state[b-7lzfo27tyr] {
    text-align: center;
    padding: 40px;
    background: white;
    border-radius: 8px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .map-wrapper[b-7lzfo27tyr] {
        grid-template-columns: 1fr;
        height: auto;
    }
    
    .map-container-inner[b-7lzfo27tyr] {
        height: 400px;
    }
    
    .map-legend[b-7lzfo27tyr] {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 10px;
        height: auto;
    }
    
    .map-legend h5[b-7lzfo27tyr] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    .panel-header[b-7lzfo27tyr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .header-left[b-7lzfo27tyr] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .panel-actions[b-7lzfo27tyr] {
        width: 100%;
    }
    
    .panel-actions button[b-7lzfo27tyr] {
        flex: 1;
    }
    
    .filter-row[b-7lzfo27tyr] {
        grid-template-columns: 1fr;
    }
    
    .status-summary[b-7lzfo27tyr] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    }
}

/* Column Filter Dropdowns */
.filter-dropdown-container[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    gap: 4px;
    width: 100%;
}

.filter-dropdown-container .form-select[b-7lzfo27tyr] {
    flex: 1;
    font-size: 12px;
    padding: 4px 8px;
    min-width: 100px;
}

.filter-clear-btn[b-7lzfo27tyr] {
    padding: 2px 6px;
    color: #dc3545;
    font-size: 10px;
    flex-shrink: 0;
}

.filter-clear-btn:hover[b-7lzfo27tyr] {
    color: #a71d2a;
    background: #f8d7da;
    border-radius: 4px;
}

/* Override Syncfusion filter row styles to accommodate dropdowns */
[b-7lzfo27tyr] .e-grid .e-filterbar .e-filterbarcell {
    padding: 4px 8px;
}

[b-7lzfo27tyr] .e-grid .e-filterbar input.e-input {
    display: none;
}

/* Filter Indicator */
.filter-indicator[b-7lzfo27tyr] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #e8f4fd;
    border: 1px solid #bee3f8;
    border-radius: 6px;
    margin-bottom: 16px;
    font-size: 13px;
    color: #2b6cb0;
}

.filter-indicator .oi-filter[b-7lzfo27tyr] {
    font-size: 14px;
}

.filter-indicator .btn-link[b-7lzfo27tyr] {
    padding: 0;
    font-size: 13px;
    margin-left: auto;
}
/* /Pages/Customers/Sentries/ActivationEvents/ActivationEventsView.razor.rz.scp.css */
.sendInputButton[b-a50h95ox4n] {
  border: 2px solid black;
  padding: 3px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 30px;
  min-width: 350px;
  background-color: #003000;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-a50h95ox4n] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-a50h95ox4n] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.eventsHeader[b-a50h95ox4n] {
  padding: 4px 8px;
  background-color: black;
  color: white;
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
}

.eventsValueArea[b-a50h95ox4n] {
  padding: 4px 8px;
  background-color: white;
  color: black;
  font-family: Calibri;
  font-size: 14px;
}
/* /Pages/Customers/Sentries/Events/SentryEventsView.razor.rz.scp.css */
.sendInputButton[b-pyzio55w70] {
  border: 2px solid black;
  padding: 3px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 30px;
  min-width: 350px;
  background-color: #003000;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-pyzio55w70] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-pyzio55w70] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.eventsHeader[b-pyzio55w70] {
  padding: 4px 8px;
  background-color: black;
  color: white;
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
}

.eventsValueArea[b-pyzio55w70] {
  padding: 4px 8px;
  background-color: white;
  color: black;
  font-family: Calibri;
  font-size: 14px;
}
/* /Pages/Customers/Sentries/Files/FileBrowse.razor.rz.scp.css */
.FileSelectionFrame[b-ygtn5vk05m] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.FileSelectionLabel[b-ygtn5vk05m] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.FileSelectionArea[b-ygtn5vk05m] {
  padding: 4px 6px;
}

.FileSelect[b-ygtn5vk05m] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}
/* /Pages/Customers/Sentries/Files/FileInstanceBrowse.razor.rz.scp.css */
.InfoText[b-v8s5sdd0qb] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-v8s5sdd0qb] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.FileInstanceSelectionFrame[b-v8s5sdd0qb] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-left: 16px;
  margin-bottom: 20px;
  align-items: center;
}

.FileInstanceSelectionLabel[b-v8s5sdd0qb] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.FileInstanceSelectionArea[b-v8s5sdd0qb] {
  padding: 4px 6px;
}

.FileInstanceSelect[b-v8s5sdd0qb] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}

.UploadFileInstanceArea[b-v8s5sdd0qb] {
  padding: 10px;
  border-radius: 8px;
  border: 2px solid black;
  background-color: darkgreen;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
}

.UploadFileInstanceLabelArea[b-v8s5sdd0qb] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
}

.UploadFileInstanceLabel[b-v8s5sdd0qb] {
  font-family: Calibri;
  font-size: 20px;
  font-weight: bold;
  color: white;
}

.UploadFileInstanceOpsArea[b-v8s5sdd0qb] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  border: 1px solid black;
  padding: 5px;
  background-color: white;
  border-radius: 3px;
}
/* /Pages/Customers/Sentries/Files/FileInstanceData.razor.rz.scp.css */
.InfoText[b-kq5ip1uxwz] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-kq5ip1uxwz] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.PropertyTable[b-kq5ip1uxwz] {
  border: 2px solid black;
  border-radius: 16px;
  background-color: #004020;
  padding: 15px 15px;
  display: inline-grid;
  margin: 20px;
  grid-template-columns: auto auto;
  grid-auto-flow: row;
  grid-column-gap: 6px;
  grid-row-gap: 8px;
}

.PropertyHeaderArea[b-kq5ip1uxwz] {
  padding: 2px 18px;
  background-color: #008040;
  border: 1px solid #006030;
  border-radius: 8px;
  box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;
}

.PropertyHeaderText[b-kq5ip1uxwz] {
  font-family: Calibri;
  font-size: 26px;
  font-weight: bold;
  color: lightcyan;
  user-select: none;
}

.PropertyNameArea[b-kq5ip1uxwz] {
  padding: 2px 8px;
  background-color: #e0fff0;
  border: 1px solid black;
  border-radius: 8px;
}

.PropertyNameText[b-kq5ip1uxwz] {
  font-family: Calibri;
  font-size: 24px;
  font-weight: bold;
  color: black;
  white-space: nowrap;
  user-select: none;
}

.PropertyValueText[b-kq5ip1uxwz] {
  font-family: Calibri;
  font-size: 24px;
  color: black;
  word-break: break-word;
  user-select: none;
}

.PropertyValueArea[b-kq5ip1uxwz] {
  padding: 2px 8px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
}

.downloadButton[b-kq5ip1uxwz] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .downloadButton:hover[b-kq5ip1uxwz] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .downloadButton:active[b-kq5ip1uxwz] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }

/* /Pages/Customers/Sentries/Logs/SentryLogView.razor.rz.scp.css */
.sendInputButton[b-axu3ny5ylc] {
  border: 2px solid black;
  padding: 3px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 30px;
  min-width: 350px;
  background-color: #003000;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-axu3ny5ylc] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-axu3ny5ylc] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.eventsHeader[b-axu3ny5ylc] {
  padding: 4px 8px;
  background-color: black;
  color: white;
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
}

.eventsValueArea[b-axu3ny5ylc] {
  padding: 4px 8px;
  background-color: white;
  color: black;
  font-family: Calibri;
  font-size: 14px;
}
/* /Pages/Customers/Sentries/Logs/SentryPingLogView.razor.rz.scp.css */
.sendInputButton[b-cevxkptovz] {
  border: 2px solid black;
  padding: 3px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 30px;
  min-width: 350px;
  background-color: #003000;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-cevxkptovz] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-cevxkptovz] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.eventsHeader[b-cevxkptovz] {
  padding: 4px 8px;
  background-color: black;
  color: white;
  font-family: Calibri;
  font-size: 16px;
  font-weight: bold;
}

.eventsValueArea[b-cevxkptovz] {
  padding: 4px 8px;
  background-color: white;
  color: black;
  font-family: Calibri;
  font-size: 14px;
}

.statusOn[b-cevxkptovz] {
  background-color: #003000;
  color: #20a0f0;
}

.statusPumping[b-cevxkptovz] {
  background-color: #002000;
  color: #00c0ff;
}

.statusFinalizing[b-cevxkptovz] {
  background-color: #203000;
  color: #f7f700;
}

.pingGood[b-cevxkptovz] {
  background-color: #006000;
  color: #f7f7f7;
}

.pingBad[b-cevxkptovz] {
  background-color: darkred;
  color: #f0f0f0;
}

.pingVeryBad[b-cevxkptovz] {
  background-color: red;
  color: white;
}

.pingNone[b-cevxkptovz] {
  background-color: #f7f7f7;
  color: #272727;
}
/* /Pages/Customers/Sentries/SentryBrowse.razor.rz.scp.css */
.SentrySelectionFrame[b-m7o60yzhpk] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.SentrySelectionLabel[b-m7o60yzhpk] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.SentrySelectionArea[b-m7o60yzhpk] {
  padding: 4px 6px;
}

.SentrySelect[b-m7o60yzhpk] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}

.clickLink[b-m7o60yzhpk] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .clickLink:hover[b-m7o60yzhpk] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .clickLink:active[b-m7o60yzhpk] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }
/* /Pages/Customers/Sentries/SentryData.razor.rz.scp.css */
.InfoText[b-fx2s9o7ujn] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-fx2s9o7ujn] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.sentryCheckBox[b-fx2s9o7ujn] {
  width: 20px;
  height: 20px;
}

.sendInputButton[b-fx2s9o7ujn] {
  border: 2px solid black;
  padding: 3px 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  border-radius: 30px;
  min-width: 350px;
  background-color: #003000;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-fx2s9o7ujn] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-fx2s9o7ujn] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.sendInputEnabled[b-fx2s9o7ujn] {
}

.sendInputDisabled[b-fx2s9o7ujn] {
  pointer-events: none;
  opacity: 0.3;
}
/* /Pages/Customers/Sentries/SentryPropertiesTable.razor.rz.scp.css */
.InfoText[b-cdtbchgjqp] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-cdtbchgjqp] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.PropertyTable[b-cdtbchgjqp] {
  border: 2px solid black;
  border-radius: 16px;
  background-color: #004020;
  padding: 15px 15px;
  display: inline-grid;
  margin: 20px;
  grid-template-columns: auto auto;
  grid-auto-flow: row;
  grid-column-gap: 6px;
  grid-row-gap: 8px;
}

.PropertyHeaderArea[b-cdtbchgjqp] {
  padding: 2px 18px;
  background-color: #008040;
  border: 1px solid #006030;
  border-radius: 8px;
  box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;
}

.PropertyHeaderText[b-cdtbchgjqp] {
  font-family: Calibri;
  font-size: 26px;
  font-weight: bold;
  color: lightcyan;
  user-select: none;
}

.PropertyNameArea[b-cdtbchgjqp] {
  padding: 2px 8px;
  background-color: #e0fff0;
  border: 1px solid black;
  border-radius: 8px;
}

.PropertyNameText[b-cdtbchgjqp] {
  font-family: Calibri;
  font-size: 24px;
  font-weight: bold;
  color: black;
  white-space: nowrap;
  user-select: none;
}

.PropertyValueText[b-cdtbchgjqp] {
  font-family: Calibri;
  font-size: 24px;
  color: black;
  word-break: break-word;
  user-select: none;
}

.PropertyValueArea[b-cdtbchgjqp] {
  padding: 2px 8px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
}

.toggleLink[b-cdtbchgjqp] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .toggleLink:hover[b-cdtbchgjqp] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .toggleLink:active[b-cdtbchgjqp] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }
/* /Pages/Customers/Sentries/SentryTesting.razor.rz.scp.css */
.InfoText[b-75y7dfeaae] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-75y7dfeaae] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.toggleLink[b-75y7dfeaae] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .toggleLink:hover[b-75y7dfeaae] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .toggleLink:active[b-75y7dfeaae] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }
/* /Pages/Customers/Sentries/SentryTestSend.razor.rz.scp.css */
.toggleLink[b-vgvkj6fgqw] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .toggleLink:hover[b-vgvkj6fgqw] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .toggleLink:active[b-vgvkj6fgqw] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }

.sendInputOuterFrame[b-vgvkj6fgqw] {
  margin: 10px 0;
  width: 800px;
  height: 600px;
  border: 3px solid black;
  background-color: darkslategrey;
  border-radius: 20px;
  box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;
}

.sendInputPositioner[b-vgvkj6fgqw] {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.sendInputInnerFrame[b-vgvkj6fgqw] {
  position: absolute;
  left: 10px;
  top: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 80px);
  border: 3px solid black;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.sendInputTextArea[b-vgvkj6fgqw] {
  position: absolute;
  left: 4px;
  top: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  font-family: Calibri;
  font-size: 18px;
  resize: none;
  border: 1px solid #a0a0a0;
}

  .sendInputTextArea[b-vgvkj6fgqw]::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  .sendInputTextArea[b-vgvkj6fgqw]::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Handle */
  .sendInputTextArea[b-vgvkj6fgqw]::-webkit-scrollbar-thumb {
    background: #888;
  }

    /* Handle on hover */
    .sendInputTextArea[b-vgvkj6fgqw]::-webkit-scrollbar-thumb:hover {
      background: #555;
    }

.sendInputButton[b-vgvkj6fgqw] {
  position: absolute;
  bottom: 12px;
  left: calc(50% - 50px);
  width: 100px;
  border: 2px solid black;
  border-radius: 6px;
  background-color: darkblue;
  color: #f0f0f0;
  font-family: Calibri;
  font-size: 28px;
  font-weight: bold;
  user-select: none;
  display: inline-flex;
  justify-content: center;
}

  .sendInputButton:hover[b-vgvkj6fgqw] {
    box-shadow: rgba(0,0,0,0.5) 3px 3px 5px;
    color: white;
  }

  .sendInputButton:active[b-vgvkj6fgqw] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.isValidJson[b-vgvkj6fgqw] {
  position: absolute;
  left: 20px;
  bottom: 20px;
}

.isValidJsonText[b-vgvkj6fgqw] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
}

.operatonStatus[b-vgvkj6fgqw] {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.operatonStatusText[b-vgvkj6fgqw] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
}
/* /Pages/Customers/Sentries/Tanks/TankBrowse.razor.rz.scp.css */
.TankSelectionFrame[b-3xsi4rz79f] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.TankSelectionLabel[b-3xsi4rz79f] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.TankSelectionArea[b-3xsi4rz79f] {
  padding: 4px 6px;
}

.TankSelect[b-3xsi4rz79f] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}
/* /Pages/Customers/Sentries/Tanks/TankData.razor.rz.scp.css */
.InfoText[b-7ap3rt1632] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-7ap3rt1632] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}
/* /Pages/Customers/Sentries/Tanks/TankPropertiesTable.razor.rz.scp.css */
.InfoText[b-f68wuhdtz8] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
  user-select: none;
}

.InfoArea[b-f68wuhdtz8] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}

.PropertyTable[b-f68wuhdtz8] {
  border: 2px solid black;
  border-radius: 16px;
  background-color: #004020;
  padding: 15px 15px;
  display: inline-grid;
  margin: 20px;
  grid-template-columns: auto auto;
  grid-auto-flow: row;
  grid-column-gap: 6px;
  grid-row-gap: 8px;
}

.PropertyHeaderArea[b-f68wuhdtz8] {
  padding: 2px 18px;
  background-color: #008040;
  border: 1px solid #006030;
  border-radius: 8px;
  box-shadow: rgba(0,0,0,0.3) 3px 3px 5px;
}

.PropertyHeaderText[b-f68wuhdtz8] {
  font-family: Calibri;
  font-size: 26px;
  font-weight: bold;
  color: lightcyan;
  user-select: none;
}

.PropertyNameArea[b-f68wuhdtz8] {
  padding: 2px 8px;
  background-color: #e0fff0;
  border: 1px solid black;
  border-radius: 8px;
}

.PropertyNameText[b-f68wuhdtz8] {
  font-family: Calibri;
  font-size: 24px;
  font-weight: bold;
  color: black;
  white-space: nowrap;
  user-select: none;
}

.PropertyValueText[b-f68wuhdtz8] {
  font-family: Calibri;
  font-size: 24px;
  color: black;
  word-break: break-word;
  user-select: none;
}

.PropertyValueArea[b-f68wuhdtz8] {
  padding: 2px 8px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
}

.toggleLink[b-f68wuhdtz8] {
  font-family: Calibri;
  font-size: 24px;
  padding: 2px 6px;
  color: blue;
  user-select: none;
}

  .toggleLink:hover[b-f68wuhdtz8] {
    color: royalblue;
    text-shadow: 1px 1px 2px lightblue;
  }

  .toggleLink:active[b-f68wuhdtz8] {
    text-shadow: none !important;
    transform: translate(1px, 1px);
  }
/* /Pages/DevTools/Azure/AzureDiagnostics.razor.rz.scp.css */
.azure-diagnostics-container[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 4rem);
  padding: 1rem;
  gap: 0.75rem;
}

/* Config Warning */
.config-warning[b-xajjaq1xcr] {
  max-width: 600px;
  margin: 2rem auto;
  padding: 2rem;
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 8px;
  text-align: center;
}

.config-warning .warning-icon[b-xajjaq1xcr] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.config-warning h3[b-xajjaq1xcr] {
  margin: 0 0 1rem 0;
  color: #856404;
}

.config-warning p[b-xajjaq1xcr] {
  color: #856404;
  margin: 0.5rem 0;
}

.config-warning .hint[b-xajjaq1xcr] {
  margin-top: 1.5rem;
  font-size: 0.9rem;
}

.config-example[b-xajjaq1xcr] {
  background: #1e1e1e;
  color: #d4d4d4;
  padding: 1rem;
  border-radius: 4px;
  text-align: left;
  font-size: 0.85rem;
  overflow-x: auto;
  margin: 0.5rem 0;
}

/* Access Denied */
.access-denied[b-xajjaq1xcr] {
  max-width: 500px;
  margin: 3rem auto;
  padding: 2rem;
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 8px;
  text-align: center;
}

.access-denied .warning-icon[b-xajjaq1xcr] {
  font-size: 3rem;
  margin-bottom: 1rem;
}

.access-denied h3[b-xajjaq1xcr] {
  margin: 0 0 1rem 0;
  color: #721c24;
}

.access-denied p[b-xajjaq1xcr] {
  color: #721c24;
  margin: 0;
}

/* Favorites Bar */
.favorites-bar[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: linear-gradient(135deg, #28a745 0%, #20c997 100%);
  border-radius: 6px;
  flex-wrap: wrap;
}

.favorites-label[b-xajjaq1xcr] {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.8rem;
  font-weight: 600;
  margin-right: 0.25rem;
}

.favorite-btn[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.3rem 0.5rem;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 4px;
  color: white;
  font-size: 0.8rem;
  cursor: pointer;
  transition: all 0.15s;
}

.favorite-btn:hover[b-xajjaq1xcr] {
  background: rgba(255, 255, 255, 0.3);
}

.favorite-btn.active[b-xajjaq1xcr] {
  background: rgba(255, 255, 255, 0.95);
  color: #28a745;
  border-color: white;
}

.fav-name[b-xajjaq1xcr] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fav-remove[b-xajjaq1xcr] {
  font-size: 1rem;
  line-height: 1;
  opacity: 0.7;
  padding: 0 0.15rem;
  margin-left: 0.1rem;
}

.fav-remove:hover[b-xajjaq1xcr] {
  opacity: 1;
}

/* Mode Toggle */
.mode-toggle[b-xajjaq1xcr] {
  display: flex;
  gap: 0.5rem;
}

.mode-btn[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.5rem 1rem;
  background: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s;
  color: #495057;
}

.mode-btn:hover[b-xajjaq1xcr] {
  background: #dee2e6;
}

.mode-btn.active[b-xajjaq1xcr] {
  background: #28a745;
  border-color: #28a745;
  color: white;
}

.mode-icon[b-xajjaq1xcr] {
  font-size: 1rem;
}

/* Toolbar */
.toolbar[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #dee2e6;
}

.toolbar-row[b-xajjaq1xcr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  align-items: flex-end;
}

.toolbar-group[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

.toolbar-group label[b-xajjaq1xcr] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
}

.toolbar-group select[b-xajjaq1xcr] {
  padding: 0.35rem 0.6rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 0.85rem;
  min-width: 140px;
}

.btn-favorite[b-xajjaq1xcr] {
  padding: 0.35rem 0.5rem;
  background: transparent;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  font-size: 1.1rem;
  line-height: 1;
}

.btn-favorite:hover[b-xajjaq1xcr] {
  background: #fff3cd;
  border-color: #ffc107;
}

.star-empty[b-xajjaq1xcr] {
  color: #ced4da;
}

.star-filled[b-xajjaq1xcr] {
  color: #ffc107;
}

.btn-refresh[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #28a745;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
  margin-left: auto;
}

.btn-refresh:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #218838;
}

.btn-refresh:disabled[b-xajjaq1xcr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-restart-all[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #fd7e14;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.btn-restart-all:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #e8590c;
}

.btn-restart-all:disabled[b-xajjaq1xcr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.spinning[b-xajjaq1xcr] {
  animation: spin-b-xajjaq1xcr 1s linear infinite;
}

@keyframes spin-b-xajjaq1xcr {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Loading & Info Panels */
.loading-panel[b-xajjaq1xcr], .error-panel[b-xajjaq1xcr], .info-panel[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 2rem;
  border-radius: 6px;
  font-size: 1rem;
}

.loading-panel[b-xajjaq1xcr] {
  background: #e7f1ff;
  color: #0d6efd;
}

.error-panel[b-xajjaq1xcr] {
  background: #f8d7da;
  color: #842029;
  flex-wrap: wrap;
  white-space: pre-line;
  text-align: left;
}

.btn-retry[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.btn-retry:hover[b-xajjaq1xcr] {
  background: #bb2d3b;
}

.btn-enable-logging[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #198754;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.btn-enable-logging:hover[b-xajjaq1xcr] {
  background: #157347;
}

.btn-enable-logging:disabled[b-xajjaq1xcr] {
  background: #6c757d;
  cursor: not-allowed;
}

.error-actions[b-xajjaq1xcr] {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.75rem;
  margin-left: auto;
}

.spinner-small[b-xajjaq1xcr] {
  width: 14px;
  height: 14px;
  border: 2px solid rgba(255,255,255,0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-xajjaq1xcr 0.8s linear infinite;
}

.info-panel[b-xajjaq1xcr] {
  background: #e2e3e5;
  color: #41464b;
}

.spinner[b-xajjaq1xcr] {
  width: 20px;
  height: 20px;
  border: 2px solid #28a745;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin-b-xajjaq1xcr 1s linear infinite;
}

/* Split View */
.logs-split-view[b-xajjaq1xcr] {
  display: flex;
  flex: 1;
  gap: 1rem;
  min-height: 0;
  overflow: hidden;
}

.logs-list-pane[b-xajjaq1xcr] {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  overflow: hidden;
}

.logs-header[b-xajjaq1xcr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  font-size: 0.85rem;
  color: #6c757d;
}

.filter-input[b-xajjaq1xcr] {
  padding: 0.25rem 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 0.85rem;
  width: 200px;
}

.logs-table-wrapper[b-xajjaq1xcr] {
  flex: 1;
  overflow: auto;
}

.logs-table[b-xajjaq1xcr] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.logs-table thead[b-xajjaq1xcr] {
  position: sticky;
  top: 0;
  background: #f8f9fa;
  z-index: 1;
}

.logs-table th[b-xajjaq1xcr] {
  padding: 0.5rem 0.75rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid #dee2e6;
  white-space: nowrap;
}

.logs-table td[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  border-bottom: 1px solid #f0f0f0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}

.log-row[b-xajjaq1xcr] {
  cursor: pointer;
  transition: background-color 0.15s;
}

.log-row:hover[b-xajjaq1xcr] {
  background: #f8f9fa;
}

.log-row.selected[b-xajjaq1xcr] {
  background: #d4edda !important;
}

.col-time[b-xajjaq1xcr] { width: 80px; }
.col-level[b-xajjaq1xcr] { width: 70px; }
.col-source[b-xajjaq1xcr] { width: 150px; }
.col-message[b-xajjaq1xcr] { min-width: 200px; }

/* Level colors */
.level-verbose[b-xajjaq1xcr] { color: #6c757d; }
.level-info[b-xajjaq1xcr] { color: #0d6efd; }
.level-warning[b-xajjaq1xcr] { color: #ffc107; background-color: rgba(255, 193, 7, 0.1); }
.level-error[b-xajjaq1xcr] { color: #dc3545; background-color: rgba(220, 53, 69, 0.1); }
.level-critical[b-xajjaq1xcr] { color: #fff; background-color: #dc3545; }

/* Detail Pane */
.logs-detail-pane[b-xajjaq1xcr] {
  width: 400px;
  flex-shrink: 0;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.detail-header[b-xajjaq1xcr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
}

.detail-header h4[b-xajjaq1xcr] {
  margin: 0;
  font-size: 0.95rem;
}

.btn-copy[b-xajjaq1xcr] {
  padding: 0.25rem 0.5rem;
  background: transparent;
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.8rem;
}

.btn-copy:hover[b-xajjaq1xcr] {
  background: #e9ecef;
}

.detail-content[b-xajjaq1xcr] {
  flex: 1;
  overflow: auto;
  padding: 0.75rem;
}

.detail-row[b-xajjaq1xcr] {
  margin-bottom: 0.75rem;
}

.detail-row label[b-xajjaq1xcr] {
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

.detail-row span[b-xajjaq1xcr] {
  font-size: 0.9rem;
  word-break: break-word;
}

.detail-row.full-width[b-xajjaq1xcr] {
  margin-top: 1rem;
}

.level-badge[b-xajjaq1xcr] {
  display: inline-block;
  padding: 0.15rem 0.5rem;
  border-radius: 3px;
  font-size: 0.8rem;
  font-weight: 600;
}

.operation-id[b-xajjaq1xcr] {
  font-family: monospace;
  font-size: 0.85rem;
  color: #6c757d;
}

.message-content[b-xajjaq1xcr], .details-content[b-xajjaq1xcr] {
  background: #f8f9fa;
  padding: 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 300px;
  overflow: auto;
  margin: 0;
}

.no-selection[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #6c757d;
  gap: 0.5rem;
}

/* Log Stream */
.checkbox-label[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
  color: #495057;
  cursor: pointer;
}

.checkbox-label input[b-xajjaq1xcr] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.btn-stream-start[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #198754;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.btn-stream-start:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #157347;
}

.btn-stream-start:disabled[b-xajjaq1xcr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-stream-stop[b-xajjaq1xcr] {
  padding: 0.4rem 0.75rem;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-size: 0.85rem;
}

.btn-stream-stop:hover[b-xajjaq1xcr] {
  background: #bb2d3b;
}

.btn-clear[b-xajjaq1xcr] {
  padding: 0.4rem 0.6rem;
  background: #6c757d;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  font-size: 0.85rem;
}

.btn-clear:hover[b-xajjaq1xcr] {
  background: #5c636a;
}

.stream-container[b-xajjaq1xcr] {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #1e1e1e;
  border-radius: 6px;
  overflow: hidden;
}

.stream-status-bar[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.75rem;
  background: #2d2d2d;
  border-bottom: 1px solid #3d3d3d;
  font-size: 0.85rem;
  color: #b0b0b0;
}

.stream-status-bar .filter-input[b-xajjaq1xcr] {
  margin-left: auto;
  background: #1e1e1e;
  border-color: #3d3d3d;
  color: #d4d4d4;
}

.status-indicator[b-xajjaq1xcr] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.status-indicator.streaming[b-xajjaq1xcr] {
  background: #198754;
  box-shadow: 0 0 8px #198754;
  animation: pulse-b-xajjaq1xcr 1.5s infinite;
}

.status-indicator.stopped[b-xajjaq1xcr] {
  background: #6c757d;
}

@keyframes pulse-b-xajjaq1xcr {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.stream-output[b-xajjaq1xcr] {
  flex: 1;
  overflow: auto;
  padding: 0.5rem;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.8rem;
  line-height: 1.5;
}

.stream-line[b-xajjaq1xcr] {
  display: flex;
  gap: 0.5rem;
  padding: 0.15rem 0.5rem;
  border-radius: 2px;
}

.stream-line:hover[b-xajjaq1xcr] {
  background: rgba(255, 255, 255, 0.05);
}

.stream-time[b-xajjaq1xcr] {
  color: #6c757d;
  flex-shrink: 0;
  font-size: 0.75rem;
}

.stream-level[b-xajjaq1xcr] {
  flex-shrink: 0;
  width: 70px;
  font-weight: 600;
}

.stream-message[b-xajjaq1xcr] {
  color: #d4d4d4;
  word-break: break-word;
}

.stream-info .stream-level[b-xajjaq1xcr] { color: #569cd6; }
.stream-warning .stream-level[b-xajjaq1xcr] { color: #ce9178; }
.stream-error .stream-level[b-xajjaq1xcr] { color: #f44747; }
.stream-debug .stream-level[b-xajjaq1xcr] { color: #6a9955; }

.stream-error[b-xajjaq1xcr] {
  background: rgba(244, 71, 71, 0.1);
}

.stream-warning[b-xajjaq1xcr] {
  background: rgba(206, 145, 120, 0.1);
}

.stream-placeholder[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #6c757d;
  font-family: system-ui, sans-serif;
  font-size: 0.9rem;
}

/* Services Management */
.services-container[b-xajjaq1xcr] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: auto;
}

.operation-message[b-xajjaq1xcr] {
  padding: 0.75rem 1rem;
  border-radius: 6px;
  font-size: 0.9rem;
}

.operation-message.success[b-xajjaq1xcr] {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

.operation-message.error[b-xajjaq1xcr] {
  background: #f8d7da;
  color: #842029;
  border: 1px solid #f5c6cb;
}

.services-grid[b-xajjaq1xcr] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 1rem;
}

.service-card[b-xajjaq1xcr] {
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  transition: box-shadow 0.15s;
}

.service-card:hover[b-xajjaq1xcr] {
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.service-card.state-running[b-xajjaq1xcr] {
  border-left: 4px solid #28a745;
}

.service-card.state-stopped[b-xajjaq1xcr] {
  border-left: 4px solid #dc3545;
}

.service-card.state-starting[b-xajjaq1xcr],
.service-card.state-stopping[b-xajjaq1xcr] {
  border-left: 4px solid #ffc107;
}

.service-card.state-unknown[b-xajjaq1xcr] {
  border-left: 4px solid #6c757d;
}

.service-header[b-xajjaq1xcr] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.service-icon[b-xajjaq1xcr] {
  font-size: 1.5rem;
  line-height: 1;
}

.service-info[b-xajjaq1xcr] {
  flex: 1;
  min-width: 0;
}

.service-name[b-xajjaq1xcr] {
  display: block;
  font-weight: 600;
  font-size: 0.95rem;
  color: #212529;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.service-rg[b-xajjaq1xcr] {
  display: block;
  font-size: 0.75rem;
  color: #6c757d;
}

.service-state-badge[b-xajjaq1xcr] {
  padding: 0.25rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.service-state-badge.state-running[b-xajjaq1xcr] {
  background: #d4edda;
  color: #155724;
}

.service-state-badge.state-stopped[b-xajjaq1xcr] {
  background: #f8d7da;
  color: #842029;
}

.service-state-badge.state-starting[b-xajjaq1xcr],
.service-state-badge.state-stopping[b-xajjaq1xcr] {
  background: #fff3cd;
  color: #856404;
}

.service-state-badge.state-unknown[b-xajjaq1xcr] {
  background: #e2e3e5;
  color: #41464b;
}

.service-actions[b-xajjaq1xcr] {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

.btn-service[b-xajjaq1xcr] {
  padding: 0.4rem 0.6rem;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
  min-width: 36px;
  transition: background-color 0.15s;
}

.btn-service:disabled[b-xajjaq1xcr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-start[b-xajjaq1xcr] {
  background: #28a745;
  color: white;
}

.btn-start:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #218838;
}

.btn-stop[b-xajjaq1xcr] {
  background: #dc3545;
  color: white;
}

.btn-stop:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #c82333;
}

.btn-restart[b-xajjaq1xcr] {
  background: #fd7e14;
  color: white;
}

.btn-restart:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #e8590c;
}

.btn-refresh-state[b-xajjaq1xcr] {
  background: #6c757d;
  color: white;
}

.btn-refresh-state:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #5c636a;
}

.btn-logs[b-xajjaq1xcr] {
  background: #17a2b8;
  color: white;
}

.btn-logs:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #138496;
}

/* =========================
   Metrics View Styles
   ========================= */

.metrics-container[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1rem;
}

.metrics-section[b-xajjaq1xcr] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 1rem;
}

.section-title[b-xajjaq1xcr] {
  font-size: 1.1rem;
  font-weight: 600;
  color: #2d5016;
  margin: 0 0 0.5rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 2px solid #4a7c23;
}

.section-note[b-xajjaq1xcr] {
  font-size: 0.85rem;
  color: #666;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  background: #e9ecef;
  border-radius: 4px;
  border-left: 3px solid #6c757d;
}

.metrics-grid[b-xajjaq1xcr] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1rem;
}

.metrics-card[b-xajjaq1xcr] {
  background: white;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  cursor: pointer;
  transition: all 0.2s ease;
  border-left: 4px solid #6c757d;
}

.metrics-card:hover[b-xajjaq1xcr] {
  box-shadow: 0 4px 8px rgba(0,0,0,0.15);
  transform: translateY(-2px);
}

.metrics-card.selected[b-xajjaq1xcr] {
  box-shadow: 0 0 0 2px #4a7c23;
}

.metrics-card.health-available[b-xajjaq1xcr] {
  border-left-color: #28a745;
}

.metrics-card.health-unavailable[b-xajjaq1xcr],
.metrics-card.health-error[b-xajjaq1xcr] {
  border-left-color: #dc3545;
}

.metrics-card.health-degraded[b-xajjaq1xcr] {
  border-left-color: #ffc107;
}

.metrics-card.health-unknown[b-xajjaq1xcr] {
  border-left-color: #6c757d;
}

.metrics-header[b-xajjaq1xcr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.metrics-name[b-xajjaq1xcr] {
  font-weight: 600;
  color: #333;
  font-size: 0.95rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.health-badge[b-xajjaq1xcr] {
  font-size: 0.7rem;
  padding: 0.2rem 0.5rem;
  border-radius: 12px;
  font-weight: 500;
  text-transform: uppercase;
}

.health-badge.health-available[b-xajjaq1xcr] {
  background: #d4edda;
  color: #155724;
}

.health-badge.health-unavailable[b-xajjaq1xcr],
.health-badge.health-error[b-xajjaq1xcr] {
  background: #f8d7da;
  color: #721c24;
}

.health-badge.health-degraded[b-xajjaq1xcr] {
  background: #fff3cd;
  color: #856404;
}

.health-badge.health-unknown[b-xajjaq1xcr] {
  background: #e2e3e5;
  color: #383d41;
}

.metrics-values[b-xajjaq1xcr] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
}

.metric-item[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.4rem;
  border-radius: 4px;
  background: #f8f9fa;
}

.metric-label[b-xajjaq1xcr] {
  font-size: 0.7rem;
  color: #666;
  text-transform: uppercase;
}

.metric-value[b-xajjaq1xcr] {
  font-size: 0.95rem;
  font-weight: 600;
}

.metric-good[b-xajjaq1xcr] {
  background: #d4edda;
}

.metric-good .metric-value[b-xajjaq1xcr] {
  color: #155724;
}

.metric-moderate[b-xajjaq1xcr] {
  background: #e8f5e9;
}

.metric-moderate .metric-value[b-xajjaq1xcr] {
  color: #2d5016;
}

.metric-warning[b-xajjaq1xcr] {
  background: #fff3cd;
}

.metric-warning .metric-value[b-xajjaq1xcr] {
  color: #856404;
}

.metric-critical[b-xajjaq1xcr] {
  background: #f8d7da;
}

.metric-critical .metric-value[b-xajjaq1xcr] {
  color: #721c24;
}

.metric-neutral[b-xajjaq1xcr] {
  background: #e2e3e5;
}

.metric-neutral .metric-value[b-xajjaq1xcr] {
  color: #383d41;
}

.metric-na[b-xajjaq1xcr] {
  background: #f8f9fa;
}

.metric-na .metric-value[b-xajjaq1xcr] {
  color: #999;
}

/* Metrics Detail Panel */
.metrics-detail-panel[b-xajjaq1xcr] {
  background: white;
  border-radius: 8px;
  padding: 1.25rem;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  border: 1px solid #4a7c23;
}

.metrics-detail-panel .detail-header[b-xajjaq1xcr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #e9ecef;
}

.metrics-detail-panel .detail-header h4[b-xajjaq1xcr] {
  margin: 0;
  color: #2d5016;
  font-size: 1.1rem;
}

.detail-health-message[b-xajjaq1xcr] {
  font-size: 0.85rem;
  color: #666;
  margin-bottom: 1rem;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 4px;
}

.detail-metrics-grid[b-xajjaq1xcr] {
  display: grid;
  gap: 0.5rem;
}

.detail-metric-row[b-xajjaq1xcr] {
  display: grid;
  grid-template-columns: 150px 100px 100px 100px;
  align-items: center;
  padding: 0.5rem;
  background: #f8f9fa;
  border-radius: 4px;
}

.detail-metric-name[b-xajjaq1xcr] {
  font-weight: 500;
  color: #333;
}

.detail-metric-current[b-xajjaq1xcr] {
  font-weight: 600;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  text-align: center;
}

.detail-metric-avg[b-xajjaq1xcr],
.detail-metric-max[b-xajjaq1xcr] {
  font-size: 0.85rem;
  color: #666;
  text-align: center;
}

.detail-timestamp[b-xajjaq1xcr] {
  margin-top: 1rem;
  font-size: 0.8rem;
  color: #999;
  text-align: right;
}

/* =========================
   Sparkline & Chart Styles
   ========================= */

.metric-item[b-xajjaq1xcr] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0.4rem;
  border-radius: 4px;
  background: #f8f9fa;
  min-width: 0;
}

.metric-header[b-xajjaq1xcr] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.25rem;
}

.metric-sparkline[b-xajjaq1xcr] {
  width: 100%;
  height: 24px;
  margin-top: 0.25rem;
  opacity: 0.9;
}

.metric-sparkline:hover[b-xajjaq1xcr] {
  opacity: 1;
}

/* Detail Panel Charts */
.detail-charts-section[b-xajjaq1xcr] {
  margin-bottom: 1.5rem;
}

.detail-charts-grid[b-xajjaq1xcr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
}

.detail-chart-container[b-xajjaq1xcr] {
  background: #1a1a2e;
  border-radius: 8px;
  padding: 1rem;
  border: 1px solid #374151;
}

.chart-title[b-xajjaq1xcr] {
  font-size: 0.85rem;
  font-weight: 600;
  color: #9ca3af;
  margin-bottom: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.chart-stats[b-xajjaq1xcr] {
  display: flex;
  gap: 1rem;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #374151;
}

.chart-stats .stat[b-xajjaq1xcr] {
  font-size: 0.8rem;
  color: #9ca3af;
}

.chart-stats .stat strong[b-xajjaq1xcr] {
  color: #e5e7eb;
}

.chart-stats .stat strong.metric-good[b-xajjaq1xcr] {
  color: #22c55e;
  background: none;
}

.chart-stats .stat strong.metric-warning[b-xajjaq1xcr] {
  color: #f59e0b;
  background: none;
}

.chart-stats .stat strong.metric-critical[b-xajjaq1xcr] {
  color: #ef4444;
  background: none;
}

.no-chart-data[b-xajjaq1xcr] {
  padding: 2rem;
  text-align: center;
  color: #6b7280;
  background: #f8f9fa;
  border-radius: 8px;
}

/* Detail Metrics Summary */
.detail-metrics-summary[b-xajjaq1xcr] {
  margin-top: 1rem;
}

.detail-metrics-summary h5[b-xajjaq1xcr] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #374151;
  margin: 0 0 0.75rem 0;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e5e7eb;
}

/* Hosting Plans Specific Styles */
.plan-title-row[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.plan-tier-badge[b-xajjaq1xcr] {
  font-size: 0.65rem;
  padding: 0.15rem 0.4rem;
  background: #4b5563;
  color: #e5e7eb;
  border-radius: 4px;
  font-weight: 500;
  text-transform: uppercase;
}

.plan-info-row[b-xajjaq1xcr] {
  margin-top: 0.25rem;
  margin-bottom: 0.5rem;
}

.plan-info[b-xajjaq1xcr] {
  font-size: 0.75rem;
  color: #9ca3af;
}

.plan-actions[b-xajjaq1xcr] {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid #374151;
}

.plan-actions .btn-restart[b-xajjaq1xcr] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  justify-content: center;
  padding: 0.5rem 1rem;
  background: #3b82f6;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.8rem;
  transition: background 0.2s;
}

.plan-actions .btn-restart:hover:not(:disabled)[b-xajjaq1xcr] {
  background: #2563eb;
}

.plan-actions .btn-restart:disabled[b-xajjaq1xcr] {
  background: #6b7280;
  cursor: not-allowed;
}

.plan-details-section[b-xajjaq1xcr] {
  background: #1f2937;
  border-radius: 8px;
  padding: 1rem;
  margin-bottom: 1rem;
}

.plan-detail-row[b-xajjaq1xcr] {
  display: flex;
  padding: 0.5rem 0;
  border-bottom: 1px solid #374151;
}

.plan-detail-row:last-child[b-xajjaq1xcr] {
  border-bottom: none;
}

.plan-detail-row .label[b-xajjaq1xcr] {
  font-size: 0.85rem;
  color: #9ca3af;
  width: 100px;
  flex-shrink: 0;
}

.plan-detail-row .value[b-xajjaq1xcr] {
  font-size: 0.85rem;
  color: #e5e7eb;
  flex: 1;
}

.plan-detail-row .value.apps-list[b-xajjaq1xcr] {
  font-size: 0.75rem;
  color: #9ca3af;
  line-height: 1.4;
}

/* Health status classes for hosting plans */
.health-available[b-xajjaq1xcr] {
  background: rgba(34, 197, 94, 0.15) !important;
  border-color: #22c55e !important;
}

.health-unavailable[b-xajjaq1xcr],
.health-error[b-xajjaq1xcr] {
  background: rgba(239, 68, 68, 0.15) !important;
  border-color: #ef4444 !important;
}

.health-degraded[b-xajjaq1xcr] {
  background: rgba(245, 158, 11, 0.15) !important;
  border-color: #f59e0b !important;
}

.health-unknown[b-xajjaq1xcr] {
  background: rgba(107, 114, 128, 0.15) !important;
  border-color: #6b7280 !important;
}

.health-badge.health-available[b-xajjaq1xcr] {
  background: #22c55e !important;
  color: white !important;
}

.health-badge.health-unavailable[b-xajjaq1xcr],
.health-badge.health-error[b-xajjaq1xcr] {
  background: #ef4444 !important;
  color: white !important;
}

.health-badge.health-degraded[b-xajjaq1xcr] {
  background: #f59e0b !important;
  color: white !important;
}

.health-badge.health-unknown[b-xajjaq1xcr] {
  background: #6b7280 !important;
  color: white !important;
}
/* /Pages/DevTools/ClientVersions.razor.rz.scp.css */
.client-versions-container[b-4zgy8beqn4] {
  padding: 20px;
}

.page-header[b-4zgy8beqn4] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}

.page-header h3[b-4zgy8beqn4] {
  margin: 0;
  color: #333;
}

.page-blurb[b-4zgy8beqn4] {
  color: #555;
  margin-bottom: 16px;
  max-width: 52rem;
}

.filters-section[b-4zgy8beqn4] {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.filter-item[b-4zgy8beqn4] {
  display: flex;
  flex-direction: column;
  min-width: 280px;
  max-width: 420px;
}

.filter-item label[b-4zgy8beqn4] {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  margin-bottom: 4px;
}

.search-input[b-4zgy8beqn4] {
  padding: 8px 10px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  font-size: 14px;
}
/* /Pages/DevTools/CloudTankDiagnostics.razor.rz.scp.css */
.cloud-diagnostics-page[b-5jkrpeozut] {
  padding: 20px;
  max-width: 1600px;
  margin: 0 auto;
}

.page-header[b-5jkrpeozut] {
  margin-bottom: 20px;
}

.page-header h3[b-5jkrpeozut] {
  margin-bottom: 8px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.info-text[b-5jkrpeozut] {
  color: #666;
  font-size: 14px;
  margin: 0;
}

/* Tab Navigation */
.tab-nav[b-5jkrpeozut] {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0;
}

.tab-btn[b-5jkrpeozut] {
  padding: 12px 20px;
  border: none;
  background: transparent;
  font-size: 14px;
  font-weight: 500;
  color: #666;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  transition: all 0.2s;
}

.tab-btn:hover[b-5jkrpeozut] {
  color: #333;
  background: #f5f5f5;
}

.tab-btn.active[b-5jkrpeozut] {
  color: #0066cc;
  border-bottom-color: #0066cc;
}

/* Report Section */
.report-section[b-5jkrpeozut] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

.report-header[b-5jkrpeozut] {
  margin-bottom: 20px;
}

.report-header h4[b-5jkrpeozut] {
  margin: 0 0 8px 0;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.report-header p[b-5jkrpeozut] {
  margin: 0;
  color: #666;
  font-size: 13px;
}

/* Filter Bar */
.filter-bar[b-5jkrpeozut] {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
}

.filter-group[b-5jkrpeozut] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.filter-group label[b-5jkrpeozut] {
  font-size: 12px;
  font-weight: 600;
  color: #555;
}

/* Loading */
.loading[b-5jkrpeozut] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 40px;
  color: #666;
}

.spinner[b-5jkrpeozut] {
  width: 24px;
  height: 24px;
  border: 3px solid #e0e0e0;
  border-top-color: #0066cc;
  border-radius: 50%;
  animation: spin-b-5jkrpeozut 1s linear infinite;
}

@keyframes spin-b-5jkrpeozut {
  to { transform: rotate(360deg); }
}

/* Summary Bar */
.summary-bar[b-5jkrpeozut] {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
  padding: 12px 15px;
  background: #f8f9fa;
  border-radius: 6px;
}

.summary-item[b-5jkrpeozut] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #555;
}

.summary-item.healthy[b-5jkrpeozut] {
  color: #28a745;
}

.summary-item.warning[b-5jkrpeozut] {
  color: #ffc107;
}

.summary-item.danger[b-5jkrpeozut] {
  color: #dc3545;
}

/* Results Table */
.results-table-container[b-5jkrpeozut] {
  overflow-x: auto;
}

.results-table[b-5jkrpeozut] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.results-table th[b-5jkrpeozut] {
  background: #f5f5f5;
  padding: 10px 12px;
  text-align: left;
  font-weight: 600;
  color: #333;
  border-bottom: 2px solid #ddd;
  white-space: nowrap;
}

.results-table td[b-5jkrpeozut] {
  padding: 10px 12px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

.results-table tr:hover[b-5jkrpeozut] {
  background: #f9f9f9;
}

.results-table tr.high-count[b-5jkrpeozut] {
  background: #fff5f5;
}

.results-table tr.medium-count[b-5jkrpeozut] {
  background: #fffbf0;
}

.results-table tr.health-error[b-5jkrpeozut] {
  background: #fff5f5;
}

.results-table tr.health-warning[b-5jkrpeozut] {
  background: #fffbf0;
}

.results-table tr.health-nodata[b-5jkrpeozut] {
  background: #f8f9fa;
}

/* Provider Badge */
.provider-badge[b-5jkrpeozut] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.provider-badge.skybitz[b-5jkrpeozut] {
  background: #e3f2fd;
  color: #1565c0;
}

.provider-badge.dover-fs[b-5jkrpeozut] {
  background: #fff3e0;
  color: #ef6c00;
}

.provider-badge.tankmanager[b-5jkrpeozut] {
  background: #e8f5e9;
  color: #2e7d32;
}

.provider-badge.otodata[b-5jkrpeozut] {
  background: #f3e5f5;
  color: #7b1fa2;
}

/* Identifier Cell */
.identifier-cell[b-5jkrpeozut] {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.id-chip[b-5jkrpeozut] {
  display: inline-block;
  padding: 2px 6px;
  background: #e9ecef;
  border-radius: 3px;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 11px;
  color: #495057;
}

.id-chip.small[b-5jkrpeozut] {
  font-size: 10px;
  padding: 1px 4px;
}

/* Customer/Site */
.customer-name[b-5jkrpeozut] {
  display: block;
  font-weight: 500;
  color: #333;
}

.site-name[b-5jkrpeozut] {
  display: block;
  font-size: 12px;
  color: #666;
}

.no-info[b-5jkrpeozut] {
  color: #adb5bd;
}

/* Count Cell */
.count-cell[b-5jkrpeozut] {
  text-align: center;
}

.count-badge[b-5jkrpeozut] {
  display: inline-block;
  min-width: 28px;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}

.count-badge.high[b-5jkrpeozut] {
  background: #f8d7da;
  color: #721c24;
}

.count-badge.medium[b-5jkrpeozut] {
  background: #fff3cd;
  color: #856404;
}

.count-badge.low[b-5jkrpeozut] {
  background: #e9ecef;
  color: #495057;
}

.count-badge.success[b-5jkrpeozut] {
  background: #d4edda;
  color: #155724;
}

.count-badge.error[b-5jkrpeozut] {
  background: #f8d7da;
  color: #721c24;
}

.count-badge.none[b-5jkrpeozut] {
  background: #e9ecef;
  color: #adb5bd;
}

/* Date Cell */
.date-cell[b-5jkrpeozut] {
  font-size: 12px;
  color: #666;
  white-space: nowrap;
}

/* Error Cell */
.error-cell[b-5jkrpeozut] {
  font-size: 12px;
  color: #666;
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Status Badge */
.status-badge[b-5jkrpeozut] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 8px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 600;
}

.status-badge.healthy[b-5jkrpeozut] {
  background: #d4edda;
  color: #155724;
}

.status-badge.warning[b-5jkrpeozut] {
  background: #fff3cd;
  color: #856404;
}

.status-badge.error[b-5jkrpeozut] {
  background: #f8d7da;
  color: #721c24;
}

.status-badge.nodata[b-5jkrpeozut] {
  background: #e9ecef;
  color: #6c757d;
}

/* No Results */
.no-results[b-5jkrpeozut] {
  text-align: center;
  padding: 60px 20px;
  color: #666;
}

.no-results i[b-5jkrpeozut] {
  font-size: 48px;
  color: #28a745;
  display: block;
  margin-bottom: 15px;
}

.no-results p[b-5jkrpeozut] {
  margin: 0;
  font-size: 14px;
}
/* /Pages/DevTools/CodeRingPowers.razor.rz.scp.css */
/* ═══════════════════════════════════════════════════════════════════════════
   CODE RING POWERS - Developer Tools Page Styles
   ═══════════════════════════════════════════════════════════════════════════ */

.code-ring-container[b-pflijwwpyd] {
  min-height: 100vh;
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
  padding: 20px;
  color: #e0e0e0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   HEADER
   ═══════════════════════════════════════════════════════════════════════════ */

.code-ring-header[b-pflijwwpyd] {
  text-align: center;
  margin-bottom: 30px;
  padding: 20px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.header-title[b-pflijwwpyd] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.header-icon[b-pflijwwpyd] {
  font-size: 48px;
  animation: float-b-pflijwwpyd 3s ease-in-out infinite;
}

@keyframes float-b-pflijwwpyd {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.code-ring-header h1[b-pflijwwpyd] {
  margin: 0;
  font-size: 2.5rem;
  background: linear-gradient(90deg, #ffd700, #ff8c00, #ff6347);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 0 30px rgba(255, 215, 0, 0.3);
}

.header-subtitle[b-pflijwwpyd] {
  font-size: 1rem;
  color: #888;
  font-style: italic;
}

.header-badges[b-pflijwwpyd] {
  margin-top: 15px;
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.badge[b-pflijwwpyd] {
  background: rgba(255, 215, 0, 0.2);
  border: 1px solid rgba(255, 215, 0, 0.4);
  padding: 5px 15px;
  border-radius: 20px;
  font-size: 0.85rem;
  color: #ffd700;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TOOLS GRID
   ═══════════════════════════════════════════════════════════════════════════ */

.tools-grid[b-pflijwwpyd] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TOOL CARD
   ═══════════════════════════════════════════════════════════════════════════ */

.tool-card[b-pflijwwpyd] {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: transform 0.3s, box-shadow 0.3s;
}

.tool-card:hover[b-pflijwwpyd] {
  transform: translateY(-5px);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
}

.tool-card.wide[b-pflijwwpyd] {
  grid-column: span 2;
}

@media (max-width: 800px) {
  .tool-card.wide[b-pflijwwpyd] {
    grid-column: span 1;
  }
}

.tool-header[b-pflijwwpyd] {
  background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 140, 0, 0.1));
  padding: 15px 20px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.tool-icon[b-pflijwwpyd] {
  font-size: 28px;
}

.tool-header h3[b-pflijwwpyd] {
  margin: 0;
  color: #ffd700;
  flex: 1;
}

.tool-hint[b-pflijwwpyd] {
  font-size: 0.75rem;
  color: #888;
  font-style: italic;
}

.tool-body[b-pflijwwpyd] {
  padding: 20px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FORM ELEMENTS
   ═══════════════════════════════════════════════════════════════════════════ */

.option-row[b-pflijwwpyd] {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.option-row label[b-pflijwwpyd] {
  min-width: 120px;
  color: #aaa;
}

.option-row input[type="range"][b-pflijwwpyd] {
  flex: 1;
  accent-color: #ffd700;
}

.option-row select[b-pflijwwpyd] {
  flex: 1;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #e0e0e0;
  padding: 8px 12px;
  border-radius: 8px;
}

.checkbox-grid[b-pflijwwpyd] {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

.checkbox-label[b-pflijwwpyd] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  color: #aaa;
  font-size: 0.9rem;
}

.checkbox-label input[b-pflijwwpyd] {
  accent-color: #ffd700;
  width: 16px;
  height: 16px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   BUTTONS
   ═══════════════════════════════════════════════════════════════════════════ */

.action-btn[b-pflijwwpyd] {
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.action-btn.primary[b-pflijwwpyd] {
  background: linear-gradient(135deg, #ffd700, #ff8c00);
  color: #1a1a2e;
}

.action-btn.primary:hover[b-pflijwwpyd] {
  background: linear-gradient(135deg, #ffdd33, #ffa500);
  box-shadow: 0 5px 20px rgba(255, 215, 0, 0.4);
}

.action-btn.success[b-pflijwwpyd] {
  background: linear-gradient(135deg, #00b894, #00cec9);
  color: white;
}

.action-btn.success:hover[b-pflijwwpyd] {
  box-shadow: 0 5px 20px rgba(0, 184, 148, 0.4);
}

.action-btn.warning[b-pflijwwpyd] {
  background: linear-gradient(135deg, #e17055, #d63031);
  color: white;
}

.action-btn.warning:hover[b-pflijwwpyd] {
  box-shadow: 0 5px 20px rgba(225, 112, 85, 0.4);
}

.action-btn.swap[b-pflijwwpyd] {
  background: rgba(255, 255, 255, 0.1);
  color: #ffd700;
  padding: 8px 12px;
  font-size: 1.2rem;
}

.action-btn.swap:hover[b-pflijwwpyd] {
  background: rgba(255, 215, 0, 0.2);
}

.action-btn.download[b-pflijwwpyd] {
  background: linear-gradient(135deg, #6c5ce7, #a29bfe);
  color: white;
  margin-top: 15px;
}

.action-btn.download:hover[b-pflijwwpyd] {
  box-shadow: 0 5px 20px rgba(108, 92, 231, 0.4);
}

/* ═══════════════════════════════════════════════════════════════════════════
   OUTPUT BOXES
   ═══════════════════════════════════════════════════════════════════════════ */

.output-box[b-pflijwwpyd] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 215, 0, 0.3);
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
  word-break: break-all;
}

.output-box code[b-pflijwwpyd] {
  flex: 1;
  font-family: 'Courier New', monospace;
  color: #00ff88;
  font-size: 1.1rem;
}

.output-box.multi-line pre[b-pflijwwpyd] {
  flex: 1;
  margin: 0;
  font-family: 'Courier New', monospace;
  color: #00ff88;
  white-space: pre-wrap;
  word-break: break-all;
}

.hash-output[b-pflijwwpyd] {
  font-size: 0.85rem !important;
}

.copy-btn[b-pflijwwpyd] {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffd700;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 1rem;
}

.copy-btn:hover[b-pflijwwpyd] {
  background: rgba(255, 215, 0, 0.2);
}

.copy-btn.copied[b-pflijwwpyd] {
  background: rgba(0, 184, 148, 0.3);
  color: #00ff88;
  border-color: #00ff88;
}

.copy-btn.floating[b-pflijwwpyd] {
  position: absolute;
  top: 35px;
  right: 10px;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DUAL PANEL LAYOUT
   ═══════════════════════════════════════════════════════════════════════════ */

.dual-panel[b-pflijwwpyd] {
  display: flex;
  gap: 15px;
  align-items: stretch;
}

.panel[b-pflijwwpyd] {
  flex: 1;
  position: relative;
}

.panel label[b-pflijwwpyd] {
  display: block;
  color: #aaa;
  margin-bottom: 8px;
  font-size: 0.9rem;
}

.panel textarea[b-pflijwwpyd] {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 12px;
  color: #e0e0e0;
  font-family: 'Courier New', monospace;
  resize: vertical;
}

.panel textarea:focus[b-pflijwwpyd] {
  outline: none;
  border-color: #ffd700;
  box-shadow: 0 0 10px rgba(255, 215, 0, 0.2);
}

.panel-actions[b-pflijwwpyd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  padding: 10px 0;
}

.panel-actions.vertical[b-pflijwwpyd] {
  flex-direction: column;
}

/* ═══════════════════════════════════════════════════════════════════════════
   SECTIONS
   ═══════════════════════════════════════════════════════════════════════════ */

.section[b-pflijwwpyd] {
  margin-bottom: 20px;
}

.section h4[b-pflijwwpyd] {
  margin: 0 0 15px 0;
  color: #ffd700;
  font-size: 1rem;
}

.section-divider[b-pflijwwpyd] {
  border: none;
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  margin: 25px 0;
}

.input-group[b-pflijwwpyd] {
  display: flex;
  gap: 10px;
}

.input-group input[b-pflijwwpyd] {
  flex: 1;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 12px;
  color: #e0e0e0;
  font-family: 'Courier New', monospace;
}

.input-group input:focus[b-pflijwwpyd] {
  outline: none;
  border-color: #ffd700;
}

.verify-grid[b-pflijwwpyd] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
  margin-bottom: 15px;
}

.verify-field label[b-pflijwwpyd] {
  display: block;
  color: #aaa;
  margin-bottom: 6px;
  font-size: 0.85rem;
}

.verify-field input[b-pflijwwpyd] {
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 12px;
  color: #e0e0e0;
  font-family: 'Courier New', monospace;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESULT / INFO / ERROR BOXES
   ═══════════════════════════════════════════════════════════════════════════ */

.result-box[b-pflijwwpyd] {
  padding: 15px;
  border-radius: 8px;
  margin-top: 15px;
  font-weight: 600;
}

.result-box.success[b-pflijwwpyd] {
  background: rgba(0, 184, 148, 0.2);
  border: 1px solid rgba(0, 184, 148, 0.4);
  color: #00ff88;
}

.result-box.error[b-pflijwwpyd] {
  background: rgba(225, 112, 85, 0.2);
  border: 1px solid rgba(225, 112, 85, 0.4);
  color: #ff6b6b;
}

.info-box[b-pflijwwpyd] {
  background: rgba(108, 92, 231, 0.2);
  border: 1px solid rgba(108, 92, 231, 0.4);
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px;
}

.info-box pre[b-pflijwwpyd] {
  margin: 0;
  color: #a29bfe;
  font-family: 'Courier New', monospace;
  font-size: 0.85rem;
  white-space: pre-wrap;
}

.info-box.file-info[b-pflijwwpyd] {
  background: rgba(0, 184, 148, 0.15);
  border-color: rgba(0, 184, 148, 0.3);
}

.info-box.file-info pre[b-pflijwwpyd] {
  color: #55efc4;
}

.error-box[b-pflijwwpyd] {
  background: rgba(225, 112, 85, 0.2);
  border: 1px solid rgba(225, 112, 85, 0.4);
  border-radius: 8px;
  padding: 15px;
  margin-top: 15px;
  color: #ff6b6b;
}

.cipher-info[b-pflijwwpyd] {
  margin-top: 10px;
  color: #888;
  font-style: italic;
}

/* ═══════════════════════════════════════════════════════════════════════════
   FILE UPLOAD
   ═══════════════════════════════════════════════════════════════════════════ */

.upload-zone[b-pflijwwpyd] {
  position: relative;
  border: 2px dashed rgba(255, 215, 0, 0.4);
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  margin-bottom: 20px;
  transition: all 0.3s;
  cursor: pointer;
}

.upload-zone:hover[b-pflijwwpyd] {
  border-color: #ffd700;
  background: rgba(255, 215, 0, 0.05);
}

.upload-zone input[type="file"][b-pflijwwpyd] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.upload-label[b-pflijwwpyd] {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: #888;
  pointer-events: none;
}

.upload-icon[b-pflijwwpyd] {
  font-size: 2.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   IMAGE PREVIEW
   ═══════════════════════════════════════════════════════════════════════════ */

.image-preview-container[b-pflijwwpyd] {
  margin-top: 20px;
}

.image-preview-container h4[b-pflijwwpyd] {
  color: #ffd700;
  margin: 0 0 10px 0;
}

.image-preview[b-pflijwwpyd] {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  max-height: 400px;
  overflow: auto;
}

.image-preview img[b-pflijwwpyd] {
  max-width: 100%;
  max-height: 350px;
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

/* ═══════════════════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════════════════ */

.code-ring-footer[b-pflijwwpyd] {
  text-align: center;
  margin-top: 40px;
  padding: 20px;
  color: #666;
  font-style: italic;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.footer-icon[b-pflijwwpyd] {
  font-size: 1.5rem;
}

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════════════ */

@media (max-width: 600px) {
  .tools-grid[b-pflijwwpyd] {
    grid-template-columns: 1fr;
  }

  .dual-panel[b-pflijwwpyd] {
    flex-direction: column;
  }

  .panel-actions[b-pflijwwpyd] {
    flex-direction: row;
    justify-content: center;
  }

  .verify-grid[b-pflijwwpyd] {
    grid-template-columns: 1fr;
  }

  .code-ring-header h1[b-pflijwwpyd] {
    font-size: 1.8rem;
  }
}
/* /Pages/DevTools/DataFiles.razor.rz.scp.css */
.datafiles-container[b-7qmcu967rq] {
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.datafiles-container .page-header[b-7qmcu967rq] {
  margin-bottom: 24px;
}

.datafiles-container .page-header h2[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 1.5rem;
  color: #333;
}

.datafiles-tabs[b-7qmcu967rq] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.tab-content-panel[b-7qmcu967rq] {
  padding: 24px;
}

.section-header[b-7qmcu967rq] {
  margin-bottom: 24px;
}

.section-header h3[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px 0;
  font-size: 1.2rem;
  color: #333;
}

.section-description[b-7qmcu967rq] {
  color: #666;
  margin: 0;
}

/* Company Selector */
.company-selector[b-7qmcu967rq] {
  margin-bottom: 24px;
  max-width: 400px;
}

.company-selector label[b-7qmcu967rq] {
  display: block;
  margin-bottom: 6px;
  font-weight: 500;
  color: #555;
}

/* Generate Section */
.generate-section[b-7qmcu967rq] {
  margin-bottom: 24px;
  padding: 16px;
  background: #f8f9fa;
  border-radius: 8px;
}

.generate-section h4[b-7qmcu967rq] {
  margin: 0 0 12px 0;
  font-size: 1rem;
  color: #333;
}

.generate-buttons[b-7qmcu967rq] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

/* Existing Files Section */
.existing-files-section[b-7qmcu967rq] {
  margin-bottom: 24px;
}

.existing-files-section h4[b-7qmcu967rq] {
  margin: 0 0 12px 0;
  font-size: 1rem;
  color: #333;
}

/* Data Tables */
.data-table[b-7qmcu967rq] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.data-table th[b-7qmcu967rq],
.data-table td[b-7qmcu967rq] {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.data-table th[b-7qmcu967rq] {
  background: #f5f5f5;
  font-weight: 600;
  color: #333;
}

.data-table tbody tr:hover[b-7qmcu967rq] {
  background: #fafafa;
}

.data-table tr.key-row[b-7qmcu967rq] {
  background: #fff8e1;
}

.data-table .file-type[b-7qmcu967rq] {
  font-weight: 500;
  text-transform: capitalize;
}

.data-table .uid-cell[b-7qmcu967rq] {
  font-family: monospace;
  font-size: 0.85em;
  color: #666;
}

.data-table .actions-cell[b-7qmcu967rq] {
  white-space: nowrap;
}

/* Upload Section */
.upload-section[b-7qmcu967rq] {
  margin-bottom: 24px;
}

.upload-input[b-7qmcu967rq] {
  margin-bottom: 16px;
}

.file-info[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background: #f5f5f5;
  border-radius: 6px;
  margin-bottom: 16px;
}

.file-info .file-name[b-7qmcu967rq] {
  font-weight: 500;
}

.file-info .file-size[b-7qmcu967rq] {
  color: #666;
  font-size: 0.9rem;
}

.analyze-actions[b-7qmcu967rq] {
  margin-top: 16px;
}

/* Analysis Results */
.analysis-results[b-7qmcu967rq] {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.result-card[b-7qmcu967rq] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}

.result-card.valid[b-7qmcu967rq] {
  border-color: #4caf50;
}

.result-card.invalid[b-7qmcu967rq] {
  border-color: #f44336;
}

.result-header[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
}

.result-card.valid .result-header[b-7qmcu967rq] {
  background: #e8f5e9;
}

.result-card.invalid .result-header[b-7qmcu967rq] {
  background: #ffebee;
}

.result-header h4[b-7qmcu967rq] {
  margin: 0;
  font-size: 1rem;
}

.result-header .record-count[b-7qmcu967rq] {
  margin-left: auto;
  color: #666;
  font-size: 0.9rem;
}

.result-body[b-7qmcu967rq] {
  padding: 16px;
}

.file-meta[b-7qmcu967rq] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 12px;
}

.file-meta span[b-7qmcu967rq] {
  font-size: 0.9rem;
}

.error-text[b-7qmcu967rq] {
  color: #d32f2f;
}

.records-table-wrapper[b-7qmcu967rq] {
  max-height: 500px;
  overflow: auto;
}

.records-table[b-7qmcu967rq] {
  min-width: 100%;
}

.records-table .row-num[b-7qmcu967rq] {
  color: #999;
  font-size: 0.8rem;
  text-align: center;
  width: 40px;
}

.truncation-notice[b-7qmcu967rq] {
  margin-top: 12px;
  color: #666;
  font-style: italic;
  font-size: 0.9rem;
}

.no-data[b-7qmcu967rq] {
  color: #999;
  font-style: italic;
}

.loading[b-7qmcu967rq] {
  padding: 20px;
  text-align: center;
  color: #666;
}

/* Message Panels */
.message-panel[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 6px;
  margin-top: 16px;
}

.message-panel.success[b-7qmcu967rq] {
  background: #e8f5e9;
  color: #2e7d32;
  border: 1px solid #a5d6a7;
}

.message-panel.error[b-7qmcu967rq] {
  background: #ffebee;
  color: #c62828;
  border: 1px solid #ef9a9a;
}

/* Spinner */
.spinner-border-sm[b-7qmcu967rq] {
  width: 1rem;
  height: 1rem;
  border-width: 0.15em;
}


/* Source Code Section Styles */
.source-code-panel[b-7qmcu967rq] {
  max-width: 1200px;
}

.source-files-grid[b-7qmcu967rq] {
  display: flex;
  flex-direction: column;
  gap: 30px;
  margin-bottom: 30px;
}

.language-section[b-7qmcu967rq] {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
}

.language-section h4[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 20px 0;
  font-size: 1.1rem;
  border-bottom: 2px solid #007bff;
  padding-bottom: 10px;
}

.lang-badge[b-7qmcu967rq] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.lang-badge.csharp[b-7qmcu967rq] {
  background: #68217a;
  color: white;
}

.lang-badge.cpp[b-7qmcu967rq] {
  background: #00599c;
  color: white;
}

.subsection[b-7qmcu967rq] {
  margin-bottom: 20px;
}

.subsection:last-child[b-7qmcu967rq] {
  margin-bottom: 0;
}

.subsection h5[b-7qmcu967rq] {
  margin: 0 0 12px 0;
  font-size: 0.95rem;
  color: #495057;
}

.file-cards[b-7qmcu967rq] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 12px;
}

.source-file-card[b-7qmcu967rq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 12px 16px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.source-file-card:hover[b-7qmcu967rq] {
  border-color: #007bff;
  box-shadow: 0 2px 6px rgba(0,123,255,0.12);
}

.file-header[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1;
  min-width: 0;
}

.file-icon[b-7qmcu967rq] {
  font-size: 1.5rem;
  flex-shrink: 0;
}

.file-details[b-7qmcu967rq] {
  min-width: 0;
}

.file-details strong[b-7qmcu967rq] {
  display: block;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.9rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-desc[b-7qmcu967rq] {
  display: block;
  font-size: 0.8rem;
  color: #6c757d;
}

.file-actions[b-7qmcu967rq] {
  display: flex;
  gap: 6px;
  flex-shrink: 0;
  margin-left: 12px;
}

.btn-action[b-7qmcu967rq] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 6px 10px;
  font-size: 0.8rem;
  font-weight: 500;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
}

.btn-action.copy[b-7qmcu967rq] {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
}

.btn-action.copy:hover[b-7qmcu967rq] {
  background: #e9ecef;
  border-color: #ced4da;
}

.btn-action.download[b-7qmcu967rq] {
  background: #007bff;
  border-color: #007bff;
  color: white;
}

.btn-action.download:hover[b-7qmcu967rq] {
  background: #0069d9;
  border-color: #0062cc;
}

/* Source Section */
.source-section[b-7qmcu967rq] {
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
}

.source-section h4[b-7qmcu967rq] {
  margin: 0 0 15px 0;
  color: #343a40;
}

/* Build Instructions */
.build-instructions[b-7qmcu967rq] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 16px;
}

.build-card[b-7qmcu967rq] {
  background: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 16px;
}

.build-card h5[b-7qmcu967rq] {
  margin: 0 0 12px 0;
  font-size: 0.95rem;
  color: #343a40;
}

.build-card .code-block[b-7qmcu967rq] {
  margin: 0;
  font-size: 0.85rem;
}

/* Format table enhancements */
.format-table code[b-7qmcu967rq] {
  background: #e9ecef;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.85em;
}


/* Source File Card - Clickable & Selected States */
.source-file-card[b-7qmcu967rq] {
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s, background-color 0.15s;
}

.source-file-card.selected[b-7qmcu967rq] {
  border-color: #007bff;
  background: #e7f1ff;
  box-shadow: 0 0 0 3px rgba(0,123,255,0.15);
}

.source-file-card:hover:not(.selected)[b-7qmcu967rq] {
  border-color: #80bdff;
}

/* View Button */
.btn-action.view[b-7qmcu967rq] {
  background: #17a2b8;
  border-color: #17a2b8;
  color: white;
}

.btn-action.view:hover[b-7qmcu967rq] {
  background: #138496;
  border-color: #117a8b;
}

/* Close Button */
.btn-action.close[b-7qmcu967rq] {
  background: #6c757d;
  border-color: #6c757d;
  color: white;
  padding: 6px 8px;
}

.btn-action.close:hover[b-7qmcu967rq] {
  background: #5a6268;
  border-color: #545b62;
}

/* Code Preview Panel */
.code-preview-panel[b-7qmcu967rq] {
  margin-top: 24px;
  border: 2px solid #007bff;
  border-radius: 8px;
  background: #1e1e1e;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.code-preview-header[b-7qmcu967rq] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #343a40;
  border-bottom: 1px solid #495057;
}

.code-preview-title[b-7qmcu967rq] {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
}

.code-preview-title .oi[b-7qmcu967rq] {
  color: #17a2b8;
}

.code-preview-actions[b-7qmcu967rq] {
  display: flex;
  gap: 8px;
}

.code-preview-content[b-7qmcu967rq] {
  max-height: 500px;
  overflow: auto;
  background: #1e1e1e;
}

.code-preview-content pre[b-7qmcu967rq] {
  margin: 0;
  padding: 16px;
  background: transparent;
  border: none;
  border-radius: 0;
}

.code-preview-content code[b-7qmcu967rq] {
  display: block;
  font-family: 'Consolas', 'Monaco', 'Courier New', monospace;
  font-size: 0.85rem;
  line-height: 1.5;
  color: #d4d4d4;
  white-space: pre;
  tab-size: 4;
}

/* Scrollbar styling for code preview */
.code-preview-content[b-7qmcu967rq]::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.code-preview-content[b-7qmcu967rq]::-webkit-scrollbar-track {
  background: #2d2d2d;
}

.code-preview-content[b-7qmcu967rq]::-webkit-scrollbar-thumb {
  background: #555;
  border-radius: 5px;
}

.code-preview-content[b-7qmcu967rq]::-webkit-scrollbar-thumb:hover {
  background: #666;
}

.code-preview-content[b-7qmcu967rq]::-webkit-scrollbar-corner {
  background: #2d2d2d;
}
/* /Pages/DevTools/OtodataLogs.razor.rz.scp.css */
.otodata-logs-container[b-gugwdswc8k] {
  padding: 20px;
}

.page-header[b-gugwdswc8k] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.page-header h3[b-gugwdswc8k] {
  margin: 0;
  color: #333;
}

.filters-section[b-gugwdswc8k] {
  background: #f8f9fa;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
}

.filter-row[b-gugwdswc8k] {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.filter-item[b-gugwdswc8k] {
  display: flex;
  flex-direction: column;
  min-width: 180px;
}

.filter-item label[b-gugwdswc8k] {
  font-size: 12px;
  font-weight: 600;
  color: #666;
  margin-bottom: 4px;
}

.main-content[b-gugwdswc8k] {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 20px;
}

.logs-panel[b-gugwdswc8k],
.tanks-panel[b-gugwdswc8k] {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
}

.logs-panel h4[b-gugwdswc8k],
.tanks-panel h4[b-gugwdswc8k] {
  margin: 0 0 15px 0;
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.status-badge[b-gugwdswc8k] {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
}

.status-badge.success[b-gugwdswc8k] {
  background: #d4edda;
  color: #155724;
}

.status-badge.failure[b-gugwdswc8k] {
  background: #f8d7da;
  color: #721c24;
}

.selected-info[b-gugwdswc8k] {
  background: #e7f3ff;
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.info-label[b-gugwdswc8k] {
  font-size: 12px;
  color: #666;
}

.info-value[b-gugwdswc8k] {
  font-weight: 600;
  color: #333;
  margin-right: 15px;
}

.no-tanks[b-gugwdswc8k],
.select-prompt[b-gugwdswc8k] {
  color: #666;
  font-style: italic;
  text-align: center;
  padding: 30px;
}

.edit-form[b-gugwdswc8k] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-row[b-gugwdswc8k] {
  display: flex;
  flex-direction: column;
}

.form-row label[b-gugwdswc8k] {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  margin-bottom: 5px;
}

.form-row.hint[b-gugwdswc8k] {
  margin-top: -5px;
}

.form-row.hint small[b-gugwdswc8k] {
  color: #666;
  font-style: italic;
}

.readonly-field[b-gugwdswc8k] {
  background: #f5f5f5 !important;
}

.loading-spinner[b-gugwdswc8k] {
  text-align: center;
  padding: 40px;
  color: #666;
}

/* Row highlighting for failed entries */
.e-grid .e-row.failed-row[b-gugwdswc8k] {
  background-color: #fff5f5;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .main-content[b-gugwdswc8k] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/DevTools/SentryIoTDocs.razor.rz.scp.css */
.docs-container[b-xuzln9zz77] {
  padding: 20px;
  max-width: 1000px;
  margin: 0 auto;
}

.subtitle[b-xuzln9zz77] {
  color: #666;
  margin-bottom: 30px;
}

.toc[b-xuzln9zz77] {
  background: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 15px 20px;
  margin-bottom: 30px;
}

.toc h4[b-xuzln9zz77] {
  margin-top: 0;
  margin-bottom: 10px;
}

.toc ul[b-xuzln9zz77] {
  margin: 0;
  padding-left: 20px;
}

.toc li[b-xuzln9zz77] {
  margin: 5px 0;
}

.toc a[b-xuzln9zz77] {
  color: #007bff;
  text-decoration: none;
}

.toc a:hover[b-xuzln9zz77] {
  text-decoration: underline;
}

section[b-xuzln9zz77] {
  margin-bottom: 40px;
  padding-top: 10px;
}

section h3[b-xuzln9zz77] {
  border-bottom: 2px solid #007bff;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

section h4[b-xuzln9zz77] {
  margin-top: 25px;
  margin-bottom: 15px;
  color: #495057;
}

section h5[b-xuzln9zz77] {
  margin-top: 15px;
  margin-bottom: 10px;
  color: #007bff;
  font-family: monospace;
}

.info-table[b-xuzln9zz77] {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.info-table th[b-xuzln9zz77],
.info-table td[b-xuzln9zz77] {
  border: 1px solid #dee2e6;
  padding: 10px 12px;
  text-align: left;
}

.info-table th[b-xuzln9zz77] {
  background: #f8f9fa;
  font-weight: 600;
}

.info-table code[b-xuzln9zz77] {
  background: #e9ecef;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 0.9em;
}

.code-block[b-xuzln9zz77] {
  background: #2d2d2d;
  color: #f8f8f2;
  padding: 15px;
  border-radius: 4px;
  overflow-x: auto;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.9em;
  line-height: 1.5;
  margin: 15px 0;
}

.diagram[b-xuzln9zz77] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 15px;
  margin: 15px 0;
  overflow-x: auto;
}

.diagram pre[b-xuzln9zz77] {
  margin: 0;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.85em;
}

.message-type[b-xuzln9zz77] {
  background: #fff;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 15px;
  margin: 15px 0;
}

.message-type h5[b-xuzln9zz77] {
  margin-top: 0;
}

.warning[b-xuzln9zz77] {
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-left: 4px solid #ffc107;
  padding: 12px 15px;
  border-radius: 4px;
  margin: 15px 0;
}

.note[b-xuzln9zz77] {
  background: #d1ecf1;
  border: 1px solid #17a2b8;
  border-left: 4px solid #17a2b8;
  padding: 12px 15px;
  border-radius: 4px;
  margin: 15px 0;
}

code[b-xuzln9zz77] {
  background: #f4f4f4;
  padding: 2px 5px;
  border-radius: 3px;
  font-family: 'Consolas', 'Monaco', monospace;
}


/* File download cards */
.file-download-grid[b-xuzln9zz77] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 15px;
  margin: 20px 0;
}

.file-card[b-xuzln9zz77] {
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 15px;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.file-card:hover[b-xuzln9zz77] {
  border-color: #007bff;
  box-shadow: 0 2px 8px rgba(0,123,255,0.15);
}

.file-icon[b-xuzln9zz77] {
  font-size: 2em;
  flex-shrink: 0;
}

.file-info[b-xuzln9zz77] {
  flex-grow: 1;
  min-width: 0;
}

.file-info strong[b-xuzln9zz77] {
  display: block;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.95em;
  color: #212529;
  margin-bottom: 2px;
}

.file-info span[b-xuzln9zz77] {
  display: block;
  font-size: 0.8em;
  color: #6c757d;
}

.file-actions[b-xuzln9zz77] {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex-shrink: 0;
}

.btn-copy[b-xuzln9zz77],
.btn-download[b-xuzln9zz77] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px 12px;
  font-size: 0.85em;
  font-weight: 500;
  border: 1px solid;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.15s, border-color 0.15s;
  white-space: nowrap;
}

.btn-copy[b-xuzln9zz77] {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
}

.btn-copy:hover[b-xuzln9zz77] {
  background: #e9ecef;
  border-color: #ced4da;
}

.btn-download[b-xuzln9zz77] {
  background: #007bff;
  border-color: #007bff;
  color: #fff;
}

.btn-download:hover[b-xuzln9zz77] {
  background: #0069d9;
  border-color: #0062cc;
}
/* /Pages/DevTools/SentrySimulator.razor.rz.scp.css */
.sentry-simulator-container[b-d026h6oz4q] {
  padding: 20px;
  max-width: 1400px;
}

.sentry-simulator-container .page-header[b-d026h6oz4q] {
  margin-bottom: 24px;
}

.sentry-simulator-container .page-header h2[b-d026h6oz4q] {
  margin: 0 0 4px 0;
  color: #333;
}

.sentry-simulator-container .subtitle[b-d026h6oz4q] {
  color: #666;
  margin: 0;
}

.simulator-layout[b-d026h6oz4q] {
  display: grid;
  grid-template-columns: 300px 350px 1fr;
  gap: 20px;
}

.panel[b-d026h6oz4q] {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 16px;
}

.panel h3[b-d026h6oz4q] {
  margin: 0 0 16px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  gap: 8px;
}

.panel h3 .e-btn[b-d026h6oz4q] {
  margin-left: auto;
}

.form-group[b-d026h6oz4q] {
  margin-bottom: 12px;
}

.form-group label[b-d026h6oz4q] {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
  color: #666;
  font-weight: 500;
}

.button-row[b-d026h6oz4q] {
  margin-top: 16px;
}

.connection-status[b-d026h6oz4q] {
  margin-top: 16px;
  padding: 8px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
}

.connection-status.disconnected[b-d026h6oz4q] {
  background: #f5f5f5;
  color: #666;
}

.connection-status.connected[b-d026h6oz4q] {
  background: #e8f5e9;
  color: #2e7d32;
}

.connection-status.error[b-d026h6oz4q] {
  background: #ffebee;
  color: #c62828;
}

.status-indicator[b-d026h6oz4q] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #999;
}

.connection-status.connected .status-indicator[b-d026h6oz4q] {
  background: #4caf50;
}

.connection-status.error .status-indicator[b-d026h6oz4q] {
  background: #f44336;
}

.credentials-info[b-d026h6oz4q] {
  margin-top: 12px;
  padding: 8px;
  background: #f9f9f9;
  border-radius: 4px;
  font-size: 11px;
  color: #666;
}

.credentials-info div[b-d026h6oz4q] {
  margin-bottom: 4px;
}

.credentials-info div:last-child[b-d026h6oz4q] {
  margin-bottom: 0;
}

/* Actions Panel */
.action-buttons[b-d026h6oz4q] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.custom-message[b-d026h6oz4q] {
  border-top: 1px solid #eee;
  padding-top: 16px;
}

.custom-message h4[b-d026h6oz4q] {
  margin: 0 0 12px 0;
  font-size: 13px;
  color: #333;
}

/* Log Panel */
.log-panel[b-d026h6oz4q] {
  display: flex;
  flex-direction: column;
}

.log-container[b-d026h6oz4q] {
  flex: 1;
  min-height: 400px;
  max-height: 600px;
  overflow-y: auto;
  background: #1e1e1e;
  border-radius: 4px;
  padding: 8px;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 12px;
}

.log-entry[b-d026h6oz4q] {
  padding: 4px 8px;
  border-radius: 2px;
  margin-bottom: 2px;
  display: flex;
  gap: 8px;
}

.log-entry .log-time[b-d026h6oz4q] {
  color: #888;
  flex-shrink: 0;
}

.log-entry .log-direction[b-d026h6oz4q] {
  flex-shrink: 0;
  width: 16px;
  text-align: center;
}

.log-entry .log-message[b-d026h6oz4q] {
  color: #ddd;
  word-break: break-all;
}

.log-entry.info .log-direction[b-d026h6oz4q] {
  color: #64b5f6;
}

.log-entry.success .log-direction[b-d026h6oz4q] {
  color: #81c784;
}

.log-entry.error .log-direction[b-d026h6oz4q],
.log-entry.error .log-message[b-d026h6oz4q] {
  color: #e57373;
}

.log-entry.sent .log-direction[b-d026h6oz4q] {
  color: #ffb74d;
}

.log-entry.sent .log-message[b-d026h6oz4q] {
  color: #ffe0b2;
}

.log-entry.received .log-direction[b-d026h6oz4q] {
  color: #81c784;
}

.log-entry.received .log-message[b-d026h6oz4q] {
  color: #c8e6c9;
}

/* Spinner */
.spinner[b-d026h6oz4q] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin-b-d026h6oz4q 0.8s linear infinite;
  margin-right: 6px;
}

@keyframes spin-b-d026h6oz4q {
  to { transform: rotate(360deg); }
}

/* Responsive */
@media (max-width: 1200px) {
  .simulator-layout[b-d026h6oz4q] {
    grid-template-columns: 1fr 1fr;
  }
  
  .log-panel[b-d026h6oz4q] {
    grid-column: span 2;
  }
}

@media (max-width: 768px) {
  .simulator-layout[b-d026h6oz4q] {
    grid-template-columns: 1fr;
  }
  
  .log-panel[b-d026h6oz4q] {
    grid-column: span 1;
  }
}
/* /Pages/Engineering/PipelineLiveBanner.razor.rz.scp.css */
.pip-live-strip[b-tgrhq4wrtp] {
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid #c3e6cb;
  border-radius: 8px;
  background: #f4faf5;
}

.pip-live-strip-title[b-tgrhq4wrtp] {
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #1b4332;
  margin-bottom: 8px;
}

.pip-live-strip-items[b-tgrhq4wrtp] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.pip-live-chip[b-tgrhq4wrtp] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 8px;
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid #d8e2dc;
  background: #fff;
  font-size: 0.82rem;
}

.pip-live-chip-label[b-tgrhq4wrtp] {
  font-weight: 700;
  color: #1b4332;
}

.pip-live-chip-live[b-tgrhq4wrtp] {
  border-color: #95d5b2;
  background: #e8f5eb;
}

.pip-live-chip-uploaded-not-assigned[b-tgrhq4wrtp] {
  border-color: #ffe08a;
  background: #fffbeb;
}

.pip-live-chip-unconfigured[b-tgrhq4wrtp],
.pip-live-chip-error[b-tgrhq4wrtp],
.pip-live-chip-empty[b-tgrhq4wrtp] {
  opacity: 0.92;
}

.pip-live-chip-detail[b-tgrhq4wrtp] {
  font-size: 0.75rem;
  color: #4b5563;
}

.pip-muted[b-tgrhq4wrtp] {
  color: #6b7280;
}
/* /Pages/Engineering/PipelineRunIdentity.razor.rz.scp.css */
.pip-run-identity[b-ba6fanledc] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.pip-link-btn[b-ba6fanledc] {
  font-size: 0.8rem;
  color: var(--primary-dark, #008030);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.pip-link-btn:hover[b-ba6fanledc] {
  text-decoration: underline;
}

.pip-run-id[b-ba6fanledc] {
  font-weight: 600;
  color: var(--text-primary);
}

.pip-app-source[b-ba6fanledc] {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 1px 7px;
  border-radius: 999px;
  background: #e8f0fe;
  color: #1a365d;
  border: 1px solid #bfdbfe;
  white-space: nowrap;
}

.pip-app-ver[b-ba6fanledc] {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1b4332;
  letter-spacing: 0.01em;
}

.pip-live-badge[b-ba6fanledc] {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 1px 7px;
  border-radius: 999px;
  background: #d8f3dc;
  color: #1b4332;
  border: 1px solid #95d5b2;
  white-space: nowrap;
}

.pip-unassigned-badge[b-ba6fanledc] {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  padding: 1px 7px;
  border-radius: 999px;
  background: #fff3cd;
  color: #7a5b00;
  border: 1px solid #ffe08a;
  white-space: nowrap;
}

.pip-build-num[b-ba6fanledc] {
  font-size: 0.75rem;
  color: var(--text-muted, #6b7280);
}

.pip-sha[b-ba6fanledc] {
  font-size: 0.72rem;
  color: #6b7280;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
/* /Pages/Engineering/Pipelines.razor.rz.scp.css */
.pip-page[b-i6xh1wsp92] {
  padding: 20px 24px 40px;
  max-width: 1280px;
}

.pip-header[b-i6xh1wsp92] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.pip-header-text h3[b-i6xh1wsp92] {
  margin: 0;
  color: var(--primary);
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.pip-subtitle[b-i6xh1wsp92] {
  margin-top: 4px;
  font-size: 0.85rem;
  color: var(--text-muted);
}

.pip-header-actions[b-i6xh1wsp92] {
  display: flex;
  gap: 8px;
}

.pip-btn[b-i6xh1wsp92] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text-primary);
  font-size: 0.9rem;
  cursor: pointer;
}

.pip-btn:hover:not(:disabled)[b-i6xh1wsp92] {
  border-color: var(--primary);
  color: var(--primary);
}

.pip-btn:disabled[b-i6xh1wsp92] {
  opacity: 0.6;
  cursor: default;
}

.pip-alert[b-i6xh1wsp92] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 0.92rem;
}

.pip-alert-danger[b-i6xh1wsp92] {
  background: #fff5f5;
  border: 1px solid #f5c2c7;
  color: #842029;
}

.pip-loading[b-i6xh1wsp92],
.pip-empty[b-i6xh1wsp92] {
  padding: 40px;
  text-align: center;
  color: var(--text-muted);
}

.pip-stats[b-i6xh1wsp92] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
  gap: 12px;
  margin-bottom: 8px;
}

.pip-stat[b-i6xh1wsp92] {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px 16px;
}

.pip-stat-value[b-i6xh1wsp92] {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
}

.pip-stat-label[b-i6xh1wsp92] {
  font-size: 0.78rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 2px;
}

.text-running[b-i6xh1wsp92] { color: #0d6efd; }
.text-fail[b-i6xh1wsp92] { color: var(--danger); }

.pip-loaded-at[b-i6xh1wsp92] {
  font-size: 0.78rem;
  color: var(--text-muted);
  margin-bottom: 16px;
}

.pip-category[b-i6xh1wsp92] {
  margin-bottom: 22px;
}

.pip-category-title[b-i6xh1wsp92] {
  margin: 0 0 10px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--sidebar-section-label, #4d7a56);
  font-weight: 700;
}

.pip-card[b-i6xh1wsp92] {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 14px 16px 10px;
  margin-bottom: 12px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03);
}

.pip-card-head[b-i6xh1wsp92] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 4px;
}

.pip-card-title[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}

.pip-name[b-i6xh1wsp92] {
  font-weight: 700;
  font-size: 1.02rem;
  color: var(--text-primary);
}

.pip-def-id[b-i6xh1wsp92],
.pip-pool[b-i6xh1wsp92] {
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef6ef;
  color: #2d6a3e;
  border: 1px solid #d4e8d8;
}

.pip-pool[b-i6xh1wsp92] {
  background: #f0f4ff;
  color: #3b4f8a;
  border-color: #d5def5;
}

.pip-card-desc[b-i6xh1wsp92] {
  font-size: 0.88rem;
  color: #555;
  margin-bottom: 2px;
}

.pip-yaml[b-i6xh1wsp92] {
  margin-bottom: 10px;
}

.pip-yaml code[b-i6xh1wsp92] {
  font-size: 0.78rem;
  color: #666;
  background: #f4f6f5;
  padding: 2px 6px;
  border-radius: 4px;
}

.pip-empty-runs[b-i6xh1wsp92] {
  padding: 12px 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.pip-table[b-i6xh1wsp92] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
}

.pip-table th[b-i6xh1wsp92] {
  text-align: left;
  font-size: 0.72rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
  padding: 8px 8px 6px 0;
  border-bottom: 1px solid var(--border);
  font-weight: 600;
}

.pip-table td[b-i6xh1wsp92] {
  padding: 10px 8px 10px 0;
  border-bottom: 1px solid #f0f1f5;
  vertical-align: top;
}

.pip-row-fail[b-i6xh1wsp92] {
  background: #fffafa;
}

.pip-run-id[b-i6xh1wsp92] {
  font-weight: 600;
  color: var(--text-primary);
}

.pip-build-num[b-i6xh1wsp92] {
  display: block;
  font-size: 0.78rem;
  color: #666;
}

.pip-sha[b-i6xh1wsp92] {
  font-family: Consolas, 'Cascadia Code', monospace;
  font-size: 0.72rem;
  color: #888;
}

.pip-branch[b-i6xh1wsp92] {
  font-size: 0.82rem;
  background: #f4f6f5;
  padding: 1px 6px;
  border-radius: 4px;
}

.pip-reason[b-i6xh1wsp92] {
  font-size: 0.72rem;
  color: #888;
  margin-top: 2px;
}

.pip-result[b-i6xh1wsp92] {
  display: inline-block;
  font-size: 0.78rem;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 999px;
  background: #eef0f4;
  color: #555;
}

.pip-result-ok[b-i6xh1wsp92] {
  background: #e6f7ec;
  color: #0d7a35;
}

.pip-result-partial[b-i6xh1wsp92] {
  background: #fff6e0;
  color: #9a6b00;
}

.pip-result-fail[b-i6xh1wsp92] {
  background: #fde8ea;
  color: #b42318;
}

.pip-result-cancel[b-i6xh1wsp92] {
  background: #eee;
  color: #666;
}

.pip-result-running[b-i6xh1wsp92] {
  background: #e8f1ff;
  color: #0d47a1;
}

.pip-links[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.pip-links a[b-i6xh1wsp92],
.pip-link-btn[b-i6xh1wsp92] {
  font-size: 0.8rem;
  color: var(--primary-dark, #008030);
  text-decoration: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}

.pip-links a:hover[b-i6xh1wsp92],
.pip-link-btn:hover[b-i6xh1wsp92] {
  text-decoration: underline;
}

.pip-artifact-row td[b-i6xh1wsp92] {
  background: #f8faf8;
  padding: 8px 0 12px;
}

.pip-artifacts[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pip-artifact[b-i6xh1wsp92] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 0.85rem;
}

.pip-artifact a[b-i6xh1wsp92] {
  color: var(--primary-dark, #008030);
  font-weight: 600;
  text-decoration: none;
}

.pip-artifact a:hover[b-i6xh1wsp92] {
  text-decoration: underline;
}

/* ── S2: tabs, activity, drill-down, modals, deploy gate ───────────────── */

.pip-alert-ok[b-i6xh1wsp92] {
  background: #eefaf1;
  border: 1px solid #b7e4c7;
  color: #0d5c2e;
}

.pip-alert-scope[b-i6xh1wsp92] {
  background: #fff4e5;
  border: 2px solid #e67e22;
  color: #7a3e00;
  position: relative;
}

.pip-alert-body[b-i6xh1wsp92] {
  flex: 1;
}

.pip-alert-dismiss[b-i6xh1wsp92] {
  background: none;
  border: none;
  font-size: 1.3rem;
  cursor: pointer;
  color: inherit;
  line-height: 1;
  padding: 0 4px;
}

.pip-copy-flash[b-i6xh1wsp92] {
  position: fixed;
  bottom: 24px;
  right: 24px;
  background: #1b4332;
  color: #fff;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 0.88rem;
  z-index: 1200;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}

.pip-tabs[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 18px;
  border-bottom: 1px solid var(--border);
  padding-bottom: 10px;
}

.pip-tab[b-i6xh1wsp92] {
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text-primary);
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 0.86rem;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pip-tab:hover[b-i6xh1wsp92] {
  border-color: var(--primary);
  color: var(--primary);
}

.pip-tab-active[b-i6xh1wsp92] {
  background: #e8f5eb;
  border-color: #2d6a3e;
  color: #1b4332;
  font-weight: 600;
}

.pip-tab-badge[b-i6xh1wsp92] {
  background: #0d6efd;
  color: #fff;
  font-size: 0.7rem;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 999px;
  min-width: 1.2em;
  text-align: center;
}

.pip-section-head h4[b-i6xh1wsp92] {
  margin: 0 0 4px;
  color: var(--primary);
}

.pip-section-desc[b-i6xh1wsp92] {
  margin: 0 0 12px;
  font-size: 0.88rem;
  color: var(--text-muted);
}

.pip-placeholder[b-i6xh1wsp92] {
  display: flex;
  gap: 14px;
  align-items: flex-start;
  padding: 24px;
  border: 1px dashed var(--border);
  border-radius: 10px;
  background: #fafbfa;
  color: #555;
}

.pip-placeholder i[b-i6xh1wsp92] {
  font-size: 1.4rem;
  color: #2d6a3e;
}

.pip-placeholder p[b-i6xh1wsp92] {
  margin: 6px 0 0;
  font-size: 0.9rem;
  line-height: 1.45;
  max-width: 52rem;
}

.pip-name-sm[b-i6xh1wsp92] {
  font-weight: 600;
  font-size: 0.9rem;
}

.pip-queue[b-i6xh1wsp92],
.pip-agent[b-i6xh1wsp92] {
  font-size: 0.8rem;
  color: #555;
}

.pip-agent[b-i6xh1wsp92] {
  color: #3b4f8a;
}

.pip-deploy-badge[b-i6xh1wsp92] {
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 2px 8px;
  border-radius: 999px;
  background: #fff3e0;
  color: #b45309;
  border: 1px solid #f5c98a;
}

.pip-card-actions[b-i6xh1wsp92] {
  display: flex;
  align-items: center;
  gap: 8px;
}

.pip-btn-sm[b-i6xh1wsp92] {
  padding: 5px 10px;
  font-size: 0.8rem;
}

.pip-btn-primary[b-i6xh1wsp92] {
  background: #1b7a3d;
  border-color: #1b7a3d;
  color: #fff;
}

.pip-btn-primary:hover:not(:disabled)[b-i6xh1wsp92] {
  background: #156432;
  color: #fff;
  border-color: #156432;
}

.pip-btn-danger[b-i6xh1wsp92] {
  background: #b42318;
  border-color: #b42318;
  color: #fff;
}

.pip-btn-danger:hover:not(:disabled)[b-i6xh1wsp92] {
  background: #912018;
  color: #fff;
}

.pip-danger-link[b-i6xh1wsp92] {
  color: #b42318 !important;
}

.pip-row-selected[b-i6xh1wsp92] {
  outline: 2px solid #b7e4c7;
  outline-offset: -2px;
}

.pip-row-excluded[b-i6xh1wsp92] {
  opacity: 0.72;
  background: #faf7f2;
}

.pip-keep[b-i6xh1wsp92] {
  color: #0d7a35;
  font-weight: 600;
}

.pip-die[b-i6xh1wsp92] {
  color: #b42318;
  font-weight: 600;
}

/* Drawer */
.pip-drawer-backdrop[b-i6xh1wsp92] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.28);
  z-index: 1040;
}

.pip-drawer[b-i6xh1wsp92] {
  position: fixed;
  top: 0;
  right: 0;
  width: min(560px, 96vw);
  height: 100vh;
  background: var(--card-bg, #fff);
  border-left: 1px solid var(--border);
  z-index: 1050;
  overflow-y: auto;
  padding: 18px 18px 40px;
  box-shadow: -8px 0 24px rgba(0, 0, 0, 0.12);
}

.pip-drawer-head[b-i6xh1wsp92] {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--border);
}

.pip-drawer-head h4[b-i6xh1wsp92] {
  margin: 0;
  font-size: 1.05rem;
  color: var(--text-primary);
}

.pip-drawer-sub[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  font-size: 0.82rem;
  color: var(--text-muted);
}

.pip-drawer-actions[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.pip-timeline[b-i6xh1wsp92] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.pip-tl-row[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 0.86rem;
}

.pip-tl-type[b-i6xh1wsp92] {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: #666;
  background: #f0f2f4;
  padding: 1px 6px;
  border-radius: 4px;
}

.pip-tl-dur[b-i6xh1wsp92] {
  font-size: 0.78rem;
  color: #777;
  font-variant-numeric: tabular-nums;
}

.pip-tl-stage[b-i6xh1wsp92],
.pip-tl-job[b-i6xh1wsp92] {
  padding: 8px 10px;
  border-radius: 6px;
  background: #f7f9f7;
  border: 1px solid #e6ebe7;
}

.pip-tl-tasks-title[b-i6xh1wsp92] {
  margin: 12px 0 4px;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--text-muted);
}

.pip-tl-task[b-i6xh1wsp92] {
  padding: 8px 10px;
  border-radius: 6px;
  border: 1px solid #eee;
  background: #fff;
}

.pip-tl-task-fail[b-i6xh1wsp92] {
  border-color: #f5c2c7;
  background: #fffafa;
}

.pip-tl-task-name[b-i6xh1wsp92] {
  flex: 1 1 auto;
  min-width: 8rem;
}

.pip-issue-count[b-i6xh1wsp92] {
  font-size: 0.75rem;
  color: #b45309;
}

.pip-error-excerpt[b-i6xh1wsp92],
.pip-raw-log[b-i6xh1wsp92] {
  margin: 8px 0 0;
  padding: 8px 10px;
  background: #1e1e1e;
  color: #e8e8e8;
  border-radius: 6px;
  font-size: 0.72rem;
  line-height: 1.4;
  max-height: 280px;
  overflow: auto;
  white-space: pre-wrap;
  word-break: break-word;
  font-family: Consolas, 'Cascadia Code', monospace;
}

.pip-error-excerpt[b-i6xh1wsp92] {
  max-height: 120px;
  background: #3b1f1f;
  color: #ffd0d0;
}

/* Modal */
.pip-modal-backdrop[b-i6xh1wsp92] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1100;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
}

.pip-modal[b-i6xh1wsp92] {
  background: var(--card-bg, #fff);
  border-radius: 12px;
  padding: 20px 22px;
  width: min(560px, 100%);
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
}

.pip-modal-wide[b-i6xh1wsp92] {
  width: min(720px, 100%);
}

.pip-modal h4[b-i6xh1wsp92] {
  margin: 0 0 10px;
  color: var(--primary);
}

.pip-modal p[b-i6xh1wsp92] {
  margin: 0 0 10px;
  font-size: 0.92rem;
  line-height: 1.45;
}

.pip-modal-actions[b-i6xh1wsp92] {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 16px;
}

.pip-deploy-gate[b-i6xh1wsp92] {
  margin: 12px 0;
  padding: 12px;
  border-radius: 8px;
  background: #fff8ef;
  border: 1px solid #f0c36d;
}

.pip-deploy-warn[b-i6xh1wsp92] {
  font-size: 0.9rem;
  font-weight: 600;
  color: #7a3e00;
  margin-bottom: 10px;
  display: flex;
  gap: 8px;
  align-items: flex-start;
}

.pip-label[b-i6xh1wsp92] {
  display: block;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #666;
  margin-bottom: 4px;
}

.pip-input[b-i6xh1wsp92] {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 0.95rem;
}

.pip-confirm-row[b-i6xh1wsp92] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.pip-confirm-type[b-i6xh1wsp92] {
  flex: 0 1 140px;
  min-width: 112px;
  width: auto;
}

.pip-confirm-or[b-i6xh1wsp92] {
  flex: 0 0 auto;
  margin: 0;
  display: flex;
  align-items: center;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a6b20;
}

.pip-confirm-slide[b-i6xh1wsp92] {
  flex: 1 1 200px;
  min-width: 200px;
}

.pip-confirm-slide[b-i6xh1wsp92]  .pip-slide {
  margin-top: 0;
}

.pip-muted[b-i6xh1wsp92] {
  color: var(--text-muted);
  font-size: 0.88rem;
}

/* Push to TestFlight */
.pip-tf-btn[b-i6xh1wsp92] {
  color: #0b5cab !important;
  font-weight: 600;
}
.pip-cfbv[b-i6xh1wsp92] {
  font-size: 0.72rem;
  color: var(--text-muted);
  margin-left: 4px;
  white-space: nowrap;
}

.pip-app-ver[b-i6xh1wsp92] {
  font-size: 0.88rem;
  font-weight: 700;
  color: #1b4332;
}

.pip-live-badge[b-i6xh1wsp92] {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 1px 7px;
  border-radius: 999px;
  background: #d8f3dc;
  color: #1b4332;
  border: 1px solid #95d5b2;
  white-space: nowrap;
}

.pip-unassigned-badge[b-i6xh1wsp92] {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  padding: 1px 7px;
  border-radius: 999px;
  background: #fff3cd;
  color: #7a5b00;
  border: 1px solid #ffe08a;
  white-space: nowrap;
}
.pip-tf-src[b-i6xh1wsp92] {
  font-size: 0.72rem;
  background: #e8f1fb;
  color: #0b5cab;
  padding: 1px 6px;
  border-radius: 4px;
  margin-left: 4px;
  white-space: nowrap;
}
.pip-tf-outcome-row td[b-i6xh1wsp92] {
  padding-top: 0 !important;
  border-top: none !important;
}
.pip-tf-fail[b-i6xh1wsp92] {
  background: #fdecea;
  border: 1px solid #f5c2c0;
  color: #842029;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.85rem;
  display: flex;
  gap: 8px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.pip-tf-ok[b-i6xh1wsp92] {
  background: #eef7ee;
  border: 1px solid #c3e6cb;
  color: #0f5132;
  border-radius: 6px;
  padding: 8px 10px;
  font-size: 0.85rem;
  display: flex;
  gap: 8px;
  align-items: center;
  flex-wrap: wrap;
}
.pip-tf-confirm[b-i6xh1wsp92] {
  margin: 12px 0;
  display: grid;
  gap: 8px;
}
.pip-tf-confirm div[b-i6xh1wsp92] {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 8px;
  font-size: 0.9rem;
}
.pip-tf-confirm dt[b-i6xh1wsp92] {
  color: var(--text-muted);
  font-weight: 500;
  margin: 0;
}
.pip-tf-confirm dd[b-i6xh1wsp92] {
  margin: 0;
}

/* Dev-build honesty chip (where Apple Push would be) */
.pip-dev-chip[b-i6xh1wsp92] {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 500;
  color: #6b7280;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 2px 8px;
  margin-left: 2px;
  white-space: nowrap;
  vertical-align: middle;
}

/* Run-new: build type + advanced */
.pip-runnew-options[b-i6xh1wsp92] {
  margin: 14px 0 4px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fafbfa;
}

.pip-runnew-options .pip-label[b-i6xh1wsp92] {
  margin-bottom: 8px;
}

.pip-runnew-options .pip-label-spaced[b-i6xh1wsp92] {
  margin-top: 14px;
}

.pip-required[b-i6xh1wsp92] {
  text-transform: none;
  letter-spacing: 0;
  font-weight: 600;
  color: #b45309;
  font-size: 0.72rem;
  margin-left: 4px;
}

.pip-radio-group[b-i6xh1wsp92] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pip-radio[b-i6xh1wsp92] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--card-bg, #fff);
  cursor: pointer;
}

.pip-radio input[b-i6xh1wsp92] {
  margin-top: 3px;
  flex-shrink: 0;
}

.pip-radio-selected[b-i6xh1wsp92] {
  border-color: #2d6a3e;
  background: #f0faf3;
  box-shadow: 0 0 0 1px #b7e4c7;
}

.pip-radio-body[b-i6xh1wsp92] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 0.9rem;
}

.pip-radio-body strong[b-i6xh1wsp92] {
  color: var(--text-primary);
}

.pip-advanced-toggle[b-i6xh1wsp92] {
  margin-top: 10px;
  padding-left: 0;
}

.pip-advanced[b-i6xh1wsp92] {
  margin-top: 8px;
  padding: 10px 12px;
  border-radius: 6px;
  background: #f5f6f5;
  border: 1px dashed var(--border);
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.pip-check[b-i6xh1wsp92] {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  cursor: pointer;
}

.pip-advanced-note[b-i6xh1wsp92] {
  margin: 4px 0 0;
  font-size: 0.8rem;
}
/* /Pages/Engineering/ShieldWebTesters.razor.rz.scp.css */
.swt-page[b-qxsnpksulf] {
  padding: 20px 24px 40px;
  max-width: 1280px;
}

.swt-header[b-qxsnpksulf] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
}

.swt-header-text h3[b-qxsnpksulf] {
  margin: 0;
  color: var(--primary);
  font-size: 1.35rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.swt-subtitle[b-qxsnpksulf] {
  margin-top: 4px;
  font-size: 0.85rem;
  color: var(--text-muted);
}

.swt-header-actions[b-qxsnpksulf] {
  display: flex;
  gap: 8px;
}

.swt-btn[b-qxsnpksulf] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 6px;
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text-primary);
  font-size: 0.85rem;
  cursor: pointer;
}

.swt-btn:hover:not(:disabled)[b-qxsnpksulf] {
  border-color: var(--primary);
  color: var(--primary);
}

.swt-btn:disabled[b-qxsnpksulf] {
  opacity: 0.6;
  cursor: default;
}

.swt-btn-primary[b-qxsnpksulf] {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

.swt-btn-primary:hover:not(:disabled)[b-qxsnpksulf] {
  color: #fff;
  filter: brightness(1.05);
}

.swt-btn-danger[b-qxsnpksulf] {
  border-color: var(--danger, #b02a37);
  color: var(--danger, #b02a37);
}

.swt-alert[b-qxsnpksulf] {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  margin-bottom: 16px;
  font-size: 0.92rem;
}

.swt-alert-danger[b-qxsnpksulf] {
  background: #fff5f5;
  border: 1px solid #f5c2c7;
  color: #842029;
}

.swt-alert-ok[b-qxsnpksulf] {
  background: #f0faf4;
  border: 1px solid #badbcc;
  color: #0f5132;
}

.swt-stats[b-qxsnpksulf] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}

.swt-stat[b-qxsnpksulf] {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 14px 16px;
}

.swt-stat-value[b-qxsnpksulf] {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary);
  word-break: break-all;
}

.swt-stat-label[b-qxsnpksulf] {
  font-size: 0.78rem;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.03em;
  margin-top: 2px;
}

.swt-card[b-qxsnpksulf] {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 16px 18px;
  margin-bottom: 16px;
}

.swt-card h4[b-qxsnpksulf] {
  margin: 0 0 12px;
  font-size: 1rem;
  color: var(--text-primary);
}

.swt-hint[b-qxsnpksulf] {
  margin: 0 0 10px;
  font-size: 0.85rem;
  color: var(--text-muted);
}

.swt-add[b-qxsnpksulf] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: flex-end;
}

.swt-add label[b-qxsnpksulf] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.swt-add input[b-qxsnpksulf],
.swt-notes[b-qxsnpksulf] {
  padding: 8px 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--input-bg, var(--card-bg));
  color: var(--text-primary);
  min-width: 220px;
  font-size: 0.95rem;
}

.swt-notes[b-qxsnpksulf] {
  width: 100%;
  min-width: 0;
  margin-bottom: 10px;
  font-family: inherit;
}

.swt-table[b-qxsnpksulf] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
}

.swt-table th[b-qxsnpksulf],
.swt-table td[b-qxsnpksulf] {
  text-align: left;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}

.swt-table th[b-qxsnpksulf] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--text-muted);
}

.swt-inactive td[b-qxsnpksulf] {
  opacity: 0.65;
}

.swt-actions[b-qxsnpksulf] {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.swt-empty[b-qxsnpksulf] {
  padding: 20px;
  text-align: center;
  color: var(--text-muted);
}

@media (max-width: 720px) {
  .swt-page[b-qxsnpksulf] {
    padding: 12px;
  }

  .swt-table[b-qxsnpksulf] {
    display: block;
    overflow-x: auto;
  }
}
/* /Pages/Engineering/SlideToConfirm.razor.rz.scp.css */
.pip-slide[b-gx0hijl7xq] {
  --pip-slide-p: 0;
  --pip-slide-handle: 38px;
  position: relative;
  height: 42px;
  border-radius: 21px;
  background: #f3e6d0;
  border: 1px solid #e0b15a;
  overflow: hidden;
  user-select: none;
  touch-action: none;
  margin-top: 0;
}

.pip-slide-fill[b-gx0hijl7xq] {
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--pip-slide-p) * 100%);
  background: #f0c36d;
  pointer-events: none;
}

.pip-slide-label[b-gx0hijl7xq] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: var(--pip-slide-handle);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #7a3e00;
  pointer-events: none;
  opacity: calc(1 - var(--pip-slide-p) * 1.25);
}

.pip-slide-handle[b-gx0hijl7xq] {
  position: absolute;
  top: 2px;
  left: calc(2px + var(--pip-slide-p) * (100% - var(--pip-slide-handle) - 4px));
  width: var(--pip-slide-handle);
  height: calc(100% - 4px);
  border-radius: 19px;
  background: #fff;
  border: 1px solid #d4a017;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7a3e00;
  cursor: grab;
  z-index: 1;
}

.pip-slide-dragging .pip-slide-handle[b-gx0hijl7xq] {
  cursor: grabbing;
  transition: none;
}

.pip-slide-handle[b-gx0hijl7xq],
.pip-slide-fill[b-gx0hijl7xq] {
  transition: none;
}

.pip-slide:not(.pip-slide-dragging) .pip-slide-handle[b-gx0hijl7xq],
.pip-slide:not(.pip-slide-dragging) .pip-slide-fill[b-gx0hijl7xq] {
  transition: left 0.18s ease, width 0.18s ease;
}

.pip-slide-done[b-gx0hijl7xq] {
  border-color: #2d6a3e;
  background: #e8f5ec;
}

.pip-slide-done .pip-slide-fill[b-gx0hijl7xq] {
  background: #b7e4c7;
}

.pip-slide-done .pip-slide-handle[b-gx0hijl7xq] {
  border-color: #2d6a3e;
  color: #1b4332;
  cursor: default;
}

.pip-slide-done .pip-slide-label[b-gx0hijl7xq] {
  opacity: 0;
}

.pip-slide-disabled[b-gx0hijl7xq] {
  opacity: 0.55;
  pointer-events: none;
}
/* /Pages/Enrollment/AddCustomerForm.razor.rz.scp.css */
.AddCustomerForm[b-rdhz1aasiy] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-template-rows: min-content min-content;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.newCustomerLabelArea[b-rdhz1aasiy] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-rdhz1aasiy] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
}

.newCustomerEntryArea[b-rdhz1aasiy] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-rdhz1aasiy] {
  padding: 2px 3px;
  width: 400px;
}

.newCustomerOptionArea[b-rdhz1aasiy] {
  grid-column: 1 / 3;
  grid-row: 2 / 2;
  padding: 4px 8px;
  justify-content: center;
  display: inline-flex;
}

.optionButton[b-rdhz1aasiy] {
  width: 32px;
  height: 32px;
  border-radius: 17px;
  border: 2px solid black;
  width: 100px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin: 16px 10px 3px 10px;
}

  .optionButton :hover[b-rdhz1aasiy] {
    box-shadow: rgba(0,0,0,0.4) 2px 2px 3px;
  }

  .optionButton :active[b-rdhz1aasiy] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.okButton[b-rdhz1aasiy] {
  background-color: darkgreen;
}

.cancelButton[b-rdhz1aasiy] {
  background-color: darkred;
}

.buttonDisabled[b-rdhz1aasiy] {
  pointer-events: none;
  opacity: 0.32;
}

.buttonText[b-rdhz1aasiy] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  white-space: nowrap;
  user-select: none;
}
/* /Pages/Enrollment/EditCustomerForm.razor.rz.scp.css */
.customerForm[b-s877ey9g25] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
  /*
  display: inline-grid;
  grid-template-columns: auto auto;
  grid-column-gap: 15px;
  grid-template-rows: min-content min-content;
  grid-auto-flow: row;
  */
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.customerLabelArea[b-s877ey9g25] {
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  padding: 2px 5px;
}

.labelText[b-s877ey9g25] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
  white-space: nowrap;
}

.customerEntryArea[b-s877ey9g25] {
  grid-column: 2 / 2;
  grid-row: 1 / 1;
  padding: 2px 5px;
}


.textEntry[b-s877ey9g25] {
  padding: 2px 3px;
  width: 400px;
}

.customerOptionarea[b-s877ey9g25] {
  grid-column: 1 / 3;
  grid-row: 2 / 2;
  padding: 4px 8px;
  justify-content: center;
  display: inline-flex;
}

.optionButton[b-s877ey9g25] {
  width: 32px;
  height: 32px;
  border-radius: 17px;
  border: 2px solid black;
  width: 100px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  margin: 16px 10px 3px 10px;
}

  .optionButton :hover[b-s877ey9g25] {
    box-shadow: rgba(0,0,0,0.4) 2px 2px 3px;
  }

  .optionButton :active[b-s877ey9g25] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.okButton[b-s877ey9g25] {
  background-color: darkgreen;
}

.cancelButton[b-s877ey9g25] {
  background-color: darkred;
}

.editButton[b-s877ey9g25] {
  background-color: darkcyan;
}

.buttonDisabled[b-s877ey9g25] {
  pointer-events: none;
  opacity: 0.32;
}

.buttonText[b-s877ey9g25] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  white-space: nowrap;
  user-select: none;
}

.customerPropertiesPane[b-s877ey9g25] {
  border: 3px solid green;
  border-radius: 14px;
  padding: 10px 20px;
  margin: 2px 10px 10px 2px;
  background: linear-gradient(180deg, #000000 0%, #070707 50%, #171717 100%);
  box-shadow: rgba(0, 30, 0, 0.35) 4px 4px 5px;
  /*
  background: linear-gradient(180deg, #005000 0%, #004000 50%, #003000 100%);
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  */
}

.customerOptionsPane[b-s877ey9g25] {
  /*
  grid-column: 1 / 1;
  grid-row: 1 / 1;
  */
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  text-align: center;
  padding: 0 0 10px 0;
}
/* /Pages/Enrollment/EnrollmentForm.razor.rz.scp.css */
.legacy-container[b-fbwtgleqmt] {
  position: relative;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  contain: layout;
}

.CustomerSelectionFrame[b-fbwtgleqmt] {
  border: 1px solid black;
  background-color: #006020;
  padding: 10px 15px;
  display: inline-grid;
  grid-template-columns: auto auto min-content min-content;
  grid-template-rows: min-content;
  grid-column-gap: 6px;
  grid-auto-flow: row;
  border-radius: 40px;
  margin-bottom: 20px;
  align-items: center;
}

.CustomerSelectionLabel[b-fbwtgleqmt] {
  padding: 4px 6px;
  font-family: Calibri;
  font-size: 26px;
  color: lightcyan;
  font-weight: bold;
  user-select: none;
}

.CustomerSelectionArea[b-fbwtgleqmt] {
  padding: 4px 6px;
}

.CustomerSelect[b-fbwtgleqmt] {
  font-family: Calibri;
  font-size: 22px;
  color: black;
  user-select: none;
}

.customerButton[b-fbwtgleqmt] {
  width: 32px;
  height: 32px;
  border-radius: 17px;
  background-color: white;
  border: 2px solid black;
  background-repeat: no-repeat;
  background-position: center;
}

  .customerButton:hover[b-fbwtgleqmt] {
    box-shadow: rgba(0,0,0,0.4) 2px 2px 3px;
  }

  .customerButton:active[b-fbwtgleqmt] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.AddCustomerButton[b-fbwtgleqmt] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAMF2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0xMS0wMlQxMTo0MDoyNC0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTEtMDVUMjA6MzM6NTMtMDU6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMTEtMDVUMjA6MzM6NTMtMDU6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmUxOTZjNmY5LTYyMzctNWU0NS04MmRlLTA1MDg3YjY4Y2NmMSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjFkMGY4Y2ViLWJhYjktYmE0ZC05NWQxLWE5NTlkM2ZiZjQ2ZiIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI2MDJlYmYzLTA2MGQtNmY0Ny1iZjA1LWRhNWUzZjJjODk1YyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjMwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiNjAyZWJmMy0wNjBkLTZmNDctYmYwNS1kYTVlM2YyYzg5NWMiIHN0RXZ0OndoZW49IjIwMjItMTEtMDJUMTE6NDA6MjQtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDRhODM2NmEtMTFiOS1iYzRiLWIxMTctMzNjMTZhYWEwMzI0IiBzdEV2dDp3aGVuPSIyMDIyLTExLTAyVDExOjQzOjMyLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMTgyMGIzLTExOWYtYmM0NC1hZjU1LTdlZmUyZTNlODFlNSIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0wMlQxMTo0MzozMi0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjOWFhYTZkZS1kMGI2LWI1NGYtYTg3ZC0xODg4Nzc2NTcxODQiIHN0RXZ0OndoZW49IjIwMjItMTEtMDVUMjA6MzM6NTMtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTE5NmM2ZjktNjIzNy01ZTQ1LTgyZGUtMDUwODdiNjhjY2YxIiBzdEV2dDp3aGVuPSIyMDIyLTExLTA1VDIwOjMzOjUzLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmM5YWFhNmRlLWQwYjYtYjU0Zi1hODdkLTE4ODg3NzY1NzE4NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmE4N2EwM2ExLTJjYjktMDc0Mi1iMDlmLThhZDIyZTU4OWRmMCIgc3RSZWY6b3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI2MDJlYmYzLTA2MGQtNmY0Ny1iZjA1LWRhNWUzZjJjODk1YyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnI+fPkAAACmSURBVEiJ7Zc7DsIwEERfUApveueO4UDxHaFP6IYCCC74xEhgBDvSSlN49SRbml03kqihTRVqTXB7MV1vJX0jMJx9ArZrG6fdfDKSkITFsPhnZTEIECCLQQV9i/+/N3awg38P3GZ+7Hob7p58oK63tZPmmnK30uhdlafcV1x1shhWX/W8PwBgMZTw0uJ8SDjYwQ5+VXlylay4ecqlwtUYgMa/MJ/SEU1R1BIx+YcsAAAAAElFTkSuQmCC);
  background-size: 22px;
}

.EditCustomerButton[b-fbwtgleqmt] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAQ7WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDAgNzkuMTcxYzI3ZiwgMjAyMi8wOC8xNi0xODowMjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyIgeG1sbnM6ZXhpZj0iaHR0cDovL25zLmFkb2JlLmNvbS9leGlmLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0xMS0wMlQxMTo0MDoyNC0wNTowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMTEtMDZUMTk6Mjg6MzYtMDY6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMTEtMDZUMTk6Mjg6MzYtMDY6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmUzYzMwZDM5LTljZDYtM2M0ZS1iMTVkLTYxMzVlN2Y0YWI5ZSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmNmMGRmNzg4LWIzOTUtY2I0ZC1hNmFjLTJmMTNkNGY3MGRkZCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOmI2MDJlYmYzLTA2MGQtNmY0Ny1iZjA1LWRhNWUzZjJjODk1YyIgdGlmZjpPcmllbnRhdGlvbj0iMSIgdGlmZjpYUmVzb2x1dGlvbj0iNzIwMDAwLzEwMDAwIiB0aWZmOllSZXNvbHV0aW9uPSI3MjAwMDAvMTAwMDAiIHRpZmY6UmVzb2x1dGlvblVuaXQ9IjIiIGV4aWY6Q29sb3JTcGFjZT0iNjU1MzUiIGV4aWY6UGl4ZWxYRGltZW5zaW9uPSIzMCIgZXhpZjpQaXhlbFlEaW1lbnNpb249IjMwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpiNjAyZWJmMy0wNjBkLTZmNDctYmYwNS1kYTVlM2YyYzg5NWMiIHN0RXZ0OndoZW49IjIwMjItMTEtMDJUMTE6NDA6MjQtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZDRhODM2NmEtMTFiOS1iYzRiLWIxMTctMzNjMTZhYWEwMzI0IiBzdEV2dDp3aGVuPSIyMDIyLTExLTAyVDExOjQzOjMyLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBpbWFnZS9wbmcgdG8gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmJkMTgyMGIzLTExOWYtYmM0NC1hZjU1LTdlZmUyZTNlODFlNSIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0wMlQxMTo0MzozMi0wNTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjOWFhYTZkZS1kMGI2LWI1NGYtYTg3ZC0xODg4Nzc2NTcxODQiIHN0RXZ0OndoZW49IjIwMjItMTEtMDVUMjA6MzM6NTMtMDU6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY29udmVydGVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJmcm9tIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AgdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ZTE5NmM2ZjktNjIzNy01ZTQ1LTgyZGUtMDUwODdiNjhjY2YxIiBzdEV2dDp3aGVuPSIyMDIyLTExLTA1VDIwOjMzOjUzLTA1OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc2ODQxNjU4LTA2MzEtMDI0OC04N2RlLWIzOGEyOTE1ZmRjMCIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0wNlQxOToyMzoxOC0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjb252ZXJ0ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImZyb20gaW1hZ2UvcG5nIHRvIGFwcGxpY2F0aW9uL3ZuZC5hZG9iZS5waG90b3Nob3AiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImRlcml2ZWQiIHN0RXZ0OnBhcmFtZXRlcnM9ImNvbnZlcnRlZCBmcm9tIGltYWdlL3BuZyB0byBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMDNhMzE2Ni1hMzVjLTUyNGMtODc4Mi1kYzlkNGY5NzdhNGYiIHN0RXZ0OndoZW49IjIwMjItMTEtMDZUMTk6MjM6MTgtMDY6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNC4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YjM3N2RhMTYtNmZjZC04ZDQ1LTliZTUtMWNjZDRhNmY3ODlhIiBzdEV2dDp3aGVuPSIyMDIyLTExLTA2VDE5OjI4OjM2LTA2OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBhcHBsaWNhdGlvbi92bmQuYWRvYmUucGhvdG9zaG9wIHRvIGltYWdlL3BuZyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iZGVyaXZlZCIgc3RFdnQ6cGFyYW1ldGVycz0iY29udmVydGVkIGZyb20gYXBwbGljYXRpb24vdm5kLmFkb2JlLnBob3Rvc2hvcCB0byBpbWFnZS9wbmciLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmUzYzMwZDM5LTljZDYtM2M0ZS1iMTVkLTYxMzVlN2Y0YWI5ZSIgc3RFdnQ6d2hlbj0iMjAyMi0xMS0wNlQxOToyODozNi0wNjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiMzc3ZGExNi02ZmNkLThkNDUtOWJlNS0xY2NkNGE2Zjc4OWEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTAzYTMxNjYtYTM1Yy01MjRjLTg3ODItZGM5ZDRmOTc3YTRmIiBzdFJlZjpvcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6YjYwMmViZjMtMDYwZC02ZjQ3LWJmMDUtZGE1ZTNmMmM4OTVjIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+YW6IAwAABQJJREFUSInFl11Mk2cUx3/PW2tbBHVgCSAKRQRUIG4aTdyWiTqYiywz88LdbI4b05gs8etud5vJljnQxcGNAz+WJct029WWzGQqfhSxbKPDlhkVkH68tBRqjLTQ9n12IVT5KAMl8STv1Tnv+3v+55z3Oc8jpJS8CJsHkJJpmuvvvgLsAhqA3onOIX8YIaUkJdPE1o3bxjkNBgMejwe73c7evXvR6XTE43E0TUNKiRACKWXi0ev1aJrGqXNNu9IXp/8ooyDnaYQehNbZL7X9aTKZMBgMFK5dwZA/jDJXEkeh7wMfixGB3+0nN3MZwL71m9etj8fj4+LnBKzT6Th1rmmp0WD8PlWX9rq7x0MsFuPm9ZuUFpbWAPvKN5VtiMVicwceVZoC7C60rCSgBsb5b9rsrCks3QNYS9YXr5sTsKZpfPfL2U+B+0WW4qMdnf80btm+ZVKc3WanrKh8z9LspXZgx3OBNU3j7M9nvgT2R4LDGe2t7ViyLTU2+/XGLW9VTIpvvdZKV2cXgPWZwZqmcean0/WKohwK90cWVFRWUPZyKU6HC0tOQY2tzTYJPk8/j5KyVQDnnwk8qrReCGF91DdE5Y5KbG3X48HAAADOdudj5W22poqn4Hkly7l3/+5XQOOswWNKAeuQP0xldSVXWprj4UBE53V7E3FOhwtLtuWjljbb6c2Vb1C+sQyv6j3R3x08lMjAbKCnzjV9A1jDgQhV1VU0t1yOhwMR3VTxToeLVWWrPrzx143TwMlgz8DVSCSS8M9IsaZpfPvDyRNj0ModlTS3XI4lgwIgIGWRCeBM313/1Wg0ihBi5uBRpfXAvnAgIqqqq7hyo3k4EhxOni0BBaUWnP86j/Xd9f8hpUTTtHEh04KllBgy5tcLIcalNxIcNkgtyVQTULDGgk/11fa63PtHRkYSe/vTllj1o0ePEhu+0WhEr9fjuNf+NaON9Pa727l47WLSmj6t1Kf6ars7eg5KKVGUqbUlwLm5uY9ToCg8fPiQ3678epzRms4UalmTn4AqijJJ5TiTUmIyG3G5XHR2duLxeDCZjftNZuMIIN/ZVS1NZmMMkEkfgVxRViBNZmOtz+cjEAgQCATo7+8nGAwSCoUIhUIMDg5iMhuRUj5RPDY5Cteu2A5Yow9i+lcrNnHh8oVYOBCZtpEsq/Pxqt7aXpf74MTxl8wSBRgb8IC1ILtgZWwkxkBwkOGBkf/tXtWv1t139h5MVs9pwV6vl41bNxSlLkitvuVwAuByuNDi2tRvPuneul6X+8BsoDChqwFrzpIczGlm9CY97a2O5NDSAnyq92h3R89hRVGY7aExscysrCyAvbfanRhTjdzuut1QUlY8JTR/dR4+1Vvb3dFzWKdL3ugzAr+5c9uStNQ0k0DguuOSQGOP2tNQvqE88S8KRVBQaqHP31d3z9F18Fmh48DAzpzMHKLRKMX5JQKwLUlfYk0xpqBpGplZmaNKfXV3/r574HmgQOJ4m7MwbaEnRUmh6043AHq9Hv18PYvTF2NInY/ar3qAhl6X+0gsFkNRlEQmxmoshCAajT7JkBAIIRhbpJSSnKLsccfbmmVZy/G5VTLMGZSvKyevOA+RCoORAZvar35w7LPjuYO9oSOz7d5kNtbVrgcPH2BaZCI98yW6fd1EoyO7gfOff/JFTFVV4vH49FvgLC1xkwDeA14DLgG/A+E5o0ywxBXmRdh/9816S6QWX24AAAAASUVORK5CYII=);
  background-size: 18px;
}

.buttonDisabled[b-fbwtgleqmt] {
  pointer-events: none;
  opacity: 0.32;
}

.selectDisabled[b-fbwtgleqmt] {
  pointer-events: none;
  opacity: 0.5;
}

.errorText[b-fbwtgleqmt] {
  font-family: 'Lucida Console';
  color: red;
  font-size: 18px;
}

.clearErrorButton[b-fbwtgleqmt] {
  margin: 4px 10px;
  border: 1px solid black;
  background-color: darkred;
  border-radius: 14px;
  padding: 3px 8px;
  width: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

  .clearErrorButton:hover[b-fbwtgleqmt] {
    box-shadow: rgba(0,0,0,0.3) 2px 2px 3px;
  }

  .clearErrorButton:active[b-fbwtgleqmt] {
    box-shadow: none !important;
    transform: translate(2px, 2px);
  }

.clearErrorButtonText[b-fbwtgleqmt] {
  font-family: Calibri;
  font-size: 18px;
  color: white;
  user-select: none;
}

.infoText[b-fbwtgleqmt] {
  font-family: Calibri;
  font-size: 20px;
  color: black;
  user-select: none;
}
/* /Pages/Enrollment/PortalUserPanel.razor.rz.scp.css */
.userDataGrid[b-l3e2o5a3j0] {
  display: inline-grid;
  grid-template-rows: auto;
  grid-template-columns: auto min-content min-content min-content min-content min-content;
}

.nameText[b-l3e2o5a3j0] {
  font-family: Calibri;
  font-size: 18px;
  color: lightcyan;
}
/* /Pages/Enrollment/PortalUsersPanel.razor.rz.scp.css */
.portalUsersDetailsPane[b-mh7jvoumcy] {
  border: 3px solid green;
  border-radius: 14px;
  padding: 10px 20px;
  margin: 2px 10px 10px 2px;
  background: linear-gradient(180deg, #000000 0%, #070707 50%, #171717 100%);
  box-shadow: rgba(0, 30, 0, 0.35) 4px 4px 5px;
}
/* /Pages/Extras/BrandLogos.razor.rz.scp.css */
.brand-logos-container[b-75nxxcxavi] {
    padding: 20px;
    max-width: 1400px;
}

.subtitle[b-75nxxcxavi] {
    color: #666;
    margin-bottom: 20px;
}

.subtitle a[b-75nxxcxavi] {
    color: #0066cc;
}

.toolbar[b-75nxxcxavi] {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.stats-bar[b-75nxxcxavi] {
    display: flex;
    gap: 25px;
    margin-bottom: 20px;
    padding: 12px 16px;
    background: #f8f9fa;
    border-radius: 6px;
    flex-wrap: wrap;
}

.stat[b-75nxxcxavi] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.95em;
}

.stat .oi[b-75nxxcxavi] {
    font-size: 1.1em;
}

.text-primary[b-75nxxcxavi] {
    color: #007bff;
}

.text-success[b-75nxxcxavi] {
    color: #28a745;
}

.text-danger[b-75nxxcxavi] {
    color: #dc3545;
}

.text-warning[b-75nxxcxavi] {
    color: #ffc107;
}

.text-muted[b-75nxxcxavi] {
    color: #6c757d;
    font-size: 0.9em;
}

.loading-container[b-75nxxcxavi] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 20px;
}

.status-message[b-75nxxcxavi] {
    padding: 12px 16px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}

.status-message.success[b-75nxxcxavi] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.status-message.error[b-75nxxcxavi] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.brands-grid[b-75nxxcxavi] {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.category-section h3[b-75nxxcxavi] {
    margin: 0 0 12px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #28a745;
    color: #333;
    font-size: 1.1em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.category-count[b-75nxxcxavi] {
    font-weight: normal;
    color: #6c757d;
    font-size: 0.9em;
}

.brands-list[b-75nxxcxavi] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 12px;
}

.brand-card[b-75nxxcxavi] {
    display: grid;
    grid-template-columns: 54px 1fr 130px auto;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.brand-card:hover[b-75nxxcxavi] {
    border-color: #28a745;
    box-shadow: 0 2px 8px rgba(40, 167, 69, 0.1);
}

.brand-card.has-logo[b-75nxxcxavi] {
    border-left: 3px solid #28a745;
}

.brand-card.no-logo[b-75nxxcxavi] {
    border-left: 3px solid #dc3545;
}

.logo-preview[b-75nxxcxavi] {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    border-radius: 4px;
    overflow: hidden;
}

.logo-preview img[b-75nxxcxavi] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.logo-placeholder[b-75nxxcxavi] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #6c757d 0%, #495057 100%);
    color: white;
    font-weight: 600;
    font-size: 0.8em;
}

.brand-info[b-75nxxcxavi] {
    overflow: hidden;
    min-width: 0;
}

.brand-name[b-75nxxcxavi] {
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.95em;
}

.brand-code[b-75nxxcxavi] {
    font-size: 0.75em;
    color: #6c757d;
    font-family: monospace;
}

.logo-meta[b-75nxxcxavi] {
    font-size: 0.75em;
    color: #6c757d;
    margin-top: 1px;
}

.brand-domain[b-75nxxcxavi] {
    min-width: 0;
}

.brand-domain[b-75nxxcxavi]  .e-textbox {
    font-size: 0.85em;
}

.brand-domain[b-75nxxcxavi]  .domain-input {
    width: 100%;
}

.brand-actions[b-75nxxcxavi] {
    display: flex;
    gap: 2px;
}

.brand-actions[b-75nxxcxavi]  .e-btn {
    padding: 4px 6px;
    min-width: unset;
}

.attribution[b-75nxxcxavi] {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    text-align: center;
    color: #6c757d;
    font-size: 0.9em;
}

.attribution a[b-75nxxcxavi] {
    color: #0066cc;
}

/* Dialog Form Styles */
.dialog-form[b-75nxxcxavi] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.form-group[b-75nxxcxavi] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-group label[b-75nxxcxavi] {
    font-weight: 500;
    font-size: 0.9em;
    color: #333;
}

.form-group .required[b-75nxxcxavi] {
    color: #dc3545;
}

.form-hint[b-75nxxcxavi] {
    font-size: 0.8em;
    color: #6c757d;
}

/* Responsive adjustments */
@media (max-width: 900px) {
    .brands-list[b-75nxxcxavi] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .brand-card[b-75nxxcxavi] {
        grid-template-columns: 46px 1fr;
        grid-template-rows: auto auto auto;
    }

    .logo-preview[b-75nxxcxavi] {
        grid-row: span 2;
    }

    .brand-domain[b-75nxxcxavi] {
        grid-column: span 2;
    }

    .brand-actions[b-75nxxcxavi] {
        grid-column: span 2;
        justify-content: flex-end;
    }

    .toolbar[b-75nxxcxavi] {
        flex-direction: column;
    }

    .toolbar[b-75nxxcxavi]  .e-btn {
        width: 100%;
    }
}
/* /Pages/Firmware/Firmware.razor.rz.scp.css */
.firmware-container[b-f6rmy97lb4] {
    padding: 20px;
}

.page-header[b-f6rmy97lb4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.page-header h3[b-f6rmy97lb4] {
    margin: 0;
    color: #333;
}

.loading[b-f6rmy97lb4] {
    text-align: center;
    padding: 40px;
    color: #666;
    font-style: italic;
}

.action-buttons[b-f6rmy97lb4] {
    display: flex;
    gap: 5px;
    justify-content: center;
}

.edit-form[b-f6rmy97lb4] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-row[b-f6rmy97lb4] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.form-row label[b-f6rmy97lb4] {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}

.file-info[b-f6rmy97lb4] {
    margin-top: 8px;
    padding: 8px 12px;
    background-color: #f0f7ff;
    border-radius: 4px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.file-name[b-f6rmy97lb4] {
    font-weight: 500;
    color: #333;
}

.file-size[b-f6rmy97lb4] {
    color: #666;
    font-size: 13px;
}

.current-file-info[b-f6rmy97lb4] {
    padding: 10px;
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #666;
}

.warning-text[b-f6rmy97lb4] {
    color: #d32f2f;
    font-weight: 500;
    margin-top: 10px;
}

[b-f6rmy97lb4] .e-grid .e-headercell {
    background-color: #f8f9fa;
    font-weight: 600;
}

[b-f6rmy97lb4] .e-grid .e-rowcell {
    padding: 8px 12px;
}

[b-f6rmy97lb4] .e-dialog .e-dlg-header {
    font-size: 18px;
    font-weight: 600;
}

[b-f6rmy97lb4] .e-upload {
    border: 2px dashed #ccc;
    border-radius: 4px;
}

[b-f6rmy97lb4] .e-upload .e-file-select-wrap {
    padding: 20px;
}

/* Display Selection badge styles */
.badge-yes[b-f6rmy97lb4] {
    display: inline-block;
    padding: 3px 10px;
    background-color: #28a745;
    color: white;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

.badge-no[b-f6rmy97lb4] {
    display: inline-block;
    padding: 3px 10px;
    background-color: #6c757d;
    color: white;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
}

/* Checkbox row styling */
.checkbox-row[b-f6rmy97lb4] {
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 4px;
    border: 1px solid #e9ecef;
}

.checkbox-row .help-text[b-f6rmy97lb4] {
    margin-top: 6px;
    font-size: 12px;
    color: #6c757d;
}
/* /Pages/FleetioIntegration/FleetioIntegration.razor.rz.scp.css */
/* Fleetio Integration Styles - matches WEX Integration pattern */

/* Filter Section */
.filter-section[b-bjzbfq3t84] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}

.filter-row[b-bjzbfq3t84] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
}

.filter-group[b-bjzbfq3t84] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

  .filter-group label[b-bjzbfq3t84] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
  }

  .filter-group select[b-bjzbfq3t84],
  .filter-group input[type="date"][b-bjzbfq3t84],
  .filter-group input[type="text"][b-bjzbfq3t84] {
    min-width: 200px;
  }

  .filter-group .form-check[b-bjzbfq3t84] {
    padding-top: 8px;
  }

/* Tabs */
.nav-tabs[b-bjzbfq3t84] {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
}

  .nav-tabs .nav-link[b-bjzbfq3t84] {
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    color: #6c757d;
    padding: 10px 16px;
  }

    .nav-tabs .nav-link:hover[b-bjzbfq3t84] {
      border-bottom-color: #adb5bd;
      color: #495057;
    }

    .nav-tabs .nav-link.active[b-bjzbfq3t84] {
      border-bottom-color: #0d6efd;
      color: #0d6efd;
      font-weight: 600;
    }

    .nav-tabs .nav-link .badge[b-bjzbfq3t84] {
      font-size: 0.7rem;
    }

    .nav-tabs .nav-link.active .badge[b-bjzbfq3t84] {
      background-color: #198754 !important;
    }

    .nav-tabs .nav-link.disabled[b-bjzbfq3t84] {
      color: #ccc;
      pointer-events: none;
    }

/* Tab Content */
.tab-content[b-bjzbfq3t84] {
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
  background: white;
  margin-bottom: 25px;
}

.tab-pane-content[b-bjzbfq3t84] {
  padding: 15px;
}

/* Sub-filter row within tabs */
.sub-filter-row[b-bjzbfq3t84] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

  .sub-filter-row .filter-group[b-bjzbfq3t84] {
    min-width: auto;
  }

    .sub-filter-row .filter-group label[b-bjzbfq3t84] {
      font-size: 0.75rem;
    }

  .sub-filter-row .form-control[b-bjzbfq3t84],
  .sub-filter-row .form-select[b-bjzbfq3t84] {
    min-width: 150px;
  }

/* Table Styles */
.table[b-bjzbfq3t84] {
  margin-bottom: 0;
}

  .table th[b-bjzbfq3t84] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
  }

  .table td[b-bjzbfq3t84] {
    vertical-align: middle;
    font-size: 0.875rem;
  }

.table-hover tbody tr:hover[b-bjzbfq3t84] {
  background-color: #f0f7ff;
}

/* Status Badges */
.status-badge[b-bjzbfq3t84] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.status-success[b-bjzbfq3t84] {
  background: #d4edda;
  color: #155724;
}

.status-error[b-bjzbfq3t84] {
  background: #f8d7da;
  color: #721c24;
}

.status-warning[b-bjzbfq3t84] {
  background: #fff3cd;
  color: #856404;
}

.status-info[b-bjzbfq3t84] {
  background: #d1ecf1;
  color: #0c5460;
}

.status-pending[b-bjzbfq3t84] {
  background: #e2e3e5;
  color: #383d41;
}

.status-default[b-bjzbfq3t84] {
  background: #e9ecef;
  color: #495057;
}

.status-archived[b-bjzbfq3t84] {
  background: #6c757d;
  color: #fff;
}

/* Record Counts */
.record-count[b-bjzbfq3t84] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #6c757d;
  margin-right: 4px;
}

  .record-count .oi[b-bjzbfq3t84] {
    font-size: 0.65rem;
  }

/* Extra small button */
.btn-xs[b-bjzbfq3t84] {
  padding: 1px 4px;
  font-size: 0.7rem;
  line-height: 1.3;
}

/* Cell Styles */
.nowrap[b-bjzbfq3t84] {
  white-space: nowrap;
}

.mono[b-bjzbfq3t84] {
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.8rem;
}

.error-cell[b-bjzbfq3t84] {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #dc3545;
  font-size: 0.8rem;
}

.action-cell[b-bjzbfq3t84] {
  white-space: nowrap;
}

  .action-cell .btn[b-bjzbfq3t84] {
    padding: 2px 6px;
    margin-right: 4px;
  }

    .action-cell .btn:last-child[b-bjzbfq3t84] {
      margin-right: 0;
    }

/* Loading/Empty States */
.loading-indicator[b-bjzbfq3t84] {
  text-align: center;
  padding: 40px;
  color: #6c757d;
}

.empty-state[b-bjzbfq3t84] {
  text-align: center;
  padding: 60px 20px;
  color: #adb5bd;
}

  .empty-state .oi[b-bjzbfq3t84] {
    font-size: 3rem;
    display: block;
    margin-bottom: 15px;
  }

  .empty-state p[b-bjzbfq3t84] {
    font-size: 1rem;
    margin: 0;
  }

/* Pagination */
.pagination-container[b-bjzbfq3t84] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
  border-top: 1px solid #dee2e6;
  margin-top: 15px;
}

.pagination-info[b-bjzbfq3t84] {
  font-size: 0.85rem;
  color: #6c757d;
}

.pagination .page-link[b-bjzbfq3t84] {
  padding: 4px 10px;
  font-size: 0.85rem;
}

/* Modal Styles */
.modal-backdrop[b-bjzbfq3t84] {
  z-index: 1040;
}

.modal[b-bjzbfq3t84] {
  z-index: 1050;
}

.modal-dialog-scrollable .modal-body[b-bjzbfq3t84] {
  max-height: calc(100vh - 210px);
}

.modal-content[b-bjzbfq3t84] {
  border-radius: 8px;
}

.modal-header[b-bjzbfq3t84] {
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 1.25rem;
}

.modal-header .modal-title[b-bjzbfq3t84] {
  font-size: 1.1rem;
  font-weight: 600;
}

.modal-header .btn-close[b-bjzbfq3t84] {
  padding: 0.75rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-body[b-bjzbfq3t84] {
  padding: 1.25rem;
}

.modal-body .form-label[b-bjzbfq3t84] {
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}

.modal-body .form-control[b-bjzbfq3t84],
.modal-body .form-select[b-bjzbfq3t84] {
  font-size: 0.9rem;
}

.modal-body .form-text[b-bjzbfq3t84] {
  font-size: 0.8rem;
  color: #6c757d;
}

.modal-body .alert[b-bjzbfq3t84] {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 0.875rem;
}

.modal-footer[b-bjzbfq3t84] {
  border-top: 1px solid #dee2e6;
  padding: 1rem 1.25rem;
}

/* Font monospace in modal */
.font-monospace[b-bjzbfq3t84] {
  font-family: 'Consolas', 'Monaco', monospace;
}

/* Connection test result colors */
.text-success[b-bjzbfq3t84] {
  color: #198754 !important;
  font-weight: 500;
}

.text-danger[b-bjzbfq3t84] {
  color: #dc3545 !important;
}

/* Count box in tabs */
.countBox[b-bjzbfq3t84] {
  color: #f0fff0 !important;
  background-color: #001000 !important;
}

/* Sticky table header in modals */
.sticky-top[b-bjzbfq3t84] {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* Table inside modal scroll area */
.modal-body .table-responsive[b-bjzbfq3t84] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
  .filter-row[b-bjzbfq3t84] {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-group select[b-bjzbfq3t84],
  .filter-group input[b-bjzbfq3t84] {
    min-width: 100%;
  }

  .pagination-container[b-bjzbfq3t84] {
    flex-direction: column;
    gap: 10px;
  }

  .sub-filter-row[b-bjzbfq3t84] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Pages/FuelStations/FuelStationDirectory.razor.rz.scp.css */
.station-directory-container[b-trk2i5j6mj] {
  padding: 20px;
}

.page-header[b-trk2i5j6mj] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
}

.page-header h3[b-trk2i5j6mj] {
  margin: 0;
}

.page-header .subtitle[b-trk2i5j6mj] {
  color: #666;
  font-size: 13px;
  margin: 4px 0 0 0;
}

.header-actions[b-trk2i5j6mj] {
  display: flex;
  gap: 8px;
}

/* ── Stats Bar ── */
.stats-bar[b-trk2i5j6mj] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 16px;
}

.stat-card[b-trk2i5j6mj] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 16px;
  min-width: 90px;
  text-align: center;
}

.stat-value[b-trk2i5j6mj] {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
}

.stat-label[b-trk2i5j6mj] {
  font-size: 11px;
  color: #888;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* ── Filter Bar ── */
.filter-bar[b-trk2i5j6mj] {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  align-items: flex-end;
  margin-bottom: 12px;
  padding: 12px 16px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e8e8e8;
}

.filter-item[b-trk2i5j6mj] {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 140px;
}

.filter-item label[b-trk2i5j6mj] {
  font-size: 11px;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}

.filter-check[b-trk2i5j6mj] {
  min-width: auto;
  justify-content: flex-end;
}

.filter-check label[b-trk2i5j6mj] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;
  cursor: pointer;
}

.filter-actions[b-trk2i5j6mj] {
  display: flex;
  gap: 6px;
  align-items: flex-end;
  margin-left: auto;
}

.result-count[b-trk2i5j6mj] {
  font-size: 13px;
  color: #666;
  margin-bottom: 8px;
}

/* ── Grid ── */
.amenity-badges[b-trk2i5j6mj] {
  display: flex;
  gap: 4px;
  justify-content: center;
}

.badge[b-trk2i5j6mj] {
  display: inline-block;
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

.badge-diesel[b-trk2i5j6mj] {
  background: #ffeeba;
  color: #856404;
}

.badge-def[b-trk2i5j6mj] {
  background: #d4edda;
  color: #155724;
}

.badge-truck[b-trk2i5j6mj] {
  background: #d1ecf1;
  color: #0c5460;
  font-size: 12px;
}

.status-dot[b-trk2i5j6mj] {
  font-size: 14px;
}

.status-dot.active[b-trk2i5j6mj] {
  color: #28a745;
}

.status-dot.inactive[b-trk2i5j6mj] {
  color: #dc3545;
}

.action-buttons[b-trk2i5j6mj] {
  display: flex;
  gap: 4px;
  justify-content: center;
}

.loading[b-trk2i5j6mj] {
  padding: 40px;
  text-align: center;
  color: #666;
}

/* ── Edit Dialog ── */
.edit-form.two-col[b-trk2i5j6mj] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  padding: 10px;
}

.edit-form .span-2[b-trk2i5j6mj] {
  grid-column: span 2;
}

.edit-form .form-group label[b-trk2i5j6mj] {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  margin-bottom: 4px;
}

.edit-error[b-trk2i5j6mj] {
  background: #f8d7da;
  color: #721c24;
  padding: 8px 12px;
  border-radius: 4px;
  margin-bottom: 12px;
  font-size: 13px;
}

.amenity-checks .check-row[b-trk2i5j6mj] {
  display: flex;
  gap: 16px;
}

.amenity-checks .check-row label[b-trk2i5j6mj] {
  display: flex;
  align-items: center;
  gap: 4px;
  font-weight: normal;
  cursor: pointer;
  font-size: 13px;
}

/* ── Import Dialog ── */
.import-section[b-trk2i5j6mj] {
  padding: 8px 0;
}

.import-section h4[b-trk2i5j6mj] {
  margin: 0 0 6px 0;
  font-size: 15px;
}

.import-state-select[b-trk2i5j6mj] {
  display: flex;
  gap: 10px;
  align-items: flex-end;
  margin-top: 10px;
}

.import-state-select label[b-trk2i5j6mj] {
  font-weight: 600;
  font-size: 13px;
  white-space: nowrap;
  align-self: center;
}

.import-progress[b-trk2i5j6mj] {
  margin-top: 14px;
  padding: 12px;
  background: #f0f4ff;
  border-radius: 6px;
}

.import-progress p[b-trk2i5j6mj] {
  margin: 6px 0;
  font-size: 13px;
}

.progress-bar-container[b-trk2i5j6mj] {
  height: 8px;
  background: #ddd;
  border-radius: 4px;
  overflow: hidden;
  margin: 8px 0 4px;
}

.progress-bar-fill[b-trk2i5j6mj] {
  height: 100%;
  background: #4285f4;
  border-radius: 4px;
  transition: width 0.3s ease;
}

.import-result[b-trk2i5j6mj] {
  margin-top: 12px;
  padding: 10px 14px;
  border-radius: 4px;
  font-size: 13px;
}

.import-result.success[b-trk2i5j6mj] {
  background: #d4edda;
  color: #155724;
}

.import-result.error[b-trk2i5j6mj] {
  background: #f8d7da;
  color: #721c24;
}

/* ── Colors ── */
.text-success[b-trk2i5j6mj] { color: #28a745; }
.text-muted[b-trk2i5j6mj] { color: #999; }
.text-primary[b-trk2i5j6mj] { color: #4285f4; }
.text-info[b-trk2i5j6mj] { color: #17a2b8; }
/* /Pages/Index.razor.rz.scp.css */
.HelloSpartans[b-kk1lfgaqbp] {
  font-family: Calibri;
  font-size: 36px;
  font-weight: bold;
  color: white;
}

.InfoText[b-kk1lfgaqbp] {
  font-family: Calibri;
  font-size: 24px;
  color: white;
}

.InfoArea[b-kk1lfgaqbp] {
  margin: 16px;
  left: 0;
  width: calc(100% - 36px);
  padding: 10px 30px;
  border-radius: 16px;
  border: 4px solid black;
  background-color: #004005;
  box-shadow: rgba(0, 20, 5, 0.2) 3px 3px 5px;
}
/* /Pages/LoginAudit/LoginAudit.razor.rz.scp.css */
/* Login Audit page */

.login-audit-page[b-7y1gh99cl2] {
  padding: 20px;
  max-width: 100%;
}

.page-header[b-7y1gh99cl2] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dee2e6;
  gap: 16px;
}

.page-header h3[b-7y1gh99cl2] {
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-left .info-text[b-7y1gh99cl2] {
  margin: 0;
  color: #6c757d;
  font-size: 0.9rem;
  max-width: 720px;
}

.header-actions[b-7y1gh99cl2] {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
}

.result-count[b-7y1gh99cl2] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #6f42c1;
  white-space: nowrap;
}

/* Summary strip */
.portfolio-strip[b-7y1gh99cl2] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.portfolio-card[b-7y1gh99cl2] {
  flex: 1 1 140px;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 12px 16px;
  min-width: 130px;
}

.portfolio-card-label[b-7y1gh99cl2] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 4px;
}

.portfolio-card-value[b-7y1gh99cl2] {
  font-size: 1.35rem;
  font-weight: 600;
  color: #212529;
}

.portfolio-card-warn[b-7y1gh99cl2] {
  border-color: #d97706;
  background: #fffbeb;
}

.portfolio-card-warn .portfolio-card-value[b-7y1gh99cl2] {
  color: #b45309;
}

/* Histogram */
.histogram-section[b-7y1gh99cl2],
.host-section[b-7y1gh99cl2],
.grid-section[b-7y1gh99cl2] {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.section-title-row[b-7y1gh99cl2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}

.section-title-row h4[b-7y1gh99cl2] {
  margin: 0;
  font-size: 1rem;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.section-sub[b-7y1gh99cl2] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6c757d;
}

.histogram-bars[b-7y1gh99cl2] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.histogram-bar[b-7y1gh99cl2] {
  display: grid;
  grid-template-columns: minmax(140px, 220px) 1fr minmax(140px, 180px);
  gap: 10px;
  align-items: center;
  width: 100%;
  border: 1px solid transparent;
  background: #f8f9fa;
  border-radius: 6px;
  padding: 6px 10px;
  cursor: pointer;
  text-align: left;
  transition: background 0.12s ease, border-color 0.12s ease;
}

.histogram-bar:hover[b-7y1gh99cl2] {
  background: #eef2ff;
  border-color: #c7d2fe;
}

.histogram-bar.selected[b-7y1gh99cl2] {
  background: #e0e7ff;
  border-color: #6366f1;
}

.histogram-bar-label[b-7y1gh99cl2] {
  font-size: 0.85rem;
  font-weight: 500;
  color: #343a40;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.histogram-bar-track[b-7y1gh99cl2] {
  height: 12px;
  background: #e9ecef;
  border-radius: 6px;
  overflow: hidden;
}

.histogram-bar-fill[b-7y1gh99cl2] {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6);
  border-radius: 6px;
  min-width: 2px;
}

.histogram-bar.selected .histogram-bar-fill[b-7y1gh99cl2] {
  background: linear-gradient(90deg, #4f46e5, #7c3aed);
}

.histogram-bar-count[b-7y1gh99cl2] {
  font-size: 0.8rem;
  font-weight: 600;
  color: #212529;
  text-align: right;
  white-space: nowrap;
}

.count-kind[b-7y1gh99cl2] {
  font-size: 0.7rem;
  font-weight: 600;
  color: #6c757d;
  text-transform: uppercase;
}

.count-events[b-7y1gh99cl2] {
  font-size: 0.72rem;
  font-weight: 500;
  color: #6c757d;
  margin-left: 4px;
}

/* Filters */
.filters-section[b-7y1gh99cl2] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 16px;
}

.filter-row[b-7y1gh99cl2] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

.filter-item[b-7y1gh99cl2] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 160px;
}

.filter-item-wide[b-7y1gh99cl2] {
  min-width: 260px;
  flex: 1 1 260px;
}

.filter-item label[b-7y1gh99cl2] {
  font-size: 0.85rem;
  font-weight: 500;
  color: #495057;
}

.filter-actions[b-7y1gh99cl2] {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.loading-section[b-7y1gh99cl2] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: #6c757d;
}

.empty-hint[b-7y1gh99cl2] {
  color: #6c757d;
  font-style: italic;
  padding: 12px 0;
}

/* Badges in detail grid */
.badge-event[b-7y1gh99cl2] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  background: #dbeafe;
  color: #1e40af;
  text-transform: uppercase;
}

.badge-debounced[b-7y1gh99cl2] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  background: #f3e8ff;
  color: #6b21a8;
  text-transform: uppercase;
}

.badge-row[b-7y1gh99cl2] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.7rem;
  font-weight: 700;
  background: #e9ecef;
  color: #495057;
  text-transform: uppercase;
}

.alert[b-7y1gh99cl2] {
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
  font-size: 0.9rem;
  line-height: 1.45;
}

.alert-info[b-7y1gh99cl2] {
  background: #e7f1ff;
  border: 1px solid #b6d4fe;
  color: #084298;
}

.alert-danger[b-7y1gh99cl2] {
  background: #f8d7da;
  border: 1px solid #f5c2c7;
  color: #842029;
}

code[b-7y1gh99cl2] {
  font-size: 0.85em;
  background: rgba(0, 0, 0, 0.06);
  padding: 1px 4px;
  border-radius: 3px;
}
/* /Pages/Mansplainer/MansplainerPro.razor.rz.scp.css */
.mansplainer-page[b-flgek5pfqi] {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Header Section */
.header-section[b-flgek5pfqi] {
  text-align: center;
  margin-bottom: 30px;
}

.logo-container[b-flgek5pfqi] {
  background: linear-gradient(135deg, #f0f8ff 0%, #e6f3ff 100%);
  border: 3px dashed #4a90d9;
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 15px;
  position: relative;
}

.land-sea-logo[b-flgek5pfqi] {
  width: 250px;
  height: 125px;
}

.premium-badge[b-flgek5pfqi] {
  background: linear-gradient(90deg, #ffd700, #ffed4a, #ffd700);
  color: #333;
  padding: 8px 20px;
  border-radius: 20px;
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  box-shadow: 0 2px 10px rgba(255, 215, 0, 0.4);
  animation: shimmer-b-flgek5pfqi 2s infinite;
}

@keyframes shimmer-b-flgek5pfqi {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.8; }
}

/* Main Console */
.mansplainer-console[b-flgek5pfqi] {
  background: linear-gradient(180deg, #1a1a2e 0%, #16213e 100%);
  border-radius: 15px;
  padding: 25px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
  border: 2px solid #0f3460;
}

.console-header[b-flgek5pfqi] {
  text-align: center;
  margin-bottom: 25px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0f3460;
}

.console-title[b-flgek5pfqi] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.console-title h1[b-flgek5pfqi] {
  color: #e94560;
  font-size: 2.2em;
  margin: 0;
  text-shadow: 0 0 20px rgba(233, 69, 96, 0.5);
  letter-spacing: 3px;
}

.title-icon[b-flgek5pfqi] {
  font-size: 2em;
}

.subtitle[b-flgek5pfqi] {
  color: #a0a0a0;
  font-size: 14px;
  margin-top: 10px;
  font-style: italic;
}

.version-badge[b-flgek5pfqi] {
  color: #4a90d9;
  font-size: 11px;
  margin-top: 8px;
  font-family: monospace;
}

/* Insight Frame */
.insight-frame[b-flgek5pfqi] {
  background: linear-gradient(135deg, #1f1f3a 0%, #2a2a4a 100%);
  border: 2px solid #4a90d9;
  border-radius: 10px;
  padding: 25px;
  margin-bottom: 20px;
  position: relative;
}

.insight-header[b-flgek5pfqi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #3a3a5a;
}

.insight-label[b-flgek5pfqi] {
  color: #4a90d9;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.classification[b-flgek5pfqi] {
  color: #ffd700;
  font-size: 10px;
  background: rgba(255, 215, 0, 0.1);
  padding: 4px 10px;
  border-radius: 10px;
  border: 1px solid #ffd700;
}

.insight-content[b-flgek5pfqi] {
  position: relative;
  padding: 20px 40px;
  min-height: 80px;
  display: flex;
  align-items: center;
}

.quote-mark[b-flgek5pfqi] {
  font-size: 60px;
  color: #e94560;
  opacity: 0.3;
  position: absolute;
  font-family: Georgia, serif;
  line-height: 1;
}

.quote-mark:first-of-type[b-flgek5pfqi] {
  top: 0;
  left: 10px;
}

.quote-mark.closing[b-flgek5pfqi] {
  bottom: -20px;
  right: 10px;
}

.insight-text[b-flgek5pfqi] {
  color: #ffffff;
  font-size: 1.4em;
  line-height: 1.6;
  text-align: center;
  margin: 0 auto;
  font-style: italic;
}

.insight-footer[b-flgek5pfqi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 15px;
  border-top: 1px solid #3a3a5a;
}

.author[b-flgek5pfqi] {
  color: #e94560;
  font-size: 12px;
  font-weight: bold;
}

.timestamp[b-flgek5pfqi] {
  color: #666;
  font-size: 11px;
  font-family: monospace;
}

/* Control Panel */
.control-panel[b-flgek5pfqi] {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-bottom: 25px;
}

.btn-insight[b-flgek5pfqi] {
  background: linear-gradient(135deg, #4a90d9 0%, #357abd 100%);
  color: white;
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-insight:hover[b-flgek5pfqi] {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(74, 144, 217, 0.4);
}

.btn-insight.btn-random[b-flgek5pfqi] {
  background: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
}

.btn-insight.btn-random:hover[b-flgek5pfqi] {
  box-shadow: 0 5px 20px rgba(155, 89, 182, 0.4);
}

.btn-icon[b-flgek5pfqi] {
  font-size: 16px;
}

/* Communications Panel */
.comms-panel[b-flgek5pfqi] {
  background: linear-gradient(135deg, #1f2937 0%, #111827 100%);
  border: 2px solid #374151;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 25px;
}

.comms-header[b-flgek5pfqi] {
  color: #10b981;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #374151;
}

.recipient-info[b-flgek5pfqi] {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  background: rgba(16, 185, 129, 0.1);
  padding: 12px 15px;
  border-radius: 8px;
  margin-bottom: 15px;
}

.recipient-name[b-flgek5pfqi], .recipient-phone[b-flgek5pfqi], .recipient-email[b-flgek5pfqi] {
  color: #9ca3af;
  font-size: 13px;
}

.token-display[b-flgek5pfqi] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  background: rgba(59, 130, 246, 0.1);
  border-radius: 8px;
  margin-bottom: 15px;
}

.token-label[b-flgek5pfqi] {
  color: #9ca3af;
  font-size: 13px;
}

.token-count[b-flgek5pfqi] {
  color: #10b981;
  font-size: 18px;
  font-weight: bold;
  font-family: monospace;
}

.token-count.low[b-flgek5pfqi] {
  color: #ef4444;
  animation: pulse-b-flgek5pfqi 1s infinite;
}

@keyframes pulse-b-flgek5pfqi {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.token-regen[b-flgek5pfqi] {
  color: #6b7280;
  font-size: 11px;
  font-style: italic;
}

.send-buttons[b-flgek5pfqi] {
  display: flex;
  gap: 15px;
  justify-content: center;
}

.btn-send[b-flgek5pfqi] {
  flex: 1;
  padding: 15px 20px;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.btn-send:disabled[b-flgek5pfqi] {
  opacity: 0.5;
  cursor: not-allowed;
}

.btn-sms[b-flgek5pfqi] {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}

.btn-sms:hover:not(:disabled)[b-flgek5pfqi] {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(16, 185, 129, 0.4);
}

.btn-email[b-flgek5pfqi] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}

.btn-email:hover:not(:disabled)[b-flgek5pfqi] {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(59, 130, 246, 0.4);
}

.sending-indicator[b-flgek5pfqi] {
  animation: blink-b-flgek5pfqi 0.5s infinite;
}

@keyframes blink-b-flgek5pfqi {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.rate-limit-warning[b-flgek5pfqi] {
  text-align: center;
  color: #fbbf24;
  font-size: 12px;
  margin-top: 15px;
  padding: 10px;
  background: rgba(251, 191, 36, 0.1);
  border-radius: 6px;
  border: 1px solid rgba(251, 191, 36, 0.3);
}

.status-message[b-flgek5pfqi] {
  text-align: center;
  padding: 12px;
  border-radius: 6px;
  margin-top: 15px;
  font-size: 13px;
}

.status-message.success[b-flgek5pfqi] {
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

.status-message.error[b-flgek5pfqi] {
  background: rgba(239, 68, 68, 0.1);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.3);
}

/* Invoice Footer */
.invoice-footer[b-flgek5pfqi] {
  background: linear-gradient(135deg, #fefce8 0%, #fef9c3 100%);
  border: 2px solid #eab308;
  border-radius: 10px;
  overflow: hidden;
}

.invoice-header[b-flgek5pfqi] {
  background: linear-gradient(135deg, #eab308 0%, #ca8a04 100%);
  color: white;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 13px;
  text-align: center;
}

.invoice-content[b-flgek5pfqi] {
  padding: 15px 20px;
}

.invoice-row[b-flgek5pfqi] {
  display: flex;
  justify-content: space-between;
  padding: 8px 0;
  color: #713f12;
  font-size: 13px;
  border-bottom: 1px dashed #fde047;
}

.invoice-row:last-of-type[b-flgek5pfqi] {
  border-bottom: none;
}

.invoice-row.total[b-flgek5pfqi] {
  font-weight: bold;
  font-size: 15px;
  color: #854d0e;
  border-top: 2px solid #eab308;
  border-bottom: none;
  margin-top: 10px;
  padding-top: 12px;
}

.invoice-terms[b-flgek5pfqi] {
  text-align: center;
  font-size: 10px;
  color: #a16207;
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #fde047;
  font-style: italic;
}

/* Fine Print */
.fine-print[b-flgek5pfqi] {
  text-align: center;
  font-size: 10px;
  color: #666;
  margin-top: 25px;
  padding: 15px;
  line-height: 1.6;
  font-style: italic;
}

/* Responsive */
@media (max-width: 600px) {
  .mansplainer-page[b-flgek5pfqi] {
    padding: 10px;
  }
  
  .console-title h1[b-flgek5pfqi] {
    font-size: 1.5em;
    letter-spacing: 1px;
  }
  
  .insight-text[b-flgek5pfqi] {
    font-size: 1.1em;
  }
  
  .control-panel[b-flgek5pfqi] {
    flex-direction: column;
  }
  
  .send-buttons[b-flgek5pfqi] {
    flex-direction: column;
  }
  
  .recipient-info[b-flgek5pfqi] {
    flex-direction: column;
    gap: 5px;
    text-align: center;
  }
  
  .insight-footer[b-flgek5pfqi] {
    flex-direction: column;
    gap: 10px;
    text-align: center;
  }
  
  .token-display[b-flgek5pfqi] {
    flex-wrap: wrap;
    justify-content: center;
  }
}

/* Message Preview Section */
.message-preview-section[b-flgek5pfqi] {
  margin-top: 20px;
  background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  border: 2px solid #334155;
  border-radius: 10px;
  overflow: hidden;
}

.preview-header[b-flgek5pfqi] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 15px;
  background: #1e293b;
  border-bottom: 1px solid #334155;
  color: #94a3b8;
  font-size: 13px;
  font-weight: bold;
}

.preview-tabs[b-flgek5pfqi] {
  display: flex;
  gap: 5px;
}

.preview-tab[b-flgek5pfqi] {
  background: #334155;
  color: #94a3b8;
  border: none;
  padding: 6px 14px;
  border-radius: 5px;
  font-size: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.preview-tab:hover[b-flgek5pfqi] {
  background: #475569;
}

.preview-tab.active[b-flgek5pfqi] {
  background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
  color: white;
}

.preview-content[b-flgek5pfqi] {
  padding: 15px;
  max-height: 300px;
  overflow-y: auto;
}

.preview-content pre[b-flgek5pfqi] {
  margin: 0;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 12px;
  line-height: 1.5;
  color: #e2e8f0;
  background: transparent;
}

.preview-actions[b-flgek5pfqi] {
  padding: 12px 15px;
  background: #1e293b;
  border-top: 1px solid #334155;
  display: flex;
  justify-content: center;
}

.btn-copy[b-flgek5pfqi] {
  background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);
  color: white;
  border: none;
  padding: 10px 25px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  gap: 8px;
}

.btn-copy:hover[b-flgek5pfqi] {
  transform: translateY(-2px);
  box-shadow: 0 5px 20px rgba(139, 92, 246, 0.4);
}
/* /Pages/Mockups.razor.rz.scp.css */
.mockups-host[b-5gfg5r0q3v] {
  position: absolute;
  inset: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #0f1419;
  display: flex;
  flex-direction: column;
}

/* When absolute fill isn't available (layout constraints), fall back to viewport height. */
:global(.platform-content:has(.mockups-host))[b-5gfg5r0q3v] {
  position: relative;
  padding: 0 !important;
  overflow: hidden;
}

.mockups-switcher[b-5gfg5r0q3v] {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  background: #1a222c;
  border-bottom: 1px solid #2a3540;
  padding: 0 0.5rem;
}

.mockups-tab[b-5gfg5r0q3v] {
  appearance: none;
  border: 0;
  background: transparent;
  color: #9aa7b5;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 0.65rem 1rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  white-space: nowrap;
}

.mockups-tab:hover[b-5gfg5r0q3v] {
  color: #e6edf3;
  background: rgba(255, 255, 255, 0.04);
}

.mockups-tab.active[b-5gfg5r0q3v] {
  color: #e6edf3;
  border-bottom-color: #3d8bfd;
}

.mockups-tab.concept.active[b-5gfg5r0q3v] {
  border-bottom-color: #c9a227;
}

.mockups-concept-badge[b-5gfg5r0q3v] {
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #1a1404;
  background: #c9a227;
  border-radius: 999px;
  padding: 0.12rem 0.45rem;
}

.mockups-concept-banner[b-5gfg5r0q3v] {
  flex: 0 0 auto;
  background: #3a2e0a;
  color: #f3e4a8;
  font-size: 0.8rem;
  font-weight: 600;
  padding: 0.4rem 1rem;
  border-bottom: 1px solid #c9a227;
}

.mockups-frame[b-5gfg5r0q3v] {
  display: block;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 56px - 42px);
  border: 0;
  background: #0f1419;
}
/* /Pages/Moods/MoodTime.razor.rz.scp.css */
/* Mood Time - Epic Styles */

.MoodFrame[b-wwdayxns15] {
  position: absolute;
  left: 250px;
  top: 55px;
  right: 0;
  bottom: 0;
  min-height: calc(100vh - 3.5rem) !important;
  max-height: calc(100vh - 3.5rem) !important;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  transition: all 0.3s ease;
}

  .MoodFrame.Fullscreen[b-wwdayxns15] {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    min-height: 100vh !important;
    max-height: 100vh !important;
    z-index: 9999;
  }

/* Animated Background */
.AnimatedBackground[b-wwdayxns15] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}

.BackgroundOrb[b-wwdayxns15] {
  position: absolute;
  border-radius: 50%;
  filter: blur(60px);
  opacity: 0.4;
  animation: float-b-wwdayxns15 20s ease-in-out infinite;
}

.Orb1[b-wwdayxns15] {
  width: 400px;
  height: 400px;
  background: linear-gradient(135deg, #00a040, #00c050);
  top: -100px;
  left: -100px;
  animation-delay: 0s;
}

.Orb2[b-wwdayxns15] {
  width: 300px;
  height: 300px;
  background: linear-gradient(135deg, #667eea, #764ba2);
  bottom: -50px;
  right: -50px;
  animation-delay: 7s;
}

.Orb3[b-wwdayxns15] {
  width: 350px;
  height: 350px;
  background: linear-gradient(135deg, #f093fb, #f5576c);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation-delay: 14s;
}

@keyframes float-b-wwdayxns15 {
  0%, 100% {
    transform: translate(0, 0) scale(1);
  }

  33% {
    transform: translate(100px, -100px) scale(1.1);
  }

  66% {
    transform: translate(-50px, 50px) scale(0.9);
  }
}

.FloatingParticle[b-wwdayxns15] {
  position: absolute;
  font-size: 2rem;
  animation: floatParticle-b-wwdayxns15 15s ease-in-out infinite;
  opacity: 0.6;
}

.Particle1[b-wwdayxns15] {
  top: 20%;
  left: 10%;
  animation-delay: 0s;
}

.Particle2[b-wwdayxns15] {
  top: 60%;
  right: 15%;
  animation-delay: 3s;
}

.Particle3[b-wwdayxns15] {
  bottom: 20%;
  left: 20%;
  animation-delay: 6s;
}

.Particle4[b-wwdayxns15] {
  top: 40%;
  right: 30%;
  animation-delay: 9s;
}

@keyframes floatParticle-b-wwdayxns15 {
  0%, 100% {
    transform: translate(0, 0) rotate(0deg);
    opacity: 0.6;
  }

  50% {
    transform: translate(50px, -80px) rotate(180deg);
    opacity: 0.3;
  }
}

/* Top Bar */
.TopBar[b-wwdayxns15] {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  flex-shrink: 0;
}

.MoodLogo[b-wwdayxns15] {
  display: flex;
  align-items: center;
  gap: 12px;
  animation: pulse-b-wwdayxns15 2s ease-in-out infinite;
}

.LogoIcon[b-wwdayxns15] {
  font-size: 2.5rem;
  animation: rotate-b-wwdayxns15 3s linear infinite;
}

@keyframes rotate-b-wwdayxns15 {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.LogoText[b-wwdayxns15] {
  font-size: 2rem;
  font-weight: 900;
  background: linear-gradient(90deg, #fff, #f0f0f0, #fff);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer-b-wwdayxns15 2s linear infinite;
  letter-spacing: 2px;
}

@keyframes shimmer-b-wwdayxns15 {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.Stats[b-wwdayxns15] {
  display: flex;
  gap: 15px;
}

.StatBadge[b-wwdayxns15] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  font-weight: 700;
  color: white;
  transition: all 0.3s ease;
}

  .StatBadge:hover[b-wwdayxns15] {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.05);
  }

.StatIcon[b-wwdayxns15] {
  font-size: 1.3rem;
}

.StatValue[b-wwdayxns15] {
  font-size: 1.2rem;
}

/* Video Container */
.VideoContainer[b-wwdayxns15] {
  position: relative;
  z-index: 5;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  min-height: 0;
}

.VideoWrapper[b-wwdayxns15] {
  position: relative;
  width: 90%;
  max-width: 1200px;
  max-height: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 0 100px rgba(102, 126, 234, 0.3);
  animation: videoEntry-b-wwdayxns15 0.6s ease-out;
}

@keyframes videoEntry-b-wwdayxns15 {
  from {
    opacity: 0;
    transform: scale(0.9) translateY(20px);
  }

  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

.CurrentVideoInfo[b-wwdayxns15] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
  display: flex;
  align-items: center;
  gap: 15px;
  z-index: 10;
  backdrop-filter: blur(5px);
}

.VideoEmoji[b-wwdayxns15] {
  font-size: 2rem;
  animation: bounce-b-wwdayxns15 1s ease-in-out infinite;
}

@keyframes bounce-b-wwdayxns15 {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}

.VideoTitle[b-wwdayxns15] {
  flex: 1;
  font-size: 1.5rem;
  font-weight: 700;
  color: white;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.VideoNumber[b-wwdayxns15] {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.3);
  padding: 5px 15px;
  border-radius: 20px;
}

.VideoPlayer[b-wwdayxns15] {
  width: 100%;
  height: 100%;
  border: none;
}

/* Floating Reactions */
.FloatingReactions[b-wwdayxns15] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 200px;
  pointer-events: none;
  overflow: hidden;
}

.Reaction[b-wwdayxns15] {
  position: absolute;
  font-size: 3rem;
  animation: floatUp-b-wwdayxns15 4s ease-out infinite;
  opacity: 0;
}

.Reaction1[b-wwdayxns15] {
  left: 20%;
  animation-delay: 0s;
}

.Reaction2[b-wwdayxns15] {
  left: 50%;
  animation-delay: 1.5s;
}

.Reaction3[b-wwdayxns15] {
  left: 75%;
  animation-delay: 3s;
}

@keyframes floatUp-b-wwdayxns15 {
  0% {
    bottom: -50px;
    opacity: 0;
    transform: translateX(0) rotate(0deg);
  }

  20% {
    opacity: 1;
  }

  80% {
    opacity: 1;
  }

  100% {
    bottom: 250px;
    opacity: 0;
    transform: translateX(50px) rotate(360deg);
  }
}

/* Control Panel */
.ControlPanel[b-wwdayxns15] {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 40px;
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(10px);
  flex-shrink: 0;
}

.MainControls[b-wwdayxns15] {
  display: flex;
  gap: 20px;
  align-items: center;
}

.SecondaryControls[b-wwdayxns15] {
  display: flex;
  gap: 15px;
  margin-right: 150px;
}

.ControlButton[b-wwdayxns15] {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: 2rem;
  color: white;
}

  .ControlButton:hover[b-wwdayxns15] {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }

  .ControlButton:active[b-wwdayxns15] {
    transform: scale(0.95);
  }

  .ControlButton.Active[b-wwdayxns15] {
    background: rgba(0, 200, 80, 0.5);
    border-color: rgba(0, 200, 80, 0.8);
    animation: pulse-b-wwdayxns15 1.5s ease-in-out infinite;
  }

@keyframes pulse-b-wwdayxns15 {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(0, 200, 80, 0.7);
  }

  50% {
    box-shadow: 0 0 0 20px rgba(0, 200, 80, 0);
  }
}

.SmallButton[b-wwdayxns15] {
  width: 60px;
  height: 60px;
  font-size: 1.5rem;
}

.ButtonIcon[b-wwdayxns15] {
  display: block;
}

/* Playlist Panel */
.PlaylistPanel[b-wwdayxns15] {
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 400px;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(20px);
  z-index: 100;
  display: flex;
  flex-direction: column;
  animation: slideInRight-b-wwdayxns15 0.3s ease-out;
  box-shadow: -10px 0 50px rgba(0, 0, 0, 0.5);
}

@keyframes slideInRight-b-wwdayxns15 {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

.PanelHeader[b-wwdayxns15] {
  padding: 20px;
  background: rgba(255, 255, 255, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

  .PanelHeader h3[b-wwdayxns15] {
    margin: 0;
    color: white;
    font-size: 1.5rem;
  }

.CloseButton[b-wwdayxns15] {
  background: rgba(255, 100, 100, 0.3);
  border: none;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 1.2rem;
  transition: all 0.3s ease;
}

  .CloseButton:hover[b-wwdayxns15] {
    background: rgba(255, 100, 100, 0.6);
    transform: rotate(90deg);
  }

.PlaylistContent[b-wwdayxns15] {
  flex: 1;
  overflow-y: auto;
  padding: 10px;
}

.PlaylistItem[b-wwdayxns15] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  margin: 5px 0;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}

  .PlaylistItem:hover[b-wwdayxns15] {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(5px);
  }

  .PlaylistItem.Active[b-wwdayxns15] {
    background: rgba(0, 200, 80, 0.3);
    border-color: rgba(0, 200, 80, 0.6);
  }

.PlaylistEmoji[b-wwdayxns15] {
  font-size: 2rem;
}

.PlaylistTitle[b-wwdayxns15] {
  flex: 1;
  color: white;
  font-weight: 600;
}

.PlaylistNumber[b-wwdayxns15] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.9rem;
}

/* Edit Panel */
.EditPanel[b-wwdayxns15] {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 500px;
  background: rgba(0, 0, 0, 0.95);
  backdrop-filter: blur(20px);
  z-index: 100;
  display: flex;
  flex-direction: column;
  animation: slideInLeft-b-wwdayxns15 0.3s ease-out;
  box-shadow: 10px 0 50px rgba(0, 0, 0, 0.5);
}

@keyframes slideInLeft-b-wwdayxns15 {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

.EditContent[b-wwdayxns15] {
  flex: 1;
  overflow-y: auto;
  padding: 20px;
}

.AddVideoSection[b-wwdayxns15],
.CurrentVideosSection[b-wwdayxns15] {
  margin-bottom: 30px;
}

  .AddVideoSection h4[b-wwdayxns15],
  .CurrentVideosSection h4[b-wwdayxns15] {
    color: white;
    font-size: 1.3rem;
    margin-bottom: 15px;
  }

.InputGroup[b-wwdayxns15] {
  margin-bottom: 20px;
}

  .InputGroup label[b-wwdayxns15] {
    display: block;
    color: white;
    font-weight: 600;
    margin-bottom: 8px;
  }

  .InputGroup small[b-wwdayxns15] {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    font-size: 0.85rem;
    margin-top: 5px;
  }

.EditInput[b-wwdayxns15] {
  width: 100%;
  padding: 12px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  color: white;
  font-size: 1rem;
  transition: all 0.3s ease;
  box-sizing: border-box;
}

  .EditInput:focus[b-wwdayxns15] {
    outline: none;
    border-color: #00a040;
    background: rgba(255, 255, 255, 0.15);
  }

.EmojiPicker[b-wwdayxns15] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.EmojiButton[b-wwdayxns15] {
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.1);
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 8px;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}

  .EmojiButton:hover[b-wwdayxns15] {
    background: rgba(255, 255, 255, 0.2);
    transform: scale(1.1);
  }

  .EmojiButton.Selected[b-wwdayxns15] {
    background: rgba(0, 200, 80, 0.4);
    border-color: #00a040;
  }

.AddButton[b-wwdayxns15] {
  width: 100%;
  padding: 15px;
  background: linear-gradient(135deg, #00a040, #00c050);
  border: none;
  border-radius: 12px;
  color: white;
  font-size: 1.1rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  text-transform: uppercase;
  letter-spacing: 1px;
}

  .AddButton:hover[b-wwdayxns15] {
    transform: translateY(-2px);
    box-shadow: 0 10px 30px rgba(0, 160, 64, 0.4);
  }

.EditVideoItem[b-wwdayxns15] {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  margin: 10px 0;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 12px;
  border: 2px solid rgba(255, 255, 255, 0.1);
}

.EditEmoji[b-wwdayxns15] {
  font-size: 2rem;
}

.EditVideoInfo[b-wwdayxns15] {
  flex: 1;
}

.EditVideoTitle[b-wwdayxns15] {
  color: white;
  font-weight: 600;
  margin-bottom: 5px;
}

.EditVideoId[b-wwdayxns15] {
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
  font-family: 'Courier New', monospace;
}

.DeleteButton[b-wwdayxns15] {
  background: rgba(255, 100, 100, 0.3);
  border: 2px solid rgba(255, 100, 100, 0.5);
  border-radius: 8px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.3s ease;
}

  .DeleteButton:hover:not(:disabled)[b-wwdayxns15] {
    background: rgba(255, 100, 100, 0.6);
    transform: scale(1.1);
  }

  .DeleteButton:disabled[b-wwdayxns15] {
    opacity: 0.3;
    cursor: not-allowed;
  }

/* Vibe Indicator */
.VibeIndicator[b-wwdayxns15] {
  position: absolute;
  bottom: 15px;
  right: 40px;
  z-index: 50;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(10px);
  padding: 15px 25px;
  border-radius: 20px;
  border: 3px solid rgba(0, 40, 0, 0.8);
}

.VibeText[b-wwdayxns15] {
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 2px;
  margin-bottom: 8px;
  text-align: center;
}

.VibeMeter[b-wwdayxns15] {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.VibeBar[b-wwdayxns15] {
  width: 8px;
  height: 30px;
  background: linear-gradient(180deg, #00c050, #00a040);
  border-radius: 4px;
  animation: vibe-b-wwdayxns15 0.8s ease-in-out infinite;
}

  .VibeBar:nth-child(1)[b-wwdayxns15] {
    animation-delay: 0s;
  }

  .VibeBar:nth-child(2)[b-wwdayxns15] {
    animation-delay: 0.1s;
  }

  .VibeBar:nth-child(3)[b-wwdayxns15] {
    animation-delay: 0.2s;
  }

  .VibeBar:nth-child(4)[b-wwdayxns15] {
    animation-delay: 0.3s;
  }

  .VibeBar:nth-child(5)[b-wwdayxns15] {
    animation-delay: 0.4s;
  }

@keyframes vibe-b-wwdayxns15 {
  0%, 100% {
    transform: scaleY(1);
    opacity: 0.7;
  }

  50% {
    transform: scaleY(1.5);
    opacity: 1;
  }
}

/* Scrollbar Styling */
.PlaylistContent[b-wwdayxns15]::-webkit-scrollbar,
.EditContent[b-wwdayxns15]::-webkit-scrollbar {
  width: 8px;
}

.PlaylistContent[b-wwdayxns15]::-webkit-scrollbar-track,
.EditContent[b-wwdayxns15]::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.2);
}

.PlaylistContent[b-wwdayxns15]::-webkit-scrollbar-thumb,
.EditContent[b-wwdayxns15]::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.3);
  border-radius: 4px;
}

  .PlaylistContent[b-wwdayxns15]::-webkit-scrollbar-thumb:hover,
  .EditContent[b-wwdayxns15]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
  }

/* Responsive */
@media (max-width: 1200px) {
  .PlaylistPanel[b-wwdayxns15],
  .EditPanel[b-wwdayxns15] {
    width: 350px;
  }
}

@media (max-width: 768px) {
  .MoodFrame[b-wwdayxns15] {
    min-height: 100vh;
    max-height: 100vh;
  }

  .TopBar[b-wwdayxns15] {
    padding: 15px 20px;
  }

  .LogoText[b-wwdayxns15] {
    font-size: 1.5rem;
  }

  .VideoWrapper[b-wwdayxns15] {
    width: 95%;
  }

  .ControlPanel[b-wwdayxns15] {
    padding: 20px;
    flex-wrap: wrap;
    gap: 15px;
  }

  .SecondaryControls[b-wwdayxns15] {
    margin-right: 0;
  }

  .PlaylistPanel[b-wwdayxns15],
  .EditPanel[b-wwdayxns15] {
    width: 100%;
  }

  .VibeIndicator[b-wwdayxns15] {
    bottom: 100px;
    right: 20px;
  }
}
/* /Pages/Notifications/AlertMonitor.razor.rz.scp.css */
.alert-monitor[b-kmgqg13eqg] {
  padding: 1.5rem;
  max-width: 1600px;
  margin: 0 auto;
}

.page-header[b-kmgqg13eqg] {
  margin-bottom: 1.5rem;
}

.page-header h1[b-kmgqg13eqg] {
  font-size: 1.75rem;
  font-weight: 600;
  color: #1a1a2e;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
}

.page-header .subtitle[b-kmgqg13eqg] {
  color: #666;
  margin: 0.25rem 0 0 0;
}

/* Filters */
.filters-bar[b-kmgqg13eqg] {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: flex-end;
  padding: 1rem;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 1rem;
}

.filter-group[b-kmgqg13eqg] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.filter-group label[b-kmgqg13eqg] {
  font-size: 0.75rem;
  font-weight: 600;
  color: #666;
  text-transform: uppercase;
}

.filter-group select[b-kmgqg13eqg],
.filter-group input[b-kmgqg13eqg] {
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.875rem;
  min-width: 150px;
}

.btn-refresh[b-kmgqg13eqg] {
  padding: 0.5rem 1rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
}

.btn-refresh:hover[b-kmgqg13eqg] {
  background: #f0f0f0;
}

/* Tabs */
.tabs[b-kmgqg13eqg] {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 0;
}

.tab[b-kmgqg13eqg] {
  padding: 0.75rem 1.5rem;
  background: transparent;
  border: none;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  cursor: pointer;
  font-size: 0.9rem;
  color: #666;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s;
}

.tab:hover[b-kmgqg13eqg] {
  color: #2a9d8f;
}

.tab.active[b-kmgqg13eqg] {
  color: #2a9d8f;
  border-bottom-color: #2a9d8f;
  font-weight: 600;
}

/* Sections */
.rules-section[b-kmgqg13eqg],
.fired-section[b-kmgqg13eqg] {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
  overflow: hidden;
}

.section-header[b-kmgqg13eqg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e0e0e0;
}

.section-header h3[b-kmgqg13eqg] {
  margin: 0;
  font-size: 1.1rem;
}

/* Data Table */
.data-table[b-kmgqg13eqg] {
  width: 100%;
  border-collapse: collapse;
}

.data-table th[b-kmgqg13eqg],
.data-table td[b-kmgqg13eqg] {
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: 1px solid #e8e8e8;
}

.data-table th[b-kmgqg13eqg] {
  background: #f8f9fa;
  font-weight: 600;
  font-size: 0.8rem;
  text-transform: uppercase;
  color: #666;
}

.data-table tr:hover[b-kmgqg13eqg] {
  background: #f8f9fa;
}

.data-table .disabled-row[b-kmgqg13eqg] {
  opacity: 0.6;
}

.company-name[b-kmgqg13eqg] {
  font-weight: 500;
}

.scope-badge[b-kmgqg13eqg] {
  font-size: 0.7rem;
  padding: 0.15rem 0.4rem;
  background: #e0e0e0;
  border-radius: 3px;
  margin-left: 0.5rem;
  color: #666;
}

.description[b-kmgqg13eqg] {
  color: #666;
  font-size: 0.85rem;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.time-col[b-kmgqg13eqg] {
  white-space: nowrap;
}

.time-display[b-kmgqg13eqg] {
  display: flex;
  flex-direction: column;
  font-size: 0.85rem;
}

.time-display .date[b-kmgqg13eqg] {
  font-weight: 500;
}

.time-display .time[b-kmgqg13eqg] {
  color: #666;
  font-size: 0.8rem;
}

.details-col[b-kmgqg13eqg] {
  max-width: 300px;
}

.detail-item[b-kmgqg13eqg] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  margin-right: 0.75rem;
  font-size: 0.85rem;
  color: #555;
}

/* Badges */
.badge[b-kmgqg13eqg] {
  display: inline-block;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
}

.badge-success[b-kmgqg13eqg] {
  background: #d4edda;
  color: #155724;
}

.badge-warning[b-kmgqg13eqg] {
  background: #fff3cd;
  color: #856404;
}

.badge-secondary[b-kmgqg13eqg] {
  background: #e0e0e0;
  color: #666;
}

.badge-info[b-kmgqg13eqg] {
  background: #d1ecf1;
  color: #0c5460;
}

.badge-danger[b-kmgqg13eqg] {
  background: #f8d7da;
  color: #721c24;
}

/* Actions */
.actions[b-kmgqg13eqg] {
  white-space: nowrap;
}

.btn-icon[b-kmgqg13eqg] {
  padding: 0.35rem;
  background: transparent;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 0.25rem;
}

.btn-icon:hover[b-kmgqg13eqg] {
  background: #f0f0f0;
}

.btn-icon.danger:hover[b-kmgqg13eqg] {
  background: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}

.btn-icon.success[b-kmgqg13eqg] {
  color: #28a745;
}

/* Buttons */
.btn-primary[b-kmgqg13eqg] {
  padding: 0.5rem 1rem;
  background: #2a9d8f;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btn-primary:hover[b-kmgqg13eqg] {
  background: #238b7e;
}

.btn-primary:disabled[b-kmgqg13eqg] {
  background: #ccc;
  cursor: not-allowed;
}

.btn-secondary[b-kmgqg13eqg] {
  padding: 0.5rem 1rem;
  background: #fff;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}

.btn-secondary:hover[b-kmgqg13eqg] {
  background: #f0f0f0;
}

.btn-danger[b-kmgqg13eqg] {
  padding: 0.5rem 1rem;
  background: #dc3545;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.btn-danger:hover[b-kmgqg13eqg] {
  background: #c82333;
}

/* Pagination */
.pagination[b-kmgqg13eqg] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-top: 1px solid #e0e0e0;
}

.btn-page[b-kmgqg13eqg] {
  padding: 0.4rem 0.6rem;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
}

.btn-page:hover:not(:disabled)[b-kmgqg13eqg] {
  background: #f0f0f0;
}

.btn-page:disabled[b-kmgqg13eqg] {
  opacity: 0.5;
  cursor: not-allowed;
}

.page-info[b-kmgqg13eqg] {
  padding: 0 1rem;
  color: #666;
}

/* Empty State */
.empty-state[b-kmgqg13eqg] {
  text-align: center;
  padding: 3rem;
  color: #999;
}

.empty-state .oi[b-kmgqg13eqg] {
  font-size: 3rem;
  margin-bottom: 1rem;
  display: block;
}

.loading[b-kmgqg13eqg] {
  text-align: center;
  padding: 2rem;
  color: #666;
}

/* Modal */
.modal-overlay[b-kmgqg13eqg] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.modal-content[b-kmgqg13eqg] {
  background: white;
  border-radius: 8px;
  width: 90%;
  max-width: 600px;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.modal-content.large[b-kmgqg13eqg] {
  max-width: 900px;
}

.modal-content.small[b-kmgqg13eqg] {
  max-width: 400px;
}

.modal-header[b-kmgqg13eqg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e0e0e0;
}

.modal-header h3[b-kmgqg13eqg] {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.btn-close[b-kmgqg13eqg] {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #999;
  line-height: 1;
}

.btn-close:hover[b-kmgqg13eqg] {
  color: #333;
}

.modal-body[b-kmgqg13eqg] {
  padding: 1.5rem;
}

.modal-footer[b-kmgqg13eqg] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e0e0e0;
  background: #f8f9fa;
}

/* Detail Grid */
.detail-grid[b-kmgqg13eqg] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.detail-section[b-kmgqg13eqg] {
  background: #f8f9fa;
  border-radius: 6px;
  padding: 1rem;
}

.detail-section.full-width[b-kmgqg13eqg] {
  grid-column: 1 / -1;
}

.detail-section h4[b-kmgqg13eqg] {
  margin: 0 0 0.75rem 0;
  font-size: 0.9rem;
  color: #333;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 0.5rem;
}

.detail-row[b-kmgqg13eqg] {
  display: flex;
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
}

.detail-row label[b-kmgqg13eqg] {
  width: 120px;
  color: #666;
  flex-shrink: 0;
}

.detail-row span[b-kmgqg13eqg] {
  flex: 1;
}

.detail-row .uid[b-kmgqg13eqg] {
  font-family: monospace;
  font-size: 0.8rem;
  color: #666;
}

/* Params Table */
.params-table[b-kmgqg13eqg] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.params-table th[b-kmgqg13eqg],
.params-table td[b-kmgqg13eqg] {
  padding: 0.5rem;
  text-align: left;
  border-bottom: 1px solid #e0e0e0;
}

.params-table th[b-kmgqg13eqg] {
  font-weight: 600;
  color: #666;
}

/* Message Cards */
.message-card[b-kmgqg13eqg] {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 0.75rem;
  margin-bottom: 0.75rem;
}

.message-header[b-kmgqg13eqg] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.medium-badge[b-kmgqg13eqg] {
  padding: 0.2rem 0.5rem;
  border-radius: 3px;
  font-size: 0.7rem;
  font-weight: 600;
  text-transform: uppercase;
}

.medium-badge.email[b-kmgqg13eqg] {
  background: #e3f2fd;
  color: #1565c0;
}

.medium-badge.sms[b-kmgqg13eqg] {
  background: #e8f5e9;
  color: #2e7d32;
}

.medium-badge.push[b-kmgqg13eqg] {
  background: #fff3e0;
  color: #ef6c00;
}

.destination[b-kmgqg13eqg] {
  color: #666;
  font-size: 0.85rem;
}

.message-subject[b-kmgqg13eqg] {
  font-weight: 500;
  margin-bottom: 0.25rem;
}

.message-content[b-kmgqg13eqg] {
  color: #555;
  font-size: 0.85rem;
  white-space: pre-wrap;
}

.no-data[b-kmgqg13eqg] {
  color: #999;
  font-style: italic;
}

.warning-text[b-kmgqg13eqg] {
  color: #856404;
  font-size: 0.9rem;
}

/* Form */
.form-row[b-kmgqg13eqg] {
  margin-bottom: 1rem;
}

.form-row label[b-kmgqg13eqg] {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: 500;
  color: #333;
}

.form-row select[b-kmgqg13eqg],
.form-row input[b-kmgqg13eqg] {
  width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.9rem;
}

.hint-text[b-kmgqg13eqg] {
  font-size: 0.85rem;
  color: #666;
  margin-top: 1rem;
}

@media (max-width: 768px) {
  .filters-bar[b-kmgqg13eqg] {
    flex-direction: column;
    align-items: stretch;
  }
  
  .filter-group select[b-kmgqg13eqg],
  .filter-group input[b-kmgqg13eqg] {
    width: 100%;
  }
  
  .btn-refresh[b-kmgqg13eqg] {
    margin-left: 0;
  }
  
  .detail-grid[b-kmgqg13eqg] {
    grid-template-columns: 1fr;
  }
  
  .data-table[b-kmgqg13eqg] {
    font-size: 0.85rem;
  }
  
  .description[b-kmgqg13eqg] {
    max-width: 150px;
  }
}


/* Rule Modal Styles */
.rule-modal[b-kmgqg13eqg] {
  max-width: 700px;
  max-height: 85vh;
  overflow-y: auto;
}

.rule-modal .modal-body[b-kmgqg13eqg] {
  padding: 1.5rem;
}

.form-section[b-kmgqg13eqg] {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #eee;
}

.form-section:last-child[b-kmgqg13eqg] {
  border-bottom: none;
  margin-bottom: 0;
}

.form-section h4[b-kmgqg13eqg] {
  margin: 0 0 0.75rem;
  font-size: 0.95rem;
  font-weight: 600;
  color: #333;
}

.section-header-row[b-kmgqg13eqg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}

.section-header-row h4[b-kmgqg13eqg] {
  margin: 0;
}

.company-display[b-kmgqg13eqg] {
  font-size: 0.95rem;
  color: #666;
  padding: 0.5rem 0;
}

.company-display strong[b-kmgqg13eqg] {
  color: #333;
}

.btn-small[b-kmgqg13eqg] {
  padding: 0.25rem 0.5rem;
  font-size: 0.8rem;
  background: #e9ecef;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}

.btn-small:hover[b-kmgqg13eqg] {
  background: #dee2e6;
}

.condition-row[b-kmgqg13eqg], .member-row[b-kmgqg13eqg] {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
  flex-wrap: wrap;
}

.condition-row select[b-kmgqg13eqg],
.condition-row input[b-kmgqg13eqg],
.member-row select[b-kmgqg13eqg],
.member-row input[b-kmgqg13eqg] {
  padding: 0.4rem 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.85rem;
  min-width: 120px;
}

.condition-row select:first-child[b-kmgqg13eqg] {
  flex: 1;
  min-width: 150px;
}

.condition-row input[type="text"][b-kmgqg13eqg] {
  flex: 1;
  min-width: 100px;
}

.member-row select:first-child[b-kmgqg13eqg] {
  min-width: 140px;
}

.member-row select:nth-child(2)[b-kmgqg13eqg],
.member-row input[type="email"][b-kmgqg13eqg],
.member-row input[type="tel"][b-kmgqg13eqg] {
  flex: 1;
  min-width: 150px;
}

.member-row select:last-of-type[b-kmgqg13eqg] {
  min-width: 80px;
}

.btn-icon.danger[b-kmgqg13eqg] {
  color: #dc3545;
}

.btn-icon.danger:hover[b-kmgqg13eqg] {
  background: #f8d7da;
}

.hint-text.error[b-kmgqg13eqg] {
  color: #dc3545;
}

.form-row-inline[b-kmgqg13eqg] {
  display: flex;
  gap: 1rem;
}

.form-field[b-kmgqg13eqg] {
  flex: 1;
}

.form-field label[b-kmgqg13eqg] {
  display: block;
  margin-bottom: 0.25rem;
  font-size: 0.85rem;
  color: #666;
}

.form-field input[b-kmgqg13eqg] {
  width: 100%;
  padding: 0.4rem 0.5rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 0.85rem;
}

.checkbox-row[b-kmgqg13eqg] {
  margin: 0.5rem 0;
}

.checkbox-label[b-kmgqg13eqg] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.9rem;
}

.checkbox-label input[type="checkbox"][b-kmgqg13eqg] {
  width: auto;
  margin: 0;
}

/* Copy Modal Styles */
.company-checkboxes[b-kmgqg13eqg] {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0.75rem;
  margin-top: 0.75rem;
}

.company-checkboxes .checkbox-label[b-kmgqg13eqg] {
  padding: 0.35rem 0;
  border-bottom: 1px solid #f5f5f5;
}

.company-checkboxes .checkbox-label:last-child[b-kmgqg13eqg] {
  border-bottom: none;
}

.select-all-row[b-kmgqg13eqg] {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 2px solid #ddd;
}

.select-all-row .checkbox-label[b-kmgqg13eqg] {
  font-weight: 600;
}
/* /Pages/ProvisioningHealth/ProvisioningHealth.razor.rz.scp.css */
/* Provisioning Health page */

.prov-health-page[b-rb1hmqjz5v] {
  padding: 20px;
  max-width: 100%;
}

.page-header[b-rb1hmqjz5v] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid #dee2e6;
  gap: 16px;
}

.page-header h3[b-rb1hmqjz5v] {
  margin: 0 0 6px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-left .info-text[b-rb1hmqjz5v] {
  margin: 0;
  color: #6c757d;
  font-size: 0.9rem;
  max-width: 780px;
  line-height: 1.45;
}

.header-actions[b-rb1hmqjz5v] {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-shrink: 0;
}

.result-count[b-rb1hmqjz5v] {
  font-size: 0.95rem;
  font-weight: 600;
  color: #6f42c1;
  white-space: nowrap;
}

/* Status tiles */
.portfolio-strip[b-rb1hmqjz5v] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 16px;
}

.portfolio-card[b-rb1hmqjz5v] {
  flex: 1 1 200px;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 14px 16px;
  min-width: 180px;
  text-align: left;
}

.portfolio-card-clickable[b-rb1hmqjz5v] {
  cursor: pointer;
  transition: border-color 0.12s ease, box-shadow 0.12s ease, transform 0.08s ease;
}

.portfolio-card-clickable:hover[b-rb1hmqjz5v] {
  border-color: #6366f1;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.12);
}

.portfolio-card.tile-selected[b-rb1hmqjz5v] {
  border-color: #4f46e5;
  box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.25);
}

.portfolio-card-label[b-rb1hmqjz5v] {
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 4px;
}

.portfolio-card-value[b-rb1hmqjz5v] {
  font-size: 1.6rem;
  font-weight: 700;
  color: #212529;
  line-height: 1.2;
}

.portfolio-card-hint[b-rb1hmqjz5v] {
  font-size: 0.72rem;
  color: #94a3b8;
  margin-top: 4px;
}

.portfolio-card-warn[b-rb1hmqjz5v] {
  border-color: #d97706;
  background: #fffbeb;
}

.portfolio-card-warn .portfolio-card-value[b-rb1hmqjz5v] {
  color: #b45309;
}

.portfolio-card-danger[b-rb1hmqjz5v] {
  border-color: #dc2626;
  background: #fef2f2;
}

.portfolio-card-danger .portfolio-card-value[b-rb1hmqjz5v] {
  color: #b91c1c;
}

.filter-banner[b-rb1hmqjz5v] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  background: #eef2ff;
  border: 1px solid #c7d2fe;
  border-radius: 6px;
  margin-bottom: 12px;
  font-size: 0.9rem;
}

.grid-section[b-rb1hmqjz5v] {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 16px;
}

.section-title-row[b-rb1hmqjz5v] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  gap: 12px;
}

.section-title-row h4[b-rb1hmqjz5v] {
  margin: 0;
  font-size: 1rem;
  display: flex;
  align-items: baseline;
  gap: 8px;
  flex-wrap: wrap;
}

.section-sub[b-rb1hmqjz5v] {
  font-size: 0.8rem;
  font-weight: 400;
  color: #6c757d;
}

.loading-section[b-rb1hmqjz5v] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 48px;
  color: #6c757d;
}

.empty-hint[b-rb1hmqjz5v] {
  color: #6c757d;
  font-style: italic;
  padding: 12px 0;
}

.company-id[b-rb1hmqjz5v] {
  color: #94a3b8;
  font-size: 0.85em;
  margin-left: 6px;
  font-weight: 500;
}

.domain-raw[b-rb1hmqjz5v] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.88em;
  background: #f1f5f9;
  padding: 2px 6px;
  border-radius: 3px;
  white-space: pre;
  color: #0f172a;
}

.blocked-count[b-rb1hmqjz5v] {
  font-weight: 700;
  color: #b91c1c;
}

/* Status badges */
.status-badge[b-rb1hmqjz5v] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: none;
}

.status-ok[b-rb1hmqjz5v] {
  background: #dcfce7;
  color: #166534;
}

.status-tpa[b-rb1hmqjz5v] {
  background: #e0e7ff;
  color: #3730a3;
}

.status-broken[b-rb1hmqjz5v] {
  background: #fee2e2;
  color: #991b1b;
}

.status-malformed[b-rb1hmqjz5v] {
  background: #ffedd5;
  color: #9a3412;
}

.status-missing[b-rb1hmqjz5v] {
  background: #f1f5f9;
  color: #475569;
}

/* Verdict badges */
.verdict-badge[b-rb1hmqjz5v] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.72rem;
  font-weight: 700;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.verdict-ok[b-rb1hmqjz5v] {
  background: #dcfce7;
  color: #166534;
}

.verdict-blocked[b-rb1hmqjz5v] {
  background: #fee2e2;
  color: #991b1b;
}

.verdict-picker[b-rb1hmqjz5v] {
  background: #fef3c7;
  color: #92400e;
}

.verdict-none[b-rb1hmqjz5v] {
  background: #f1f5f9;
  color: #64748b;
}

/* Company table (custom expandable — Syncfusion Detail column not in this package set) */
.company-table-wrap[b-rb1hmqjz5v] {
  overflow-x: auto;
  max-height: 640px;
  overflow-y: auto;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
}

.company-table[b-rb1hmqjz5v] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9rem;
  background: #fff;
}

.company-table thead th[b-rb1hmqjz5v] {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #f1f5f9;
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #475569;
  border-bottom: 1px solid #e2e8f0;
  padding: 8px 10px;
  text-align: left;
  white-space: nowrap;
}

.company-table td[b-rb1hmqjz5v] {
  border-bottom: 1px solid #eef2f7;
  padding: 8px 10px;
  vertical-align: middle;
}

.company-table tr.company-row:hover[b-rb1hmqjz5v] {
  background: #f8fafc;
}

.company-table tr.has-blocked[b-rb1hmqjz5v] {
  background: #fffbeb;
}

.company-table tr.has-blocked:hover[b-rb1hmqjz5v] {
  background: #fef3c7;
}

.company-table tr.is-expanded[b-rb1hmqjz5v] {
  background: #eef2ff;
}

.company-table .col-expand[b-rb1hmqjz5v] {
  width: 36px;
  padding-left: 6px;
  padding-right: 4px;
}

.company-table .col-num[b-rb1hmqjz5v] {
  text-align: right;
  width: 80px;
  font-variant-numeric: tabular-nums;
}

.expand-btn[b-rb1hmqjz5v] {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #475569;
  padding: 2px 6px;
  border-radius: 4px;
  line-height: 1;
}

.expand-btn:hover[b-rb1hmqjz5v] {
  background: #e2e8f0;
  color: #1e293b;
}

.detail-row td[b-rb1hmqjz5v] {
  padding: 0;
  background: #f8fafc;
  border-bottom: 2px solid #c7d2fe;
}

/* Detail expand */
.detail-users[b-rb1hmqjz5v] {
  padding: 12px 16px 14px 40px;
  background: #f8fafc;
}

.detail-users-header[b-rb1hmqjz5v] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-size: 0.9rem;
}

.user-table[b-rb1hmqjz5v] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.88rem;
  background: #fff;
}

.user-table th[b-rb1hmqjz5v],
.user-table td[b-rb1hmqjz5v] {
  border: 1px solid #e2e8f0;
  padding: 6px 10px;
  text-align: left;
  vertical-align: top;
}

.user-table th[b-rb1hmqjz5v] {
  background: #f1f5f9;
  font-weight: 600;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #475569;
}

.user-table tr.user-blocked[b-rb1hmqjz5v] {
  background: #fef2f2;
}

.user-table tr.user-ok[b-rb1hmqjz5v] {
  background: #fff;
}

.reason-cell[b-rb1hmqjz5v] {
  max-width: 420px;
  font-size: 0.82rem;
  color: #334155;
  line-height: 1.35;
}

.mono[b-rb1hmqjz5v] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 0.85em;
}

.text-muted[b-rb1hmqjz5v] {
  color: #94a3b8;
}

.text-danger-strong[b-rb1hmqjz5v] {
  color: #b91c1c;
  font-weight: 600;
}

.alert[b-rb1hmqjz5v] {
  padding: 12px 16px;
  border-radius: 6px;
  margin-bottom: 16px;
  font-size: 0.9rem;
  line-height: 1.45;
}

.alert-info[b-rb1hmqjz5v] {
  background: #e7f1ff;
  border: 1px solid #b6d4fe;
  color: #084298;
}

.alert-danger[b-rb1hmqjz5v] {
  background: #f8d7da;
  border: 1px solid #f5c2c7;
  color: #842029;
}

.footer-note[b-rb1hmqjz5v] {
  margin-top: 8px;
}

code[b-rb1hmqjz5v] {
  font-size: 0.85em;
  background: rgba(0, 0, 0, 0.06);
  padding: 1px 4px;
  border-radius: 3px;
}
/* /Pages/Reports/Inventory.razor.rz.scp.css */
.inventory-admin[b-a79ws8z47x] {
  padding: 16px 20px 32px;
}

.page-header[b-a79ws8z47x] {
  margin-bottom: 16px;
}

.inventory-toolbar[b-a79ws8z47x] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 16px;
  align-items: flex-end;
  margin-bottom: 12px;
}

.toolbar-field[b-a79ws8z47x] {
  min-width: 240px;
}

.toolbar-field label[b-a79ws8z47x],
.toolbar-check[b-a79ws8z47x] {
  display: block;
  font-size: 12px;
  color: #555;
  margin-bottom: 4px;
}

.toolbar-check[b-a79ws8z47x] {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 8px;
}

.tier-counts[b-a79ws8z47x] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  margin-bottom: 12px;
  font-size: 13px;
}
/* /Pages/SamsaraIntegration/SamsaraIntegration.razor.rz.scp.css */
/* Samsara Integration Styles - matches Fleetio Integration pattern */
/* Accent color uses Samsara brand cobalt blue to distinguish from Fleetio Bootstrap blue */

/* Filter Section */
.filter-section[b-2fi4j96ysg] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}

.filter-row[b-2fi4j96ysg] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
}

.filter-group[b-2fi4j96ysg] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

  .filter-group label[b-2fi4j96ysg] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
  }

  .filter-group select[b-2fi4j96ysg],
  .filter-group input[type="date"][b-2fi4j96ysg],
  .filter-group input[type="text"][b-2fi4j96ysg] {
    min-width: 200px;
  }

  .filter-group .form-check[b-2fi4j96ysg] {
    padding-top: 8px;
  }

/* Tabs */
.nav-tabs[b-2fi4j96ysg] {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
}

  .nav-tabs .nav-link[b-2fi4j96ysg] {
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    color: #6c757d;
    padding: 10px 16px;
  }

    .nav-tabs .nav-link:hover[b-2fi4j96ysg] {
      border-bottom-color: #adb5bd;
      color: #495057;
    }

    .nav-tabs .nav-link.active[b-2fi4j96ysg] {
      border-bottom-color: #1e40af;
      color: #1e40af;
      font-weight: 600;
    }

    .nav-tabs .nav-link .badge[b-2fi4j96ysg] {
      font-size: 0.7rem;
    }

    .nav-tabs .nav-link.active .badge[b-2fi4j96ysg] {
      background-color: #198754 !important;
    }

    .nav-tabs .nav-link.disabled[b-2fi4j96ysg] {
      color: #ccc;
      pointer-events: none;
    }

/* Tab Content */
.tab-content[b-2fi4j96ysg] {
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
  background: white;
  margin-bottom: 25px;
}

.tab-pane-content[b-2fi4j96ysg] {
  padding: 15px;
}

/* Sub-filter row within tabs */
.sub-filter-row[b-2fi4j96ysg] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

  .sub-filter-row .filter-group[b-2fi4j96ysg] {
    min-width: auto;
  }

    .sub-filter-row .filter-group label[b-2fi4j96ysg] {
      font-size: 0.75rem;
    }

  .sub-filter-row .form-control[b-2fi4j96ysg],
  .sub-filter-row .form-select[b-2fi4j96ysg] {
    min-width: 150px;
  }

/* Table Styles */
.table[b-2fi4j96ysg] {
  margin-bottom: 0;
}

  .table th[b-2fi4j96ysg] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
  }

  .table td[b-2fi4j96ysg] {
    vertical-align: middle;
    font-size: 0.875rem;
  }

.table-hover tbody tr:hover[b-2fi4j96ysg] {
  background-color: #eef2ff;
}

/* Status Badges */
.status-badge[b-2fi4j96ysg] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.status-success[b-2fi4j96ysg] {
  background: #d4edda;
  color: #155724;
}

.status-error[b-2fi4j96ysg] {
  background: #f8d7da;
  color: #721c24;
}

.status-warning[b-2fi4j96ysg] {
  background: #fff3cd;
  color: #856404;
}

.status-info[b-2fi4j96ysg] {
  background: #d1ecf1;
  color: #0c5460;
}

.status-pending[b-2fi4j96ysg] {
  background: #e2e3e5;
  color: #383d41;
}

.status-default[b-2fi4j96ysg] {
  background: #e9ecef;
  color: #495057;
}

.status-archived[b-2fi4j96ysg] {
  background: #6c757d;
  color: #fff;
}

/* Record Counts */
.record-count[b-2fi4j96ysg] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #6c757d;
  margin-right: 4px;
}

  .record-count .oi[b-2fi4j96ysg] {
    font-size: 0.65rem;
  }

/* Extra small button */
.btn-xs[b-2fi4j96ysg] {
  padding: 1px 4px;
  font-size: 0.7rem;
  line-height: 1.3;
}

/* Cell Styles */
.nowrap[b-2fi4j96ysg] {
  white-space: nowrap;
}

.mono[b-2fi4j96ysg] {
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.8rem;
}

.error-cell[b-2fi4j96ysg] {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #dc3545;
  font-size: 0.8rem;
}

.action-cell[b-2fi4j96ysg] {
  white-space: nowrap;
}

  .action-cell .btn[b-2fi4j96ysg] {
    padding: 2px 6px;
    margin-right: 4px;
  }

    .action-cell .btn:last-child[b-2fi4j96ysg] {
      margin-right: 0;
    }

/* Loading/Empty States */
.loading-indicator[b-2fi4j96ysg] {
  text-align: center;
  padding: 40px;
  color: #6c757d;
}

.empty-state[b-2fi4j96ysg] {
  text-align: center;
  padding: 60px 20px;
  color: #adb5bd;
}

  .empty-state .oi[b-2fi4j96ysg] {
    font-size: 3rem;
    display: block;
    margin-bottom: 15px;
  }

  .empty-state p[b-2fi4j96ysg] {
    font-size: 1rem;
    margin: 0;
  }

/* Pagination */
.pagination-container[b-2fi4j96ysg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
  border-top: 1px solid #dee2e6;
  margin-top: 15px;
}

.pagination-info[b-2fi4j96ysg] {
  font-size: 0.85rem;
  color: #6c757d;
}

.pagination .page-link[b-2fi4j96ysg] {
  padding: 4px 10px;
  font-size: 0.85rem;
}

/* Modal Styles */
.modal-backdrop[b-2fi4j96ysg] {
  z-index: 1040;
}

.modal[b-2fi4j96ysg] {
  z-index: 1050;
}

.modal-dialog-scrollable .modal-body[b-2fi4j96ysg] {
  max-height: calc(100vh - 210px);
}

.modal-content[b-2fi4j96ysg] {
  border-radius: 8px;
}

.modal-header[b-2fi4j96ysg] {
  border-bottom: 1px solid #dee2e6;
  padding: 1rem 1.25rem;
}

.modal-header .modal-title[b-2fi4j96ysg] {
  font-size: 1.1rem;
  font-weight: 600;
}

.modal-header .btn-close[b-2fi4j96ysg] {
  padding: 0.75rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-body[b-2fi4j96ysg] {
  padding: 1.25rem;
}

.modal-body .form-label[b-2fi4j96ysg] {
  font-weight: 500;
  font-size: 0.9rem;
  margin-bottom: 0.35rem;
}

.modal-body .form-control[b-2fi4j96ysg],
.modal-body .form-select[b-2fi4j96ysg] {
  font-size: 0.9rem;
}

.modal-body .form-text[b-2fi4j96ysg] {
  font-size: 0.8rem;
  color: #6c757d;
}

.modal-body .alert[b-2fi4j96ysg] {
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: 0.875rem;
}

.modal-footer[b-2fi4j96ysg] {
  border-top: 1px solid #dee2e6;
  padding: 1rem 1.25rem;
}

/* Font monospace in modal */
.font-monospace[b-2fi4j96ysg] {
  font-family: 'Consolas', 'Monaco', monospace;
}

/* Connection test result colors */
.text-success[b-2fi4j96ysg] {
  color: #198754 !important;
  font-weight: 500;
}

.text-danger[b-2fi4j96ysg] {
  color: #dc3545 !important;
}

/* Count box in tabs - Samsara cobalt */
.countBox[b-2fi4j96ysg] {
  color: #eef2ff !important;
  background-color: #1e3a8a !important;
}

/* Sticky table header in modals */
.sticky-top[b-2fi4j96ysg] {
  position: sticky;
  top: 0;
  z-index: 1;
}

/* Table inside modal scroll area */
.modal-body .table-responsive[b-2fi4j96ysg] {
  border: 1px solid #dee2e6;
  border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
  .filter-row[b-2fi4j96ysg] {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-group select[b-2fi4j96ysg],
  .filter-group input[b-2fi4j96ysg] {
    min-width: 100%;
  }

  .pagination-container[b-2fi4j96ysg] {
    flex-direction: column;
    gap: 10px;
  }

  .sub-filter-row[b-2fi4j96ysg] {
    flex-direction: column;
    align-items: stretch;
  }
}
/* /Pages/SentryFileCollection/SentryFileCollection.razor.rz.scp.css */
.sfc-page[b-2x7e1mzesr] {
  padding: 1rem 1.25rem 2rem;
  max-width: 1400px;
}

.page-header[b-2x7e1mzesr] {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 1rem;
}

.page-header h3[b-2x7e1mzesr] {
  margin: 0 0 0.35rem;
  font-size: 1.25rem;
}

.info-text[b-2x7e1mzesr] {
  margin: 0;
  max-width: 52rem;
  color: #555;
  font-size: 0.9rem;
  line-height: 1.4;
}

.header-actions[b-2x7e1mzesr] {
  display: flex;
  gap: 0.5rem;
  flex-shrink: 0;
}

.btn[b-2x7e1mzesr] {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 0.4rem 0.75rem;
  background: #f5f5f5;
  cursor: pointer;
  font-size: 0.9rem;
}

.btn-primary[b-2x7e1mzesr] {
  background: #0d6efd;
  border-color: #0d6efd;
  color: #fff;
}

.btn-secondary[b-2x7e1mzesr] {
  background: #e9ecef;
}

.btn-outline[b-2x7e1mzesr] {
  background: #fff;
}

.btn:disabled[b-2x7e1mzesr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.tiles[b-2x7e1mzesr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.tile[b-2x7e1mzesr] {
  min-width: 6.5rem;
  padding: 0.6rem 0.85rem;
  border-radius: 6px;
  background: #f1f3f5;
  border: 1px solid #dee2e6;
}

.tile-n[b-2x7e1mzesr] {
  font-size: 1.4rem;
  font-weight: 600;
}

.tile-l[b-2x7e1mzesr] {
  font-size: 0.75rem;
  color: #555;
}

.tile-green[b-2x7e1mzesr] { background: #d3f9d8; border-color: #8ce99a; }
.tile-yellow[b-2x7e1mzesr] { background: #fff3bf; border-color: #ffe066; }
.tile-red[b-2x7e1mzesr] { background: #ffe3e3; border-color: #ffa8a8; }
.tile-need[b-2x7e1mzesr] { background: #e7f5ff; border-color: #74c0fc; }
.tile-gap[b-2x7e1mzesr] { background: #fff0f6; border-color: #faa2c1; }

.row-gap[b-2x7e1mzesr] { background: #fff8f8; }

.gap-label[b-2x7e1mzesr] {
  color: #c92a2a;
  font-weight: 600;
  font-size: 0.8rem;
}

.inv[b-2x7e1mzesr] { min-width: 11rem; font-size: 0.8rem; }

.actions[b-2x7e1mzesr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  max-width: 14rem;
}

.btn-sm[b-2x7e1mzesr] {
  padding: 0.2rem 0.4rem;
  font-size: 0.75rem;
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

a.btn-sm[b-2x7e1mzesr] {
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #f8f9fa;
}

.activity-log[b-2x7e1mzesr] {
  max-height: 28rem;
  overflow: auto;
  margin-top: 0.75rem;
}

.activity-log .mono[b-2x7e1mzesr] {
  white-space: pre-wrap;
  word-break: break-word;
}

.panel[b-2x7e1mzesr] {
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 0.85rem 1rem;
  margin-bottom: 1rem;
  background: #fff;
}

.settings-panel h4[b-2x7e1mzesr] {
  margin: 0 0 0.75rem;
  font-size: 1rem;
}

.settings-grid[b-2x7e1mzesr] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
  gap: 0.75rem 1rem;
}

.settings-grid label[b-2x7e1mzesr] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.85rem;
}

.settings-grid label.chk[b-2x7e1mzesr] {
  flex-direction: row;
  align-items: center;
  gap: 0.4rem;
}

.settings-grid input[type="date"][b-2x7e1mzesr],
.settings-grid input[type="number"][b-2x7e1mzesr],
.settings-grid select[b-2x7e1mzesr] {
  padding: 0.3rem 0.4rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

.hint[b-2x7e1mzesr] {
  font-size: 0.75rem;
  color: #868e96;
}

.settings-actions[b-2x7e1mzesr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.85rem;
}

.filters-row[b-2x7e1mzesr] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

.filters-row input[type="search"][b-2x7e1mzesr],
.filters-row select[b-2x7e1mzesr] {
  padding: 0.35rem 0.5rem;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

.result-count[b-2x7e1mzesr] {
  font-size: 0.85rem;
  color: #666;
}

.table-wrap[b-2x7e1mzesr] {
  overflow: auto;
  border: 1px solid #dee2e6;
  border-radius: 6px;
}

.sfc-table[b-2x7e1mzesr] {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.85rem;
}

.sfc-table th[b-2x7e1mzesr],
.sfc-table td[b-2x7e1mzesr] {
  padding: 0.4rem 0.55rem;
  border-bottom: 1px solid #eee;
  text-align: left;
  vertical-align: top;
}

.sfc-table th[b-2x7e1mzesr] {
  background: #f8f9fa;
  position: sticky;
  top: 0;
}

.mono[b-2x7e1mzesr] {
  font-family: ui-monospace, Consolas, monospace;
  font-size: 0.8rem;
  white-space: nowrap;
}

.muted[b-2x7e1mzesr] {
  color: #868e96;
  font-size: 0.75rem;
  margin-left: 0.25rem;
}

.dot[b-2x7e1mzesr] {
  display: inline-block;
  padding: 0.15rem 0.4rem;
  border-radius: 4px;
  font-size: 0.75rem;
  white-space: nowrap;
}

.dot.green[b-2x7e1mzesr] { background: #d3f9d8; }
.dot.yellow[b-2x7e1mzesr] { background: #fff3bf; }
.dot.red[b-2x7e1mzesr] { background: #ffe3e3; }
.dot.unknown[b-2x7e1mzesr] { background: #e9ecef; }

.alert[b-2x7e1mzesr] {
  padding: 0.6rem 0.85rem;
  border-radius: 4px;
  margin-bottom: 0.75rem;
  font-size: 0.9rem;
}

.alert-danger[b-2x7e1mzesr] {
  background: #fff5f5;
  border: 1px solid #ffa8a8;
  color: #c92a2a;
}

.alert-info[b-2x7e1mzesr] {
  background: #e7f5ff;
  border: 1px solid #74c0fc;
  color: #1864ab;
}
/* /Pages/Sentry/IoTDevices.razor.rz.scp.css */
.iot-devices-container[b-uojrew5ro2] {
  padding: 20px;
}

.subtitle[b-uojrew5ro2] {
  color: #666;
  margin-bottom: 20px;
}

.toolbar[b-uojrew5ro2] {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.loading-container[b-uojrew5ro2] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 20px;
}

.panels-container[b-uojrew5ro2] {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.panel[b-uojrew5ro2] {
  background: white;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 15px;
}

.panel h3[b-uojrew5ro2] {
  margin-top: 0;
  margin-bottom: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.panel h3 .oi[b-uojrew5ro2] {
  margin-right: 8px;
}

.connection-status[b-uojrew5ro2] {
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.85em;
}

.status-connected[b-uojrew5ro2] {
  background: #d4edda;
  color: #155724;
}

.status-disconnected[b-uojrew5ro2] {
  background: #f8d7da;
  color: #721c24;
}

.text-success[b-uojrew5ro2] {
  color: #28a745;
}

.text-danger[b-uojrew5ro2] {
  color: #dc3545;
}
/* /Pages/Settings/CustomerSettings.razor.rz.scp.css */
.customer-settings[b-4xzksllbnr] {
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.page-header[b-4xzksllbnr] {
  margin-bottom: 24px;
}

.page-header h1[b-4xzksllbnr] {
  font-size: 24px;
  font-weight: 600;
  color: #1a1a2e;
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.page-header .subtitle[b-4xzksllbnr] {
  color: #666;
  margin: 0;
  font-size: 14px;
}

/* Company Selector Bar */
.company-selector-bar[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 16px 20px;
  background: #f8f9fa;
  border-radius: 8px;
  margin-bottom: 24px;
  flex-wrap: wrap;
}

.selector-group[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.selector-group label[b-4xzksllbnr] {
  font-weight: 500;
  color: #555;
  white-space: nowrap;
}

.selector-group select[b-4xzksllbnr] {
  min-width: 280px;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: white;
}

.action-buttons[b-4xzksllbnr] {
  display: flex;
  gap: 10px;
  margin-left: auto;
}

.btn-save[b-4xzksllbnr], .btn-cancel[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.btn-save[b-4xzksllbnr] {
  background: #28a745;
  color: white;
}

.btn-save:hover:not(:disabled)[b-4xzksllbnr] {
  background: #218838;
}

.btn-save:disabled[b-4xzksllbnr] {
  opacity: 0.6;
  cursor: not-allowed;
}

.btn-cancel[b-4xzksllbnr] {
  background: #6c757d;
  color: white;
}

.btn-cancel:hover[b-4xzksllbnr] {
  background: #5a6268;
}

/* Loading & No Selection States */
.loading[b-4xzksllbnr], .no-selection[b-4xzksllbnr] {
  text-align: center;
  padding: 60px 20px;
  color: #666;
}

.no-selection[b-4xzksllbnr] {
  background: #f8f9fa;
  border-radius: 8px;
}

.no-selection .oi[b-4xzksllbnr] {
  font-size: 48px;
  color: #ccc;
  display: block;
  margin-bottom: 16px;
}

/* Settings Panels Grid */
.settings-panels[b-4xzksllbnr] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 20px;
}

.settings-panel[b-4xzksllbnr] {
  background: white;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  overflow: hidden;
}

.panel-header[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
}

.panel-header .oi[b-4xzksllbnr] {
  color: #0066cc;
  font-size: 16px;
}

.panel-header h3[b-4xzksllbnr] {
  margin: 0;
  font-size: 15px;
  font-weight: 600;
  color: #333;
}

.panel-body[b-4xzksllbnr] {
  padding: 18px;
}

/* Setting Rows */
.setting-row[b-4xzksllbnr] {
  margin-bottom: 16px;
}

.setting-row:last-child[b-4xzksllbnr] {
  margin-bottom: 0;
}

.setting-row > label[b-4xzksllbnr] {
  display: block;
  font-weight: 500;
  color: #444;
  margin-bottom: 6px;
  font-size: 13px;
}

.setting-row select[b-4xzksllbnr] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: white;
}

.setting-row select:disabled[b-4xzksllbnr] {
  background: #f5f5f5;
  color: #888;
}

.setting-row .hint[b-4xzksllbnr] {
  display: block;
  font-size: 12px;
  color: #888;
  margin-top: 4px;
}

/* Checkbox Rows */
.checkbox-row > label[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: normal;
  cursor: pointer;
}

.checkbox-row > label input[type="checkbox"][b-4xzksllbnr] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.checkbox-row > label input[type="checkbox"]:disabled[b-4xzksllbnr] {
  cursor: not-allowed;
}

.checkbox-row .hint[b-4xzksllbnr] {
  margin-left: 28px;
}

/* Display Options Table */
.display-options-table[b-4xzksllbnr] {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.display-options-table th[b-4xzksllbnr],
.display-options-table td[b-4xzksllbnr] {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #eee;
}

.display-options-table th[b-4xzksllbnr] {
  background: #f8f9fa;
  font-weight: 600;
  color: #555;
}

.display-options-table th:not(:first-child)[b-4xzksllbnr],
.display-options-table td:not(:first-child)[b-4xzksllbnr] {
  text-align: center;
  width: 120px;
}

.display-options-table input[type="checkbox"][b-4xzksllbnr] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.display-options-table input[type="checkbox"]:disabled[b-4xzksllbnr] {
  cursor: not-allowed;
}

/* Info Panel */
.info-panel .panel-header[b-4xzksllbnr] {
  background: #e8f4fd;
}

.info-panel .panel-header .oi[b-4xzksllbnr] {
  color: #0066cc;
}

.info-row[b-4xzksllbnr] {
  display: flex;
  padding: 8px 0;
  border-bottom: 1px solid #f0f0f0;
}

.info-row:last-child[b-4xzksllbnr] {
  border-bottom: none;
}

.info-row label[b-4xzksllbnr] {
  width: 140px;
  font-weight: 500;
  color: #666;
  font-size: 13px;
}

.info-row span[b-4xzksllbnr] {
  color: #333;
  font-size: 13px;
}

.status-active[b-4xzksllbnr] {
  color: #28a745;
  font-weight: 500;
}

.status-inactive[b-4xzksllbnr] {
  color: #dc3545;
  font-weight: 500;
}

/* Messages */
.error-message[b-4xzksllbnr], .success-message[b-4xzksllbnr] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-radius: 6px;
  margin-top: 20px;
  font-size: 14px;
}

.error-message[b-4xzksllbnr] {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.success-message[b-4xzksllbnr] {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}

/* Spinning animation */
@keyframes spin-b-4xzksllbnr {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.spinning[b-4xzksllbnr] {
  animation: spin-b-4xzksllbnr 1s linear infinite;
}
/* /Pages/SIMCards/SIMCards.razor.rz.scp.css */
.sim-cards-container[b-ehpitg24g9] {
  padding: 20px;
  max-width: 1600px;
  margin: 0 auto;
}

.page-header[b-ehpitg24g9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #dee2e6;
}

.page-header h3[b-ehpitg24g9] {
  margin: 0;
  color: #333;
  font-weight: 600;
}

.action-buttons[b-ehpitg24g9] {
  display: flex;
  gap: 4px;
  justify-content: center;
  flex-wrap: nowrap;
}

.action-buttons .e-btn[b-ehpitg24g9] {
  min-width: 32px;
  padding: 4px 8px;
}

.action-buttons .e-btn .e-btn-icon[b-ehpitg24g9] {
  font-size: 14px;
}

.loading[b-ehpitg24g9] {
  text-align: center;
  padding: 40px;
  font-size: 16px;
  color: #666;
}

.edit-form[b-ehpitg24g9] {
  padding: 10px 0;
}

.form-row[b-ehpitg24g9] {
  margin-bottom: 20px;
}

.form-row label[b-ehpitg24g9] {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

/* Sentry assignment display */
.sentry-assigned[b-ehpitg24g9] {
  color: #28a745;
  font-weight: 500;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sentry-assigned i[b-ehpitg24g9] {
  margin-right: 4px;
}

.sentry-unassigned[b-ehpitg24g9] {
  color: #6c757d;
  font-style: italic;
}

/* Assign sentry dialog */
.assign-sentry-form[b-ehpitg24g9] {
  padding: 10px 0;
}

.sim-info-box[b-ehpitg24g9] {
  background-color: #e7f3ff;
  border: 1px solid #b6d4fe;
  border-radius: 6px;
  padding: 12px 15px;
  margin-bottom: 15px;
  font-size: 14px;
}

.current-assignment[b-ehpitg24g9] {
  background-color: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: 6px;
  padding: 10px 15px;
  margin-bottom: 15px;
  font-size: 14px;
}

.help-text[b-ehpitg24g9] {
  display: block;
  margin-top: 8px;
  color: #6c757d;
  font-size: 12px;
}

/* Sentry dropdown item */
.sentry-item[b-ehpitg24g9] {
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.sentry-item.has-sim[b-ehpitg24g9] {
  background-color: #fff8e1;
}

.sentry-name[b-ehpitg24g9] {
  font-weight: 500;
  color: #333;
}

.sentry-id[b-ehpitg24g9] {
  color: #6c757d;
  font-size: 12px;
}

.sentry-company[b-ehpitg24g9] {
  color: #17a2b8;
  font-size: 13px;
}

.sim-badge[b-ehpitg24g9] {
  background-color: #ffc107;
  color: #212529;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 500;
  margin-left: auto;
}

/* QR code */
.qr-container[b-ehpitg24g9] {
  text-align: center;
  padding: 20px;
}

.qr-info[b-ehpitg24g9] {
  margin-bottom: 20px;
  padding: 15px;
  background-color: #f8f9fa;
  border-radius: 4px;
  text-align: left;
  font-size: 14px;
  line-height: 1.8;
}

.qr-code-display[b-ehpitg24g9] {
  margin: 20px 0;
  padding: 20px;
  background-color: white;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  display: inline-block;
}

.qr-code-display img[b-ehpitg24g9] {
  max-width: 100%;
  height: auto;
  display: block;
}

.qr-actions[b-ehpitg24g9] {
  margin-top: 20px;
}

.warning-text[b-ehpitg24g9] {
  color: #dc3545;
  font-weight: 500;
  margin-top: 10px;
  padding: 10px;
  background-color: #f8d7da;
  border-radius: 4px;
}

@media print {
  .sim-cards-container[b-ehpitg24g9],
  .action-buttons[b-ehpitg24g9],
  button[b-ehpitg24g9] {
    display: none !important;
  }
  
  .qr-code-display[b-ehpitg24g9] {
    border: 2px solid #000;
    page-break-inside: avoid;
  }
}
/* /Pages/Tanks/FillManagement.razor.rz.scp.css */
.fill-mgmt-container[b-goe3wbuxxx] {
  padding: 20px;
}

.page-header[b-goe3wbuxxx] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.page-header h3[b-goe3wbuxxx] {
  margin: 0;
  font-size: 24px;
  color: #333;
}

.header-actions[b-goe3wbuxxx] {
  display: flex;
  gap: 10px;
}

.filters-section[b-goe3wbuxxx] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 4px;
}

.filter-row[b-goe3wbuxxx] {
  display: flex;
  gap: 15px;
  align-items: end;
}

.filter-item[b-goe3wbuxxx] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.filter-item label[b-goe3wbuxxx] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

/* ── Summary bar ── */

.summary-bar[b-goe3wbuxxx] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 16px;
  background: #f0f4f8;
  border-radius: 6px;
  border: 1px solid #dde3ea;
}

.summary-item[b-goe3wbuxxx] {
  display: flex;
  flex-direction: column;
  min-width: 130px;
  padding: 4px 12px;
  border-right: 1px solid #dde3ea;
}

.summary-item:last-child[b-goe3wbuxxx] {
  border-right: none;
}

.summary-label[b-goe3wbuxxx] {
  font-size: 11px;
  font-weight: 600;
  color: #6b7c93;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.summary-value[b-goe3wbuxxx] {
  font-size: 15px;
  font-weight: 500;
  color: #1a2b3c;
  margin-top: 2px;
}

.summary-warning .summary-value[b-goe3wbuxxx] {
  color: #b8860b;
  font-weight: 700;
}

.summary-danger .summary-value[b-goe3wbuxxx] {
  color: #c0392b;
  font-weight: 700;
}

/* ── Action bar ── */

.action-bar[b-goe3wbuxxx] {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}

.action-spacer[b-goe3wbuxxx] {
  flex: 1;
}

.toggle-label[b-goe3wbuxxx] {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #555;
}

/* ── Grid cell styles ── */

.amount-active[b-goe3wbuxxx] {
  color: #2e7d32;
  font-weight: 500;
}

.amount-zero[b-goe3wbuxxx] {
  color: #999;
}

.action-buttons[b-goe3wbuxxx] {
  display: flex;
  gap: 5px;
  justify-content: center;
}

/* ── Edit form ── */

.edit-form[b-goe3wbuxxx] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-row-pair[b-goe3wbuxxx] {
  display: flex;
  gap: 16px;
}

.form-row-pair .form-row[b-goe3wbuxxx] {
  flex: 1;
}

.form-row[b-goe3wbuxxx] {
  display: flex;
  flex-direction: column;
}

.form-row label[b-goe3wbuxxx] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
  font-size: 13px;
}

/* ── Confirm dialog ── */

.confirm-message[b-goe3wbuxxx] {
  white-space: pre-wrap;
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  color: #333;
}

/* ── Audit log ── */

.audit-section[b-goe3wbuxxx] {
  margin-top: 24px;
  border-top: 1px solid #dde3ea;
  padding-top: 12px;
}

.audit-toggle[b-goe3wbuxxx] {
  background: none;
  border: none;
  padding: 8px 4px;
  font-size: 15px;
  font-weight: 500;
  color: #555;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.audit-toggle:hover[b-goe3wbuxxx] {
  color: #333;
}

/* ── Empty state ── */

.empty-state[b-goe3wbuxxx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  color: #999;
}

.empty-state i[b-goe3wbuxxx] {
  font-size: 48px;
  margin-bottom: 16px;
}

.empty-state p[b-goe3wbuxxx] {
  font-size: 16px;
  margin: 0;
}

/* ── Loading ── */

.loading-spinner[b-goe3wbuxxx] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px;
  text-align: center;
}

.spinner[b-goe3wbuxxx] {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin-b-goe3wbuxxx 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin-b-goe3wbuxxx {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-spinner p[b-goe3wbuxxx] {
  color: #666;
  font-size: 16px;
  margin: 0;
}
/* /Pages/Tanks/Tanks.razor.rz.scp.css */
.tanks-container[b-jd70ur9mnw] {
  padding: 20px;
}

.page-header[b-jd70ur9mnw] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.page-header h3[b-jd70ur9mnw] {
  margin: 0;
  font-size: 24px;
  color: #333;
}

.header-actions[b-jd70ur9mnw] {
  display: flex;
  gap: 10px;
}

.filters-section[b-jd70ur9mnw] {
  margin-bottom: 20px;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 4px;
}

.filter-row[b-jd70ur9mnw] {
  display: flex;
  gap: 15px;
  align-items: end;
  margin-bottom: 10px;
}

.filter-row:last-child[b-jd70ur9mnw] {
  margin-bottom: 0;
}

.filter-item[b-jd70ur9mnw] {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.filter-item label[b-jd70ur9mnw] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

.search-box[b-jd70ur9mnw] {
  display: flex;
  gap: 5px;
}

.search-box .search-input[b-jd70ur9mnw] {
  flex: 1;
}

.action-buttons[b-jd70ur9mnw] {
  display: flex;
  gap: 5px;
  justify-content: center;
}

.edit-form[b-jd70ur9mnw] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.form-row[b-jd70ur9mnw] {
  display: flex;
  flex-direction: column;
}

.form-row label[b-jd70ur9mnw] {
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}

.form-hint[b-jd70ur9mnw] {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  line-height: 1.35;
}

.form-hint strong[b-jd70ur9mnw] {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: #333;
}

[b-jd70ur9mnw] .short-id-chip {
  display: inline-block;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 12px;
  color: #444;
  background: #f1f3f5;
  border: 1px solid #dee2e6;
  border-radius: 3px;
  padding: 2px 6px;
  white-space: nowrap;
}

.loading-spinner[b-jd70ur9mnw] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px;
  text-align: center;
}

.spinner[b-jd70ur9mnw] {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #3498db;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin-b-jd70ur9mnw 1s linear infinite;
  margin-bottom: 15px;
}

@keyframes spin-b-jd70ur9mnw {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.loading-spinner p[b-jd70ur9mnw] {
  color: #666;
  font-size: 16px;
  margin: 0;
}
/* /Pages/Transactions/CostingAudit.razor.rz.scp.css */
/* Costing Audit Page Styles */

.costing-audit-page[b-67610ju17l] {
  padding: 20px;
  max-width: 100%;
}

.page-header[b-67610ju17l] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
}

.page-header h3[b-67610ju17l] {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-actions[b-67610ju17l] {
  display: flex;
  gap: 10px;
  align-items: center;
}

.result-count[b-67610ju17l] {
  font-size: 0.95rem;
  font-weight: 500;
  color: #6f42c1;
}

/* Portfolio strip */
.portfolio-strip[b-67610ju17l] {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 20px;
}

.portfolio-card[b-67610ju17l] {
  flex: 1 1 150px;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 12px 16px;
  min-width: 140px;
}

.portfolio-card-label[b-67610ju17l] {
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c757d;
  margin-bottom: 4px;
}

.portfolio-card-value[b-67610ju17l] {
  font-size: 1.35rem;
  font-weight: 600;
  color: #212529;
}

.portfolio-card-drift[b-67610ju17l] {
  border-color: #6f42c1;
  background: #f5f1ff;
}

.portfolio-card-drift .portfolio-card-value[b-67610ju17l] {
  color: #6f42c1;
}

/* Phantom-failure-mode cards: extrapolated draws, orphan transactions,
   and zero-volume phantoms. Distinct amber tint so the strip groups
   visually into "real-cost dollars" cards on the left and
   "data-quality" cards on the right. */
.portfolio-card-phantom[b-67610ju17l] {
  border-color: #d97706;
  background: #fffbeb;
}

  .portfolio-card-phantom .portfolio-card-value[b-67610ju17l] {
    color: #b45309;
  }

  .portfolio-card-phantom .portfolio-card-sub[b-67610ju17l] {
    display: block;
    font-size: 0.72rem;
    font-weight: 400;
    color: #78716c;
    margin-top: 2px;
  }

/* Filters Section */
.filters-section[b-67610ju17l] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 16px 20px;
  margin-bottom: 20px;
}

.filter-row[b-67610ju17l] {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: flex-end;
}

.filter-item[b-67610ju17l] {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 180px;
}

.filter-item label[b-67610ju17l] {
  font-size: 0.85rem;
  font-weight: 500;
  color: #495057;
}

.filter-actions[b-67610ju17l] {
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

/* Grid / loading */
.grid-section[b-67610ju17l] {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}

.loading-section[b-67610ju17l] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 40px;
  color: #6c757d;
}

/* Empty-state scan diagnostic — shown inside the alert so the
   operator can tell "no data in DB" from "filters hid everything". */
.scan-diagnostic[b-67610ju17l] {
  margin-top: 8px;
  font-size: 0.9rem;
  color: #495057;
  line-height: 1.5;
}

.scan-diagnostic strong[b-67610ju17l] {
  color: #212529;
  font-weight: 600;
}

.scan-diagnostic span[b-67610ju17l] {
  display: block;
  margin-top: 6px;
  font-style: italic;
  color: #6c757d;
}
/* /Pages/Transactions/DuplicateCleanup.razor.rz.scp.css */
/* Duplicate Cleanup Page Styles */

.duplicate-cleanup-page[b-32e1n8xvjm] {
  padding: 20px;
  max-width: 100%;
}

.page-header[b-32e1n8xvjm] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
}

.page-header h3[b-32e1n8xvjm] {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-actions[b-32e1n8xvjm] {
  display: flex;
  gap: 10px;
  align-items: center;
}

.result-count[b-32e1n8xvjm] {
  font-size: 0.95rem;
  font-weight: 500;
  color: #dc3545;
}

/* Filters Section */
.filters-section[b-32e1n8xvjm] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.filter-row[b-32e1n8xvjm] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
}

.filter-item[b-32e1n8xvjm] {
  flex: 1;
  min-width: 160px;
  max-width: 250px;
}

.filter-item label[b-32e1n8xvjm] {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.875rem;
  color: #495057;
}

.filter-actions[b-32e1n8xvjm] {
  min-width: auto;
  flex: 0 0 auto;
}

/* Loading */
.loading-section[b-32e1n8xvjm] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 40px;
  justify-content: center;
  color: #495057;
}

/* Summary Cards */
.summary-section[b-32e1n8xvjm] {
  display: flex;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.summary-card[b-32e1n8xvjm] {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 16px 24px;
  min-width: 160px;
  text-align: center;
}

.summary-value[b-32e1n8xvjm] {
  font-size: 1.5rem;
  font-weight: 700;
  color: #212529;
}

.summary-label[b-32e1n8xvjm] {
  font-size: 0.8rem;
  color: #6c757d;
  margin-top: 4px;
}

/* Action Section */
.action-section[b-32e1n8xvjm] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #dee2e6;
  flex-wrap: wrap;
}

.action-left[b-32e1n8xvjm],
.action-right[b-32e1n8xvjm] {
  display: flex;
  gap: 8px;
  align-items: center;
}

.marked-summary[b-32e1n8xvjm] {
  font-weight: 500;
  color: #dc3545;
  font-size: 0.9rem;
}

/* Review Modal Footer */
.review-footer[b-32e1n8xvjm] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}

.review-nav[b-32e1n8xvjm] {
  display: flex;
  gap: 6px;
}

.review-actions[b-32e1n8xvjm] {
  display: flex;
  gap: 8px;
}

.review-status[b-32e1n8xvjm] {
  font-size: 0.875rem;
}

/* Results */
.results-section[b-32e1n8xvjm] {
  margin-top: 20px;
}

.results-section h5[b-32e1n8xvjm] {
  margin-bottom: 12px;
}

/* Mark Toggle */
.mark-toggle[b-32e1n8xvjm] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 2px;
  font-size: 1.1rem;
  line-height: 1;
}

.mark-off[b-32e1n8xvjm] {
  color: #d0d0d0;
}

.mark-off:hover[b-32e1n8xvjm] {
  color: #999;
}

.mark-on[b-32e1n8xvjm] {
  color: #dc3545;
}

/* Compare Button */
.compare-btn[b-32e1n8xvjm] {
  padding: 2px 8px;
  font-size: 0.8rem;
  line-height: 1.2;
}

/* Comparison Modal */
.comparison-body[b-32e1n8xvjm] {
  display: flex;
  gap: 0;
}

.comparison-side[b-32e1n8xvjm] {
  flex: 1;
  padding: 16px 20px;
}

.comparison-side.keeping[b-32e1n8xvjm] {
  background: #f0fdf4;
  border-right: 1px solid #dee2e6;
}

.comparison-side.deleting[b-32e1n8xvjm] {
  background: #fef2f2;
}

.comparison-side-header[b-32e1n8xvjm] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
  margin-bottom: 12px;
  font-size: 0.95rem;
}

.comparison-divider[b-32e1n8xvjm] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  position: relative;
}

.delta-badge[b-32e1n8xvjm] {
  position: absolute;
  background: #6c757d;
  color: #fff;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  white-space: nowrap;
  z-index: 1;
}

.comparison-table[b-32e1n8xvjm] {
  width: 100%;
  font-size: 0.875rem;
}

.comparison-table tr td:first-child[b-32e1n8xvjm] {
  font-weight: 500;
  color: #6c757d;
  width: 140px;
  padding: 4px 8px 4px 0;
  vertical-align: top;
}

.comparison-table tr td:last-child[b-32e1n8xvjm] {
  padding: 4px 0;
}

/* Modal */
.modal-backdrop[b-32e1n8xvjm] {
  background: rgba(0, 0, 0, 0.5);
}
/* /Pages/Transactions/Transactions.razor.rz.scp.css */
/* Transactions Page Styles */

.transactions-page[b-c0bdgfuouj] {
  padding: 20px;
  max-width: 100%;
}

.page-header[b-c0bdgfuouj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
}

.page-header h3[b-c0bdgfuouj] {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-actions[b-c0bdgfuouj] {
  display: flex;
  gap: 10px;
}

/* Filters Section */
.filters-section[b-c0bdgfuouj] {
  background: #f8f9fa;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

.filter-row[b-c0bdgfuouj] {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-end;
}

.filter-item[b-c0bdgfuouj] {
  flex: 1;
  min-width: 180px;
  max-width: 250px;
}

.filter-item label[b-c0bdgfuouj] {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 0.875rem;
  color: #495057;
}

.filter-actions[b-c0bdgfuouj] {
  min-width: auto;
  flex: 0 0 auto;
}

/* Tab Navigation */
.tab-navigation[b-c0bdgfuouj] {
  display: flex;
  gap: 5px;
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
}

.tab-btn[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: #f8f9fa;
  border: none;
  border-radius: 8px 8px 0 0;
  cursor: pointer;
  font-size: 0.95rem;
  color: #495057;
  transition: all 0.2s ease;
}

.tab-btn:hover[b-c0bdgfuouj] {
  background: #e9ecef;
}

.tab-btn.active[b-c0bdgfuouj] {
  background: #fff;
  color: #212529;
  font-weight: 500;
  border-bottom: 2px solid #fff;
  margin-bottom: -2px;
}

.tab-btn .badge[b-c0bdgfuouj] {
  font-size: 0.75rem;
}

/* Tab Content */
.tab-content[b-c0bdgfuouj] {
  background: #fff;
  border-radius: 0 8px 8px 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

/* Orphaned Header */
.orphaned-header[b-c0bdgfuouj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.orphaned-filters[b-c0bdgfuouj] { 

/* Risk badge styles (matching client portal for consistency) */
.risk-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
}
.risk-badge.risk-high[b-c0bdgfuouj] { background: #dc3545; color: white; }
.risk-badge.risk-medium[b-c0bdgfuouj] { background: #ffc107; color: #212529; }
.risk-badge.risk-low[b-c0bdgfuouj] {
  background: #f1f3f5;
  color: #495057;
  border: 1px solid #adb5bd;
  padding: 2px 7px;
  border-radius: 999px; /* pill shape like other code badges */
  font-size: 0.7rem;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.risk-section .risk-score[b-c0bdgfuouj] {
  font-weight: 600;
  margin-right: 6px;
}

.risk-section .risk-explanation[b-c0bdgfuouj] {
  font-style: italic;
  color: #374151;
}

.risk-section .detail-row[b-c0bdgfuouj] {
  margin-bottom: 4px;
}

.risk-section .small[b-c0bdgfuouj] {
  font-size: 0.8em;
  color: #6b7280;
  line-height: 1.3;
}

.risk-section[b-c0bdgfuouj] {
  border-left: 3px solid #0d6efd;
  padding-left: 8px;
  margin-bottom: 12px;
}
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;[b-c0bdgfuouj]
}

.orphaned-filter-item[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 6px;
}

.orphaned-filter-item label[b-c0bdgfuouj] {
  font-weight: 500;
  margin: 0;
  font-size: 0.875rem;
  white-space: nowrap;
}

.orphaned-status-filter[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.orphaned-status-filter label[b-c0bdgfuouj] {
  font-weight: 500;
  margin: 0;
}

.zero-gallons-toggle[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  margin: 0;
  font-size: 0.875rem;
}

.zero-gallons-toggle .form-check-input[b-c0bdgfuouj] {
  margin-top: 0;
}

.reset-orphaned-filters[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px 10px;
  font-size: 0.8rem;
  white-space: nowrap;
}

.reset-orphaned-filters:hover[b-c0bdgfuouj] {
  background: #6c757d;
  color: white;
}

/* Gallon Range Filter */
.gallon-filter[b-c0bdgfuouj] {
  min-width: 320px !important;
  max-width: 400px !important;
}

.gallon-range-control[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  gap: 10px;
}

.gallon-input[b-c0bdgfuouj] {
  width: 70px !important;
  text-align: center;
  flex-shrink: 0;
}

.gallon-slider-wrapper[b-c0bdgfuouj] {
  flex: 1;
  min-width: 120px;
  padding: 0 5px;
}

.gallon-slider-wrapper .e-slider-container[b-c0bdgfuouj] {
  margin-top: 0;
}

.gallon-slider-wrapper .e-slider[b-c0bdgfuouj] {
  height: 6px;
}

.gallon-slider-wrapper .e-handle[b-c0bdgfuouj] {
  height: 16px;
  width: 16px;
  top: calc(50% - 8px) !important;
}

.gallon-slider-wrapper .e-range[b-c0bdgfuouj] {
  height: 6px;
  background: #17a2b8;
}

.gallon-slider-wrapper .e-slider-track[b-c0bdgfuouj] {
  background: #dee2e6;
}

/* Loading & Empty States */
.loading-indicator[b-c0bdgfuouj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #6c757d;
}

.loading-indicator .spinner-border[b-c0bdgfuouj] {
  width: 3rem;
  height: 3rem;
  margin-bottom: 15px;
}

.empty-state[b-c0bdgfuouj] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;
  color: #6c757d;
}

.empty-state .oi[b-c0bdgfuouj] {
  font-size: 3rem;
  margin-bottom: 15px;
}

.empty-state.success[b-c0bdgfuouj] {
  color: #28a745;
}

.empty-state.success .oi[b-c0bdgfuouj] {
  color: #28a745;
}

/* Paging Info */
.paging-info[b-c0bdgfuouj] {
  margin-top: 15px;
  text-align: right;
  font-size: 0.875rem;
  color: #6c757d;
}

/* Action Buttons */
.action-buttons[b-c0bdgfuouj] {
  display: flex;
  justify-content: center;
  gap: 5px;
}

/* Modal Styles */
.modal-backdrop[b-c0bdgfuouj] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1040;
}

.detail-modal[b-c0bdgfuouj] {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  z-index: 1050;
  max-width: 700px;
  width: 90%;
  max-height: 85vh;
  display: flex;
  flex-direction: column;
}

.detail-modal .modal-header[b-c0bdgfuouj] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #dee2e6;
  background: #f8f9fa;
  border-radius: 12px 12px 0 0;
}

.detail-modal .modal-header h5[b-c0bdgfuouj] {
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}

.detail-modal .modal-body[b-c0bdgfuouj] {
  padding: 20px;
  overflow-y: auto;
  flex: 1;
}

.detail-modal .modal-footer[b-c0bdgfuouj] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 15px 20px;
  border-top: 1px solid #dee2e6;
  background: #f8f9fa;
  border-radius: 0 0 12px 12px;
}

/* Detail Sections */
.detail-section[b-c0bdgfuouj] {
  margin-bottom: 20px;
}

.detail-section h6[b-c0bdgfuouj] {
  color: #495057;
  font-weight: 600;
  margin-bottom: 12px;
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
}

.detail-row[b-c0bdgfuouj] {
  display: flex;
  margin-bottom: 8px;
}

.detail-label[b-c0bdgfuouj] {
  flex: 0 0 140px;
  font-weight: 500;
  color: #6c757d;
}

.detail-value[b-c0bdgfuouj] {
  flex: 1;
  color: #212529;
}

.detail-value.gallons-highlight[b-c0bdgfuouj] {
  font-weight: 600;
  color: #28a745;
  font-size: 1.1em;
}

.detail-text[b-c0bdgfuouj] {
  background: #f8f9fa;
  padding: 10px 15px;
  border-radius: 6px;
  white-space: pre-wrap;
  font-family: inherit;
}

.reason-section .reason-text[b-c0bdgfuouj] {
  background: #fff3cd;
  border: 1px solid #ffc107;
  padding: 12px 15px;
  border-radius: 6px;
  color: #856404;
}

/* Recovery Modal Specific */
.recovery-confirm-modal[b-c0bdgfuouj],
.batch-recovery-modal[b-c0bdgfuouj] {
  max-width: 550px;
}

.recovery-progress[b-c0bdgfuouj] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: #e9ecef;
  border-radius: 6px;
}

.recovery-progress-section[b-c0bdgfuouj] {
  padding: 20px;
  background: #f8f9fa;
  border-radius: 6px;
}

.recovery-results[b-c0bdgfuouj] {
  max-height: 300px;
  overflow-y: auto;
}

.results-list[b-c0bdgfuouj] {
  border: 1px solid #ddd;
  border-radius: 4px;
  max-height: 250px;
  overflow-y: auto;
}

.result-item[b-c0bdgfuouj] {
  padding: 6px 12px;
  border-bottom: 1px solid #eee;
  font-family: monospace;
  font-size: 0.85rem;
}

.result-item:last-child[b-c0bdgfuouj] {
  border-bottom: none;
}

.result-item.success[b-c0bdgfuouj] {
  color: #28a745;
}

.result-item.failure[b-c0bdgfuouj] {
  color: #dc3545;
}

/* Toast Notifications */
.recovery-toast[b-c0bdgfuouj] {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 12px 20px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 10px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  z-index: 9999;
  cursor: pointer;
  animation: slideIn-b-c0bdgfuouj 0.3s ease;
}

.recovery-toast.error-toast[b-c0bdgfuouj] {
  background: #dc3545;
  color: white;
}

.recovery-toast.success-toast[b-c0bdgfuouj] {
  background: #28a745;
  color: white;
}

@keyframes slideIn-b-c0bdgfuouj {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

/* Grid Styling */
.e-grid .e-rowcell[b-c0bdgfuouj] {
  padding: 8px 12px;
}

.e-grid .e-headercell[b-c0bdgfuouj] {
  background: #f8f9fa;
  font-weight: 600;
}

/* Responsive */
@media (max-width: 768px) {
  .filter-row[b-c0bdgfuouj] {
    flex-direction: column;
  }
  
  .filter-item[b-c0bdgfuouj] {
    max-width: 100%;
  }
  
  .tab-navigation[b-c0bdgfuouj] {
    flex-direction: column;
  }
  
  .tab-btn[b-c0bdgfuouj] {
    border-radius: 0;
  }
  
  .detail-modal[b-c0bdgfuouj] {
    width: 95%;
    max-height: 90vh;
  }
  
  .detail-label[b-c0bdgfuouj] {
    flex: 0 0 100px;
  }
}
/* /Pages/UserManagement/ChangePassword.razor.rz.scp.css */
.password-page[b-luv018smvm] {
  max-width: 500px;
  margin: 0 auto;
}

.page-header[b-luv018smvm] {
  margin-bottom: 24px;
}

.page-header h2[b-luv018smvm] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1f2937;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.page-header h2 i[b-luv018smvm] {
  color: #6b7280;
}

.password-card[b-luv018smvm] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.alert[b-luv018smvm] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  margin: 0;
  border-radius: 0;
  font-size: 14px;
}

.alert-success[b-luv018smvm] {
  background: #d1fae5;
  color: #065f46;
  border-bottom: 1px solid #a7f3d0;
}

.alert-success i[b-luv018smvm] {
  color: #10b981;
}

.alert-danger[b-luv018smvm] {
  background: #fee2e2;
  color: #991b1b;
  border-bottom: 1px solid #fecaca;
}

.alert-danger i[b-luv018smvm] {
  color: #ef4444;
}

.form-section[b-luv018smvm] {
  padding: 24px;
}

.form-group[b-luv018smvm] {
  margin-bottom: 20px;
}

.form-group:last-child[b-luv018smvm] {
  margin-bottom: 0;
}

.form-group label[b-luv018smvm] {
  display: block;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.form-actions[b-luv018smvm] {
  padding: 20px 24px;
  background: #f9fafb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 1px solid #e5e7eb;
}

.form-actions .btn[b-luv018smvm] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}

.form-actions .btn-secondary[b-luv018smvm] {
  background: #e5e7eb;
  color: #374151;
}

.form-actions .btn-secondary:hover[b-luv018smvm] {
  background: #d1d5db;
}

/* Syncfusion overrides */
[b-luv018smvm] .e-input-group {
  border-radius: 6px !important;
}

[b-luv018smvm] .e-input {
  font-size: 14px !important;
}
/* /Pages/UserManagement/MyProfile.razor.rz.scp.css */
.profile-page[b-npyt431q13] {
  max-width: 600px;
  margin: 0 auto;
}

.page-header[b-npyt431q13] {
  margin-bottom: 24px;
}

.page-header h2[b-npyt431q13] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1f2937;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.page-header h2 i[b-npyt431q13] {
  color: #6b7280;
}

.profile-card[b-npyt431q13] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

.profile-section[b-npyt431q13] {
  padding: 24px;
  border-bottom: 1px solid #e5e7eb;
}

.profile-section:last-of-type[b-npyt431q13] {
  border-bottom: none;
}

.profile-section h4[b-npyt431q13] {
  color: #374151;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0 0 16px 0;
}

.info-row[b-npyt431q13] {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}

.info-row:last-child[b-npyt431q13] {
  margin-bottom: 0;
}

.info-row label[b-npyt431q13] {
  flex: 0 0 140px;
  color: #6b7280;
  font-size: 14px;
  font-weight: 500;
}

.info-row span[b-npyt431q13] {
  color: #1f2937;
  font-size: 14px;
}

.role-badges[b-npyt431q13] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.role-badge[b-npyt431q13] {
  padding: 4px 12px;
  border-radius: 16px;
  font-size: 12px;
  font-weight: 500;
}

.role-badge.level-superadmin[b-npyt431q13] {
  background: linear-gradient(135deg, #7c3aed, #5b21b6);
  color: white;
}

.role-badge.level-admin[b-npyt431q13] {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  color: white;
}

.role-badge.level-manager[b-npyt431q13] {
  background: linear-gradient(135deg, #ea580c, #c2410c);
  color: white;
}

.role-badge.level-support[b-npyt431q13] {
  background: linear-gradient(135deg, #0891b2, #0e7490);
  color: white;
}

.role-badge.level-viewer[b-npyt431q13] {
  background: #e5e7eb;
  color: #374151;
}

.profile-actions[b-npyt431q13] {
  padding: 24px;
  background: #f9fafb;
  display: flex;
  justify-content: flex-end;
}

.profile-actions .btn[b-npyt431q13] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}

.profile-actions .btn-primary[b-npyt431q13] {
  background: #10b981;
  color: white;
}

.profile-actions .btn-primary:hover[b-npyt431q13] {
  background: #059669;
}
/* /Pages/UserManagement/RoleManagement.razor.rz.scp.css */
.role-management-page[b-08y6jw61m9] {
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.page-header[b-08y6jw61m9] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

.header-left h3[b-08y6jw61m9] {
  margin: 0 0 5px 0;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.info-text[b-08y6jw61m9] {
  color: #666;
  font-size: 14px;
  margin: 0;
}

.header-actions[b-08y6jw61m9] {
  display: flex;
  gap: 10px;
}

/* Alerts */
.alert[b-08y6jw61m9] {
  padding: 12px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.alert-danger[b-08y6jw61m9] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

.alert-success[b-08y6jw61m9] {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

/* Roles Container */
.roles-container[b-08y6jw61m9] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}

/* Role Card */
.role-card[b-08y6jw61m9] {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  padding: 20px;
  transition: transform 0.2s, box-shadow 0.2s;
}

.role-card:hover[b-08y6jw61m9] {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.role-card.inactive[b-08y6jw61m9] {
  opacity: 0.7;
  background: #f8f9fa;
}

.role-card.protected[b-08y6jw61m9] {
  border: 2px solid #6c757d;
}

.protected-badge[b-08y6jw61m9] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: #e9ecef;
  color: #6c757d;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
}

.role-header[b-08y6jw61m9] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 10px;
}

.role-title[b-08y6jw61m9] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.role-title h4[b-08y6jw61m9] {
  margin: 0;
  font-size: 18px;
  color: #333;
}

.role-badge[b-08y6jw61m9] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
  width: fit-content;
}

.level-super[b-08y6jw61m9] { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; }
.level-admin[b-08y6jw61m9] { background: #dc3545; color: white; }
.level-manager[b-08y6jw61m9] { background: #fd7e14; color: white; }
.level-support[b-08y6jw61m9] { background: #17a2b8; color: white; }
.level-viewer[b-08y6jw61m9] { background: #6c757d; color: white; }

.inactive-badge[b-08y6jw61m9] {
  background: #f8d7da;
  color: #721c24;
  padding: 2px 8px;
  border-radius: 10px;
  font-size: 10px;
  font-weight: 600;
}

.role-actions[b-08y6jw61m9] {
  display: flex;
  gap: 5px;
}

.role-description[b-08y6jw61m9] {
  color: #666;
  font-size: 13px;
  margin: 0 0 15px 0;
  min-height: 40px;
}

.role-stats[b-08y6jw61m9] {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}

.stat[b-08y6jw61m9] {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 13px;
  color: #555;
}

.stat i[b-08y6jw61m9] {
  color: #888;
}

.permission-preview[b-08y6jw61m9] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.perm-tag[b-08y6jw61m9] {
  background: #e9ecef;
  color: #495057;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
}

.perm-tag.more[b-08y6jw61m9] {
  background: #007bff;
  color: white;
}

/* Dialog Form */
.dialog-form[b-08y6jw61m9] {
  padding: 10px 0;
}

.form-group[b-08y6jw61m9] {
  margin-bottom: 15px;
}

.form-group label[b-08y6jw61m9] {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
  font-size: 13px;
}

.form-group .required[b-08y6jw61m9] {
  color: #dc3545;
}

.form-hint[b-08y6jw61m9] {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
}

/* Permissions Manager */
.permissions-manager[b-08y6jw61m9] {
  height: calc(80vh - 180px);
  overflow-y: auto;
}

.permission-group[b-08y6jw61m9] {
  margin-bottom: 10px;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  overflow: hidden;
}

.group-header[b-08y6jw61m9] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 15px;
  background: #f8f9fa;
  cursor: pointer;
  user-select: none;
}

.group-header:hover[b-08y6jw61m9] {
  background: #e9ecef;
}

.group-name[b-08y6jw61m9] {
  font-weight: 600;
  flex: 1;
}

.group-count[b-08y6jw61m9] {
  font-size: 12px;
  color: #666;
  background: white;
  padding: 2px 8px;
  border-radius: 10px;
}

.permission-list[b-08y6jw61m9] {
  padding: 10px;
  background: white;
}

.permission-item[b-08y6jw61m9] {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 10px;
  border-radius: 6px;
}

.permission-item:hover[b-08y6jw61m9] {
  background: #f8f9fa;
}

.permission-checkbox[b-08y6jw61m9] {
  position: relative;
  cursor: pointer;
  padding-left: 25px;
  min-height: 20px;
}

.permission-checkbox input[b-08y6jw61m9] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark[b-08y6jw61m9] {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 4px;
}

.permission-checkbox:hover input ~ .checkmark[b-08y6jw61m9] {
  border-color: #007bff;
}

.permission-checkbox input:checked ~ .checkmark[b-08y6jw61m9] {
  background-color: #007bff;
  border-color: #007bff;
}

.checkmark[b-08y6jw61m9]:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.permission-checkbox input:checked ~ .checkmark[b-08y6jw61m9]:after {
  display: block;
}

.permission-info[b-08y6jw61m9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.permission-name[b-08y6jw61m9] {
  font-weight: 500;
  color: #333;
}

.permission-key[b-08y6jw61m9] {
  font-family: monospace;
  font-size: 11px;
  color: #888;
}

.permission-desc[b-08y6jw61m9] {
  font-size: 12px;
  color: #666;
}

/* Responsive */
@media (max-width: 768px) {
  .roles-container[b-08y6jw61m9] {
    grid-template-columns: 1fr;
  }
}
/* /Pages/UserManagement/SecuritySettings.razor.rz.scp.css */
.security-page[b-sldoay0the] {
  max-width: 600px;
  margin: 0 auto;
}

.page-header[b-sldoay0the] {
  margin-bottom: 24px;
}

.page-header h2[b-sldoay0the] {
  display: flex;
  align-items: center;
  gap: 12px;
  color: #1f2937;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}

.page-header h2 i[b-sldoay0the] {
  color: #6b7280;
}

.alert[b-sldoay0the] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  font-size: 14px;
}

.alert-success[b-sldoay0the] {
  background: #d1fae5;
  color: #065f46;
}

.alert-success i[b-sldoay0the] {
  color: #10b981;
}

.alert-danger[b-sldoay0the] {
  background: #fee2e2;
  color: #991b1b;
}

.alert-danger i[b-sldoay0the] {
  color: #ef4444;
}

.security-card[b-sldoay0the] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  overflow: hidden;
}

.card-header[b-sldoay0the] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 24px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}

.card-header h3[b-sldoay0the] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
}

.card-header h3 i[b-sldoay0the] {
  color: #6b7280;
}

.status-badge[b-sldoay0the] {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

.status-badge.enabled[b-sldoay0the] {
  background: #d1fae5;
  color: #065f46;
}

.status-badge.disabled[b-sldoay0the] {
  background: #f3f4f6;
  color: #6b7280;
}

.device-count[b-sldoay0the] {
  font-size: 13px;
  color: #6b7280;
}

.card-body[b-sldoay0the] {
  padding: 24px;
}

.description[b-sldoay0the] {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.6;
  margin: 0 0 20px 0;
}

.action-buttons[b-sldoay0the] {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.btn[b-sldoay0the] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
  font-family: inherit;
}

.btn-primary[b-sldoay0the] {
  background: #00a040;
  color: white;
}

.btn-primary:hover[b-sldoay0the] {
  background: #008a38;
}

.btn-secondary[b-sldoay0the] {
  background: #f3f4f6;
  color: #374151;
  border: 1px solid #e5e7eb;
}

.btn-secondary:hover[b-sldoay0the] {
  background: #e5e7eb;
}

.btn-outline[b-sldoay0the] {
  background: white;
  color: #374151;
  border: 1px solid #d1d5db;
}

.btn-outline:hover[b-sldoay0the] {
  background: #f9fafb;
  border-color: #9ca3af;
}

.btn-outline.btn-danger[b-sldoay0the] {
  color: #dc2626;
  border-color: #fca5a5;
}

.btn-outline.btn-danger:hover[b-sldoay0the] {
  background: #fef2f2;
  border-color: #f87171;
}

.btn-sm[b-sldoay0the] {
  padding: 6px 12px;
  font-size: 13px;
}

/* Device list */
.device-list[b-sldoay0the] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.device-item[b-sldoay0the] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: #f9fafb;
  border-radius: 8px;
}

.device-info[b-sldoay0the] {
  display: flex;
  align-items: center;
  gap: 12px;
}

.device-info > i[b-sldoay0the] {
  font-size: 24px;
  color: #6b7280;
}

.device-name[b-sldoay0the] {
  font-weight: 500;
  color: #1f2937;
  font-size: 14px;
}

.device-meta[b-sldoay0the] {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}

.form-actions[b-sldoay0the] {
  margin-top: 20px;
}

/* Dialog styles */
.dialog-title[b-sldoay0the] {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 600;
}

.dialog-title i[b-sldoay0the] {
  color: #6b7280;
}

.form-group[b-sldoay0the] {
  margin-bottom: 16px;
}

.form-group:last-child[b-sldoay0the] {
  margin-bottom: 0;
}

.form-group label[b-sldoay0the] {
  display: block;
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}

.dialog-error[b-sldoay0the] {
  padding: 10px 14px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 6px;
  color: #dc2626;
  font-size: 13px;
  margin-top: 12px;
}

.dialog-buttons[b-sldoay0the] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}

.spinner-sm[b-sldoay0the] {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 2px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: spin-b-sldoay0the 0.6s linear infinite;
  margin-right: 6px;
}

@keyframes spin-b-sldoay0the {
  to { transform: rotate(360deg); }
}

/* Backup codes */
.backup-codes-result[b-sldoay0the] {
  text-align: center;
}

.warning-banner[b-sldoay0the] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 16px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  color: #92400e;
  font-size: 13px;
  margin-bottom: 16px;
}

.backup-codes-grid[b-sldoay0the] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin-bottom: 16px;
}

.backup-code-item[b-sldoay0the] {
  font-family: 'Courier New', monospace;
  font-size: 14px;
  padding: 8px 12px;
  background: #f3f4f6;
  border-radius: 6px;
  color: #1f2937;
}

.backup-actions[b-sldoay0the] {
  display: flex;
  justify-content: center;
  gap: 10px;
}

/* QR Code enrollment */
.qr-container[b-sldoay0the] {
  display: flex;
  justify-content: center;
  margin: 20px 0;
}

.qr-code[b-sldoay0the] {
  width: 180px;
  height: 180px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.manual-entry[b-sldoay0the] {
  text-align: center;
  margin-top: 12px;
}

.link-button[b-sldoay0the] {
  background: none;
  border: none;
  color: #00a040;
  cursor: pointer;
  font-size: 13px;
  text-decoration: underline;
  padding: 4px 8px;
}

.link-button:hover[b-sldoay0the] {
  color: #008a38;
}

.manual-key[b-sldoay0the] {
  display: block;
  margin-top: 10px;
  padding: 10px 14px;
  background: #f3f4f6;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: 2px;
}

.code-input[b-sldoay0the] {
  text-align: center;
  font-size: 20px;
  letter-spacing: 6px;
}
/* /Pages/UserManagement/UserManagement.razor.rz.scp.css */
.user-management-page[b-ac33n57zlg] {
  padding: 20px;
  max-width: 1400px;
  margin: 0 auto;
}

.page-header[b-ac33n57zlg] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

.header-left h3[b-ac33n57zlg] {
  margin: 0 0 5px 0;
  color: #333;
  display: flex;
  align-items: center;
  gap: 10px;
}

.info-text[b-ac33n57zlg] {
  color: #666;
  font-size: 14px;
  margin: 0;
}

.header-actions[b-ac33n57zlg] {
  display: flex;
  gap: 10px;
}

/* Alerts */
.alert[b-ac33n57zlg] {
  padding: 12px 15px;
  border-radius: 6px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.alert-danger[b-ac33n57zlg] {
  background: #f8d7da;
  border: 1px solid #f5c6cb;
  color: #721c24;
}

.alert-success[b-ac33n57zlg] {
  background: #d4edda;
  border: 1px solid #c3e6cb;
  color: #155724;
}

/* Grid Container */
.users-grid-container[b-ac33n57zlg] {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  overflow: hidden;
}

/* Role Badges */
.role-badge[b-ac33n57zlg] {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  margin-right: 5px;
  margin-bottom: 2px;
}

.role-super[b-ac33n57zlg] {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
}

.role-admin[b-ac33n57zlg] {
  background: #dc3545;
  color: white;
}

.role-manager[b-ac33n57zlg] {
  background: #fd7e14;
  color: white;
}

.role-support[b-ac33n57zlg] {
  background: #17a2b8;
  color: white;
}

.role-viewer[b-ac33n57zlg] {
  background: #6c757d;
  color: white;
}

.no-roles[b-ac33n57zlg] {
  color: #999;
  font-style: italic;
  font-size: 12px;
}

/* Status Badge */
.status-badge[b-ac33n57zlg] {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}

.status-badge.active[b-ac33n57zlg] {
  background: #d4edda;
  color: #155724;
}

.status-badge.inactive[b-ac33n57zlg] {
  background: #f8d7da;
  color: #721c24;
}

/* Action Buttons */
.action-buttons[b-ac33n57zlg] {
  display: flex;
  gap: 5px;
  align-items: center;
}

/* Protected User Badges */
.protected-badge[b-ac33n57zlg] {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  background: #e9ecef;
  color: #6c757d;
}

.protected-badge i[b-ac33n57zlg] {
  font-size: 12px;
}

/* Protected Role in List */
.role-item.protected[b-ac33n57zlg] {
  background: #f8f9fa;
  border-color: #dee2e6;
}

.protected-role-badge[b-ac33n57zlg] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #e9ecef;
  color: #6c757d;
}

.protected-role-badge i[b-ac33n57zlg] {
  font-size: 12px;
}

/* Dialog Form */
.dialog-form[b-ac33n57zlg] {
  padding: 10px 0;
}

.form-group[b-ac33n57zlg] {
  margin-bottom: 15px;
}

.form-group label[b-ac33n57zlg] {
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
  color: #333;
  font-size: 13px;
}

.form-group .required[b-ac33n57zlg] {
  color: #dc3545;
}

.form-hint[b-ac33n57zlg] {
  display: block;
  margin-top: 5px;
  font-size: 11px;
  color: #666;
  font-style: italic;
}

/* Roles Manager */
.roles-manager[b-ac33n57zlg] {
  padding: 10px 0;
}

.roles-section[b-ac33n57zlg] {
  margin-bottom: 20px;
}

.roles-section h5[b-ac33n57zlg] {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.role-list[b-ac33n57zlg] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.role-item[b-ac33n57zlg] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.role-info[b-ac33n57zlg] {
  display: flex;
  flex-direction: column;
}

.role-name[b-ac33n57zlg] {
  font-weight: 600;
  color: #333;
}

.role-desc[b-ac33n57zlg] {
  font-size: 12px;
  color: #666;
}

.no-roles-message[b-ac33n57zlg] {
  color: #666;
  font-style: italic;
  padding: 10px;
  text-align: center;
  background: #f8f9fa;
  border-radius: 6px;
}

.add-role-row[b-ac33n57zlg] {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}

.add-role-row .e-ddl[b-ac33n57zlg] {
  flex: 1;
}

/* Reset Password Section */
.reset-password-section[b-ac33n57zlg] {
  margin-top: 10px;
  padding-top: 10px;
}

.section-divider[b-ac33n57zlg] {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  color: #666;
  font-size: 13px;
  font-weight: 600;
}

.section-divider[b-ac33n57zlg]::before,
.section-divider[b-ac33n57zlg]::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ddd;
}

.section-divider[b-ac33n57zlg]::before {
  margin-right: 10px;
}

.section-divider[b-ac33n57zlg]::after {
  margin-left: 10px;
}

.checkbox-label[b-ac33n57zlg] {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-weight: normal;
}

.checkbox-label input[type="checkbox"][b-ac33n57zlg] {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .page-header[b-ac33n57zlg] {
    flex-direction: column;
  }
  
  .header-actions[b-ac33n57zlg] {
    width: 100%;
    justify-content: flex-start;
  }
}
/* /Pages/VirtualSentries/VirtualSentries.razor.rz.scp.css */
.vs-page .vs-subtitle[b-dht8gstsgw] {
  max-width: 52rem;
}

.vs-lifecycle-card .vs-lifecycle-block[b-dht8gstsgw] {
  min-height: 100%;
  padding: 0.35rem 0.25rem;
}

.vs-roster-table tbody tr:hover[b-dht8gstsgw] {
  background-color: rgba(13, 110, 253, 0.06);
}

.vs-roster-table tbody tr.vs-row-selected[b-dht8gstsgw] {
  box-shadow: inset 3px 0 0 var(--bs-primary);
}

.vs-detail-drawer .vs-detail-tabs .nav-link[b-dht8gstsgw] {
  cursor: pointer;
  color: inherit;
  border: none;
  background: transparent;
  padding: 0.4rem 0.85rem;
}

.vs-detail-drawer .vs-detail-tabs .nav-link.active[b-dht8gstsgw] {
  border-bottom: 2px solid var(--bs-primary);
  color: var(--bs-primary);
  font-weight: 600;
}

.vs-health-chip[b-dht8gstsgw] {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.75rem;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  border: 1px solid transparent;
  white-space: nowrap;
}

.vs-health-chip .vs-health-dot[b-dht8gstsgw] {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: 50%;
  background: currentColor;
}

.vs-health-chip.vs-health-ok[b-dht8gstsgw] {
  color: #0f5132;
  background: #d1e7dd;
  border-color: #badbcc;
}

.vs-health-chip.vs-health-bad[b-dht8gstsgw] {
  color: #842029;
  background: #f8d7da;
  border-color: #f5c2c7;
}

/* Designer panel (S1) */
.vs-designer-backdrop[b-dht8gstsgw] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 1040;
}

.vs-designer-panel[b-dht8gstsgw] {
  position: fixed;
  top: 1.5rem;
  right: 1.5rem;
  bottom: 1.5rem;
  width: min(720px, calc(100vw - 2rem));
  z-index: 1050;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.vs-designer-panel .card-body[b-dht8gstsgw] {
  overflow: auto;
}

.vs-designer-panel .nav-tabs .nav-link[b-dht8gstsgw] {
  cursor: pointer;
  color: inherit;
  border: none;
  background: transparent;
  padding: 0.4rem 0.75rem;
}

.vs-designer-panel .nav-tabs .nav-link.active[b-dht8gstsgw] {
  border-bottom: 2px solid var(--bs-primary);
  color: var(--bs-primary);
  font-weight: 600;
}
/* /Pages/WEXIntegration/WEXIntegration.razor.rz.scp.css */
/* Filter Section */
.filter-section[b-36i0anf4qb] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  padding: 15px;
  margin-bottom: 20px;
}

.filter-row[b-36i0anf4qb] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
}

.filter-group[b-36i0anf4qb] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

  .filter-group label[b-36i0anf4qb] {
    font-size: 0.8rem;
    font-weight: 600;
    color: #6c757d;
  }

  .filter-group select[b-36i0anf4qb],
  .filter-group input[type="date"][b-36i0anf4qb],
  .filter-group input[type="text"][b-36i0anf4qb] {
    min-width: 200px;
  }

  .filter-group .form-check[b-36i0anf4qb] {
    padding-top: 8px;
  }

/* Tabs */
.nav-tabs[b-36i0anf4qb] {
  border-bottom: 2px solid #dee2e6;
  margin-bottom: 0;
}

  .nav-tabs .nav-link[b-36i0anf4qb] {
    border: none;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    color: #6c757d;
    padding: 10px 16px;
  }

    .nav-tabs .nav-link:hover[b-36i0anf4qb] {
      border-bottom-color: #adb5bd;
      color: #495057;
    }

    .nav-tabs .nav-link.active[b-36i0anf4qb] {
      border-bottom-color: #0d6efd;
      color: #0d6efd;
      font-weight: 600;
    }

    .nav-tabs .nav-link .badge[b-36i0anf4qb] {
      font-size: 0.7rem;
    }

    .nav-tabs .nav-link.active .badge[b-36i0anf4qb] {
      background-color: #198754 !important; /* green when active */
    }

/* Tab Content */
.tab-content[b-36i0anf4qb] {
  border: 1px solid #dee2e6;
  border-top: none;
  border-radius: 0 0 6px 6px;
  background: white;
}

.tab-pane-content[b-36i0anf4qb] {
  padding: 15px;
}

/* Sub-filter row within tabs */
.sub-filter-row[b-36i0anf4qb] {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: flex-end;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eee;
}

  .sub-filter-row .filter-group[b-36i0anf4qb] {
    min-width: auto;
  }

    .sub-filter-row .filter-group label[b-36i0anf4qb] {
      font-size: 0.75rem;
    }

  .sub-filter-row .form-control[b-36i0anf4qb],
  .sub-filter-row .form-select[b-36i0anf4qb] {
    min-width: 150px;
  }

/* Table Styles */
.table[b-36i0anf4qb] {
  margin-bottom: 0;
}

  .table th[b-36i0anf4qb] {
    background: #f8f9fa;
    font-weight: 600;
    font-size: 0.8rem;
    text-transform: uppercase;
    color: #6c757d;
    border-bottom: 2px solid #dee2e6;
    white-space: nowrap;
  }

  .table td[b-36i0anf4qb] {
    vertical-align: middle;
    font-size: 0.875rem;
  }

.table-hover tbody tr:hover[b-36i0anf4qb] {
  background-color: #f0f7ff;
}

/* Status Badges */
.status-badge[b-36i0anf4qb] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

.status-success[b-36i0anf4qb] {
  background: #d4edda;
  color: #155724;
}

.status-error[b-36i0anf4qb] {
  background: #f8d7da;
  color: #721c24;
}

.status-warning[b-36i0anf4qb] {
  background: #fff3cd;
  color: #856404;
}

.status-info[b-36i0anf4qb] {
  background: #d1ecf1;
  color: #0c5460;
}

.status-pending[b-36i0anf4qb] {
  background: #e2e3e5;
  color: #383d41;
}

.status-default[b-36i0anf4qb] {
  background: #e9ecef;
  color: #495057;
}

/* Report Type Badge */
.report-type-badge[b-36i0anf4qb] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  background: #e7f1ff;
  color: #0d6efd;
}

/* Action Badge */
.action-badge[b-36i0anf4qb] {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  background: #f0f0f0;
  color: #333;
}

/* Record Counts */
.record-count[b-36i0anf4qb] {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  padding: 2px 6px;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 0.75rem;
  color: #6c757d;
  margin-right: 4px;
}

  .record-count .oi[b-36i0anf4qb] {
    font-size: 0.65rem;
  }

/* Cell Styles */
.nowrap[b-36i0anf4qb] {
  white-space: nowrap;
}

.mono[b-36i0anf4qb] {
  font-family: 'Consolas', 'Monaco', monospace;
  font-size: 0.8rem;
}

.email-cell[b-36i0anf4qb] {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.action-cell[b-36i0anf4qb] {
  white-space: nowrap;
}

  .action-cell .btn[b-36i0anf4qb] {
    padding: 2px 6px;
    margin-right: 4px;
  }

    .action-cell .btn:last-child[b-36i0anf4qb] {
      margin-right: 0;
    }

/* Log Message */
.log-message[b-36i0anf4qb] {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
}

/* Loading/Empty States */
.loading-indicator[b-36i0anf4qb] {
  text-align: center;
  padding: 40px;
  color: #6c757d;
}

.empty-state[b-36i0anf4qb] {
  text-align: center;
  padding: 60px 20px;
  color: #adb5bd;
}

  .empty-state .oi[b-36i0anf4qb] {
    font-size: 3rem;
    display: block;
    margin-bottom: 15px;
  }

  .empty-state p[b-36i0anf4qb] {
    font-size: 1rem;
    margin: 0;
  }

/* Pagination */
.pagination-container[b-36i0anf4qb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0 0 0;
  border-top: 1px solid #dee2e6;
  margin-top: 15px;
}

.pagination-info[b-36i0anf4qb] {
  font-size: 0.85rem;
  color: #6c757d;
}

.pagination .page-link[b-36i0anf4qb] {
  padding: 4px 10px;
  font-size: 0.85rem;
}

/* Modal Styles */
.modal-backdrop[b-36i0anf4qb] {
  z-index: 1040;
}

.modal[b-36i0anf4qb] {
  z-index: 1050;
}

.modal-xl[b-36i0anf4qb] {
  max-width: 1200px;
}

.contents-pre[b-36i0anf4qb] {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 15px;
  font-size: 0.8rem;
  max-height: 500px;
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* Email Source Management */
.modal-body .table input[b-36i0anf4qb],
.modal-body .table select[b-36i0anf4qb] {
  width: 100%;
}

/* Responsive */
@media (max-width: 768px) {
  .filter-row[b-36i0anf4qb] {
    flex-direction: column;
    align-items: stretch;
  }

  .filter-group select[b-36i0anf4qb],
  .filter-group input[b-36i0anf4qb] {
    min-width: 100%;
  }

  .pagination-container[b-36i0anf4qb] {
    flex-direction: column;
    gap: 10px;
  }

  .sub-filter-row[b-36i0anf4qb] {
    flex-direction: column;
    align-items: stretch;
  }
}

.countBox[b-36i0anf4qb] {
  color: #f0fff0 !important;;
  background-color: #001000 !important;
}

.details-table th[b-36i0anf4qb] {
  width: 40%;
  font-weight: 600;
  color: #555;
  background-color: #f8f9fa;
  white-space: nowrap;
}

.details-table td[b-36i0anf4qb] {
  word-break: break-word;
}

.details-table .mono[b-36i0anf4qb] {
  font-family: 'Courier New', Consolas, monospace;
  font-size: 0.9em;
}
/* /Security/AccessDenied.razor.rz.scp.css */
.access-denied-container[b-qqqjpdcuft] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60vh;
  padding: 20px;
}

.access-denied-card[b-qqqjpdcuft] {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 40px;
  text-align: center;
  max-width: 450px;
  width: 100%;
}

.access-denied-icon[b-qqqjpdcuft] {
  font-size: 64px;
  color: #dc3545;
  margin-bottom: 20px;
}

.access-denied-card h2[b-qqqjpdcuft] {
  color: #333;
  margin: 0 0 15px 0;
  font-size: 24px;
}

.access-denied-message[b-qqqjpdcuft] {
  color: #666;
  font-size: 14px;
  margin: 0 0 25px 0;
  line-height: 1.5;
}

.access-denied-actions[b-qqqjpdcuft] {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
}

.access-denied-actions .btn[b-qqqjpdcuft] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
  border: none;
  transition: all 0.2s;
}

.access-denied-actions .btn-primary[b-qqqjpdcuft] {
  background: #007bff;
  color: white;
}

.access-denied-actions .btn-primary:hover[b-qqqjpdcuft] {
  background: #0056b3;
}

.access-denied-actions .btn-secondary[b-qqqjpdcuft] {
  background: #6c757d;
  color: white;
}

.access-denied-actions .btn-secondary:hover[b-qqqjpdcuft] {
  background: #545b62;
}
/* /Shared/Login.razor.rz.scp.css */
/* Modern FleetSpartan Login Styles */

.FleetSpartanOuterFrame[b-3jtj4rzwd8] {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, #d0ffe0 0%, #a8f5c8 50%, #d0ffe0 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.LoginCard[b-3jtj4rzwd8] {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 24px;
  box-shadow: 
    0 20px 60px rgba(0, 96, 32, 0.15),
    0 8px 16px rgba(0, 96, 32, 0.1);
  width: 480px;
  max-width: 90vw;
  overflow: hidden;
  animation: slideIn-b-3jtj4rzwd8 0.4s ease-out;
}

@keyframes slideIn-b-3jtj4rzwd8 {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.LoginHeader[b-3jtj4rzwd8] {
  padding: 48px 48px 32px;
  text-align: center;
  background: linear-gradient(135deg, #006020 0%, #00a040 50%, #00c050 100%);
  position: relative;
  overflow: hidden;
}

.LoginHeader[b-3jtj4rzwd8]::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: shimmer-b-3jtj4rzwd8 4s ease-in-out infinite;
}

@keyframes shimmer-b-3jtj4rzwd8 {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20px, 20px);
  }
}

.LoginLogo[b-3jtj4rzwd8] {
  width: 80px;
  height: 80px;
  margin-bottom: 16px;
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
  animation: logoPulse-b-3jtj4rzwd8 2s ease-in-out infinite;
  position: relative;
  z-index: 1;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  padding: 8px;
  box-shadow: 
    0 4px 12px rgba(0, 0, 0, 0.15),
    inset 0 1px 2px rgba(255, 255, 255, 0.3);
}

@keyframes logoPulse-b-3jtj4rzwd8 {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

.LoginTitle[b-3jtj4rzwd8] {
  font-size: 32px;
  font-weight: 700;
  color: white;
  margin: 0;
  letter-spacing: -0.5px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 1;
}

.LoginSubtitle[b-3jtj4rzwd8] {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.9);
  margin-top: 8px;
  font-weight: 400;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
}

.LoginForm[b-3jtj4rzwd8] {
  padding: 40px 48px;
}

.InputGroup[b-3jtj4rzwd8] {
  margin-bottom: 24px;
}

.InputLabel[b-3jtj4rzwd8] {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #2d3748;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}

.InputField[b-3jtj4rzwd8] {
  width: 100%;
  padding: 14px 16px;
  font-size: 16px;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  background: white;
  color: #2d3748;
  transition: all 0.3s ease;
  box-sizing: border-box;
  font-family: inherit;
}

.InputField:focus[b-3jtj4rzwd8] {
  outline: none;
  border-color: #00a040;
  box-shadow: 0 0 0 4px rgba(0, 160, 64, 0.1);
}

.InputField[b-3jtj4rzwd8]::placeholder {
  color: #a0aec0;
}

.InputField.LoginInputInvalid[b-3jtj4rzwd8] {
  border-color: #fc8181;
  background: #fff5f5;
}

.InputField.LoginInputInvalid:focus[b-3jtj4rzwd8] {
  border-color: #f56565;
  box-shadow: 0 0 0 4px rgba(245, 101, 101, 0.1);
}

.InputField.LoginInputDisabled[b-3jtj4rzwd8] {
  opacity: 0.6;
  pointer-events: none;
  background: #f7fafc;
}

.LoginActions[b-3jtj4rzwd8] {
  margin-top: 32px;
  transition: opacity 0.3s ease;
}

.LoginOptionsDisabled[b-3jtj4rzwd8] {
  /* Visual hint only. Deliberately NOT pointer-events:none — browser autofill
     fills the inputs without the events Blazor binds to, so component state
     can say "empty" while the fields are actually filled; the submit handler
     re-reads the DOM and validates there. */
  opacity: 0.5;
}

.LoginButton[b-3jtj4rzwd8] {
  width: 100%;
  padding: 16px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  background: linear-gradient(135deg, #00a040 0%, #00c050 100%);
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 160, 64, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 56px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: inherit;
}

.LoginButton:hover:not(:disabled)[b-3jtj4rzwd8] {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(0, 160, 64, 0.4);
  background: linear-gradient(135deg, #00b848 0%, #00d458 100%);
}

.LoginButton:active:not(:disabled)[b-3jtj4rzwd8] {
  transform: translateY(0);
  box-shadow: 0 2px 8px rgba(0, 160, 64, 0.3);
}

.ButtonSpinner[b-3jtj4rzwd8] {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin-b-3jtj4rzwd8 0.8s linear infinite;
}

@keyframes spin-b-3jtj4rzwd8 {
  to {
    transform: rotate(360deg);
  }
}

.ErrorMessage[b-3jtj4rzwd8] {
  margin-top: 20px;
  padding: 14px 16px;
  background: #fff5f5;
  border: 1px solid #fc8181;
  border-radius: 10px;
  color: #c53030;
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  animation: shake-b-3jtj4rzwd8 0.4s ease-out;
}

@keyframes shake-b-3jtj4rzwd8 {
  0%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-8px);
  }
  75% {
    transform: translateX(8px);
  }
}

.ErrorIcon[b-3jtj4rzwd8] {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.LoginFooter[b-3jtj4rzwd8] {
  padding: 24px 48px;
  background: #f7fafc;
  border-top: 1px solid #e2e8f0;
  text-align: center;
}

.VersionInfo[b-3jtj4rzwd8] {
  font-size: 13px;
  color: #718096;
  font-weight: 500;
  letter-spacing: 0.5px;
  font-family: 'Courier New', monospace;
}

/* Responsive adjustments */
@media (max-width: 600px) {
  .LoginCard[b-3jtj4rzwd8] {
    width: 100%;
    max-width: 100vw;
    border-radius: 0;
    min-height: 100vh;
  }
  
  .LoginHeader[b-3jtj4rzwd8] {
    padding: 40px 32px 28px;
  }
  
  .LoginForm[b-3jtj4rzwd8] {
    padding: 32px 32px;
  }
  
  .LoginFooter[b-3jtj4rzwd8] {
    padding: 20px 32px;
  }
  
  .LoginTitle[b-3jtj4rzwd8] {
    font-size: 28px;
  }
  
  .LoginLogo[b-3jtj4rzwd8] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    padding: 6px;
  }
}


/* Warning message for remaining attempts */
.WarningMessage[b-3jtj4rzwd8] {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  margin-top: 16px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  font-size: 14px;
  color: #92400e;
}

.WarningIcon[b-3jtj4rzwd8] {
  width: 18px;
  height: 18px;
  color: #d97706;
  flex-shrink: 0;
}

/* Disabled state for lockout */
.LoginInputDisabled[b-3jtj4rzwd8] {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Two-Factor Authentication Styles */
.TwoFactorCard[b-3jtj4rzwd8] {
  width: 520px;
}

.EnrollmentCard[b-3jtj4rzwd8] {
  width: 560px;
}

.InputHint[b-3jtj4rzwd8] {
  font-size: 12px;
  color: #718096;
  margin-top: 6px;
}

.CodeInput[b-3jtj4rzwd8] {
  font-family: 'Courier New', monospace;
  font-size: 24px;
  letter-spacing: 8px;
  text-align: center;
  padding: 16px;
}

.TrustDeviceOption[b-3jtj4rzwd8] {
  margin-top: 20px;
}

.CheckboxLabel[b-3jtj4rzwd8] {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: 14px;
  color: #4a5568;
}

.CheckboxLabel input[type="checkbox"][b-3jtj4rzwd8] {
  width: 18px;
  height: 18px;
  accent-color: #00a040;
  cursor: pointer;
}

.TwoFactorOptions[b-3jtj4rzwd8] {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}

.LinkButton[b-3jtj4rzwd8] {
  background: none;
  border: none;
  color: #00a040;
  font-size: 14px;
  cursor: pointer;
  padding: 4px 8px;
  text-decoration: underline;
  font-family: inherit;
}

.LinkButton:hover[b-3jtj4rzwd8] {
  color: #008030;
}

.CancelLink[b-3jtj4rzwd8] {
  color: #718096;
}

.CancelLink:hover[b-3jtj4rzwd8] {
  color: #4a5568;
}

/* Enrollment specific styles */
.EnrollmentInstructions[b-3jtj4rzwd8] {
  margin-bottom: 24px;
  text-align: center;
}

.StepNumber[b-3jtj4rzwd8] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #00a040;
  margin-bottom: 8px;
}

.EnrollmentInstructions p[b-3jtj4rzwd8] {
  color: #4a5568;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.QRCodeContainer[b-3jtj4rzwd8] {
  display: flex;
  justify-content: center;
  margin: 24px 0;
}

.QRCode[b-3jtj4rzwd8] {
  width: 200px;
  height: 200px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.ManualEntrySection[b-3jtj4rzwd8] {
  text-align: center;
  margin-bottom: 24px;
}

.ManualKey[b-3jtj4rzwd8] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
  padding: 12px 16px;
  background: #f7fafc;
  border-radius: 8px;
}

.ManualKey code[b-3jtj4rzwd8] {
  font-family: 'Courier New', monospace;
  font-size: 14px;
  letter-spacing: 2px;
  color: #2d3748;
}

.CopyButton[b-3jtj4rzwd8] {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #718096;
  transition: color 0.2s;
}

.CopyButton:hover[b-3jtj4rzwd8] {
  color: #00a040;
}

.CopyIcon[b-3jtj4rzwd8] {
  width: 18px;
  height: 18px;
}

.LoadingContainer[b-3jtj4rzwd8] {
  text-align: center;
  padding: 40px;
}

.LoadingContainer p[b-3jtj4rzwd8] {
  color: #718096;
  margin-top: 16px;
}

.ButtonSpinner.Large[b-3jtj4rzwd8] {
  width: 40px;
  height: 40px;
  border-width: 4px;
  display: inline-block;
}

/* Backup codes */
.ImportantNote[b-3jtj4rzwd8] {
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 8px;
  padding: 12px 16px;
  color: #92400e;
}

.BackupCodesContainer[b-3jtj4rzwd8] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  margin: 24px 0;
  padding: 16px;
  background: #f7fafc;
  border-radius: 8px;
}

.BackupCode[b-3jtj4rzwd8] {
  font-family: 'Courier New', monospace;
  font-size: 14px;
  padding: 8px 12px;
  background: white;
  border-radius: 4px;
  text-align: center;
  color: #2d3748;
}

.BackupCodeActions[b-3jtj4rzwd8] {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 20px;
}

.SecondaryButton[b-3jtj4rzwd8] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 500;
  color: #4a5568;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s;
  font-family: inherit;
}

.SecondaryButton:hover[b-3jtj4rzwd8] {
  background: #f7fafc;
  border-color: #cbd5e0;
}

.ButtonIcon[b-3jtj4rzwd8] {
  width: 16px;
  height: 16px;
}

.ConfirmSaved[b-3jtj4rzwd8] {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* MainLayout scoped — minimal, bulk moved to site.css */
/* /Shared/NavMenu.razor.rz.scp.css */
/* NavMenu scoped — minimal, platform layout styles live in site.css */
/* /Shared/UserMenu.razor.rz.scp.css */
.user-menu-container[b-ge12yyoagv] {
  position: relative;
}

.user-menu-trigger[b-ge12yyoagv] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 12px;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.user-menu-trigger:hover[b-ge12yyoagv] {
  background-color: rgba(255, 255, 255, 0.1);
}

.user-avatar[b-ge12yyoagv] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: linear-gradient(135deg, #10b981, #059669);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.user-info[b-ge12yyoagv] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.user-name[b-ge12yyoagv] {
  color: #f0f0f0;
  font-size: 14px;
  font-weight: 500;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-role[b-ge12yyoagv] {
  color: #9ca3af;
  font-size: 11px;
}

.dropdown-arrow[b-ge12yyoagv] {
  color: #9ca3af;
  font-size: 12px;
  transition: transform 0.2s;
}

.dropdown-arrow.open[b-ge12yyoagv] {
  transform: rotate(180deg);
}

.user-menu-dropdown[b-ge12yyoagv] {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border-radius: 12px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  min-width: 260px;
  z-index: 1000;
  overflow: hidden;
  animation: slideDown-b-ge12yyoagv 0.15s ease-out;
}

@keyframes slideDown-b-ge12yyoagv {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-section[b-ge12yyoagv] {
  padding: 8px;
}

.dropdown-divider[b-ge12yyoagv] {
  height: 1px;
  background: #e5e7eb;
  margin: 0;
}

.dropdown-label[b-ge12yyoagv] {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  color: #6b7280;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.dropdown-label i[b-ge12yyoagv] {
  font-size: 14px;
}

.dropdown-item[b-ge12yyoagv] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  cursor: pointer;
  color: #374151;
  font-size: 14px;
  transition: background-color 0.15s;
}

.dropdown-item:hover[b-ge12yyoagv] {
  background-color: #f3f4f6;
}

.dropdown-item i[b-ge12yyoagv] {
  font-size: 18px;
  color: #6b7280;
  width: 20px;
  text-align: center;
}

.dropdown-item.logout[b-ge12yyoagv] {
  color: #dc2626;
}

.dropdown-item.logout i[b-ge12yyoagv] {
  color: #dc2626;
}

.dropdown-item.logout:hover[b-ge12yyoagv] {
  background-color: #fef2f2;
}

.impersonation-selector[b-ge12yyoagv] {
  padding: 4px 12px 8px 12px;
}

.impersonation-selector select[b-ge12yyoagv] {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  color: #374151;
  background: white;
  cursor: pointer;
  transition: border-color 0.15s;
}

.impersonation-selector select:hover[b-ge12yyoagv] {
  border-color: #9ca3af;
}

.impersonation-selector select:focus[b-ge12yyoagv] {
  outline: none;
  border-color: #10b981;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

.impersonation-warning[b-ge12yyoagv] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 4px 12px 8px 12px;
  padding: 8px 12px;
  background: #fef3c7;
  border-radius: 6px;
  color: #92400e;
  font-size: 12px;
  font-weight: 500;
}

.impersonation-warning i[b-ge12yyoagv] {
  color: #f59e0b;
}

.user-menu-backdrop[b-ge12yyoagv] {
  position: fixed;
  inset: 0;
  z-index: 999;
}

/* Responsive */
@media (max-width: 640px) {
  .user-info[b-ge12yyoagv] {
    display: none;
  }
  
  .dropdown-arrow[b-ge12yyoagv] {
    display: none;
  }
  
  .user-menu-trigger[b-ge12yyoagv] {
    padding: 6px;
  }
}

/* Nav Style Toggle */
.nav-style-toggle[b-ge12yyoagv] {
  flex-wrap: wrap;
}

.toggle-hint[b-ge12yyoagv] {
  width: 100%;
  font-size: 11px;
  color: #9ca3af;
  margin-left: 28px;
  margin-top: 2px;
}