﻿/* Estructura del Tablero */
.tablero-wrapper { display: flex; overflow-x: auto; gap: 1.25rem; height: calc(100vh - 180px); /* Ajustar según el layout del sistema */ padding: 5px 5px 15px 5px; align-items: stretch; }
/* Columna */
.columna-kanban { flex: 0 0 320px; /* Ancho consistente */ background-color: #fbfbfb; border-radius: 8px; display: flex; flex-direction: column; border: 1px solid #dfe1e6; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
/* Cabecera Pegajosa */
.columna-header-sticky { position: sticky; top: 0; z-index: 5; background-color: #f4f5f7; padding: 12px 16px; border-bottom: 2px solid #dfe1e6; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between; align-items: center; }
/* Cuerpo con Scroll */
.columna-body-scroll { flex: 1; overflow-y: auto; padding: 12px; }
/* Tarjetas (Cards) */
.card-item-sobrio { background: #ffffff; border-radius: 4px; border: 1px solid #ced4da; padding: 12px; margin-bottom: 10px; box-shadow: 0 1px 2px rgba(0,0,0,0.1); transition: border-color 0.2s; }
    .card-item-sobrio:hover { border-color: #007bff; cursor: pointer; }
.caja-tarea { border: 1px solid #e3e3e3; border-radius: 5px; margin-bottom: 5px; padding: 5px; font-size: 85%; background-color: #fafafa; }