/* __BATARYA_TRANSFERS_UI_LITE_R612__ */

#view-transfers.r612-transfers-page{
  --r612-text:#17344b;
  --r612-sub:#7d8f9d;
  --r612-green:#11875f;
  --r612-green-bg:#eef9f4;
  --r612-green-line:#b9dfcf;
  --r612-blue:#326fbd;
  --r612-blue-bg:#f1f6fd;
  --r612-blue-line:#cadcf2;
  --r612-orange:#b97418;
  --r612-orange-bg:#fff7e9;
  --r612-orange-line:#efd9ab;
  --r612-line:#dfe8ed;
}

#view-transfers .r612-transfer-form-grid{
  gap:12px !important;
}

#view-transfers .r612-branch-field{
  border-radius:14px !important;
  padding:11px 12px !important;
  border:1px solid var(--r612-line) !important;
  background:#fff !important;
}

#view-transfers .r612-branch-field.sender{
  background:var(--r612-green-bg) !important;
  border-color:var(--r612-green-line) !important;
}

#view-transfers .r612-branch-field.receiver{
  background:var(--r612-blue-bg) !important;
  border-color:var(--r612-blue-line) !important;
}

#view-transfers .r612-branch-field.sender::before{
  content:"من";
  display:inline-grid;
  place-items:center;
  min-width:28px;
  height:22px;
  border-radius:999px;
  margin-left:6px;
  background:#dff3e9;
  color:var(--r612-green);
  font-size:9px;
  font-weight:950;
}

#view-transfers .r612-branch-field.receiver::before{
  content:"إلى";
  display:inline-grid;
  place-items:center;
  min-width:28px;
  height:22px;
  border-radius:999px;
  margin-left:6px;
  background:#e3edfb;
  color:var(--r612-blue);
  font-size:9px;
  font-weight:950;
}

#view-transfers .r612-notes-field{
  border:1px dashed #d8e2e7 !important;
  border-radius:13px !important;
  padding:9px 11px !important;
  background:#fbfcfd !important;
}

#view-transfers .r612-lines-head{
  margin-top:14px !important;
  padding:10px 12px !important;
  border-radius:13px !important;
  background:#f6f9fb !important;
  border:1px solid #e2eaee !important;
}

#view-transfers .r612-add-line-btn{
  border-radius:10px !important;
  background:#eef8f4 !important;
  border:1px solid #c2dfd2 !important;
  color:#167b5b !important;
  font-weight:900 !important;
}

#view-transfers .r612-transfer-line{
  border:1px solid #dce6eb !important;
  border-radius:16px !important;
  background:#fff !important;
  padding:13px !important;
  margin-bottom:10px !important;
  box-shadow:0 6px 18px rgba(20,45,60,.04) !important;
}

#view-transfers .r612-product-search > span{
  display:block !important;
  margin-bottom:7px !important;
  color:var(--r612-text) !important;
  font-size:10px !important;
  font-weight:950 !important;
}

#view-transfers .r612-product-search > span::before{
  content:"▥";
  display:inline-grid;
  place-items:center;
  width:24px;
  height:24px;
  margin-left:7px;
  border-radius:7px;
  background:#dff4e9;
  color:#0e8b62;
  font-size:14px;
  font-weight:950;
}

#view-transfers .r612-barcode-box{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  min-height:58px !important;
  padding:7px 10px !important;
  border:2px solid #78c9a9 !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#f7fffb,#eef9f4) !important;
  box-shadow:0 0 0 4px rgba(17,135,95,.05) !important;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

#view-transfers .r612-barcode-box::before{
  content:"امسح الباركود هنا";
  flex:0 0 auto;
  margin-left:8px;
  padding:7px 9px;
  border-radius:9px;
  background:#dff4e9;
  border:1px solid #bfe4d3;
  color:#0f7f5b;
  font-size:8.5px;
  font-weight:950;
  white-space:nowrap;
}

#view-transfers .r612-barcode-box.r612-focus,
#view-transfers .r612-barcode-box:focus-within{
  border-color:#0f9c6c !important;
  background:#fff !important;
  box-shadow:
    0 0 0 5px rgba(15,156,108,.11),
    0 9px 22px rgba(16,112,79,.08) !important;
}

#view-transfers .r612-barcode-input{
  flex:1 1 auto !important;
  height:42px !important;
  min-width:0 !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  background:#fff !important;
  border-radius:9px !important;
  padding:0 12px !important;
  font-size:12px !important;
  font-weight:800 !important;
  color:#17344b !important;
}

#view-transfers .r612-barcode-input::placeholder{
  color:#91a0aa !important;
  font-weight:650 !important;
}

#view-transfers .r612-transfer-suggestions{
  border:1px solid #dce6eb !important;
  border-radius:13px !important;
  box-shadow:0 10px 24px rgba(18,43,59,.09) !important;
  background:#fff !important;
  max-height:260px !important;
}

#view-transfers .r612-stock-readout{
  border:1px solid var(--r612-blue-line) !important;
  border-radius:12px !important;
  background:var(--r612-blue-bg) !important;
}

#view-transfers .r612-stock-readout b{
  color:var(--r612-blue) !important;
}

#view-transfers .r612-qty-input{
  border:1px solid var(--r612-orange-line) !important;
  background:var(--r612-orange-bg) !important;
  border-radius:12px !important;
  color:#9d6213 !important;
  font-weight:950 !important;
  text-align:center !important;
}

#view-transfers .r612-cost-box{
  border:1px solid #e0e7eb !important;
  border-radius:12px !important;
  background:#f8fafb !important;
}

#view-transfers .r612-remove-line{
  border:1px solid #efcbc7 !important;
  border-radius:11px !important;
  background:#fff5f4 !important;
  color:#c65a51 !important;
}

#view-transfers .r612-transfer-summary{
  gap:10px !important;
  margin-top:10px !important;
}

#view-transfers .r612-transfer-summary > div{
  border-radius:13px !important;
  border:1px solid #dfe8ed !important;
  background:#fff !important;
  padding:10px 12px !important;
}

#view-transfers .r612-transfer-summary > div:nth-child(1){
  background:#f1f6fd !important;
  border-color:#d2e0f3 !important;
}

#view-transfers .r612-transfer-summary > div:nth-child(2){
  background:#fff8eb !important;
  border-color:#eeddbb !important;
}

#view-transfers .r612-transfer-summary > div:nth-child(3){
  background:#eff9f4 !important;
  border-color:#cfe6db !important;
}

#view-transfers .r612-save-transfer{
  margin-top:12px !important;
  min-height:52px !important;
  border-radius:14px !important;
  background:linear-gradient(180deg,#18ad79,#0d9165) !important;
  border:0 !important;
  box-shadow:0 10px 22px rgba(14,143,100,.17) !important;
  font-size:12px !important;
  font-weight:950 !important;
  color:#fff !important;
}

@media(max-width:760px){
  #view-transfers .r612-barcode-box{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  #view-transfers .r612-barcode-box::before{
    text-align:center;
    margin:0 0 6px 0;
  }
}