@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'IBM Plex Sans', sans-serif;
  --ink: #0b1b2b;
  --ink-soft: #23364a;
  --muted: #5a6b7d;
  --primary: #0f766e;
  --primary-strong: #0b5d57;
  --accent: #f97316;
  --success: #16a34a;
  --warning: #f59e0b;
  --danger: #ef4444;
  --surface: #ffffff;
  --surface-alt: #f5f7fb;
  --surface-strong: #eef2f6;
  --border: #d7e1ec;
  --shadow-sm: 0 4px 10px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 12px 30px rgba(15, 23, 42, 0.12);
  --shadow-lg: 0 24px 48px rgba(15, 23, 42, 0.16);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
}

* {
  box-sizing: border-box;
}

body.os-console {
  font-family: var(--font-body);
  color: var(--ink);
  background: radial-gradient(circle at top left, #eef5ff 0%, #f6fbf7 45%, #f7f9fc 100%);
  line-height: 1.6;
}

.os-console a {
  color: inherit;
}

.console-shell {
  max-width: 1440px;
  margin: 28px auto 80px;
  padding: 0 28px;
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 26px;
}

.console-sidebar {
  position: sticky;
  top: 90px;
  align-self: start;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 18px;
  box-shadow: var(--shadow-sm);
}

.console-sidebar h3 {
  font-family: var(--font-display);
  font-size: 16px;
  margin: 0 0 12px;
  color: var(--ink-soft);
}

.console-nav-group {
  margin-bottom: 18px;
}

.console-nav-title {
  font-size: 12px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #8a98a8;
  margin: 14px 0 8px;
}

.console-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 6px;
}

.console-nav a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 12px;
  text-decoration: none;
  font-size: 14px;
  color: var(--ink-soft);
  background: transparent;
  transition: all 0.2s ease;
}

.console-nav a:hover,
.console-nav a.active {
  background: rgba(15, 118, 110, 0.12);
  color: var(--primary-strong);
  font-weight: 600;
}

.console-nav .nav-pill {
  margin-left: auto;
  font-size: 11px;
  padding: 2px 8px;
  border-radius: 999px;
  background: rgba(15, 118, 110, 0.15);
  color: var(--primary-strong);
}

.console-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.console-hero {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 26px 28px;
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

.console-hero h1 {
  margin: 6px 0 8px;
  font-family: var(--font-display);
  font-size: 30px;
  color: var(--ink);
}

.console-hero p {
  margin: 0;
  color: var(--muted);
  max-width: 560px;
}

.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.chip {
  padding: 6px 12px;
  border-radius: 999px;
  background: var(--surface-strong);
  border: 1px solid var(--border);
  font-size: 12px;
  color: var(--ink-soft);
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.chip strong {
  font-weight: 600;
}

.hero-actions {
  display: grid;
  gap: 10px;
}

.hero-actions button,
.hero-actions a {
  border: 0;
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background: var(--primary);
  color: white;
  text-decoration: none;
  text-align: center;
  box-shadow: var(--shadow-sm);
}

.hero-actions .secondary {
  background: #e5eef0;
  color: var(--primary-strong);
}

.pagination-row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 16px;
}

.pagination-row .muted {
  margin: 0 6px;
}

.section-card {
  background: var(--surface);
  border-radius: var(--radius-md);
  border: 1px solid var(--border);
  padding: 20px 22px;
  box-shadow: var(--shadow-sm);
}

.section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.form-inline {
  display: flex;
  gap: 10px;
  align-items: center;
}

.form-inline input {
  flex: 1;
}

.form-inline button {
  white-space: nowrap;
}

.section-header h2 {
  font-family: var(--font-display);
  font-size: 20px;
  margin: 0;
}

.section-header span {
  font-size: 12px;
  color: var(--muted);
}

.subsection-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  margin: 16px 0 8px;
}

.subsection-header:first-of-type {
  margin-top: 0;
}

.subsection-header h3 {
  margin: 0;
  font-size: 14px;
  color: var(--ink);
}

.subsection-header span {
  font-size: 12px;
  color: var(--muted);
}

.kpi-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
}

.kpi-card {
  padding: 16px;
  border-radius: 14px;
  border: 1px solid var(--border);
  background: linear-gradient(135deg, #f7fafc 0%, #eef2f6 100%);
}

.kpi-card h4 {
  margin: 0 0 8px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d8b9a;
}

.kpi-value {
  font-family: var(--font-display);
  font-size: 24px;
  margin: 0;
  color: var(--ink);
}

.kpi-foot {
  font-size: 12px;
  color: var(--muted);
}

.status-list {
  display: grid;
  gap: 12px;
}

.status-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid var(--border);
  background: var(--surface-alt);
}

.status-item h4 {
  margin: 0 0 4px;
  font-size: 14px;
}

.status-item p {
  margin: 0;
  font-size: 12px;
  color: var(--muted);
}

.workspace-stack {
  display: grid;
  gap: 16px;
}

.workspace-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border);
}

.workspace-heading h3,
.workspace-band h3 {
  margin: 0 0 6px;
  font-size: 15px;
  color: var(--ink);
}

.workspace-heading p,
.workspace-tile p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.workspace-readiness-grid,
.workspace-two-column {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 12px;
}

.workspace-tile {
  display: grid;
  gap: 7px;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid var(--border);
  background: var(--surface-alt);
}

.workspace-tile > span:first-child {
  color: var(--muted);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.workspace-tile strong {
  color: var(--ink);
  font-size: 15px;
}

.workspace-band {
  display: grid;
  gap: 10px;
  padding-top: 14px;
  border-top: 1px solid var(--border);
}

.workspace-row {
  gap: 14px;
}

.workspace-row > div:first-child {
  min-width: 0;
}

.workspace-row .table-actions {
  justify-content: flex-end;
  min-width: 150px;
}

.workspace-subtags {
  margin-top: 4px;
}

.badge {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.badge.success {
  background: rgba(22, 163, 74, 0.15);
  color: var(--success);
}

.badge.warning {
  background: rgba(245, 158, 11, 0.18);
  color: #b45309;
}

.badge.danger {
  background: rgba(239, 68, 68, 0.18);
  color: var(--danger);
}

.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
}

.table th,
.table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}

.table th {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d8b9a;
}

.table tr:hover {
  background: var(--surface-alt);
}

.table tr.active {
  background: rgba(15, 118, 110, 0.12);
  box-shadow: inset 3px 0 0 var(--primary);
}

.call-pill {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
}

.call-pill.safe {
  background: rgba(22, 163, 74, 0.12);
  color: #15803d;
}

.call-pill.suspicious {
  background: rgba(245, 158, 11, 0.16);
  color: #b45309;
}

.call-pill.blocked {
  background: rgba(239, 68, 68, 0.16);
  color: #b91c1c;
}

/* Live call language selector */
.language-selector {
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
  font-size: 12px;
  background: var(--surface);
  color: var(--ink);
  cursor: pointer;
  min-width: 100px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.language-selector:hover {
  border-color: var(--primary);
}

.language-selector:focus {
  outline: none;
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(15, 118, 110, 0.2);
}

.split-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 18px;
}

.form-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}

.form-field {
  display: grid;
  gap: 6px;
}

.checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 8px;
}

.checkbox-grid label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: var(--ink-soft);
}

.checkbox-grid input {
  accent-color: var(--primary);
}

.checkbox-grid {
  display: grid;
  gap: 8px;
}

.checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--ink);
}

.table-title {
  font-weight: 600;
  color: var(--ink);
}

.table-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.table-actions button {
  border: 0;
  border-radius: 10px;
  padding: 0 12px;
  height: 33px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  background: #e5eef0;
  color: var(--primary-strong);
  box-shadow: var(--shadow-sm);
}

.admin-split {
  margin-top: 24px;
}

.form-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.action-button {
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
}

.action-button:hover {
  background: var(--primary-strong);
}

.form-field label {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #7d8b9a;
}

.form-field input,
.form-field select,
.form-field textarea {
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 10px 12px;
  font-size: 13px;
  font-family: var(--font-body);
}

.os-console .form-field input,
.os-console .form-field select,
.os-console .form-field button {
  box-sizing: border-box;
  height: 33px;
}

.os-console .form-field textarea {
  box-sizing: border-box;
}

.os-console .form-field button {
  padding: 0 12px;
  border: 0;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}

.os-console .form-field button.primary {
  background: var(--primary);
  color: #fff;
  box-shadow: var(--shadow-sm);
}

.os-console .form-field button.secondary {
  background: #e5eef0;
  color: var(--primary-strong);
  box-shadow: var(--shadow-sm);
}

.alert-banner {
  display: none;
  margin: 0 0 16px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(239, 68, 68, 0.35);
  background: rgba(239, 68, 68, 0.08);
  color: #b91c1c;
  font-size: 13px;
  font-weight: 600;
}

.alert-banner.is-visible {
  display: block;
}

body.os-console[data-section="management"] .management-data-health {
  margin: 0 0 10px;
  border-color: #f5c16c;
  background: #fff8e8;
  color: #8a5200;
  box-shadow: var(--shadow-sm);
}

.os-modal {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.55);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  z-index: 2000;
}

.os-modal.is-open {
  display: flex;
}

.os-modal-card {
  width: min(900px, 90vw);
  max-height: 85vh;
  background: #fff;
  border-radius: 16px;
  border: 1px solid var(--border);
  box-shadow: 0 24px 60px rgba(15, 23, 42, 0.2);
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.os-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid var(--border);
}

.os-modal-header h3 {
  margin: 0;
  font-size: 18px;
}

.os-modal-close {
  background: transparent;
  border: 0;
  font-size: 20px;
  cursor: pointer;
  color: var(--muted);
}

.os-modal-body {
  padding: 16px 20px;
  overflow: auto;
}

.os-modal-body textarea {
  width: 100%;
  min-height: 48vh;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  font-size: 13px;
  font-family: var(--font-body);
}

.os-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 20px;
  border-top: 1px solid var(--border);
}

.os-console.modal-open {
  overflow: hidden;
}

.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag {
  background: rgba(15, 118, 110, 0.12);
  color: var(--primary-strong);
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(15, 118, 110, 0.18);
}

.warning-tags .tag {
  background: rgba(245, 158, 11, 0.14);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.26);
}

.metric-bar {
  height: 8px;
  border-radius: 999px;
  background: #e2e8f0;
  overflow: hidden;
}

.metric-bar.is-hidden {
  display: none;
}

.metric-bar span {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #0f766e 0%, #38bdf8 100%);
}

.timeline {
  display: grid;
  gap: 12px;
}

.timeline-item {
  display: grid;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--surface-alt);
  border: 1px solid var(--border);
}

.timeline-item span {
  font-size: 12px;
  color: var(--muted);
}

.muted {
  color: var(--muted);
  font-size: 13px;
}

@media (max-width: 1100px) {
  .console-shell {
    grid-template-columns: 1fr;
  }

  .console-sidebar {
    position: relative;
    top: 0;
  }
}

