.drop-box {
    background: #dddddd;
    border: 5px dashed rgb(143, 143, 143);
    width: 170px;
    text-align: center;
    padding: 50px 10px;
    margin-left: 10px;
}

.topbar {
    height: auto;
}

.topbar.navbar-light .navbar-nav .nav-item .nav-link {
    color: #4e73df;
}

/* VehDmg1  */
.vehDmg1.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg1Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:33px; top:87px;
	width:38px;
	height:46px;
}

.vehDmg1.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg1Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:33px; top:87px;
	width:38px;
	height:46px;
}

.vehDmg1.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg1Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:33px; top:87px;
	width:38px;
	height:46px;
}

/* VehDmg2  */
.vehDmg2.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg2Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:100px; top:65px;
	width:115px;
	height:76px;
}

.vehDmg2.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg2Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:100px; top:65px;
	width:115px;
	height:76px;
}

.vehDmg2.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg2Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:100px; top:65px;
	width:115px;
	height:76px;
}

/* VehDmg3  */
.vehDmg3.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg3Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:245px; top:89px;
	width:39px;
	height:45px;
}

.vehDmg3.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg3Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:245px; top:89px;
	width:39px;
	height:45px;
}

.vehDmg3.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg3Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:245px; top:89px;
	width:39px;
	height:45px;
}


/* VehDmg4  */
.vehDmg4.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg4Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:20px; top:128px;
	width:83px;
	height:89px;
}

.vehDmg4.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg4Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:20px; top:128px;
	width:83px;
	height:89px;
}

.vehDmg4.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg4Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:20px; top:128px;
	width:83px;
	height:89px;
}

/* VehDmg5  */
.vehDmg5.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg5Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:128px;
	width:82px;
	height:89px;
}

.vehDmg5.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg5Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:128px;
	width:82px;
	height:89px;
}

.vehDmg5.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg5Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:128px;
	width:82px;
	height:89px;
}

/* VehDmg6  */
.vehDmg6.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg6Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:21px; top:200px;
	width:83px;
	height:81px;
}

.vehDmg6.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg6Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:21px; top:200px;
	width:83px;
	height:81px;
}

.vehDmg6.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg6Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:21px; top:200px;
	width:83px;
	height:81px;
}

/* VehDmg7  */
.vehDmg7.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg7Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:201px;
	width:82px;
	height:80px;
}

.vehDmg7.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg7Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:201px;
	width:82px;
	height:80px;
}

.vehDmg7.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg7Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:214px; top:201px;
	width:82px;
	height:80px;
}

/* VehDmg8 */
.vehDmg8.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg8Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:40px; top:264px;
	width:58px;
	height:44px;
}

.vehDmg8.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg8Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:40px; top:264px;
	width:58px;
	height:44px;
}

.vehDmg8.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg8Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:40px; top:264px;
	width:58px;
	height:44px;
}

/* VehDmg9 */ 
.vehDmg9.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg9Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:103px; top:305px;
	width:109px;
	height:31px;
}

.vehDmg9.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg9Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:103px; top:305px;
	width:109px;
	height:31px;
}

.vehDmg9.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg9Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:103px; top:305px;
	width:109px;
	height:31px;
}

/* VehDmg10  */
.vehDmg10.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg10Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:220px; top:265px;
	width:58px;
	height:44px;
}

.vehDmg10.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg10Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:220px; top:265px;
	width:58px;
	height:44px;
}

.vehDmg10.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg10Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:220px; top:265px;
	width:58px;
	height:44px;
}

/* VehDmg11  */
.vehDmg11.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg11Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:117px; top:210px;
	width:81px;
	height:55px;
}

.vehDmg11.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg11Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:117px; top:210px;
	width:81px;
	height:55px;
}

.vehDmg11.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg11Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:117px; top:210px;
	width:81px;
	height:55px;
}

/* VehDmg12  */
.vehDmg12.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg12Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:63px;
	width:41px;
	height:24px;
}

.vehDmg12.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg12Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:63px;
	width:41px;
	height:24px;
}

