/* Centralia: componentes de operação. Complementa os estilos legados sem mudar formulários. */
:root{--fundo:#f3f5f5;--texto:#192e2b;--texto-fraco:#64736f;--borda:#dfe7e4;--verde:#16775e;--verde-forte:#0c5b45;--verde-fundo:#e8f4ee;--raio:16px;--raio-pequeno:10px;--sombra:0 3px 16px #15362b05}
body{font-family:Inter,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
a{transition:color .15s,border-color .15s,background .15s}
h1{font-size:clamp(25px,2.3vw,34px);letter-spacing:-.04em;font-weight:730;line-height:1.25}
h2{font-size:18px;font-weight:700;letter-spacing:-.025em}
h3{font-size:15px;line-height:1.4}
p{margin:8px 0}.apoio{font-size:13px;line-height:1.65;color:var(--texto-fraco)}
.pular-conteudo{position:fixed;top:-80px;left:24px;padding:12px 20px;background:white;z-index:100}.pular-conteudo:focus{top:10px}
.conteudo{max-width:1500px;padding:30px 36px 48px;gap:22px;width:100%;align-content:start}
.cabecalho-pagina,.cabecalho-secao{display:flex;align-items:center;justify-content:space-between;gap:18px}
.sobretitulo{display:block;color:var(--verde);font-size:10px;font-weight:750;letter-spacing:.15em;margin-bottom:9px}
.cabecalho-pagina .apoio{margin:10px 0 0;font-size:14px}
.topo{min-height:74px;background:#ffffff;border-bottom:1px solid var(--borda);padding:14px 36px;backdrop-filter:none;position:relative}
.contexto-topo{display:flex;flex-direction:column;gap:3px}.contexto-rotulo{font-size:9px;letter-spacing:.15em;font-weight:700;color:#86948e}.contexto-secao{font-size:13px;font-weight:600}
.topo>.marca{display:none}.topo .empresa{font-size:12px;max-width:40vw;background:#f4f7f5;padding:8px 12px;border-radius:9px}
.lateral{background:#103e32;color:#d4e7de;padding:28px 16px;border:0;display:flex;flex-direction:column;gap:5px}
.lateral>.marca{color:white;margin:0 12px 38px;font-size:14px;letter-spacing:.17em;display:flex;align-items:center;gap:10px}
.lateral .sinal{background:#89cfad;border-radius:3px;width:9px;height:23px}
.lateral .item{border-radius:10px;color:#b9d1c5;padding:12px 15px;font-size:13px;min-height:46px;gap:12px;font-weight:500}
.lateral .item:hover{background:#ffffff0b;color:white;text-decoration:none}.lateral .item[aria-current="page"]{background:#e4f2e8;color:#134e3d;font-weight:700;box-shadow:0 4px 15px #001e1815}
.lateral .item svg{width:19px;height:19px}.lateral-rodape{margin-top:auto;border-top:1px solid #ffffff19;padding:22px 8px 4px;display:flex;gap:10px;align-items:center;font-size:11px}
.lateral-rodape strong{display:block;color:#eaf5ef}.lateral-rodape div>span{display:block;color:#9bb6a8;font-size:10px;margin-top:2px}.avatar-marca{background:#ffffff12;border:1px solid #ffffff20;width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:#b8dec8;font-weight:700}
.submenu-caixa{box-shadow:0 12px 40px #12362b18;border-radius:12px}.submenu a{color:var(--texto)}
.painel{gap:16px}.indicador{padding:22px;gap:8px;box-shadow:none;border-radius:14px;min-height:137px}.indicador .rotulo{font-size:10px;letter-spacing:.09em;font-weight:650}.indicador .valor{font-size:clamp(23px,2.2vw,31px);font-weight:730;line-height:1.2}.indicador .apoio{font-size:11px;line-height:1.5}
.indicador.destaque{background:#143f33;border-color:#143f33;color:white}.indicador.destaque .valor{color:#fff}.indicador.destaque .rotulo,.indicador.destaque .apoio{color:#b8d3c4}
.cartao{padding:24px;border-radius:16px;box-shadow:none}.cartao h2{margin-bottom:12px}.cartao>p{max-width:100%}
.botao{font-size:12px;font-weight:650;min-height:43px;padding:10px 16px;border-radius:8px;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.botao.secundario{color:#344f46;background:white;border:1px solid #dbe4df}.botao.secundario:hover{background:#f3f8f5;border-color:#adc8b8}.botao.perigo{background:#fcf0ef;color:#9e3030;border-color:#ebd0ce}
.botoes{gap:9px;align-items:center;flex-wrap:wrap}.filtros{gap:4px;display:flex;flex-wrap:wrap;background:#eaf0ed;border-radius:10px;padding:5px;width:fit-content;max-width:100%}.filtros a{border:0;background:transparent;color:#5d7167;padding:9px 14px;border-radius:7px;font-size:12px;min-height:38px;display:flex;align-items:center;font-weight:550}.filtros a:hover{text-decoration:none;background:#f8fbf9}.filtros a[aria-current]{background:#fff;color:#174f3b;box-shadow:0 1px 4px #294d3b10;font-weight:700}
.etiqueta{font-size:10px;padding:4px 8px;line-height:1.4;font-weight:650;white-space:normal}.status-active,.etiqueta-paga{background:#e7f3eb;color:#296545}.status-paused,.etiqueta-prioridade-importante{background:#fff2df;color:#94621b}.status-closed,.etiqueta-prioridade-urgente{background:#f9e8e4;color:#a14537}
.lista{gap:10px}.linha{padding:16px;border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px}.linha .principal{display:block;overflow:visible;-webkit-line-clamp:unset;white-space:normal;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.linha .secundario{display:block;font-size:12px;line-height:1.6}.linha .numero{font-size:13px}
.urgente{border:1px solid #eadcc4;background:#fffdf8;border-left:1px solid #eadcc4}.urgente .lista{margin-top:16px}.urgente .linha{background:#fff;border-color:#ebe7df;position:relative;padding-right:155px;min-height:81px}.urgente .linha .principal{font-weight:700;color:#3f493f}.acao-alerta{position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:700;color:var(--verde);display:flex;gap:10px}.urgente .secundario{max-width:850px}.cabecalho-secao .etiqueta{background:#f4ead6;color:#8b6828}
.tabela-painel{background:white;border:1px solid var(--borda);border-radius:14px;overflow:hidden}.barra-tabela{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px}.barra-tabela h2{font-size:16px;margin:0 0 3px}.barra-tabela .apoio{font-size:11px}.ferramentas-tabela{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.busca{display:flex;align-items:center;gap:8px;border:1px solid var(--borda);padding:0 12px;border-radius:8px;background:#fafcfb;min-height:40px;width:250px}.busca>span[aria-hidden]{font-size:22px;color:#788d81}.busca input{width:100%;border:0;background:transparent;padding:10px 0;font-size:12px;min-height:38px;box-shadow:none}.ordenacao select{font-size:11px;min-height:40px;border:1px solid var(--borda);border-radius:8px;padding:7px;background:white;max-width:140px}
.tabela-operacao{width:100%;border-collapse:collapse;font-size:12px;min-width:850px}.tabela-operacao th{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#6d7f74;background:#f8faf9;font-weight:650;border-top:1px solid #e8eee9;border-bottom:1px solid #e8eee9;padding:13px 16px;white-space:nowrap}.tabela-operacao td{padding:17px 16px;border-bottom:1px solid #edf1ef;vertical-align:middle;line-height:1.5}.tabela-operacao tbody tr:hover{background:#f8fcf9}.tabela-operacao tbody tr:last-child td{border-bottom:0}.tabela-operacao td:first-child{min-width:245px;max-width:360px}.produto-tabela{font-weight:650;color:#294f40;display:block;line-height:1.5;white-space:normal}.codigo-produto{display:block;margin-top:5px;color:#8a978f;font-size:10px;overflow-wrap:anywhere}.numerica{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.rodape-tabela{font-size:11px;color:#849189;padding:12px 22px;border-top:1px solid #e9eeeb;margin:0;background:#fdfefd}.tabela-painel .rolagem{margin:0}.tabela-painel [hidden]{display:none!important}
.periodo-escolhido{padding:14px 18px;border-radius:10px;gap:10px}.periodo-escolhido input{max-width:220px;font-size:12px;min-height:40px;padding:8px 12px}.periodo-escolhido label{font-size:12px}.campo{gap:7px;margin:14px 0}.campo label{font-size:12px;font-weight:600;color:#3f574a}.campo input,.campo select,.campo textarea{border:1px solid #d8e3dc;border-radius:8px;padding:11px 13px;font-size:13px;min-height:44px;background:#fcfdfc}.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--verde);outline:2px solid #cde6d8;outline-offset:1px}
.etapas-compra{list-style:none;padding:18px 20px;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:#eaf0ed;border-radius:12px;font-size:11px;color:#7b8d82}.etapas-compra li{display:flex;align-items:center;gap:10px}.etapas-compra b{display:grid;place-items:center;background:#dce6df;width:27px;height:27px;border-radius:50%;font-size:10px;flex-shrink:0}.etapas-compra .etapa-atual{color:var(--verde-forte);font-weight:700}.etapas-compra .etapa-atual b{background:var(--verde);color:white}
.recomendacao{padding:22px}.recomendacao>p:not(.apoio):not(.etiquetas):not(.botoes){font-size:13px}.recomendacao details{margin:14px 0;color:#6a7c6f;font-size:12px}.recomendacao .botoes{display:inline-flex;margin-right:8px}.recomendacao form.botoes .botao{background:transparent;border:0;color:#89978e;padding:8px;font-weight:500}.recomendacao .origem{font-size:10px;border-top:1px solid #edf1ee;padding-top:12px}.oferta .dados{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}.oferta .dados>div{font-size:12px;padding:12px 0}.dados dt{color:#6b7d71;font-size:12px}.dados dd{font-size:13px;font-weight:650}.nota-fiscal>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;cursor:pointer}.nota-fiscal>summary:before{content:'+';color:var(--verde);font-size:18px}.nota-fiscal[open]>summary:before{content:'−'}.nota-conteudo{padding-top:20px}.nota-conteudo .vinculo{border-radius:8px;margin:8px 0 20px;padding:16px}.nota-conteudo .campo input{max-width:180px}
.aviso{border-radius:10px;font-size:12px;padding:14px 18px}.limitacoes{font-size:12px;line-height:1.7}.vazio{border:1px dashed #d6e1d8;border-radius:12px;padding:30px;font-size:13px;background:#fafcfb}.preview-aviso{background:#eaf2fb;border:1px solid #c7d9ef;color:#385b83;padding:9px 18px;font-size:11px;border-radius:8px}.preview-feedback{position:fixed;bottom:24px;right:24px;background:#163e31;color:white;padding:16px 22px;border-radius:12px;z-index:90;max-width:350px;box-shadow:0 10px 40px #12362b26}
@media(min-width:1024px){.aplicativo{display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:74px 1fr;padding-bottom:0}.lateral{grid-column:1;grid-row:1/-1;position:fixed;inset:0 auto 0 0;width:240px;height:100dvh}.topo{grid-column:2;grid-row:1}.conteudo{grid-column:2;grid-row:2}.painel{grid-template-columns:repeat(4,minmax(0,1fr))}.painel.dois{grid-template-columns:repeat(4,minmax(0,1fr))}.barra-inferior{display:none}}
@media(min-width:1024px){.conteudo[data-secao="inicio"]{grid-template-columns:repeat(2,minmax(0,1fr))}.conteudo[data-secao="inicio"]>.cabecalho-pagina,.conteudo[data-secao="inicio"]>.painel,.conteudo[data-secao="inicio"]>.urgente,.conteudo[data-secao="inicio"]>section[aria-label="Últimos sete dias"],.conteudo[data-secao="inicio"]>section[aria-label="Últimas vendas"]{grid-column:1/-1}}
@media(max-width:1023px){.conteudo{padding:24px}.lateral{display:none}.lateral-rodape{display:none}.barra-inferior{background:#fff;border-top:1px solid var(--borda);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:116px;gap:2px;padding:5px;position:fixed;bottom:0;z-index:50}.barra-inferior a{font-size:10px;color:#718478;border-radius:8px}.barra-inferior a[aria-current]{background:#e8f4ee;color:var(--verde-forte)}.topo{padding:14px 24px}.aplicativo{display:block;padding-bottom:calc(130px + env(safe-area-inset-bottom,0px))}.barra-tabela{align-items:flex-start;flex-direction:column}.ferramentas-tabela{width:100%}.busca{flex:1;min-width:180px}.etapas-compra{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.conteudo{padding:20px 16px;gap:18px}.topo{min-height:64px;padding:12px 16px}.cabecalho-pagina{align-items:flex-start;flex-direction:column;gap:13px}.cabecalho-pagina .botao{min-height:39px}.indicador{padding:16px;min-height:125px}.indicador .valor{font-size:22px}.painel{gap:10px}.cartao{padding:18px}.urgente .linha{padding:14px}.acao-alerta{position:static;transform:none;grid-column:1/-1;margin-top:5px;justify-content:flex-end}.filtros{width:100%}.filtros a{flex:1 0 auto;justify-content:center;padding:8px 10px;font-size:11px}.barra-tabela{padding:17px}.tabela-operacao{min-width:800px}.oferta .dados{grid-template-columns:1fr}.periodo-escolhido{display:grid;grid-template-columns:auto minmax(0,1fr);padding:14px}.periodo-escolhido input{max-width:none;width:100%}.periodo-escolhido button{grid-column:1/-1}.etapas-compra{padding:15px;gap:15px;font-size:10px}.busca{width:100%}.ordenacao select{max-width:110px}.nota-fiscal>summary{align-items:flex-start;flex-wrap:wrap}.preview-feedback{bottom:135px;right:16px;left:16px;max-width:none}}
@media print{.lateral,.topo,.barra-inferior,.ferramentas-tabela,.botao,.preview-aviso{display:none!important}.aplicativo{display:block}.conteudo{display:block;padding:0}.cartao,.tabela-painel,.indicador{box-shadow:none;break-inside:avoid}.tabela-operacao{min-width:0;font-size:10px}.rolagem{overflow:visible}}

/* Especificidade dos seletores herdados do menu desktop. */
.lateral a.item{color:#b9d1c5}.lateral a.item[aria-current="page"]{background:#e4f2e8;color:#134e3d}.lateral a.item:hover{background:#ffffff0b;color:white}.lateral a.item[aria-current="page"]:hover{background:#e4f2e8;color:#134e3d}.topo{justify-content:space-between}.contexto-topo{margin-right:auto}

.atalhos-erp{display:flex;gap:8px;align-items:center;margin-right:12px}.atalhos-erp a{font-size:11px;padding:7px 10px;border:1px solid #e0e8e3;border-radius:7px;white-space:nowrap}
@media(max-width:600px){.topo{flex-wrap:wrap;gap:10px}.atalhos-erp{margin:0}.atalhos-erp a{font-size:10px;padding:6px 8px}.topo .empresa{display:none}}
@media print{.atalhos-erp{display:none!important}}