/* Keep the second table isolated from the original dashboard controls. */
@scope (#company-sales-flow) {
/* Activity matrix, period controls and summaries. */

.dash-activity-card {
  --font: "ActivityManrope","Manrope",sans-serif;
  font-family: var(--font);
  container: activity-card / inline-size;
  min-width: 0;
}

body #sales-flow-activity-period-menu,
body #sales-flow-activity-date-dialog,
body #sales-flow-activity-summary-dialog {
  --font: "ActivityManrope","Manrope",sans-serif;
  font-family: var(--font);
}

.dash-activity-scroll:focus-visible {
  outline: 3px solid rgba(23,135,97,.2);
  outline-offset: -3px;
}

.dash-activity-table th {
  text-align: center;
  white-space: nowrap;
  font-weight: 750;
  height: 36px;
  padding: 0 10px;
  border-right: 1px solid #eef2f0;
  border-bottom: 1px solid #f1f5f3;
  color: var(--dash-text-strong);
  font-variant-numeric: tabular-nums;
  background: var(--dash-white);
}

.dash-activity-table td {
  text-align: center;
  white-space: nowrap;
  height: 36px;
  padding: 0 10px;
  border-right: 1px solid #eef2f0;
  border-bottom: 1px solid #f1f5f3;
  color: var(--dash-text-strong);
  background: var(--dash-white);
  font-variant-numeric: tabular-nums;
}

.dash-activity-table tr:last-child td {
  border-bottom: 0;
}

.dash-activity-table th:last-child,
.dash-activity-table td:last-child {
  border-right: 0;
}

.dash-activity-data {
  font-variant-numeric: tabular-nums;
  color: var(--dash-text-muted);
  font-weight: 750;
}

.dash-activity-data.is-missing::after {
  content: '—';
}

.dash-activity-data.has-value {
  color: #29372f;
  font-weight: 750;
}

.dash-activity-data.is-zero {
  color: #8f9a94;
  font-weight: 600;
}

.dash-activity-head h3 {
  margin: 0;
  color: var(--dash-text-strong);
  font-size: 17px;
  line-height: 1.25;
  font-weight: 800;
  letter-spacing: -.015em;
}

.dash-activity-month:hover {
  border-color: #b9cdc4;
}

#sales-flow-activity-detail-table .dash-activity-detail-target-summary,
#sales-flow-activity-detail-table .dash-activity-detail-conversation-share {
  display: grid;
  grid-template-columns: 44px 44px minmax(0,1fr);
  align-items: stretch;
  gap: 0;
  width: 100%;
  height: 100%;
  line-height: 1.2;
  color: var(--dash-text-strong);
}

#sales-flow-activity-detail-table .dash-activity-detail-summary-head {
  display: grid;
  grid-template-columns: 44px 44px minmax(0,1fr);
  align-items: stretch;
  gap: 0;
  width: 100%;
  line-height: 1.2;
  height: 26px;
  flex: none;
  border-top: 1px solid #dfe6e2;
  color: var(--dash-text-muted);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0;
  text-transform: none;
}

#sales-flow-activity-detail-table .dash-activity-detail-target-summary > span,
#sales-flow-activity-detail-table .dash-activity-detail-conversation-share > span,
#sales-flow-activity-detail-table .dash-activity-detail-summary-head > span {
  display: flex;
  align-items: center;
  border-left: 1px solid #cbd5cf;
  padding: 0 6px;
  min-width: 0;
}

#sales-flow-activity-detail-table .dash-activity-detail-period-heading {
  padding: 5px 6px;
  border-left: 1px solid #cbd5cf;
  white-space: normal;
}

#sales-flow-activity-detail-table .dash-activity-detail-target-percent {
  font-size: 12px;
  font-weight: 800;
  text-align: right;
  justify-content: flex-end;
}

#sales-flow-activity-detail-table .dash-activity-detail-share-value {
  grid-column: 3;
  text-align: right;
  justify-content: flex-end;
}

#sales-flow-activity-detail-table .dash-activity-detail-summary-head > :nth-child(n+3) {
  text-align: right;
  justify-content: flex-end;
}

#sales-flow-activity-matrix-host[hidden],
#sales-flow-activity-detail-table[hidden],
#sales-flow-activity-fixed-legend[hidden],
#sales-flow-activity-card-header[hidden],
#sales-flow-activity-day-summary[hidden] {
  display: none !important;
}

#sales-flow-activity-matrix-host .dash-activity-controls {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 12px 24px;
  flex-wrap: wrap;
}

.dash-activity-scope-title h3 {
  margin: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: normal;
  color: var(--dash-text-strong);
}

#sales-flow-activity-matrix-host .dash-activity-table th,
#sales-flow-activity-matrix-host .dash-activity-table td {
  background: var(--dash-white);
  border-right: 0;
  box-shadow: none;
  color: var(--dash-text-strong);
}

#sales-flow-activity-matrix-host .dash-activity-table .is-future {
  color: #b4c0ba;
}

#sales-flow-activity-matrix-host .dash-activity-matrix {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  color: var(--dash-text-strong);
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

