/* Madu V8.17 — ajustes depois de um dia inteiro de uso. */
html,body{background:#fafaf8}
@media (max-width:767px){
 /* A barra de baixo continua visível com o Menu aberto (o Menu cobria a barra e ela "sumia") */
 html:root body:has(.v8-menu-screen:not([data-leaving])) #maduMobileBottomBar#maduMobileBottomBar{z-index:1600!important;display:grid!important;visibility:visible!important;opacity:1!important}
 html:root body:has(.v8-menu-screen:not([data-leaving])) #maduMobileBottomBar #maduBottomMoreButton{color:var(--m16-g)!important;font-weight:800!important}
 .v8-menu-screen .v8m-scroll{padding-bottom:calc(var(--m16-bar,56px) + env(safe-area-inset-bottom,0px) + 24px)!important}
 .v8-menu-screen .v8-screen-card{padding-bottom:0!important}
 /* Cabeçalho branco, igual à barra de baixo: some a faixa verde no topo e no fim da tela */
 html:root body.madu-refined #appSidebar#appSidebar{background:rgba(255,255,255,.96)!important}
}
/* Menu: a logo nova no topo, no lugar do texto "M A D U" */
.v8m-brand{display:grid;place-items:center;letter-spacing:0!important;padding:0!important;font-size:0!important}
.v8m-brand img{width:30px;height:30px;border-radius:9px;display:block}

/* ═══ Imprimir: tudo cabe na tela, sem rolar ═══ */
#m10Print .m10-h{margin-bottom:2px}
#m10Print .m10-h .m10-h2{font-size:19px!important}
#m10Print .m10-h>div>p:not(.m10-h2){font-size:11.5px!important}
#m10Print .m10-hl .m10-link{min-height:28px!important;padding:0 10px!important;font-size:11.5px!important}
#m10Print .m10-top{font-size:12px;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:2px 0}
#m10Print .m10-top::-webkit-scrollbar{display:none}
#m10Print .m10-top .m10-chip{white-space:nowrap;min-height:30px;padding:0 10px;font-size:12.5px}
#m10Print .m10-q{font-size:16px;margin:4px 0 0}
#m10Print .m10-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
#m10Print .m10-cards .m10-card{grid-template-columns:1fr!important;padding:10px 11px!important;gap:2px!important;border-radius:16px!important;min-height:0!important}
#m10Print .m10-cards .m10-card .ic{grid-row:auto!important;width:34px!important;height:34px!important;border-radius:10px!important;margin:0 0 4px!important}
#m10Print .m10-cards .m10-card .ic svg{width:20px;height:20px}
#m10Print .m10-cards .m10-card b{font-size:14.5px!important;line-height:1.2}
#m10Print .m10-cards .m10-card small{font-size:11.5px!important;line-height:1.3}
#m10Print .m10-fila{padding:10px 12px!important}
#m10Print .m10-in-wrap{gap:10px!important}
/* Quanto fez / Como embalou: linhas claras, sem cartão dentro de cartão */
.m17-q{display:grid;gap:8px;padding-bottom:84px}
.m17-q .m10-t{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;font-size:19px}
.m17-tipo{font-size:11px;font-weight:800;letter-spacing:.03em;padding:3px 8px;border-radius:999px;background:#eef3ee;color:#1f4a36}
.m17-tot{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;padding:8px 0;border-bottom:1px solid rgba(22,38,29,.09)}
.m17-tot b{font-size:15px}
.m17-tot small{grid-column:1/-1;font-size:12px;color:#748078}
.m17-un select{max-width:140px}
.m17-lb{margin:4px 0 0;font-size:13px;font-weight:800;color:#748078;text-transform:uppercase;letter-spacing:.04em}
.m17-row{position:relative;display:grid;gap:8px;padding:10px 0 12px;border-bottom:1px solid rgba(22,38,29,.09)}
.m17-f{display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px}
.m17-f>span:first-child,.m17-qq span{font-size:12.5px;font-weight:700;color:#5d6a62}
.m17-f select{width:100%;min-height:40px!important;border-radius:12px!important;font-size:14px}
.m17-cv{display:flex;align-items:center;gap:8px;min-width:0}
.m17-cv select{flex:1;min-width:0}
.m17-cv em{font-style:normal;font-size:13px;font-weight:800;color:#1f4a36;white-space:nowrap}
.m17-qq{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:6px}
.m17-qq>div{display:grid;gap:4px;justify-items:start}
.m17-qq>i{font-style:normal;font-weight:800;color:#748078;padding-bottom:10px}
.m17-qq .m10-st button,.m17-tot .m10-st button{width:36px!important;height:38px!important;font-size:18px!important;border-radius:10px!important}
.m17-qq .m10-st input,.m17-tot .m10-st input{width:58px!important;min-height:38px!important;text-align:center;font-weight:800}
.m17-venda{margin:0;font-size:12px;font-weight:700;color:#4e7ad6}
.m17-x{position:absolute;right:0;top:6px}
.m17-row:has(.m17-x) .m17-f:first-of-type{padding-right:34px}
.m17-foot{position:fixed;left:0;right:0;bottom:calc(var(--m16-bar,56px) + env(safe-area-inset-bottom,0px));z-index:30;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(255,255,255,.97);border-top:1px solid rgba(22,38,29,.09);box-shadow:0 -8px 20px -16px rgba(0,0,0,.3)}
.m17-foot .m10-go{min-height:48px!important;flex:0 0 auto;padding:0 18px}
.m17-ck{flex:1;font-size:13px;font-weight:800;padding:0!important;background:none!important}
.m17-ck.ok{color:#1f4a36}.m17-ck.bad{color:#b4372b}
@media (min-width:768px){.m17-foot{position:sticky;bottom:0;border-radius:16px;margin-top:6px}.m17-q{padding-bottom:0}}
/* Locais: marcar armazenamento e venda */
.m17-armaz .m17-al{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-bottom:1px solid rgba(22,38,29,.08)}
.m17-armaz label{display:flex;align-items:center;gap:8px}
.m17-vd{font-size:13px;font-weight:700;color:#4e7ad6}
/* Fichas técnicas: o tipo da ficha aparece em destaque */
.m17-rtipo{display:inline-block;font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#e7f1ea;color:#1f4a36;margin-right:4px}
.m17-rtipo.is-pre{background:#fdf0dc;color:#9a5800}
/* Início: período da aba Vendas */
.v17-per{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0 10px}
.v17-per::-webkit-scrollbar{display:none}
.v17-per button{flex:0 0 auto;min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(22,38,29,.12);background:#fff;font:inherit;font-size:13px;font-weight:700;color:#3d4a42}
.v17-per button.is-on{background:#16261d;border-color:#16261d;color:#fff}
.v17-dates{display:flex;gap:8px;margin:-2px 0 10px}
.v17-dates label{flex:1;display:grid;gap:3px;font-size:12px;font-weight:700;color:#748078}
.v17-dates input{min-height:40px;border-radius:12px;border:1px solid rgba(22,38,29,.14);padding:0 10px;font:inherit;font-size:14px;background:#fff}
.v8-empty-mini{color:#748078;font-size:14px;padding:12px 2px}
/* V8.18.1: janelas do Imprimir (Locais de armazenamento, cancelar etiqueta, ligar ao site) abrem fora da tela
   do Imprimir e ficavam sem as cores: o botão Salvar aparecia branco no branco. */
.m10-dlg{--g:#1f4a36;--mut:#66726a;--line:#e3e1d8;--bg:#f6f5ef;color:#18261d;z-index:1700!important}
.m10-dlg .m10-go{background:#1f4a36!important;color:#fff!important;min-height:48px}
.m10-dlg-f{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))!important}
/* V8.18.3: vitrine do site opcional */
.m17-vt{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:14px;background:#fff;border:1px solid #e3e1d8}
.m17-vt input{margin-top:3px;width:18px;height:18px;flex:0 0 auto}
.m17-vt span{display:grid;gap:3px}.m17-vt small{font-size:12.5px;color:#66726a;line-height:1.35}
.m17-armaz.is-novit .m17-vd{display:none}
/* V8.18.5: conservação e validade na ficha técnica */
.m18-val{border:1px solid #dfe7e0;border-radius:16px;padding:12px 14px;background:#f7faf7;display:grid;gap:8px}
.m18-val h4{margin:0;font-size:15px;font-weight:800;color:#1f4a36;display:flex;gap:8px;align-items:center}
.m18-val p{margin:0}
.m18-val-rows{display:grid;gap:6px}
.m18-vr{display:grid;grid-template-columns:minmax(0,1fr) 90px 90px;gap:8px;align-items:center}
.m18-vr label{display:flex;gap:8px;align-items:center;font-size:14px}
.m18-vr .nf-input{min-height:40px!important;padding:6px 8px}