:root { color-scheme: light dark; }

#dropZone {
  cursor: pointer;
  transition: all 0.3s ease;
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  border-color: var(--bs-border-color) !important;
  user-select: none;
  pointer-events: auto;
}

#dropZone:hover, #dropZone.dragover {
  background-color: var(--bs-primary-bg-subtle, rgba(13, 110, 253, 0.1));
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

#kararMetniOniziemesi {
  background-color: var(--bs-body-bg) !important;
  color: var(--bs-body-color);
  border-color: var(--bs-border-color) !important;
}

.progress-bar { 
  transition: width 0.6s ease; 
}

.list-group-item {
  border: none;
  border-bottom: 1px solid var(--bs-border-color);
  background-color: transparent;
  color: var(--bs-body-color);
}

.list-group-item:last-child { 
  border-bottom: none; 
}

.list-group-item.completed { 
  color: #28a745; 
  font-weight: 500; 
}

.list-group-item.completed .material-symbols-rounded { 
  color: #28a745 !important; 
}

.sticky-top { 
  background-color: var(--bs-body-bg); 
  border-color: var(--bs-border-color); 
}

@media print {
  .col-xl-3, .card-header, .btn { 
    display: none !important; 
  }
  
  .card { 
    border: none; 
    box-shadow: none; 
  }
}

#musterkOlmayanUyarisi.hidden {
  display: none !important;
}

#musterkOlmayanUyarisi:not(.hidden) {
  display: flex !important;
}