/* PRODUCT INLINE ADD/EDIT UPDATE WITH DECIMAL TOGGLE */
.product-inline-panel{
  border-radius:16px !important;
  overflow:hidden !important;
  border:1px solid #111827 !important;
  background:#0f172a !important;
  color:#fff !important;
  margin:10px 0 12px !important;
  box-shadow:0 14px 32px rgba(15,23,42,.18) !important;
}

.product-inline-panel .pi-head{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  padding:10px 12px !important;
  background:#020617 !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.product-inline-panel .pi-title{
  font-size:15px !important;
  font-weight:1000 !important;
  letter-spacing:.02em !important;
}

.product-inline-panel .pi-sub{
  font-size:12px !important;
  color:#cbd5e1 !important;
  margin-top:2px !important;
}

.product-inline-panel .pi-body{ padding:12px !important; }

.product-inline-grid{
  display:grid !important;
  grid-template-columns:1.05fr .75fr 1.35fr .95fr .65fr .65fr .6fr .7fr .95fr auto !important;
  gap:8px !important;
  align-items:end !important;
}

.product-inline-panel label{
  display:block !important;
  font-size:11px !important;
  font-weight:900 !important;
  color:#cbd5e1 !important;
  text-transform:uppercase !important;
  margin-bottom:4px !important;
}

.product-inline-panel input,
.product-inline-panel select{
  width:100% !important;
  min-height:40px !important;
  border-radius:10px !important;
  border:1px solid #334155 !important;
  background:#fff !important;
  color:#0f172a !important;
  padding:7px 9px !important;
  font-weight:800 !important;
  box-sizing:border-box !important;
}

.product-inline-panel input:focus,
.product-inline-panel select:focus{
  outline:none !important;
  border-color:#60a5fa !important;
  box-shadow:0 0 0 3px rgba(96,165,250,.25) !important;
}

.product-inline-decimal-box{
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:8px !important;
  padding:6px 8px !important;
  border-radius:10px !important;
  background:#111827 !important;
  border:1px solid #334155 !important;
}

.product-inline-decimal-text{
  display:flex !important;
  flex-direction:column !important;
  gap:1px !important;
  min-width:0 !important;
}

.product-inline-decimal-text strong{
  font-size:12px !important;
  color:#fff !important;
  line-height:1.1 !important;
}

.product-inline-decimal-text span{
  font-size:10px !important;
  color:#cbd5e1 !important;
  white-space:nowrap !important;
}

.product-inline-switch{
  position:relative !important;
  width:54px !important;
  height:30px !important;
  flex:0 0 54px !important;
}

.product-inline-switch input{
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
}

.product-inline-slider{
  position:absolute !important;
  cursor:pointer !important;
  inset:0 !important;
  background:#475569 !important;
  border-radius:999px !important;
  transition:.18s !important;
}

.product-inline-slider:before{
  content:"" !important;
  position:absolute !important;
  width:24px !important;
  height:24px !important;
  left:3px !important;
  top:3px !important;
  background:white !important;
  border-radius:50% !important;
  transition:.18s !important;
  box-shadow:0 2px 8px rgba(0,0,0,.28) !important;
}

.product-inline-switch input:checked + .product-inline-slider{
  background:#16a34a !important;
}

.product-inline-switch input:checked + .product-inline-slider:before{
  transform:translateX(24px) !important;
}

.product-inline-actions{
  display:flex !important;
  align-items:end !important;
  gap:7px !important;
  flex-wrap:wrap !important;
}

.product-inline-actions button{
  min-height:40px !important;
  border:0 !important;
  border-radius:10px !important;
  padding:8px 11px !important;
  font-weight:1000 !important;
  cursor:pointer !important;
}

.product-inline-save{ background:#16a34a !important; color:#fff !important; }
.product-inline-save-another{ background:#2563eb !important; color:#fff !important; }
.product-inline-cancel{ background:#fee2e2 !important; color:#991b1b !important; }

.product-inline-metrics{
  display:grid !important;
  grid-template-columns:repeat(5,1fr) !important;
  gap:8px !important;
  margin-top:10px !important;
}

.product-inline-metric{
  background:rgba(255,255,255,.08) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  padding:8px 10px !important;
}

.product-inline-metric span{
  display:block !important;
  font-size:11px !important;
  color:#cbd5e1 !important;
  font-weight:900 !important;
}

.product-inline-metric strong{
  display:block !important;
  margin-top:2px !important;
  font-size:16px !important;
  color:#fff !important;
  font-weight:1000 !important;
}

.product-inline-row-marker{
  outline:3px solid #2563eb55 !important;
  outline-offset:-3px !important;
}

.product-inline-edit-host td{
  padding:0 !important;
  background:#0f172a !important;
}

.product-inline-edit-host .product-inline-panel{
  margin:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  border-left:0 !important;
  border-right:0 !important;
}

.product-inline-hidden-modal{ display:none !important; }

@media(max-width:1350px){
  .product-inline-grid{ grid-template-columns:repeat(4,1fr) !important; }
  .product-inline-actions{ grid-column:1 / -1 !important; }
}

@media(max-width:900px){
  .product-inline-grid{ grid-template-columns:repeat(2,1fr) !important; }
  .product-inline-metrics{ grid-template-columns:1fr 1fr !important; }
  .product-inline-actions{ grid-column:1 / -1 !important; }
}

@media(max-width:620px){
  .product-inline-grid{ grid-template-columns:1fr !important; }
  .product-inline-metrics{ grid-template-columns:1fr !important; }
}