/* climb.css — identidade Climb (linha híbrida do manual de marca, 13/10/2026): azul #17629E,
   Montserrat, tons do site climbgroup.com.br. Mesmos valores do comum.css da dinamica_takt.
   As 5 páginas do hub carregam este arquivo; os nomes dos tokens são os que elas já usavam,
   então mexer na cor é aqui, e não no <style> de cada página. */
:root{
  color-scheme:light;
  /* superfície levemente tingida, não branco puro; --hint escurecido na v41 porque o texto passou a
     ficar direto no --bg (5,2:1 medido; o #64748B antigo dava 4,4:1 ali) */
  --bg:#F3F6F9;--surface:#FCFDFE;--ink:#0F172A;--muted:#475569;--hint:#5A687C;
  --border:#E2E8F0;--border2:#CBD5E1;
  --info-bd:#17629E;--accent:#17629E;--ok:#15803D;--danger:#C62828;--backlog:#0F7C8C;
  --accent-ink:#FFFFFF;--color-focus:#17629E;
  --accent-fundo:rgba(23,98,158,.08);--accent-bd:rgba(23,98,158,.45);
  --ok-fundo:rgba(21,128,61,.10);--ok-bd:rgba(21,128,61,.45);
  --danger-fundo:rgba(198,40,40,.10);--danger-bd:rgba(198,40,40,.45);
  /* atenção: --warn é o ponto/contorno, --warn-tx é o texto (5,4:1) */
  --warn:#B8860B;--warn-tx:#8A6100;
  /* status das sugestões (Hub v22 deu uma cor a cada um; a v41 escureceu para >= 5:1) */
  --st-nova:#5B52C8;--st-analise:#8F5A0F;--st-aceita:#B0386A;
  /* logo do cliente e print anexado ficam sobre branco nos dois temas: são imagem, não tela */
  --logo-fundo:#FFFFFF;--veu:rgba(0,0,0,.78);--sombra:0 8px 26px rgba(0,0,0,.22);--sombra-cartao:0 6px 24px rgba(0,0,0,.08);
  --radius:10px;--radius-lg:14px;
  --sans:"Montserrat",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  color-scheme:dark;
  --bg:#0E1726;--surface:#162236;--ink:#E8EEF5;--muted:#B4C1D1;--hint:#93A3B8;
  --border:rgba(255,255,255,.10);--border2:rgba(255,255,255,.22);
  --info-bd:#3A8BCC;--accent:#3A8BCC;--ok:#22A35A;--danger:#E25555;--backlog:#3BB8C9;
  --color-focus:#6FB0E6;
  --accent-fundo:rgba(58,139,204,.16);--accent-bd:rgba(58,139,204,.5);
  --ok-fundo:rgba(34,163,90,.14);--ok-bd:rgba(34,163,90,.5);
  --danger-fundo:rgba(226,85,85,.14);--danger-bd:rgba(226,85,85,.5);
  --warn:#D9A93A;--warn-tx:#D9A93A;
  --st-nova:#A9A3F0;--st-analise:#E0A04A;--st-aceita:#F07AA6;
}}
html,body{overflow-x:clip;}
body{font-family:var(--sans);}

/* estados comuns às 5 telas (Hub v41, skill interface-climb): foco sempre visível, clique que
   afunda, travado com cursor de bloqueado. Nada de outline:none no lugar. */
:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:1px;}
button:not(:disabled):active,a:active{transform:translateY(1px);}
button:disabled{cursor:not-allowed;}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;}}

/* logo sem serifa do site: o colorido no tema claro, o branco no escuro (sem caixa branca em volta) */
.brand img{height:30px;width:auto;display:block;}
.brand img.escuro{display:none;}
@media (prefers-color-scheme:dark){
  .brand img.claro{display:none;}
  .brand img.escuro{display:block;}
}
.brand h1{padding-left:12px;border-left:1px solid var(--border2);}
/* o logo novo é mais largo que o antigo (520×114 contra 800×400) e a Montserrat é mais larga que a
   fonte do sistema: no celular, logo menor e o cabeçalho quebra linha em vez de vazar (teste_layout a 375px) */
.brand{flex-wrap:wrap;row-gap:8px;}
@media (max-width:520px){
  .brand img{height:24px;}
  .brand h1{padding-left:0;border-left:0;}
}