/* ========= Asset‑table core classes ========= */

.class-table{
    border-radius: 1rem;
    box-shadow: 0 8px 32px #0c142699, 0 4px 16px #0006;
    width: 80vw;
    overflow: hidden;
}
/* ==================== Table header ==================== */
.asset-header{
  display: flex;
  align-items: center;
  gap: 24px;
  padding: .5rem 1.3rem;
  font-size: .8rem;                      /* чуть мельче */
  text-transform: uppercase;
  letter-spacing: .05em;
  color: #9ca3af;                         /* slate‑400 */
  border-bottom: 1px solid #33415566;     /* тонкая нижняя линия */
  height: 30px;
  background-color: color-mix(in srgb, var(--color-main-dark-2) 70%, transparent);
}

.asset-footer{
    height: 40px;
    background-color: color-mix(in srgb, var(--color-main-dark-2) 70%, transparent);
    display: flex;
    align-items: center;
    padding-left: 30px;
    color: #9ca3af;
    font-size: 0.7rem;
}

/* контейнер строки */
.asset-row{
  display: flex;
  align-items: center;
  gap: 24px;
  padding: .5rem 1.3rem;
  border-bottom: 1px solid color-mix(in srgb, var(--color-main-dark-2) 70%, transparent);
  min-height: 40px;
  height: 100px;
  transition: transform .2s ease-in-out;
}
.asset-row:hover{
  transform: scale(1.01);
  z-index: 2;            /* не перекрывается соседями при «scale» */
  background-color: color-mix(in oklab, transparent 90%, hsla(250,60%,25%,1) 10%);
}

.asset-row:hover .col-name{
    color: hsla(175, 82%, 31%, 1) !important;        /* при наведении все белые */
}

/* 1) № — фиксированная узкая колонка */
.col-num   { 
    flex: 0 0 48px;  
    text-align: right; 
}

/* 2) Наименование — самая широкая, тянется */
.col-name  { 
    flex: 1 1 auto;  
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
}

/* 3,4) Семизначные / прочие цифры */
.col-val   { 
    flex: 0 0 140px; text-align: right; 
}

/* 5) Мини‑график (спарклайн) */
.col-chart { 
    flex: 0 0 180px; 
}

/* 6) Индекс (5‑значное число) */
.col-index {
    flex: 0 0 80px;  
    text-align: right; 
}

/* цвета изменения (+ / –) */
.change-pos { 
    color: oklch(.853 .071 151.36); 
}  /* #6ee7b7 */
.change-neg { 
    color: oklch(.704 .191 22.216); 
}  /* «красный» */

/* ровные цифры */
.asset-row > *{ 
    font-variant-numeric: tabular-nums; 
    color: white;
}