/* =========================================================
   WarehouseIQ — Stok / Depo / Lokasyon
   Professional Enterprise Workspace
   ========================================================= */

#wq-app #stok,
#wq-app #depo-yonetimi,
#wq-app #lokasyonlar {
  position: relative;
  color: #17212b;
}

/* Ana kart */
#wq-app #stok > *,
#wq-app #depo-yonetimi > *,
#wq-app #lokasyonlar > * {
  box-sizing: border-box;
}

/* Eski başlıkları sadeleştir */
#wq-app #stok > h2,
#wq-app #depo-yonetimi > h2,
#wq-app #lokasyonlar > h2 {
  display: none !important;
}

/* Açıklama alanı */
#wq-app #stok .help,
#wq-app #stok .note,
#wq-app #depo-yonetimi .help,
#wq-app #depo-yonetimi .note,
#wq-app #lokasyonlar .help,
#wq-app #lokasyonlar .note {
  color: #64748b !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 0 20px !important;
}

/* Kart / bölüm */
#wq-app #stok .card,
#wq-app #stok .section,
#wq-app #stok .panel-section,
#wq-app #stok .table-wrap,
#wq-app #stok .form-section,
#wq-app #depo-yonetimi .card,
#wq-app #depo-yonetimi .section,
#wq-app #depo-yonetimi .panel-section,
#wq-app #depo-yonetimi .table-wrap,
#wq-app #depo-yonetimi .form-section,
#wq-app #lokasyonlar .card,
#wq-app #lokasyonlar .section,
#wq-app #lokasyonlar .panel-section,
#wq-app #lokasyonlar .table-wrap,
#wq-app #lokasyonlar .form-section {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05) !important;
}

/* Form alanları */
#wq-app #stok label,
#wq-app #depo-yonetimi label,
#wq-app #lokasyonlar label {
  display: block !important;
  color: #334155 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .02em !important;
  margin-bottom: 7px !important;
}

#wq-app #stok input,
#wq-app #stok select,
#wq-app #stok textarea,
#wq-app #depo-yonetimi input,
#wq-app #depo-yonetimi select,
#wq-app #depo-yonetimi textarea,
#wq-app #lokasyonlar input,
#wq-app #lokasyonlar select,
#wq-app #lokasyonlar textarea {
  width: 100% !important;
  min-height: 44px !important;
  padding: 10px 12px !important;
  background: #f8fafc !important;
  color: #17212b !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  outline: none !important;
  transition: border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}

#wq-app #stok input:focus,
#wq-app #stok select:focus,
#wq-app #stok textarea:focus,
#wq-app #depo-yonetimi input:focus,
#wq-app #depo-yonetimi select:focus,
#wq-app #depo-yonetimi textarea:focus,
#wq-app #lokasyonlar input:focus,
#wq-app #lokasyonlar select:focus,
#wq-app #lokasyonlar textarea:focus {
  background: #ffffff !important;
  border-color: #0f766e !important;
  box-shadow: 0 0 0 3px rgba(15,118,110,.10) !important;
}

/* Butonlar */
#wq-app #stok button,
#wq-app #depo-yonetimi button,
#wq-app #lokasyonlar button {
  min-height: 42px !important;
  padding: 10px 16px !important;
  border-radius: 10px !important;
  border: 1px solid #cbd5e1 !important;
  background: #ffffff !important;
  color: #17212b !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}

#wq-app #stok button:hover,
#wq-app #depo-yonetimi button:hover,
#wq-app #lokasyonlar button:hover {
  border-color: #0f766e !important;
}

#wq-app #stok button[type="submit"],
#wq-app #depo-yonetimi button[type="submit"],
#wq-app #lokasyonlar button[type="submit"],
#wq-app #stok .primary,
#wq-app #depo-yonetimi .primary,
#wq-app #lokasyonlar .primary {
  background: #0f766e !important;
  border-color: #0f766e !important;
  color: #ffffff !important;
}

