/**
 * CRM Tables - Таблицы и их элементы
 * Содержит стили для таблиц, строк, ячеек и связанных компонентов
 */

/* ===== ОСНОВНЫЕ СТИЛИ ТАБЛИЦ ===== */
table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

/* Заголовки таблицы */
th {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  text-align: left;
  padding: 8px 12px;
  border-bottom: 0.5px solid var(--color-border-tertiary);
  white-space: nowrap;
}

/* Ячейки таблицы */
td {
  font-size: var(--font-size-sm);
  padding: 8px 12px;
  border-bottom: 0.5px solid var(--color-border-tertiary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

/* Последняя строка без нижней границы */
tr:last-child td {
  border-bottom: none;
}

/* Эффект наведения на строку */
tr:hover td {
  background: var(--color-hover-tint);
}

/* ===== ЗНАЧКИ (BADGES) ===== */
.badge {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 20px;
  font-size: var(--font-size-xs);
  font-weight: 500;
}

/* Варианты значков для разных статусов */
.badge-entered {
  background: #e0f2fe;
  color: #0369a1;
}

.badge-contact {
  background: #fef9c3;
  color: #854d0e;
}

.badge-proposal {
  background: #fde8d0;
  color: #9a3412;
}

.badge-client {
  background: #dcfce7;
  color: #166534;
}

.badge-new {
  background: #f3e8ff;
  color: #6b21a8;
}

/* ===== СТАТУСЫ ПЛАТЕЖЕЙ ===== */
.status-paid {
  background: #dcfce7;
  color: #166534;
}

.status-partial {
  background: #fef9c3;
  color: #854d0e;
}

.status-unpaid {
  background: #fee2e2;
  color: #991b1b;
}

.status-overdue {
  background: #fecaca;
  color: #7f1d1d;
}

/* ===== ДНИ И СТАТУСЫ ВРЕМЕНИ ===== */
.days-ok {
  color: var(--color-success);
  font-size: var(--font-size-xs);
}

.days-late {
  color: var(--color-danger);
  font-size: var(--font-size-xs);
}

/* ===== СПЕЦИАЛЬНЫЕ СТИЛИ ДЛЯ СКЛАДА ===== */
.stock-row td:nth-child(3) {
  font-weight: 500;
}

.low-stock {
  color: var(--color-danger);
}

/* Выделенная строка */
tr.row-selected td {
  background: rgba(111, 92, 242, 0.08) !important;
}

/* Кликабельный бейдж статуса */
.badge-status-btn {
  cursor: pointer;
  user-select: none;
}

.badge-status-btn:hover {
  filter: brightness(0.92);
}

/* Всплывающий список смены статуса */
.status-select-popup {
  background: var(--color-background-primary);
  border: 0.5px solid var(--color-border-tertiary);
  border-radius: var(--border-radius-md);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.13);
  overflow: hidden;
  min-width: 170px;
}

.status-select-option {
  padding: 7px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.status-select-option:hover {
  background: var(--color-background-secondary);
}

.status-select-option .badge {
  pointer-events: none;
}

/* Вспомогательные классы для ячеек */
.text-secondary {
  color: var(--color-text-secondary);
}

.email-cell {
  color: var(--color-primary);
}