@media (max-width: 720px) {
  .console-shell {
    padding: 0 18px;
  }

  .console-hero {
    flex-direction: column;
  }

  .hero-actions {
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
}

/* OpenSpan management console: dense generated-concept visual system */
body.os-console[data-section="management"] {
  --font-display: var(--font-body);
  --ink: #07162f;
  --ink-soft: #233657;
  --muted: #60708c;
  --primary: #3157ff;
  --primary-strong: #243de6;
  --accent: #6c5cff;
  --success: #12b981;
  --warning: #f59e0b;
  --danger: #ef4444;
  --surface: #ffffff;
  --surface-alt: #f7f9fd;
  --surface-strong: #eef3ff;
  --control-surface: #f1f2f4;
  --control-border: #d8e1ef;
  --select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232348e8' d='M1 1h10L6 7z'/%3E%3C/svg%3E");
  --border: #dce5f2;
  --shadow-sm: 0 1px 2px rgba(24, 39, 75, 0.06);
  --shadow-md: 0 8px 18px rgba(24, 39, 75, 0.08);
  --radius-sm: 5px;
  --radius-md: 7px;
  --radius-lg: 8px;
  margin: 0;
  background: #f6f8fc;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .management-topbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: grid;
  grid-template-columns: 196px minmax(360px, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 1px 8px rgba(32, 47, 82, 0.06);
}

body.os-console[data-section="management"] .management-brand {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  text-decoration: none;
}

body.os-console[data-section="management"] .management-brand-mark {
  position: relative;
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  border: 2px solid var(--primary);
  border-radius: 999px;
}

body.os-console[data-section="management"] .management-brand-mark::after {
  content: "";
  position: absolute;
  width: 9px;
  height: 2px;
  top: 6px;
  left: 3px;
  background: var(--primary);
  border-radius: 999px;
  transform: rotate(-42deg);
}

body.os-console[data-section="management"] .management-topbar-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-width: 0;
}

body.os-console[data-section="management"] .management-topbar-nav a {
  padding: 6px 9px;
  border-radius: 5px;
  color: #283a5a;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

body.os-console[data-section="management"] .management-topbar-nav a:hover {
  color: var(--primary-strong);
  background: rgba(49, 87, 255, 0.08);
}

body.os-console[data-section="management"] .management-topbar-nav a.active {
  color: var(--primary-strong);
  background: rgba(49, 87, 255, 0.1);
}

body.os-console[data-section="management"] .management-topbar-actions {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  min-width: 0;
}

body.os-console[data-section="management"] .management-tenant-select,
body.os-console[data-section="management"] .management-user-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 4px 8px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #f8faff;
  color: #253755;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}

body.os-console[data-section="management"] .management-icon-button {
  display: inline-grid;
  place-items: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #ffffff;
  color: #3d4e70;
  cursor: pointer;
}

body.os-console[data-section="management"] .management-icon-button:hover {
  color: var(--primary-strong);
  border-color: #c5d1ff;
  background: #f5f7ff;
}

body.os-console[data-section="management"] .management-user-avatar {
  display: inline-grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 999px;
  color: #ffffff;
  background: linear-gradient(135deg, var(--primary), var(--accent));
  font-size: 9px;
  font-weight: 800;
}

body.os-console[data-section="management"] .console-shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 8px 10px 28px;
  grid-template-columns: 196px minmax(0, 1fr);
  gap: 10px;
}

body.os-console[data-section="management"] .console-sidebar {
  top: 58px;
  min-height: calc(100vh - 70px);
  padding: 10px 8px;
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.96);
  box-shadow: none;
}

body.os-console[data-section="management"] .console-sidebar h3 {
  margin: 0 0 8px;
  padding: 0 4px 8px;
  border-bottom: 1px solid var(--border);
  font-size: 12px;
  font-weight: 700;
  color: var(--ink);
}

body.os-console[data-section="management"] .console-nav-group {
  margin-bottom: 8px;
}

body.os-console[data-section="management"] .console-nav-group[hidden] {
  display: none;
}

body.os-console[data-section="management"] .console-nav-group.active .console-nav-title {
  color: var(--primary-strong);
}

body.os-console[data-section="management"] .console-nav-title {
  margin: 9px 4px 5px;
  font-size: 9px;
  letter-spacing: 0.06em;
  color: #8190aa;
}

body.os-console[data-section="management"] .console-nav {
  gap: 2px;
}

body.os-console[data-section="management"] .console-nav a {
  min-height: 25px;
  padding: 5px 7px;
  border-radius: 5px;
  gap: 6px;
  font-size: 11px;
  color: #31405f;
}

body.os-console[data-section="management"] .console-nav a:hover,
body.os-console[data-section="management"] .console-nav a.active {
  background: linear-gradient(90deg, rgba(49, 87, 255, 0.14), rgba(108, 92, 255, 0.08));
  color: var(--primary-strong);
  box-shadow: inset 2px 0 0 var(--primary);
}

body.os-console[data-section="management"] .console-nav .nav-pill {
  padding: 1px 5px;
  border-radius: 5px;
  background: rgba(49, 87, 255, 0.12);
  color: var(--primary-strong);
  font-size: 9px;
}

body.os-console[data-section="management"] .console-content {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  gap: 10px;
  min-width: 0;
}

body.os-console[data-section="management"] .console-content > * {
  grid-column: 1 / -1;
  min-width: 0;
}

body.os-console[data-section="management"] .console-content > [id] {
  scroll-margin-top: 112px;
}

body.os-console[data-section="management"] .management-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-height: 0;
  padding: 12px 14px;
  overflow: visible;
  border-radius: var(--radius-lg);
  background: var(--surface);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

body.os-console[data-section="management"] .management-hero-copy {
  display: grid;
  align-content: start;
  gap: 7px;
  min-width: 0;
}

body.os-console[data-section="management"] .management-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  color: var(--primary-strong);
  font-size: 10px;
  font-weight: 700;
}

body.os-console[data-section="management"] .management-breadcrumb span:not(:last-child)::after {
  content: "/";
  margin-left: 5px;
  color: #9aa8bf;
  font-weight: 600;
}

body.os-console[data-section="management"] .console-hero h1 {
  margin: 0;
  font-size: 22px;
  font-weight: 700;
  color: var(--ink);
}

body.os-console[data-section="management"] .console-hero p {
  max-width: 680px;
  margin: 0;
  color: #536381;
  font-size: 12px;
  line-height: 1.4;
}

body.os-console[data-section="management"] .hero-meta {
  gap: 5px;
  margin-top: 0;
}

body.os-console[data-section="management"] .chip {
  padding: 3px 7px;
  border-radius: 5px;
  background: #f4f7ff;
  border-color: #dfe7fb;
  color: #344464;
  font-size: 10px;
  gap: 5px;
}

body.os-console[data-section="management"] .management-first-use {
  border: 1px solid #d8e3f8;
  border-radius: var(--radius-lg);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 251, 255, 0.96));
  box-shadow: var(--shadow-sm);
  overflow: visible;
}

body.os-console[data-section="management"] .management-first-use[hidden] {
  display: none;
}

body.os-console[data-section="management"] .management-first-use-copy {
  display: grid;
  grid-template-columns: minmax(260px, 0.8fr) minmax(420px, 1.1fr) minmax(340px, 0.8fr);
  align-items: start;
  gap: 14px;
  padding: 14px;
}

body.os-console[data-section="management"] .management-first-use-intro,
body.os-console[data-section="management"] .management-first-use-status {
  display: grid;
  align-content: start;
  gap: 8px;
}

body.os-console[data-section="management"] .management-kicker {
  width: fit-content;
  padding: 4px 8px;
  border-radius: 5px;
  background: #edf4ff;
  color: #2348e8;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .management-first-use h2 {
  max-width: 520px;
  margin: 0;
  color: var(--ink);
  font-size: 18px;
  line-height: 1.18;
}

body.os-console[data-section="management"] .management-first-use p {
  max-width: 620px;
  margin: 0;
  color: #536381;
  font-size: 12px;
  line-height: 1.45;
}

body.os-console[data-section="management"] .management-first-use-visual {
  margin: 0;
  align-self: start;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e5ecfb;
  border-radius: 10px;
  background: #f9fbff;
}

body.os-console[data-section="management"] .management-first-use-visual img {
  width: 100%;
  height: auto;
  display: block;
}

body.os-console[data-section="management"] .management-first-use-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

body.os-console[data-section="management"] .management-first-use-meta span {
  padding: 5px 7px;
  border: 1px solid #dfe7fb;
  border-radius: 5px;
  background: rgba(246, 249, 255, 0.92);
  color: #536381;
  font-size: 10px;
}

body.os-console[data-section="management"] .management-first-use-meta strong {
  color: #102039;
}

body.os-console[data-section="management"] .management-first-use-progress {
  display: grid;
  gap: 5px;
  padding: 9px;
  border: 1px solid #dfe7fb;
  border-radius: 7px;
  background: #fff;
}

body.os-console[data-section="management"] .management-first-use-progress > div:not(.management-progress),
body.os-console[data-section="management"] .management-first-use-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.os-console[data-section="management"] .management-first-use-progress span {
  color: #667695;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .management-first-use-progress strong {
  color: var(--ink);
  font-size: 12px;
}

body.os-console[data-section="management"] .management-first-use-journey {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 5px;
  max-width: 460px;
}

body.os-console[data-section="management"] .management-first-use-journey span {
  min-height: 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  border: 1px solid #dfe7fb;
  border-radius: 5px;
  background: rgba(248, 251, 255, 0.94);
  color: #536381;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.05;
  text-align: center;
}

body.os-console[data-section="management"] .management-first-use-journey span[data-state="complete"] {
  border-color: #b8ead8;
  background: #eefbf6;
  color: #08774f;
}

body.os-console[data-section="management"] .management-first-use-journey span[data-state="current"] {
  border-color: #9eb2ff;
  background: #eef2ff;
  color: #2348e8;
}

body.os-console[data-section="management"] .management-first-use-journey span[data-state="evidence-ready"] {
  border-color: #f1ddab;
  background: #fff9e8;
  color: #8a5b05;
}

body.os-console[data-section="management"] .management-first-use-actions {
  justify-content: flex-start;
  flex-wrap: wrap;
}

body.os-console[data-section="management"] .management-first-use-actions a,
body.os-console[data-section="management"] .management-first-use-actions button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid #dfe7fb;
  border-radius: 6px;
  background: #f4f7ff;
  color: #2348e8;
  font-size: 11px;
  font-weight: 700;
  text-decoration: none;
}

body.os-console[data-section="management"] .management-first-use-actions a.management-nav-link,
body.os-console[data-section="management"] .service-provisioning-actions a.management-nav-link {
  min-height: 24px;
  padding: 0;
  border-color: transparent;
  background: transparent;
  color: #536381;
  font-weight: 600;
  box-shadow: none;
}

body.os-console[data-section="management"] .management-first-use-actions a.management-nav-link:hover,
body.os-console[data-section="management"] .service-provisioning-actions a.management-nav-link:hover {
  color: #2348e8;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body.os-console[data-section="management"] .management-first-use-actions button[hidden],
body.os-console[data-section="management"] .setup-evidence-list[hidden],
body.os-console[data-section="management"] .setup-model-readiness[hidden],
body.os-console[data-section="management"] .setup-service-walkthrough[hidden],
body.os-console[data-section="management"] .setup-trail-panel[hidden] {
  display: none !important;
}

body.os-console[data-section="management"] .management-first-use-actions button {
  cursor: pointer;
}

body.os-console[data-section="management"] .management-first-use-actions button:disabled {
  cursor: default;
  opacity: 0.58;
}

body.os-console[data-section="management"] .management-setup-guide {
  grid-column: 1 / -1;
}

body.os-console[data-section="management"] .setup-guide-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.86fr) minmax(520px, 1.4fr);
  gap: 10px;
  align-items: stretch;
}

