:root {
  --workspace-v148-bg: #f3f7fa;
  --workspace-v148-surface: #ffffff;
  --workspace-v148-soft: #f7fafc;
  --workspace-v148-stripe: #eef4f7;
  --workspace-v148-border: #dce5ec;
  --workspace-v148-text: #0b1324;
  --workspace-v148-muted: #61708a;
  --workspace-v148-cyan: #009bb9;
  --workspace-v148-shadow: 0 10px 26px rgba(25, 47, 74, .07);
}

main:has([data-management-workspace-v148]) {
  background: var(--workspace-v148-bg) !important;
}

[data-management-workspace-v148] {
  box-sizing: border-box;
  width: 100%;
  max-width: 1680px !important;
  margin: 0 auto !important;
  padding: 20px clamp(18px, 2.2vw, 38px) 44px !important;
  color: var(--workspace-v148-text);
}

[data-workspace-header-v148] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 22px !important;
  min-height: 132px;
  padding: 24px 28px !important;
  border: 1px solid var(--workspace-v148-border);
  border-radius: 24px;
  background: linear-gradient(135deg, #fbfdff 0%, #eef8fa 100%);
  box-shadow: var(--workspace-v148-shadow);
}

[data-workspace-header-v148] > div:first-child {
  min-width: 0;
  text-align: left !important;
}

[data-workspace-header-v148] h1 {
  margin: 0 !important;
  color: var(--workspace-v148-text) !important;
  font-size: clamp(28px, 2.2vw, 38px) !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
}

