/* COLETIVA_ — concursos-picker.css
 *
 * A LISTA DE CONCURSOS, onde quer que ela seja montada.
 *
 * Folha gêmea de js/concursos-picker.js: o módulo emite estas classes, e as
 * DUAS telas que o usam (aluno/perfil.html e data/fluxo/labs.html) carregam
 * este arquivo. Deixar o estilo dentro de css/fluxo-cockpit.css teria feito o
 * perfil renderizar a lista sem estilo nenhum — markup compartilhado com CSS
 * de dono único é gêmea pela metade, que é a pior das duas.
 *
 * Tokens: a página do FLUXO_ define os seus em css/fluxo-cockpit.css e o
 * perfil não carrega folha de tokens — por isso cada var() aqui traz FALLBACK
 * com o valor canônico da casa. Sem ele a lista sairia sem cor no perfil.
 *
 * Design: o acento SINALIZA (filete à esquerda do item marcado, e a tinta do
 * acento no ícone) e nunca preenche área.
 */
.cp-lista{display:flex;flex-direction:column;gap:6px;max-height:46vh;overflow-y:auto}
.cp-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;cursor:pointer;
  background:var(--paper,#f5f2e8);border:1px solid var(--linha-2,rgba(15,14,10,.18));padding:9px 12px}
.cp-item:hover{background:var(--paper-3,#ede9d8)}
/* marcado = filete de acento à esquerda + papel; o amarelo assina, não preenche */
.cp-item.is-on{border-color:var(--linha,rgba(15,14,10,.85));box-shadow:inset 3px 0 0 var(--accent,#e8d84a)}
.cp-icone{font-size:16px;color:var(--ink-3,#6b6657);flex:0 0 auto}
.cp-item.is-on .cp-icone{color:var(--ink,#0f0e0a)}
.cp-txt{flex:1 1 auto;min-width:0}
.cp-txt b{display:block;font-family:var(--f-tit,'Inter',sans-serif);font-weight:700;font-size:12px;color:var(--ink,#0f0e0a)}
.cp-txt i{display:block;font-family:var(--f-mono,'Space Mono',monospace);font-size:8.5px;font-weight:700;
  color:var(--ink-3,#6b6657);font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cp-check{font-size:18px;color:var(--ink-4,#b8b2a0);flex:0 0 auto}
.cp-item.is-on .cp-check{color:var(--accent-tinta,#6b6000)}
.cp-vazio{font-family:var(--f-corpo,'Inter',sans-serif);font-size:11.5px;color:var(--ink-3,#6b6657);margin:0;padding:10px 0}