#sales-flow-activity-matrix-host .dash-activity-matrix th,
#sales-flow-activity-matrix-host .dash-activity-matrix td {
  height: 28px;
  padding: 0 8px;
  text-align: center;
  background: var(--dash-white);
  border-right: 1px solid var(--dash-matrix-grid);
  border-bottom: 1px solid var(--dash-matrix-grid);
  white-space: nowrap;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead th {
  height: 30px;
  color: #56645d;
  font-size: 11px;
  font-weight: 800;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-group {
  position: sticky;
  left: 0;
  z-index: 3;
  width: 26px;
  min-width: 26px;
  padding: 0;
  color: var(--dash-text-muted);
  border-right: 1px solid var(--dash-matrix-grid);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-label {
  position: sticky;
  left: var(--dash-matrix-label-left,26px);
  z-index: 3;
  text-align: left;
  padding: 0 8px;
  border-right: 2px solid var(--dash-matrix-divider);
  font-weight: 650;
  min-width: 220px;
  width: 220px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-indicators {
  position: sticky;
  left: 0;
  z-index: 4;
  white-space: normal;
  border-right: 2px solid var(--dash-matrix-divider);
  min-width: 246px;
  width: 246px;
  text-align: center;
  vertical-align: middle;
  padding: 0 8px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-metric {
  position: sticky;
  z-index: 2;
  min-width: 48px;
  width: 48px;
  padding: 0 5px;
}

#sales-flow-activity-matrix-host .dash-matrix-indicators-note {
  display: block;
  margin-top: 5px;
  color: var(--dash-green-dark);
  font-size: 10px;
  font-weight: 500;
  line-height: 1.3;
}

#sales-flow-activity-matrix-host .dash-matrix-inline-split {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex: none;
  min-width: 62px;
  height: 28px;
  padding: 0 10px 0 4px;
  font-variant-numeric: tabular-nums;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-day-goal {
  left: var(--dash-matrix-day-goal-left,223px);
  border-right: 2px solid var(--dash-matrix-divider);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-month-goal {
  left: var(--dash-matrix-month-goal-left,287px);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-period-head {
  left: var(--dash-matrix-day-goal-left,246px);
  position: sticky;
  z-index: 3;
  font-size: 12px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-actual {
  left: var(--dash-matrix-actual-left,351px);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-share {
  left: var(--dash-matrix-share-left,415px);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-day {
  min-width: 34px;
  width: 34px;
  padding: 0 4px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-goal-progress {
  left: var(--dash-matrix-goal-progress-left,479px);
  border-left: 1px solid var(--dash-matrix-divider);
  border-right: 2px solid #8f9e95;
  min-width: 54px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-date-heading {
  height: 40px;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-weekend {
  background: #f5f6f6;
}

#sales-flow-activity-matrix-host .dash-matrix-weekday {
  display: block;
  margin-bottom: 3px;
  color: #8a9a93;
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
}

#sales-flow-activity-matrix-host .dash-matrix-summary-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 22px;
  padding: 0;
  border: 1px solid var(--dash-border);
  border-radius: 5px;
  background: var(--dash-white);
  color: var(--dash-text-muted);
  cursor: pointer;
}

#sales-flow-activity-matrix-host .dash-matrix-summary-toggle:hover {
  background: #eef4f1;
  color: var(--dash-green-dark);
  border-color: #b9cdc4;
}

#sales-flow-activity-matrix-host .dash-matrix-summary-toggle:focus-visible {
  outline: 2px solid var(--dash-green-dark);
  outline-offset: 2px;
}

#sales-flow-activity-matrix-host .dash-matrix-summary-toggle svg {
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
}

.dash-activity-card:is([data-activity-variant="1"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-matrix-summary-toggle {
  border-color: transparent;
  border-radius: 6px;
  background: transparent;
  color: #71847a;
  transition: background-color .15s,color .15s;
}

.dash-activity-card:is([data-activity-variant="1"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-matrix-summary-toggle:hover,
.dash-activity-card:is([data-activity-variant="1"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-matrix-summary-toggle[aria-expanded="true"] {
  background: #e6eee9;
  color: var(--dash-green-dark);
}

.dash-activity-card:is([data-activity-variant="1"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-matrix-summary-toggle svg {
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dash-activity-card:is([data-activity-variant="1"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-matrix-summary-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

#sales-flow-activity-summary-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: min(960px,calc(100vw - 32px));
  height: calc(100dvh - 40px);
  max-height: calc(100dvh - 40px);
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid var(--dash-border);
  border-radius: 16px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  font-family: inherit;
  overflow: auto;
  overscroll-behavior: contain;
}

#sales-flow-activity-summary-popup-content {
  display: block;
  min-width: 0;
}

#sales-flow-activity-summary-dialog .dash-widget-metrics {
  display: flex;
  gap: 3px;
  flex-wrap: wrap;
}

#sales-flow-activity-summary-dialog .dash-widget-metrics button {
  padding: 3px 5px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--dash-text-muted);
  font: inherit;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}

#sales-flow-activity-summary-dialog .dash-widget-metrics button[aria-pressed="true"] {
  background: #edf4f1;
  color: var(--dash-green-dark);
}

#sales-flow-activity-summary-dialog .dash-widget-metrics button:focus-visible {
  outline: 2px solid var(--dash-green-dark);
  outline-offset: 1px;
}

#sales-flow-activity-summary-dialog::backdrop {
  background: rgba(16,32,25,.35);
}

#sales-flow-activity-summary-dialog .dash-summary-popup-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  margin-bottom: 8px;
}

#sales-flow-activity-summary-dialog .dash-summary-popup-print {
  border: 1px solid var(--dash-border);
  border-radius: 8px;
  background: var(--dash-white);
  color: var(--dash-text-muted);
  font: inherit;
  font-size: 12px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  padding: 6px;
}

#sales-flow-activity-summary-dialog .dash-summary-popup-close {
  border: 1px solid var(--dash-border);
  border-radius: 8px;
  background: var(--dash-white);
  color: var(--dash-text-muted);
  padding: 6px 12px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}

#sales-flow-activity-summary-dialog .dash-summary-popup-print:hover {
  background: #edf4f1;
  color: var(--dash-green-dark);
}

#sales-flow-activity-summary-dialog .dash-summary-popup-print:disabled {
  opacity: .5;
  cursor: wait;
}

#sales-flow-activity-summary-dialog .dash-summary-popup-print:focus-visible,
#sales-flow-activity-summary-dialog .dash-summary-popup-close:focus-visible {
  outline: 2px solid var(--dash-green-dark);
  outline-offset: 2px;
}

.dash-summary-list-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.dash-summary-list-toggle:hover {
  text-decoration: underline;
}

.dash-summary-list-toggle:focus-visible {
  outline: 2px solid var(--dash-green-dark);
  outline-offset: 2px;
  border-radius: 3px;
}

.dash-summary-list-extra[hidden] {
  display: none !important;
}

#sales-flow-activity-summary-dialog .dash-activity-summary-layout {
  padding-top: 20px;
  gap: 24px;
}

@media (max-width:700px) {
  #sales-flow-activity-summary-dialog {
    padding: 16px;
  }

  #sales-flow-activity-summary-dialog .dash-activity-summary-layout {
    grid-template-columns: minmax(0,1fr);
  }
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-date-heading.dash-matrix-today {
  box-shadow: none;
  border-bottom-color: var(--dash-matrix-divider);
}

.dash-activity-card:is([data-activity-variant="1"][data-goal-colors="true"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-activity-matrix tbody td.is-goal-below {
  background: #f8dedd;
  color: #a0332a;
  font-weight: 700;
}

.dash-activity-card:is([data-activity-variant="1"][data-goal-colors="true"],[data-activity-variant="3"]) #sales-flow-activity-matrix-host .dash-activity-matrix tbody td.is-goal-met {
  background: #cde9d8;
  color: #155c40;
  font-weight: 700;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total > * {
  background: #f1f3f2;
  font-weight: 800;
  border-top: 1px solid var(--dash-matrix-divider);
  border-bottom: 2px solid var(--dash-matrix-divider);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total > .dash-matrix-weekend {
  background: #e9edeb;
}

#sales-flow-activity-matrix-host .dash-matrix-total-label {
  display: grid;
  grid-template-columns: 43px minmax(0,1fr);
  grid-template-rows: 28px 28px;
  align-items: center;
}

#sales-flow-activity-matrix-host .dash-matrix-total-word {
  grid-row: 1 / 3;
}

#sales-flow-activity-matrix-host .dash-matrix-total-kind {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  white-space: nowrap;
  height: 100%;
  padding-left: 8px;
  border-left: 1px solid var(--dash-matrix-grid);
}

#sales-flow-activity-matrix-host .dash-matrix-total-kind:last-child {
  border-top: 1px solid var(--dash-matrix-grid);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total-first > :not([rowspan]) {
  border-bottom: 1px solid var(--dash-matrix-grid);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total-last > * {
  border-top: 0;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-day-goal,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-month-goal,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-period-head,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-actual,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-share,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-goal-progress,
#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-day {
  background: #f2f4f3;
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total > .dash-matrix-metric,
#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total > .dash-matrix-day {
  background: #e9edeb;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead .dash-matrix-today,
#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-today,
#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-total > .dash-matrix-today {
  background: #bde5c7;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead tr:first-child > .dash-matrix-day {
  background: var(--dash-white);
  box-shadow: none;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead tr:first-child > .dash-matrix-weekend {
  background: #f2f4f3;
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead tr:first-child > th {
  border-top: 2px solid var(--dash-matrix-divider);
}

#sales-flow-activity-matrix-host .dash-activity-matrix thead tr:last-child > th,
#sales-flow-activity-matrix-host .dash-activity-matrix thead th[rowspan],
#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-block-end > * {
  border-bottom: 2px solid var(--dash-matrix-divider);
}

#sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-missing {
  color: #9aa79f;
}

#sales-flow-activity-matrix-host .dash-matrix-row-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 28px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

#sales-flow-activity-matrix-host .dash-matrix-row-toggle svg {
  flex: none;
  width: 12px;
  height: 12px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  transform: rotate(-90deg);
}

#sales-flow-activity-matrix-host .dash-matrix-row-toggle[aria-expanded="true"] svg {
  transform: rotate(0);
}