[data-workspace-header-v148] h1 + p {
  max-width: 920px;
  margin-top: 8px !important;
  color: var(--workspace-v148-muted) !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

[data-workspace-header-v148] h1 ~ div,
[data-workspace-header-v148] > div:first-child > div:first-child {
  color: var(--workspace-v148-cyan) !important;
}

[data-workspace-grid-v148] {
  gap: 22px !important;
  align-items: start;
}

[data-workspace-card-v148] {
  overflow: hidden;
  border: 1px solid var(--workspace-v148-border) !important;
  border-radius: 22px !important;
  background: var(--workspace-v148-surface) !important;
  box-shadow: var(--workspace-v148-shadow) !important;
}

[data-workspace-card-header-v148] {
  padding: 20px 22px !important;
  border-bottom: 1px solid var(--workspace-v148-border) !important;
  background: var(--workspace-v148-soft) !important;
}

[data-workspace-card-header-v148] h2 {
  color: var(--workspace-v148-text) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}

[data-workspace-card-header-v148] p {
  margin-top: 4px !important;
  color: var(--workspace-v148-muted) !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
}

[data-workspace-card-body-v148] {
  padding: 20px 22px !important;
}

[data-management-workspace-v148] .input,
[data-management-workspace-v148] input:not([type="checkbox"]):not([type="radio"]),
[data-management-workspace-v148] select,
[data-management-workspace-v148] textarea {
  box-sizing: border-box;
  width: 100%;
  min-height: 42px;
  border: 1px solid #d5e0e8 !important;
  border-radius: 12px !important;
  background: #fff !important;
  color: var(--workspace-v148-text) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
  font-size: 12px !important;
  transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

[data-management-workspace-v148] textarea {
  padding: 11px 13px !important;
  line-height: 1.5;
}

[data-management-workspace-v148] .input:focus,
[data-management-workspace-v148] input:focus,
[data-management-workspace-v148] select:focus,
[data-management-workspace-v148] textarea:focus {
  outline: none !important;
  border-color: #13a7c3 !important;
  box-shadow: 0 0 0 3px rgba(19, 167, 195, .12) !important;
}

[data-workspace-form-v148] {
  gap: 14px !important;
}

[data-workspace-button-v148] {
  min-height: 36px;
  border-radius: 10px !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  letter-spacing: .005em;
}

[data-workspace-list-row-v148] {
  border-color: var(--workspace-v148-border) !important;
  background: #fff !important;
  transition: border-color .15s ease, background .15s ease, transform .15s ease;
}

[data-workspace-list-row-v148]:nth-child(even) {
  background: var(--workspace-v148-stripe) !important;
}

button[data-workspace-list-row-v148]:hover {
  border-color: #9ed4df !important;
  background: #e9f7fa !important;
  transform: translateY(-1px);
}

[data-workspace-table-v148] {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  overflow: hidden;
  border: 1px solid var(--workspace-v148-border);
  border-radius: 14px;
}

[data-workspace-table-v148] thead {
  background: #f4f8fa !important;
}

[data-workspace-table-v148] th {
  padding: 11px 13px !important;
  border-bottom: 1px solid var(--workspace-v148-border) !important;
  color: #516078 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: .09em !important;
  text-transform: uppercase !important;
}

[data-workspace-table-v148] td {
  padding: 12px 13px !important;
  border-top: 1px solid #e6edf2 !important;
  color: #263349;
  font-size: 11px !important;
  vertical-align: middle;
}

[data-workspace-table-v148] tbody tr:first-child td {
  border-top: 0 !important;
}

[data-workspace-status-v148] {
  display: inline-flex !important;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px !important;
  border-radius: 999px !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: .035em;
  text-transform: uppercase;
}

[data-workspace-status-v148="activated"],
[data-workspace-status-v148="active"],
[data-workspace-status-v148="completed"] {
  background: #e7f8f1 !important;
  color: #087c5c !important;
}

[data-workspace-status-v148="inactivated"],
[data-workspace-status-v148="stopped"] {
  background: #fff4dc !important;
  color: #9a6200 !important;
}

[data-workspace-status-v148="failed"],
[data-workspace-status-v148="error"] {
  background: #ffebee !important;
  color: #c12d45 !important;
}

[data-workspace-status-v148="running"],
[data-workspace-status-v148="queued"],
[data-workspace-status-v148="pending"],
[data-workspace-status-v148="provisioned"] {
  background: #e8f7fb !important;
  color: #007b96 !important;
}

html.dark main:has([data-management-workspace-v148]) {
  background: #0b1018 !important;
}

html.dark [data-workspace-header-v148],
html.dark [data-workspace-card-v148] {
  border-color: rgba(255,255,255,.1) !important;
  background: #111722 !important;
}

html.dark [data-workspace-header-v148] {
  background: linear-gradient(135deg, #111722 0%, #0d242a 100%) !important;
}

html.dark [data-workspace-card-header-v148],
html.dark [data-workspace-list-row-v148]:nth-child(even),
html.dark [data-workspace-table-v148] thead {
  background: #161f2c !important;
}

html.dark [data-workspace-list-row-v148],
html.dark [data-management-workspace-v148] .input,
html.dark [data-management-workspace-v148] input:not([type="checkbox"]):not([type="radio"]),
html.dark [data-management-workspace-v148] select,
html.dark [data-management-workspace-v148] textarea {
  border-color: rgba(255,255,255,.12) !important;
  background: #0e1520 !important;
  color: #e8edf5 !important;
}

html.dark [data-workspace-header-v148] h1,
html.dark [data-workspace-card-header-v148] h2,
html.dark [data-workspace-table-v148] td {
  color: #f4f7fb !important;
}

@media (max-width: 900px) {
  [data-management-workspace-v148] {
    padding: 14px 12px 34px !important;
  }

  [data-workspace-header-v148] {
    align-items: flex-start !important;
    min-height: 0;
    padding: 20px !important;
  }

  [data-workspace-grid-v148] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 640px) {
  [data-workspace-header-v148] {
    flex-direction: column !important;
  }

  [data-workspace-header-v148] > button,
  [data-workspace-header-v148] > div:last-child:not(:first-child) {
    width: 100%;
  }

  [data-workspace-card-header-v148],
  [data-workspace-card-body-v148] {
    padding: 16px !important;
  }
}
