html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) {
  --color-text: var(--ui-text);
  --color-text-muted: var(--ui-text-muted);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) .card {
  border: 1px solid var(--ui-border-subtle);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-surface);
  box-shadow: var(--ui-shadow-panel);
  color: var(--ui-text);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) :is(.btn-secondary, .btn-ghost) {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) :is(.btn-secondary, .btn-ghost):hover {
  border-color: var(--ui-text-muted);
  background: var(--ui-surface-hover);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) .btn-primary {
  border-color: var(--ui-accent);
  background: var(--ui-accent);
  color: var(--ui-on-accent);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page
) :is(.lead-worklist-tab, .lead-manager-area, .lead-source-tab) {
  min-height: var(--ui-control-height);
  border: 1px solid transparent;
  border-radius: var(--ui-radius);
  background: transparent;
  color: var(--ui-text-secondary);
  font-size: var(--font-sm);
}

html.ui-v2 .lead-source-tab span {
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-detail-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page,
  .lead-create-page,
  .lead-import-page
) :is(
  .lead-status-badge,
  .lead-product-badge,
  .lead-duplicate-badge,
  .lead-meta-label,
  .lead-assignment-hint,
  .lead-worklist-header,
  .lead-worklist-location,
  .lead-worklist-source,
  .lead-board-location,
  .lead-board-reminder,
  .lead-board-appointment,
  .partner-lead-board-created,
  .partner-lead-board-submitter,
  .partner-status-badge,
  .lead-import-preview-heading > span:first-child,
  .lead-table-header,
  .lead-table-assignment .lead-assignment-hint
),
html.ui-v2 :is(.lead-quota-person, .lead-quota-value, .lead-source-tab, .lead-table-cell) > span,
html.ui-v2 .lead-worklist-identity > span:last-child,
html.ui-v2 .lead-worklist-cell span,
html.ui-v2 .lead-detail-value span:not(.lead-meta-label),
html.ui-v2 .aroundhome-detail-group dt,
html.ui-v2 :is(.lead-activity-heading time, .lead-activity-timeline li > div > span),
html.ui-v2 .lead-board-column > header span,
html.ui-v2 .partner-lead-board-assignee > span,
html.ui-v2 .lead-table-cell time {
  font-size: var(--font-xs);
}

html.ui-v2 .lead-worklist-cell::before {
  font-size: var(--font-xs);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page
) :is(.lead-worklist-tab, .lead-manager-area, .lead-source-tab):hover {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface-hover);
  color: var(--ui-text);
}

html.ui-v2 :is(
  .salesperson-leads-page,
  .lead-management-page,
  .lead-metrics-page,
  .partner-leads-page
) :is(.lead-worklist-tab, .lead-manager-area, .lead-source-tab).active {
  border-color: var(--ui-border);
  background: var(--ui-surface-raised);
  box-shadow: inset 0 -2px 0 var(--ui-accent);
  color: var(--ui-text);
}

html.ui-v2 :is(.lead-worklist-tabs, .lead-manager-areas, .lead-source-tabs) {
  gap: var(--ui-space-1);
  border-color: var(--ui-border-subtle);
  background: transparent;
  padding: 0 0 var(--ui-space-2);
}

html.ui-v2 .lead-work-saved-views {
  display: flex;
  min-width: 0;
  gap: var(--ui-space-1);
  margin: calc(-1 * var(--ui-space-2)) 0 var(--ui-space-3);
  overflow-x: auto;
  scrollbar-width: thin;
}

html.ui-v2 .lead-work-saved-view {
  min-height: var(--ui-control-height);
  flex: 0 0 auto;
  border: 1px solid transparent;
  border-radius: 999px;
  background: transparent;
  color: var(--ui-text-secondary);
  padding: 0 var(--ui-space-3);
  white-space: nowrap;
}

html.ui-v2 .lead-work-saved-view:hover {
  border-color: var(--ui-border);
  background: var(--ui-surface-hover);
  color: var(--ui-text);
}

html.ui-v2 .lead-work-saved-view.active {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  color: var(--ui-text);
}

