/* ============================================================
   WarehouseIQ
   Yerleştirme + Toplama Professional UI
   Görsel katmandır. İş akışı / API / controller değiştirmez.
   ============================================================ */

/* ============================================================
   COMMON
   ============================================================ */

#yerlestirme,
#toplama-yonetim,
#toplama{
  color:#172033 !important;
  background:#f8fafc !important;
  border:0 !important;
  box-shadow:none !important;
}

/* Eski modül başlıklarını workspace başlığı zaten verdiği için gizle */
#yerlestirme > .heading,
#toplama-yonetim > .heading,
#toplama > .heading{
  display:none !important;
}


/* ============================================================
   YERLEŞTİRME
   ============================================================ */

#yerlestirme{
  padding:0 !important;
}

.warehouse-putaway-panel{
  color:#172033 !important;
}

.warehouse-putaway-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;
}

.warehouse-putaway-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  margin-top:16px !important;
}

.warehouse-putaway-field{
  display:grid !important;
  gap:7px !important;
  min-width:0 !important;
}

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

.warehouse-putaway-field input,
.warehouse-putaway-field select,
.warehouse-putaway-scan-step input{
  width:100% !important;
  min-height:47px !important;

  padding:10px 13px !important;

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

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

  font-size:13px !important;
  box-shadow:none !important;
}

.warehouse-putaway-field input:focus,
.warehouse-putaway-field select:focus,
.warehouse-putaway-scan-step input:focus{
  border-color:#18a997 !important;
  outline:none !important;

  box-shadow:
    0 0 0 3px rgba(24,169,151,.10) !important;
}


/* Tarama adımları */
.warehouse-putaway-scan-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

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

