/* ========================================================================== Padrão de Design Bio Proj — tema compartilhado da intranet Carregado por último no de cada página; sobrescreve os tokens do template antigo (verde-floresta) pela identidade real (petróleo + folha), aplica IBM Plex (auto-hospedada) e coloca o logo no canto do cabeçalho. Mexer AQUI reflete em todos os painéis. ========================================================================== */ @font-face { font-family:'Plex'; font-weight:400; font-style:normal; font-display:swap; src:url(/fonts/plex-sans-400.woff2) format('woff2'); } @font-face { font-family:'Plex'; font-weight:600; font-style:normal; font-display:swap; src:url(/fonts/plex-sans-600.woff2) format('woff2'); } @font-face { font-family:'Plex'; font-weight:700; font-style:normal; font-display:swap; src:url(/fonts/plex-sans-700.woff2) format('woff2'); } @font-face { font-family:'PlexMono'; font-weight:500; font-style:normal; font-display:swap; src:url(/fonts/plex-mono-500.woff2) format('woff2'); } /* --- tokens claros (petróleo primária, verde-folha acento) --- */ :root, :root[data-theme="light"] { --verde:#2f6d86; --verde-escuro:#245567; --verde-claro:#e7eff2; --folha:#6fa84e; --folha-escuro:#57883c; --folha-claro:#eef4e6; --tinta:#15242b; --tinta-suave:#57696f; --linha:#d9e2e5; --fundo:#eef2f3; --card:#ffffff; --amarelo:#9a6b00; --amarelo-fundo:#fbf1d8; --cinza:#6b7770; --cinza-fundo:#eceeed; --ok:#3f9d5c; --ok-fundo:#e8f4ec; } /* --- tokens escuros --- */ @media (prefers-color-scheme: dark) { :root { --verde:#5aa6c2; --verde-escuro:#7bc0d8; --verde-claro:#12262e; --folha:#8ecb6b; --folha-escuro:#a6dc86; --folha-claro:#172a19; --tinta:#e7eef0; --tinta-suave:#9bafb5; --linha:#26363c; --fundo:#0d1518; --card:#152125; --amarelo:#e3b341; --amarelo-fundo:#2a2410; --cinza:#9bafb5; --cinza-fundo:#202b24; --ok:#6cc487; --ok-fundo:#12271a; } } /* toggle manual (data-theme) precisa vencer o do template (mesma especificidade, vem depois) */ :root[data-theme="dark"] { --verde:#5aa6c2; --verde-escuro:#7bc0d8; --verde-claro:#12262e; --folha:#8ecb6b; --folha-escuro:#a6dc86; --folha-claro:#172a19; --tinta:#e7eef0; --tinta-suave:#9bafb5; --linha:#26363c; --fundo:#0d1518; --card:#152125; --amarelo:#e3b341; --amarelo-fundo:#2a2410; --cinza:#9bafb5; --cinza-fundo:#202b24; --ok:#6cc487; --ok-fundo:#12271a; } body { font-family:'Plex', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } /* valores, IDs, códigos, datas em mono (alinham + cara técnica) */ .num, td.num, .data, td.data, .mono, .cod, .valor { font-family:'PlexMono', ui-monospace, SFMono-Regular, Menlo, monospace; font-variant-numeric: tabular-nums; } /* cabeçalho quebra em telas estreitas (evita scroll horizontal com o logo) */ .topo { flex-wrap: wrap; } /* Logo Bio Proj no canto superior direito, em chip claro (contraste no petróleo) */ .topo::after { content:""; flex-shrink:0; align-self:center; margin-left:6px; width:112px; height:34px; background:#fff url("/img/logo-bioproj.png") center / 92px auto no-repeat; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,.16); } @media (max-width:560px){ .topo::after { order:3; } }