/* TABLE.CSS - Table styles */

.table-wrapper{
  background:#fff; 
  border-radius:12px; 
  border:1px solid var(--stroke);
  flex:1;
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:100%;
  overflow:hidden;
}
.table-wrapper > div{
  flex:1;
  overflow-y:auto;
  overflow-x:hidden;
  min-height:0;
  max-height:100%;
}
.table-wrapper > div::-webkit-scrollbar{width:8px;}
.table-wrapper > div::-webkit-scrollbar-track{background:#f1f1f1; border-radius:10px;}
.table-wrapper > div::-webkit-scrollbar-thumb{background:#d1d5db; border-radius:10px;}
.table-wrapper > div::-webkit-scrollbar-thumb:hover{background:#9ca3af;}
.table{width:100%; border-collapse:collapse;}
.table thead{
  background:#f9fafb;
  position:sticky;
  top:0;
  z-index:10;
}
.table th{
  padding:12px;
  text-align:left;
  font-size:11px;
  font-weight:700;
  color:var(--muted);
  text-transform:uppercase;
  letter-spacing:0.5px;
  background:#f9fafb;
  border-bottom:2px solid var(--stroke);
}
.table td{padding:12px; border-top:1px solid var(--stroke); font-size:13px;}
.table tbody tr:hover{background:var(--chip);}
.table tbody tr{cursor:pointer;}

/* Selected row in table */
.table tbody tr.selected-row {
  background: rgba(99, 102, 241, 0.1) !important;
}

[data-theme="dark"] .table tbody tr.selected-row {
  background: rgba(30, 41, 59, 0.8) !important;
  border-left: 3px solid #10b981;
}

[data-theme="dark"] .table tbody tr.selected-row td {
  background: transparent !important;
}

/* Индикатор комментария для таблицы */
.comment-indicator-table {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid #ef4444;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.2s;
  vertical-align: middle;
}

.comment-indicator-table.has-comment {
  background-color: #dcfce7;
  border-color: #22c55e;
}

.comment-indicator-table.selected {
  background-color: #dcfce7;
  border-color: #22c55e;
}

/* Тёмная тема для индикаторов */
[data-theme="dark"] .comment-indicator-table {
  border-color: #ef4444;
}

[data-theme="dark"] .comment-indicator-table.has-comment,
[data-theme="dark"] .comment-indicator-table.selected {
  background-color: #065f46;
  border-color: #10b981;
}

/* REF/DRY флажки */
.type-badge {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}

.type-badge.ref {
  background: #dbeafe;
  color: #2563eb;
  border: 1px solid #93c5fd;
}

.type-badge.dry {
  background: #fed7aa;
  color: #ea580c;
  border: 1px solid #fdba74;
}

[data-theme="dark"] .type-badge.ref {
  background: #1e3a5f;
  color: #93c5fd;
  border-color: #3b82f6;
}

[data-theme="dark"] .type-badge.dry {
  background: #7c2d12;
  color: #fdba74;
  border-color: #f97316;
}

/* REF/DRY флажки на Канбан и Главная (используют inline стили) */
[data-theme="dark"] .kanban-card div[style*="#dbeafe"],
[data-theme="dark"] .order div[style*="#dbeafe"] {
  background: #1e3a5f !important;
  color: #93c5fd !important;
  border-color: #3b82f6 !important;
}

[data-theme="dark"] .kanban-card div[style*="#fed7aa"],
[data-theme="dark"] .order div[style*="#fed7aa"] {
  background: #7c2d12 !important;
  color: #fdba74 !important;
  border-color: #f97316 !important;
}

/* Кнопка Отправить в тёмной теме */
[data-theme="dark"] .btn.primary {
  background: #4338ca !important;
  border-color: #4338ca !important;
}

[data-theme="dark"] .btn.primary:hover {
  background: #3730a3 !important;
  border-color: #3730a3 !important;
}

/* ============================================
   Кнопка "Загрузить ещё" в таблице
   ============================================ */
.load-more-row {
  background: transparent !important;
}

.load-more-row:hover {
  background: transparent !important;
}

.load-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 24px;
  background: var(--chip);
  border: 1px dashed var(--stroke);
  border-radius: 8px;
  color: var(--muted);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.load-more-btn:hover {
  background: var(--primary-weak);
  border-color: var(--indigo);
  color: var(--indigo);
}

.load-more-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.load-more-btn svg {
  transition: transform 0.2s ease;
}

.load-more-btn:hover svg {
  transform: translateY(2px);
}

/* Тёмная тема */
[data-theme="dark"] .load-more-btn {
  background: #1f2937;
  border-color: #374151;
  color: #9ca3af;
}

[data-theme="dark"] .load-more-btn:hover {
  background: #374151;
  border-color: #6366f1;
  color: #a5b4fc;
}