#sales-flow-activity-matrix-host .dash-matrix-row-toggle:hover {
  color: var(--dash-green-dark);
}

#sales-flow-activity-matrix-host .dash-matrix-group .dash-matrix-row-toggle {
  justify-content: center;
  gap: 0;
}

#sales-flow-activity-matrix-host .dash-matrix-row-toggle:focus-visible {
  outline: 2px solid var(--dash-green-dark);
  outline-offset: 2px;
  border-radius: 3px;
}

#sales-flow-activity-header-progress {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

#sales-flow-activity-header-companies {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-left: 18px;
  border-left: 1px solid #e4ebe7;
}

.dash-first-contact-details .dash-activity-inline-groups {
  margin-top: 6px;
}

@media (max-width: 1100px) {
  .dash-activity-month-navigation {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
  }

  .dash-activity-header-metrics {
    grid-column: 1 / -1;
    grid-row: 2;
    flex-wrap: wrap;
  }
}

.dash-activity-selectable-row {
  position: relative;
  cursor: pointer;
}

.dash-activity-frozen-label::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 24px;
  background: inherit;
}

#sales-flow-activity-detail-table::-webkit-scrollbar {
  height: 8px;
}

#sales-flow-activity-detail-table::-webkit-scrollbar-thumb {
  background: #c9d8d1;
  border-radius: 4px;
}

#sales-flow-activity-detail-table::-webkit-scrollbar-track {
  background: #f6f8f7;
}

.dash-activity-selectable-row.is-row-selected .dash-activity-frozen-label,
.dash-activity-selectable-row.is-row-selected .dash-activity-frozen-total {
  background-image: linear-gradient(rgba(22,33,28,.045),rgba(22,33,28,.045));
}

#sales-flow-activity-date-dialog {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 340px;
  height: fit-content;
  max-width: calc(100vw - 32px);
  padding: 20px;
  border: 1px solid var(--dash-border);
  border-radius: 14px;
  color: var(--dash-text-strong);
  background: var(--dash-white);
  font-family: inherit;
  box-shadow: 0 12px 36px rgba(22,33,28,.16);
  max-height: calc(100dvh - 24px);
  overflow-y: auto;
  overscroll-behavior: contain;
}

#sales-flow-activity-date-dialog::backdrop {
  background: rgba(22,33,28,.16);
}

#sales-flow-activity-date-dialog label {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  font-size: 12px;
  font-weight: 700;
}

#sales-flow-activity-date-dialog input {
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--dash-border);
  border-radius: 8px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  font: inherit;
  font-size: 12.5px;
  width: 100%;
  font-variant-numeric: tabular-nums;
  outline: none;
}

#sales-flow-activity-date-dialog button {
  min-width: 0;
  height: 36px;
  padding: 0 10px;
  border: 1px solid var(--dash-border);
  border-radius: 8px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  font: inherit;
  font-size: 12.5px;
  cursor: pointer;
  font-weight: 750;
}

.dash-period-trigger:hover,
.dash-period-trigger[aria-expanded="true"] {
  border-color: #95b3a5;
  background: #f6f8f7;
}

#sales-flow-activity-period-menu {
  position: fixed;
  inset: auto;
  margin: 0;
  width: 250px;
  max-width: calc(100vw - 24px);
  max-height: calc(100vh - 24px);
  padding: 6px;
  overflow-y: auto;
  border: 1px solid var(--dash-border);
  border-radius: 12px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  box-shadow: 0 10px 30px rgba(22,33,28,.13);
  font-family: inherit;
}

#sales-flow-activity-period-menu button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 9px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--dash-text-strong);
  font: inherit;
  font-size: 12.5px;
  font-weight: 650;
  text-align: left;
  cursor: pointer;
}

#sales-flow-activity-period-menu button:hover,
#sales-flow-activity-period-menu button:focus-visible {
  background: #f0f5f2;
  outline: none;
}

#sales-flow-activity-period-menu button[aria-pressed="true"] {
  background: #eaf2ed;
  color: var(--dash-green-dark);
  font-weight: 800;
}

#sales-flow-activity-period-months {
  max-height: 230px;
  overflow-y: auto;
  border-top: 1px solid #e4ebe7;
  margin-top: 5px;
  padding-top: 5px;
}

#sales-flow-activity-date-dialog input:focus {
  border-color: var(--dash-green-dark);
  box-shadow: 0 0 0 2px rgba(14,81,64,.08);
}

#sales-flow-activity-date-dialog .dash-date-calendar-head button {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  color: var(--dash-text-muted);
}

#sales-flow-activity-date-dialog .dash-date-day {
  width: 100%;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
}

#sales-flow-activity-date-dialog .dash-date-day.is-outside {
  color: #a8b5af;
}

#sales-flow-activity-date-dialog .dash-date-day.is-range {
  background: #edf4ef;
}

#sales-flow-activity-date-dialog .dash-date-day.is-edge {
  background: var(--dash-green-dark);
  color: var(--dash-white);
}

#sales-flow-activity-date-dialog .dash-date-day:hover {
  box-shadow: inset 0 0 0 1px #95b3a5;
}

#sales-flow-activity-date-dialog button:focus-visible {
  outline: 2px solid #95b3a5;
  outline-offset: 1px;
}

