/* A janela do histórico de alterações — usada pelo on-boarding E pela ficha cadastral.
 *
 * MORA EM shared/ PORQUE AS DUAS TELAS A DESENHAM. Estava no CSS do on-boarding, e a ficha abriria
 * a mesma janela sem estilo nenhum — a linha do tempo viraria uma lista com marcadores.
 *
 * O PREFIXO CONTINUA `ob-`: renomear as classes mexeria em três arquivos e num harness para trocar
 * duas letras que ninguém lê. */

/* ---- Histórico de alterações ---- */

/* UMA COLUNA DE SALVAMENTOS, do mais novo para o mais velho. A linha vertical à esquerda é o que
   faz a lista se ler como tempo passando, e não como uma pilha de cartões soltos. */
.ob-hist {
    list-style: none;
    margin: 14px 0 0;
    padding: 0 0 0 18px;
    border-left: 2px solid #e2e8f0;
}

.ob-hist-item {
    position: relative;
    padding: 0 0 18px;
}

.ob-hist-item::before {
    content: '';
    position: absolute;
    left: -24px;
    top: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #cbd5e1;
    box-shadow: 0 0 0 3px #fff;
}

/* Criar e finalizar sao os dois marcos que alguem procura quando abre o historico; os salvamentos
   entre eles sao o caminho. Por isso so esses dois recebem cor. */
.ob-hist-criado::before { background: var(--primary-blue, #0b1e3b); }
.ob-hist-finalizado::before { background: #22c55e; }
/* Colaboradores: desligar e reativar fazem o papel de finalizar — são o que se procura. */
.ob-hist-desligado::before { background: #f97316; }
.ob-hist-reativado::before { background: #22c55e; }

.ob-hist-cab {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    margin-bottom: 6px;
}

.ob-hist-quando {
    font-size: 12.5px;
    font-weight: 600;
    color: #1e293b;
}

.ob-hist-titulo {
    font-size: 12.5px;
    font-weight: 700;
    color: var(--primary-blue, #0b1e3b);
}

.ob-hist-autor {
    font-size: 12.5px;
    color: #475569;
}

.ob-hist-acao {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .3px;
    color: #64748b;
    background: #f1f5f9;
    border-radius: 999px;
    padding: 2px 8px;
}

.ob-hist-finalizado .ob-hist-acao { background: #dcfce7; color: #15803d; }
.ob-hist-criado .ob-hist-acao { background: #e0e7ff; color: #3730a3; }

.ob-hist-area {
    margin: 6px 0 0;
}

.ob-hist-area-nome {
    font-size: 11.5px;
    font-weight: 700;
    color: #0b1e3b;
}

.ob-hist-mudancas {
    margin: 2px 0 0;
    padding-left: 18px;
}

.ob-hist-mudancas li {
    font-size: 12.5px;
    line-height: 1.5;
    color: #334155;
}

.ob-hist-nada {
    margin: 0;
    font-size: 12.5px;
    font-style: italic;
    color: #94a3b8;
}