.workspace-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.workspace-eyebrow,
.workspace-kicker {
  display: block;
  margin-bottom: 7px;
  color: var(--ink-faint);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .13em;
  line-height: 1;
  text-transform: uppercase;
}

.workspace-head h1 {
  margin: 0;
  color: var(--ink);
  font-size: clamp(28px, 3vw, 42px);
  font-weight: 800;
  letter-spacing: -.045em;
  line-height: 1.04;
}

.workspace-head p {
  max-width: 720px;
  margin: 9px 0 0;
  color: var(--ink-tertiary);
  font-size: 13px;
  line-height: 1.55;
}

.workspace-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  margin-bottom: 18px;
  border: 1px solid var(--divider);
  border-radius: var(--radius-card);
  background: var(--surface);
}

.workspace-kpi {
  min-width: 0;
  padding: 18px 20px;
  border-right: 1px solid var(--divider);
  color: var(--ink);
  text-decoration: none;
  transition: background .15s ease;
}

.workspace-kpi:last-child { border-right: 0; }
.workspace-kpi:hover { background: var(--surface-alt); color: var(--ink); }
.workspace-kpi span, .workspace-kpi small { display: block; color: var(--ink-faint); font-size: 10px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.workspace-kpi strong { display: block; overflow: hidden; margin: 7px 0 5px; font-size: 26px; font-weight: 800; letter-spacing: -.04em; line-height: 1; text-overflow: ellipsis; }
.workspace-kpi small { letter-spacing: 0; text-transform: none; }
.workspace-kpi--ink { background: var(--ink); color: var(--ground); }
.workspace-kpi--ink span, .workspace-kpi--ink small { color: color-mix(in srgb, var(--ground) 64%, transparent); }
.workspace-kpi--ink:hover { background: color-mix(in srgb, var(--ink) 92%, var(--ground)); color: var(--ground); }

.workspace-grid,
.workspace-settings-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, .85fr);
  gap: 18px;
}

.workspace-panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--divider);
  border-radius: var(--radius-card);
  background: var(--surface);
}

.workspace-panel > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  min-height: 68px;
  padding: 17px 18px 14px;
  border-bottom: 1px solid var(--divider);
}