.dash-activity-selectable-row.is-row-selected::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(22,33,28,.045);
}

[data-activity-day].is-range-selected::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: rgba(47,109,140,.13);
  border-top: 2px solid var(--dash-blue);
  border-bottom: 2px solid var(--dash-blue);
}

[data-activity-day].is-range-first::after {
  border-left: 2px solid var(--dash-blue);
}

[data-activity-day].is-range-last::after {
  border-right: 2px solid var(--dash-blue);
}

#sales-flow-activity-range-tooltip {
  position: fixed;
  z-index: 10000;
  pointer-events: none;
  max-width: min(310px, calc(100vw - 24px));
  padding: 10px 14px;
  border: 1px solid var(--dash-border);
  border-radius: 10px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  box-shadow: 0 6px 24px rgba(22,33,28,.16);
  font-size: 13px;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .dash-activity-month-navigation {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  #sales-flow-activity-header-companies {
    padding-left: 0;
    border-left: 0;
  }
}

@media (min-width: 769px) and (max-width: 1440px) {
  .dash-activity-month-navigation {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    max-width: 100%;
  }

  #sales-flow-activity-period-caption {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
  }

  #sales-flow-activity-header-companies {
    padding-left: 14px;
  }

  #sales-flow-activity-detail-table {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100%;
  }

  .dash-activity-frozen-label::before {
    width: 16px;
  }

  #sales-flow-activity-matrix-host .dash-activity-controls {
    padding: 12px 16px;
  }

  #sales-flow-activity-day-summary {
    margin: 16px !important;
    padding: 18px !important;
  }

  .dash-activity-summary-layout p {
    overflow-wrap: anywhere;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  #sales-flow-activity-header-companies {
    padding-left: 0;
    border-left: 0;
  }
}

.dash-activity-card-title,
.dash-activity-card-title > div {
  min-width: 0;
}

#sales-flow-activity-header-progress > .dash-activity-metric-widget {
  display: flex;
  flex-wrap: wrap;
  column-gap: 12px;
  row-gap: 4px;
}

#sales-flow-activity-header-progress > .dash-activity-metric-widget > * {
  flex: 0 0 auto;
}

@container activity-card (max-width: 1200px) {
  .dash-activity-card-title {
    grid-column: 1;
    grid-row: 1;
  }

  .dash-activity-month-navigation {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    min-width: 0;
    max-width: 100%;
  }

  #sales-flow-activity-header-progress > .dash-activity-metric-widget-note {
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .dash-activity-inline-groups {
    min-width: 0;
  }

  #sales-flow-activity-header-companies .dash-activity-metric-widget {
    min-width: 0;
    max-width: 100%;
    white-space: normal;
  }

  #sales-flow-activity-header-companies .dash-activity-metric-widget-value {
    flex: none;
  }

  #sales-flow-activity-period-caption {
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
    text-align: left;
  }
}

@container activity-card (max-width: 820px) {
  #sales-flow-activity-header-companies {
    padding-left: 0;
    border-left: 0;
  }
}

@container activity-card (max-width: 560px) {
  .dash-activity-card-title {
    grid-column: 1;
    grid-row: 1;
  }

  .dash-activity-month-navigation {
    grid-column: 1;
    grid-row: 2;
    justify-self: start;
  }
}

.dash-period-reset:hover {
  color: var(--dash-green-dark);
  background: #edf4ef;
}

.dash-period-reset:focus-visible {
  outline: 2px solid #95b3a5;
  outline-offset: 2px;
}

.dash-period-reset:disabled {
  opacity: .45;
  cursor: wait;
}

.dash-goal-colors-track::after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--dash-white);
  transition: transform .15s;
}

.dash-goal-colors-toggle[aria-checked="true"] .dash-goal-colors-track {
  background: var(--dash-focus);
}

.dash-goal-colors-toggle[aria-checked="true"] .dash-goal-colors-track::after {
  transform: translateX(10px);
}

@media (max-width: 768px) {
  #sales-flow-activity-matrix-host .dash-activity-controls {
    padding: 12px;
    gap: 8px;
    justify-content: flex-start;
  }

  #sales-flow-activity-matrix-host .dash-activity-scope-title {
    flex: 1 1 100%;
    gap: 3px;
  }

  #sales-flow-activity-matrix-host .dash-activity-scope-title h3 {
    font-size: 13px;
  }

  #sales-flow-activity-matrix-host .dash-activity-scope-employees {
    font-size: 13px;
    flex-basis: 100%;
  }

  #sales-flow-activity-matrix-host .dash-activity-month-navigation {
    width: 100%;
    min-width: 0;
    flex-wrap: wrap;
  }

  #sales-flow-activity-matrix-host .dash-period-trigger {
    flex: 1 1 110px;
    min-width: 0;
    min-height: 44px;
  }

  #sales-flow-activity-matrix-host .dash-period-reset {
    flex-basis: 32px;
    width: 32px;
    height: 44px;
  }

  #sales-flow-activity-matrix-host .dash-goal-colors-toggle {
    min-height: 44px;
  }

  #sales-flow-activity-matrix-host .dash-activity-scroll {
    max-width: 100%;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }


  #sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-label {
    width: 220px;
    max-width: 220px;
    white-space: normal;
    overflow-wrap: break-word;
  }

  #sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-day {
    min-width: 44px;
    width: 44px;
  }

  #sales-flow-activity-matrix-host .dash-matrix-summary-toggle {
    width: 36px;
    height: 44px;
  }

  #sales-flow-activity-matrix-host .dash-matrix-row-toggle {
    min-height: 44px;
  }
}

@media (max-width:600px) {
  .dash-activity-month-navigation .dash-period-trigger span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

#sales-flow-activity-matrix-host .dash-matrix-actual {
  min-width: 114px;
}

.dash-activity-info-corner::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 8px solid #178761;
  border-left: 8px solid transparent;
}

.dash-activity-info-corner:hover::after {
  border-top-color: #0e6348;
}

.dash-activity-head {
  justify-content: space-between;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  gap: 8px;
  padding: 16px 26px 12px;
  border-bottom: 0;
}

.dash-activity-month {
  background: var(--dash-white);
  font: inherit;
  height: 36px;
  min-width: 0;
  max-width: 190px;
  padding: 0 32px 0 14px;
  border: 1px solid var(--dash-border);
  border-radius: 10px;
  color: var(--dash-text-strong);
  font-size: 12.5px;
  font-weight: 750;
  cursor: pointer;
}

.dash-activity-table {
  width: max-content;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12.5px;
}

@media (max-width: 768px) {
  .dash-activity-head {
    padding: 14px 16px 10px;
  }
}

.dash-activity-scroll {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  scrollbar-color: #acb7b0 #edf1ee;
  scrollbar-width: thin;
  border-top: 1px solid #edf1ef;
}

