/* SimulaLactos360 — sistema de design 1.2. Ideia: caderno de contas do laticínio. Tinta azul, verde-pasto, uma gota de manteiga.
   Números em serifa de livro-caixa (algarismos tabulares); texto em sans legível. Sem JS/CSS inline (CSP). */
@font-face{font-family:"Public Sans";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/public-sans-latin-wght-normal.woff2) format("woff2")}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(../fonts/source-serif-4-latin-wght-normal.woff2) format("woff2")}
:root{
  --tinta:#0F2B46; --tinta2:#1B4670; --pasto:#1E7B58; --pasto-esc:#15634A; --pasto-cl:#E2F1EA; --manteiga:#E6AE35; --manteiga-cl:#FBF1D8; --manteiga-tx:#6A4A00;
  --soro:#E8EEF2; --bg:#F2F4F3; --card:#FFFFFF; --tx:#16212B; --tx2:#566574; --linha:#DDE3E7; --linha2:#C6CFD6;
  --alerta:#B3412B; --alerta-cl:#FBE7E2; --info:#1D4E82; --info-cl:#E4EEF8;
  --azul:var(--tinta); --azul2:var(--tinta2); --verde:var(--pasto); --verde2:#2FA878; --creme:var(--manteiga-cl); --ok:var(--pasto); --aviso:var(--manteiga-tx);
  --r:14px; --rc:10px; --sombra-flut:0 10px 30px rgba(15,43,70,.18);
  --sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif; --serif:"Source Serif 4",Georgia,"Times New Roman",serif;
  --lado:248px; --altopo:56px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-tema="claro"]){--bg:#0C141D;--card:#131F2C;--tx:#E7EDF3;--tx2:#9DAEBF;--linha:#233446;--linha2:#33485D;--soro:#1A2A3A;--tinta:#0A2037;--pasto-cl:#173A2E;--manteiga-cl:#35290F;--manteiga-tx:#F1D58C;--alerta-cl:#3B1D18;--info-cl:#16293D;--creme:#35290F;color-scheme:dark}
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.55 var(--sans);padding-bottom:84px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--tinta2);text-underline-offset:2px}
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--tx)}
h1,h2{font-family:var(--serif);font-weight:600;letter-spacing:-.012em}
h1{font-size:1.65rem} h2{font-size:1.25rem} h3{font-size:1.02rem;font-weight:700}
p{margin:.4em 0 .8em}
ul,ol{padding-left:1.25rem}
strong,b{font-weight:650}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em;background:var(--soro);padding:.1em .35em;border-radius:5px}
.mut{color:var(--tx2);font-size:.92rem}
.pequeno{font-size:.85rem}
.dir{text-align:right} .cen{text-align:center}
.oculto{display:none!important}
:focus-visible{outline:3px solid rgba(30,123,88,.45);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ícones (sprite em assets/img/icons.svg) */
.i{width:1.15em;height:1.15em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.2em}
h1>.i:first-child{width:2.5rem;height:2.5rem;padding:.6rem;margin-right:.65rem;border-radius:12px;background:var(--pasto-cl);color:var(--pasto);vertical-align:middle;stroke-width:1.7}
h2>.i:first-child,h3>.i:first-child{color:var(--pasto);margin-right:.35rem;width:1.1em;height:1.1em}
h1{display:flex;align-items:center}
h1>.i:first-child{flex:none}

/* ---------- estrutura ---------- */
.topo{position:sticky;top:0;z-index:30;height:var(--altopo);background:var(--tinta);color:#fff;display:flex;align-items:center;gap:.6rem;padding:0 1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.topo a{color:#fff;text-decoration:none}
.marca{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.08rem;letter-spacing:-.005em}
.marca img{width:32px;height:32px;display:block}
.marca small{font-weight:500;opacity:.7;font-size:.95em}
.topo .esp{flex:1}
.eu{display:flex;align-items:center;gap:.55rem}
.avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);display:grid;place-items:center;font-weight:700;font-size:.95rem}
.eu-nome{display:none;font-size:.9rem;opacity:.92;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topo-link{font-weight:600;font-size:.95rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.35);border-radius:10px}
.faixa-sim{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--manteiga-cl);color:var(--manteiga-tx);border-bottom:1px solid rgba(230,174,53,.45);font-size:.82rem;line-height:1.35;padding:.4rem .9rem}
.faixa-sim .i{flex:none}
.faixa-aviso{text-align:center;font-size:.86rem;line-height:1.35;padding:.45rem .9rem;border-bottom:1px solid var(--linha)}
.faixa-aviso.info{background:var(--info-cl);color:#12355B}.faixa-aviso.alerta{background:var(--alerta-cl);color:#7A2417}
.cfg-grupo h2{margin-top:0}.cfg-campo{margin:.9rem 0}.cfg-campo small{display:block}.cfg-campo .quem{font-size:.78rem}
.cfg-info{display:grid;grid-template-columns:1fr auto;gap:.2rem 1rem;font-size:.92rem}.cfg-info dt{color:var(--tx2)}.cfg-info dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.alt{font-size:.74rem;color:var(--manteiga-tx);background:var(--manteiga-cl);padding:.05rem .4rem;border-radius:999px;margin-left:.4rem}
.conteudo{max-width:1060px;margin:0 auto;padding:1.1rem 1rem 1.5rem}
.nav{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--card);border-top:1px solid var(--linha);display:flex;justify-content:space-around;padding:.25rem .3rem calc(.25rem + env(safe-area-inset-bottom));box-shadow:0 -6px 18px rgba(15,43,70,.06)}
.nav a{position:relative;flex:1;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;text-decoration:none;color:var(--tx2);font-size:.69rem;padding:.45rem .1rem .35rem;border-radius:10px;font-weight:600}
.nav a .i{width:1.45rem;height:1.45rem;stroke-width:1.7}
.nav a.on{color:var(--pasto)}
.nav a.on::before{content:"";position:absolute;top:-.25rem;left:28%;right:28%;height:3px;border-radius:0 0 3px 3px;background:var(--pasto)}
.nav a.mais{cursor:pointer}
.nav a.extra,.nav-grupo{display:none}
.menu-mais{position:fixed;left:.7rem;right:.7rem;bottom:72px;z-index:40;background:var(--card);border:1px solid var(--linha);border-radius:var(--r);box-shadow:var(--sombra-flut);padding:.5rem;display:none;grid-template-columns:1fr 1fr;gap:.35rem}
.menu-mais.aberto{display:grid}
.menu-mais a{display:flex;align-items:center;gap:.6rem;padding:.75rem .8rem;border-radius:10px;text-decoration:none;color:var(--tx);font-weight:600;font-size:.93rem;background:var(--bg)}
.menu-mais a .i{color:var(--pasto)}
@media(min-width:640px){.eu-nome{display:block}}
@media(min-width:900px){
  body{padding-bottom:0;padding-left:var(--lado)}
  .topo{margin-left:calc(var(--lado) * -1);padding-left:1.3rem;padding-right:1.3rem}
  body.visitante{padding-left:0}body.visitante .topo{margin-left:0}
  .faixa-sim{font-size:.84rem}
  .nav{top:var(--altopo);bottom:0;right:auto;width:var(--lado);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:.1rem;padding:1rem .8rem;border-top:0;border-right:1px solid var(--linha);box-shadow:none;overflow-y:auto}
  .nav a{flex:none;flex-direction:row;align-items:center;text-align:left;gap:.7rem;font-size:.93rem;padding:.55rem .75rem;border-radius:9px}
  .nav a .i{width:1.25rem;height:1.25rem}
  .nav a:hover{background:var(--bg);color:var(--tx)}
  .nav a.on{background:var(--pasto-cl);color:var(--pasto-esc)}
  .nav a.on::before{top:.5rem;bottom:.5rem;left:-.8rem;right:auto;width:3px;height:auto;border-radius:0 3px 3px 0}
  .nav a.extra{display:flex}
  .nav a.mais{display:none}
  .nav-grupo{display:block;margin:1rem .75rem .3rem;font-size:.72rem;font-weight:650;color:var(--tx2);letter-spacing:.02em}
  .nav a.nav-sair{margin-top:auto;border-top:1px solid var(--linha);border-radius:0;padding-top:.9rem}
  .menu-mais{display:none!important}
  .conteudo{padding:1.6rem 2rem 2rem}
  h1{font-size:1.9rem}
}

