@import "tailwindcss";

body {
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #1f2937;
  background-color: #f8fafc;
  font-size: 15px;
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #0f172a;
  font-weight: 600;
  letter-spacing: -0.01em;
}

.grid-stack-responsive {
  margin: -0.75rem !important;
}

.grid-stack-responsive > .grid-stack-item {
  padding: 0.75rem !important;
}

.grid-stack-responsive .grid-stack-item-content {
  height: 100%;
}

@media (max-width: 1023px) {
  .grid-stack-responsive {
    margin: -0.5rem !important;
  }

  .grid-stack-responsive > .grid-stack-item {
    padding: 0.5rem !important;
  }
}

@media (max-width: 639px) {
  .grid-stack-responsive {
    margin: -0.35rem !important;
  }

  .grid-stack-responsive > .grid-stack-item {
    padding: 0.35rem !important;
  }
}

.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none;}
.hide-scrollbar::-webkit-scrollbar{display:none;}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes slideDown {
  from {
    transform: translateY(-8px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Mobile touch improvements */
.touch-manipulation {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

/* Smooth scrolling for mobile */
@media (max-width: 768px) {
  * {
    -webkit-overflow-scrolling: touch;
  }
  
  /* Better scrollbar for mobile */
  .scrollbar-thin::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 3px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
  }
  
  .scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
  }
}

/* Line clamp utility for text truncation */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}