.workspace-panel > header h2 { margin: 0; color: var(--ink); font-size: 15px; font-weight: 800; letter-spacing: -.02em; }
.workspace-panel > header a { color: var(--ink-tertiary); font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.workspace-panel > header a:hover { color: var(--ink); }
.workspace-panel--deals { grid-row: span 2; }

.workspace-list { min-height: 160px; }
.workspace-loading, .workspace-empty { display: flex; align-items: center; justify-content: center; gap: 9px; min-height: 160px; padding: 24px; color: var(--ink-faint); font-size: 12px; text-align: center; }
.workspace-empty i { font-size: 20px; }

.workspace-row {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 13px 17px;
  border-bottom: 1px solid var(--divider);
  color: var(--ink);
  text-decoration: none;
}
.workspace-row:last-child { border-bottom: 0; }
.workspace-row:hover { background: var(--surface-alt); color: var(--ink); }
.workspace-row__mark { display: grid; width: 30px; height: 30px; flex: none; place-items: center; border-radius: 9px; background: color-mix(in srgb, var(--warn) 14%, var(--surface)); color: var(--warn-ink); }
.workspace-row__mark--signal { background: var(--surface-alt); color: var(--ink-tertiary); }
.workspace-row__copy { min-width: 0; flex: 1; }
.workspace-row__copy strong, .workspace-row__copy small, .workspace-row__value strong, .workspace-row__value small { display: block; }
.workspace-row__copy strong { overflow: hidden; font-size: 12.5px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.workspace-row__copy small, .workspace-row__value small { margin-top: 3px; color: var(--ink-faint); font-size: 10.5px; font-weight: 600; }
.workspace-row__value { flex: none; text-align: right; }
.workspace-row__value strong { font-size: 13px; font-weight: 800; font-variant-numeric: tabular-nums; }
.workspace-row__chevron { flex: none; color: var(--ink-faint); font-size: 11px; }

.pipeline-strip { display: grid; grid-template-columns: repeat(3, 1fr); }
.pipeline-strip > div { min-width: 0; padding: 18px; border-right: 1px solid var(--divider); }
.pipeline-strip > div:last-child { border-right: 0; }
.pipeline-strip span, .pipeline-strip strong { display: block; }
.pipeline-strip span { color: var(--ink-faint); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.pipeline-strip strong { overflow: hidden; margin-top: 8px; color: var(--ink); font-size: 19px; font-weight: 800; letter-spacing: -.03em; text-overflow: ellipsis; }
.workspace-note { margin: 0; padding: 13px 18px; border-top: 1px solid var(--divider); color: var(--ink-tertiary); font-size: 11px; line-height: 1.5; }

.workspace-actions a { display: grid; grid-template-columns: 34px minmax(0, 1fr) 12px; align-items: center; gap: 11px; padding: 13px 17px; border-bottom: 1px solid var(--divider); color: var(--ink); text-decoration: none; }
.workspace-actions a:last-child { border-bottom: 0; }
.workspace-actions a:hover { background: var(--surface-alt); }
.workspace-action__icon { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid var(--divider); border-radius: 9px; color: var(--ink-tertiary); }
.workspace-actions strong, .workspace-actions small { display: block; }
.workspace-actions strong { font-size: 12px; }
.workspace-actions small { overflow: hidden; margin-top: 2px; color: var(--ink-faint); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-actions > a > i { color: var(--ink-faint); font-size: 10px; }

.workspace-settings-grid { grid-template-columns: minmax(290px, .75fr) minmax(0, 1.25fr); }
.portfolio-flow { display: grid; grid-template-columns: minmax(0, 1fr) 24px minmax(0, 1fr) 24px minmax(0, 1fr); align-items: center; gap: 8px; margin: -8px 0 20px; padding: 14px 16px; border: 1px solid var(--divider); border-radius: var(--radius-card); background: var(--surface); }
.portfolio-flow > div { display: grid; grid-template-columns: 28px minmax(0, 1fr); column-gap: 10px; align-items: center; }
.portfolio-flow > div > span { display: grid; grid-row: span 2; width: 28px; height: 28px; place-items: center; border-radius: 999px; background: var(--ink); color: var(--ground); font-size: 11px; font-weight: 800; }
.portfolio-flow strong { color: var(--ink); font-size: 12px; }
.portfolio-flow small { overflow: hidden; color: var(--ink-faint); font-size: 10.5px; text-overflow: ellipsis; white-space: nowrap; }
.portfolio-flow > i { color: var(--ink-faint); font-size: 11px; text-align: center; }
.personal-filter-form { display: grid; gap: 15px; padding: 18px; }
.personal-filter-form label > span { display: block; margin-bottom: 6px; color: var(--ink-tertiary); font-size: 11px; font-weight: 700; }
.personal-filter-form label small { font-weight: 500; }
.personal-filter-list { min-height: 250px; }
.personal-filter-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) 32px; align-items: center; gap: 11px; padding: 13px 17px; border-bottom: 1px solid var(--divider); }
.personal-filter-row__icon { display: grid; width: 32px; height: 32px; place-items: center; border-radius: 9px; background: var(--surface-alt); color: var(--ink-tertiary); }
.personal-filter-row strong, .personal-filter-row small { display: block; }
.personal-filter-row strong { overflow: hidden; color: var(--ink); font-size: 12.5px; text-overflow: ellipsis; white-space: nowrap; }
.personal-filter-row small { margin-top: 3px; color: var(--ink-faint); font-size: 10.5px; }
.personal-filter-row button { width: 30px; height: 30px; border: 0; border-radius: 8px; background: transparent; color: var(--ink-faint); cursor: pointer; }
.personal-filter-row button:hover { background: color-mix(in srgb, var(--alert) 10%, transparent); color: var(--alert); }
.workspace-count { padding: 4px 8px; border-radius: 999px; background: var(--surface-alt); color: var(--ink-tertiary); font-size: 11px; font-weight: 800; }
.workspace-guidance { display: flex; gap: 12px; margin-top: 18px; padding: 16px 18px; border: 1px solid var(--divider); border-radius: var(--radius-card); background: var(--surface-alt); color: var(--ink-tertiary); }
.workspace-guidance > i { color: var(--verdict-buy-ink); font-size: 19px; }
.workspace-guidance strong { display: block; color: var(--ink); font-size: 12px; }
.workspace-guidance p { margin: 4px 0 0; font-size: 11px; line-height: 1.5; }

@media (max-width: 980px) {
  .workspace-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-kpi:nth-child(2) { border-right: 0; }
  .workspace-kpi:nth-child(-n+2) { border-bottom: 1px solid var(--divider); }
  .workspace-grid, .workspace-settings-grid { grid-template-columns: 1fr; }
  .workspace-panel--deals { grid-row: auto; }
}

@media (max-width: 600px) {
  .workspace-head { align-items: flex-start; flex-direction: column; }
  .workspace-kpi { padding: 15px; }
  .workspace-kpi strong { font-size: 21px; }
  .workspace-row { padding-inline: 13px; }
  .workspace-row__value { display: none; }
  .portfolio-flow { grid-template-columns: 1fr; }
  .portfolio-flow > i { transform: rotate(90deg); }
}