html.ui-v2 .lead-worklist-filters,
html.ui-v2 .lead-filter-bar,
html.ui-v2 .lead-metrics-filter,
html.ui-v2 .lead-manager-scope,
html.ui-v2 .partner-company-scope,
html.ui-v2 .partner-pipeline-toolbar {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  gap: var(--ui-space-3);
  padding: var(--ui-space-3);
}

html.ui-v2 :is(
  .lead-worklist-filters,
  .lead-filter-bar,
  .lead-metrics-filter,
  .lead-manager-scope,
  .partner-company-scope,
  .partner-pipeline-toolbar
) label {
  color: var(--ui-text-secondary);
  font-size: var(--font-xs);
  font-weight: 650;
}

html.ui-v2 .lead-worklist-filters {
  grid-template-columns: minmax(220px, 1.45fr) repeat(4, minmax(130px, 1fr));
  margin-bottom: var(--ui-space-4);
}

html.ui-v2 .lead-worklist-check {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-workspace-split {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) 330px;
  align-items: start;
  gap: var(--ui-space-4);
}

html.ui-v2 .lead-workspace-single {
  min-width: 0;
}

html.ui-v2 .lead-workspace-split .lead-worklist-content {
  min-width: 0;
  overflow: visible;
}

html.ui-v2 .lead-workspace-split .lead-worklist-header {
  display: none;
}

html.ui-v2 .lead-workspace-split .lead-worklist-row {
  min-width: 0;
  min-height: var(--ui-row-height);
  grid-template-columns: minmax(210px, 1fr) 132px 160px minmax(132px, auto);
  gap: var(--ui-space-3);
  border-color: var(--ui-border-subtle);
  border-radius: var(--ui-radius);
  background: var(--ui-surface);
  padding: var(--ui-space-3);
}

html.ui-v2 .lead-workspace-split .lead-worklist-row:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
}

html.ui-v2 .lead-workspace-split .lead-worklist-row.is-preview-selected {
  border-color: var(--ui-accent);
  box-shadow: inset 3px 0 0 var(--ui-accent);
  background: var(--ui-surface-raised);
}

html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(2),
html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(3) {
  display: none;
}

html.ui-v2 .lead-workspace-split .lead-worklist-actions [data-lead-contact-attempts],
html.ui-v2 .lead-workspace-split .lead-worklist-actions [data-lead-reminder] {
  display: none;
}

html.ui-v2 .lead-workspace-split .lead-worklist-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  justify-content: stretch;
}

html.ui-v2 .lead-workspace-split .lead-worklist-actions .btn {
  width: 100%;
  min-height: var(--ui-control-height);
  padding-inline: var(--ui-space-2);
  font-size: var(--font-sm);
}

html.ui-v2 .lead-worklist-name,
html.ui-v2 .lead-board-name {
  color: var(--ui-text);
}

html.ui-v2 .lead-worklist-name:hover,
html.ui-v2 .lead-board-name:hover {
  color: var(--ui-accent-hover);
}

