/* Kanban status authority.
 * Unicode escapes avoid status selector failures caused by legacy file encoding. */

#tarefasView .task-column {
    --task-status-rgb: 100, 116, 139;
}

#tarefasView .task-column[data-task-status='A Fazer'] {
    --task-status-rgb: 239, 68, 68;
}

#tarefasView .task-column[data-task-status='Em Andamento'] {
    --task-status-rgb: 245, 158, 11;
}

#tarefasView .task-column[data-task-status='Em Revis\00e3o'] {
    --task-status-color: #3b82f6;
    --task-status-rgb: 59, 130, 246;
    --task-status-border: #bfdbfe;
    --task-status-soft: #eff6ff;
    --task-status-glow: rgba(59, 130, 246, .17);
    --task-card-border: rgba(59, 130, 246, .3);
    --task-card-border-hover: rgba(59, 130, 246, .5);
}

#tarefasView .task-column[data-task-status='Conclu\00edda'] {
    --task-status-color: #10b981;
    --task-status-rgb: 16, 185, 129;
    --task-status-border: #a7f3d0;
    --task-status-soft: #ecfdf5;
    --task-status-glow: rgba(16, 185, 129, .17);
    --task-card-border: rgba(16, 185, 129, .3);
    --task-card-border-hover: rgba(16, 185, 129, .5);
}

/* The board has a fixed workflow order. Structural aliases keep the visual
 * status reliable even when a legacy document is served with a wrong charset. */
#tarefasView .task-column:nth-child(1) { --task-status-rgb: 239, 68, 68; }
#tarefasView .task-column:nth-child(2) { --task-status-rgb: 245, 158, 11; }
#tarefasView .task-column:nth-child(3) { --task-status-rgb: 59, 130, 246; }
#tarefasView .task-column:nth-child(4) { --task-status-rgb: 16, 185, 129; }

html[data-theme='dark'] #tarefasView .task-column .task-card,
html[data-theme='dark'] #tarefasView .task-column .task-card.is-overdue {
    background-color: #171719;
    background-image:
        radial-gradient(circle at 94% 8%, rgba(var(--task-status-rgb), .14) 0%, rgba(var(--task-status-rgb), .045) 32%, transparent 58%),
        linear-gradient(145deg, #202023 0%, #171719 100%);
}

html[data-theme='light'] #tarefasView .task-column .task-card,
html[data-theme='light'] #tarefasView .task-column .task-card.is-overdue {
    background-color: #ffffff;
    background-image:
        radial-gradient(circle at 94% 8%, rgba(var(--task-status-rgb), .075) 0%, rgba(var(--task-status-rgb), .022) 32%, transparent 58%),
        linear-gradient(145deg, #ffffff 0%, #f5f6f7 100%);
}

html[data-theme='dark'] #tarefasView .task-column > .task-column-body > .task-card,
html[data-theme='dark'] #tarefasView .task-column > .task-column-body > .task-card.is-overdue {
    background-image:
        radial-gradient(circle at 94% 8%, rgba(var(--task-status-rgb), .14) 0%, rgba(var(--task-status-rgb), .045) 32%, transparent 58%),
        linear-gradient(145deg, #202023 0%, #171719 100%) !important;
}

html[data-theme='light'] #tarefasView .task-column > .task-column-body > .task-card,
html[data-theme='light'] #tarefasView .task-column > .task-column-body > .task-card.is-overdue {
    background-image:
        radial-gradient(circle at 94% 8%, rgba(var(--task-status-rgb), .075) 0%, rgba(var(--task-status-rgb), .022) 32%, transparent 58%),
        linear-gradient(145deg, #ffffff 0%, #f5f6f7 100%) !important;
}