.dash-activity-variant-switch {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0 2px 12px;
  color: var(--dash-text-muted);
  font-size: 12px;
  font-weight: 700;
}

.dash-activity-variant-switch[hidden] {
  display: none;
}

.dash-activity-variant-switch button {
  border: 1px solid var(--dash-border);
  border-radius: 8px;
  padding: 7px 12px;
  background: var(--dash-white);
  color: var(--dash-text-muted);
  font: inherit;
  cursor: pointer;
}

.dash-activity-variant-switch button[aria-pressed="true"] {
  background: #eef4f1;
  border-color: #b9cdc4;
  color: var(--dash-green-dark);
}

.dash-activity-scope-title {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 4px 20px;
  flex: 1 1 420px;
  min-width: 0;
  margin: 0;
  color: var(--dash-text-strong);
  line-height: 1.4;
  overflow-wrap: anywhere;
}

.dash-activity-scope-employees {
  margin: 0;
  font-family: inherit;
  font-size: 15px;
  font-weight: 700;
  line-height: inherit;
  letter-spacing: normal;
  color: var(--dash-text-strong);
}

.dash-summary-list-toggle {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  gap: 2px;
  border: 0;
  background: transparent;
  color: #42695b;
  padding: 6px 0;
  min-height: 40px;
  font: inherit;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}

.dash-activity-summary-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  align-items: start;
  gap: 36px;
}

.dash-activity-card-header {
  padding: 12px 26px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #edf1ef;
}

.dash-activity-header-metrics {
  display: flex;
  align-items: flex-end;
  gap: 18px;
  min-width: 0;
}

.dash-activity-inline-groups {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px 14px;
}

.dash-activity-metric-widget {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  white-space: nowrap;
}

.dash-activity-metric-widget-label {
  color: var(--dash-blue);
  font-size: 12px;
  font-weight: 700;
  line-height: 18px;
}

.dash-activity-metric-widget-value {
  color: var(--dash-text-strong);
  font-size: 18px;
  font-weight: 800;
  line-height: 22px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.dash-activity-metric-widget-target {
  color: var(--dash-text-muted);
  font-size: 12px;
  font-weight: 750;
}

.dash-activity-metric-widget-note {
  color: var(--dash-text-muted);
  font-size: 11px;
  font-weight: 600;
  line-height: 15px;
}

@media (max-width: 1100px) {
  .dash-activity-card-header {
    grid-template-columns: minmax(0, 1fr) auto;
  }
}

.dash-activity-frozen-label {
  position: sticky;
  left: 0;
  z-index: 2;
  background: var(--dash-white);
}

.dash-activity-frozen-total {
  position: sticky;
  left: 210px;
  z-index: 2;
  background: var(--dash-white);
}

.dash-period-trigger {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  height: 36px;
  max-width: 100%;
  padding: 0 12px;
  border: 1px solid var(--dash-border);
  border-radius: 10px;
  background: var(--dash-white);
  color: var(--dash-text-strong);
  font-family: inherit;
  font-size: 12.5px;
  font-weight: 750;
  cursor: pointer;
}

.dash-date-calendar {
  margin-top: 16px;
  border-top: 1px solid #e4ebe7;
  padding-top: 12px;
}

.dash-date-calendar-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 800;
}

.dash-date-grid {
  display: grid;
  grid-template-columns: repeat(7,minmax(0,1fr));
  gap: 3px;
}

.dash-date-weekday {
  padding: 4px 0;
  text-align: center;
  font-size: 10px;
  font-weight: 750;
  color: #8b9a92;
}

[data-activity-day] {
  position: relative;
  -webkit-user-select: none;
}

@media (max-width: 768px) {
  .dash-activity-card-header {
    padding: 14px 16px;
    gap: 12px;
  }

  .dash-activity-header-metrics {
    grid-row: 3;
    gap: 10px;
  }

  .dash-activity-summary-layout {
    grid-template-columns: minmax(0, 1fr) minmax(0, .65fr);
    gap: 12px;
  }
}

@media (min-width: 769px) and (max-width: 1440px) {
  .dash-activity-card-header > *,
  .dash-activity-summary-layout > * {
    min-width: 0;
  }

  .dash-activity-card-header {
    padding: 12px 16px;
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    gap: 12px 16px;
  }

  .dash-period-trigger {
    height: auto;
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
  }

  .dash-activity-header-metrics {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 14px;
  }

  .dash-activity-inline-groups {
    gap: 6px 12px;
  }

  .dash-activity-summary-layout {
    grid-template-columns: minmax(0, 1fr) 250px;
    gap: 20px;
  }
}

@media (min-width: 769px) and (max-width: 1100px) {
  .dash-activity-header-metrics {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
  }

  .dash-activity-summary-layout {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 16px;
  }
}

.dash-activity-header-metrics > * {
  min-width: 0;
}

