/* erp-01.css — Equipa ERP. Cabeçalho/navegação de conta e pedido (e ERP).
   Mesmas regras visuais do parche 01 de Web e Loja, mas só nas páginas que ELES excluem:
   body[class*="adm-"], [data-loja-conta], [data-loja-pedido], [data-loja-etapa], .wrap-estreito.
   Ordem de carga: march.css → navegacao-01 / loja-movil-02 / home-03 / pie-404-04 → erp-01.css.
   Só CSS; não toca em march.css, BD nem ficheiros de configuração. */

/* Âmbito: só web pública e loja pública (não aplica em conta, pedido, /loja/admin, /erp) */
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)){--sl-ceu:#3DB5E6;--sl-primario-500:#0067AB;--sl-primario-600:#00568F;--sl-primario-50:#E8F4FB;--sl-secundario-900:#0B182D;--sl-secundario-700:#1B2C47;
--sl-n50:#F6F8FA;--sl-n100:#EDF0F3;--sl-n500:#5B6673;--sl-n900:#0B182D;--sl-r-md:8px;--sl-sh-2:0 4px 12px rgba(11,24,45,.10);--sl-sh-3:0 12px 32px rgba(11,24,45,.16);
--sl-font-texto:"Inter",system-ui,sans-serif;--sl-dur-base:200ms;--sl-ease:cubic-bezier(.2,0,0,1);--sl-alvo-min:44px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .site-header{background:var(--sl-secundario-900)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .header-inner{min-height:72px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .brand img{height:32px;width:auto}
@media (max-width:380px){
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .brand img{height:auto;width:128px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .loja-atalho{margin-left:auto;padding:0 12px}
}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a{font:500 14px/20px var(--sl-font-texto);min-height:var(--sl-alvo-min);padding:0 12px;border-radius:var(--sl-r-md);display:inline-flex;align-items:center;gap:8px;color:#fff}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a svg{width:16px;height:16px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a:hover{background:rgba(255,255,255,.08)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .menu-toggle:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .loja-atalho:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .header-cart:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-todas-btn:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-dep>summary:focus-visible,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-gaveta a:focus-visible{outline:3px solid var(--sl-ceu);outline-offset:2px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a[aria-current=page]{background:transparent;box-shadow:inset 0 -2px 0 var(--sl-ceu);border-radius:0}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav .nav-cta,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .loja-atalho{background:var(--sl-primario-500);border-radius:var(--sl-r-md);font:600 14px/1 var(--sl-font-texto);min-height:var(--sl-alvo-min);padding:0 16px;color:#fff}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav .nav-cta:hover,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .loja-atalho:hover{background:var(--sl-primario-600)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .menu-toggle{flex-shrink:0;white-space:nowrap;padding:0 12px;box-sizing:border-box;min-height:var(--sl-alvo-min);min-width:var(--sl-alvo-min);border-radius:var(--sl-r-md);font:600 14px var(--sl-font-texto)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .brand{display:inline-flex;align-items:center;min-height:var(--sl-alvo-min)}
@media (max-width:1080px){
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .header-inner{min-height:60px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav{position:fixed;top:60px;left:0;right:0;bottom:0;max-height:none;margin:0;border-radius:0;
    padding:8px var(--sl-s4,16px) calc(24px + env(safe-area-inset-bottom));gap:0;background:var(--sl-secundario-900);
    box-shadow:var(--sl-sh-3);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;
    transform:translateX(100%);visibility:hidden;transition:transform var(--sl-dur-base) var(--sl-ease),visibility 0s linear var(--sl-dur-base)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav.is-open{transform:none;visibility:visible;transition:transform var(--sl-dur-base) var(--sl-ease)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a{min-height:48px;font:500 16px/24px var(--sl-font-texto);padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08);border-radius:0}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav a[aria-current=page]{box-shadow:inset 3px 0 0 var(--sl-ceu);background:rgba(61,181,230,.10)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav .nav-cta{margin:auto 0 0;justify-content:center;min-height:48px;border-bottom:0;border-radius:var(--sl-r-md);font-size:16px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .header-inner:has(.menu-toggle[aria-expanded=true]) .loja-atalho{visibility:hidden}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)):has(.menu-toggle[aria-expanded=true]){overflow:hidden}
}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-todas-btn{min-height:var(--sl-alvo-min);font:600 14px var(--sl-font-texto);border-radius:var(--sl-r-md)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-gaveta{box-shadow:var(--sl-sh-3)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-gaveta-topo{background:var(--sl-secundario-900);min-height:60px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-gaveta-topo strong{font:600 18px/28px var(--sl-font-texto)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-link,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-dep>summary{min-height:48px;padding:0 20px;font:600 16px/24px var(--sl-font-texto);color:var(--sl-n900);border-bottom:1px solid var(--sl-n100)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-link:hover,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-dep>summary:hover{background:var(--sl-n50)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-promo{color:#8A5300}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-dep[open]>summary{background:var(--sl-primario-50);color:var(--sl-primario-500)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-sub{padding:4px 20px 12px 52px;background:var(--sl-n50)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-sub a{min-height:48px;font:400 15px/20px var(--sl-font-texto);color:var(--sl-n900)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-sub a:hover,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-extra a:hover{color:var(--sl-primario-500)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-tudo{color:var(--sl-primario-500)!important}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-extra{padding:8px 20px}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-extra a{min-height:48px;gap:12px;font:500 15px/20px var(--sl-font-texto)}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-extra a svg,:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .lm-g-link svg{width:20px;height:20px}
@media (prefers-reduced-motion:reduce){
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav{transition:none!important}
}
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .main-nav .nav-cta{margin-left:12px}
@media (max-width:1080px){
:is(body[class*="adm-"],body:has([data-loja-conta],[data-loja-pedido],[data-loja-etapa],.wrap-estreito)) .site-header{overflow-x:clip}
}

/* WhatsApp flutuante (~82px com margem) não pode tapar as acções do pedido/conta em móvel */
@media (max-width:899px){
 body:has([data-loja-pedido],[data-loja-conta],[data-loja-etapa],.wrap-estreito) .wa-float{width:48px;height:48px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));animation:none}
 body:has([data-loja-pedido],[data-loja-conta],[data-loja-etapa],.wrap-estreito) .wa-float img{width:26px;height:26px}
 body:has([data-loja-pedido],[data-loja-conta],[data-loja-etapa],.wrap-estreito) .wa-float .wa-label{display:none}
 :is([data-loja-pedido],[data-loja-conta],[data-loja-etapa],.wrap-estreito){padding-bottom:calc(76px + env(safe-area-inset-bottom))}
}

/* P06: linhas de tickets atribuídas a outro técnico (sem ligação) */
body[class*="adm-"] .tk-linha.tk-de-outro{cursor:default;opacity:.72}
/* P07-alvos-largura (31/10/2026; rolB5: SVG em /assets em vez de data:, a CSP img-src só permite 'self'): objetivos táctiles de ≥44 px de ancho en el ERP. Solo ancho/área de toque, sin cambiar el aspecto */
body[class*="adm-"] .adm-mini-tab td a,body[class*="adm-"] .adm-table td a{display:inline-block;min-width:44px}
body[class*="adm-"] a.arm-ordem{display:inline-flex;align-items:center;min-width:44px;min-height:44px;margin:-14px 0}
body[class*="adm-"] .adm-aviso-fechar{min-width:44px;min-height:44px;margin:-11px -11px -11px 0}
body[class*="adm-"] .pt-picker-zoom .adm-btn{min-width:44px}
body[class*="adm-"] .adm-switch input[type=checkbox]{width:44px!important}
body[class*="adm-"] .adm-switch input[type=checkbox]:checked::before{transform:translateX(22px)}
body[class*="adm-"] .adm-table td.adm-chk input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin:-11px;cursor:pointer;border-radius:8px;background:url("/assets/p07-chk.svg?v=20261031-rolB5") center/22px no-repeat}
body[class*="adm-"] .adm-table td.adm-chk input[type=checkbox]:checked{background-image:url("/assets/p07-chk-on.svg?v=20261031-rolB5")}
body[class*="adm-"] .adm-table td.adm-chk input[type=checkbox]:focus-visible{outline:2px solid #0b5cad;outline-offset:-6px}