@charset "UTF-8";
.title-rows .title-lang {
  flex: 0 0 auto;
  margin-right: 10px;
  font-size: 14px; }

.title-rows .title-value {
  flex: 1 0; }

/* główny kontener – możesz go wsadzić w istniejącą .row/.col-12 jeśli chcesz */
.loan-config {
  display: flex;
  gap: 24px;
  align-items: flex-start; }

/* lewa strona – lista konfiguracji (panele) */
.loan-config__list {
  flex: 2 1 0; }

/* prawa / boczna sekcja – Dodaj konfiguracje */
.loan-config__add {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start; }

/* wnętrze pojedynczego panelu – 2 kolumny obok siebie */
.company-branch-config__body {
  display: flex;
  gap: 16px;
  align-items: flex-start; }

/* lewa kolumna w panelu */
.company-branch-config__left {
  flex: 0.5 1 0; }

/* prawa kolumna w panelu (komponent) */
.company-branch-config__right {
  flex: 1 1 0; }

/* proste helpery do wierszy pól */
.form-row {
  margin-bottom: 8px;
  display: flex;
  flex-direction: column; }

.form-row--checkbox {
  flex-direction: row;
  gap: 8px; }

.form-row__range {
  display: flex;
  gap: 12px; }

.form-row__range-item {
  flex: 1 1 0; }

/* responsywność – na mniejszych ekranach pod sobą */
@media (max-width: 992px) {
  .loan-config {
    flex-direction: column; }
  .company-branch-config__body {
    flex-direction: column; } }