@echothink-ui/admin 0.1.0

package/src/styles.css

@@ -0,0 +1,2024 @@
+@import "@echothink-ui/layouts/styles.css";
+@import "@echothink-ui/data/styles.css";
+@import "@echothink-ui/forms/styles.css";
+@import "@echothink-ui/charts/styles.css";
+
+.eth-admin-shell {
+  --eth-admin-shell-nav-width: clamp(13.5rem, 19vw, 16.5rem);
+
+  background: var(--eth-color-background);
+  color: var(--eth-color-text-primary);
+  min-block-size: 100vh;
+}
+
+.eth-admin-shell.eth-admin-shell--preview {
+  min-block-size: 42rem;
+}
+
+.eth-admin-shell .eth-workspace-shell__canvas {
+  min-block-size: 0;
+  overflow: hidden;
+}
+
+.eth-admin-shell__layout {
+  background: var(--eth-color-background);
+  display: grid;
+  grid-template-columns: var(--eth-admin-shell-nav-width) minmax(0, 1fr);
+  min-block-size: 100%;
+}
+
+.eth-admin-shell__side-nav {
+  background: var(--eth-color-layer-02);
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  min-inline-size: 0;
+  overflow: auto;
+}
+
+.eth-admin-shell__side-nav > .eth-side-nav {
+  border-inline-end: 0;
+}
+
+.eth-admin-shell__workspace {
+  background: var(--eth-color-background);
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  min-inline-size: 0;
+  overflow: hidden;
+}
+
+.eth-admin-shell__header {
+  background: var(--eth-color-layer-01);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-admin-shell__header .eth-page-header {
+  border-block-end: 0;
+}
+
+.eth-admin-shell__main {
+  align-content: start;
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-block-size: 0;
+  min-inline-size: 0;
+  overflow: auto;
+  padding: var(--eth-space-xl);
+}
+
+.eth-admin-shell__nav-header {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-shell__nav-title {
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+}
+
+.eth-admin-shell__nav-subtitle {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+  margin: 0;
+}
+
+.eth-admin-shell__nav-footer {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  display: grid;
+  gap: var(--eth-space-xs);
+  margin-block-start: var(--eth-space-md);
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-admin-shell__nav-footer strong {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+}
+
+.eth-admin-shell .eth-nav__item-label {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-shell .eth-nav__item-badge {
+  margin-inline-start: auto;
+}
+
+.eth-admin-shell__summary-grid,
+.eth-admin-system-health__metrics,
+.eth-admin-system-health__services {
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
+}
+
+.eth-admin-shell__content-grid {
+  align-items: start;
+  display: grid;
+  gap: var(--eth-space-lg);
+  grid-template-columns: minmax(0, 1.15fr) minmax(min(100%, 22rem), 0.85fr);
+}
+
+.eth-admin-shell__summary-card,
+.eth-admin-service-status-card {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-admin-service-status-card {
+  --eth-admin-service-status-accent: var(--eth-color-border-strong);
+
+  border-block-start: 4px solid var(--eth-admin-service-status-accent);
+  gap: var(--eth-space-md);
+  min-inline-size: 0;
+}
+
+.eth-admin-service-status-card--healthy {
+  --eth-admin-service-status-accent: var(--eth-color-success);
+}
+
+.eth-admin-service-status-card--degraded {
+  --eth-admin-service-status-accent: var(--eth-color-warning);
+}
+
+.eth-admin-service-status-card--down {
+  --eth-admin-service-status-accent: var(--eth-color-danger);
+}
+
+.eth-admin-shell__summary-card {
+  display: grid;
+  gap: var(--eth-space-sm);
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-shell__summary-card span,
+.eth-admin-shell__summary-card p {
+  color: var(--eth-color-text-secondary);
+  margin: 0;
+}
+
+.eth-admin-shell__summary-card strong {
+  font-size: calc(2rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.25;
+}
+
+.eth-admin-system-health,
+.eth-admin-worker-pool,
+.eth-admin-rate-limit,
+.eth-admin-billing-usage,
+.eth-admin-policy-config,
+.eth-admin-job-queue,
+.eth-admin-audit-log,
+.eth-admin-runtime-log,
+.eth-admin-integration-health,
+.eth-admin-feature-flag,
+.eth-admin-tenant-settings {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-inline-size: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-job-queue > header,
+.eth-admin-audit-log > header,
+.eth-admin-runtime-log > header,
+.eth-admin-integration-health > header,
+.eth-admin-feature-flag > header,
+.eth-admin-worker-pool > header,
+.eth-admin-rate-limit > header {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+}
+
+.eth-admin-job-queue h3,
+.eth-admin-audit-log h3,
+.eth-admin-runtime-log h3,
+.eth-admin-integration-health h3,
+.eth-admin-feature-flag h3,
+.eth-admin-worker-pool h3,
+.eth-admin-rate-limit h3,
+.eth-admin-system-health__incidents h3 {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  margin: 0;
+}
+
+.eth-admin-billing-usage {
+  --eth-admin-billing-meter-track: #e0e0e0;
+}
+
+.eth-admin-worker-pool,
+.eth-admin-rate-limit,
+.eth-admin-feature-flag {
+  gap: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-admin-job-queue,
+.eth-admin-integration-health {
+  gap: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-admin-tenant-settings.eth-form-config {
+  background: var(--eth-color-layer-01);
+  border: 1px solid var(--eth-color-border-subtle);
+  gap: 0;
+  inline-size: min(100%, 64rem);
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-admin-tenant-settings > .eth-surface__header {
+  align-items: flex-start;
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  gap: var(--eth-space-lg);
+  padding: var(--eth-space-lg)
+    var(--eth-space-xl);
+}
+
+.eth-admin-tenant-settings > .eth-surface__header .eth-surface__heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  max-inline-size: 46rem;
+}
+
+.eth-admin-tenant-settings > .eth-surface__header h2 {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+}
+
+.eth-admin-tenant-settings .eth-surface__description {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-tenant-settings > .eth-surface__header .eth-surface__header-actions {
+  justify-content: flex-end;
+}
+
+.eth-admin-tenant-settings .eth-meta-grid {
+  background: var(--eth-color-layer-01);
+  border: 0;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.eth-admin-tenant-settings .eth-meta-grid div {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  min-inline-size: 0;
+  padding: var(--eth-space-md)
+    var(--eth-space-xl);
+}
+
+.eth-admin-tenant-settings .eth-meta-grid div:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-tenant-settings .eth-meta-grid dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  margin: 0 0 var(--eth-space-xs);
+}
+
+.eth-admin-tenant-settings .eth-meta-grid dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  margin: 0;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-tenant-settings .eth-form-section {
+  background: var(--eth-color-layer-01);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  border-block-start: 0;
+  column-gap: var(--eth-space-2xl);
+  grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
+  padding: var(--eth-space-xl);
+  row-gap: var(--eth-space-lg);
+}
+
+.eth-admin-tenant-settings .eth-form-section__heading {
+  gap: var(--eth-space-xs);
+}
+
+.eth-admin-tenant-settings .eth-form-section__header h3 {
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+}
+
+.eth-admin-tenant-settings .eth-form-section__header p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+}
+
+.eth-admin-tenant-settings .eth-form-section__body {
+  column-gap: var(--eth-space-lg);
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 16rem), 1fr));
+  row-gap: var(--eth-space-lg);
+}
+
+.eth-admin-tenant-settings .eth-form-config__field--textarea,
+.eth-admin-tenant-settings .eth-form-config__field--json,
+.eth-admin-tenant-settings .eth-form-config__field--boolean {
+  grid-column: 1 / -1;
+}
+
+.eth-admin-tenant-settings .eth-form-config__validation {
+  padding: var(--eth-space-lg)
+    var(--eth-space-xl) 0;
+}
+
+.eth-admin-tenant-settings .eth-form-actions {
+  background: var(--eth-color-layer-02);
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  padding: var(--eth-space-lg)
+    var(--eth-space-xl);
+}
+
+.eth-admin-job-queue > header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  flex-wrap: wrap;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-job-queue > header > .eth-admin-job-queue__heading {
+  align-items: start;
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: min(100%, 18rem);
+}
+
+.eth-admin-job-queue__subtitle {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-job-queue__header-actions {
+  justify-content: flex-end;
+  margin-inline-start: auto;
+}
+
+.eth-admin-job-queue__summary {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+
+.eth-admin-job-queue__summary div {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-admin-job-queue__summary div:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-job-queue__summary dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.333;
+  margin: 0;
+}
+
+.eth-admin-job-queue__summary dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  margin: 0;
+}
+
+.eth-admin-job-queue .eth-data-table-wrap {
+  border: 0;
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.eth-admin-job-queue .eth-data-table {
+  min-inline-size: 42rem;
+  table-layout: fixed;
+}
+
+.eth-admin-job-queue .eth-data-table th,
+.eth-admin-job-queue .eth-data-table td {
+  padding-block: var(--eth-space-sm);
+}
+
+.eth-admin-job-queue .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+}
+
+.eth-admin-job-queue .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-job-queue__queue {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-job-queue__queue strong {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-job-queue__queue span,
+.eth-admin-job-queue__muted {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-admin-job-queue__number {
+  font-variant-numeric: tabular-nums;
+}
+
+.eth-admin-feature-flag > header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  flex-wrap: wrap;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-rate-limit > header,
+.eth-admin-worker-pool > header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  flex-wrap: wrap;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-integration-health > header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  flex-wrap: wrap;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-rate-limit__heading,
+.eth-admin-worker-pool__heading,
+.eth-admin-feature-flag__heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-integration-health__heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__heading p,
+.eth-admin-worker-pool__heading p,
+.eth-admin-feature-flag__heading p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-integration-health__heading p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-rate-limit__header-actions,
+.eth-admin-worker-pool__header-actions,
+.eth-admin-feature-flag__header-actions,
+.eth-admin-feature-flag__summary,
+.eth-admin-feature-flag__status,
+.eth-admin-feature-flag__environments,
+.eth-admin-integration-health__header-actions,
+.eth-admin-integration-health__summary {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+
+.eth-admin-rate-limit__header-actions,
+.eth-admin-worker-pool__header-actions,
+.eth-admin-feature-flag__header-actions,
+.eth-admin-integration-health__header-actions {
+  justify-content: flex-end;
+}
+
+.eth-admin-rate-limit__summary,
+.eth-admin-worker-pool__summary {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+
+.eth-admin-rate-limit__summary div,
+.eth-admin-worker-pool__summary div {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-admin-rate-limit__summary div:last-child,
+.eth-admin-worker-pool__summary div:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-rate-limit__summary dt,
+.eth-admin-worker-pool__summary dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.333;
+  margin: 0;
+}
+
+.eth-admin-rate-limit__summary dd,
+.eth-admin-worker-pool__summary dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  margin: 0;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-rate-limit .eth-data-table-wrap,
+.eth-admin-worker-pool .eth-data-table-wrap {
+  background: var(--eth-color-layer-01);
+  border: 0;
+}
+
+.eth-admin-rate-limit .eth-data-table {
+  inline-size: 100%;
+  min-inline-size: 48rem;
+  table-layout: fixed;
+}
+
+.eth-admin-worker-pool .eth-data-table {
+  inline-size: 100%;
+  min-inline-size: 46rem;
+  table-layout: fixed;
+}
+
+.eth-admin-rate-limit .eth-data-table th,
+.eth-admin-rate-limit .eth-data-table td,
+.eth-admin-worker-pool .eth-data-table th,
+.eth-admin-worker-pool .eth-data-table td {
+  border-block-start: 0;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+  vertical-align: middle;
+}
+
+.eth-admin-rate-limit .eth-data-table thead th,
+.eth-admin-worker-pool .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+}
+
+.eth-admin-rate-limit .eth-data-table tbody tr,
+.eth-admin-worker-pool .eth-data-table tbody tr {
+  background: var(--eth-color-layer-01);
+}
+
+.eth-admin-rate-limit .eth-data-table tbody tr:hover,
+.eth-admin-worker-pool .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-rate-limit .eth-data-table tbody tr:last-child td,
+.eth-admin-worker-pool .eth-data-table tbody tr:last-child td {
+  border-block-end: 0;
+}
+
+.eth-admin-rate-limit__limit,
+.eth-admin-worker-pool__pool {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__limit strong,
+.eth-admin-worker-pool__pool strong {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-rate-limit__limit span,
+.eth-admin-worker-pool__pool span {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+
+.eth-admin-rate-limit__usage,
+.eth-admin-worker-pool__capacity {
+  display: grid;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__usage-copy,
+.eth-admin-worker-pool__capacity-copy {
+  align-items: baseline;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__usage-copy span,
+.eth-admin-rate-limit__number,
+.eth-admin-worker-pool__capacity-copy span,
+.eth-admin-worker-pool__number {
+  color: var(--eth-color-text-primary);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.eth-admin-rate-limit__usage-copy strong,
+.eth-admin-worker-pool__capacity-copy strong {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  white-space: nowrap;
+}
+
+.eth-admin-rate-limit__meter,
+.eth-admin-worker-pool__meter {
+  background: #e0e0e0;
+  block-size: 0.25rem;
+  display: block;
+  inline-size: 100%;
+  overflow: hidden;
+}
+
+.eth-admin-rate-limit__meter-fill,
+.eth-admin-worker-pool__meter-fill {
+  background: var(--eth-color-interactive-primary);
+  block-size: 100%;
+  display: block;
+  inline-size: var(--eth-admin-rate-limit-usage, 0%);
+}
+
+.eth-admin-worker-pool__meter-fill {
+  inline-size: var(--eth-admin-worker-pool-capacity, 0%);
+}
+
+.eth-admin-rate-limit__meter-fill--warning,
+.eth-admin-worker-pool__meter-fill--warning {
+  background: var(--eth-color-warning);
+}
+
+.eth-admin-rate-limit__meter-fill--danger,
+.eth-admin-worker-pool__meter-fill--danger {
+  background: var(--eth-color-danger);
+}
+
+.eth-admin-rate-limit__meter-fill--neutral,
+.eth-admin-worker-pool__meter-fill--neutral {
+  background: #525252;
+}
+
+.eth-admin-worker-pool__scale {
+  display: inline-flex;
+  gap: 1px;
+  justify-content: flex-end;
+  min-inline-size: 0;
+}
+
+.eth-admin-worker-pool__scale-button.eth-button {
+  inline-size: 2.5rem;
+  min-inline-size: 2.5rem;
+  padding-inline: 0;
+}
+
+.eth-admin-worker-pool__scale-button.eth-button:disabled {
+  background: transparent;
+}
+
+.eth-admin-rate-limit__limit-input {
+  inline-size: min(100%, 10rem);
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__limit-input input {
+  min-inline-size: 0;
+}
+
+.eth-admin-rate-limit__empty,
+.eth-admin-worker-pool__empty {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  margin: 0;
+  padding: var(--eth-space-xl);
+}
+
+.eth-admin-feature-flag__name {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  overflow-wrap: anywhere;
+}
+
+.eth-admin-feature-flag .eth-data-table-wrap {
+  border: 0;
+}
+
+.eth-admin-integration-health .eth-data-table-wrap {
+  background: var(--eth-color-layer-01);
+  border: 0;
+}
+
+.eth-admin-feature-flag .eth-data-table {
+  inline-size: 100%;
+  min-inline-size: 52rem;
+  table-layout: fixed;
+}
+
+.eth-admin-integration-health .eth-data-table {
+  inline-size: 100%;
+  min-inline-size: 44rem;
+  table-layout: fixed;
+}
+
+.eth-admin-feature-flag .eth-data-table th,
+.eth-admin-feature-flag .eth-data-table td {
+  border-block-start: 0;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+  vertical-align: middle;
+}
+
+.eth-admin-integration-health .eth-data-table th,
+.eth-admin-integration-health .eth-data-table td {
+  border-block-start: 0;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+  vertical-align: middle;
+}
+
+.eth-admin-feature-flag .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+}
+
+.eth-admin-integration-health .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+}
+
+.eth-admin-feature-flag .eth-data-table tbody tr {
+  background: var(--eth-color-layer-01);
+}
+
+.eth-admin-integration-health .eth-data-table tbody tr {
+  background: var(--eth-color-layer-01);
+}
+
+.eth-admin-feature-flag .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-integration-health .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-feature-flag .eth-data-table tbody tr:last-child td {
+  border-block-end: 0;
+}
+
+.eth-admin-integration-health .eth-data-table tbody tr:last-child td {
+  border-block-end: 0;
+}
+
+.eth-admin-integration-health__name {
+  display: grid;
+  gap: var(--eth-space-2xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-integration-health__name strong {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-integration-health__name span,
+.eth-admin-integration-health__checked {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+
+.eth-admin-integration-health__metric {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-variant-numeric: tabular-nums;
+  line-height: 1.4286;
+}
+
+.eth-admin-integration-health__metric--warning {
+  color: #684e00;
+}
+
+.eth-admin-integration-health__metric--danger {
+  color: var(--eth-color-danger);
+}
+
+.eth-admin-integration-health__empty {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  margin: 0;
+  padding: var(--eth-space-xl);
+}
+
+.eth-admin-feature-flag__status {
+  flex-wrap: nowrap;
+}
+
+.eth-admin-feature-flag__status .cds--form-item,
+.eth-admin-feature-flag__status .cds--toggle {
+  margin: 0;
+  min-block-size: 0;
+}
+
+.eth-admin-feature-flag__rollout {
+  align-items: center;
+  display: grid;
+  gap: var(--eth-space-xs);
+  grid-template-columns: 7rem auto minmax(4rem, 1fr);
+  max-inline-size: 16rem;
+  min-inline-size: 0;
+}
+
+.eth-admin-feature-flag__rollout-input {
+  inline-size: 7rem;
+  min-inline-size: 0;
+}
+
+.eth-admin-feature-flag__rollout-input input {
+  min-inline-size: 0;
+}
+
+.eth-admin-feature-flag__rollout-unit {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+
+.eth-admin-feature-flag__meter {
+  background: #e0e0e0;
+  block-size: 0.25rem;
+  display: block;
+  inline-size: 100%;
+  min-inline-size: 3rem;
+  overflow: hidden;
+}
+
+.eth-admin-feature-flag__meter span {
+  background: var(--eth-color-interactive-primary);
+  block-size: 100%;
+  display: block;
+  inline-size: var(--eth-admin-feature-flag-rollout, 0%);
+}
+
+.eth-admin-feature-flag__empty {
+  color: var(--eth-color-text-secondary);
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-policy-config {
+  gap: var(--eth-space-xl);
+  inline-size: 100%;
+}
+
+.eth-admin-policy-config > .eth-surface__header {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  padding-block-end: var(--eth-space-lg);
+}
+
+.eth-admin-policy-config .eth-surface__heading h2 {
+  font-size: calc(1.75rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.2857;
+}
+
+.eth-admin-policy-config .eth-surface__description {
+  max-inline-size: 48rem;
+}
+
+.eth-admin-policy-config__layout {
+  align-items: start;
+  display: grid;
+  gap: var(--eth-space-xl);
+  grid-template-columns: minmax(20rem, 34rem) minmax(18rem, 1fr);
+}
+
+.eth-admin-policy-config__fields {
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-inline-size: 0;
+}
+
+.eth-admin-policy-config__fields .cds--form-item,
+.eth-admin-policy-config__fields .cds--text-input-wrapper,
+.eth-admin-policy-config__fields .cds--text-input,
+.eth-admin-policy-config__fields .cds--text-area__wrapper,
+.eth-admin-policy-config__fields .cds--text-area {
+  inline-size: 100%;
+  min-inline-size: 0;
+}
+
+.eth-admin-policy-config__summary {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-primary);
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-inline-size: 0;
+  padding-inline-start: var(--eth-space-lg);
+}
+
+.eth-admin-policy-config__summary-header {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-admin-policy-config__summary-header h3 {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.2857;
+  margin: 0;
+}
+
+.eth-admin-policy-config__summary-grid {
+  border-block: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+
+.eth-admin-policy-config__summary-grid div {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+
+.eth-admin-policy-config__summary-grid div:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-policy-config__summary-grid dt,
+.eth-admin-policy-config__variables > span {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+}
+
+.eth-admin-policy-config__summary-grid dd {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4;
+  margin: var(--eth-space-xs) 0 0;
+}
+
+.eth-admin-policy-config__variables {
+  display: grid;
+  gap: var(--eth-space-sm);
+}
+
+.eth-admin-policy-config__variables p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-policy-config__variable-list {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+}
+
+.eth-admin-policy-config__variable-list .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+
+.eth-admin-policy-config__rules {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  padding-block-start: var(--eth-space-lg);
+}
+
+.eth-admin-policy-config__rules .eth-form-rule-builder__empty {
+  align-content: center;
+  min-block-size: 8rem;
+}
+
+.eth-admin-policy-config__actions {
+  align-items: center;
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  justify-content: flex-end;
+  padding-block-start: var(--eth-space-lg);
+}
+
+.eth-admin-billing-usage .eth-surface__header {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  padding-block-end: var(--eth-space-lg);
+}
+
+.eth-admin-billing-usage__summary {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  margin: 0;
+}
+
+.eth-admin-billing-usage__summary div {
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md);
+}
+
+.eth-admin-billing-usage__summary div:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-billing-usage__summary dt,
+.eth-admin-billing-usage__metric-details dt,
+.eth-admin-billing-usage__metric-header p,
+.eth-admin-billing-usage__empty {
+  color: var(--eth-color-text-secondary);
+}
+
+.eth-admin-billing-usage__summary dt,
+.eth-admin-billing-usage__metric-details dt {
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-admin-billing-usage__summary dd {
+  align-items: center;
+  display: flex;
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  margin: 0;
+  min-inline-size: 0;
+}
+
+.eth-admin-billing-usage__summary .cds--tag,
+.eth-admin-billing-usage__metric-header .cds--tag {
+  flex: 0 0 auto;
+  margin: 0;
+}
+
+.eth-admin-billing-usage__metrics {
+  align-items: stretch;
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 18rem), 1fr));
+}
+
+.eth-admin-billing-usage__metric {
+  background: var(--eth-color-layer-02);
+  border: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-lg);
+  min-inline-size: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-billing-usage__metric-header {
+  align-items: flex-start;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-admin-billing-usage__metric-header > div {
+  min-inline-size: 0;
+}
+
+.eth-admin-billing-usage__metric-header h3 {
+  font-size: calc(1rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.375;
+  margin: 0;
+  overflow-wrap: anywhere;
+}
+
+.eth-admin-billing-usage__metric-header p {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.428;
+  margin: var(--eth-space-xs) 0 0;
+  overflow-wrap: anywhere;
+}
+
+.eth-admin-billing-usage__meter {
+  background: var(--eth-admin-billing-meter-track);
+  block-size: 0.5rem;
+  inline-size: 100%;
+  overflow: hidden;
+}
+
+.eth-admin-billing-usage__meter-fill {
+  background: var(--eth-color-interactive-primary);
+  block-size: 100%;
+  display: block;
+  inline-size: var(--eth-admin-billing-usage-percent, 0%);
+}
+
+.eth-admin-billing-usage__meter-fill--warning {
+  background: var(--eth-color-warning);
+}
+
+.eth-admin-billing-usage__meter-fill--danger {
+  background: var(--eth-color-danger);
+}
+
+.eth-admin-billing-usage__meter-fill--neutral {
+  background: #525252;
+}
+
+.eth-admin-billing-usage__metric-details {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-sm);
+  margin: 0;
+  padding-block-start: var(--eth-space-md);
+}
+
+.eth-admin-billing-usage__metric-details div {
+  align-items: baseline;
+  display: flex;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-admin-billing-usage__metric-details dd {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.428;
+  margin: 0;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+  text-align: end;
+}
+
+.eth-admin-billing-usage__empty {
+  background: var(--eth-color-layer-02);
+  border: 1px dashed var(--eth-color-border-subtle);
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-system-health {
+  gap: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-admin-system-health > .eth-surface__header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-system-health > .eth-surface__header .eth-surface__heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  max-inline-size: 48rem;
+}
+
+.eth-admin-system-health > .eth-surface__header-actions:empty {
+  display: none;
+}
+
+.eth-admin-system-health__metrics {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  gap: 0;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
+}
+
+.eth-admin-system-health__metrics .eth-kpi {
+  background: transparent;
+  border: 0;
+  border-inline-end: 1px solid var(--eth-color-border-subtle);
+  min-block-size: 7rem;
+}
+
+.eth-admin-system-health__metrics .eth-kpi:last-child {
+  border-inline-end: 0;
+}
+
+.eth-admin-system-health__services {
+  align-items: stretch;
+  gap: var(--eth-space-lg);
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-system-health__services > .eth-admin-service-status-card {
+  block-size: 100%;
+}
+
+.eth-admin-system-health__empty {
+  background: var(--eth-color-layer-02);
+  border: 1px dashed var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  margin: 0;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-service-status-card .eth-surface__header {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  padding-block-end: var(--eth-space-md);
+}
+
+.eth-admin-service-status-card .eth-surface__heading {
+  display: grid;
+  flex: 1 1 auto;
+  gap: var(--eth-space-sm);
+  min-inline-size: 0;
+}
+
+.eth-admin-service-status-card .eth-surface__header-actions:empty {
+  display: none;
+}
+
+.eth-admin-service-status-card .eth-surface__heading h2 {
+  font-size: calc(1.25rem * var(--eth-text-scale, 1));
+  font-weight: 400;
+  line-height: 1.4;
+  margin: 0;
+}
+
+.eth-admin-service-status-card .eth-surface__description {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-service-status-card__title {
+  align-items: center;
+  display: flex;
+  gap: var(--eth-space-sm);
+  justify-content: space-between;
+  min-inline-size: 0;
+}
+
+.eth-admin-service-status-card__title > span:first-child {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.eth-admin-service-status-card__title .eth-badge {
+  flex: 0 0 auto;
+}
+
+.eth-admin-service-status-card__metrics {
+  display: grid;
+  margin: 0;
+}
+
+.eth-admin-service-status-card__metrics div {
+  align-items: baseline;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-md);
+  grid-template-columns: minmax(0, 1fr) auto;
+  justify-content: space-between;
+  min-inline-size: 0;
+  padding: var(--eth-space-sm) 0;
+}
+
+.eth-admin-service-status-card__metrics div:first-child {
+  padding-block-start: 0;
+}
+
+.eth-admin-service-status-card__metrics div:last-child {
+  border-block-end: 0;
+  padding-block-end: 0;
+}
+
+.eth-admin-service-status-card dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.3333;
+  min-inline-size: 0;
+}
+
+.eth-admin-service-status-card dd {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  line-height: 1.4286;
+  margin: 0;
+  min-inline-size: 0;
+  overflow-wrap: anywhere;
+  text-align: end;
+}
+
+.eth-admin-service-status-card__metric--muted dd {
+  color: var(--eth-color-text-secondary);
+  font-weight: 400;
+}
+
+.eth-admin-system-health__incidents {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-md);
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-system-health__incidents ul {
+  display: grid;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.eth-admin-system-health__incidents li {
+  align-items: center;
+  background: var(--eth-color-layer-02);
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-sm);
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  min-inline-size: 0;
+  padding: var(--eth-space-sm) var(--eth-space-md);
+}
+
+.eth-admin-system-health__incidents li:last-child {
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-admin-system-health__incidents li > span {
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-system-health__incidents time {
+  color: var(--eth-color-text-secondary);
+  font-variant-numeric: tabular-nums;
+  margin-inline-start: auto;
+}
+
+.eth-admin-job-queue > header > div,
+.eth-admin-audit-log > header > div,
+.eth-admin-runtime-log > header > div {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+}
+
+.eth-admin-shell .eth-data-table-wrap,
+.eth-admin-audit-log .eth-data-table-wrap {
+  border: 1px solid var(--eth-color-border-subtle);
+  min-inline-size: 0;
+  overflow: auto;
+}
+
+.eth-admin-shell .eth-data-table,
+.eth-admin-audit-log .eth-data-table {
+  border-collapse: collapse;
+  inline-size: 100%;
+}
+
+.eth-admin-shell .eth-data-table th,
+.eth-admin-shell .eth-data-table td,
+.eth-admin-audit-log .eth-data-table th,
+.eth-admin-audit-log .eth-data-table td {
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  padding: var(--eth-space-sm) var(--eth-space-md);
+  text-align: start;
+  vertical-align: middle;
+}
+
+.eth-admin-shell .eth-data-table thead th,
+.eth-admin-audit-log .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+  border-block-start: 0;
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.333;
+}
+
+.eth-admin-runtime-log {
+  gap: 0;
+  overflow: hidden;
+  padding: 0;
+}
+
+.eth-admin-runtime-log > .eth-admin-runtime-log__header {
+  align-items: flex-start;
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  flex-wrap: wrap;
+  padding: var(--eth-space-lg);
+}
+
+.eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__heading {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: min(100%, 24rem);
+}
+
+.eth-admin-runtime-log__heading p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  margin: 0;
+}
+
+.eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__status {
+  align-items: center;
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: wrap;
+  gap: var(--eth-space-sm);
+  justify-content: flex-end;
+  margin-inline-start: auto;
+  min-block-size: 2rem;
+}
+
+.eth-admin-runtime-log__status span {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+}
+
+.eth-admin-runtime-log__toolbar {
+  align-items: end;
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-md);
+  justify-content: space-between;
+  min-inline-size: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-admin-runtime-log__filters {
+  align-items: end;
+  display: flex;
+  flex: 1 1 auto;
+  flex-wrap: wrap;
+  gap: var(--eth-space-md);
+  min-inline-size: 0;
+}
+
+.eth-admin-runtime-log__filters :where(.cds--form-item, .cds--search, .cds--select) {
+  inline-size: min(100%, 14rem);
+  min-inline-size: 10rem;
+}
+
+.eth-admin-runtime-log__toolbar .eth-button {
+  flex: 0 0 auto;
+  min-inline-size: 9rem;
+}
+
+.eth-admin-runtime-log__summary {
+  background: var(--eth-color-layer-01);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  margin: 0;
+}
+
+.eth-admin-runtime-log__summary > div {
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-inline-size: 0;
+  padding: var(--eth-space-md) var(--eth-space-lg);
+}
+
+.eth-admin-runtime-log__summary > div + div {
+  border-inline-start: 1px solid var(--eth-color-border-subtle);
+}
+
+.eth-admin-runtime-log__summary dt {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+  margin: 0;
+}
+
+.eth-admin-runtime-log__summary dd {
+  color: var(--eth-color-text-primary);
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  line-height: 1.4286;
+  margin: 0;
+  min-inline-size: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-runtime-log__table-shell {
+  background: var(--eth-color-layer-01);
+  max-block-size: 28rem;
+  min-block-size: 12rem;
+  min-inline-size: 0;
+  overflow: auto;
+}
+
+.eth-admin-runtime-log .eth-data-table-wrap {
+  background: var(--eth-color-layer-01);
+  border: 0;
+  min-block-size: 12rem;
+}
+
+.eth-admin-runtime-log .eth-data-table {
+  inline-size: 100%;
+  min-inline-size: 52rem;
+  table-layout: fixed;
+}
+
+.eth-admin-runtime-log .eth-data-table th,
+.eth-admin-runtime-log .eth-data-table td {
+  border-block-start: 0;
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+  padding: var(--eth-space-sm) var(--eth-space-lg);
+  vertical-align: top;
+}
+
+.eth-admin-runtime-log .eth-data-table thead th {
+  background: var(--eth-color-layer-02);
+  border-block-end: 1px solid var(--eth-color-border-subtle);
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.3333;
+}
+
+.eth-admin-runtime-log .eth-data-table tbody tr {
+  background: var(--eth-color-layer-01);
+}
+
+.eth-admin-runtime-log .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-runtime-log .eth-data-table tbody tr:last-child td {
+  border-block-end: 0;
+}
+
+.eth-admin-runtime-log .eth-data-table .eth-badge {
+  margin: 0;
+  max-inline-size: 100%;
+}
+
+.eth-admin-runtime-log__timestamp,
+.eth-admin-runtime-log__source,
+.eth-admin-runtime-log__message {
+  min-inline-size: 0;
+}
+
+.eth-admin-runtime-log__timestamp,
+.eth-admin-runtime-log__message {
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+}
+
+.eth-admin-runtime-log__timestamp {
+  color: var(--eth-color-text-secondary);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.eth-admin-runtime-log__source {
+  color: var(--eth-color-text-secondary);
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-runtime-log__message {
+  color: var(--eth-color-text-primary);
+  display: block;
+  overflow-wrap: anywhere;
+}
+
+.eth-admin-runtime-log__message--warning {
+  color: var(--eth-color-text-primary);
+}
+
+.eth-admin-runtime-log__message--error {
+  color: var(--eth-color-danger);
+}
+
+.eth-admin-runtime-log__empty {
+  align-content: center;
+  border-block-start: 1px solid var(--eth-color-border-subtle);
+  display: grid;
+  gap: var(--eth-space-xs);
+  min-block-size: 12rem;
+  padding: var(--eth-space-xl);
+}
+
+.eth-admin-runtime-log__empty h4,
+.eth-admin-runtime-log__empty p {
+  margin: 0;
+}
+
+.eth-admin-runtime-log__empty h4 {
+  color: var(--eth-color-text-primary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  font-weight: 600;
+  line-height: 1.4286;
+}
+
+.eth-admin-runtime-log__empty p {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.4286;
+}
+
+.eth-admin-audit-log {
+  gap: var(--eth-space-md);
+}
+
+.eth-admin-audit-log__heading {
+  display: grid;
+  gap: var(--eth-space-2xs);
+}
+
+.eth-admin-audit-log__heading span {
+  color: var(--eth-color-text-secondary);
+  font-size: calc(0.75rem * var(--eth-text-scale, 1));
+  line-height: 1.333;
+}
+
+.eth-admin-audit-log__toolbar {
+  justify-content: flex-end;
+}
+
+.eth-admin-audit-log__filters,
+.eth-admin-audit-log__exports {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--eth-space-xs);
+}
+
+.eth-admin-audit-log__exports .eth-button {
+  min-inline-size: 4rem;
+}
+
+.eth-admin-audit-log .eth-data-table {
+  min-inline-size: 48rem;
+  table-layout: fixed;
+}
+
+.eth-admin-audit-log .eth-data-table th,
+.eth-admin-audit-log .eth-data-table td {
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+  line-height: 1.2857;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.eth-admin-audit-log .eth-data-table tbody tr:hover {
+  background: var(--eth-color-layer-hover);
+}
+
+.eth-admin-audit-log .eth-data-table .cds--tag {
+  margin: 0;
+  max-inline-size: 100%;
+}
+
+.eth-admin-audit-log__actor {
+  font-weight: 600;
+}
+
+.eth-admin-audit-log__mono {
+  font-family: var(--eth-font-mono, monospace);
+  font-size: calc(0.875rem * var(--eth-text-scale, 1));
+}
+
+@media (width <= 52rem) {
+  .eth-admin-shell__layout {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-shell__side-nav {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+    max-block-size: 18rem;
+  }
+
+  .eth-admin-shell__main {
+    padding: var(--eth-space-lg);
+  }
+
+  .eth-admin-shell__content-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-system-health > .eth-surface__header {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .eth-admin-system-health__metrics {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-system-health__metrics .eth-kpi {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+  }
+
+  .eth-admin-system-health__metrics .eth-kpi:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-system-health__incidents li {
+    align-items: start;
+    grid-template-columns: auto minmax(0, 1fr);
+  }
+
+  .eth-admin-system-health__incidents time {
+    grid-column: 2;
+    margin-inline-start: 0;
+  }
+
+  .eth-admin-policy-config__layout,
+  .eth-admin-policy-config__summary-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-policy-config__summary {
+    border-block-start: 1px solid var(--eth-color-border-subtle);
+    border-inline-start: 0;
+    padding-block-start: var(--eth-space-lg);
+    padding-inline-start: 0;
+  }
+
+  .eth-admin-policy-config__summary-grid div {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+  }
+
+  .eth-admin-policy-config__summary-grid div:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-policy-config__actions,
+  .eth-admin-policy-config__actions .eth-button {
+    inline-size: 100%;
+  }
+
+  .eth-admin-tenant-settings > .eth-surface__header,
+  .eth-admin-tenant-settings > .eth-surface__header .eth-surface__header-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .eth-admin-tenant-settings .eth-actions,
+  .eth-admin-tenant-settings .eth-form-actions {
+    inline-size: 100%;
+    justify-content: flex-start;
+  }
+
+  .eth-admin-tenant-settings .eth-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .eth-admin-tenant-settings .eth-actions .eth-button,
+  .eth-admin-tenant-settings .eth-form-actions .eth-button {
+    inline-size: 100%;
+  }
+
+  .eth-admin-tenant-settings .eth-meta-grid,
+  .eth-admin-tenant-settings .eth-form-section,
+  .eth-admin-tenant-settings .eth-form-section__body {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-tenant-settings .eth-meta-grid div {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+  }
+
+  .eth-admin-tenant-settings .eth-meta-grid div:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-tenant-settings > .eth-surface__header,
+  .eth-admin-tenant-settings .eth-meta-grid div,
+  .eth-admin-tenant-settings .eth-form-section,
+  .eth-admin-tenant-settings .eth-form-config__validation,
+  .eth-admin-tenant-settings .eth-form-actions {
+    padding-inline: var(--eth-space-lg);
+  }
+
+  .eth-admin-job-queue > header,
+  .eth-admin-job-queue__header-actions {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .eth-admin-job-queue__header-actions {
+    justify-content: flex-start;
+    margin-inline-start: 0;
+    inline-size: 100%;
+  }
+
+  .eth-admin-job-queue__summary {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-job-queue__summary div {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+  }
+
+  .eth-admin-job-queue__summary div:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-rate-limit > header,
+  .eth-admin-worker-pool > header,
+  .eth-admin-runtime-log > .eth-admin-runtime-log__header,
+  .eth-admin-audit-log > header,
+  .eth-admin-integration-health > header,
+  .eth-admin-runtime-log__toolbar,
+  .eth-admin-audit-log__toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
+  .eth-admin-rate-limit__header-actions,
+  .eth-admin-worker-pool__header-actions,
+  .eth-admin-integration-health__header-actions,
+  .eth-admin-integration-health__summary,
+  .eth-admin-runtime-log > .eth-admin-runtime-log__header > .eth-admin-runtime-log__status {
+    inline-size: 100%;
+    justify-content: flex-start;
+    margin-inline-start: 0;
+  }
+
+  .eth-admin-rate-limit__summary,
+  .eth-admin-worker-pool__summary,
+  .eth-admin-runtime-log__summary {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-rate-limit__summary div,
+  .eth-admin-worker-pool__summary div,
+  .eth-admin-runtime-log__summary div {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+    border-inline-start: 0;
+  }
+
+  .eth-admin-rate-limit__summary div:last-child,
+  .eth-admin-worker-pool__summary div:last-child,
+  .eth-admin-runtime-log__summary div:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-runtime-log__filters,
+  .eth-admin-runtime-log__filters :where(.cds--form-item, .cds--search, .cds--select),
+  .eth-admin-runtime-log__toolbar .eth-button {
+    inline-size: 100%;
+  }
+
+  .eth-admin-audit-log__toolbar,
+  .eth-admin-audit-log__exports {
+    inline-size: 100%;
+  }
+
+  .eth-admin-audit-log__exports .eth-button {
+    flex: 1 1 0;
+    min-inline-size: 0;
+  }
+
+  .eth-admin-billing-usage__summary {
+    grid-template-columns: 1fr;
+  }
+
+  .eth-admin-billing-usage__summary div {
+    border-block-end: 1px solid var(--eth-color-border-subtle);
+    border-inline-end: 0;
+  }
+
+  .eth-admin-billing-usage__summary div:last-child {
+    border-block-end: 0;
+  }
+
+  .eth-admin-billing-usage__metric-header,
+  .eth-admin-billing-usage__metric-details div {
+    align-items: flex-start;
+  }
+}