/* B616J_FIX1D_COFFIN_STOCK_READABILITY */

.b616j-stock-shell{
  overflow-x:auto;
  border:1px solid rgba(148,163,184,.22);
  border-radius:14px;
}

.b616j-stock-head,
.b616j-stock-row{
  min-width:1180px;
  display:grid;
  grid-template-columns:
    minmax(220px,1.8fr)
    92px
    76px
    86px
    92px
    76px
    86px
    minmax(150px,1fr)
    minmax(180px,1.1fr)
    84px;
  gap:10px;
  align-items:center;
}

.b616j-stock-head{
  padding:11px 12px;
  background:rgba(15,23,42,.52);
  border-bottom:1px solid rgba(148,163,184,.22);
  font-size:12px;
  font-weight:800;
  color:#cbd5e1;
}

.b616j-stock-row{
  padding:12px;
  border-bottom:1px solid rgba(148,163,184,.14);
}

.b616j-stock-row:last-child{
  border-bottom:0;
}

.b616j-stock-row:hover{
  background:rgba(59,130,246,.045);
}

.b616j-stock-model strong{
  display:block;
  font-size:14px;
  line-height:1.2;
}

.b616j-stock-model small{
  display:block;
  margin-top:4px;
  color:#94a3b8;
  line-height:1.3;
}

.b616j-stock-row input,
.b616j-stock-row select{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}

.b616j-stock-num{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  border-radius:10px;
  font-weight:900;
  font-size:15px;
}

.b616j-stock-num.neutral{
  background:rgba(148,163,184,.08);
}

.b616j-stock-num.good{
  background:rgba(34,197,94,.12);
  color:#bbf7d0;
}

.b616j-stock-num.warn{
  background:rgba(245,158,11,.16);
  color:#fde68a;
}

.b616j-stock-num.danger{
  background:rgba(239,68,68,.16);
  color:#fecaca;
}

.b616j-stock-save{
  width:100%;
  white-space:nowrap;
}

.b616j-stock-help{
  margin-top:8px;
  font-size:12px;
  color:#94a3b8;
}

.b616j-order-label{
  font-weight:800;
}

.b616j-order-alias{
  margin-top:3px;
  font-size:12px;
  color:#94a3b8;
}

@media (max-width: 820px){
  .b616j-stock-shell{
    overflow:visible;
    border:0;
  }

  .b616j-stock-head{
    display:none;
  }

  .b616j-stock-row{
    min-width:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:12px;
    padding:14px;
    border:1px solid rgba(148,163,184,.22);
    border-radius:14px;
    background:rgba(15,23,42,.34);
  }

  .b616j-stock-row:last-child{
    border-bottom:1px solid rgba(148,163,184,.22);
  }

  .b616j-stock-model{
    grid-column:1 / -1;
  }

  .b616j-mobile-field::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:#94a3b8;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
  }

  .b616j-supplier-cell,
  .b616j-sku-cell,
  .b616j-save-cell{
    grid-column:1 / -1;
  }

  .b616j-stock-save{
    min-height:42px;
  }
}