.delete-lead-modal .d-toast[data-v-fdbf7072] {
  max-width: 100% !important;
}

.delete-lead-list-modal .d-toast[data-v-19d5c9cd] {
  max-width: 100% !important;
}

.ai-gradient[data-v-2648513b] {
  background: linear-gradient(
    135deg,
    rgba(71, 21, 113, 0.1) 0%,
    rgba(85, 27, 132, 0.1) 3.08%,
    rgba(124, 34, 158, 0.1) 14.48%,
    rgba(144, 36, 164, 0.1) 23.67%,
    rgba(176, 34, 144, 0.1) 35.5%,
    rgba(211, 43, 134, 0.1) 48.3%,
    rgba(233, 47, 111, 0.1) 60.29%,
    rgba(246, 72, 79, 0.1) 70.08%,
    rgba(251, 115, 40, 0.1) 90.02%,
    rgba(243, 150, 15, 0.1) 97.29%,
    rgba(243, 150, 15, 0.1) 100%
  );
}

.csv-upload .d-item-layout__left {
  min-width: var(--dt-layout-100) !important;
  width: var(--dt-layout-100) !important;
  height: var(--dt-layout-100) !important;
  padding-right: var(--dt-spacing-0) !important;
  justify-content: center !important;
  align-self: center !important;
}

.d-popover__footer[\:has\(\%0A\%20\%20\%20\%20.csv-dialpad-property-select__search-dropdown__footer-item\%0A\%20\%20\)] {
  min-height: 0;
  min-height: initial;
  padding: var(--dt-spacing-50);
  font-weight: var(--dt-font-weight-normal);
  justify-content: flex-start;
  font-size: inherit;
  border-top: 1px solid var(--dt-color-border-subtle);
}
.d-popover__footer[\:has\(\%0A\%20\%20\%20\%20.csv-dialpad-property-select__search-dropdown__footer-item\%0A\%20\%20\)] {
  min-height: 0;
  min-height: initial;
  padding: var(--dt-spacing-50);
  font-weight: var(--dt-font-weight-normal);
  justify-content: flex-start;
  font-size: inherit;
  border-top: 1px solid var(--dt-color-border-subtle);
}
.d-popover__footer[\:has\(\%0A\%20\%20\%20\%20.csv-dialpad-property-select__search-dropdown__footer-item\%0A\%20\%20\)] {
  min-height: 0;
  min-height: initial;
  padding: var(--dt-spacing-50);
  font-weight: var(--dt-font-weight-normal);
  justify-content: flex-start;
  font-size: inherit;
  border-top: 1px solid var(--dt-color-border-subtle);
}
.d-popover__footer:has(
    .csv-dialpad-property-select__search-dropdown__footer-item
  ) {
  min-height: 0;
  min-height: initial;
  padding: var(--dt-spacing-50);
  font-weight: var(--dt-font-weight-normal);
  justify-content: flex-start;
  font-size: inherit;
  border-top: 1px solid var(--dt-color-border-subtle);
}

.csv-field-mapper__empty-circle {
  width: var(--dt-layout-20px) !important;
  height: var(--dt-layout-20px) !important;
}

.csv-import-map-step .d-toast {
  max-width: 100% !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--dt-color-border-default) !important;
  background-clip: padding-box !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* Deliberately the token and not Figma's #ffe5e6: that frame predates dialtone 10's
   rescaled red ramp, and a literal would lose the dark-mode and colour-blind bindings.
   Both classes, because the `no-layers` build App.vue loads sets this variable from
   `.d-modal__banner--critical` at the same specificity — one class ties and lets bundle
   order decide. Setting the variable rather than `background-color` also keeps the
   ::before strip over the banner/dialog joint in sync. */
.d-modal__banner.csv-import__banner {
  --modal-banner-color-background: var(--dt-color-surface-critical-subtle);
}

.dnc-csv-upload .d-item-layout__left {
  min-width: var(--dt-layout-100) !important;
  width: var(--dt-layout-100) !important;
  height: var(--dt-layout-100) !important;
  padding-right: var(--dt-spacing-0) !important;
  justify-content: center !important;
  align-self: center !important;
}
.dnc-csv-upload__loading {
  animation: d-loading-circle 900ms infinite linear;
}

.dnc-field-mapper__empty-circle {
  width: var(--dt-layout-20px) !important;
  height: var(--dt-layout-20px) !important;
}

.dnc-import-map-step .d-toast {
  max-width: 100% !important;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  box-shadow: none !important;
  border-bottom: 1px solid var(--dt-color-border-default) !important;
  background-clip: padding-box !important;
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.subtle-background[data-v-73befb1d] {
  background-color: var(--dt-color-surface-brand-subtle);
}
.list-row[data-v-73befb1d]:hover {
  background-color: var(--dt-action-color-background-muted-hover) !important;
}
.call-times-setting-modal {
  overflow: visible !important;
}
.call-times-setting-modal
  .d-checkbox-group.d-checkbox-group--disabled
  .d-checkbox__label,
.call-times-setting-modal .d-checkbox__label {
  font: var(--dt-typography-label-md-compact) !important;
  font-weight: var(--dt-font-weight-normal) !important;

  text-transform: capitalize !important;
}
.call-times-setting-modal
  .d-checkbox-group.d-checkbox-group--disabled
  .d-checkbox__label,
.call-times-setting-modal .d-checkbox__label {
  --fco: var(--dt-color-foreground-disabled-a);
}
.call-times-setting-modal
  .d-checkbox__input[\:has\(input.d-checkbox\:checked\)]
  + .d-checkbox__label {
  font-weight: var(--dt-font-weight-normal) !important;
}
.call-times-setting-modal
  .d-checkbox__input:has(input.d-checkbox:checked)
  + .d-checkbox__label {
  font-weight: var(--dt-font-weight-normal) !important;
}
.call-times-setting-modal .d-btn--md[disabled],
.call-times-setting-modal .d-btn[disabled] {
  background-color: transparent !important;
}

/* `fullscreen` covers the viewport, for gates that do not themselves wrap
   everything on the page. `inline` fills the box its parent gives it, leaving
   the surrounding chrome visible and usable. */
.full-page-spinner--fullscreen[data-v-6a75801a] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.full-page-spinner--inline[data-v-6a75801a] {
  width: 100%;
  height: 100%;
}