.cohorts-screen { display: flex; flex-direction: column; gap: 18px; }
.cohorts-screen .panel { padding: 22px 22px 20px; gap: 18px; }
.cohorts-screen .section-head { margin-bottom: 0; }
.cohorts-screen .section-head h2 { font-size: 16px; }
.cohorts-screen .dynamics-list { background: transparent; border: none; padding: 0; }
.cohorts-screen .dynamics-list .dyn-row:first-child { padding-top: 0; }

.perf-buckets { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.bucket-card {
  position: relative;
  background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm, 12px);
  padding: 22px 22px 20px;
  cursor: pointer;
  transition: transform .15s, box-shadow .15s, border-color .15s;
}
.bucket-card:hover { transform: translateY(-1px); box-shadow: var(--shadow); border-color: color-mix(in srgb, var(--accent) 30%, transparent); }
.bucket-label { font-size: 20px; font-weight: 800; color: var(--text); letter-spacing: -0.01em; }
.bucket-count { color: var(--muted); margin-top: 8px; font-size: 13px; font-weight: 500; }
.bucket-card .chat-dock { position: absolute; top: 12px; right: 12px; }

.dynamics-list { background: var(--surface); border: 1px solid var(--border); border-radius: var(--r-sm, 12px); padding: 8px 18px; }
.dyn-row {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 4px; border-bottom: 1px solid var(--border-2);
}
.dyn-row:last-child { border-bottom: none; }
.dyn-icon { font-size: 20px; width: 28px; text-align: center; }
.dyn-label { flex: 1; font-weight: 600; color: var(--text); }
.dyn-count { font-weight: 800; font-size: 16px; color: var(--text); }
.dyn-row .chat-dock { margin-left: 8px; }

.drill-drawer { position: fixed; right: 0; top: 0; bottom: 0; width: 460px; background: var(--surface); border-left: 1px solid var(--border); padding: 28px; overflow-y: auto; z-index: 100; box-shadow: var(--shadow-lg); }
.drill-drawer.hidden { display: none; }
.drill-drawer h3 { margin-bottom: 18px; font-size: 17px; }
.drill-drawer button {
  margin-bottom: 18px; background: var(--surface-2); border: 1px solid var(--border);
  color: var(--text); padding: 7px 14px; border-radius: 8px; cursor: pointer; font-size: 13px;
}
.drill-drawer button:hover { background: var(--surface-3); }
.drill-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.drill-table td { padding: 8px 6px; border-bottom: 1px solid var(--border-2); color: var(--text); }
.drill-table tr:hover { background: var(--surface-2); }