.warehouse-putaway-scan-step{
  display:grid !important;
  gap:9px !important;

  padding:18px !important;

  border:1px solid #e1e7ee !important;
  border-radius:15px !important;

  background:#ffffff !important;

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

.warehouse-putaway-scan-step small{
  color:#159a8c !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}

.warehouse-putaway-scan-step strong{
  color:#172033 !important;
  font-size:15px !important;
  font-weight:800 !important;
}

.warehouse-putaway-match{
  display:grid !important;
  gap:5px !important;

  margin-top:4px !important;
  padding:12px 13px !important;

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

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

.warehouse-putaway-match strong{
  color:#172033 !important;
}


/* Durum */
.warehouse-putaway-message{
  margin:16px 0 0 !important;

  padding:12px 14px !important;

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

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

  font-size:12px !important;
  line-height:1.5 !important;
}


/* Onay */
.warehouse-putaway-confirmation{
  display:grid !important;
  grid-template-columns:minmax(170px,230px) auto !important;

  align-items:end !important;

  gap:12px !important;

  margin-top:18px !important;
  padding:18px !important;

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

  background:#fff !important;
}

.warehouse-putaway-confirmation button{
  min-height:45px !important;
  padding:10px 18px !important;

  border:0 !important;
  border-radius:10px !important;

  background:#18a997 !important;
  color:#fff !important;

  font-weight:800 !important;

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


/* Tamamlama */
.warehouse-putaway-complete{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;

  gap:18px !important;

  margin-top:18px !important;
  padding:18px 20px !important;

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

  background:#fff !important;
}

.warehouse-putaway-complete p{
  margin:0 !important;

  color:#667085 !important;

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

.warehouse-putaway-complete button{
  min-width:180px !important;
  min-height:45px !important;

  border:0 !important;
  border-radius:10px !important;

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

  font-weight:800 !important;
}


/* ============================================================
   TOPLAMA YÖNETİMİ
   ============================================================ */

#toplama-yonetim{
  padding:0 !important;
}

.warehouse-picking-management-panel{
  color:#172033 !important;
}

.warehouse-picking-management-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;
}

.warehouse-picking-management-grid{
  display:grid !important;

  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  gap:16px !important;
}

.warehouse-picking-management-panel h3{
  margin:0 0 12px !important;

  color:#172033 !important;

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

.warehouse-picking-management-panel
.warehouse-picking-field{
  display:grid !important;
  gap:7px !important;
}

.warehouse-picking-management-panel
.warehouse-picking-field label{
  color:#475467 !important;

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

.warehouse-picking-management-panel
.warehouse-picking-field input,
.warehouse-picking-management-panel
.warehouse-picking-field select,
.warehouse-picking-management-panel
.warehouse-picking-field textarea{
  min-height:47px !important;

  padding:10px 13px !important;

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

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

  font-size:13px !important;
}

.warehouse-picking-management-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;

  margin-top:16px !important;
}

.warehouse-picking-management-actions button{
  min-height:43px !important;

  padding:10px 16px !important;

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

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

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

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

.warehouse-picking-management-result{
  display:grid !important;
  gap:5px !important;

  margin-top:16px !important;
  padding:14px !important;

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

  background:#f8fafc !important;
}

.warehouse-picking-management-result span{
  color:#7a8799 !important;
  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
}

.warehouse-picking-management-result strong{
  color:#172033 !important;
  font-size:13px !important;
}

.warehouse-picking-management-status,
.warehouse-picking-management-message{
  margin:12px 0 0 !important;

  padding:11px 13px !important;

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

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

  font-size:12px !important;
  line-height:1.5 !important;
}

.warehouse-picking-management-divider{
  height:1px !important;

  margin:24px 0 !important;

  background:#edf1f5 !important;

  opacity:1 !important;
}


/* Yönetim alanlarında ana aksiyon */
#toplama-yonetim button[type="submit"],
#toplama-yonetim .primary,
#toplama-yonetim .btn-primary{
  border-color:transparent !important;

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

  color:#fff !important;

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


/* ============================================================
   AKTİF TOPLAMA
   ============================================================ */

#toplama{
  padding:0 !important;
}

.warehouse-picking-panel{
  color:#172033 !important;
}

.warehouse-picking-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;
}

.warehouse-picking-grid{
  display:grid !important;

  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  gap:16px !important;
}

.warehouse-picking-field{
  display:grid !important;
  gap:7px !important;
}

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

.warehouse-picking-field input,
.warehouse-picking-field select,
.warehouse-picking-field textarea{
  min-height:47px !important;

  padding:10px 13px !important;

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

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

  font-size:13px !important;
}


/* Görev özeti */
.warehouse-picking-task-detail{
  display:grid !important;
  gap:5px !important;

  margin-top:14px !important;
  padding:14px !important;

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

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

.warehouse-picking-task-detail strong{
  color:#172033 !important;
}


/* Tarama */
.warehouse-picking-scan-grid{
  display:grid !important;

  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  gap:16px !important;

  margin-top:20px !important;
}

.warehouse-picking-scan-step{
  display:grid !important;
  gap:9px !important;

  padding:18px !important;

  border:1px solid #e1e7ee !important;
  border-radius:15px !important;

  background:#fff !important;

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

.warehouse-picking-scan-step small{
  color:#159a8c !important;

  font-size:10px !important;
  font-weight:800 !important;
  letter-spacing:.12em !important;
}

.warehouse-picking-scan-step strong{
  color:#172033 !important;

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

.warehouse-picking-match{
  display:grid !important;
  gap:5px !important;

  margin-top:4px !important;
  padding:12px 13px !important;

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

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

.warehouse-picking-match strong{
  color:#172033 !important;
}


/* Sonraki adım */
.warehouse-picking-next-step{
  margin-top:18px !important;
  padding:17px !important;

  border:1px dashed #cfd8e3 !important;
  border-radius:14px !important;

  background:#fbfcfd !important;
  color:#475467 !important;
}

.warehouse-picking-next-step p{
  color:#667085 !important;
  font-size:12px !important;
  line-height:1.55 !important;
}


/* Miktar */
.warehouse-picking-quantity-grid{
  display:grid !important;

  grid-template-columns:repeat(2,minmax(0,1fr)) !important;

  gap:16px !important;

  margin-top:18px !important;
}

.warehouse-picking-tracking-grid{
  margin-top:12px !important;
}


/* Ana toplama aksiyonu */
#toplama button[type="submit"],
#toplama .primary,
#toplama .btn-primary{
  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;
}


/* Tamamlama */
.warehouse-picking-complete{
  display:grid !important;
  gap:11px !important;

  margin-top:18px !important;
  padding:18px !important;

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

  background:#fff !important;
}

.warehouse-picking-complete p{
  margin:0 !important;

  color:#667085 !important;
  font-size:12px !important;
  line-height:1.55 !important;
}

.warehouse-picking-complete button{
  min-height:46px !important;
  width:100% !important;

  border:0 !important;
  border-radius:10px !important;

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

  font-weight:800 !important;
}


/* ============================================================
   İSTİSNALAR
   ============================================================ */

.warehouse-picking-exceptions{
  display:grid !important;
  gap:12px !important;

  margin-top:18px !important;
  padding:18px !important;

  border:1px solid #e3e8ef !important;
  border-radius:15px !important;

  background:#fff !important;
}

.warehouse-picking-exception-heading{
  display:flex !important;

  align-items:center !important;
  justify-content:space-between !important;

  gap:12px !important;
}

.warehouse-picking-exception-heading span{
  min-width:28px !important;
  height:28px !important;

  display:grid !important;
  place-items:center !important;

  border-radius:999px !important;

  background:#fff4e6 !important;
  color:#b36a00 !important;

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

.warehouse-picking-exceptions > p{
  color:#667085 !important;

  font-size:12px !important;
  line-height:1.5 !important;
}

.warehouse-picking-exception-detail{
  display:grid !important;
  gap:5px !important;

  padding:13px !important;

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

  background:#f8fafc !important;
}

.warehouse-picking-exception-detail strong{
  color:#172033 !important;
}

.warehouse-picking-exception-status{
  margin:0 !important;

  padding:11px 13px !important;

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

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

  font-size:12px !important;
}


/* ============================================================
   RESPONSIVE
   ============================================================ */

@media(max-width:800px){

  .warehouse-putaway-grid,
  .warehouse-putaway-scan-grid,
  .warehouse-picking-management-grid,
  .warehouse-picking-grid,
  .warehouse-picking-scan-grid,
  .warehouse-picking-quantity-grid{
    grid-template-columns:1fr !important;
  }

  .warehouse-putaway-confirmation{
    grid-template-columns:1fr !important;
  }

  .warehouse-putaway-complete{
    align-items:stretch !important;
    flex-direction:column !important;
  }

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

@media(max-width:520px){

  .warehouse-putaway-complete,
  .warehouse-picking-exceptions,
  .warehouse-picking-complete{
    padding:15px !important;
  }

  .warehouse-picking-management-actions{
    flex-direction:column !important;
  }

  .warehouse-picking-management-actions button{
    width:100% !important;
  }
}