html.ui-v2 :is(.lead-worklist-location, .lead-worklist-source, .lead-worklist-cell span, .lead-board-location) {
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-worklist-reminder {
  border: 1px solid color-mix(in srgb, var(--ui-info), transparent 58%);
  background: color-mix(in srgb, var(--ui-info), transparent 86%);
  color: var(--ui-info);
}

html.ui-v2 .lead-worklist-reminder.reminder-today {
  border-color: color-mix(in srgb, var(--ui-warning), transparent 55%);
  background: color-mix(in srgb, var(--ui-warning), transparent 86%);
  color: var(--ui-warning);
}

html.ui-v2 .lead-worklist-reminder.reminder-overdue {
  border-color: color-mix(in srgb, var(--ui-danger), transparent 55%);
  background: color-mix(in srgb, var(--ui-danger), transparent 87%);
  color: var(--ui-danger);
}

html.ui-v2 .lead-quick-preview {
  position: sticky;
  top: 72px;
  min-height: 410px;
  overflow: hidden;
}

html.ui-v2 .lead-quick-preview__placeholder,
html.ui-v2 .lead-quick-preview__loading,
html.ui-v2 .lead-quick-preview__error {
  display: flex;
  min-height: 390px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: var(--ui-space-2);
  color: var(--ui-text-secondary);
  padding: var(--ui-space-6);
  text-align: center;
}

html.ui-v2 .lead-quick-preview__placeholder h2,
html.ui-v2 .lead-quick-preview__placeholder p,
html.ui-v2 .lead-quick-preview__error p {
  margin: 0;
}

html.ui-v2 .lead-quick-preview__placeholder p,
html.ui-v2 .lead-quick-preview__error p {
  color: var(--ui-text-muted);
  font-size: var(--font-sm);
}

html.ui-v2 .lead-quick-preview__icon {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border: 1px solid var(--ui-border);
  border-radius: 50%;
  background: var(--ui-surface-raised);
  color: var(--ui-accent);
  font-size: 22px;
}

html.ui-v2 .lead-quick-preview__header {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-1);
  border-bottom: 1px solid var(--ui-border-subtle);
  padding: var(--ui-space-4);
}

html.ui-v2 .lead-quick-preview__header h2,
html.ui-v2 .lead-quick-preview__header p {
  margin: 0;
}

html.ui-v2 .lead-quick-preview__header h2 {
  font-size: var(--font-xl);
}

html.ui-v2 .lead-quick-preview__header p,
html.ui-v2 .lead-quick-preview__header .lead-review-number {
  color: var(--ui-text-muted);
  font-size: var(--font-sm);
}

html.ui-v2 .lead-quick-preview__facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-space-3);
  margin: 0;
  padding: var(--ui-space-4);
}

html.ui-v2 .lead-quick-preview__facts div {
  min-width: 0;
}

html.ui-v2 .lead-quick-preview__facts dt,
html.ui-v2 .lead-quick-preview__note > span {
  color: var(--ui-text-muted);
  font-size: var(--font-xs);
  font-weight: 650;
}

html.ui-v2 .lead-quick-preview__facts dd {
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-text);
  font-size: var(--font-sm);
  overflow-wrap: anywhere;
}

html.ui-v2 .lead-quick-preview__note {
  margin: 0 var(--ui-space-4) var(--ui-space-4);
  border-left: 2px solid var(--ui-accent);
  background: var(--ui-surface-raised);
  padding: var(--ui-space-3);
}

html.ui-v2 .lead-quick-preview__note p {
  max-height: 5.8em;
  overflow: hidden;
  margin: var(--ui-space-1) 0 0;
  color: var(--ui-text-secondary);
  font-size: var(--font-sm);
  white-space: pre-wrap;
}

html.ui-v2 .lead-quick-preview__actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--ui-space-2);
  border-top: 1px solid var(--ui-border-subtle);
  padding: var(--ui-space-4);
}

html.ui-v2 .lead-quick-preview__actions .btn:first-child {
  grid-column: 1 / -1;
}

