@font-face{font-family:"Outfit";font-weight:400;font-style:normal;font-display:swap;src:url(/static/fonts/outfit-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-weight:500;font-style:normal;font-display:swap;src:url(/static/fonts/outfit-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-weight:600;font-style:normal;font-display:swap;src:url(/static/fonts/outfit-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Outfit";font-weight:700;font-style:normal;font-display:swap;src:url(/static/fonts/outfit-latin-700-normal.woff2) format("woff2")}
/* Mirix ERP · estilo. Paleta do manual de marca; cores de situação só para estados (aprovado, alerta, erro). */
:root{
  --navy:#1E2159; --midnight:#171B40; --cobalt:#535FA6; --sky:#4688BF; --off:#F3F3F3; --branco:#fff;
  --texto:#171B40; --apoio:#555A7A; --linha:#D9DBE8;
  --ok:#1F6B3A; --ok-fundo:#E3F2E8; --atencao:#8A5A00; --atencao-fundo:#FFF0D1; --erro:#A3261D; --erro-fundo:#FBE5E3;
  --raio:10px;
  font-family:"Creato Display","Outfit","Helvetica Neue",Arial,system-ui,sans-serif; color:var(--texto);
}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--off);line-height:1.45;font-variant-numeric:tabular-nums}
a{color:var(--navy)}
h1{font-size:1.6rem;margin:.2rem 0 .6rem;color:var(--navy)}
h2{font-size:1.05rem;margin:0 0 .6rem;color:var(--navy)}
small{display:block;color:var(--apoio);font-size:.82rem;font-weight:400}
.so-leitor{position:absolute;left:-9999px}
.apoio{color:var(--apoio);font-size:.92rem}
.pagina{max-width:1180px;margin:0 auto;padding:1.2rem 1rem 5.5rem}

/* topo */
.topo{background:var(--navy);color:#fff;display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;padding:.6rem 1rem}
.marca{display:flex;align-items:center;min-height:36px}
.marca img{height:30px;width:auto;display:block}
.marca-texto{font-weight:700;letter-spacing:.2em;color:#fff}
.empresa select{background:var(--midnight);color:#fff;border:1px solid var(--cobalt);border-radius:8px;padding:.45rem .6rem;max-width:300px;font:inherit;font-size:.9rem}
.menu{display:flex;gap:.2rem;margin-left:auto}
.menu a{color:#fff;text-decoration:none;padding:.5rem .8rem;border-radius:8px;font-size:.95rem;display:flex;align-items:center;gap:.4rem}
.menu a:hover{background:var(--midnight)}
.menu a.ativo span{font-weight:700}
.menu a.ativo{background:var(--cobalt)}
.pessoa{display:flex;gap:.8rem;align-items:center;font-size:.85rem}
.pessoa a{color:#fff}
.contador{background:#2F6FA3;color:#fff;border-radius:999px;font-size:.72rem;font-weight:700;min-width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .35rem}
.contador.urgente{background:var(--erro);color:#fff;border:0}
.faixa-demo{background:var(--atencao-fundo);color:var(--atencao);font-size:.82rem;text-align:center;padding:.3rem 1rem}

/* blocos */
.cartao{background:var(--branco);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.1rem;margin-bottom:1rem}
.cartao.destaque{border-left:5px solid var(--sky)}
.grade{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.grade.duas{grid-template-columns:1fr 1fr}
.grade .cartao{margin-bottom:0}
.numero{font-size:2rem;font-weight:700;color:var(--navy);margin:.1rem 0 .6rem}
.numero.menor{font-size:1.5rem}
.lista-simples{list-style:none;margin:0;padding:0}
.lista-simples li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-top:1px solid var(--linha);font-size:.92rem}
.linha,.linha-link{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-top:1px solid var(--linha);align-items:center}
.linha-link{text-decoration:none;color:inherit;min-height:48px}
.linha-link:hover strong{text-decoration:underline}
.valor{font-weight:700;white-space:nowrap}
.link-acao{display:inline-block;margin-top:.6rem;font-weight:600}
.cabeca{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem}
.acoes{display:flex;gap:.6rem;flex-wrap:wrap}
.migalha{font-size:.85rem;color:var(--apoio);margin:0}
.vazio{color:var(--apoio);padding:1rem;text-align:center}

/* botões */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--navy);color:#fff;border:2px solid var(--navy);border-radius:8px;padding:.65rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;min-height:44px}
.botao:hover{background:var(--midnight)}
.botao.secundario{background:#fff;color:var(--cobalt);border-color:var(--cobalt)}
.botao.secundario:hover{background:var(--off)}
.botao.aprovar{background:var(--ok);border-color:var(--ok)}
.botao.perigo{background:#fff;color:var(--erro);border-color:var(--erro)}
:focus-visible{outline:3px solid var(--sky);outline-offset:2px}

/* filtros */
.filtros{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 1rem;align-items:center}
.filtros a{padding:.45rem .8rem;border:1px solid var(--linha);border-radius:999px;background:#fff;text-decoration:none;font-size:.88rem}
.filtros a.ativo{background:var(--navy);color:#fff;border-color:var(--navy)}
.filtros .sep{width:1px;height:1.4rem;background:var(--linha);margin:0 .3rem}

/* tabela */
.tabela-rolavel{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden}
.tabela{width:100%;border-collapse:collapse;font-size:.92rem}
.tabela th{background:var(--off);text-align:left;padding:.6rem .8rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--apoio)}
.tabela td{padding:.7rem .8rem;border-top:1px solid var(--linha);vertical-align:top}
.tabela .num{text-align:right;white-space:nowrap}
.tabela tbody tr:hover{background:#FAFAFD}

/* selos */
.selo{display:inline-block;border-radius:999px;font-size:.76rem;font-weight:700;padding:.18rem .6rem;background:var(--off);color:var(--navy);border:1px solid var(--linha);white-space:nowrap}
.selo.grande{font-size:.88rem;padding:.3rem .8rem}
.st-aprovado,.st-convertido{background:var(--ok-fundo);color:var(--ok);border-color:transparent}
.st-recusado,.cl-imprescindivel,.urgente{background:var(--erro-fundo);color:var(--erro);border-color:transparent}
.st-em_aprovacao,.cl-recomendavel,.alta,.st-ajuste{background:var(--atencao-fundo);color:var(--atencao);border-color:transparent}
.st-rascunho,.cl-desejavel{background:var(--off);color:var(--apoio)}

/* avisos e formulários */
.aviso{background:var(--atencao-fundo);color:var(--atencao);border-radius:8px;padding:.7rem .9rem;margin:.6rem 0}
.aviso.erro{background:var(--erro-fundo);color:var(--erro)}
label{display:block;font-weight:600;font-size:.88rem;margin-bottom:.25rem}
input,select,textarea{width:100%;font:inherit;padding:.6rem .7rem;border:1px solid #9AA0C4;border-radius:8px;background:#fff;color:var(--texto);min-height:44px}
textarea{min-height:80px}
.formulario{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.campo.largo{grid-column:1/-1}
fieldset.campo{border:1px solid var(--linha);border-radius:8px;padding:.6rem .9rem}
.opcao{display:inline-flex;align-items:center;gap:.4rem;margin-right:1.2rem;font-weight:500}
.opcao input{width:auto;min-height:0}
.acoes-form{display:flex;gap:.8rem;flex-wrap:wrap}
.dados{display:grid;grid-template-columns:150px 1fr;gap:.4rem 1rem;margin:0}
.dados dt{color:var(--apoio);font-size:.88rem}
.dados dd{margin:0}
.valor-grande{font-size:1.5rem;font-weight:700;color:var(--navy)}
.decisao{margin-top:1rem;border-top:1px solid var(--linha);padding-top:1rem}
.acoes-decisao{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.8rem}
.acoes-decisao .botao{flex:1;min-width:120px}
.historico summary{cursor:pointer;font-weight:600;color:var(--navy)}
.alerta{border-left:5px solid var(--linha)}
.alerta.classe-imprescindivel{border-left-color:var(--erro)}
.alerta.classe-recomendavel{border-left-color:#C98A00}
.cabeca-alerta{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}
.acoes-linha{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;margin-top:.6rem}
.baixa{display:flex;gap:.5rem;flex:1 1 100%;flex-wrap:wrap}
.baixa select,.baixa input{flex:1 1 200px}

/* entrada */
.entrada{max-width:420px;margin:8vh auto 0;text-align:center}
.entrada .cartao{text-align:left}
.logo-entrada{height:56px;margin-bottom:1rem}

/* celular */
@media (max-width:760px){
  .pagina{padding:1rem .9rem 5.5rem}
  .grade,.grade.duas,.formulario{grid-template-columns:1fr}
  .topo{padding:.45rem .8rem;flex-wrap:nowrap;gap:.6rem}
  .empresa{flex:1;min-width:0}
  .empresa select{max-width:none;width:100%;min-height:38px;padding:.3rem .5rem}
  .pessoa .nome{display:none}
  .marca img{height:24px}
  .faixa-demo{font-size:.72rem;padding:.2rem .6rem}
  .menu a{font-size:.64rem;padding:.45rem 0}
  .menu{gap:.1rem;padding-left:.2rem;padding-right:.2rem}
  .dados{grid-template-columns:1fr}
  .dados dt{margin-top:.4rem}
  /* tabela vira lista de cartões */
  .tabela thead{display:none}
  .tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:100%}
  .tabela tr{border-top:1px solid var(--linha);padding:.6rem .8rem}
  .tabela td{border:0;padding:.15rem 0;display:flex;justify-content:space-between;gap:1rem;text-align:right}
  .tabela td::before{content:attr(data-rotulo);color:var(--apoio);font-size:.78rem;text-align:left}
  .tabela td[data-rotulo="Descrição"]{display:block;text-align:left}
  .tabela td[data-rotulo="Descrição"]::before{display:none}
  .tabela .num{text-align:right}
}

/* posts: pré-visualização com a marca (paleta do manual; Creato Display quando a fonte estiver instalada) */
.previa{position:relative;overflow:hidden;border-radius:12px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:7% 8%;background:var(--navy);background-size:cover;background-position:center;max-width:420px;width:100%}
.previa.f-quadrado{aspect-ratio:1/1}.previa.f-vertical{aspect-ratio:9/16;max-width:300px}.previa.f-linkedin{aspect-ratio:1200/627;max-width:560px;padding:5% 6%}
.previa::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,27,64,.15),rgba(23,27,64,.82));z-index:0}
.previa.sem-foto::before{display:none}
.previa>*{position:relative;z-index:1}
.previa .logo{height:clamp(18px,7%,34px);width:auto;align-self:flex-start}
.previa .tema{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;opacity:.85;margin:0}
.previa .tit{font-size:clamp(1.1rem,6vw,1.9rem);font-weight:700;line-height:1.12;margin:.3rem 0 .5rem;color:#fff}
.previa.f-linkedin .tit{font-size:clamp(1rem,3.4vw,1.6rem)}
.previa .chamada{display:inline-block;align-self:flex-start;background:#fff;color:var(--navy);font-weight:700;font-size:.85rem;border-radius:999px;padding:.4rem .9rem}
.previa.p-mirix_group{background-color:var(--navy)}
.previa.p-clinica_mirix{background-color:var(--sky)}
.previa.p-clinica_mirix.sem-foto{background-color:var(--off);color:var(--navy)}
.previa.p-clinica_mirix.sem-foto .tit{color:var(--navy)}
.previa.p-clinica_mirix.sem-foto .chamada{background:var(--navy);color:#fff}
.previa.p-clinica_postal{background-color:var(--cobalt)}
.previa video,.previa .fundo-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.galeria{display:flex;flex-wrap:wrap;gap:.6rem;margin:.6rem 0}
.galeria figure{margin:0;width:120px}.galeria img,.galeria video{width:120px;height:120px;object-fit:cover;border-radius:8px;border:1px solid var(--linha)}
.galeria figcaption{font-size:.75rem;color:var(--apoio)}
.escolha-pagina{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem}
.escolha-pagina a{display:block;text-decoration:none;color:inherit}
.dica{font-size:.78rem;color:var(--apoio)}

/* navegação: Início + 3 sessões mais usadas + Mais, em barra fixa embaixo; alertas no sino do topo */
.menu{position:fixed;left:0;right:0;bottom:0;margin:0;background:var(--navy);display:flex;justify-content:center;gap:.25rem;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));z-index:10;border-top:1px solid var(--cobalt)}
.menu a{flex:1 1 0;max-width:7.5rem;min-width:0;flex-direction:column;gap:.15rem;justify-content:center;text-align:center;padding:.45rem .3rem;font-size:.76rem;position:relative;font-weight:500}
.menu a svg{width:1.4rem;height:1.4rem;stroke-width:1.8}
.menu a span:not(.contador){display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.menu a .contador{position:absolute;top:.1rem;left:calc(50% + .45rem)}
.pagina{padding-bottom:5.5rem}
.sino{position:relative;display:inline-flex;padding:.4rem;border-radius:8px;color:#fff}
.sino svg{width:1.35rem;height:1.35rem}
.sino:hover,.sino.ativo{background:var(--cobalt)}
.sino .contador{position:absolute;top:-.1rem;right:-.15rem}
.pessoa{margin-left:auto}
.item-mais{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:inherit;margin-bottom:.6rem}
.item-mais h2{margin:0}.item-mais p{margin:.2rem 0 0}
.item-mais .ic{display:inline-flex;color:var(--cobalt)}
.item-mais .ic svg{width:1.6rem;height:1.6rem}
.aprova{border-top:1px solid var(--linha);padding:.3rem 0 .6rem}
.aprova .linha-link{border-top:0}
.aprova-acoes{display:flex;gap:.5rem}
.aprova-acoes .botao{flex:1;min-height:40px;padding:.4rem .8rem}
.subabas{display:flex;gap:.4rem;overflow-x:auto;padding:.5rem 1rem;background:#fff;border-bottom:1px solid var(--linha);scrollbar-width:none}
.subabas[hidden]{display:none}
.subabas a{flex:0 0 auto;text-decoration:none;color:var(--navy);padding:.35rem .8rem;border-radius:999px;border:1px solid var(--linha);font-size:.88rem;background:var(--off)}
.subabas a.ativo{background:var(--navy);color:#fff;border-color:var(--navy)}
@media (max-width:760px){.menu a span:not(.contador){overflow:visible;text-overflow:clip;letter-spacing:-.02em}}