/* ---------- cartões e grades ---------- */
.card{background:var(--card);border:1px solid var(--linha);border-radius:var(--r);padding:1.1rem;margin:0 0 1rem}
.card h2:first-child,.card h3:first-child{margin-top:0}
.card>h2{padding-bottom:.55rem;margin-bottom:.8rem;border-bottom:1px solid var(--linha)}
.grade{display:grid;gap:.8rem}
.g2{grid-template-columns:1fr}.g3{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}
@media(min-width:700px){.g2{grid-template-columns:1fr 1fr}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}}
.kpi{background:var(--card);border:1px solid var(--linha);border-top:3px solid var(--tinta);border-radius:5px 5px var(--rc) var(--rc);padding:.7rem .9rem .8rem}
.kpi .t{font-size:.8rem;color:var(--tx2);font-weight:500;line-height:1.3}
.kpi .v{font-family:var(--serif);font-weight:600;font-size:1.55rem;line-height:1.25;color:var(--tinta);letter-spacing:-.012em;font-variant-numeric:tabular-nums lining-nums;word-break:break-word}
.kpi.pos{border-top-color:var(--pasto)}.kpi.pos .v{color:var(--pasto)}.kpi.neg{border-top-color:var(--alerta)}.kpi.neg .v{color:var(--alerta)}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) .kpi .v{color:#DCE8F4}}
.pill{display:inline-block;padding:.08rem .5rem;border-radius:6px;font-size:.74rem;font-weight:650;background:var(--soro);color:var(--tx2);vertical-align:middle;line-height:1.5}
.pill.ex{background:var(--manteiga-cl);color:var(--manteiga-tx);box-shadow:inset 0 0 0 1px rgba(230,174,53,.5)}
.pill.ok{background:var(--pasto-cl);color:var(--pasto-esc)}
.pill.ruim{background:var(--alerta-cl);color:var(--alerta)}
.pill.xml{background:var(--info-cl);color:var(--info)}

/* ---------- formulários ---------- */
label{display:block;font-weight:600;margin:.8rem 0 .3rem;font-size:.88rem;color:var(--tx)}
label .dica{font-weight:400;color:var(--tx2)}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=file],input[type=date],select,textarea{width:100%;padding:.65rem .8rem;font:inherit;border:1px solid var(--linha2);border-radius:var(--rc);background:var(--card);color:var(--tx);min-height:46px;transition:border-color .15s,box-shadow .15s}
input:hover,select:hover,textarea:hover{border-color:#9FB0BC}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--pasto);box-shadow:0 0 0 3px rgba(30,123,88,.2)}
input::placeholder{color:#8A99A6}
select{appearance:none;-webkit-appearance:none;padding-right:2.3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566574' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1.1rem}
input[type=file]{padding:.5rem;font-size:.9rem}
input[type=checkbox],input[type=radio]{width:1.15rem;height:1.15rem;accent-color:var(--pasto);vertical-align:-.15em}
.campos{display:grid;gap:0 .9rem;grid-template-columns:1fr}
@media(min-width:700px){.campos.c2{grid-template-columns:1fr 1fr}.campos.c3{grid-template-columns:repeat(3,1fr)}.campos.c4{grid-template-columns:repeat(4,1fr)}}
.unid{display:flex;align-items:stretch;border:1px solid var(--linha2);border-radius:var(--rc);background:var(--card);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.unid:focus-within{border-color:var(--pasto);box-shadow:0 0 0 3px rgba(30,123,88,.2)}
.unid input{flex:1;min-width:0;border:0;border-radius:0;box-shadow:none!important;min-height:44px;background:transparent}
.unid span{display:flex;align-items:center;padding:0 .75rem;background:var(--soro);color:var(--tx2);font-size:.85rem;font-weight:500;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid transparent;border-radius:var(--rc);padding:.7rem 1.2rem;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;min-height:46px;background:var(--pasto);color:#fff;transition:background .15s,border-color .15s,transform .05s}
.btn:hover{background:var(--pasto-esc)}
.btn:active{transform:translateY(1px)}
.btn.sec{background:var(--card);color:var(--tinta2);border-color:var(--linha2)}
.btn.sec:hover{background:var(--soro)}
.btn.perigo{background:var(--alerta)}.btn.perigo:hover{background:#98351F}
.btn.peq{padding:.35rem .8rem;min-height:36px;font-size:.88rem}
.btn.grande{padding:.95rem 1.6rem;font-size:1.05rem;min-height:52px}
.btn.amarelo{background:var(--manteiga);color:#2B1F00}.btn.amarelo:hover{background:#D69F26}
.acoes{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem;align-items:center}
.aviso{position:relative;padding:.75rem 1rem;border-radius:var(--rc);margin:0 0 1rem;border:1px solid var(--linha);border-left-width:4px;background:var(--card)}
.aviso:has(>.i:first-child){padding-left:2.7rem}
.aviso>.i:first-child{position:absolute;left:.9rem;top:.85rem;width:1.15rem;height:1.15rem}
.aviso.ok{background:var(--pasto-cl);border-color:rgba(30,123,88,.35);border-left-color:var(--pasto);color:#0B4A36}
.aviso.erro{background:var(--alerta-cl);border-color:rgba(179,65,43,.3);border-left-color:var(--alerta);color:#7A2417}
.aviso.info{background:var(--info-cl);border-color:rgba(29,78,130,.25);border-left-color:var(--info);color:#12355B}
.aviso.alerta{background:var(--manteiga-cl);border-color:rgba(230,174,53,.5);border-left-color:var(--manteiga);color:var(--manteiga-tx)}
@media(prefers-color-scheme:dark){:root:not([data-tema="claro"]) .aviso.ok,:root:not([data-tema="claro"]) .aviso.erro,:root:not([data-tema="claro"]) .aviso.info{color:#E7EDF3}}
details.ajuda{margin:.5rem 0 .9rem;border:1px solid var(--linha);border-radius:var(--rc);padding:0 .9rem;background:var(--soro)}
details.ajuda summary{cursor:pointer;font-weight:600;color:var(--tx);padding:.65rem 0;list-style:none;display:flex;align-items:center;gap:.55rem;font-size:.93rem}
details.ajuda summary::-webkit-details-marker{display:none}
details.ajuda summary::before{content:"";flex:none;width:1.1rem;height:1.1rem;background:var(--pasto);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22/%3E%3Cpath d=%22M9 18h6%22/%3E%3Cpath d=%22M10 22h4%22/%3E%3C/svg%3E") center/contain no-repeat}
details.ajuda summary::after{content:"";margin-left:auto;flex:none;width:1rem;height:1rem;background:var(--tx2);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m6 9 6 6 6-6%22/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s}
details.ajuda[open] summary::after{transform:rotate(180deg)}
details.ajuda[open] summary{border-bottom:1px solid var(--linha);margin-bottom:.5rem}
details.ajuda[open]{padding-bottom:.4rem}

/* ---------- tabelas (estilo livro-caixa) ---------- */
.tabela{width:100%;border-collapse:collapse;font-size:.92rem}
.tabela th{text-align:left;font-size:.8rem;font-weight:600;color:var(--tx2);border-bottom:1.5px solid var(--linha2);padding:.5rem .5rem}
.tabela td{border-bottom:1px solid var(--linha);padding:.6rem .5rem;vertical-align:top}
.tabela td.n,.tabela th.n{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
.tabela tbody tr:last-child td{border-bottom-color:var(--linha2)}
.tabela tr.tot td{font-weight:650;border-top:3px double var(--tinta);border-bottom:0}
.rolar{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media(max-width:640px){
  .tabela.cartoes thead{display:none}
  .tabela.cartoes,.tabela.cartoes tbody{display:block}
  .tabela.cartoes tr{display:block;border:1px solid var(--linha);border-radius:12px;margin:0 0 .6rem;padding:.45rem .8rem;background:var(--card)}
  .tabela.cartoes td{display:flex;justify-content:space-between;gap:1rem;border:0!important;padding:.28rem 0;text-align:right}
  .tabela.cartoes td::before{content:attr(data-l);font-weight:500;color:var(--tx2);text-align:left}
  .tabela.cartoes td.nome{display:block;text-align:left;font-weight:650;font-size:1rem;padding-bottom:.35rem;margin-bottom:.2rem;border-bottom:1px solid var(--linha)!important}
  .tabela.cartoes td.nome::before{content:none}
}

/* ---------- barras e comparação ---------- */
.barra{height:10px;border-radius:999px;background:var(--soro);overflow:hidden}
.barra i{display:block;height:100%;background:var(--pasto);border-radius:999px}
.barra.az i{background:var(--tinta2)}.barra.am i{background:var(--manteiga)}.barra.vm i{background:#D2604A}
.reg{border:1px solid var(--linha);border-radius:var(--r);padding:1rem;background:var(--card)}
.reg.melhor{border:2px solid var(--pasto);background:linear-gradient(180deg,var(--pasto-cl),var(--card) 55%)}
.reg .sel{font-size:.78rem;font-weight:650;color:var(--pasto)}
.dica-card{display:flex;gap:.75rem;padding:.85rem .9rem;border-radius:var(--rc);border:1px solid var(--linha);background:var(--card);margin:0 0 .6rem}
.dica-card .ic{flex:none;display:grid;place-items:center;width:2.2rem;height:2.2rem;border-radius:9px;background:var(--soro);color:var(--tinta2)}
.dica-card .ic .i{width:1.2rem;height:1.2rem}
.dica-card.alerta .ic{background:var(--alerta-cl);color:var(--alerta)}.dica-card.dica .ic{background:var(--manteiga-cl);color:var(--manteiga-tx)}.dica-card.ok .ic{background:var(--pasto-cl);color:var(--pasto)}
.dica-card h3{margin:0 0 .2rem;font-size:.98rem}
.dica-card p{margin:0}
.passos{counter-reset:p;list-style:none;padding:0;margin:0}
.passos li{counter-increment:p;display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--linha)}
.passos li:last-child{border-bottom:0}
.passos li::before{content:counter(p);flex:0 0 1.9rem;height:1.9rem;border-radius:50%;background:var(--tinta);color:#fff;font-family:var(--serif);font-weight:600;display:flex;align-items:center;justify-content:center;font-variant-numeric:lining-nums}
.passos li.feito::before{content:"";background:var(--pasto) url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 6 9 17l-5-5%22/%3E%3C/svg%3E") center/60% no-repeat}
.tabs{display:flex;gap:.4rem;overflow-x:auto;margin:0 0 1rem;padding-bottom:.2rem}
.tabs a{white-space:nowrap;padding:.45rem .9rem;border-radius:999px;border:1px solid var(--linha2);background:var(--card);text-decoration:none;color:var(--tx2);font-weight:600;font-size:.9rem}
.tabs a.on{background:var(--tinta);color:#fff;border-color:var(--tinta)}

/* larguras de barra */
.w0{width:0%}.w1{width:1%}.w2{width:2%}.w3{width:3%}.w4{width:4%}.w5{width:5%}.w6{width:6%}.w7{width:7%}.w8{width:8%}.w9{width:9%}.w10{width:10%}.w11{width:11%}.w12{width:12%}.w13{width:13%}.w14{width:14%}.w15{width:15%}.w16{width:16%}.w17{width:17%}.w18{width:18%}.w19{width:19%}.w20{width:20%}.w21{width:21%}.w22{width:22%}.w23{width:23%}.w24{width:24%}.w25{width:25%}.w26{width:26%}.w27{width:27%}.w28{width:28%}.w29{width:29%}.w30{width:30%}.w31{width:31%}.w32{width:32%}.w33{width:33%}.w34{width:34%}.w35{width:35%}.w36{width:36%}.w37{width:37%}.w38{width:38%}.w39{width:39%}.w40{width:40%}.w41{width:41%}.w42{width:42%}.w43{width:43%}.w44{width:44%}.w45{width:45%}.w46{width:46%}.w47{width:47%}.w48{width:48%}.w49{width:49%}.w50{width:50%}.w51{width:51%}.w52{width:52%}.w53{width:53%}.w54{width:54%}.w55{width:55%}.w56{width:56%}.w57{width:57%}.w58{width:58%}.w59{width:59%}.w60{width:60%}.w61{width:61%}.w62{width:62%}.w63{width:63%}.w64{width:64%}.w65{width:65%}.w66{width:66%}.w67{width:67%}.w68{width:68%}.w69{width:69%}.w70{width:70%}.w71{width:71%}.w72{width:72%}.w73{width:73%}.w74{width:74%}.w75{width:75%}.w76{width:76%}.w77{width:77%}.w78{width:78%}.w79{width:79%}.w80{width:80%}.w81{width:81%}.w82{width:82%}.w83{width:83%}.w84{width:84%}.w85{width:85%}.w86{width:86%}.w87{width:87%}.w88{width:88%}.w89{width:89%}.w90{width:90%}.w91{width:91%}.w92{width:92%}.w93{width:93%}.w94{width:94%}.w95{width:95%}.w96{width:96%}.w97{width:97%}.w98{width:98%}.w99{width:99%}.w100{width:100%}

.estreito{max-width:460px;margin:1.2rem auto}.estreito.l520{max-width:520px}.estreito.l720{max-width:720px}
.mt1{margin-top:1rem}.mt0{margin-top:0}.mb0{margin-bottom:0}
@media(max-width:899px){.oculto-mov{display:none}}
.ncm-lista{display:grid;gap:.3rem;margin-top:.3rem}.ncm-op{text-align:left;white-space:normal}
.inline{display:inline}.neg-tx{color:var(--alerta)}
.linha-barra{display:grid;grid-template-columns:minmax(120px,1.2fr) 2fr auto;gap:.7rem;align-items:center;margin:.45rem 0;font-size:.9rem}
.linha-barra b,.linha-barra strong{font-variant-numeric:tabular-nums lining-nums}
.unid-peq{max-width:260px}
.etapas{padding-left:1.2rem}.etapas li{margin:.4rem 0}
details.card>summary{cursor:pointer;padding:.2rem 0;font-weight:600}
@media(max-width:560px){.linha-barra{grid-template-columns:1fr auto}.linha-barra .barra{grid-column:1/-1;order:3}}
.grow{flex:1}
.grade.g3c{grid-template-columns:repeat(3,1fr);gap:.5rem}.g3c .mut{font-size:.75rem}
.l320{max-width:320px}.l160{max-width:160px;display:inline-block}
.guia-link{margin:0 0 .6rem;text-align:right;font-size:.85rem}.guia-link a{display:inline-flex;align-items:center;gap:.35rem;color:var(--tx2);text-decoration:none;font-weight:600;padding:.2rem .55rem;border-radius:8px}.guia-link a:hover{background:var(--soro);color:var(--tx)}
.nota-final{display:flex;gap:.7rem;align-items:flex-start;margin-top:1.4rem;padding:.9rem 1rem;border-radius:var(--rc);background:var(--soro);color:var(--tx2);font-size:.82rem;line-height:1.5}
.nota-final p{margin:0}.nota-final .i{margin-top:.15rem;color:var(--tinta2)}
.rodape-versao{text-align:center;color:var(--tx2);font-size:.78rem;margin:1rem 0 .3rem}

/* ---------- guia de uso ---------- */
.guia .lead{font-size:1.05rem;color:var(--tx2);max-width:68ch}
.guia-sec{margin:1.6rem 0 .7rem}
.chips{display:flex;flex-wrap:wrap;gap:.45rem}
.chips a{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:8px;background:var(--soro);text-decoration:none;color:var(--tx);font-size:.86rem;font-weight:600}
.chips a .i{color:var(--pasto)}
.chips a:hover{background:var(--pasto-cl)}
.guia section,.guia .card{scroll-margin-top:calc(var(--altopo) + 1rem)}
.guia-cols{display:grid;gap:1rem}
.guia-txt{max-width:68ch}
.guia-fig{margin:1rem auto;text-align:center}
.guia-fig img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:20px;border:1px solid var(--linha2);box-shadow:0 8px 24px rgba(15,43,70,.16)}
.guia-fig figcaption{font-size:.8rem;color:var(--tx2);margin-top:.5rem}
.guia ol,.guia ul{padding-left:1.3rem}.guia li{margin:.3rem 0}
.ctr{text-align:center}
@media(min-width:820px){.guia-cols{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.guia-cols>div:last-child{position:sticky;top:calc(var(--altopo) + 1rem)}.guia-cols .guia-fig{margin:0 0 1rem}}
@media print{.topo,.nav,.menu-mais,.faixa-sim,.faixa-aviso,.guia-link,[data-imprimir],.rodape-versao{display:none!important}body{padding:0!important}.guia .card{break-inside:avoid}.guia-fig img{max-width:180px;box-shadow:none}}
@media(max-width:600px){.tabela.compacta{font-size:.8rem}.tabela.compacta th,.tabela.compacta td{padding:.35rem .2rem}.tabela.compacta td:first-child,.tabela.compacta th:first-child{max-width:6.5rem}}

/* telas de entrada */
.estreito.card{padding:1.6rem 1.5rem;box-shadow:0 14px 36px rgba(15,43,70,.08);border-top:4px solid var(--pasto)}
.estreito h1{font-size:1.6rem;margin-bottom:.3rem}
.estreito .btn.grande{width:100%}

/* ---------- assistente de configuração ---------- */
.lead{font-size:1.05rem;color:var(--tx2);max-width:62ch}
.progresso{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;gap:.35rem;overflow-x:auto;counter-reset:x}
.progresso li{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:.35rem;font-size:.74rem;color:var(--tx2);font-weight:600;position:relative;padding-top:.55rem}
.progresso li::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:4px;background:var(--linha2)}
.progresso li.feito::before{background:var(--pasto)}
.progresso li.atual::before{background:var(--tinta)}
.progresso li.atual{color:var(--tx)}
.progresso .pn{display:none}
.progresso .pr{line-height:1.2}
@media(min-width:700px){.progresso li{font-size:.84rem}.progresso .pn{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--soro);font-family:var(--serif);font-weight:600;font-size:.85rem;color:var(--tx2)}.progresso li.atual .pn{background:var(--tinta);color:#fff}.progresso li.feito .pn{background:var(--pasto);color:#fff}.progresso li{flex-direction:row;align-items:center;gap:.5rem}}
.opcoes{display:grid;gap:.5rem;margin:.3rem 0 .8rem}
.opcao{display:flex;gap:.75rem;align-items:flex-start;margin:0;padding:.8rem .9rem;border:1px solid var(--linha2);border-radius:var(--rc);background:var(--card);cursor:pointer;font-weight:400;transition:border-color .15s,background .15s}
.opcao:hover{border-color:#9FB0BC}
.opcao:has(input:checked){border-color:var(--pasto);background:var(--pasto-cl);box-shadow:inset 0 0 0 1px var(--pasto)}
.opcao input{margin-top:.2rem;flex:none}
.opcao strong{display:block;font-size:.95rem}
.opcao small{display:block;color:var(--tx2);font-size:.84rem;margin-top:.15rem;line-height:1.4}
label.check{display:flex;gap:.6rem;align-items:flex-start;margin:.2rem 0;padding:.4rem .5rem;border-radius:8px;font-weight:400;font-size:.95rem;cursor:pointer}
label.check:hover{background:var(--soro)}
label.check.off{opacity:.55;cursor:not-allowed}
label.check.off:hover{background:transparent}
.grupo-check{border:1px solid var(--linha);border-radius:var(--rc);margin:0 0 .8rem;padding:.4rem .7rem .6rem;display:grid;grid-template-columns:1fr;gap:0}
.grupo-check legend{font-family:var(--serif);font-weight:600;padding:0 .4rem;font-size:1.02rem}
@media(min-width:700px){.grupo-check{grid-template-columns:1fr 1fr;column-gap:1rem}.grupo-check legend{grid-column:1/-1;float:none}}
.check-ul{list-style:none;padding:0;margin:.4rem 0 .8rem;display:grid;gap:.4rem}
.check-ul li{position:relative;padding-left:1.7rem}
.check-ul li::before{content:"";position:absolute;left:0;top:.3em;width:1.1rem;height:1.1rem;background:var(--pasto);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.resumo{margin:0}.resumo>div{display:grid;gap:.1rem;padding:.6rem 0;border-bottom:1px solid var(--linha)}.resumo>div:last-child{border-bottom:0}
.resumo dt{font-size:.8rem;color:var(--tx2);font-weight:600}.resumo dd{margin:0}
@media(min-width:700px){.resumo>div{grid-template-columns:11rem 1fr;gap:1rem}}
.inicio-assist{display:flex;gap:.8rem;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 1rem;padding:.8rem 1rem;border:1px dashed var(--linha2);border-radius:var(--rc);background:var(--card)}
.inicio-assist p{margin:0;max-width:60ch}

/* apresentações de embalagem na receita (1.4.0) */
.apres-bloco{border:1px solid var(--linha2);border-radius:var(--rc);padding:.9rem 1rem 1rem;margin:0 0 1rem;min-width:0;background:var(--card)}
.apres-bloco legend{font-family:var(--serif);font-weight:600;padding:0 .4rem;font-size:1.02rem}
.apres-bloco .tabela input,.apres-bloco .tabela select{min-width:0}
.apres-bloco .tabela td:nth-child(2) input,.apres-bloco .tabela td:nth-child(3) input{max-width:6.5rem;text-align:right}
.opcoes+[data-se],.opcoes+.oculto+[data-se]{margin-top:1rem}
[data-conv-out]{margin-top:.6rem}

/* simulador de formulação (1.5.0) */
.lista-simples{list-style:none;margin:.2rem 0 .8rem;padding:0;display:grid;gap:.35rem}
.delta{display:block;font-size:.78rem;font-weight:500;color:var(--tx2);margin-top:.1rem}
.delta.bom{color:var(--pasto-esc)}.delta.ruim{color:var(--alerta)}
.formulacao input[type=text]{min-width:0;width:100%;text-align:right}
.formulacao .valor-a{display:inline-block;padding:.5rem .2rem;font-variant-numeric:tabular-nums}
.formulacao select{min-width:0;max-width:100%}
.comparativo tr.sep td{border-top:2px solid var(--linha2)}
.grade.g2{display:grid;grid-template-columns:1fr;gap:1rem}
@media(min-width:760px){.grade.g2{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .tabela.cartoes.formulacao tr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem .5rem;align-items:end}
  .tabela.cartoes.formulacao td.nome{grid-column:1/-1}
  .tabela.cartoes.formulacao td[data-l]{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;padding:0;text-align:right}
  .tabela.cartoes.formulacao td[data-l]::before{font-size:.72rem;text-align:left}
  .tabela.cartoes.formulacao input[type=text]{padding:.5rem .45rem;min-height:40px}
  .tabela.cartoes.formulacao .valor-a{padding:.55rem .45rem;text-align:right;border:1px dashed var(--linha2);border-radius:var(--rc)}
}

/* 1.6.0 — encargos e lista de custos */
.tabela tr.grupo th{background:var(--soro);font-family:var(--serif);font-size:.95rem;font-weight:600;color:var(--tinta);padding:.45rem .5rem;border-bottom:0}
.tabela td .dica{font-size:.82rem;color:var(--tx2);margin-top:.1rem}
.lista-cat{list-style:none;margin:.4rem 0 .2rem;padding:0;display:grid;grid-template-columns:1fr;gap:.55rem}
.lista-cat li .dica{font-size:.82rem;color:var(--tx2);margin:.15rem 0 0 .2rem}
.lista-cat .btn[disabled]{opacity:.6;cursor:default}
@media(min-width:700px){.lista-cat{grid-template-columns:1fr 1fr;column-gap:1rem}}

/* 1.8.0 — Origem do leite / Produção real */
.lista-receitas{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem}
.lista-receitas .btn{font-size:.9rem}
.linha-barra strong{min-width:4.2rem;text-align:right}
.dica-rolar{display:none;font-size:.8rem;color:var(--tx2);margin:.2rem 0 .4rem}
@media(max-width:700px){.dica-rolar{display:block}}
.canal-det{padding:.2rem 1rem}.canal-det>summary{cursor:pointer;padding:.7rem 0;list-style:none}.canal-det>summary::-webkit-details-marker{display:none}.canal-det[open]>summary{border-bottom:1px solid var(--linha);margin-bottom:.8rem}.canal-det .mut{display:block}
.inline-card{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start;border:1px solid var(--linha);border-radius:var(--rc);padding:.8rem 1rem;background:var(--card)}
textarea[readonly]{font-size:.9rem;line-height:1.5}
.grade+.card,.grade+.aviso{margin-top:1rem}

.export-barra{display:flex;flex-wrap:wrap;gap:.4rem;margin:.1rem 0 .9rem}
.so-impressao{display:none}
.imp-ents{margin:.2rem 0 1rem}
.imp-ent{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem .9rem;border:1px solid var(--linha2);border-radius:var(--rc);cursor:pointer;background:var(--card)}
.imp-ent:has(input:checked){border-color:var(--pasto);background:var(--pasto-cl)}
.imp-ent input{margin-top:.25rem}.imp-ent small{display:block;margin-top:.2rem}
.imp-resumo{display:flex;gap:.4rem;flex-wrap:wrap;margin:.2rem 0 .8rem}
.faixa-offline{position:sticky;top:0;z-index:60;background:#7A4A00;color:#fff;padding:.55rem 1rem;font-size:.9rem;text-align:center}
.faixa-offline.piscar{animation:fo .4s 2}@keyframes fo{50%{background:#B3412B}}
@media(prefers-reduced-motion:reduce){.faixa-offline.piscar{animation:none}}
[hidden]{display:none!important}
/* ---------- fale com a gente, caixa de feedback, liberações ---------- */
.fb-tipos{border:0;margin:0 0 .6rem;padding:0;display:grid;gap:.5rem;grid-template-columns:1fr}
.fb-tipos legend{font-weight:650;margin-bottom:.5rem;padding:0}
.fb-tipo{display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:.7rem .9rem;border:1px solid var(--linha2);border-radius:var(--rc);cursor:pointer;background:var(--card);font-weight:400}
.fb-tipo:has(input:checked){border-color:var(--pasto);background:var(--pasto-cl)}
.fb-tipo:focus-within{box-shadow:0 0 0 3px rgba(30,123,88,.2)}
.fb-tipo input{margin-top:.2rem}.fb-tipo small{display:block;color:var(--tx2);margin-top:.1rem}
@media(min-width:700px){.fb-tipos{grid-template-columns:1fr 1fr}}
.fb-tec{margin-top:1rem}.fb-tec small{display:block}
.fb-lista{list-style:none;margin:0 0 .5rem;padding:0}
.fb-lista li{border-bottom:1px solid var(--linha)}.fb-lista li:last-child{border-bottom:0}
.fb-lista a{display:block;padding:.7rem .2rem;text-decoration:none;color:var(--tx)}.fb-lista a:hover{background:var(--soro)}
.fb-meta{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-top:.25rem}
.fb-det h1{margin:.5rem 0 .3rem}.fb-det h3{margin:1rem 0 .2rem}
.fb-texto{white-space:normal;overflow-wrap:anywhere}
.fb-img{max-width:100%;max-height:420px;border:1px solid var(--linha2);border-radius:var(--rc)}
.fb-conversa{display:grid;gap:.6rem;margin:0 0 1rem}
.fb-msg{padding:.6rem .8rem;border-radius:var(--rc);background:var(--soro);max-width:92%}
.fb-msg p{margin:.15rem 0 0;overflow-wrap:anywhere}.fb-msg small{color:var(--tx2);font-weight:600}
.fb-msg.admin{background:var(--info-cl);justify-self:start}.fb-msg.usuario{background:var(--pasto-cl);justify-self:end}
.fb-msg.sistema{background:transparent;border:1px dashed var(--linha2);justify-self:center;font-size:.9rem}
.fb-msg.interna{background:var(--manteiga-cl);border:1px solid rgba(230,174,53,.5)}
.fb-ideia h3{margin:.4rem 0 .2rem}
.fb-inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.fb-inline select{min-width:11rem;width:auto}
.fb-modos{display:grid;gap:.3rem}.fb-modos small{display:block}
.fb-filtro .campos{align-items:end}
tr.fb-novo td{background:var(--info-cl)}
.nav-n{display:inline-block;min-width:1.25rem;padding:0 .35rem;margin-left:.4rem;border-radius:99px;background:var(--alerta);color:#fff;font-size:.7rem;font-weight:700;line-height:1.35rem;text-align:center}
.nav a.mais .nav-n.pt{position:absolute;top:.3rem;left:55%;min-width:.65rem;width:.65rem;height:.65rem;padding:0;margin:0;line-height:0}
.nav a .nav-n{position:absolute;top:.2rem;left:58%;margin:0}
.faixa-com{display:flex;gap:.6rem;align-items:center;justify-content:center;text-align:left}
.faixa-com form{margin:0}
.faixa-x{border:0;background:transparent;color:inherit;cursor:pointer;padding:.3rem;border-radius:6px;display:inline-flex;min-width:32px;min-height:32px;align-items:center;justify-content:center}
.faixa-x:hover{background:rgba(0,0,0,.08)}.faixa-x .i{width:1rem;height:1rem}
.guia-link a+a{margin-left:.3rem}
.menu-mais .nav-n{margin-left:auto}
@media(min-width:900px){.nav a .nav-n{position:static;margin-left:auto}}
@media print{
  body{background:#fff!important}
  .export-barra,.acoes,.btn,.dica-rolar,.guia-link,.faixa-sim,.faixa-aviso,.rodape-versao,.nav,.topo,.menu-mais,details.ajuda{display:none!important}
  .so-impressao{display:block;font-size:.8rem;color:#444;margin:0 0 .6rem}
  .rolar{overflow:visible!important}
  .card,.kpi{box-shadow:none!important;break-inside:avoid}
  .tabela{font-size:.8rem}.tabela th,.tabela td{padding:.3rem .35rem}
  .tabela tr{break-inside:avoid}
  main.conteudo{padding:0!important;max-width:none!important}
}