.cs-phone-wrap {
  display: flex;
  align-items: stretch;
  width: 100%;
  gap: 0;
  min-width: 0;
}

.cs-phone-dial {
  flex: 0 0 auto;
  width: auto;
  min-width: 5.75rem;
  max-width: 8.5rem;
  padding: 0.45rem 0.35rem 0.45rem 0.5rem;
  border: 1px solid #ccc;
  border-right: 0;
  border-radius: 8px 0 0 8px;
  background: #f8f9fb;
  font: inherit;
  font-size: 0.92em;
  line-height: 1.3;
  cursor: pointer;
  appearance: auto;
}

.cs-phone-local {
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 0 8px 8px 0 !important;
  margin: 0 !important;
}

.cs-phone-wrap .cs-phone-local.input,
.cs-phone-wrap input.cs-phone-local {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.admin .cs-phone-dial,
.cs-shell-admin .cs-phone-dial {
  border-color: #cfd8dc;
  background: #f5f7fa;
}

.cs-phone-dial option {
  font-size: 14px;
}

@media (max-width: 480px) {
  .cs-phone-dial {
    min-width: 5rem;
    max-width: 6.5rem;
    font-size: 0.85em;
  }
}