/* Tela "Chaves das ferramentas" (frente "Feedbem › Chaves das ferramentas"). Só usa as variáveis --fb-* da base. */

/* O item do menu só aparece para o admin (public/js/chaves.js põe .fb-admin no body). */
body:not(.fb-admin) #fb-menu a[href="#/chaves"] { display: none; }

.fb-chaves-grade { grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr)); margin-top: 16px; }
.fb-chaves-cartao { display: flex; flex-direction: column; min-width: 0; }
.fb-chaves-cartao h2 { margin: 0; }
.fb-chaves-cartao .fb-apoio { margin: 4px 0 12px; }
.fb-chaves-cabeca { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.fb-chaves-ok { background: var(--fb-sucesso); color: var(--fb-branco); }
.fb-chaves-situacao { margin: 0; font-size: var(--fb-texto-menor); overflow-wrap: anywhere; }
.fb-chaves-final { font-family: ui-monospace, Consolas, monospace; font-weight: 700; }
.fb-chaves-falta { color: var(--fb-erro); font-weight: 600; }
.fb-chaves-cartao input { width: 100%; min-width: 0; font-family: ui-monospace, Consolas, monospace; }
.fb-chaves-botoes { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; }
.fb-chaves-msg { min-height: 1.5em; margin: 8px 0 0; font-size: var(--fb-texto-menor); }
.fb-chaves-msg:empty { min-height: 0; }