/* Additive interaction polish for existing Sales and Profile surfaces. */

.mayak-sales-shell {
  overflow-x: hidden;
  overflow-y: auto;
}

.sales-board {
  display: flex;
  min-width: 0;
  max-width: 100%;
  align-items: stretch;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-padding-inline: 1px;
  scrollbar-gutter: stable;
}

.sales-stage {
  min-width: 250px;
  flex: 0 0 clamp(250px, calc((100% - 20px) / 3), 360px);
}

.sales-button:focus-visible,
.sales-dialog > header > button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--redesign-accent, #1967d2) 28%, transparent);
  outline-offset: 2px;
}

@media (min-width: 981px) {
  .sales-dialog {
    display: grid;
    width: min(1120px, 100%);
    height: min(760px, calc(100vh - 104px));
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
  }

  .sales-dialog-layout {
    min-height: 0;
    overflow: hidden;
  }

  .sales-form,
  .sales-activity-panel {
    min-height: 0;
    height: 100%;
    overflow-y: auto;
    scrollbar-gutter: stable;
  }

  .sales-form-actions {
    position: sticky;
    z-index: 3;
    bottom: -20px;
    margin: 2px -20px -20px;
    padding: 13px 20px;
    border-top: 1px solid var(--redesign-line, #d8dee7);
    background: color-mix(in srgb, var(--redesign-surface, #fff) 96%, transparent);
    box-shadow: 0 -9px 22px rgba(12, 19, 31, .06);
    backdrop-filter: blur(10px);
  }

  .sales-dialog:has(.sales-form[data-deal-id=""]) .sales-dialog-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .sales-dialog:has(.sales-form[data-deal-id=""]) .sales-activity-panel {
    display: none;
  }
}

@media (min-width: 1200px) {
  .sales-dialog:has(.sales-form[data-deal-id=""]) .sales-form {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .sales-board {
    scroll-snap-type: inline proximity;
  }

  .sales-stage {
    flex-basis: min(82vw, 310px);
    scroll-snap-align: start;
  }
}