/* ===== ФИНАНСЫ: ПОД-НАВИГАЦИЯ ===== */

.fin-tabs-bar {
  display: flex;
  gap: 2px;
  background: var(--color-background-secondary);
  border-radius: var(--border-radius-md);
  padding: 4px;
  flex-wrap: wrap;
  flex-shrink: 0;
  border: 0.5px solid var(--color-border-tertiary);
}

.fin-tab {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 6px 14px;
  border-radius: 7px;
  border: none;
  background: none;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-sans);
  transition: background 0.12s, color 0.12s;
  white-space: nowrap;
}
.fin-tab:hover {
  background: rgba(0,0,0,0.05);
  color: var(--color-text-primary);
}
.fin-tab.active {
  background: var(--color-background-primary);
  color: var(--color-primary);
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
}
.fin-tab i { font-size: 14px; }

/* Секции-страницы внутри Финансов */
.fin-section { display: none; flex-direction: column; gap: 12px; }
.fin-section.active { display: contents; }

/* ===== БАНК: ЗОНА ЗАГРУЗКИ ===== */

.stmt-upload-zone {
  border: 2px dashed var(--color-border-secondary);
  border-radius: var(--border-radius-lg);
  padding: 52px 24px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
  background: var(--color-background-secondary);
  user-select: none;
}
.stmt-upload-zone:hover,
.stmt-upload-zone.dragover {
  border-color: var(--color-primary);
  background: rgba(37,99,235,0.04);
}

/* ===== БАНК: ТАБЛИЦА ВЫПИСКИ ===== */

.stmt-date-header td {
  background: var(--color-background-secondary);
  font-size: 11px;
  font-weight: 600;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 6px 10px;
  border-top: 0.5px solid var(--color-border-tertiary);
}

.stmt-amount-credit { color: var(--color-success); font-weight: 500; text-align: right; }
.stmt-amount-debit  { color: var(--color-danger);  font-weight: 500; text-align: right; }
.stmt-balance-cell  { color: var(--color-text-secondary); font-size: 11px; text-align: right; }

tr.stmt-row:hover .stmt-row-del { opacity: 1; }
.stmt-row-del {
  opacity: 0;
  transition: opacity 0.12s;
}

/* Inline edit */
.stmt-edit-row input.form-input {
  padding: 3px 6px;
  font-size: 12px;
}

/* ===== БАЛАНС: ЦВЕТОВЫЕ ИНДИКАТОРЫ ===== */

.bal-row-ok     td { background: rgba(22,163,74,0.06);  }
.bal-row-late   td { background: rgba(217,119,6,0.07);  }
.bal-row-overdue td { background: rgba(220,38,38,0.06); }
.bal-row-partial td { background: rgba(37,99,235,0.05); }

.bal-indicator {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 8px;
  border-radius: 10px;
}
.bal-indicator.ok      { background: rgba(22,163,74,0.12);  color: var(--color-success); }
.bal-indicator.late    { background: rgba(217,119,6,0.14);  color: var(--color-warning); }
.bal-indicator.overdue { background: rgba(220,38,38,0.12);  color: var(--color-danger);  }
.bal-indicator.partial { background: rgba(37,99,235,0.1);   color: var(--color-primary); }
.bal-indicator.pending { background: rgba(107,114,128,0.1); color: var(--color-text-secondary); }

/* ===== СТАТИСТИКА: СТОЛБЦЫ ГРАФИКА ===== */

.fin-bar-wrap {
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.fin-bar-track {
  width: 100%;
  flex: 1;
  background: var(--color-background-secondary);
  border-radius: 4px;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.fin-bar-fill {
  width: 100%;
  background: var(--color-primary);
  border-radius: 4px 4px 0 0;
  transition: height 0.4s ease;
  min-height: 2px;
}
.fin-bar-label  { font-size: 11px; color: var(--color-text-secondary); }
.fin-bar-amount { font-size: 11px; font-weight: 600; }

/* ===== ПРЕДЛОЖЕНИЯ: СТАТУСЫ ===== */

.prop-badge-draft    { background: rgba(107,114,128,0.12); color: var(--color-text-secondary); }
.prop-badge-sent     { background: rgba(217,119,6,0.12);   color: var(--color-warning); }
.prop-badge-accepted { background: rgba(22,163,74,0.12);   color: var(--color-success); }
.prop-badge-rejected { background: rgba(220,38,38,0.12);   color: var(--color-danger); }