html.ui-v2 .lead-board-content {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

html.ui-v2 .lead-board-instructions,
html.ui-v2 .partner-pipeline-note {
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-board {
  display: grid;
  width: 100%;
  max-width: 100%;
  grid-template-columns: repeat(6, minmax(220px, 1fr));
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-bottom: var(--ui-space-3);
  scrollbar-color: var(--ui-border-strong) var(--ui-surface);
}

html.ui-v2 .lead-board-column {
  min-height: 420px;
  border-color: var(--ui-border-subtle);
  border-radius: var(--ui-radius-panel);
  background: var(--ui-surface);
  padding: var(--ui-space-2);
}

html.ui-v2 .lead-board-column > header {
  position: sticky;
  z-index: 2;
  top: 0;
  min-height: 42px;
  border-bottom: 1px solid var(--ui-border-subtle);
  background: var(--ui-surface);
  margin: calc(-1 * var(--ui-space-2)) calc(-1 * var(--ui-space-2)) var(--ui-space-2);
  padding: var(--ui-space-2);
}

html.ui-v2 .lead-board-column > header h2 {
  color: var(--ui-text-secondary);
  font-size: var(--font-sm);
}

html.ui-v2 .lead-board-column > header span {
  background: var(--ui-surface-raised);
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-board-card {
  min-height: 104px;
  border-color: var(--ui-border);
  border-radius: var(--ui-radius);
  background: var(--ui-surface-raised);
  box-shadow: none;
  padding: var(--ui-space-3);
}

html.ui-v2 .lead-board-card:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-hover);
}

html.ui-v2 .lead-board-phone {
  border-color: color-mix(in srgb, var(--ui-info), transparent 62%);
  background: color-mix(in srgb, var(--ui-info), transparent 90%);
  color: var(--ui-info);
}

html.ui-v2 .lead-board-phone:hover {
  border-color: var(--ui-info);
  background: color-mix(in srgb, var(--ui-info), transparent 84%);
}

html.ui-v2 .lead-board-phone--missing {
  border-color: var(--ui-border);
  background: transparent;
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-board-column.drop-target {
  border-color: var(--ui-accent);
  background: color-mix(in srgb, var(--ui-accent), transparent 92%);
}

html.ui-v2 .lead-board-reminder,
html.ui-v2 .lead-board-appointment {
  border: 1px solid var(--ui-border);
  background: var(--ui-surface);
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-board-reminder.reminder-today {
  border-color: color-mix(in srgb, var(--ui-warning), transparent 52%);
  background: color-mix(in srgb, var(--ui-warning), transparent 88%);
  color: var(--ui-warning);
}

html.ui-v2 .lead-board-reminder.reminder-overdue {
  border-color: color-mix(in srgb, var(--ui-danger), transparent 52%);
  background: color-mix(in srgb, var(--ui-danger), transparent 88%);
  color: var(--ui-danger);
}

html.ui-v2 .lead-detail-layout {
  gap: var(--ui-space-4);
}

html.ui-v2 .lead-detail-hero {
  position: sticky;
  z-index: 12;
  top: 64px;
  border-color: var(--ui-border);
  background: color-mix(in srgb, var(--ui-surface-raised), transparent 3%);
  box-shadow: 0 10px 24px rgb(0 0 0 / 0.22);
}

html.ui-v2 .lead-detail-hero h1,
html.ui-v2 .lead-detail-panel h2,
html.ui-v2 .lead-detail-action-card h2 {
  color: var(--ui-text);
}

html.ui-v2 .lead-detail-hero p,
html.ui-v2 .lead-detail-empty,
html.ui-v2 .lead-detail-panel-heading > span {
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-detail-columns {
  grid-template-columns: minmax(0, 1fr) 320px;
}

html.ui-v2 .lead-detail-sidebar {
  top: 152px;
}

html.ui-v2 .lead-detail-panel {
  border-color: transparent;
  background: transparent;
  padding: var(--ui-space-4) 0;
}

html.ui-v2 .lead-detail-panel + .lead-detail-panel {
  border-top: 1px solid var(--ui-border-subtle);
  border-radius: 0;
}

html.ui-v2 .lead-detail-value {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  color: var(--ui-text);
}

html.ui-v2 .lead-detail-value span:not(.lead-meta-label),
html.ui-v2 .lead-detail-action-card > p:last-child {
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-detail-note {
  background: color-mix(in srgb, var(--ui-accent), transparent 91%);
}

html.ui-v2 .lead-detail-action-card {
  border-color: var(--ui-border);
  background: var(--ui-surface-raised);
}

html.ui-v2 .lead-activity-timeline li::before,
html.ui-v2 .lead-activity-timeline::before {
  border-color: var(--ui-border);
  background: var(--ui-border);
}

html.ui-v2 .lead-management-page .lead-page-actions {
  display: flex;
  max-width: 720px;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--ui-space-2);
}

html.ui-v2 .lead-filter-bar {
  grid-template-columns: minmax(220px, 1.5fr) 90px repeat(2, minmax(130px, 1fr)) repeat(2, minmax(136px, 1fr)) minmax(130px, 1fr) auto;
}

html.ui-v2 .lead-summary-grid,
html.ui-v2 .lead-quota-grid,
html.ui-v2 .lead-metrics-summary {
  gap: var(--ui-space-3);
}

html.ui-v2 :is(.lead-summary-card, .lead-quota-card, .lead-metrics-summary > .card) {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  color: var(--ui-text-secondary);
}

html.ui-v2 :is(.lead-summary-card, .lead-quota-card, .lead-metrics-summary > .card) > strong {
  color: var(--ui-text);
}

html.ui-v2 .lead-quota-card:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
}

html.ui-v2 .lead-bulk-toolbar {
  position: sticky;
  z-index: 9;
  top: 64px;
  border-color: var(--ui-border);
  background: var(--ui-surface-raised);
  box-shadow: 0 10px 22px rgb(0 0 0 / 0.2);
}

html.ui-v2 .lead-table {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  padding-bottom: var(--ui-space-2);
}

html.ui-v2 .lead-table-header {
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-table-row {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
  color: var(--ui-text);
}

html.ui-v2 .lead-table-row[data-lead-row-details]:hover {
  border-color: var(--ui-border-strong);
  background: var(--ui-surface-raised);
  box-shadow: none;
}

html.ui-v2 .lead-table-cell > span,
html.ui-v2 .lead-assignment-hint,
html.ui-v2 .lead-bulk-summary > span,
html.ui-v2 .lead-bulk-target > span {
  color: var(--ui-text-muted);
}

html.ui-v2 .lead-metrics-basis {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface-raised);
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-metrics-panel,
html.ui-v2 .lead-metrics-summary > article {
  background: var(--ui-surface);
}

html.ui-v2 .lead-metrics-row,
html.ui-v2 .lead-metrics-reasons > div {
  border-color: var(--ui-border-subtle);
  color: var(--ui-text-secondary);
}

html.ui-v2 .partner-lead-row,
html.ui-v2 .partner-messe-card,
html.ui-v2 .partner-company-scope,
html.ui-v2 .partner-pipeline-toolbar {
  border-color: var(--ui-border-subtle);
  background: var(--ui-surface);
}

html.ui-v2 .partner-lead-disclosure {
  border-color: var(--ui-border-subtle);
  color: var(--ui-text-secondary);
}

html.ui-v2 .partner-lead-disclosure[open] {
  background: var(--ui-surface-raised);
}

html.ui-v2 .partner-lead-detail-grid dt,
html.ui-v2 .partner-lead-created,
html.ui-v2 .partner-lead-submitter,
html.ui-v2 .partner-lead-board-created,
html.ui-v2 .partner-lead-board-assignee > span {
  color: var(--ui-text-muted);
}

html.ui-v2 .partner-lead-board--active,
html.ui-v2 .partner-lead-board--closed {
  overflow-x: auto;
}

html.ui-v2 .lead-status-badge,
html.ui-v2 .lead-product-badge,
html.ui-v2 .lead-review-number {
  border: 1px solid var(--ui-border);
  background: var(--ui-surface-raised);
  color: var(--ui-text-secondary);
}

html.ui-v2 .lead-status-auftrag_erteilt {
  border-color: color-mix(in srgb, var(--ui-success), transparent 45%);
  background: color-mix(in srgb, var(--ui-success), transparent 84%);
  color: var(--ui-success);
}

html.ui-v2 :is(.lead-status-storno, .lead-status-angebot_abgelehnt, .lead-status-eingang_abgelehnt) {
  border-color: color-mix(in srgb, var(--ui-danger), transparent 48%);
  background: color-mix(in srgb, var(--ui-danger), transparent 87%);
  color: var(--ui-danger);
}

html.ui-v2 :is(.lead-status-beratungstermin, .lead-status-angebotserstellung, .lead-status-angebot_versendet) {
  border-color: color-mix(in srgb, var(--ui-info), transparent 48%);
  background: color-mix(in srgb, var(--ui-info), transparent 86%);
  color: var(--ui-info);
}

html.ui-v2 .lead-inactivity-badge {
  border-color: color-mix(in srgb, var(--ui-warning), transparent 45%);
  background: color-mix(in srgb, var(--ui-warning), transparent 87%);
  color: var(--ui-warning);
}

@media (max-width: 1280px) {
  html.ui-v2 .lead-workspace-split {
    grid-template-columns: minmax(0, 1fr) 300px;
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-row {
    grid-template-columns: minmax(190px, 1fr) 150px minmax(132px, auto);
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(4) {
    display: none;
  }

  html.ui-v2 .lead-filter-bar {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  html.ui-v2 .lead-worklist-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.ui-v2 .lead-workspace-split {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-workspace-split .lead-quick-preview {
    position: static;
    min-height: 0;
    order: -1;
  }

  html.ui-v2 .lead-quick-preview__placeholder,
  html.ui-v2 .lead-quick-preview__loading,
  html.ui-v2 .lead-quick-preview__error {
    min-height: 150px;
  }

  html.ui-v2 .lead-quick-preview__facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.ui-v2 .lead-quick-preview__actions {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html.ui-v2 .lead-quick-preview__actions .btn:first-child {
    grid-column: auto;
  }

  html.ui-v2 .lead-detail-hero {
    top: 60px;
  }

  html.ui-v2 .lead-detail-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-detail-sidebar {
    position: static;
  }
}

@media (max-width: 900px) {
  html.ui-v2 .lead-workspace-split .lead-worklist-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(4) {
    display: grid;
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-actions [data-lead-contact-attempts],
  html.ui-v2 .lead-workspace-split .lead-worklist-actions [data-lead-reminder] {
    display: inline-flex;
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-actions {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  html.ui-v2 .lead-board {
    grid-template-columns: repeat(6, minmax(220px, 1fr));
    overflow-x: auto;
  }

  html.ui-v2 .lead-board-column {
    min-height: 360px;
  }

  html.ui-v2 .lead-filter-bar,
  html.ui-v2 .lead-metrics-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.ui-v2 .lead-bulk-toolbar {
    position: static;
  }
}

@media (max-width: 640px) {
  html.ui-v2 .lead-worklist-filters,
  html.ui-v2 .lead-filter-bar,
  html.ui-v2 .lead-metrics-filter {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-worklist-tabs,
  html.ui-v2 .lead-manager-areas,
  html.ui-v2 .lead-source-tabs {
    flex-wrap: nowrap;
    overflow-x: auto;
  }

  html.ui-v2 .lead-worklist-tab,
  html.ui-v2 .lead-manager-area,
  html.ui-v2 .lead-source-tab {
    width: auto;
    flex: 0 0 auto;
    white-space: nowrap;
  }

  html.ui-v2 .lead-workspace-split .lead-quick-preview {
    order: 0;
  }

  html.ui-v2 .lead-quick-preview__facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.ui-v2 .lead-quick-preview__actions {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-row {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(2),
  html.ui-v2 .lead-workspace-split .lead-worklist-row > .lead-worklist-cell:nth-of-type(3) {
    display: grid;
  }

  html.ui-v2 .lead-workspace-split .lead-worklist-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html.ui-v2 .lead-board {
    grid-template-columns: repeat(6, minmax(250px, 1fr));
  }

  html.ui-v2 .lead-detail-hero {
    position: static;
  }

  html.ui-v2 .lead-detail-values,
  html.ui-v2 .lead-metrics-columns {
    grid-template-columns: minmax(0, 1fr);
  }

  html.ui-v2 .lead-management-page .page-header,
  html.ui-v2 .partner-leads-page .page-header {
    flex-direction: column;
  }

  html.ui-v2 .lead-management-page .lead-page-actions,
  html.ui-v2 .partner-leads-page .lead-page-actions {
    width: 100%;
    justify-content: stretch;
  }

  html.ui-v2 .lead-management-page .lead-page-actions .btn,
  html.ui-v2 .partner-leads-page .lead-page-actions .btn {
    flex: 1 1 150px;
  }
}