.platform-workspace {
  display: grid;
  gap: 24px;
  min-width: 0;
}

.platform-workspace :is(section, article, div, li) {
  min-width: 0;
}

.platform-workspace :is(h2, h3, p, strong, small, a) {
  overflow-wrap: anywhere;
}

.platform-workspace :is(section[id], .create-business-panel) {
  scroll-margin-top: 24px;
}

.platform-workspace-intro {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 8px 0;
}

.platform-workspace-intro h2 {
  margin: 4px 0 10px;
  font-size: clamp(1.35rem, 2.1vw, 1.8rem);
  letter-spacing: -0.025em;
}

.platform-workspace-intro p:last-child,
.platform-workspace .panel > p {
  max-width: 76ch;
  color: #526779;
  line-height: 1.6;
}

.platform-workspace-intro > a {
  flex: 0 0 auto;
}

.platform-workspace-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.platform-workspace-metrics article {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 20px;
  background: #fff;
  border: 1px solid #d8e3eb;
  border-radius: 14px;
}

.platform-workspace-metrics span {
  font-size: 0.8rem;
  color: #506779;
  font-weight: 700;
}

.platform-workspace-metrics strong {
  font-size: 2rem;
  letter-spacing: -0.04em;
  color: #17324d;
}

.platform-workspace-metrics small {
  color: #65798a;
  font-size: 0.75rem;
  line-height: 1.5;
}

.platform-workspace-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.platform-workspace-columns > .panel {
  margin: 0;
}

.platform-empty {
  display: grid;
  justify-items: start;
  gap: 12px;
  padding: 28px;
  background: #f4f8fb;
  border: 1px dashed #bdcedb;
  border-radius: 12px;
}

.platform-empty h3,
.platform-empty p {
  margin: 0;
}

.platform-empty p {
  max-width: 65ch;
  line-height: 1.6;
  color: #526779;
}

.platform-empty-note,
.platform-inventory-note {
  color: #65798a;
  font-size: 0.82rem;
  line-height: 1.6;
}

.platform-inventory-note {
  margin: 16px 0 0;
}

.platform-workspace :is(.platform-tenant-links, .platform-review-list, .platform-system-access ul) {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.platform-workspace :is(.platform-tenant-links, .platform-review-list, .platform-system-access ul) > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 0;
  border-top: 1px solid #e3eaf0;
}

.platform-link-actions {
  display: flex;
  justify-content: end;
  flex-wrap: wrap;
  gap: 10px 16px;
}

.platform-link-actions a {
  padding: 5px 0;
  color: #2064a5;
  font-size: 0.82rem;
  font-weight: 750;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.platform-review-list :is(strong, span, small),
.platform-system-access :is(strong, span) {
  display: block;
}

.platform-review-list span,
.platform-system-access span {
  margin-top: 5px;
  color: #526779;
  font-size: 0.82rem;
}

.platform-review-list small {
  margin-top: 5px;
  color: #65798a;
}

.platform-system-access {
  background: #edf3f7;
}

.platform-tenant-table table {
  width: 100%;
}

@media (max-width: 1150px) {
  .platform-workspace-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .platform-workspace-columns {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 850px) {
  .platform-workspace-intro,
  .platform-workspace :is(.platform-tenant-links, .platform-review-list, .platform-system-access ul) > li {
    align-items: start;
    flex-direction: column;
  }

  .platform-link-actions {
    justify-content: start;
  }

  .platform-tenant-table {
    overflow: visible;
  }

  .platform-tenant-table table,
  .platform-tenant-table tbody,
  .platform-tenant-table tr {
    display: block;
    min-width: 0;
  }

  .platform-tenant-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }

  .platform-tenant-table tbody {
    display: grid;
    gap: 16px;
  }

  .platform-tenant-table tr {
    padding: 16px;
    border: 1px solid #d8e3eb;
    border-radius: 12px;
  }

  .platform-tenant-table td {
    display: grid;
    grid-template-columns: minmax(100px, 0.85fr) minmax(0, 1.15fr);
    gap: 4px 12px;
    padding: 9px 0;
    border: 0;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .platform-tenant-table td small {
    grid-column: 2;
  }

  .platform-tenant-table td::before {
    font-size: 0.72rem;
    font-weight: 700;
    color: #65798a;
  }

  .platform-tenant-table td:nth-child(1)::before { content: "Tenant"; }
  .platform-tenant-table td:nth-child(2)::before { content: "Lifecycle"; }
  .platform-tenant-table td:nth-child(3)::before { content: "Setup coverage"; }
  .platform-tenant-table td:nth-child(4)::before { content: "Catalog review"; }
  .platform-tenant-table td:nth-child(5)::before { content: "Quote Engine setting"; }
  .platform-tenant-table td:nth-child(6)::before { content: "Activation summary"; }
  .platform-tenant-table td:nth-child(7)::before { content: "Action"; }
}

@media (max-width: 430px) {
  .platform-workspace {
    gap: 18px;
  }

  .platform-workspace-metrics {
    gap: 10px;
  }

  .platform-workspace-metrics article {
    padding: 15px;
  }

  .platform-empty {
    padding: 20px;
  }

  .platform-tenant-table td {
    grid-template-columns: minmax(85px, 0.85fr) minmax(0, 1.15fr);
    gap: 4px 8px;
  }
}