.staff-ui .staff-yandex-settings {
  display: grid;
  gap: 32px;
  min-width: 0;
}

.staff-ui .staff-yandex-section,
.staff-ui .staff-yandex-section > form:not(.button_to) {
  display: grid;
  gap: 20px;
  min-width: 0;
}

.staff-ui .staff-yandex-section .staff-form-field {
  display: grid;
  gap: 8px;
}

.staff-ui .staff-yandex-section .staff-field-hint {
  overflow-wrap: anywhere;
}

.staff-ui .staff-yandex-section .staff-section-title {
  margin: 0;
}

.staff-ui .staff-yandex-intro {
  max-width: 840px;
}

.staff-ui .staff-yandex-actions,
.staff-ui .staff-yandex-tabs,
.staff-ui .staff-yandex-safety,
.staff-ui .staff-yandex-emergency {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}

.staff-ui .staff-yandex-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.staff-ui .staff-yandex-safety {
  padding: 16px;
  border: 1px solid var(--staff-border, #dccbcb);
  border-radius: 8px;
}

.staff-ui .staff-yandex-safety label {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.staff-ui .staff-yandex-emergency {
  justify-content: space-between;
  padding: 16px;
  background: #faf5f5;
  border-radius: 8px;
}

.staff-ui .staff-yandex-emergency p {
  margin: 4px 0 0;
}

.staff-ui .staff-yandex-tabs a {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #dccbcb;
  border-radius: 8px;
  text-decoration: none;
}

.staff-ui .staff-yandex-tabs a[aria-current="page"] {
  border-color: #ee342d;
  color: #a52b25;
}

.staff-ui .staff-yandex-row-form {
  display: grid;
  grid-template-columns: 220px 240px 180px 260px 230px minmax(200px, 1fr) 110px;
  gap: 12px;
  align-items: center;
}

.staff-ui .staff-yandex-row-form > div {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.staff-ui .staff-yandex-row-form label {
  display: inline-flex;
  gap: 6px;
  align-items: center;
}

.staff-ui .staff-yandex-crr {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.staff-ui .staff-yandex-row-error {
  overflow-wrap: anywhere;
}

.staff-ui .staff-yandex-metrics {
  font-variant-numeric: tabular-nums;
}

.staff-ui .staff-yandex-optimizer-overrides {
  grid-column: 3 / 7;
  min-width: 0;
}

.staff-ui .staff-yandex-optimizer-overrides summary {
  cursor: pointer;
}

.staff-ui .staff-yandex-optimizer-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(150px, 1fr));
  gap: 8px;
  margin-top: 12px;
}

@media (max-width: 699px) {
  .staff-ui .staff-yandex-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}