/*
 * ND Projects — correcoes de legibilidade no Kanban (tema escuro).
 *
 * Problema: o GLPI marca os cards de itens na lixeira com .deleted e aplica
 * um fundo rosa claro (rgb(207,155,155)), mas a cor do texto continua sendo
 * a do tema escuro (rgb(156,168,192)). O resultado e cinza sobre rosa, ilegivel.
 *
 * Aqui o card da lixeira passa a ser vermelho escuro com texto claro, e ganha
 * uma faixa lateral, para ficar obvio que aquilo esta apagado sem virar mancha.
 */

.kanban-item.deleted {
    background-color: #3d1f1f !important;
    border-left: 3px solid #c0392b !important;
}

.kanban-item.deleted,
.kanban-item.deleted a,
.kanban-item.deleted .kanban-item-title,
.kanban-item.deleted .kanban-item-content,
.kanban-item.deleted .kanban-core-content,
.kanban-item.deleted span,
.kanban-item.deleted div {
    color: #f0d5d5 !important;
}

/* o titulo do card apagado fica riscado: reforca o significado sem depender de cor */
.kanban-item.deleted .kanban-item-title {
    text-decoration: line-through;
    text-decoration-color: #c0392b;
}

/* barra de progresso dentro de card apagado nao deve competir com o resto */
.kanban-item.deleted .progress,
.kanban-item.deleted .progress-bar {
    opacity: 0.45;
}

/*
 * Hierarquia visual no Kanban global.
 *
 * O board global do GLPI lista projetos e tarefas como cards irmaos — o
 * componente Vue nao suporta card dentro de card, entao nao ha como aninhar
 * de verdade. O que da para fazer e deixar obvio, de relance, o que e projeto
 * e o que e tarefa de alguem: a tarefa recebe recuo e um fio na lateral,
 * lendo como item subordinado; o projeto fica no nivel de fora.
 */

/* card de tarefa: recuado, com fio lateral, para nao competir com o card de projeto */
.kanban-item[id^="ProjectTask-"] {
    margin-left: 14px;
    /* !important porque o .card do Tabler define a borda com especificidade maior */
    border-left: 2px solid #3a4763 !important;
}


/* o vinculo com o projeto pai vira legenda, nao concorre com o titulo */
.kanban-item[id^="ProjectTask-"] .kanban-core-content > div:first-child a,
.kanban-item[id^="ProjectSubproject-"] .kanban-core-content > div:first-child a {
    font-size: 0.8125rem;
    opacity: 0.75;
}

/* card de projeto: sem recuo, titulo com um pouco mais de presenca */
.kanban-item[id^="Project-"] .kanban-item-title {
    font-weight: 600;
}