/* Custom Base Tweaks & Cairo Arabic Adjustments */
* {
  -webkit-tap-highlight-color: transparent;
}

body {
  background-color: #121417;
  color: #F3F4F6;
  font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Hide scrollbar for category bars */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Smooth checkmark animation */
.task-checkbox:checked + .checkbox-visual {
  background-color: #10B981;
  border-color: #10B981;
}

.task-checkbox:checked + .checkbox-visual svg {
  stroke-dashoffset: 0;
  opacity: 1;
}

.checkbox-visual svg {
  stroke-dasharray: 20;
  stroke-dashoffset: 20;
  opacity: 0;
  transition: stroke-dashoffset 0.25s ease-out, opacity 0.2s ease;
}

/* Item entrance and removal */
.task-item {
  transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

.task-item.completing {
  opacity: 0.55;
  transform: scale(0.99);
}

.task-item.completing .task-text {
  text-decoration: line-through;
  color: #6B7280;
}

/* Priority badge pulses for high urgency */
@keyframes softPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.65; }
}

.badge-urgent {
  animation: softPulse 2.5s infinite ease-in-out;
}

/* Active Filter Tab styling */
.filter-tab.active {
  background-color: rgba(16, 185, 129, 0.12);
  color: #34D399;
  border: 1px solid rgba(16, 185, 129, 0.3);
}

/* Scale & active feedback */
button:active {
  transform: scale(0.97);
}