/* Estilos complementarios — CRM Royal Pro (la mayoría del diseño usa utilidades de Tailwind) */

@keyframes fadeIn { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: translateY(0); } }

body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; }

/* Kanban (estilo tipo Trello: tablero con tarjetas) */
.kanban-canvas { background: linear-gradient(135deg, #002B64 0%, #013a86 100%); }
.kanban-column { min-height: 120px; transition: background-color .15s ease, outline-color .15s ease; outline: 2px solid transparent; outline-offset: -2px; }
.kanban-card { cursor: grab; }
.kanban-card:active { cursor: grabbing; }
.kanban-card:hover { transform: translateY(-1px); }
.kanban-card.dragging { opacity: 0.35; }
.kanban-column.drag-over { background-color: #eef2ff; outline-color: #FABF29; }
.trello-list::-webkit-scrollbar { width: 6px; }

/* Tablas */
table.crm-table th { text-align: left; font-size: 0.72rem; text-transform: uppercase; letter-spacing: .03em; color: #64748b; font-weight: 600; padding: .6rem .9rem; border-bottom: 1px solid #e2e8f0; }
table.crm-table td { padding: .7rem .9rem; border-bottom: 1px solid #f1f5f9; font-size: 0.875rem; }
table.crm-table tr:hover td { background-color: #f8fafc; }

/* Scrollbar sutil */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-track { background: transparent; }

/* Impresión (cotización pública) */
@media print {
  .no-print { display: none !important; }
  body { background: white !important; }
}