.vehDmg12.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg12Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:63px;
	width:41px;
	height:24px;
}

/* VehDmg13  */
.vehDmg13.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg13Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:35px;
	width:107px;
	height:21px;
}

.vehDmg13.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg13Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:35px;
	width:107px;
	height:21px;
}

.vehDmg13.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg13Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:35px;
	width:107px;
	height:21px;
}

/* VehDmg14  */
.vehDmg14.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg14Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:256px; top:65px;
	width:42px;
	height:24px;
}

.vehDmg14.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg14Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:256px; top:65px;
	width:42px;
	height:24px;
}

.vehDmg14.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg14Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:256px; top:65px;
	width:42px;
	height:24px;
}

/* VehDmg15 */
.vehDmg15.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg15Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:308px;
	width:67px;
	height:27px;
}

.vehDmg15.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg15Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:308px;
	width:67px;
	height:27px;
}

.vehDmg15.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg15Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:19px; top:308px;
	width:67px;
	height:27px;
}

/* VehDmg16  */
.vehDmg16.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg16Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:345px;
	width:106px;
	height:22px;
}

.vehDmg16.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg16Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:345px;
	width:106px;
	height:22px;
}

.vehDmg16.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg16Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:105px; top:345px;
	width:106px;
	height:22px;
}

/* VehDmg17 */
.vehDmg17.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg17Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:230px; top:309px;
	width:67px;
	height:28px;
}

.vehDmg17.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg17Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:230px; top:309px;
	width:67px;
	height:28px;
}

.vehDmg17.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg17Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:230px; top:309px;
	width:67px;
	height:28px;
}

/* VehDmg18 */
.vehDmg18.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg18Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:0px; top:93px;
	width:44px;
	height:44px;
}

.vehDmg18.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg18Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:0px; top:93px;
	width:44px;
	height:44px;
}

.vehDmg18.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg18Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:0px; top:93px;
	width:44px;
	height:44px;
}

/* VehDmg19 */
.vehDmg19.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg19Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:95px;
	width:44px;
	height:44px;
}

.vehDmg19.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg19Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:95px;
	width:44px;
	height:44px;
}

.vehDmg19.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg19Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:95px;
	width:44px;
	height:44px;
}

/* VehDmg20 */
.vehDmg20.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg20Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:1px; top:259px;
	width:44px;
	height:44px;
}

.vehDmg20.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg20Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:1px; top:259px;
	width:44px;
	height:44px;
}

.vehDmg20.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg20Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:1px; top:259px;
	width:44px;
	height:44px;
}

/* VehDmg21 */
.vehDmg21.red {
	background-image: url('/images/vehicleSketch/red/red_vehDmg21Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:261px;
	width:44px;
	height:44px;
}

.vehDmg21.grey {
	background-image: url('/images/vehicleSketch/grey/grey_vehDmg21Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:261px;
	width:44px;
	height:44px;
}

.vehDmg21.darkGrey {
	background-image: url('/images/vehicleSketch/dark_grey/dark_grey_vehDmg21Yn.png');
	background-repeat: no-repeat;
	position:absolute;
	left:273px; top:261px;
	width:44px;
	height:44px;
}

.table-envanter thead th:first-child,
.table-envanter tbody td:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
  min-width: 250px;
	max-width: 300px;
}

/* Son sütunu sabitle */
.table-envanter thead th:last-child,
.table-envanter tbody td:last-child {
  position: sticky;
	right: 0;
  background-color: #fff;
  z-index: 10;
  min-width: 50px;
}

/* Tablonun gövdesine kaydırılabilirlik ekle */
.table-envanter-wrapper {
  max-width: 100%;  /* Kartın genişliğini kontrol eder */
  overflow-x: auto; /* X ekseninde kaydırma */
}

/* Ortadaki sütunların kaydırılabilmesi için tablo genişliği */
.table-envanter {
  min-width: 1000px; /* Tablonun genişliğini genişlet */
}

.ql-container {
  min-height: 16rem;
  height: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.ql-editor {
  height: 100%;
  flex: 1;
  overflow-y: auto;
  width: 100%;
}

#scanner-container {
  position: relative;
  width: 500px;
  height: 200px;
  overflow: hidden;
	background-color: black;
}

.scanner-overlay {
  position: absolute;
  //top: 0;
  //left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
}

.scanner-rectangle {
  border: 2px solid yellow;
  width: 80%;
  height: 50%;
  box-sizing: border-box;
  position: relative;
}

.scanner-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: red;
  top: 50%;
  transform: translateY(-50%);
}

