@charset "UTF-8";
/*
 * Arquivo: kanban-email-imap/assets/style.css
 * Estilos minimalistas para o board Kanban de e-mails
 * - Cards coloridos por status
 * - Responsivo
 * - Legibilidade garantida para textos longos ou especiais
 */

/* ====== BOARD PRINCIPAL ====== */
.kanban-board {
    display: flex;
    gap: 28px;               /* Espaço entre colunas */
    padding: 28px 18px 28px 18px;
    background: #f7f9fa;
    min-height: 80vh;
    box-sizing: border-box;
}

/* ====== COLUNAS ====== */
.kanban-col {
    flex: 1;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 2px 14px #0001;
    padding: 18px 16px 18px 16px;
    display: flex;
    flex-direction: column;
    min-width: 300px;
    max-width: 440px;
    /* Melhor separação visual */
    border: 1.5px solid #f1f3f6;
}

/* Título da coluna */
.kanban-col-title {
    font-size: 1.26em;
    font-weight: bold;
    margin-bottom: 16px;
    letter-spacing: 0.01em;
    color: #181d2a;
}

/* ====== CARDS ====== */
.kanban-card {
    background: var(--kanban-card-bg, #ececec);
    border-radius: 12px;
    box-shadow: 0 2px 8px #0002;
    padding: 18px 18px 12px 18px;         /* Mais espaço interno */
    margin-bottom: 20px;
    position: relative;
    transition: box-shadow 0.15s, background 0.18s;
    cursor: grab;
    border-left: 6px solid var(--kanban-card-border, #bbb);
    word-break: break-word;               /* Garante que títulos/metadados nunca "estourem" o card */
    overflow-wrap: anywhere;
}

/* Cores de cada status (coluna) */
.kanban-card[data-status="todo"] {
    --kanban-card-bg: #e3f2fd;
    --kanban-card-border: #1976d2;
}
.kanban-card[data-status="doing"] {
    --kanban-card-bg: #fff9c4;
    --kanban-card-border: #ffb300;
}
.kanban-card[data-status="done"] {
    --kanban-card-bg: #c8e6c9;
    --kanban-card-border: #43a047;
}

/* ====== TEXTO DO CARD ====== */

/* Título do e-mail (Assunto) */
.kanban-card-title {
    font-size: 0.98em;    /* menor */
    font-weight: 600;     /* menos pesado */
    margin-bottom: 4px;   /* reduzido */
    color: #26334c;
    word-break: break-word;
    overflow-wrap: anywhere;
}


/* Remetente ("De:") */
.kanban-card-from {
    font-size: 0.96em;
    color: #45526c;
    margin-bottom: 3px;
    font-weight: 400;
    letter-spacing: 0.01em;
    word-break: break-word;
}

/* Metadados (pasta/data) */
.kanban-card-meta {
    font-size: 0.83em;
    color: #757575;
    margin-bottom: 8px;
    font-weight: 400;
    letter-spacing: 0.01em;
    word-break: break-word;
}

/* Preview do corpo do e-mail */

.kanban-card-body-preview {
    font-size: 0.97em;
    color: #343b4d;
    margin-bottom: 6px;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: pre-line;       /* Mostra quebras de linha do texto (caso haja) */
}
/* Corpo completo do e-mail (escondido por padrão) */
.kanban-card-body-full {
    display: none;
    font-size: 0.97em;
    color: #232b3a;
    background: #f5f5f5;
    border-radius: 8px;
    padding: 10px 13px;
    margin-top: 8px;
    margin-bottom: 3px;
    word-break: break-word;
    overflow-wrap: anywhere;
    white-space: pre-line;
}


/* ====== AÇÕES (MOVER, EDITAR, EXCLUIR) ====== */

/* Container das ações no rodapé do card */
.kanban-card-footer, .kanban-card-actions {
    display: flex;
    align-items: center;
    gap: 14px;                 /* Espaço maior entre cada ação */
    margin-top: 10px;
    margin-bottom: 0;
    position: static;          /* Não sobrepõe o conteúdo */
    padding-left: 2px;
}

/* Dropdown Mover Para */
.kanban-move-select {
    font-size: 0.96em;
    padding: 3px 9px;
    border-radius: 5px;
    border: 1px solid #b9c5d8;
    margin-right: 0px;
}

/* Botões de ação (Editar, Excluir, etc) */
.kanban-action-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: #6e7a98;
    font-size: 1.18em;           /* Ajuste único */
    padding: 3px 7px;
    margin-left: 0;
    transition: color 0.14s, background 0.14s;
    border-radius: 6px;
    display: flex;
    align-items: center;
}
.kanban-action-btn:hover {
    color: #1976d2;
    background: #e3f2fd;
}

/* Botão/agrupador do select Mover Para */
.kanban-move-btn {
    padding: 0 2px 0 0;
    font-size: 1em;
    background: none;
    border: none;
    display: flex;
    align-items: center;
}

/* Botão mostrar/ocultar corpo do e-mail */
.kanban-show-more,
.kanban-show-less {
    background: none;
    border: none;
    color: #1976d2;
    font-size: 0.98em;
    cursor: pointer;
    padding: 0 2px;
    margin-left: 6px;
    font-weight: 700;
}


/* ====== RESPONSIVIDADE ====== */
@media (max-width: 1024px) {
    .kanban-board {
        flex-direction: column;
        gap: 12px;
        padding: 12px;
    }
    .kanban-col {
        max-width: 100%;
        min-width: unset;
        margin-bottom: 14px;
    }
    .kanban-card {
        padding: 14px 8px 10px 12px;
        margin-bottom: 12px;
    }
}