/* =============================================================================================
   telas.css — o CSS próprio das telas do biControl
   =============================================================================================
   O padrão (casca, tema, tabelas, botões, abas) mora no nc-base.css e não se repete aqui.
   Aqui entra só o que uma tela precisa além do padrão, num bloco por tela, com o nome dela no
   título e as classes com o prefixo da tela (ex.: .sobre-…). Regras (doc/04_frontend_padroes.md):
   tamanhos em rem, peso máximo 500, sem transparência, cores pelas variáveis do tema.
   Nunca <style> no template de um componente: o Vue descarta.
   ============================================================================================= */

/* ---------------------------------------------------------------------------------------------
   Sistema › Sobre o sistema (components/sistema/sobre/SistemaSobre.js)
   --------------------------------------------------------------------------------------------- */
.sobre-cartao { border: 1px solid var(--bs-border-color); border-radius: 0.5rem; background-color: var(--bs-body-bg); padding: 0.9rem 1rem; min-width: 11rem; flex: 1 1 11rem; }
.sobre-cartao-rotulo { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--bs-secondary-color); display: flex; align-items: center; gap: 0.35rem; }
.sobre-cartao-valor { font-size: 1.15rem; color: var(--bs-emphasis-color); margin-top: 0.25rem; }
.sobre-cartao-detalhe { font-size: 0.7rem; color: var(--bs-secondary-color); }