/* STOK SAYIM TABLE */
/*.table-stoksayim thead th:first-child,
.table-stoksayim tbody td:first-child {
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 10;
  min-width: 200px;
	max-width: 250px;
} 
*/
/* Son sütunu sabitle */
.table-stoksayim thead th:last-child,
.table-stoksayim tbody td:last-child {
  position: sticky;
	right: 0;
  background-color: #fff;
  z-index: 10;
  min-width: 50px;
	max-width: 250px;
}

/* Tablonun gövdesine kaydırılabilirlik ekle */
.table-stoksayim-wrapper {
  max-width: 100%;  /* Kartın genişliğini kontrol eder */
  overflow-x: auto; /* X ekseninde kaydırma */
}

/* Ortadaki sütunların kaydırılabilmesi için tablo genişliği */
.table-stoksayim {
  min-width: 1000px; /* Tablonun genişliğini genişlet */
}

.table-stoksayim-wrapper {
  height: 45vh; /* Varsayılan yükseklik, telefonlar için */
}

@media (min-width: 576px) { /* Tablet ve küçük ekranlar için */
  .table-stoksayim-wrapper {
    height: 55vh;
  }
}

@media (min-width: 992px) { /* Büyük ekranlar için */
  .table-stoksayim-wrapper {
    height: 60vh;
  }
}

.ekspertiz-container {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.car-schema {
  position: relative;
  width: 400px;   /* görselin oranlarına göre */
  height: 700px;  /* görselin oranlarına göre */
  background: url('/images/vehicle-blueprint.png') no-repeat center center;
  background-size: contain;
}

.car-part {
  position: absolute;
  cursor: pointer;
  transform: translate(-50%, -50%);
}

.car-part .plus-btn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background: #007bff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
}

/* Durumlara özel renkler */
.car-part .plus-btn.durum-orijinal {
  background-color: #007bff; /* Mavi (mevcut renk) */
}

.car-part .plus-btn.durum-boyali {
  background-color: #8A2BE2; /* Mor */
}

.car-part .plus-btn.durum-lokal-boya {
  background-color: #FFD700; /* Sarı */
  color: #333; /* Sarı zemin üzerinde daha iyi görünmesi için yazı rengini koyu yapabiliriz */
}

.car-part .plus-btn.durum-degisen {
  background-color: #FF0000; /* Kırmızı */
}

/* ---------------------------------------------------------------------- */
/* 1. Sürükleme Başlatıcı Alanı (Handle) */
/* ---------------------------------------------------------------------- */
.carimages-container .photo-wrapper {
  /* Zorunlu: Kararsızlığı çözer, görsel seçimini engeller */
  user-select: none !important; 
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  
  /* Sürükleme imleci ve öncelik ayarı */
  cursor: grab !important;
  position: relative;
  z-index: 2; 
  pointer-events: auto; /* Handle'ın olayları yakalamasını garantiler */
}

/* ⭐ KRİTİK KURAL EKLEMESİ: Görselin olay çalmasını engeller */
.carimages-container .photo-wrapper img {
    pointer-events: none; 
}

/* ---------------------------------------------------------------------- */
/* 2. Sürükleme İlerleme Durumları */
/* ---------------------------------------------------------------------- */
.sortable-drag { 
  opacity: 0.8;
  z-index: 99999 !important; /* En üstte kalmasını garanti eder */
}
.sortable-ghost { 
  opacity: 0.1;
  background: #f1f1f1; 
  border: 1px dashed #ccc;
}