/* ============================================================
   WarehouseIQ — Mal Kabul Professional UI
   Visual-only layer. No operation logic changes.
   ============================================================ */

#mal-kabul{
  background:#f8fafc !important;
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  color:#172033 !important;
}

/* Workspace already has its own page heading */
#mal-kabul > .heading{
  display:none !important;
}

/* Intro / safety message */
#mal-kabul > .warehouse-receiving-help{
  margin:0 0 18px !important;
  padding:13px 16px !important;

  border:1px solid #dfe7ef !important;
  border-radius:12px !important;

  background:#f8fbfd !important;
  color:#667085 !important;

  font-size:13px !important;
  line-height:1.55 !important;
}

/* ------------------------------------------------------------
   NEW RECEIVING CARD
   ------------------------------------------------------------ */

.warehouse-receiving-setup{
  margin:0 !important;
  padding:24px !important;

  border:1px solid #e2e8f0 !important;
  border-radius:18px !important;

  background:#ffffff !important;

  box-shadow:
    0 10px 28px rgba(15,23,42,.055) !important;
}

.warehouse-receiving-setup-heading{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:20px !important;

  margin:0 0 20px !important;
  padding:0 0 17px !important;

  border-bottom:1px solid #edf1f5 !important;
}

.warehouse-receiving-setup-heading em{
  display:block !important;
  margin:0 0 5px !important;

  color:#159a8c !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.13em !important;
  font-style:normal !important;
}

.warehouse-receiving-setup-heading h3{
  margin:0 !important;
  color:#172033 !important;
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

/* Status pill */
.warehouse-receiving-setup .count{
  flex:0 0 auto !important;

  min-height:30px !important;
  padding:6px 10px !important;

  border:1px solid #dce6ee !important;
  border-radius:999px !important;

  background:#f7fafc !important;
  color:#667085 !important;

  font-size:10px !important;
  font-weight:800 !important;
}

/* Form grid */
.warehouse-receiving-setup .warehouse-receiving-grid{
  grid-template-columns:
    minmax(0,1fr)
    minmax(0,1fr) !important;

  gap:16px !important;
  margin-top:0 !important;
}

.warehouse-receiving-field{
  gap:7px !important;
}

.warehouse-receiving-field label{
  color:#475467 !important;
  font-size:11px !important;
  font-weight:800 !important;
}

/* Inputs */
.warehouse-receiving-field select,
.warehouse-receiving-field input{
  min-height:47px !important;

  padding:10px 13px !important;

  border:1px solid #d7dee8 !important;
  border-radius:11px !important;

  background:#ffffff !important;
  color:#172033 !important;

  font-size:13px !important;

  box-shadow:
    0 1px 2px rgba(16,24,40,.02) !important;
}

.warehouse-receiving-field select:focus,
.warehouse-receiving-field input:focus{
  border-color:#18a997 !important;
  box-shadow:
    0 0 0 3px rgba(24,169,151,.10) !important;
  outline:none !important;
}

.warehouse-receiving-field input::placeholder{
  color:#98a2b3 !important;
}

/* Disabled fields remain readable */
.warehouse-receiving-field select:disabled,
.warehouse-receiving-field input:disabled{
  background:#f8fafc !important;
  color:#344054 !important;
  opacity:1 !important;
  -webkit-text-fill-color:#344054 !important;
}

/* First action row */
.warehouse-receiving-setup-actions{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;

  margin-top:18px !important;
}

.warehouse-receiving-setup-actions button{
  min-height:43px !important;

  padding:10px 16px !important;

  border:1px solid #d6dee8 !important;
  border-radius:10px !important;

  background:#ffffff !important;
  color:#344054 !important;

  font-size:12px !important;
  font-weight:800 !important;
}

.warehouse-receiving-setup-actions button:hover{
  border-color:#b9c5d4 !important;
  background:#f8fafc !important;
}

#mal-kabul-olustur{
  border-color:transparent !important;

  background:
    linear-gradient(
      135deg,
      #18b6a4,
      #109589
    ) !important;

  color:#ffffff !important;

  box-shadow:
    0 7px 16px rgba(24,182,164,.18) !important;
}

/* ------------------------------------------------------------
   PRODUCT LINE
   ------------------------------------------------------------ */

.warehouse-receiving-setup-divider{
  height:1px !important;
  margin:26px 0 !important;

  background:#edf1f5 !important;
}

.warehouse-receiving-setup .warehouse-receiving-setup-heading:nth-of-type(2){
  margin-bottom:17px !important;
}

.warehouse-receiving-product-results{
  margin-top:10px !important;
}

.warehouse-receiving-product-option{
  min-height:48px !important;

  border:1px solid #dfe5ec !important;
  border-radius:10px !important;

  background:#ffffff !important;
  color:#172033 !important;

  box-shadow:0 2px 6px rgba(15,23,42,.03) !important;
}

