/* CRM 3.0.0-alpha10 VISUAL-SYSTEM-R2-R2-FIX2
 * Narrow stabilization layer for manual QA defects left after FIX1.
 */

body.crm-visual-r2.crm-visual-r2-r2 {
  --crm-z-topbar-fix2: 900;
  --crm-z-dropdown-fix2: 20;
  --crm-z-modal-fix2: 2000;
  --crm-z-toast-fix2: 3000;
}

/* Dashboard Today: reserve a real time column and keep marker/axis away from the glyphs. */
.crm-visual-r2.crm-visual-r2-r2 .alpha10-today > div {
  --today-axis-x-fix2: 72px;
}
.crm-visual-r2.crm-visual-r2-r2 .alpha10-today > div::before {
  left: var(--today-axis-x-fix2) !important;
}
.crm-visual-r2.crm-visual-r2-r2 .alpha10-today-row {
  grid-template-columns: 56px minmax(0, 1fr) !important;
  column-gap: 32px !important;
  overflow: visible !important;
}
.crm-visual-r2.crm-visual-r2-r2 .alpha10-today-row::before {
  left: var(--today-axis-x-fix2) !important;
}
.crm-visual-r2.crm-visual-r2-r2 .alpha10-today-row > time {
  display: block;
  min-width: 0;
  padding: 0 2px 0 0 !important;
  overflow: visible !important;
  white-space: nowrap;
  line-height: 1.25;
  text-align: right !important;
  font-variant-numeric: tabular-nums;
}

/* Client registry actions: compact, aligned, no wrap and no edge-clipping. */
.crm-visual-r2.crm-visual-r2-r2 #clientsTable td:last-child .row-actions {
  gap: 6px !important;
}
.crm-visual-r2.crm-visual-r2-r2 #clientsTable td:last-child .row-actions > button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  min-height: 32px !important;
  padding: 7px 8px !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.crm-visual-r2.crm-visual-r2-r2 #clientsTable td:last-child .row-actions > button.crm-action-icon-r2r2::before {
  width: 14px !important;
  height: 14px !important;
  flex-basis: 14px !important;
}

/* Stacking scale: workspace < topbar controls < dropdown < modal < toast. */
.crm-visual-r2.crm-visual-r2-r2 .topbar {
  z-index: var(--crm-z-topbar-fix2) !important;
}
.crm-visual-r2.crm-visual-r2-r2 .topbar-tools {
  position: relative;
  z-index: 1;
}
.crm-visual-r2.crm-visual-r2-r2 .top-nav .nav-group {
  position: relative;
}
.crm-visual-r2.crm-visual-r2-r2 .top-nav .nav-group:hover,
.crm-visual-r2.crm-visual-r2-r2 .top-nav .nav-group:focus-within,
.crm-visual-r2.crm-visual-r2-r2 .top-nav .nav-group.open {
  z-index: 2;
}
.crm-visual-r2.crm-visual-r2-r2 .nav-dropdown {
  z-index: var(--crm-z-dropdown-fix2) !important;
}
.crm-visual-r2.crm-visual-r2-r2 .modal {
  z-index: var(--crm-z-modal-fix2) !important;
}
.crm-visual-r2.crm-visual-r2-r2 .toast {
  z-index: var(--crm-z-toast-fix2) !important;
}