/* ===== Fontes ===== */
:root {
  --font: 'Montserrat', -apple-system, BlinkMacSystemFont, sans-serif;
}

html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
  background-color: #F8F8F8;
}

/* ===== Transição suave entre páginas do painel ===== */
body {
  opacity: 0;
  transition: opacity 0.18s ease;
}

body.corez-pronto { opacity: 1; }

/* ===== Wordmark (substitui a logo em imagem) ===== */
.wordmark-corez {
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transform: skewX(-6deg);
  display: inline-block;
}

.wordmark-corez.on-light .accent { color: #FB5105; }
.wordmark-corez.on-dark .accent { color: #FF6A2B; }

/* ===== Tabela de leads: linha muda de cor no hover ===== */
tbody tr:hover { background-color: #F8F8F8; }

/* ===== Sidebar (tema escuro da identidade) ===== */
.sidebar-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.65rem 1rem;
  border-radius: 0.65rem;
  color: rgba(245, 245, 245, 0.6);
  font-size: 0.875rem;
  font-weight: 600;
  transition: background-color 0.15s, color 0.15s;
}

.sidebar-link:hover { background-color: #1A1A1A; color: #F5F5F5; }

.sidebar-link.active {
  background-color: #FF6A2B;
  color: #111111;
}

.sidebar-link i { width: 1rem; text-align: center; }

/* ===== Sidebar colapsada: só ícone, texto encolhido ===== */
.sidebar-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  color: rgba(245, 245, 245, 0.6);
  transition: background-color 0.15s, color 0.15s;
}

.sidebar-toggle:hover { background-color: #1A1A1A; color: #F5F5F5; }

/* ===== Kanban: card fantasma enquanto arrasta ===== */
.kanban-card.dragging { opacity: 0.4; }
.kanban-col.drag-over { background-color: rgba(251, 81, 5, 0.06); }