@container activity-card (max-width: 1200px) {
  .dash-activity-card-header {
    grid-template-columns: minmax(0, 1fr) minmax(0, auto);
    gap: 14px 20px;
  }

  .dash-activity-header-metrics {
    grid-column: 1 / -1;
    grid-row: 2;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
    align-items: start;
    gap: 16px;
  }

  .dash-period-trigger {
    height: auto;
    min-height: 36px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}

@container activity-card (max-width: 820px) {
  .dash-activity-header-metrics {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }
}

@container activity-card (max-width: 560px) {
  .dash-activity-card-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .dash-activity-header-metrics {
    grid-column: 1;
    grid-row: 3;
  }
}

.dash-period-reset {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  padding: 5px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #78877f;
  cursor: pointer;
}

.dash-goal-colors-toggle[hidden] {
  display: none;
}

@media (max-width:600px) {
  .dash-activity-month-navigation {
    width: 100%;
    min-width: 0;
  }

  .dash-activity-month-navigation .dash-period-trigger {
    flex: 1;
    min-width: 0;
  }
}

.dash-activity-hint[hidden] {
  display: none;
}

.dash-activity-card > .dash-activity-scope-title {
  padding: 16px 24px 0;
}

.dash-summary-list-toggle svg {
  display: block;
  width: 16px;
  height: 16px;
  flex: none;
  transition: transform .15s ease;
}

@media (prefers-reduced-motion:reduce) {
  .dash-summary-list-toggle svg {
    transition: none;
  }
}

.dash-period-trigger svg {
  width: 14px;
  height: 14px;
  flex: none;
  stroke: var(--dash-text-muted);
  fill: none;
  stroke-width: 1.8;
}

.dash-period-reset svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.dash-activity-date-select {
  display: block;
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  font-weight: inherit;
  line-height: inherit;
  cursor: pointer;
}

.dash-activity-date-select:focus-visible {
  outline: 2px solid var(--dash-focus);
  outline-offset: 2px;
  border-radius: 2px;
}

.dash-goal-colors-toggle {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  flex: none;
  padding: 5px 3px;
  border: 0;
  background: transparent;
  color: var(--dash-text-muted);
  font: inherit;
  font-size: 11px;
  white-space: nowrap;
  cursor: pointer;
}

.dash-goal-colors-toggle:focus-visible {
  outline: 2px solid var(--dash-focus);
  outline-offset: 2px;
  border-radius: 4px;
}

.dash-goal-colors-track {
  width: 24px;
  height: 14px;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 7px;
  background: #cbd5cf;
}

.dash-activity-split-value {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  white-space: nowrap;
}

.dash-activity-split-divider {
  color: #7a8981;
  font-weight: 500;
}

.dash-activity-info-corner {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 16px;
  height: 16px;
  cursor: help;
}

.dash-activity-hint {
  position: fixed;
  z-index: 100000;
  box-sizing: border-box;
  width: max-content;
  max-width: min(280px, calc(100vw - 24px));
  padding: 8px 10px;
  border: 1px solid #cbded3;
  border-radius: 7px;
  background: #f5fbf7;
  color: #244b38;
  box-shadow: 0 4px 14px #18362624;
  font: 12px/1.45 "ActivityManrope",sans-serif;
  white-space: normal;
  text-align: left;
  pointer-events: none;
}

.dash-activity-info-corner:focus-visible {
  outline: 2px solid #178761;
  outline-offset: 2px;
}

    /* Calendar semantics come from the API; selection and today borders remain visible. */
    #sales-flow-activity-matrix-host .dash-activity-matrix .is-kz-holiday,
    .dash-activity-day-heading.is-kz-holiday, .dash-activity-day-cell.is-kz-holiday,
    #sales-flow-activity-detail-table .is-kz-holiday {
      background:#f3effa !important; color:#514663 !important;
    }
    #sales-flow-activity-matrix-host .is-kz-holiday.dash-matrix-today .dash-matrix-weekday { text-decoration:underline; text-underline-offset:2px; }
    .dash-holiday-marker { display:inline-block; margin-left:2px; color:#8a6bab; font-size:8px; vertical-align:super; }
    .dash-calendar-notice { margin:8px 0; padding:6px 10px; color:#665878; background:#f7f4fb; font-size:12px; line-height:1.5; text-align:left; white-space:normal; position:sticky; left:0; max-width:min(900px,calc(100vw - 64px)); box-sizing:border-box; }
    .dash-calendar-axis { border:0; font:inherit; }
    .dash-calendar-axis.is-kz-holiday span { color:#514663 !important; }
    .dash-calendar-axis[aria-pressed="true"].is-kz-holiday { box-shadow:inset 0 0 0 2px #0e5140; }
    .dash-calendar-axis:focus-visible, .dash-activity-date-select:focus-visible { outline:2px solid #6d4e8c; outline-offset:-2px; }

}
/* The activity matrix stylesheet owns the table structure and appearance. */
#company-sales-flow {
 --dash-white:#fff; --dash-text-strong:#16211c; --dash-text-muted:#65756e;
 --dash-matrix-grid:#dfe6e2; --dash-matrix-divider:#cbd5cf; --dash-border:#dfe6e2;
 --dash-green-dark:#0e5140; --dash-focus:#178761;
 margin:0; background:#fff; border:1px solid #e4ebe7; border-radius:20px; overflow:hidden;
}
#company-sales-flow .dash-activity-card-header { grid-template-columns:minmax(0,1fr); }
#company-sales-flow .dash-activity-month-navigation { justify-content:flex-end; flex-wrap:wrap; grid-column:1; grid-row:1; min-width:0; }
#company-sales-flow [popover], #company-sales-flow dialog { --dash-white:#fff; --dash-text-strong:#16211c; --dash-text-muted:#65756e; --dash-border:#dfe6e2; --dash-green-dark:#0e5140; }
#company-sales-flow [hidden] { display:none !important; }
/* The annual block is the only extra set of table columns. */
#company-sales-flow .sales-flow-year-goal { left:var(--dash-matrix-year-goal-left,246px); }
#company-sales-flow .sales-flow-year-actual { left:var(--dash-matrix-year-actual-left,294px); }
#company-sales-flow .sales-flow-year-progress { left:var(--dash-matrix-year-progress-left,342px); border-right:2px solid var(--dash-matrix-divider) !important; }
#company-sales-flow #sales-flow-activity-matrix-host .sales-flow-year-head { left:var(--dash-matrix-year-goal-left,246px); }
#company-sales-flow #sales-flow-activity-matrix-host thead .sales-flow-year-goal,
#company-sales-flow #sales-flow-activity-matrix-host thead .sales-flow-year-actual,
#company-sales-flow #sales-flow-activity-matrix-host thead .sales-flow-year-progress { background:#f2f4f3; }



.overview-metrics-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 12px; }
.overview-metrics-tabs button { padding:9px 14px; border:1px solid #dbe4df; border-radius:10px; background:#fff; color:#65756e; font:700 12px Manrope,sans-serif; cursor:pointer; }
.overview-metrics-tabs button[aria-selected="true"] { background:#0e5140; border-color:#0e5140; color:#fff; }
.overview-metrics-tabs button:focus-visible { outline:2px solid #178761; outline-offset:2px; }
#overview-activity-panel[hidden], #company-sales-flow[hidden] { display:none !important; }

/* The same live scope heading follows the selected table. */
#company-sales-flow .dash-activity-card-header { grid-template-columns:minmax(0,1fr) auto; }
#sales-flow-scope-host { min-width:0; }
#company-sales-flow .dash-activity-month-navigation { grid-column:2; grid-row:1; }
@media(max-width:768px) {
 #company-sales-flow .dash-activity-card-header { grid-template-columns:minmax(0,1fr); gap:8px; padding:12px; }
 #company-sales-flow .dash-activity-month-navigation { grid-column:1; grid-row:2; width:100%; justify-content:flex-start; }
 #sales-flow-scope-host .dash-activity-scope-title { gap:3px; }
 #sales-flow-scope-host h3, #sales-flow-scope-host .dash-activity-scope-employees { font-size:13px; }
 #sales-flow-scope-host .dash-activity-scope-employees { flex-basis:100%; }
}

/* Sales has a single monthly goal column. */
#company-sales-flow #sales-flow-activity-matrix-host .dash-matrix-period-head:not(.sales-flow-year-head) { left:var(--dash-matrix-month-goal-left,390px); }

#company-sales-flow #sales-flow-activity-matrix-host .sales-flow-goal-with-limit { min-width:78px; }

#company-sales-flow .sales-flow-year-motivation {
  left: var(--dash-matrix-year-motivation-left);
  min-width: 86px;
}
#company-sales-flow #sales-flow-head .sales-flow-year-motivation { background: #f2f4f3; }
#company-sales-flow[aria-labelledby="overview-motivation-tab"] .dash-matrix-goal-progress { min-width: 86px; }

#company-sales-flow.sales-flow-preview {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}
#company-sales-flow.sales-flow-preview > .dash-activity-card-header {
  grid-area: 1 / 1;
}
#company-sales-flow.sales-flow-preview > #sales-flow-content,
#company-sales-flow .sales-flow-preview-bar {
  grid-area: 2 / 1;
}
#company-sales-flow .sales-flow-preview-bar {
  place-self: center;
  z-index: 1;
}
#sales-flow-reveal {
  border: 1px solid #0e5140;
  border-radius: 8px;
  background: #0e5140;
  color: #fff;
  padding: 7px 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
#sales-flow-reveal:hover { background: #17664f; }
#sales-flow-reveal:focus-visible { outline: 2px solid #178761; outline-offset: 2px; }
#company-sales-flow.sales-flow-preview > [inert] {
  opacity: .5;
  filter: grayscale(.85);
}

