html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  font-family:
    Inter,
    "Segoe UI",
    sans-serif;
}

audio {
  display: block;
}

.call-detail-drawer {
  pointer-events: none;
  visibility: hidden;
}

.call-detail-overlay,
.call-detail-panel {
  transition:
    opacity 180ms ease,
    transform 220ms ease;
}

.call-detail-overlay {
  opacity: 0;
}

.call-detail-panel {
  opacity: 0;
  transform: translateX(2rem);
}

.call-detail-drawer.is-open {
  pointer-events: auto;
  visibility: visible;
}

.call-detail-drawer.is-open .call-detail-overlay {
  opacity: 1;
}

.call-detail-drawer.is-open .call-detail-panel {
  opacity: 1;
  transform: translateX(0);
}

.call-detail-loading-wrapper {
  min-height: calc(100vh - 9rem);
}

.call-detail-loading-wrapper > div:first-child {
  min-height: inherit;
}

.dropdown-tight .Select-control,
.dropdown-tight .Select__control {
  border: 1px solid rgb(226 232 240) !important;
  border-radius: 1rem !important;
  min-height: 48px !important;
  box-shadow: none !important;
  background: white !important;
}

.dropdown-tight .Select-placeholder,
.dropdown-tight .Select-value-label,
.dropdown-tight .Select__single-value,
.dropdown-tight .Select input {
  color: rgb(51 65 85) !important;
  font-size: 0.875rem !important;
}

.dropdown-tight .Select-placeholder,
.dropdown-tight .Select__placeholder {
  color: rgb(148 163 184) !important;
}

.dropdown-tight .Select-input,
.dropdown-tight .Select__input-container,
.dropdown-tight .Select-value,
.dropdown-tight .Select__value-container {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.dropdown-tight.is-focused .Select-control,
.dropdown-tight .Select__control--is-focused {
  border-color: rgb(56 189 248) !important;
  box-shadow: 0 0 0 4px rgba(14, 165, 233, 0.12) !important;
}

.dropdown-tight .Select-menu-outer,
.dropdown-tight .Select__menu {
  border-radius: 1rem !important;
  border: 1px solid rgb(226 232 240) !important;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08) !important;
}

.dropdown-tight .Select-option,
.dropdown-tight .Select__option {
  padding: 0.75rem 0.875rem !important;
  font-size: 0.875rem !important;
  color: rgb(51 65 85) !important;
}

.dropdown-tight .Select-option.is-focused,
.dropdown-tight .Select__option--is-focused {
  background: rgb(241 245 249) !important;
  color: rgb(15 23 42) !important;
}

.dropdown-tight .Select-option.is-selected,
.dropdown-tight .Select__option--is-selected {
  background: rgb(14 165 233) !important;
  color: white !important;
}

.dropdown-tight .Select-arrow,
.dropdown-tight .Select__indicator svg {
  color: rgb(100 116 139) !important;
}