/* =========================================================
   Central Fogão Mineiro · identidade visual
   Mude as cores e fontes AQUI e o hub inteiro acompanha.
   ========================================================= */
:root{
  /* Cores do logo */
  --fm-vinho-logo:#933032;
  --fm-creme-logo:#FFE5C2;
  /* Cores de interface (as mesmas do precificador e do financeiro) */
  --fm-vinho:#682D36;
  --fm-vinho-2:#843C48;
  --fm-vinho-escuro:#4A1E26;
  --fm-dourado:#B89157;
  --fm-dourado-claro:#E2C48F;
  --fm-creme:#F8F4ED;
  --fm-papel:#FFFFFF;
  --fm-tinta:#2F2629;
  --fm-suave:#7E7473;
  --fm-linha:#E9E1D7;
  --fm-verde:#168267;
  --fm-amarelo:#B7791F;
  --fm-vermelho:#C05A55;
  /* Tipografia */
  --fm-fonte-titulo:'Fraunces', Georgia, 'Times New Roman', serif;
  --fm-fonte:'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  /* Forma */
  --fm-raio:16px;
  --fm-raio-sm:10px;
  --fm-sombra:0 1px 2px rgba(74,30,38,.06), 0 8px 28px rgba(74,30,38,.08);
  --fm-sombra-forte:0 2px 4px rgba(74,30,38,.08), 0 18px 44px rgba(74,30,38,.16);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0}
body.fm{
  font-family:var(--fm-fonte);
  background:var(--fm-creme);
  color:var(--fm-tinta);
  -webkit-font-smoothing:antialiased;
  min-height:100vh;
}
.fm h1,.fm h2,.fm h3{font-family:var(--fm-fonte-titulo);font-weight:600;letter-spacing:-.01em;margin:0}
.fm a{color:inherit}
.fm-wrap{width:min(1120px,100% - 32px);margin-inline:auto}

/* Botões */
.fm-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:600 15px/1 var(--fm-fonte);padding:13px 20px;border-radius:999px;border:0;cursor:pointer;
  background:var(--fm-vinho);color:#fff;text-decoration:none;transition:background .15s,transform .15s;
}
.fm-btn:hover{background:var(--fm-vinho-2)}
.fm-btn:active{transform:translateY(1px)}
.fm-btn:disabled{opacity:.6;cursor:wait}
.fm-btn--ghost{background:transparent;color:var(--fm-vinho);box-shadow:inset 0 0 0 1.5px var(--fm-linha)}
.fm-btn--ghost:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--fm-dourado)}
.fm-btn--claro{background:rgba(255,229,194,.14);color:var(--fm-creme-logo);box-shadow:inset 0 0 0 1px rgba(255,229,194,.35)}
.fm-btn--claro:hover{background:rgba(255,229,194,.24)}

/* Campos */
.fm-campo{display:grid;gap:6px;margin-bottom:14px}
.fm-campo span{font-size:13px;font-weight:600;color:var(--fm-suave)}
.fm-campo input{
  font:16px var(--fm-fonte);padding:13px 14px;border-radius:var(--fm-raio-sm);
  border:1.5px solid var(--fm-linha);background:#fff;color:var(--fm-tinta);outline:none;transition:border-color .15s, box-shadow .15s;
}
.fm-campo input:focus{border-color:var(--fm-dourado);box-shadow:0 0 0 4px rgba(184,145,87,.18)}

/* Selos de status */
.fm-selo{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;white-space:nowrap}
.fm-selo::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.fm-selo--ativo{background:#E6F4EE;color:var(--fm-verde)}
.fm-selo--em-breve{background:#FBF1DF;color:var(--fm-amarelo)}
.fm-selo--planejado{background:#F1ECE6;color:var(--fm-suave)}

/* Faixa decorativa (o "bordado" das bordas do logo) */
.fm-faixa{height:6px;background:
  linear-gradient(90deg,var(--fm-dourado) 0 33%,var(--fm-vinho-logo) 33% 66%,var(--fm-dourado) 66%);}

.fm-aviso{font-size:14px;padding:12px 14px;border-radius:var(--fm-raio-sm);margin-bottom:14px;background:#FFF0EF;color:#8E3B37}
.fm-aviso[hidden]{display:none}