/* arquivo assets/css/kanban.css */
/* Container principal do Kanban */
.kanban-cards {
    min-height: 90%; /* Altura mínima para garantir que a área seja visível */
    padding: 10px;
    border: 1px dashed #ddd; /* Borda pontilhada para indicar a área de destino */
    border-radius: 4px;
}

.kanban-container {
    display: flex; /* Ativa o layout flexível */
    gap: 20px; /* Espaçamento entre as colunas */
    overflow-x: auto; /* Permite rolagem horizontal se houver muitas colunas */
	margin-top: 5px;
}

/* Container das colunas */
.kanban-columns {
    display: flex; /* Ativa o layout flexível */
    gap: 20px; /* Espaçamento entre as colunas */
    width: 100%; /* Garante que o container ocupe toda a largura disponível */
}

/* Estilo para cada coluna */
.kanban-column {
    flex: 1; /* Distribui o espaço igualmente entre as colunas */
    min-width: 300px; /* Largura mínima para cada coluna */
    border: 2px solid #ccc; /* Borda para melhor visualização */
    border-radius: 8px; /* Bordas arredondadas */
    padding: 10px; /* Espaçamento interno */
    background-color: #f9f9f9; /* Fundo claro */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra suave */
}

.kanban-card {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: grab;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Verde pastel para Tranquilo */
.priority-tranquilo {
    background-color: #d4edda; /* Verde pastel */
    border-left: 4px solid #c3e6cb; /* Borda esquerda para destaque */
}

/* Amarelo pastel para Atenção */
.priority-atencao {
    background-color: #fff3cd; /* Amarelo pastel */
    border-left: 4px solid #ffeeba; /* Borda esquerda para destaque */
}

/* Vermelho pastel para Urgente */
.priority-urgente {
    background-color: #f8d7da; /* Vermelho pastel */
    border-left: 4px solid #f5c6cb; /* Borda esquerda para destaque */
}