/* Priority Strip in Column View */
.priority-strip {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 6px;
    border-radius: 4px 0 0 4px;
    opacity: 0.8;
    z-index: 10;
    /* Ensure it's above card content */
    pointer-events: none;
    /* Let clicks pass through */
}

/* Pastel Colors - Matched to Member Panel Aesthetics */
.priority-strip.red {
    background-color: #ef9a9a;
}

/* Pastel Red */
.priority-strip.orange {
    background-color: #ffcc80;
}

/* Pastel Orange */
.priority-strip.blue {
    background-color: #90caf9;
}

/* Pastel Blue */
.priority-strip.green {
    background-color: #a5d6a7;
}

/* Pastel Green */
.priority-strip.yellow {
    background-color: #fff59d;
}

/* Pastel Yellow */

/* Ensure task item has relative position for absolute strip */
.task-item {
    position: relative;
    overflow: hidden;
    /* To crop strip rounded corners if needed */
}

/* Mobile: Change strip to small square at bottom */
@media (max-width: 768px) {
    .priority-strip {
        left: 0;
        right: 0;
        top: auto;
        bottom: 0;
        width: 100%;
        height: 2px;
        border-radius: 0;
    }
}