/* Popup-only presentation; table geometry and calculations are unchanged. */
#company-sales-flow .sales-flow-day-actions{display:grid;grid-template-columns:minmax(0,1fr);place-items:center}
#company-sales-flow .sales-flow-day-actions.is-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#company-sales-flow #sales-flow-activity-summary-dialog{width:min(760px,calc(100vw - 32px));height:fit-content;max-height:calc(100dvh - 40px);padding:24px;background:var(--dash-white,#fff);color:var(--dash-text-strong,#16211c);border-color:var(--dash-border,#e4ebe7)}
#company-sales-flow #sales-flow-activity-summary-dialog .dash-summary-popup-toolbar{position:absolute;right:24px;top:24px;margin:0}
#company-sales-flow .sales-flow-summary-heading{padding:0 88px 18px 0;border-bottom:1px solid #e4ebe7}
#company-sales-flow .sales-flow-summary-heading h2{margin:0 0 8px;font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.15}
#company-sales-flow .sales-flow-summary-date{display:flex;flex-wrap:wrap;gap:5px 10px;margin:0;color:#65756e;font-size:13px;line-height:1.6}
#company-sales-flow .sales-flow-summary-date strong{color:#16211c;font-weight:700}
#company-sales-flow .sales-flow-event-list{display:block;padding-top:22px}
#company-sales-flow .sales-flow-event-group+.sales-flow-event-group{margin-top:22px}
#company-sales-flow .sales-flow-group-title{color:#0b6b52;font-size:15px;font-weight:800;margin:0 0 8px;line-height:1.5}
#company-sales-flow .sales-flow-event-group.is-loss>.sales-flow-group-title{color:#a0332a}
#company-sales-flow .sales-flow-event-card{min-width:0;padding:15px 0;border-top:1px solid #e4ebe7}
#company-sales-flow .sales-flow-event-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
#company-sales-flow .sales-flow-event-head h3{margin:0;font-size:14px;font-weight:800;line-height:1.6;overflow-wrap:anywhere}
#company-sales-flow .sales-flow-company-link{color:#12674f;font-weight:800;text-decoration:none;text-underline-offset:3px}
#company-sales-flow .sales-flow-company-link:hover{color:#0e5140;text-decoration:underline}
#company-sales-flow .sales-flow-company-link:focus-visible{outline:2px solid #0e5140;outline-offset:3px;border-radius:3px}
#company-sales-flow .sales-flow-event-transition{flex-shrink:0;color:#65756e;font-size:12px;font-weight:700;line-height:1.6;white-space:nowrap}
#company-sales-flow .sales-flow-event-description{margin:4px 0 8px;font-size:13px;line-height:1.6}
#company-sales-flow .sales-flow-commercial-document+.sales-flow-commercial-document{margin-top:14px}
#company-sales-flow .sales-flow-commercial-date{color:#65756e;font-size:12px;margin:8px 0 4px;line-height:1.6}
#company-sales-flow .sales-flow-commercial-date span{color:#32483d;font-weight:600}
#company-sales-flow .sales-flow-product-list{padding:0;margin:0;list-style:none}
#company-sales-flow .sales-flow-product-list li{display:flex;justify-content:space-between;gap:12px;padding:4px 0;line-height:1.6}
#company-sales-flow .sales-flow-product-list strong{font-size:13px;font-weight:700;overflow-wrap:anywhere}
#company-sales-flow .sales-flow-product-list p{margin:2px 0 0;color:#65756e;font-size:12px;overflow-wrap:anywhere}
#company-sales-flow .sales-flow-product-qty{flex-shrink:0;font-size:12px;color:#65756e;white-space:nowrap}
#company-sales-flow .sales-flow-commercial-meta{display:flex;justify-content:space-between;gap:6px 14px;flex-wrap:wrap;color:#65756e;font-size:11.5px;line-height:1.7;margin-top:6px}
#company-sales-flow .sales-flow-commercial-meta strong{color:#16211c;font-weight:700}
#company-sales-flow .sales-flow-amount-label{font-weight:400;color:#65756e;margin-right:5px}
#company-sales-flow .sales-flow-commercial-empty{margin:8px 0 0;color:#65756e;font-size:12px;line-height:1.6}
#company-sales-flow .sales-flow-event-details,#company-sales-flow .sales-flow-product-more{margin-top:9px;color:#65756e;font-size:12px}
#company-sales-flow .sales-flow-event-details summary,#company-sales-flow .sales-flow-product-more summary{display:flex;gap:6px;align-items:center;list-style:none;cursor:pointer;line-height:1.7}
#company-sales-flow .sales-flow-event-details summary::-webkit-details-marker,#company-sales-flow .sales-flow-product-more summary::-webkit-details-marker{display:none}
#company-sales-flow .sales-flow-event-details summary::before,#company-sales-flow .sales-flow-product-more summary::before{content:'›';display:inline-block;font-size:15px}
#company-sales-flow details[open]>summary::before{transform:rotate(90deg)}
#company-sales-flow summary:focus-visible{outline:2px solid #0e5140;outline-offset:3px;border-radius:3px}
#company-sales-flow .sales-flow-event-meta{display:grid;gap:7px;margin:10px 0 0}
#company-sales-flow .sales-flow-event-meta>div{display:flex;gap:6px 10px;flex-wrap:wrap;line-height:1.6}
#company-sales-flow .sales-flow-event-meta dt{color:#65756e}
#company-sales-flow .sales-flow-event-meta dd{margin:0;color:#32483d;overflow-wrap:anywhere}
#company-sales-flow .sales-flow-commercial-caption,#company-sales-flow .sales-flow-event-note{margin:8px 0 0;color:#65756e;font-size:11px;line-height:1.6}
#company-sales-flow .sales-flow-summary-footnote{padding-top:15px;border-top:1px solid #e4ebe7;margin:10px 0 0;color:#65756e;font-size:11px;line-height:1.6}
#company-sales-flow .sales-flow-summary-message{color:#65756e;font-size:14px;line-height:1.6}
#company-sales-flow .sales-flow-summary-pages{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;font-size:12px;color:#65756e}
#company-sales-flow .sales-flow-summary-pages button{padding:7px 12px;margin-left:6px;border:1px solid #d6e1db;border-radius:8px;background:#fff;color:#16211c;font:inherit;cursor:pointer}
#company-sales-flow .sales-flow-summary-pages button:disabled{opacity:.45;cursor:default}
#company-sales-flow .sales-flow-summary-pages button:focus-visible{outline:2px solid #0e5140;outline-offset:2px}
@media(max-width:600px){
 #company-sales-flow #sales-flow-activity-summary-dialog{padding:18px;width:calc(100vw - 24px)}
 #company-sales-flow #sales-flow-activity-summary-dialog .dash-summary-popup-toolbar{top:18px;right:18px}
 #company-sales-flow .sales-flow-summary-heading h2{font-size:21px}
 #company-sales-flow .sales-flow-product-list li{flex-wrap:wrap;gap:4px 10px}
 #company-sales-flow .sales-flow-summary-pages{flex-wrap:wrap}
}
@media(pointer:coarse){#company-sales-flow .sales-flow-event-details summary,#company-sales-flow .sales-flow-product-more summary{min-height:44px}}

/* One company card; chronological movement steps retain their own evidence. */
#company-sales-flow .sales-flow-event-step + .sales-flow-event-step { margin-top:20px; padding-top:20px; border-top:1px solid var(--dash-border,#e4ebe7); }
#company-sales-flow .sales-flow-event-step-head { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-top:12px; }
#company-sales-flow .sales-flow-event-step-date { font-size:12px; color:var(--dash-text-muted,#65756e); }

/* Table 3: explicit root scope; preserve activity colors and frozen cells. */
#company-sales-flow[aria-labelledby="overview-motivation-tab"][data-goal-colors="true"] #sales-flow-body td.is-goal-below {
 background:#f8dedd; color:#a0332a; font-weight:700;
}
#company-sales-flow[aria-labelledby="overview-motivation-tab"][data-goal-colors="true"] #sales-flow-body td.is-goal-met {
 background:#cde9d8; color:#155c40; font-weight:700;
}

