.cs-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

.cs-tabs .is-active {
  background: var(--primary, #2563eb);
  color: #fff;
  border-color: transparent;
}

.cs-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}

.cs-toolbar .input {
  flex: 1 1 160px;
  min-width: 140px;
}

.cs-image-cats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 12px 0;
}

.cs-moderation-cat {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  cursor: pointer;
}

.cs-word-form {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 12px;
}

.cs-word-form.hidden {
  display: none;
}

.cs-word-form .input {
  flex: 1 1 180px;
}

@media (max-width: 980px) {
  .cs-toolbar,
  .cs-word-form {
    flex-direction: column;
    align-items: stretch;
  }
  .cs-toolbar .input,
  .cs-word-form .input,
  .cs-word-form .select-input {
    width: 100%;
    min-width: 0;
  }
  .cs-toolbar .btn-primary,
  .cs-toolbar .btn-secondary,
  .cs-word-form .btn-primary,
  .cs-word-form .btn-secondary,
  #btn-cs-image-save {
    width: 100%;
    min-height: 44px;
  }
  .cs-image-cats {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .cs-moderation-cat {
    width: 100%;
  }
}