/* Estilos propios de PlanTrabajo (sobre Bootstrap 5). */
body { background: #f5f6f8; }

/* Tarjetas de actividad (lista del proyecto y cola por persona) */
.tarjeta {
    background: #fff; border: 1px solid #dee2e6; border-left-width: 5px; border-radius: .375rem;
    padding: .4rem .6rem; margin-bottom: .4rem; cursor: grab; font-size: .9rem;
}
.tarjeta:active { cursor: grabbing; }
.tarjeta .folio { color: #6c757d; font-size: .8rem; }
.tarjeta .titulo { font-weight: 500; }
.tarjeta .meta { color: #6c757d; font-size: .8rem; }
.tarjeta.en-proceso { background: #fff8e1; }
.tarjeta.solo-lectura { cursor: default; }
.sortable-ghost { opacity: .4; }
.sortable-chosen { box-shadow: 0 0 0 2px #0d6efd33; }
.tarjeta.rebote { animation: rebote .4s; }
@keyframes rebote { 0% { background: #f8d7da; } 100% { background: #fff; } }

/* Columnas de la cola por persona */
.columnas { display: flex; gap: 1rem; overflow-x: auto; align-items: flex-start; padding-bottom: 1rem; }
.columna { min-width: 290px; max-width: 320px; background: #e9ecef; border-radius: .5rem; padding: .6rem; flex: 0 0 auto; }
.columna h6 { margin-bottom: .5rem; }
.columna .lista { min-height: 60px; }
.columna.backlog { background: #fdf3e3; }

/* Cronograma */
.cronograma { font-size: .8rem; }
.cronograma th, .cronograma td { white-space: nowrap; padding: .2rem .35rem; text-align: center; }
.cronograma td.actividad, .cronograma th.actividad { text-align: left; min-width: 320px; max-width: 420px; overflow: hidden; text-overflow: ellipsis; position: sticky; left: 0; background: #fff; z-index: 1; }
.cronograma .dia-no-laborable { background: #f1f3f5; color: #adb5bd; }
.cronograma .hoy { background: #e7f1ff !important; }
.cronograma .reserva { background: #f8f9fa; color: #6c757d; font-style: italic; }
.cronograma .total { font-weight: 600; background: #f8f9fa; }
.cronograma .total.sobrecarga { color: #dc3545; }
.cronograma .persona { background: #343a40; color: #fff; text-align: left; font-weight: 600; }
.cronograma .celda-h { background: #d1e7dd; }

/* Orden numerado en la lista del proyecto */
.posicion { display: inline-block; min-width: 2.2rem; text-align: right; color: #6c757d; font-variant-numeric: tabular-nums; }
.punto-proyecto { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; margin-right: .3rem; vertical-align: middle; }