@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  box-sizing: border-box;
}

html, body, #root {
  height: 100%;
  margin: 0;
  padding: 0;
}

.App {
  min-height: 100vh;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

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

::-webkit-scrollbar-track {
  background: hsl(var(--muted));
}

::-webkit-scrollbar-thumb {
  background: hsl(var(--muted-foreground));
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: hsl(var(--accent));
}

/* Loading spinner */
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

/* Truncate text */
.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Custom text size for 13px */
.text-13 {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

/* Specific sidebar text styling */
nav .text-13 {
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 400 !important;
}

/* Sidebar link text override */
.sidebar-link-text {
  font-size: 13px !important;
  line-height: 20px !important;
  font-weight: 400 !important;
}

/* Custom main text color */
.text-main {
  color: #344054;
}