/* Table 3 frozen block: gray base, explicit goal colors take precedence. */
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-body > tr > :nth-child(-n+10),
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-head .dash-matrix-indicators,
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-head .dash-matrix-period-head,
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-head .dash-matrix-metric {
 background:#eef0ef;
}
#company-sales-flow[aria-labelledby="overview-motivation-tab"][data-goal-colors="true"] #sales-flow-body > tr > td.is-goal-below {
 background:#f8dedd;
}
#company-sales-flow[aria-labelledby="overview-motivation-tab"][data-goal-colors="true"] #sales-flow-body > tr > td.is-goal-met {
 background:#cde9d8;
}

#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-head .dash-matrix-indicators { background:#fff; }

#company-sales-flow[aria-labelledby="overview-motivation-tab"] .sales-flow-month-motivation {
 left:var(--dash-matrix-month-motivation-left); min-width:64px;
}
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-head .sales-flow-month-motivation { background:#eef0ef; }
#company-sales-flow[aria-labelledby="overview-motivation-tab"] .sales-flow-year-progress { border-right:1px solid var(--dash-matrix-grid) !important; }
#company-sales-flow[aria-labelledby="overview-motivation-tab"] .sales-flow-year-motivation { border-right:2px solid var(--dash-matrix-divider); min-width:64px; }

@media(max-width:768px){
 #company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-metric,
 #company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-activity-matrix-host .dash-activity-matrix .dash-matrix-period-head {position:static;}
}

/* Table 3 follows the Production department/employee picker. */
#sales-flow-activity-period-menu.sales-flow-period-tree {
  width:min(400px,calc(100vw - 24px));
  max-height:min(540px,var(--period-max-height,540px));
  padding:8px;
  overflow:hidden;
  border-color:#dce5df;
  border-radius:14px;
  box-shadow:0 12px 32px rgba(24,48,37,.14);
}
#sales-flow-activity-period-menu.sales-flow-period-tree:popover-open { display:flex; flex-direction:column; gap:8px; }
#sales-flow-activity-period-menu.sales-flow-period-tree button {
  justify-content:flex-start;
  flex:none;
  gap:9px;
  min-height:40px;
  padding:8px;
  border-radius:8px;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
  color:inherit;
}
#sales-flow-activity-period-menu.sales-flow-period-tree button:hover { background:#f1f6f3; }
#sales-flow-activity-period-menu.sales-flow-period-tree button:focus-visible { outline:2px solid #278b70; outline-offset:-2px; }
#sales-flow-activity-period-menu.sales-flow-period-tree button[aria-pressed="true"] { background:transparent; }
.sales-flow-period-tree #sales-flow-activity-period-months {
  min-height:0;
  max-height:none;
  margin:0;
  padding:0;
  border:0;
  overflow-y:auto;
  overscroll-behavior:contain;
}
#sales-flow-activity-period-menu.sales-flow-period-tree .sales-flow-year-toggle { font-weight:700; }
.sales-flow-year-toggle svg { flex:none; width:14px; height:14px; margin:0 9px; fill:none; stroke:#243b30; stroke-width:1.7; }
.sales-flow-year-toggle[aria-expanded="true"] svg { transform:rotate(90deg); }
.sales-flow-year-months { margin-left:16px; padding-left:6px; border-left:1px solid #e5ebe7; }
.sales-flow-year-months[hidden] { display:none; }
.sales-flow-period-check { display:grid; place-items:center; flex:0 0 17px; width:17px; height:17px; border:1.5px solid #bdcbc2; border-radius:5px; background:var(--dash-white); }
.sales-flow-period-check svg { visibility:hidden; width:13px; height:13px; fill:none; stroke:#fff; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
[aria-pressed="true"] > .sales-flow-period-check { border-color:var(--dash-focus,#278b70); background:var(--dash-focus,#278b70); }
[aria-pressed="true"] > .sales-flow-period-check svg { visibility:visible; }
.sales-flow-period-label { flex:1; }
.sales-flow-current-month { flex:none; margin-left:auto; padding:2px 6px; border-radius:5px; background:#edf5f0; color:#176349; font-size:11px; font-weight:650; }
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-activity-month-filter { border-radius:16px; border-color:rgba(15,118,110,.12); background:linear-gradient(135deg,rgba(15,118,110,.09),var(--dash-panel-surface)),rgba(255,255,255,.96); box-shadow:inset 0 1px 0 rgba(255,255,255,.74),0 10px 22px rgba(18,33,43,.06); font-size:13px; font-weight:700; }
#company-sales-flow[aria-labelledby="overview-motivation-tab"] #sales-flow-activity-month-filter[aria-expanded="true"] { border-color:#278b70; box-shadow:0 0 0 3px rgba(39,139,112,.1); }