body {
  font-family: 'Inter', sans-serif;
  background-color: #f1f5f9;
}

.sidebar {
  background-color: #1c2434;
}

.sidebar-item:hover,
.sidebar-item.active {
  background-color: #333a48;
}

.sidebar-item.active {
  border-left: 4px solid #3b82f6;
}

.card-blue {
  background-color: #3b82f6;
}

.card-green {
  background-color: #10b981;
}

.card-orange {
  background-color: #f59e0b;
}

.card-red {
  background-color: #f43f5e;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #f1f5f9;
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8;
}

[x-cloak] { display: none !important; }

/* Mobile Adjustments */
@media (max-width: 1023px) {
  .sidebar {
    box-shadow: 10px 0 15px -3px rgba(0, 0, 0, 0.1), 4px 0 6px -2px rgba(0, 0, 0, 0.05);
    /* Removendo a limitação de width fixa que estava quebrando a transição do Tailwind */
  }
  
  /* Make tables more readable on mobile */
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
  }
}