body.os-console[data-section="management"] .setup-current-card,
body.os-console[data-section="management"] .setup-gate-card,
body.os-console[data-section="management"] .setup-touch-strip > div {
  border: 1px solid #dbe5f8;
  border-radius: 7px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .setup-current-card {
  display: grid;
  gap: 9px;
  padding: 11px;
}

body.os-console[data-section="management"] .setup-current-heading,
body.os-console[data-section="management"] .setup-gate-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.os-console[data-section="management"] .setup-current-card h3,
body.os-console[data-section="management"] .setup-gate-card h4 {
  margin: 0;
  color: var(--ink);
  line-height: 1.16;
}

body.os-console[data-section="management"] .setup-current-card h3 {
  font-size: 18px;
}

body.os-console[data-section="management"] .setup-current-card p,
body.os-console[data-section="management"] .setup-gate-card p,
body.os-console[data-section="management"] .setup-touch-strip span {
  margin: 0;
  color: #536381;
  font-size: 11px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .setup-current-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
}

body.os-console[data-section="management"] .setup-current-grid > div {
  min-height: 64px;
  padding: 8px;
  border: 1px solid #e2eaf8;
  border-radius: 6px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-current-grid span,
body.os-console[data-section="management"] .setup-gate-meta span {
  display: block;
  color: #6b7b99;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1.15;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .setup-current-grid strong {
  display: block;
  margin-top: 5px;
  color: var(--ink);
  font-size: 11px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .setup-evidence-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

body.os-console[data-section="management"] .setup-evidence-list span {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 25px;
  padding: 0 7px;
  border: 1px solid #dfe7fb;
  border-radius: 5px;
  background: #f6f9ff;
  color: #344464;
  font-size: 10px;
  font-weight: 700;
}

body.os-console[data-section="management"] .setup-evidence-list i {
  color: #12b981;
  font-size: 10px;
}

body.os-console[data-section="management"] .setup-evidence-list .setup-model-fact {
  background: #fffdf7;
  border-color: #f1ddab;
  color: #7a540b;
}

body.os-console[data-section="management"] .setup-evidence-list .setup-expected-evidence {
  background: #f8fbff;
  border-color: #dfe7fb;
  color: #60708d;
}

body.os-console[data-section="management"] .setup-evidence-list .setup-expected-evidence i {
  color: #6f83ff;
}

body.os-console[data-section="management"] .setup-evidence-list .setup-model-fact i {
  color: #b7791f;
}

body.os-console[data-section="management"] .setup-model-readiness {
  display: grid;
  gap: 6px;
  padding: 8px;
  border: 1px solid #e2eaf8;
  border-radius: 6px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-model-readiness:empty {
  display: none;
}

body.os-console[data-section="management"] .setup-recommended-action {
  display: grid;
  grid-template-columns: minmax(190px, 0.62fr) minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  padding: 8px;
  border: 1px solid #c7d5ff;
  border-radius: 6px;
  background: #f4f7ff;
  box-shadow: inset 3px 0 0 #3159ff;
}

body.os-console[data-section="management"] .setup-recommended-action[hidden] {
  display: none;
}

body.os-console[data-section="management"] .setup-recommended-action span,
body.os-console[data-section="management"] .setup-recommended-action small {
  color: #5b6a86;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .setup-recommended-action strong {
  display: block;
  margin-top: 4px;
  color: #1732c4;
  font-size: 11.5px;
  font-weight: 900;
  line-height: 1.12;
}

body.os-console[data-section="management"] .setup-recommended-action p {
  color: #3e4f70;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
}

body.os-console[data-section="management"] .setup-recommended-action small {
  max-width: 165px;
  padding: 5px 7px;
  border: 1px solid #d9e2ff;
  border-radius: 5px;
  background: #ffffff;
  overflow-wrap: anywhere;
  text-transform: none;
}

body.os-console[data-section="management"] .setup-model-readiness-head {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #51617f;
  font-size: 10.5px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-model-readiness-head[data-state="ready"] i {
  color: #0a9f68;
}

body.os-console[data-section="management"] .setup-model-readiness-head[data-state="attention"] i {
  color: #b7791f;
}

body.os-console[data-section="management"] .setup-model-readiness-head strong {
  font-size: 10.5px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-model-readiness-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 5px;
}

body.os-console[data-section="management"] .setup-model-readiness-grid span {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 2px 5px;
  min-height: 42px;
  padding: 7px;
  border: 1px solid #e2eaf8;
  border-radius: 6px;
  background: #f8fbff;
}

body.os-console[data-section="management"] .setup-model-readiness-grid span[data-state="ready"] {
  border-color: #c5efdf;
  background: #f4fcf8;
}

body.os-console[data-section="management"] .setup-model-readiness-grid span[data-state="missing"] {
  border-color: #efd7a0;
  background: #fffdf7;
}

body.os-console[data-section="management"] .setup-model-readiness-grid i {
  grid-row: 1 / span 2;
  align-self: start;
  color: #b7791f;
  font-size: 11px;
  line-height: 1.1;
}

body.os-console[data-section="management"] .setup-model-readiness-grid span[data-state="ready"] i {
  color: #0a9f68;
}

body.os-console[data-section="management"] .setup-model-readiness-grid b,
body.os-console[data-section="management"] .setup-model-readiness-grid em {
  min-width: 0;
  overflow-wrap: anywhere;
  font-style: normal;
  line-height: 1.12;
}

body.os-console[data-section="management"] .setup-model-readiness-grid b {
  color: var(--ink);
  font-size: 9.5px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-model-readiness-grid em {
  color: #647391;
  font-size: 9px;
  font-weight: 700;
}

body.os-console[data-section="management"] .setup-current-actions {
  margin-top: 1px;
  gap: 12px;
}

body.os-console[data-section="management"] .setup-current-actions > a {
  min-height: 34px;
  padding: 0 6px;
  border-color: transparent;
  background: transparent;
  color: #536381;
  box-shadow: none;
}

body.os-console[data-section="management"] .setup-current-actions > a:hover {
  color: #2348e8;
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button {
  flex: 0 0 auto;
  min-height: 34px;
  min-width: 132px;
  padding: 0 14px;
  border-color: #2348e8;
  background: #2348e8;
  color: #ffffff;
  font-size: 11px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(49, 89, 255, 0.18);
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button:hover {
  background: #1732c4;
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button.secondary,
body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button[data-management-command="reset-onboarding-walkthrough"] {
  border-color: #cfd8e8;
  background: #eef2f7;
  color: #536381;
  box-shadow: none;
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button.secondary:hover,
body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button[data-management-command="reset-onboarding-walkthrough"]:hover {
  border-color: #b6c2d8;
  background: #e3e9f3;
  color: #273650;
}

body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button:disabled,
body.os-console[data-section="management"] .setup-current-actions [data-setup-current-command] button:disabled:hover {
  border-color: #e4e9f3;
  background: #f5f7fb;
  color: #96a1b8;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 1;
}

body.os-console[data-section="management"] .setup-command-status {
  min-width: 180px;
  color: #536381;
  font-size: 10.5px;
  font-weight: 800;
}

body.os-console[data-section="management"] .setup-command-status[data-state="pending"] {
  color: #8a5b05;
}

body.os-console[data-section="management"] .setup-command-status[data-state="success"] {
  color: #08774f;
}

body.os-console[data-section="management"] .setup-command-status[data-state="error"] {
  color: #b42318;
}

body.os-console[data-section="management"] .management-setup-workspace-modal {
  align-items: flex-start;
  padding-top: 36px;
}

body.os-console[data-section="management"] .management-setup-workspace-card {
  width: min(1040px, 94vw);
  max-height: 88vh;
  border-radius: 10px;
  box-shadow: 0 24px 64px rgba(15, 23, 42, 0.24);
}

body.os-console[data-section="management"] .setup-workspace-header {
  align-items: flex-start;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-workspace-header > div {
  display: grid;
  justify-items: start;
  gap: 6px;
  min-width: 0;
}

body.os-console[data-section="management"] .setup-workspace-header .management-kicker,
body.os-console[data-section="management"] .setup-workspace-lead .management-kicker,
body.os-console[data-section="management"] .setup-workspace-side .management-kicker {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  padding: 0 8px;
  line-height: 1;
}

body.os-console[data-section="management"] .setup-workspace-header h3 {
  line-height: 1.12;
}

body.os-console[data-section="management"] .setup-workspace-header p {
  max-width: 680px;
  margin: 0;
  color: #536381;
  font-size: 12px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .setup-workspace-body {
  padding: 0;
  background: var(--control-surface);
}

body.os-console[data-section="management"] .setup-workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 0.8fr);
  min-height: 500px;
}

body.os-console[data-section="management"] .setup-workspace-main,
body.os-console[data-section="management"] .setup-workspace-side {
  padding: 18px;
}

body.os-console[data-section="management"] .setup-workspace-main {
  --setup-workspace-card-inset: 14px;
  display: grid;
  align-content: start;
  gap: 14px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-workspace-lead {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 8px;
  padding: var(--setup-workspace-card-inset);
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-workspace-lead h4,
body.os-console[data-section="management"] .setup-workspace-side h4,
body.os-console[data-section="management"] .setup-workspace-role-grid strong {
  margin: 0;
  color: var(--ink);
}

body.os-console[data-section="management"] .setup-workspace-lead h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-workspace-lead p,
body.os-console[data-section="management"] .setup-workspace-role-grid p,
body.os-console[data-section="management"] .setup-workspace-side li {
  margin: 0;
  color: #536381;
  font-size: 11.5px;
  line-height: 1.38;
}

body.os-console[data-section="management"] .setup-workspace-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 var(--setup-workspace-card-inset);
}

body.os-console[data-section="management"] .setup-workspace-form label {
  display: grid;
  gap: 5px;
}

body.os-console[data-section="management"] .setup-workspace-form span {
  color: #667695;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .setup-workspace-form input,
body.os-console[data-section="management"] .setup-workspace-form select,
body.os-console[data-section="management"] .setup-workspace-form textarea {
  width: 100%;
  min-height: 36px;
  border: 1px solid var(--control-border);
  border-radius: 7px;
  background: var(--control-surface);
  color: var(--ink);
  font: inherit;
  font-size: 12px;
  padding: 0 10px;
}

body.os-console[data-section="management"] .setup-workspace-form input,
body.os-console[data-section="management"] .setup-workspace-form select {
  height: 36px;
}

body.os-console[data-section="management"] .setup-workspace-form select {
  padding-right: 34px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--control-surface);
  background-image: var(--select-caret);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
}

body.os-console[data-section="management"] .setup-workspace-form textarea {
  min-height: 84px;
  padding: 9px 10px;
}

body.os-console[data-section="management"] .operator-profile-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.os-console[data-section="management"] .operator-profile-review,
body.os-console[data-section="management"] .setup-gate-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 var(--setup-workspace-card-inset);
}

body.os-console[data-section="management"] .operator-profile-review article,
body.os-console[data-section="management"] .setup-gate-review-grid article {
  display: grid;
  align-content: start;
  gap: 6px;
  min-height: 118px;
  padding: 12px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #ffffff;
}

body.os-console[data-section="management"] .operator-profile-review span,
body.os-console[data-section="management"] .setup-gate-review-grid span {
  color: #667695;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .operator-profile-review strong,
body.os-console[data-section="management"] .setup-gate-review-grid strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
}

body.os-console[data-section="management"] .operator-profile-review p,
body.os-console[data-section="management"] .setup-gate-review-grid p,
body.os-console[data-section="management"] .setup-gate-review-grid li {
  margin: 0;
  color: #536381;
  font-size: 11.5px;
  line-height: 1.38;
}

body.os-console[data-section="management"] .setup-gate-review-grid ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 16px;
}

body.os-console[data-section="management"] .signon-config-form {
  gap: 12px;
}

body.os-console[data-section="management"] .signon-provider-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(112px, 1fr));
  gap: 10px;
  overflow-x: auto;
  padding-bottom: 2px;
}

body.os-console[data-section="management"] .signon-provider-card {
  position: relative;
  display: grid;
  grid-template-rows: 42px minmax(30px, auto) 18px;
  box-sizing: border-box;
  min-width: 112px;
  min-height: 132px;
  align-content: center;
  justify-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #ffffff;
  cursor: pointer;
  text-align: center;
}

body.os-console[data-section="management"] .signon-provider-card input {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  width: auto;
  height: auto;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}

body.os-console[data-section="management"] .signon-provider-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  color: #7a8494;
  font-size: 24px;
}

body.os-console[data-section="management"] .signon-provider-icon i {
  font-size: 24px;
}

body.os-console[data-section="management"] .signon-provider-icon img {
  width: 42px;
  height: 42px;
  display: block;
  object-fit: contain;
  filter: grayscale(1) saturate(0);
}

body.os-console[data-section="management"] .signon-provider-check {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #2348e8;
  color: #ffffff;
  font-size: 10px;
}

body.os-console[data-section="management"] .signon-provider-check i {
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 10px;
  line-height: 1;
}

body.os-console[data-section="management"] .signon-provider-card strong {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 30px;
  align-items: center;
  justify-content: center;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.2;
  max-width: 112px;
  text-align: center;
}

body.os-console[data-section="management"] .signon-provider-state {
  display: inline-flex;
  min-height: 18px;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  border-radius: 999px;
  background: #f1f4f9;
  color: #667695;
  font-size: 8px;
  font-weight: 850;
  line-height: 1;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .signon-provider-state.ready {
  background: #eaf7f0;
  color: #087a55;
}

body.os-console[data-section="management"] .signon-provider-state.attention {
  background: #fff7e8;
  color: #9a5a00;
}

body.os-console[data-section="management"] .signon-provider-state.planned {
  background: #eef3ff;
  color: #3157c7;
}

body.os-console[data-section="management"] .signon-provider-state.blocked {
  background: #f8ecef;
  color: #a6293c;
}

body.os-console[data-section="management"] .signon-provider-card:has(input:checked),
body.os-console[data-section="management"] .signon-provider-card.is-selected {
  border-color: #2348e8;
  background: #f6f9ff;
  box-shadow: inset 0 0 0 1px rgba(35, 72, 232, 0.18);
}

body.os-console[data-section="management"] .signon-provider-card:has(input:checked) .signon-provider-icon,
body.os-console[data-section="management"] .signon-provider-card.is-selected .signon-provider-icon {
  color: #2348e8;
}

body.os-console[data-section="management"] .signon-provider-card:has(input:checked) .signon-provider-icon img,
body.os-console[data-section="management"] .signon-provider-card.is-selected .signon-provider-icon img {
  filter: none;
}

body.os-console[data-section="management"] .signon-provider-card:has(input:checked) .signon-provider-check,
body.os-console[data-section="management"] .signon-provider-card.is-selected .signon-provider-check {
  display: inline-flex;
}

body.os-console[data-section="management"] .signon-adapter-readiness {
  grid-column: 1 / -1;
  min-height: 86px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #f4f6f9;
}

body.os-console[data-section="management"] .signon-adapter-readiness-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
  gap: 18px;
  padding: 14px 16px;
}

body.os-console[data-section="management"] .signon-adapter-readiness strong {
  display: block;
  margin-top: 6px;
  color: var(--ink);
  font-size: 14px;
  font-weight: 850;
}

body.os-console[data-section="management"] .signon-adapter-readiness p {
  margin: 5px 0 0;
  color: #52617d;
  font-size: 12px;
  line-height: 1.45;
}

body.os-console[data-section="management"] .signon-adapter-readiness ul {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: #52617d;
  font-size: 12px;
  line-height: 1.4;
}

body.os-console[data-section="management"] .signon-review-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

body.os-console[data-section="management"] .signon-review-strip > div {
  display: grid;
  gap: 4px;
  padding: 12px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .signon-review-strip span {
  color: #667695;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .signon-review-strip strong {
  color: var(--ink);
  font-size: 11.5px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .setup-workspace-role-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 0 var(--setup-workspace-card-inset);
}

body.os-console[data-section="management"] .setup-workspace-role-grid article,
body.os-console[data-section="management"] .setup-workspace-side > div {
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-workspace-role-grid article {
  display: grid;
  gap: 5px;
  align-content: start;
  padding: var(--setup-workspace-card-inset);
}

body.os-console[data-section="management"] .setup-workspace-role-grid i {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 15px;
}

body.os-console[data-section="management"] .setup-workspace-side {
  display: grid;
  align-content: start;
  gap: 10px;
  border-left: 1px solid #dbe5f8;
  background: var(--control-surface);
}

body.os-console[data-section="management"] .setup-workspace-side > div {
  display: grid;
  justify-items: start;
  align-content: start;
  gap: 8px;
  padding: 12px;
}

body.os-console[data-section="management"] .setup-workspace-side ul {
  display: grid;
  gap: 6px;
  margin: 0;
  padding-left: 16px;
}

body.os-console[data-section="management"] .setup-workspace-actions {
  align-items: center;
  flex-wrap: nowrap;
}

body.os-console[data-section="management"] .setup-workspace-actions [data-management-command-status] {
  flex: 1;
  margin: 0;
}

body.os-console[data-section="management"] .setup-workspace-actions button {
  min-height: 34px;
  border: 1px solid var(--control-border);
  border-radius: 7px;
  background: var(--control-surface);
  color: #253755;
  font-size: 11px;
  font-weight: 700;
}

body.os-console[data-section="management"] .setup-workspace-actions [data-setup-workspace-cancel] {
  background: #ffffff;
  color: #2348e8;
}

body.os-console[data-section="management"] .setup-workspace-actions [data-setup-workspace-apply] {
  border-color: #2348e8;
  background: #2348e8;
  color: #ffffff;
}

body.os-console[data-section="management"] .setup-gate-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .setup-gate-card {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 8px;
  padding: 8px;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="complete"],
body.os-console[data-section="management"] .setup-gate-card[data-state="evidence-ready"] {
  border-color: #b8ead8;
  background: #f4fcf8;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="current"] {
  border-color: #9eb2ff;
  background: #f5f7ff;
  box-shadow: inset 3px 0 0 #3159ff;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="ready"] {
  border-color: #f1ddab;
  background: #fffaf0;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="locked"] {
  opacity: 0.72;
}

body.os-console[data-section="management"] .setup-gate-index {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #edf3ff;
  color: #2348e8;
  font-size: 12px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="complete"] .setup-gate-index,
body.os-console[data-section="management"] .setup-gate-card[data-state="evidence-ready"] .setup-gate-index {
  background: #dcf8ec;
  color: #08774f;
}

body.os-console[data-section="management"] .setup-gate-card[data-state="ready"] .setup-gate-index {
  background: #fff1c7;
  color: #8a5b05;
}

body.os-console[data-section="management"] .setup-gate-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

body.os-console[data-section="management"] .setup-gate-card h4 {
  font-size: 12px;
}

body.os-console[data-section="management"] .setup-gate-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  padding-top: 2px;
}

body.os-console[data-section="management"] .setup-brief-panel {
  display: grid;
  gap: 9px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
}

body.os-console[data-section="management"] .setup-brief-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

body.os-console[data-section="management"] .setup-brief-heading h3 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-brief-heading p {
  max-width: 760px;
  margin: 4px 0 0;
  color: #536381;
  font-size: 11px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .setup-brief-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .setup-brief-grid > div {
  min-width: 0;
  min-height: 138px;
  padding: 9px;
  border: 1px solid #e1e9f8;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-brief-grid i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
  border-radius: 7px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 14px;
}

body.os-console[data-section="management"] .setup-brief-grid strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-brief-grid ul {
  display: grid;
  gap: 4px;
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
}

body.os-console[data-section="management"] .setup-brief-grid li {
  position: relative;
  padding-left: 10px;
  color: #536381;
  font-size: 10.5px;
  line-height: 1.28;
}

body.os-console[data-section="management"] .setup-brief-grid li::before {
  content: "";
  position: absolute;
  top: 0.56em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #2348e8;
}

body.os-console[data-section="management"] .setup-service-walkthrough {
  display: grid;
  gap: 9px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .setup-service-walkthrough-heading {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: 10px;
}

body.os-console[data-section="management"] .setup-service-walkthrough-heading h3 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 15px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-service-walkthrough-heading p {
  max-width: 820px;
  margin: 4px 0 0;
  color: #536381;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.32;
}

body.os-console[data-section="management"] .setup-service-walkthrough-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .setup-service-step {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: 7px;
  min-width: 0;
  min-height: 138px;
  padding: 8px;
  border: 1px solid #e1e9f8;
  border-radius: 7px;
  background: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

body.os-console[data-section="management"] .setup-service-step[data-state="ready"] {
  border-color: #b8ead8;
  background: #f4fcf8;
}

body.os-console[data-section="management"] .setup-service-step[data-state="next"] {
  border-color: #9eb2ff;
  background: #f5f7ff;
}

body.os-console[data-section="management"] .setup-service-step[data-state="blocked"] {
  border-color: #e4ebf8;
  background: #fbfdff;
  opacity: 0.82;
}

body.os-console[data-section="management"] .setup-service-step-icon {
  position: relative;
  display: grid;
  place-items: center;
  align-self: start;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: #eef2ff;
  color: #2348e8;
}

body.os-console[data-section="management"] .setup-service-step[data-state="ready"] .setup-service-step-icon {
  background: #dcf8ec;
  color: #08774f;
}

body.os-console[data-section="management"] .setup-service-step[data-state="blocked"] .setup-service-step-icon {
  background: #f4f7ff;
  color: #647391;
}

body.os-console[data-section="management"] .setup-service-step-icon i {
  font-size: 15.5px;
  line-height: 1;
}

body.os-console[data-section="management"] .setup-service-step-icon span {
  position: absolute;
  right: -4px;
  bottom: -5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  padding: 0 4px;
  border: 1px solid #d9e2ff;
  border-radius: 999px;
  background: #ffffff;
  color: #2348e8;
  font-size: 8.5px;
  font-weight: 900;
  line-height: 1;
}

body.os-console[data-section="management"] .setup-service-step-copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

body.os-console[data-section="management"] .setup-service-step-head {
  display: grid;
  min-width: 0;
  gap: 2px;
}

body.os-console[data-section="management"] .setup-service-step-head strong,
body.os-console[data-section="management"] .setup-service-step-head em,
body.os-console[data-section="management"] .setup-service-step p,
body.os-console[data-section="management"] .setup-service-step-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.13;
}

body.os-console[data-section="management"] .setup-service-step-head strong {
  color: var(--ink);
  font-size: 11.5px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-service-step-head em {
  color: #667796;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 800;
}

body.os-console[data-section="management"] .setup-service-step p {
  margin: 0;
  color: #40516e;
  font-size: 10px;
  font-weight: 750;
}

body.os-console[data-section="management"] .setup-service-step-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

body.os-console[data-section="management"] .setup-service-step-meta span {
  min-height: 18px;
  padding: 4px 6px;
  border: 1px solid #e1e9f8;
  border-radius: 5px;
  background: #f8fbff;
  color: #536381;
  font-size: 9px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-service-step[data-state="ready"] .setup-service-step-meta span {
  border-color: #c5efdf;
  background: #ffffff;
  color: #08774f;
}

body.os-console[data-section="management"] .setup-service-step > .table-actions {
  grid-column: 1 / -1;
  align-self: end;
  justify-content: flex-end;
  padding-top: 2px;
}

body.os-console[data-section="management"] .service-provisioning-guide {
  display: grid;
  gap: 14px;
}

body.os-console[data-section="management"] .service-provisioning-canvas {
  display: grid;
  grid-template-columns: minmax(380px, 0.92fr) minmax(420px, 1.08fr);
  gap: 18px;
  align-items: stretch;
}

body.os-console[data-section="management"] .service-provisioning-focus {
  display: grid;
  align-content: center;
  gap: 14px;
  min-height: 256px;
  padding: 26px;
  border: 1px solid #dbe5f8;
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 251, 255, 0.96) 100%);
  box-shadow: 0 18px 42px rgba(27, 48, 90, 0.08);
}

body.os-console[data-section="management"] .service-provisioning-focus[data-state="locked"] {
  background: #ffffff;
}

body.os-console[data-section="management"] .service-provisioning-eyebrow,
body.os-console[data-section="management"] .service-provisioning-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
}

body.os-console[data-section="management"] .service-provisioning-eyebrow {
  justify-content: space-between;
}

body.os-console[data-section="management"] .service-provisioning-focus h3 {
  max-width: 460px;
  margin: 0;
  color: var(--ink);
  font-size: 26px;
  line-height: 1.1;
}

body.os-console[data-section="management"] .service-provisioning-focus p {
  max-width: 560px;
  margin: 0;
  color: #536381;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.48;
}

body.os-console[data-section="management"] .service-provisioning-output {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  max-width: 560px;
}

body.os-console[data-section="management"] .service-provisioning-output > div {
  display: grid;
  gap: 4px;
  padding: 10px 12px;
  border: 1px solid #e1e9f8;
  border-radius: 9px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .service-provisioning-output span {
  color: #697996;
  font-size: 9.5px;
  font-weight: 900;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .service-provisioning-output strong {
  min-width: 0;
  color: #102039;
  font-size: 12px;
  line-height: 1.25;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .service-provisioning-actions a,
body.os-console[data-section="management"] .service-provisioning-actions button {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  border: 1px solid #d9e3ff;
  border-radius: 8px;
  background: #f3f6ff;
  color: #2348e8;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}

body.os-console[data-section="management"] .service-provisioning-actions button {
  cursor: pointer;
}

body.os-console[data-section="management"] .service-provisioning-actions button:disabled {
  cursor: default;
  opacity: 0.64;
}

body.os-console[data-section="management"] .service-provisioning-visual {
  position: relative;
  min-height: 256px;
  overflow: hidden;
  border-radius: 14px;
  background: #f8fbff;
}

body.os-console[data-section="management"] .service-provisioning-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0) 40%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.62));
}

body.os-console[data-section="management"] .service-provisioning-visual img {
  width: 100%;
  height: 100%;
  min-height: 256px;
  object-fit: cover;
  object-position: center;
  display: block;
}

body.os-console[data-section="management"] .service-provisioning-rail {
  display: grid;
  grid-template-columns: repeat(10, minmax(104px, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .service-provisioning-step {
  display: grid;
  gap: 8px;
  min-width: 0;
  padding: 9px;
  border: 1px solid #e1e9f8;
  border-radius: 9px;
  background: #ffffff;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="ready"] {
  border-color: #b8ead8;
  background: #f5fcf8;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="current"] {
  border-color: #9eb2ff;
  background: #f5f7ff;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="locked"],
body.os-console[data-section="management"] .service-provisioning-step[data-state="waiting"] {
  opacity: 0.78;
}

body.os-console[data-section="management"] .service-provisioning-step-index {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

body.os-console[data-section="management"] .service-provisioning-step-index i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 14px;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="ready"] .service-provisioning-step-index i {
  background: #dcf8ec;
  color: #08774f;
}

body.os-console[data-section="management"] .service-provisioning-step-index span {
  color: #7a89a5;
  font-size: 10px;
  font-weight: 900;
}

body.os-console[data-section="management"] .service-provisioning-step strong {
  min-width: 0;
  color: var(--ink);
  display: block;
  font-size: 11px;
  font-weight: 900;
  line-height: 1.12;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .service-provisioning-step p,
body.os-console[data-section="management"] .service-provisioning-step em {
  margin: 4px 0 0;
  color: #667695;
  display: block;
  font-size: 9.5px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.16;
}

body.os-console[data-section="management"] .service-provisioning-step em {
  width: fit-content;
  margin-top: 2px;
  padding: 3px 6px;
  border-radius: 5px;
  background: #f4f7ff;
  color: #536381;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="ready"] em {
  background: #e5f9f1;
  color: #08774f;
}

body.os-console[data-section="management"] .service-provisioning-step[data-state="current"] em {
  background: #e7ecff;
  color: #2348e8;
}

body.os-console[data-section="management"] .service-provisioning-proofline {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

body.os-console[data-section="management"] .service-provisioning-proofline > div {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 10px;
  border: 1px solid #e1e9f8;
  border-radius: 9px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .service-provisioning-proofline i {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 14px;
}

body.os-console[data-section="management"] .service-provisioning-proofline strong,
body.os-console[data-section="management"] .service-provisioning-proofline span {
  min-width: 0;
  display: block;
  line-height: 1.22;
}

body.os-console[data-section="management"] .service-provisioning-proofline strong {
  color: var(--ink);
  font-size: 11.5px;
  font-weight: 900;
}

body.os-console[data-section="management"] .service-provisioning-proofline span {
  grid-column: 2;
  color: #5b6b88;
  font-size: 10.5px;
  font-weight: 700;
}

body.os-console[data-section="management"] .setup-owner-roster {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #dbe5f6;
}

body.os-console[data-section="management"] .setup-owner-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
  margin-bottom: 8px;
}

body.os-console[data-section="management"] .setup-owner-heading h4 {
  margin: 2px 0 0;
  font-size: 14px;
  line-height: 1.1;
}

body.os-console[data-section="management"] .setup-owner-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

body.os-console[data-section="management"] .setup-owner-row {
  min-height: 84px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: start;
  padding: 10px;
  border: 1px solid #d8e3f8;
  border-radius: var(--radius-sm);
  background: #f8fbff;
}

body.os-console[data-section="management"] .setup-owner-row[data-state="missing"] {
  border-color: #f3d49a;
  background: #fffaf0;
}

body.os-console[data-section="management"] .setup-owner-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  display: grid;
  place-items: center;
  color: var(--primary);
  background: #edf3ff;
  font-size: 15px;
}

body.os-console[data-section="management"] .setup-owner-row[data-state="missing"] .setup-owner-icon {
  color: #a86400;
  background: #fff0d1;
}

body.os-console[data-section="management"] .setup-owner-row strong,
body.os-console[data-section="management"] .setup-owner-row span,
body.os-console[data-section="management"] .setup-owner-row p {
  min-width: 0;
}

body.os-console[data-section="management"] .setup-owner-row strong {
  display: block;
  font-size: 12px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-owner-row div > span {
  display: block;
  margin-top: 2px;
  color: var(--text-soft);
  font-size: 11px;
  font-weight: 700;
  line-height: 1.25;
}

body.os-console[data-section="management"] .setup-owner-row p {
  margin: 5px 0 0;
  color: var(--text-muted);
  font-size: 10px;
  line-height: 1.3;
}

body.os-console[data-section="management"] .setup-role-coverage-heading {
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #dbe5f6;
}

body.os-console[data-section="management"] .setup-role-coverage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .setup-role-coverage-card {
  min-width: 0;
  min-height: 86px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  padding: 8px;
  border: 1px solid #d8e3f8;
  border-radius: var(--radius-sm);
  background: #f9fbff;
}

body.os-console[data-section="management"] .setup-role-coverage-card[data-state="missing"] {
  border-color: #f3d49a;
  background: #fffaf0;
}

body.os-console[data-section="management"] .setup-role-coverage-card i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #edf3ff;
  color: var(--primary);
  font-size: 13px;
}

body.os-console[data-section="management"] .setup-role-coverage-card[data-state="missing"] i {
  background: #fff0d1;
  color: #a86400;
}

body.os-console[data-section="management"] .setup-role-coverage-card strong,
body.os-console[data-section="management"] .setup-role-coverage-card span,
body.os-console[data-section="management"] .setup-role-coverage-card p {
  min-width: 0;
}

body.os-console[data-section="management"] .setup-role-coverage-card strong {
  display: block;
  color: var(--ink);
  font-size: 11.5px;
  line-height: 1.12;
}

body.os-console[data-section="management"] .setup-role-coverage-card span {
  display: block;
  margin-top: 2px;
  color: var(--text-soft);
  font-size: 10px;
  font-weight: 800;
  line-height: 1.18;
}

body.os-console[data-section="management"] .setup-role-coverage-card p {
  margin: 4px 0 0;
  color: var(--text-muted);
  font-size: 9.5px;
  line-height: 1.25;
}

body.os-console[data-section="management"] .setup-role-coverage-card em {
  padding: 3px 5px;
  border-radius: 5px;
  background: rgba(18, 185, 129, 0.12);
  color: #087f5b;
  font-size: 8.5px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

body.os-console[data-section="management"] .setup-role-coverage-card[data-state="missing"] em {
  background: rgba(245, 158, 11, 0.14);
  color: #a16207;
}

body.os-console[data-section="management"] .setup-trail-panel {
  display: grid;
  gap: 8px;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 7px;
  background: #fbfdff;
}

body.os-console[data-section="management"] .setup-trail-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.os-console[data-section="management"] .setup-trail-heading h3 {
  margin: 2px 0 0;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .setup-trail-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.os-console[data-section="management"] .setup-trail-item {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) minmax(110px, 0.42fr);
  gap: 7px;
  align-items: start;
  min-height: 58px;
  padding: 8px;
  border: 1px solid #e2eaf8;
  border-radius: 6px;
  background: #ffffff;
}

body.os-console[data-section="management"] .setup-trail-item > i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #eef4ff;
  color: #2448e8;
  font-size: 13px;
}

body.os-console[data-section="management"] .setup-trail-item strong,
body.os-console[data-section="management"] .setup-trail-item p,
body.os-console[data-section="management"] .setup-trail-item span,
body.os-console[data-section="management"] .setup-trail-item em {
  min-width: 0;
  overflow-wrap: anywhere;
  line-height: 1.14;
}

body.os-console[data-section="management"] .setup-trail-item strong {
  display: block;
  color: var(--ink);
  font-size: 10.5px;
  font-weight: 900;
}

body.os-console[data-section="management"] .setup-trail-item p {
  margin: 3px 0 0;
  color: #536381;
  font-size: 9.5px;
  font-weight: 700;
}

body.os-console[data-section="management"] .setup-trail-item span {
  display: block;
  margin-top: 4px;
  color: #6b7b99;
  font-size: 9px;
  font-weight: 800;
}

body.os-console[data-section="management"] .setup-trail-item em {
  justify-self: end;
  max-width: 100%;
  padding: 4px 6px;
  border-radius: 5px;
  background: #f4f7ff;
  color: #2348e8;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

body.os-console[data-section="management"] .service-starter-panel[hidden] {
  display: none;
}

body.os-console[data-section="management"] .service-starter-panel {
  display: grid;
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 252, 255, 0.98) 100%);
}

body.os-console[data-section="management"] .service-starter-heading {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: start;
}

body.os-console[data-section="management"] .service-starter-heading h3 {
  margin: 3px 0 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .service-starter-heading p {
  max-width: 860px;
  margin: 4px 0 0;
  color: #536381;
  font-size: 11px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .service-starter-status:not(:empty) {
  padding: 6px 8px;
  border: 1px solid #dbe5f8;
  border-radius: 7px;
  background: #f8fbff;
  font-weight: 700;
}

body.os-console[data-section="management"] .service-starter-status[data-state="success"] {
  color: #0f8f6b;
}

body.os-console[data-section="management"] .service-starter-status[data-state="error"] {
  color: #d93244;
}

body.os-console[data-section="management"] .service-starter-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .service-starter-custom {
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .service-starter-custom h4 {
  margin: 2px 0 0;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .service-starter-custom p {
  max-width: 780px;
  margin: 4px 0 0;
  color: #536381;
  font-size: 10.5px;
  line-height: 1.32;
}

body.os-console[data-section="management"] .service-starter-card {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 9px;
  border: 1px solid #e1e9f8;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .service-starter-card-head {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
}

body.os-console[data-section="management"] .service-starter-card strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .service-starter-card p {
  margin: 2px 0 0;
  color: #536381;
  font-size: 10.5px;
  line-height: 1.28;
}

body.os-console[data-section="management"] .service-starter-needs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-height: 24px;
}

body.os-console[data-section="management"] .service-starter-card .table-actions {
  justify-content: flex-start;
  margin: 0;
}

body.os-console[data-section="management"] .service-starter-checks {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .service-starter-checks > div {
  min-width: 0;
  padding: 9px;
  border: 1px solid #e1e9f8;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .service-starter-checks strong {
  display: block;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .service-starter-checks ul {
  display: grid;
  gap: 4px;
  margin: 7px 0 0;
  padding: 0;
  list-style: none;
}

body.os-console[data-section="management"] .service-starter-checks li {
  position: relative;
  padding-left: 12px;
  color: #536381;
  font-size: 10.5px;
  line-height: 1.28;
}

body.os-console[data-section="management"] .service-starter-checks li::before {
  content: "";
  position: absolute;
  top: 0.56em;
  left: 0;
  width: 4px;
  height: 4px;
  border-radius: 999px;
  background: #2348e8;
}

body.os-console[data-section="management"] .service-starter-checks li.complete {
  color: #0f8f6b;
}

body.os-console[data-section="management"] .service-starter-checks li.complete::before {
  background: #18b982;
}

body.os-console[data-section="management"] .setup-touch-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
}

body.os-console[data-section="management"] .setup-touch-strip > div {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 8px;
}

body.os-console[data-section="management"] .setup-touch-strip i {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 13px;
}

body.os-console[data-section="management"] .network-intake-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.75fr) minmax(520px, 1.55fr);
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbfdff 0%, #f8fbff 100%);
}

body.os-console[data-section="management"] .network-intake-copy {
  display: grid;
  align-content: start;
  gap: 8px;
}

body.os-console[data-section="management"] .network-intake-copy h3 {
  max-width: 360px;
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.16;
}

body.os-console[data-section="management"] .network-intake-copy p {
  max-width: 430px;
  margin: 0;
  color: #536381;
  font-size: 11px;
  line-height: 1.38;
}

body.os-console[data-section="management"] .network-intake-status:not(:empty) {
  width: fit-content;
  max-width: 430px;
  padding: 5px 7px;
  border: 1px solid #dfe7fb;
  border-radius: 6px;
  background: #ffffff;
  color: #536381;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

body.os-console[data-section="management"] .network-intake-status[data-state="success"] {
  border-color: #b8ead8;
  background: #f4fcf8;
  color: #08774f;
}

body.os-console[data-section="management"] .network-intake-status[data-state="error"] {
  border-color: #fecaca;
  background: #fff7f7;
  color: #b42318;
}

body.os-console[data-section="management"] .network-intake-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .network-intake-grid > div {
  min-height: 148px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 9px;
  border: 1px solid #dfe7fb;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .network-intake-grid > div[data-state="ready"] {
  border-color: #b8ead8;
  background: #f5fcf8;
}

body.os-console[data-section="management"] .network-intake-grid i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 14px;
}

body.os-console[data-section="management"] .network-intake-grid strong {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.18;
}

body.os-console[data-section="management"] .network-intake-grid span {
  color: #536381;
  font-size: 10.5px;
  line-height: 1.32;
}

body.os-console[data-section="management"] .network-intake-grid em {
  width: fit-content;
  margin-top: auto;
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(245, 158, 11, 0.14);
  color: #a16207;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .network-intake-grid > div[data-state="ready"] em {
  background: rgba(18, 185, 129, 0.12);
  color: #087f5b;
}

body.os-console[data-section="management"] .network-intake-runbook {
  grid-column: 1 / -1;
  display: grid;
  gap: 8px;
  min-height: 0;
  padding: 9px;
  border: 1px solid #dfe7fb;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .network-runbook-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

body.os-console[data-section="management"] .network-runbook-head strong {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.18;
}

body.os-console[data-section="management"] .network-runbook-head em {
  width: fit-content;
  padding: 3px 6px;
  border-radius: 5px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.os-console[data-section="management"] .network-runbook-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.os-console[data-section="management"] .network-runbook-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: start;
  gap: 7px;
  padding: 7px;
  border: 1px solid #e4ebf8;
  border-radius: 6px;
  background: #f9fbff;
}

body.os-console[data-section="management"] .network-runbook-list article[data-state="ready"] {
  border-color: #b8ead8;
  background: #f5fcf8;
}

body.os-console[data-section="management"] .network-runbook-list i {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 13px;
}

body.os-console[data-section="management"] .network-runbook-list article[data-state="ready"] i {
  background: #dcf8ec;
  color: #08774f;
}

body.os-console[data-section="management"] .network-runbook-list strong,
body.os-console[data-section="management"] .network-runbook-list span {
  display: block;
  min-width: 0;
}

body.os-console[data-section="management"] .network-runbook-list strong {
  color: var(--ink);
  font-size: 11px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .network-runbook-list span {
  margin-top: 3px;
  color: #536381;
  font-size: 10px;
  line-height: 1.28;
}

body.os-console[data-section="management"] .network-runbook-list em {
  padding: 3px 5px;
  border-radius: 5px;
  background: rgba(245, 158, 11, 0.14);
  color: #a16207;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

body.os-console[data-section="management"] .network-runbook-list article[data-state="ready"] em {
  background: rgba(18, 185, 129, 0.12);
  color: #087f5b;
}

body.os-console[data-section="management"] .management-command-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}

body.os-console[data-section="management"] .management-command-form.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.os-console[data-section="management"] .management-command-form .wide {
  grid-column: 1 / -1;
}

body.os-console[data-section="management"] .management-command-form label {
  display: grid;
  min-width: 0;
  gap: 4px;
}

body.os-console[data-section="management"] .management-command-form span {
  color: #6b7b99;
  font-size: 8.5px;
  font-weight: 900;
  letter-spacing: 0.04em;
  line-height: 1.1;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .management-command-form input,
body.os-console[data-section="management"] .management-command-form select,
body.os-console[data-section="management"] .management-command-form textarea {
  width: 100%;
  min-width: 0;
  min-height: 36px;
  padding: 0 9px;
  border: 1px solid var(--control-border);
  border-radius: 6px;
  background: var(--control-surface);
  color: var(--ink);
  font: inherit;
  font-size: 10.5px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: none;
}

body.os-console[data-section="management"] .management-command-form input,
body.os-console[data-section="management"] .management-command-form select {
  height: 36px;
}

body.os-console[data-section="management"] .management-command-form select {
  padding-right: 34px;
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--control-surface);
  background-image: var(--select-caret);
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 12px 8px;
}

body.os-console[data-section="management"] .management-command-form select::-ms-expand {
  display: none;
}

body.os-console[data-section="management"] .management-command-form textarea {
  min-height: 84px;
  padding: 9px;
  resize: vertical;
}

body.os-console[data-section="management"] .management-command-form input::placeholder,
body.os-console[data-section="management"] .management-command-form textarea::placeholder {
  color: #8c96a8;
}

body.os-console[data-section="management"] .management-command-form input:focus,
body.os-console[data-section="management"] .management-command-form select:focus,
body.os-console[data-section="management"] .management-command-form textarea:focus {
  border-color: #9eb2ff;
  box-shadow: 0 0 0 2px rgba(49, 89, 255, 0.12);
  outline: none;
}

body.os-console[data-section="management"] .topology-intake-panel,
body.os-console[data-section="management"] .deployment-intake-panel {
  display: grid;
  grid-template-columns: minmax(260px, 0.75fr) minmax(520px, 1.55fr);
  gap: 10px;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #dbe5f8;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbfdff 0%, #f8fbff 100%);
}

body.os-console[data-section="management"] .topology-intake-copy,
body.os-console[data-section="management"] .deployment-intake-copy {
  display: grid;
  align-content: start;
  gap: 8px;
}

body.os-console[data-section="management"] .topology-intake-copy h3,
body.os-console[data-section="management"] .deployment-intake-copy h3 {
  max-width: 390px;
  margin: 0;
  color: var(--ink);
  font-size: 16px;
  line-height: 1.16;
}

body.os-console[data-section="management"] .topology-intake-copy p,
body.os-console[data-section="management"] .deployment-intake-copy p {
  max-width: 450px;
  margin: 0;
  color: #536381;
  font-size: 11px;
  line-height: 1.38;
}

body.os-console[data-section="management"] .topology-intake-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}

body.os-console[data-section="management"] .topology-intake-actions button {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #c9d6ff;
  border-radius: 6px;
  background: #f4f7ff;
  color: #1f40d8;
  font-size: 10.5px;
  font-weight: 900;
  cursor: pointer;
}

body.os-console[data-section="management"] .topology-intake-actions button:disabled {
  cursor: default;
  opacity: 0.64;
}

body.os-console[data-section="management"] .topology-intake-actions [data-management-command-status]:not(:empty) {
  max-width: 360px;
  padding: 5px 7px;
  border: 1px solid #dfe7fb;
  border-radius: 6px;
  background: #ffffff;
  color: #536381;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.2;
}

body.os-console[data-section="management"] .topology-intake-actions [data-management-command-status][data-state="success"] {
  border-color: #b8ead8;
  background: #f4fcf8;
  color: #08774f;
}

body.os-console[data-section="management"] .topology-intake-actions [data-management-command-status][data-state="error"] {
  border-color: #fecaca;
  background: #fff7f7;
  color: #b42318;
}

body.os-console[data-section="management"] .topology-intake-grid,
body.os-console[data-section="management"] .deployment-intake-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .topology-intake-grid > div,
body.os-console[data-section="management"] .deployment-intake-grid > div {
  min-height: 140px;
  display: grid;
  align-content: start;
  gap: 6px;
  padding: 9px;
  border: 1px solid #dfe7fb;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .topology-intake-grid > div[data-state="ready"],
body.os-console[data-section="management"] .deployment-intake-grid > div[data-state="ready"] {
  border-color: #b8ead8;
  background: #f5fcf8;
}

body.os-console[data-section="management"] .topology-intake-grid i,
body.os-console[data-section="management"] .deployment-intake-grid i {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 7px;
  background: #eef2ff;
  color: #2348e8;
  font-size: 14px;
}

body.os-console[data-section="management"] .topology-intake-grid strong,
body.os-console[data-section="management"] .deployment-intake-grid strong {
  color: var(--ink);
  font-size: 12px;
  line-height: 1.18;
}

body.os-console[data-section="management"] .topology-intake-grid span,
body.os-console[data-section="management"] .deployment-intake-grid span {
  color: #536381;
  font-size: 10.5px;
  line-height: 1.32;
}

body.os-console[data-section="management"] .topology-intake-grid em,
body.os-console[data-section="management"] .deployment-intake-grid em {
  width: fit-content;
  margin-top: auto;
  padding: 3px 6px;
  border-radius: 5px;
  background: rgba(245, 158, 11, 0.14);
  color: #a16207;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.os-console[data-section="management"] .topology-intake-grid > div[data-state="ready"] em,
body.os-console[data-section="management"] .deployment-intake-grid > div[data-state="ready"] em {
  background: rgba(18, 185, 129, 0.12);
  color: #087f5b;
}

body.os-console[data-section="management"] .section-card {
  padding: 10px 12px;
  overflow-x: auto;
  border-radius: var(--radius-lg);
  background: rgba(255, 255, 255, 0.98);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
}

body.os-console[data-section="management"] .section-card:first-of-type {
  grid-column: 1 / -1;
}

body.os-console[data-section="management"] #work-queue {
  grid-column: 1 / -1;
}

body.os-console[data-section="management"] #catalog,
body.os-console[data-section="management"] #ai-assurance,
body.os-console[data-section="management"] #alerts,
body.os-console[data-section="management"] #approvals {
  grid-column: span 6;
}

body.os-console[data-section="management"] .management-related-areas {
  grid-column: 1 / -1;
  background: linear-gradient(180deg, rgba(248, 250, 255, 0.98), rgba(255, 255, 255, 0.98));
}

body.os-console[data-section="management"] .management-shortcut-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

body.os-console[data-section="management"] .management-shortcut-row a {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 6px 9px;
  border-radius: 6px;
  background: rgba(49, 87, 255, 0.08);
  border: 1px solid rgba(49, 87, 255, 0.14);
  color: var(--primary-strong);
  font-size: 11px;
  font-weight: 800;
  text-decoration: none;
}

body.os-console[data-section="management"] .management-shortcut-row a:hover {
  background: rgba(49, 87, 255, 0.13);
}

body.os-console[data-section="management"] #audit,
body.os-console[data-section="management"] #domain {
  grid-column: span 6;
}

body.os-console[data-section="management"] .section-header {
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

body.os-console[data-section="management"] .section-header h2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink);
}

body.os-console[data-section="management"] .section-header span,
body.os-console[data-section="management"] .subsection-header span,
body.os-console[data-section="management"] .muted {
  color: var(--muted);
  font-size: 10.5px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .subsection-header {
  margin: 10px 0 6px;
}

body.os-console[data-section="management"] .subsection-header h3 {
  font-size: 12px;
}

body.os-console[data-section="management"] .kpi-grid {
  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .kpi-card {
  min-height: 72px;
  padding: 9px;
  border-radius: 7px;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
}

body.os-console[data-section="management"] .kpi-card h4 {
  margin-bottom: 4px;
  color: #66758f;
  font-size: 9px;
  letter-spacing: 0.06em;
}

body.os-console[data-section="management"] .kpi-value {
  font-size: 21px;
  line-height: 1.1;
}

body.os-console[data-section="management"] .kpi-foot {
  font-size: 10px;
  line-height: 1.25;
}

body.os-console[data-section="management"] .table {
  min-width: 720px;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
  line-height: 1.25;
}

body.os-console[data-section="management"] #work-queue .table,
body.os-console[data-section="management"] #catalog .table,
body.os-console[data-section="management"] #ai-assurance .table,
body.os-console[data-section="management"] #audit .table {
  min-width: 640px;
}

body.os-console[data-section="management"] .table th,
body.os-console[data-section="management"] .table td {
  padding: 6px 7px;
  vertical-align: top;
  border-bottom: 1px solid #e8edf6;
}

body.os-console[data-section="management"] .table th {
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fbfcff;
  color: #72819c;
  font-size: 9px;
  letter-spacing: 0.055em;
}

body.os-console[data-section="management"] .table tr:hover {
  background: #f8faff;
}

body.os-console[data-section="management"] .table tr.active {
  background: rgba(49, 87, 255, 0.08);
  box-shadow: inset 2px 0 0 var(--primary);
}

body.os-console[data-section="management"] .table-title {
  color: var(--ink);
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .badge {
  padding: 2px 5px;
  border-radius: 5px;
  font-size: 9px;
  letter-spacing: 0.045em;
  white-space: nowrap;
}

body.os-console[data-section="management"] .badge.success {
  background: rgba(18, 185, 129, 0.12);
  color: #087f5b;
}

body.os-console[data-section="management"] .badge.warning {
  background: rgba(245, 158, 11, 0.14);
  color: #a16207;
}

body.os-console[data-section="management"] .badge.danger {
  background: rgba(239, 68, 68, 0.13);
  color: #b42318;
}

body.os-console[data-section="management"] .tag-row {
  gap: 4px;
}

body.os-console[data-section="management"] .tag {
  max-width: 170px;
  padding: 2px 5px;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: rgba(49, 87, 255, 0.08);
  border-color: rgba(49, 87, 255, 0.16);
  color: #3144c9;
  font-size: 9.5px;
}

body.os-console[data-section="management"] .warning-tags .tag {
  background: rgba(245, 158, 11, 0.12);
  color: #92400e;
  border-color: rgba(245, 158, 11, 0.22);
}

body.os-console[data-section="management"] .table-actions {
  gap: 5px;
}

body.os-console[data-section="management"] .table-actions button,
body.os-console[data-section="management"] .table-actions a,
body.os-console[data-section="management"] .action-button,
body.os-console[data-section="management"] .hero-actions button,
body.os-console[data-section="management"] .hero-actions a {
  min-height: 24px;
  height: auto;
  padding: 4px 8px;
  border-radius: 5px;
  background: #edf2ff;
  color: var(--primary-strong);
  box-shadow: none;
  font-size: 10.5px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

body.os-console[data-section="management"] .action-button,
body.os-console[data-section="management"] .table-actions button[data-management-command] {
  background: var(--primary);
  color: #fff;
}

body.os-console[data-section="management"] [data-management-command-status] {
  min-height: 18px;
  margin: 0 0 8px;
  font-size: 10.5px;
  font-weight: 700;
}

body.os-console[data-section="management"] [data-management-command-status] strong,
body.os-console[data-section="management"] [data-management-command-status] span,
body.os-console[data-section="management"] [data-management-command-status] em {
  display: block;
}

body.os-console[data-section="management"] [data-management-command-status] strong {
  margin-bottom: 2px;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body.os-console[data-section="management"] [data-management-command-status] em {
  margin-top: 2px;
  color: #62708a;
  font-style: normal;
  font-weight: 650;
}

body.os-console[data-section="management"] [data-management-command-status][data-state="pending"] {
  color: #475569;
}

body.os-console[data-section="management"] [data-management-command-status][data-state="success"] {
  color: #047857;
}

body.os-console[data-section="management"] [data-management-command-status][data-state="error"] {
  color: #b91c1c;
}

body.os-console[data-section="management"] button[aria-busy="true"] {
  opacity: 0.68;
  cursor: progress;
}

body.os-console[data-section="management"] .status-list,
body.os-console[data-section="management"] .timeline,
body.os-console[data-section="management"] .workspace-stack {
  gap: 7px;
}

body.os-console[data-section="management"] .status-item,
body.os-console[data-section="management"] .timeline-item,
body.os-console[data-section="management"] .workspace-tile {
  padding: 8px 9px;
  border-radius: 7px;
  background: #f9fbff;
}

body.os-console[data-section="management"] .status-item h4,
body.os-console[data-section="management"] .timeline-item h4 {
  margin-bottom: 2px;
  font-size: 11.5px;
}

body.os-console[data-section="management"] .workspace-heading {
  gap: 10px;
  padding-bottom: 8px;
}

body.os-console[data-section="management"] .workspace-heading h3,
body.os-console[data-section="management"] .workspace-band h3 {
  margin-bottom: 3px;
  font-size: 12px;
}

body.os-console[data-section="management"] .workspace-readiness-grid,
body.os-console[data-section="management"] .workspace-two-column,
body.os-console[data-section="management"] .split-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
}

body.os-console[data-section="management"] .workspace-tile {
  gap: 4px;
}

body.os-console[data-section="management"] .workspace-tile > span:first-child {
  font-size: 9px;
  letter-spacing: 0.06em;
}

body.os-console[data-section="management"] .workspace-tile strong {
  font-size: 13px;
}

body.os-console[data-section="management"] .workspace-v2 {
  gap: 8px;
}

body.os-console[data-section="management"] .workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 10px;
  align-items: start;
}

body.os-console[data-section="management"] .workspace-metrics-panel {
  position: sticky;
  top: 58px;
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-metrics-panel .table {
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-signal-list {
  display: grid;
  gap: 6px;
}

body.os-console[data-section="management"] .workspace-signal-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #e3ebf7;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .workspace-signal-row div {
  display: grid;
  gap: 2px;
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-signal-row strong,
body.os-console[data-section="management"] .workspace-signal-row b {
  color: var(--ink);
  font-size: 11px;
  line-height: 1.1;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}

body.os-console[data-section="management"] .workspace-signal-row span {
  color: #667999;
  font-size: 9.5px;
  line-height: 1.25;
}

body.os-console[data-section="management"] .workspace-command-panel {
  display: grid;
  grid-template-columns: minmax(280px, 0.92fr) minmax(300px, 1.08fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 118px;
  padding: 9px 10px;
  border: 1px solid #d8e2f4;
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(249, 251, 255, 0.98)),
    radial-gradient(circle at 87% 12%, rgba(49, 87, 255, 0.12), transparent 38%);
  overflow: hidden;
}

body.os-console[data-section="management"] .workspace-command-copy {
  display: grid;
  gap: 8px;
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-command-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-command-visual {
  min-height: 102px;
  background-image: url("/styles/assets/img/management/openspan-service-workspace-loop-v2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

body.os-console[data-section="management"] .workspace-command-actions {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 5px;
}

body.os-console[data-section="management"] .workspace-feature-band {
  padding: 8px;
  border: 1px solid #dfe7f5;
  border-radius: 8px;
  background: #fbfcff;
}

body.os-console[data-section="management"] .workspace-band-header {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
  margin-bottom: 7px;
}

body.os-console[data-section="management"] .workspace-band-header p {
  margin: 0;
  color: #657491;
  font-size: 11px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .workspace-topology-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 7px;
}

body.os-console[data-section="management"] .workspace-mini-card {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #dfe7f5;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .workspace-mini-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 7px;
  min-width: 0;
}

body.os-console[data-section="management"] .workspace-mini-card-head strong {
  min-width: 0;
  color: var(--ink);
  font-size: 11.5px;
  line-height: 1.25;
}

body.os-console[data-section="management"] .workspace-mini-card p {
  margin: 0;
  color: #586984;
  font-size: 10.5px;
  line-height: 1.35;
}

body.os-console[data-section="management"] .workspace-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef9;
}

body.os-console[data-section="management"] .workspace-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary), var(--success));
}

body.os-console[data-section="management"] .workspace-resource-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 7px;
}

body.os-console[data-section="management"] .workspace-resource-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  max-width: 100%;
  padding: 4px 5px;
  border: 1px solid #dfe7f5;
  border-radius: 6px;
  background: #ffffff;
  color: #334462;
  font-size: 10.5px;
}

body.os-console[data-section="management"] .workspace-resource-pill span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.os-console[data-section="management"] .workspace-resource-pill em {
  font-style: normal;
}

body.os-console[data-section="management"] .workspace-tight-columns {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
}

body.os-console[data-section="management"] .compact-band {
  padding-top: 0;
  border-top: 0;
}

body.os-console[data-section="management"] .workspace-evidence-list {
  display: grid;
  gap: 5px;
}

body.os-console[data-section="management"] .workspace-evidence-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(90px, auto);
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 5px 6px;
  border: 1px solid #e4ebf7;
  border-radius: 6px;
  background: #ffffff;
  color: #253755;
  font-size: 10.5px;
}

body.os-console[data-section="management"] .workspace-action-row {
  grid-template-columns: minmax(0, 1fr) minmax(86px, auto) auto auto;
}

body.os-console[data-section="management"] .workspace-evidence-row > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 700;
}

body.os-console[data-section="management"] .workspace-evidence-row .table-actions {
  justify-content: end;
  gap: 4px;
  margin: 0;
}

body.os-console[data-section="management"] .workspace-evidence-row .table-actions:empty {
  display: none;
}

body.os-console[data-section="management"] .management-service-cell {
  display: grid;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  min-width: 0;
}

body.os-console[data-section="management"] .management-service-icon {
  --icon-bg: #eef2ff;
  --icon-fg: var(--primary);
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 34px;
  height: 34px;
  border: 1px solid rgba(49, 87, 255, 0.14);
  border-radius: 9px;
  background: var(--icon-bg);
  background-image: none !important;
  background-position: center !important;
  background-size: auto !important;
  color: var(--icon-fg);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55), 0 4px 10px rgba(15, 35, 75, 0.035);
}

body.os-console[data-section="management"] .management-service-icon::before {
  content: "" !important;
  display: none !important;
}

body.os-console[data-section="management"] .management-service-icon .fas {
  display: block;
  font-family: "Font Awesome 6 Free";
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

body.os-console[data-section="management"] .management-service-icon.orchestration {
  --icon-bg: #eef2ff;
  --icon-fg: #3157ff;
}

body.os-console[data-section="management"] .management-service-icon.live-translation {
  --icon-bg: #eef6ff;
  --icon-fg: #3b68ff;
}

body.os-console[data-section="management"] .management-service-icon.sme-assistant {
  --icon-bg: #eaf8f1;
  --icon-fg: #0f9b68;
}

body.os-console[data-section="management"] .management-service-icon.agentic-ivr {
  --icon-bg: #f0edff;
  --icon-fg: #6a4dff;
}

body.os-console[data-section="management"] .management-service-icon.call-protect {
  --icon-bg: #fff0f2;
  --icon-fg: #f04455;
}

body.os-console[data-section="management"] .management-service-icon.security-fraud {
  --icon-bg: #fff3e8;
  --icon-fg: #c76a00;
}

body.os-console[data-section="management"] .management-service-icon.jobs-agent {
  --icon-bg: #eef6ff;
  --icon-fg: #2f7cff;
}

body.os-console[data-section="management"] .management-service-icon.record {
  --icon-bg: #fff3e8;
  --icon-fg: #f47b20;
}

body.os-console[data-section="management"] .management-service-icon.policy-studio {
  --icon-bg: #eef8f4;
  --icon-fg: #0f8f6b;
}

body.os-console[data-section="management"] .management-service-icon.network-invocation {
  --icon-bg: #edf4ff;
  --icon-fg: #3157ff;
}

body.os-console[data-section="management"] .management-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 8px;
}

body.os-console[data-section="management"] .operator-lens-card {
  cursor: default;
}

body.os-console[data-section="management"] .management-persona-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: -2px 0 8px;
}

body.os-console[data-section="management"] .management-persona-toolbar button {
  min-height: 26px;
  padding: 4px 9px;
  border: 1px solid #cdd9f2;
  border-radius: 7px;
  background: #f6f8ff;
  color: var(--primary-strong);
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
}

body.os-console[data-section="management"] .management-persona-toolbar button:hover,
body.os-console[data-section="management"] .management-persona-toolbar button.active {
  border-color: rgba(49, 87, 255, 0.55);
  background: #eef2ff;
  box-shadow: inset 0 0 0 1px rgba(49, 87, 255, 0.12);
}

body.os-console[data-section="management"] .management-persona-summary {
  margin: -2px 0 8px;
  color: #566987;
  font-size: 10.5px;
  font-weight: 600;
}

body.os-console[data-section="management"] .operator-lens-grid {
  grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
}

body.os-console[data-section="management"][data-management-persona]:not([data-management-persona="all"]) .operator-lens-card {
  opacity: 0.54;
}

body.os-console[data-section="management"][data-management-persona="product"] [data-management-persona-lens="product"],
body.os-console[data-section="management"][data-management-persona="network"] [data-management-persona-lens="network"],
body.os-console[data-section="management"][data-management-persona="security"] [data-management-persona-lens="security"],
body.os-console[data-section="management"][data-management-persona="care"] [data-management-persona-lens="care"],
body.os-console[data-section="management"][data-management-persona="deployment"] [data-management-persona-lens="deployment"],
body.os-console[data-section="management"][data-management-persona="admin"] [data-management-persona-lens="admin"] {
  opacity: 1;
  border-color: rgba(49, 87, 255, 0.54);
  box-shadow: 0 0 0 1px rgba(49, 87, 255, 0.22), 0 10px 22px rgba(49, 87, 255, 0.08);
}

body.os-console[data-section="management"] .compact-card-grid {
  grid-template-columns: 1fr;
}

body.os-console[data-section="management"] .approval-grid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

body.os-console[data-section="management"] .relationship-grid {
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
}

body.os-console[data-section="management"] .market-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}

body.os-console[data-section="management"] .deployment-grid {
  grid-template-columns: repeat(auto-fit, minmax(410px, 1fr));
}

body.os-console[data-section="management"] .governance-grid,
body.os-console[data-section="management"] .policy-grid,
body.os-console[data-section="management"] .consent-grid {
  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
}

body.os-console[data-section="management"] .access-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}

body.os-console[data-section="management"] .admin-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}

body.os-console[data-section="management"] .catalog-grid,
body.os-console[data-section="management"] .ai-grid,
body.os-console[data-section="management"] .service-grid,
body.os-console[data-section="management"] .invocation-grid,
body.os-console[data-section="management"] .resource-grid,
body.os-console[data-section="management"] .work-grid,
body.os-console[data-section="management"] .readiness-grid,
body.os-console[data-section="management"] .plan-grid,
body.os-console[data-section="management"] .topology-grid {
  grid-template-columns: repeat(auto-fit, minmax(390px, 1fr));
}

body.os-console[data-section="management"] .audit-grid {
  grid-template-columns: 1fr;
}

body.os-console[data-section="management"] .runtime-grid,
body.os-console[data-section="management"] .change-grid,
body.os-console[data-section="management"] .operations-grid,
body.os-console[data-section="management"] .failover-grid {
  grid-template-columns: repeat(auto-fit, minmax(430px, 1fr));
}

body.os-console[data-section="management"] .management-empty-state {
  min-height: 54px;
  padding: 12px;
  border: 1px dashed #d7e1f1;
  border-radius: 8px;
  background: #fbfcff;
  color: #667999;
  font-size: 11px;
  font-weight: 700;
}

body.os-console[data-section="management"] .management-guided-empty {
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  border-style: solid;
  background: #f8fbff;
  color: #4f5f7c;
}

body.os-console[data-section="management"] .management-guided-empty i {
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #eef3ff;
  color: #3159ff;
  font-size: 13px;
}

body.os-console[data-section="management"] .management-guided-empty strong {
  display: block;
  color: #10213d;
  font-size: 11px;
  line-height: 1.15;
}

body.os-console[data-section="management"] .management-guided-empty p {
  margin-top: 3px;
  color: #64738e;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.25;
}

body.os-console[data-section="management"] .management-relationship-card,
body.os-console[data-section="management"] .management-market-card,
body.os-console[data-section="management"] .management-deployment-card,
body.os-console[data-section="management"] .management-assurance-card {
  display: grid;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  border: 1px solid #dce5f4;
  border-radius: 8px;
  background:
    linear-gradient(180deg, #ffffff, #fbfcff),
    radial-gradient(circle at 92% 0%, rgba(49, 87, 255, 0.11), transparent 28%);
  box-shadow: 0 8px 18px rgba(15, 35, 75, 0.035);
  cursor: pointer;
}

body.os-console[data-section="management"] .management-relationship-card:hover,
body.os-console[data-section="management"] .management-market-card:hover,
body.os-console[data-section="management"] .management-deployment-card:hover,
body.os-console[data-section="management"] .management-assurance-card:hover,
body.os-console[data-section="management"] .management-relationship-card:focus-visible,
body.os-console[data-section="management"] .management-market-card:focus-visible,
body.os-console[data-section="management"] .management-deployment-card:focus-visible,
body.os-console[data-section="management"] .management-assurance-card:focus-visible,
body.os-console[data-section="management"] .management-relationship-card.active,
body.os-console[data-section="management"] .management-market-card.active,
body.os-console[data-section="management"] .management-deployment-card.active,
body.os-console[data-section="management"] .management-assurance-card.active {
  border-color: rgba(49, 87, 255, 0.46);
  box-shadow: 0 0 0 1px rgba(49, 87, 255, 0.18), 0 10px 22px rgba(49, 87, 255, 0.08);
  outline: none;
}

body.os-console[data-section="management"] .management-card-header,
body.os-console[data-section="management"] .management-card-footer,
body.os-console[data-section="management"] .management-deployment-meter-copy {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  min-width: 0;
}

body.os-console[data-section="management"] .management-card-header > div,
body.os-console[data-section="management"] .management-card-footer > p {
  min-width: 0;
}

body.os-console[data-section="management"] .management-card-footer {
  align-items: center;
  padding-top: 5px;
  border-top: 1px solid #e8eef8;
}

body.os-console[data-section="management"] .management-card-footer p {
  margin: 0;
  color: #52647f;
  font-size: 10.5px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .management-card-footer .table-actions {
  flex: 0 0 auto;
}

body.os-console[data-section="management"] .management-card-body {
  display: grid;
  gap: 5px;
  min-width: 0;
  padding: 7px;
  border: 1px solid #e4ebf7;
  border-radius: 7px;
  background: #f8fbff;
}

body.os-console[data-section="management"] .management-card-body p {
  margin: 0;
  color: #52647f;
  font-size: 10.5px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

body.os-console[data-section="management"] .management-rail {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
  gap: 5px;
}

body.os-console[data-section="management"] .management-rail.compact {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.os-console[data-section="management"] .management-rail-item {
  display: grid;
  align-content: start;
  gap: 4px;
  min-width: 0;
  min-height: 76px;
  padding: 6px;
  border: 1px solid #e4ebf7;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .management-rail-item .tag-row {
  overflow: hidden;
}

body.os-console[data-section="management"] .management-rail-item .tag {
  max-width: 100%;
}

body.os-console[data-section="management"] .management-rail-item > span:first-child,
body.os-console[data-section="management"] .management-mini-kpi span {
  color: #667999;
  font-size: 8.5px;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.os-console[data-section="management"] .management-rail-item strong,
body.os-console[data-section="management"] .management-mini-kpi strong {
  color: var(--ink);
  font-size: 13px;
  line-height: 1.08;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

body.os-console[data-section="management"] .management-state-value {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

body.os-console[data-section="management"] .management-kpi-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 5px;
}

body.os-console[data-section="management"] .management-mini-kpi {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 6px;
  border: 1px solid #e4ebf7;
  border-radius: 7px;
  background: #ffffff;
}

body.os-console[data-section="management"] .management-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #e8eef9;
}

body.os-console[data-section="management"] .management-progress span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--primary), #22c55e);
}

body.os-console[data-section="management"] .management-progress.labelled {
  height: 8px;
}

body.os-console[data-section="management"] .management-state-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}

body.os-console[data-section="management"] .management-deployment-main {
  display: grid;
  gap: 5px;
  padding: 7px;
  border: 1px solid #e4ebf7;
  border-radius: 7px;
  background: #f8fbff;
}

body.os-console[data-section="management"] .management-deployment-meter-copy {
  color: #52647f;
  font-size: 10.5px;
}

body.os-console[data-section="management"] .management-deployment-meter-copy strong {
  color: var(--ink);
}

body.os-console[data-section="management"] .management-region-stack {
  min-height: 24px;
}

@media (max-width: 1180px) {
  body.os-console[data-section="management"] .management-topbar {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 8px 10px;
  }

  body.os-console[data-section="management"] .management-topbar-nav {
    justify-content: flex-start;
    overflow-x: auto;
    padding-bottom: 1px;
  }

  body.os-console[data-section="management"] .management-topbar-actions {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  body.os-console[data-section="management"] .console-shell,
  body.os-console[data-section="management"] .management-hero,
  body.os-console[data-section="management"] .management-first-use-copy {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .workspace-command-panel {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-guide-layout,
  body.os-console[data-section="management"] .setup-workspace-layout,
  body.os-console[data-section="management"] .service-provisioning-canvas,
  body.os-console[data-section="management"] .network-intake-panel,
  body.os-console[data-section="management"] .topology-intake-panel,
  body.os-console[data-section="management"] .deployment-intake-panel,
  body.os-console[data-section="management"] .setup-touch-strip {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-brief-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.os-console[data-section="management"] .operator-profile-review,
  body.os-console[data-section="management"] .setup-gate-review-grid {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-service-walkthrough-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.os-console[data-section="management"] .service-provisioning-rail {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }

  body.os-console[data-section="management"] .service-provisioning-proofline {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-role-coverage-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.os-console[data-section="management"] .setup-trail-list {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-workspace-side {
    border-left: 0;
    border-top: 1px solid #dbe5f8;
  }

  body.os-console[data-section="management"] .setup-trail-item {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  body.os-console[data-section="management"] .setup-trail-item em {
    grid-column: 2;
    justify-self: start;
  }

  body.os-console[data-section="management"] .service-starter-grid,
  body.os-console[data-section="management"] .service-starter-checks {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.os-console[data-section="management"] .workspace-layout {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .workspace-metrics-panel {
    position: static;
  }

  body.os-console[data-section="management"] .workspace-command-actions {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  body.os-console[data-section="management"] .management-rail {
    grid-template-columns: repeat(auto-fit, minmax(94px, 1fr));
  }

body.os-console[data-section="management"] .management-card-grid,
body.os-console[data-section="management"] .relationship-grid,
body.os-console[data-section="management"] .market-grid,
body.os-console[data-section="management"] .deployment-grid,
body.os-console[data-section="management"] .governance-grid,
body.os-console[data-section="management"] .policy-grid,
body.os-console[data-section="management"] .consent-grid,
body.os-console[data-section="management"] .access-grid,
body.os-console[data-section="management"] .admin-grid,
body.os-console[data-section="management"] .catalog-grid,
body.os-console[data-section="management"] .ai-grid,
body.os-console[data-section="management"] .service-grid,
body.os-console[data-section="management"] .invocation-grid,
body.os-console[data-section="management"] .resource-grid,
body.os-console[data-section="management"] .work-grid,
body.os-console[data-section="management"] .readiness-grid,
body.os-console[data-section="management"] .plan-grid,
body.os-console[data-section="management"] .topology-grid,
body.os-console[data-section="management"] .audit-grid,
body.os-console[data-section="management"] .runtime-grid,
body.os-console[data-section="management"] .change-grid,
body.os-console[data-section="management"] .operations-grid,
body.os-console[data-section="management"] .failover-grid {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }

  body.os-console[data-section="management"] .console-sidebar {
    position: relative;
    top: 0;
    max-height: none;
    min-height: 0;
    overflow: visible;
    padding: 8px;
  }

  body.os-console[data-section="management"] .console-sidebar h3 {
    margin: 0 0 6px;
    padding: 0 2px 6px;
    font-size: 11px;
  }

  body.os-console[data-section="management"] .console-nav-group {
    display: none;
    margin: 0;
  }

  body.os-console[data-section="management"] .console-nav-group.active {
    display: block;
  }

  body.os-console[data-section="management"] .console-nav-title {
    display: none;
  }

  body.os-console[data-section="management"] .console-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }

  body.os-console[data-section="management"] .console-nav a {
    min-height: 22px;
    padding: 4px 7px;
    border: 1px solid var(--border);
    background: #f8faff;
    white-space: nowrap;
  }

  body.os-console[data-section="management"] .section-card:first-of-type,
  body.os-console[data-section="management"] #work-queue,
  body.os-console[data-section="management"] #catalog,
  body.os-console[data-section="management"] #ai-assurance,
  body.os-console[data-section="management"] #alerts,
  body.os-console[data-section="management"] #approvals,
  body.os-console[data-section="management"] #audit,
  body.os-console[data-section="management"] #domain {
    grid-column: 1 / -1;
  }
}

@media (max-width: 720px) {
  body.os-console[data-section="management"] .management-topbar {
    position: relative;
  }

  body.os-console[data-section="management"] .management-user-pill > span:last-child {
    display: none;
  }

  body.os-console[data-section="management"] .console-shell {
    padding: 8px 8px 24px;
  }

  body.os-console[data-section="management"] .management-hero {
    min-height: 0;
  }

  body.os-console[data-section="management"] .workspace-command-visual {
    min-height: 74px;
  }

  body.os-console[data-section="management"] .workspace-evidence-row {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .setup-current-grid,
  body.os-console[data-section="management"] .setup-brief-grid,
  body.os-console[data-section="management"] .setup-service-walkthrough-grid,
  body.os-console[data-section="management"] .service-provisioning-canvas,
  body.os-console[data-section="management"] .service-provisioning-output,
  body.os-console[data-section="management"] .service-provisioning-rail,
  body.os-console[data-section="management"] .service-provisioning-proofline,
  body.os-console[data-section="management"] .management-command-form,
  body.os-console[data-section="management"] .management-first-use-meta,
  body.os-console[data-section="management"] .setup-owner-list,
  body.os-console[data-section="management"] .setup-role-coverage-grid,
  body.os-console[data-section="management"] .service-starter-grid,
  body.os-console[data-section="management"] .service-starter-checks,
  body.os-console[data-section="management"] .network-intake-grid,
  body.os-console[data-section="management"] .topology-intake-grid,
  body.os-console[data-section="management"] .deployment-intake-grid,
  body.os-console[data-section="management"] .setup-gate-grid,
  body.os-console[data-section="management"] .setup-workspace-form,
  body.os-console[data-section="management"] .signon-review-strip,
  body.os-console[data-section="management"] .operator-profile-review,
  body.os-console[data-section="management"] .setup-gate-review-grid {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .management-card-grid,
  body.os-console[data-section="management"] .relationship-grid,
  body.os-console[data-section="management"] .market-grid,
  body.os-console[data-section="management"] .deployment-grid,
  body.os-console[data-section="management"] .management-rail,
  body.os-console[data-section="management"] .management-rail.compact,
  body.os-console[data-section="management"] .management-kpi-strip {
    grid-template-columns: 1fr;
  }

  body.os-console[data-section="management"] .management-card-header,
  body.os-console[data-section="management"] .management-card-footer {
    display: grid;
  }

  body.os-console[data-section="management"] .section-header {
    display: block;
  }
}