/* Menu superior (casca) — visual das prévias aprovadas (10/10/2026). SÓ APARÊNCIA: mesmos itens, mesma ordem, mesmo clique.
   Cada item ganha o ícone da prévia (desenhado aqui, por data-id); o ativo fica amarelo; o negrito continua (decisão 10/10:
   "negrito só no menu superior principal"). Vem depois do office-theme.css. Gerado por gerar-menu.cjs. */
html body .casca-hdr{background:linear-gradient(#f7fbff,#e7eff7)!important;border-bottom:1px solid #c3d3e2!important;box-shadow:none!important}
html body .casca-hdr #casca-nav{background:none!important;border:0!important;align-self:stretch;display:flex!important;align-items:stretch!important;gap:0!important;padding:0!important}
html body .casca-hdr #casca-nav > button,html body .casca-hdr #casca-nav .casca-grupo-btn{display:inline-flex!important;align-items:center!important;gap:9px!important;height:100%!important;min-height:46px!important;padding:0 17px!important;margin:0!important;border:0!important;border-left:1px solid #d5e1ec!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#33475b!important;font-size:15px!important;font-family:'Segoe UI',system-ui,sans-serif!important}
html body .casca-hdr #casca-nav .casca-grupo{display:flex;align-items:stretch}
html body .casca-hdr #casca-nav > button::before,html body .casca-hdr #casca-nav .casca-grupo-btn::before{content:'';width:18px;height:18px;flex:0 0 18px;background:#5f7488;-webkit-mask:var(--ic360) center/contain no-repeat;mask:var(--ic360) center/contain no-repeat}
html body .casca-hdr #casca-nav > button:hover,html body .casca-hdr #casca-nav .casca-grupo-btn:hover{background:linear-gradient(#fff,#eef4fa)!important;color:#1d2b3a!important}
html body .casca-hdr #casca-nav > button[aria-current="page"]{background:linear-gradient(#fff7d6,#fde59f)!important;box-shadow:inset 0 0 0 1px #e2c56c!important;color:#3a2f10!important}
html body .casca-hdr #casca-nav > button[aria-current="page"]::before{background:#c27a00}
html body .casca-hdr #casca-nav > button[data-sem]{color:#9aa8a0!important}
html body .casca-hdr #casca-nav > button[data-id="inicio"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-7%209%207%22%2F%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22%2F%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="salao"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h16l1%205H3z%22%2F%3E%3Cpath%20d%3D%22M4%209v11h16V9%22%2F%3E%3Cpath%20d%3D%22M9%2020v-6h6v6%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="delivery"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2217%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M6%2017h4l3-6h4l1%206%22%2F%3E%3Cpath%20d%3D%22M13%2011l-2-4h-3%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="kds"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%221%22%2F%3E%3Cpath%20d%3D%22M8%209h8M8%2013h8M8%2017h5%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="caixa"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2010h14l1%2010H4z%22%2F%3E%3Cpath%20d%3D%22M8%2010V6h8v4%22%2F%3E%3Cpath%20d%3D%22M10%2014h4%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="cardapio"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%205c3-1%206-1%208%201%202-2%205-2%208-1v14c-3-1-6-1-8%201-2-2-5-2-8-1z%22%2F%3E%3Cpath%20d%3D%22M12%206v14%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="estoque"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%208l9-4%209%204-9%204z%22%2F%3E%3Cpath%20d%3D%22M3%2012l9%204%209-4%22%2F%3E%3Cpath%20d%3D%22M3%2016l9%204%209-4%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="financeiro"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%2020V12M10%2020V8M15%2020v-6M20%2020V5%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="relatorios"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h16%22%2F%3E%3Cpath%20d%3D%22M6%2020V10h3v10M11%2020V5h3v15M16%2020v-7h3v7%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav > button[data-id="atendimento"]{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2014v-2a8%208%200%200116%200v2%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%2214%22%20width%3D%224%22%20height%3D%226%22%20rx%3D%221%22%2F%3E%3C%2Fsvg%3E")}
html body .casca-hdr #casca-nav .casca-grupo-btn{--ic360:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%203v3M12%2018v3M3%2012h3M18%2012h3M5.6%205.6l2.1%202.1M16.3%2016.3l2.1%202.1M5.6%2018.4l2.1-2.1M16.3%207.7l2.1-2.1%22%2F%3E%3C%2Fsvg%3E")}
@media(max-width:1300px){html body .casca-hdr #casca-nav > button,html body .casca-hdr #casca-nav .casca-grupo-btn{padding:0 11px!important;font-size:14px!important;gap:7px!important}}
@media(max-width:1000px){html body .casca-hdr #casca-nav > button::before,html body .casca-hdr #casca-nav .casca-grupo-btn::before{display:none}}

/* 20/10 (Ricarlos): menu se encaixa na largura da janela. As classes vêm do
   casca-encaixe.js, que mede a barra e sobe um degrau por vez enquanto não
   cabe: casca-aperta (menos espaço) → casca-texto (sem ícone) → casca-icones
   (só ícone; o nome fica no title do botão). */
html body .casca-hdr.casca-aperta #casca-nav > button,html body .casca-hdr.casca-aperta #casca-nav .casca-grupo-btn{padding:0 9px!important;font-size:13px!important;gap:6px!important}
html body .casca-hdr.casca-aperta .casca-emp .lbl{display:none!important}
html body .casca-hdr.casca-texto #casca-nav > button::before,html body .casca-hdr.casca-texto #casca-nav .casca-grupo-btn::before{display:none!important}
html body .casca-hdr.casca-texto #casca-nav > button,html body .casca-hdr.casca-texto #casca-nav .casca-grupo-btn{padding:0 8px!important;font-size:12.5px!important}
html body .casca-hdr.casca-icones #casca-nav > button:not(.sem-ic360),html body .casca-hdr.casca-icones #casca-nav .casca-grupo-btn{font-size:0!important;gap:3px!important;padding:0 11px!important}
html body .casca-hdr.casca-icones #casca-nav > button:not(.sem-ic360)::before,html body .casca-hdr.casca-icones #casca-nav .casca-grupo-btn::before{display:block!important;width:20px!important;height:20px!important;flex-basis:20px!important}
html body .casca-hdr.casca-icones #casca-nav .casca-grupo-btn .seta{font-size:11px!important}
html body .casca-hdr.casca-icones .casca-user .nm{display:none!important}
html body .casca-hdr .casca-marca{flex-shrink:0!important}