#sidebar .nav-link {
  color: #adb5bd;
  border-radius: 6px;
  padding: 8px 12px;
  margin-bottom: 2px;
}
#sidebar .nav-link:hover {
  color: #fff;
  background: rgba(255,255,255,0.08);
}
#sidebar .nav-link.active {
  color: #ffc107;
  background: rgba(255,193,7,0.1);
}

.card {
  border-color: rgba(255,255,255,0.1);
}
.card-header {
  background: rgba(255,255,255,0.03);
}

#drop-zone {
  cursor: pointer;
  transition: border-color 0.2s, background 0.2s;
  border-color: rgba(255,255,255,0.2) !important;
}
#drop-zone.drag-over {
  border-color: #ffc107 !important;
  background: rgba(255,193,7,0.05);
}

.table th {
  font-weight: 600;
  font-size: 0.85rem;
  text-transform: uppercase;
  color: #8b949e;
}

.badge.bg-warning { color: #000 !important; }

.form-control-color {
  cursor: pointer;
  border: 2px solid rgba(255,255,255,0.15);
  border-radius: 8px;
}

.color-mapping-row:hover,
.gallery-row:hover {
  background: rgba(255,255,255,0.03);
  border-radius: 6px;
}