/* STOCKDIVAR_PRODUCTS_MOBILE_TABLE_V7610 */

.products-manager-title-v7610{
  position:relative;
  isolation:isolate;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin:0 4px 18px;
  padding:11px 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  background:linear-gradient(
    135deg,
    #971426 0%,
    #bd1d31 58%,
    #d33549 100%
  );
  box-shadow:0 10px 24px rgba(168,23,43,.2);
  color:#fff;
  font-size:clamp(18px,1.7vw,24px);
  font-weight:950;
  line-height:1.45;
  letter-spacing:-.35px;
  animation:productsTitleFloatV7610 4s ease-in-out infinite
}

.products-manager-title-v7610>span{
  display:inline-grid;
  place-items:center;
  width:29px;
  height:29px;
  border-radius:9px;
  background:rgba(255,255,255,.16);
  font-size:17px
}

.products-manager-title-v7610>strong{
  position:relative;
  z-index:2
}

.products-manager-title-v7610::after{
  content:'';
  position:absolute;
  z-index:1;
  inset:-50% auto -50% -35%;
  width:24%;
  transform:skewX(-20deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.26),
    transparent
  );
  animation:productsTitleShineV7610 4.8s ease-in-out infinite
}

#productsList .product-table{
  width:100%;
  min-width:0;
  table-layout:fixed
}

#productsList .products-title-head-v7610,
#productsList .products-title-cell-v7610{
  width:45%;
  text-align:right
}

#productsList .products-actions-head-v7610,
#productsList .products-actions-cell-v7610{
  width:43%;
  text-align:center
}

#productsList .products-views-head-v7610,
#productsList .products-views-cell-v7610{
  width:12%;
  text-align:center
}

.products-row-title-v7610{
  display:grid;
  gap:9px;
  min-width:0
}

.products-row-title-v7610>strong{
  color:#1e222b;
  font-size:15px;
  line-height:1.8
}

.products-row-meta-v7610{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap
}

.products-row-meta-v7610>span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:3px 8px;
  border:1px solid #e5e8ed;
  border-radius:999px;
  background:#f8f9fb;
  color:#697386;
  font-size:11px;
  font-weight:750;
  line-height:1.5;
  white-space:normal
}

.products-row-meta-v7610 .status-pill{
  min-height:auto;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  font-size:11px
}

.products-row-meta-v7610>.products-row-status-v7610{
  border-color:#d5eee4;
  background:#f2fbf7
}

.products-row-meta-v7610>.products-row-ladder-v7610{
  border-color:#a9e5cf;
  background:#ecfbf5;
  color:#087b59
}

.products-row-ladder-v7610 b{
  display:inline-grid;
  place-items:center;
  width:17px;
  height:17px;
  margin-inline-end:3px;
  border-radius:50%;
  background:#09956d;
  color:#fff;
  font-size:10px
}

.products-row-actions-v7610{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex-wrap:wrap;
  width:100%
}

.products-row-actions-v7610 .api-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  margin:0;
  padding:7px 11px;
  border-radius:10px;
  font-size:12px;
  font-weight:850;
  white-space:nowrap
}

.products-views-value-v7610{
  display:inline-grid;
  justify-items:center;
  gap:2px;
  min-width:52px;
  padding:7px 8px;
  border-radius:11px;
  background:#f6f8fb;
  color:#313744
}

.products-views-value-v7610 b{
  font-size:15px
}

.products-views-value-v7610 small{
  color:#7b8493;
  font-size:10px
}

@keyframes productsTitleFloatV7610{
  0%,100%{
    transform:translateY(0)
  }

  50%{
    transform:translateY(-2px)
  }
}

@keyframes productsTitleShineV7610{
  0%,58%{
    left:-35%;
    opacity:0
  }

  68%{
    opacity:1
  }

  88%,100%{
    left:125%;
    opacity:0
  }
}

@media(max-width:760px){
  .products-manager-title-v7610{
    margin:0 0 14px;
    padding:10px 14px;
    border-radius:12px;
    font-size:18px
  }

  #productsList .table-wrap{
    overflow:visible
  }

  #productsList .product-table,
  #productsList .product-table tbody{
    display:block;
    width:100%
  }

  #productsList .product-table thead{
    display:none
  }

  #productsList .products-row-v7610{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px 9px;
    width:100%;
    padding:15px 0;
    border-bottom:1px solid #e4e7ec
  }

  #productsList .products-row-v7610>td{
    display:block;
    width:auto;
    padding:0;
    border:0
  }

  #productsList .products-title-cell-v7610{
    grid-column:1;
    grid-row:1;
    min-width:0
  }

  #productsList .products-views-cell-v7610{
    grid-column:2;
    grid-row:1;
    align-self:start
  }

  #productsList .products-actions-cell-v7610{
    grid-column:1/-1;
    grid-row:2;
    padding-top:2px
  }

  .products-row-actions-v7610{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px;
    direction:rtl
  }

  .products-row-actions-v7610 .api-btn{
    width:100%;
    min-width:0;
    min-height:40px
  }

  .products-row-meta-v7610{
    gap:5px
  }

  .products-row-meta-v7610>span{
    padding:3px 7px;
    font-size:10.5px
  }
}

@media(max-width:420px){
  #productsList{
    padding-inline:13px
  }

  .products-manager-title-v7610{
    width:100%;
    justify-content:center
  }
}

@media(prefers-reduced-motion:reduce){
  .products-manager-title-v7610,
  .products-manager-title-v7610::after{
    animation:none!important
  }
}