/* Tema "moderno" (Canaril Alpha) para o sistema de gestão.
   Topo escuro chocolate com ouro, área de trabalho clara (marfim) para leitura e lançamentos,
   títulos em Big Shoulders Display e texto em Figtree. */
@font-face{font-family:"Big Shoulders Display";font-weight:700;src:url(../fonts/big-shoulders-display-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:800;src:url(../fonts/big-shoulders-display-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"Big Shoulders Display";font-weight:900;src:url(../fonts/big-shoulders-display-latin-900-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:400;src:url(../fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:500;src:url(../fonts/figtree-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:600;src:url(../fonts/figtree-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:700;src:url(../fonts/figtree-latin-700-normal.woff2) format("woff2")}

:root{
  --papel:#F5F0E6; --papel-2:#ECE3D2; --branco:#FFFDF9;
  --borda:#E2D6BF; --borda-forte:#C9B48E;
  --verde:#8A5420;        /* ação principal: bronze escuro */
  --verde-esc:#1A110A;    /* títulos: chocolate */
  --verde-claro:#F7EBCB;
  --grama:#3F8A44;        /* receitas */
  --marrom:#2A1A0F;       /* botões padrão e cabeçalho de janelas */
  --madeira:#8A5420;      /* rótulos */
  --ouro:#E7B14C; --ouro-esc:#B9831A; --ouro-claro:#FBEFCB;
  --canario:#FFE01A;
  --tinta:#22170E; --tinta-2:#6B5C48;
  --f-menu:"Big Shoulders Display","Arial Narrow","Segoe UI",sans-serif;
  --f-texto:"Figtree","Segoe UI",system-ui,sans-serif;
  --raio:10px;
  --mask-pincel:none;
}
body{font-size:15px}

/* Topo escuro */
.topo{background:#1A110A;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.topo-linha{padding:10px 22px}
.marca img{width:46px}
.marca b{color:#F5EEDF;font-weight:800;font-size:21px;letter-spacing:.01em;text-transform:none}
.marca small{color:#CDBFA6;font-family:var(--f-texto)}
.menu{gap:2px}
.menu button{-webkit-mask:none;mask:none;--pincel:transparent;background:transparent;color:#CDBFA6;height:40px;padding:0 14px;border-radius:999px;
  font-family:var(--f-texto);font-weight:600;font-size:14.5px;letter-spacing:0;text-transform:none}
.menu button:hover{--pincel:rgba(231,177,76,.14);background:rgba(231,177,76,.14);color:#F5EEDF;transform:none}
.menu button.ativo{--pincel:var(--ouro);background:var(--ouro);color:#1A110A;transform:none}
.menu button:focus-visible{outline:3px solid var(--canario);outline-offset:2px;text-decoration:none}
.grama{height:4px;background:linear-gradient(90deg,var(--bronze,#A8692A),var(--ouro) 50%,var(--canario));border:0}

/* Títulos */
.cab h1{font-weight:900;font-size:40px;letter-spacing:0;text-transform:none;line-height:1}
.cartao{border-width:1px;box-shadow:0 1px 0 rgba(42,26,15,.04)}
.cartao h2{font-weight:800;font-size:22px;letter-spacing:0;text-transform:none}
.cartao.madeira{border:1px solid var(--borda);border-top:4px solid var(--ouro);border-image:none}
.postura-cab b{text-transform:none;letter-spacing:0;font-weight:800;font-size:17px}
.cabecalho-impressao b{text-transform:none;letter-spacing:0;font-weight:900}

/* Rótulos pequenos: texto normal, sem caixa alta */
.kpi small,.campo label,th,.selo,.dl dt,.no .papel,.agenda .dia small,.mes small{font-family:var(--f-texto);font-weight:600;letter-spacing:.01em;text-transform:none}
.kpi small,.campo label,.dl dt{font-size:13px}
.kpi{border-width:1px}
.kpi b{font-weight:800;font-size:34px}
.kpi.ouro{background:var(--ouro-claro);border-color:var(--ouro)}

/* Botões */
.btn{border-radius:999px;font-family:var(--f-texto);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none;padding:9px 16px}
.btn.peq{padding:5px 11px;font-size:13px}
.btn.pincel{-webkit-mask:none;mask:none;border-radius:999px;background:var(--marrom);color:var(--ouro);height:auto;padding:11px 22px;font-weight:700}
.btn.pincel:hover{filter:none;background:#3A2516}
.abas button{font-family:var(--f-texto);font-weight:600;letter-spacing:0;text-transform:none;border-radius:999px;border-width:1px;padding:7px 15px;font-size:14px}
.abas button.ativo{background:var(--marrom);border-color:var(--marrom);color:var(--ouro)}

/* Campos e tabelas */
input,select,textarea{border-width:1px;border-radius:8px}
input:focus,select:focus,textarea:focus{border-color:var(--ouro-esc)}
.tabela-wrap{border-width:1px}
th{color:var(--tinta-2);font-size:13px}
.anilha,.casal-cab .gaiola,.ovo-top .num,.agenda .dia{font-family:var(--f-menu);font-weight:800;letter-spacing:.02em}
.casal-cab .gaiola{color:var(--ouro);font-size:16px}

/* Situação das aves: verde continua significando "ativo / deu certo" */
.selo.ativo,.selo.galado,.selo.eclodiu,.selo.receita{background:#E3F0DF;color:#2F6B33}
.no.raiz{border-color:var(--ouro-esc);background:var(--verde-claro)}

/* Janelas */
.dialogo{border:0;border-radius:14px;overflow:hidden auto}
.dialogo-cab{background:#1A110A;color:#F5EEDF;border-bottom:3px solid var(--ouro)}
.dialogo-cab h3{font-weight:800;font-size:23px;letter-spacing:0;text-transform:none}
.dialogo-cab button{color:#F5EEDF}
.toast{background:#1A110A;color:var(--ouro-claro);font-family:var(--f-texto);font-weight:600;letter-spacing:0;border-radius:999px}

@media (max-width:700px){
  .menu button{height:36px;font-size:13.5px;padding:0 12px}
  .cab h1{font-size:30px}
}