/* Grid */
#wq-app #stok .grid,
#wq-app #depo-yonetimi .grid,
#wq-app #lokasyonlar .grid,
#wq-app #stok .form-grid,
#wq-app #depo-yonetimi .form-grid,
#wq-app #lokasyonlar .form-grid {
  gap: 14px !important;
}

/* Tablolar */
#wq-app #stok table,
#wq-app #depo-yonetimi table,
#wq-app #lokasyonlar table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #ffffff !important;
  overflow: hidden !important;
}

#wq-app #stok th,
#wq-app #depo-yonetimi th,
#wq-app #lokasyonlar th {
  padding: 13px 14px !important;
  background: #f8fafc !important;
  color: #475569 !important;
  border-bottom: 1px solid #e2e8f0 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: .04em !important;
  white-space: nowrap !important;
}

#wq-app #stok td,
#wq-app #depo-yonetimi td,
#wq-app #lokasyonlar td {
  padding: 13px 14px !important;
  color: #1e293b !important;
  border-bottom: 1px solid #eef2f7 !important;
  font-size: 13px !important;
  vertical-align: middle !important;
}

#wq-app #stok tbody tr:hover,
#wq-app #depo-yonetimi tbody tr:hover,
#wq-app #lokasyonlar tbody tr:hover {
  background: #f8fafc !important;
}

/* Durum rozetleri */
#wq-app #stok .badge,
#wq-app #stok .status,
#wq-app #stok [class*="status"],
#wq-app #depo-yonetimi .badge,
#wq-app #depo-yonetimi .status,
#wq-app #depo-yonetimi [class*="status"],
#wq-app #lokasyonlar .badge,
#wq-app #lokasyonlar .status,
#wq-app #lokasyonlar [class*="status"] {
  border-radius: 999px !important;
  font-weight: 700 !important;
}

/* STOK YÖNETİMİ */
#wq-app #stok::before {
  content: "STOK YÖNETİMİ";
  display: block;
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}

#wq-app #stok::after {
  content: "Stok görünürlüğü, ürün durumu ve envanter kontrolü";
  display: block;
  margin-bottom: 22px;
  color: #64748b;
  font-size: 14px;
}

/* DEPO YÖNETİMİ */
#wq-app #depo-yonetimi::before {
  content: "DEPO YÖNETİMİ";
  display: block;
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}

#wq-app #depo-yonetimi::after {
  content: "Depo tanımları, kapasite ve operasyonel yapılandırma";
  display: block;
  margin-bottom: 22px;
  color: #64748b;
  font-size: 14px;
}

/* LOKASYON YÖNETİMİ */
#wq-app #lokasyonlar::before {
  content: "LOKASYON YÖNETİMİ";
  display: block;
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 24px;
  font-weight: 800;
  letter-spacing: -.03em;
}

#wq-app #lokasyonlar::after {
  content: "Raf, alan ve depo lokasyonlarının yönetimi";
  display: block;
  margin-bottom: 22px;
  color: #64748b;
  font-size: 14px;
}

/* Sayısal / önemli değerler */
#wq-app #stok strong,
#wq-app #depo-yonetimi strong,
#wq-app #lokasyonlar strong {
  color: #0f172a !important;
}

/* Mesaj / sonuç alanları */
#wq-app #stok [role="status"],
#wq-app #depo-yonetimi [role="status"],
#wq-app #lokasyonlar [role="status"] {
  padding: 12px 14px !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
}

/* Mobil */
@media (max-width: 900px) {
  #wq-app #stok::before,
  #wq-app #depo-yonetimi::before,
  #wq-app #lokasyonlar::before {
    font-size: 21px;
  }

  #wq-app #stok .grid,
  #wq-app #depo-yonetimi .grid,
  #wq-app #lokasyonlar .grid,
  #wq-app #stok .form-grid,
  #wq-app #depo-yonetimi .form-grid,
  #wq-app #lokasyonlar .form-grid {
    grid-template-columns: 1fr !important;
  }

  #wq-app #stok table,
  #wq-app #depo-yonetimi table,
  #wq-app #lokasyonlar table {
    min-width: 700px !important;
  }
}