/* Founder overview stays summary-first; the full lead pipeline lives on Founder Leads. */
@media (min-width: 901px) {
  .premium-app.sidebar-collapsed .sidebar-workspace-card:has(.sidebar-workspace-menu) {
    position: relative !important;
    overflow: visible !important;
  }

  .premium-app.sidebar-collapsed .sidebar-workspace-menu {
    left: calc(100% + 12px) !important;
    right: auto !important;
    top: 0 !important;
    width: min(330px, calc(100vw - 116px)) !important;
    min-width: 290px !important;
    max-height: calc(100vh - 112px) !important;
    overflow-y: auto !important;
    padding: 10px !important;
  }

  .premium-app.sidebar-collapsed .sidebar-workspace-menu button {
    min-height: 64px !important;
    padding: 12px 14px !important;
  }

  .premium-app.sidebar-collapsed .sidebar-workspace-menu strong,
  .premium-app.sidebar-collapsed .sidebar-workspace-menu span,
  .premium-app.sidebar-collapsed .sidebar-workspace-menu p {
    display: block !important;
    overflow-wrap: anywhere;
  }
}

/* Founder Overview metrics use the same compact, glanceable card language as Calendar. */
.wbe-business-overview.dashboard-v1 .dashboard-kpi-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card {
  --overview-card-accent: #38bdf8;
  min-width: 0 !important;
  min-height: 82px !important;
  padding: 12px 14px !important;
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  column-gap: 12px !important;
  row-gap: 0 !important;
  align-items: center !important;
  text-align: left !important;
  border: 1px solid color-mix(in srgb, var(--overview-card-accent) 36%, #24364a) !important;
  border-radius: 8px !important;
  background:
    radial-gradient(circle at 8% 50%, color-mix(in srgb, var(--overview-card-accent) 14%, transparent), transparent 46%),
    linear-gradient(145deg, #09131f, #050b12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 10px 24px rgba(0, 0, 0, .18) !important;
  overflow: hidden !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card:before {
  display: none !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.green { --overview-card-accent: #22c55e; }
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.gold { --overview-card-accent: #eab308; }
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.blue { --overview-card-accent: #38bdf8; }
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.purple { --overview-card-accent: #c084fc; }
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.orange { --overview-card-accent: #fb923c; }
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card.red { --overview-card-accent: #ef4444; }

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card .dashboard-kpi-icon {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  width: 36px !important;
  height: 36px !important;
  margin: 0 !important;
  display: grid !important;
  place-items: center !important;
  align-self: center !important;
  color: var(--overview-card-accent) !important;
  border: 1px solid currentColor !important;
  border-radius: 999px !important;
  background: color-mix(in srgb, var(--overview-card-accent) 8%, transparent) !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card .dashboard-kpi-icon svg {
  width: 18px !important;
  height: 18px !important;
  stroke-width: 1.8 !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card .dashboard-kpi-label {
  grid-column: 2 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  color: #d8e6f7 !important;
  font-family: inherit !important;
  font-size: .69rem !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: .015em !important;
  text-transform: none !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card strong {
  grid-column: 2 !important;
  grid-row: 2 !important;
  margin: 1px 0 0 !important;
  color: #f8fafc !important;
  font-family: inherit !important;
  font-size: 1.55rem !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  letter-spacing: -.035em !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card small {
  grid-column: 2 !important;
  grid-row: 3 !important;
  min-width: 0 !important;
  margin: 2px 0 0 !important;
  color: #b6c7dc !important;
  font-family: inherit !important;
  font-size: .69rem !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.wbe-business-overview.dashboard-v1 .dashboard-kpi-card:hover,
.wbe-business-overview.dashboard-v1 .dashboard-kpi-card:focus-visible {
  transform: translateY(-1px) !important;
  border-color: var(--overview-card-accent) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--overview-card-accent) 18%, transparent), 0 12px 28px rgba(0, 0, 0, .24) !important;
}

@media (max-width: 1180px) {
  .wbe-business-overview.dashboard-v1 .dashboard-kpi-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .wbe-business-overview.dashboard-v1 .dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  .wbe-business-overview.dashboard-v1 .dashboard-kpi-grid {
    grid-template-columns: 1fr !important;
  }

  .wbe-business-overview.dashboard-v1 .dashboard-kpi-card {
    min-height: 76px !important;
  }
}