/* 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);}

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

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