/* ───────── Cards de dashboard (Agendamentos, Prazos, Audiências) ───────── */

.fi-card-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

.fi-card {
    display: block;
    overflow: hidden;
    border-radius: 0.75rem;
    border: 1px solid rgb(229 231 235);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.fi-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.dark .fi-card {
    border-color: rgb(55 65 81);
}

.fi-card-header {
    padding: 0.625rem 0.45rem;
    color: #fff;
}

.fi-card-header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.fi-card-title {
    font-weight: 600;
    line-height: 1.3;
}

.fi-card-badge {
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.2);
    padding: 0.125rem 0.625rem;
    font-size: 0.75rem;
    font-weight: 500;
    white-space: nowrap;
}

/* Cores de header por tipo */
.fi-card-header--deadline {
    background: #dc2626;
}

/* ╔══════════════════════════════════════════════════════════════╗ */
/* ║  👉 É AQUI QUE VOCÊ TROCA A COR DO HEADER DOS CARDS! 👈        ║ */
/* ║  É só mudar o código de cor (#dc2626 etc).                    ║ */
/* ║  Dica: joga o código num site tipo htmlcolorcodes.com         ║ */
/* ║  pra ver a cor, ou pede uma cor pro Claude.                   ║ */
/* ╚══════════════════════════════════════════════════════════════╝ */
.fi-card-header--task {
    background: #ea580c;
}

/* LARANJA  - agendamentos/tarefas */
.fi-card-header--deadline {
    background: #dc2626;
}

/* VERMELHO - prazos */
.fi-card-header--hearing {
    background: #1f2937;
}

/* PRETO    - audiências */

.dark .fi-card-body {
    background: rgb(17 24 39);
}

.fi-card-row {
    font-size: 0.875rem;
    color: rgb(75 85 99);
    line-height: 1.5;
}

.dark .fi-card-row {
    color: rgb(209 213 219);
}

.fi-card-label {
    font-weight: 500;
    color: rgb(107 114 128);
}

.fi-card-strong {
    font-weight: 600;
    color: rgb(31 41 55);
}

.dark .fi-card-strong {
    color: rgb(243 244 246);
}