.warehouse-receiving-product-option:hover{
  border-color:#18a997 !important;
  background:#f8fffd !important;
}

.warehouse-receiving-product-option small{
  color:#667085 !important;
}

.warehouse-receiving-selected{
  min-height:47px !important;

  margin-top:0 !important;
  padding:11px 13px !important;

  border:1px solid #d7dee8 !important;
  border-radius:11px !important;

  background:#f8fafc !important;
  color:#344054 !important;

  font-size:13px !important;
  font-weight:700 !important;
}

/* Product barcode note */
#mal-kabul-urun-barkodlar{
  color:#7a8799 !important;
  font-size:10px !important;
  line-height:1.45 !important;
}

/* Product action hierarchy */
#mal-kabul-barkod-tanimla{
  background:#fff !important;
  color:#475467 !important;
}

#mal-kabul-urun-ekle{
  background:#fff !important;
  color:#344054 !important;
}

#mal-kabul-baslat{
  border-color:transparent !important;

  background:
    linear-gradient(
      135deg,
      #3157d5,
      #2545b5
    ) !important;

  color:#fff !important;

  box-shadow:
    0 7px 17px rgba(49,87,213,.18) !important;
}

/* Message */
.warehouse-receiving-message{
  margin-top:16px !important;

  padding:11px 13px !important;

  border:1px solid #e2e8ef !important;
  border-radius:10px !important;

  background:#f8fafc !important;
  color:#667085 !important;

  font-size:11px !important;
}


/* ------------------------------------------------------------
   ACTIVE RECEIVING AREA
   ------------------------------------------------------------ */

#mal-kabul > .warehouse-receiving-grid{
  display:grid !important;

  grid-template-columns:
    minmax(0,1.15fr)
    minmax(0,1.55fr)
    auto !important;

  gap:14px !important;

  margin:18px 0 0 !important;

  padding:20px !important;

  border:1px solid #e2e8f0 !important;
  border-radius:16px !important;

  background:#ffffff !important;

  box-shadow:
    0 7px 20px rgba(15,23,42,.035) !important;
}

#mal-kabul > .warehouse-receiving-grid
.warehouse-receiving-field{
  gap:7px !important;
}

#mal-kabul-barkod-dogrula{
  min-width:150px !important;

  border-color:transparent !important;

  background:#3157d5 !important;

  color:#ffffff !important;

  box-shadow:
    0 7px 16px rgba(49,87,213,.16) !important;
}


/* ------------------------------------------------------------
   MATCH / CONFIRMATION
   ------------------------------------------------------------ */

.warehouse-receiving-match{
  margin-top:16px !important;

  padding:17px !important;

  border:1px solid #dce5ec !important;
  border-radius:14px !important;

  background:#f8fafc !important;

  color:#344054 !important;
}

.warehouse-receiving-confirmation{
  margin-top:14px !important;

  padding:18px !important;

  border:1px solid #e2e8f0 !important;
  border-radius:14px !important;

  background:#ffffff !important;
}

.warehouse-receiving-confirmation button{
  border-color:transparent !important;

  background:#18a997 !important;

  color:#ffffff !important;
}


/* ------------------------------------------------------------
   COMPLETE
   ------------------------------------------------------------ */

.warehouse-receiving-complete{
  margin-top:18px !important;

  padding:18px 20px !important;

  border:1px solid #e2e8f0 !important;
  border-radius:14px !important;

  background:#ffffff !important;

  box-shadow:
    0 7px 18px rgba(15,23,42,.03) !important;
}

.warehouse-receiving-complete p{
  color:#667085 !important;
  font-size:12px !important;
}

.warehouse-receiving-complete button{
  min-width:170px !important;

  border-color:transparent !important;

  background:#172033 !important;

  color:#ffffff !important;

  box-shadow:
    0 7px 16px rgba(15,23,42,.12) !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media(max-width:800px){

  .warehouse-receiving-setup{
    padding:18px !important;
    border-radius:15px !important;
  }

  .warehouse-receiving-setup-heading{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  .warehouse-receiving-setup .warehouse-receiving-grid{
    grid-template-columns:1fr !important;
  }

  #mal-kabul > .warehouse-receiving-grid{
    grid-template-columns:1fr !important;
    padding:16px !important;
    border-radius:14px !important;
  }

  #mal-kabul-barkod-dogrula{
    width:100% !important;
  }
}

@media(max-width:520px){

  .warehouse-receiving-setup{
    padding:15px !important;
  }

  .warehouse-receiving-setup-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .warehouse-receiving-setup-actions button{
    width:100% !important;
  }

  .warehouse-receiving-complete{
    padding:15px !important;
  }

  .warehouse-receiving-complete button{
    width:100% !important;
  }
}