/* Só a caixa operacional. O desenho da caixa continua no componente público. */
.exp-ops-host{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:12px;right:12px;z-index:48;box-sizing:border-box;max-height:48svh;overflow:auto;overscroll-behavior:contain}
.exp-ops-faixa:empty{display:none}
@media(max-width:480px){.exp-ops-host.exp-ops-selecao{max-height:33svh}}
/* Espaço da caixa visível, descontando o rodapé já reservado pela casca. */
html.hub-exp-v2 #view-exp.exp-ops-reservada #lanes .col::after,
html.hub-exp-v2 #view-kds.exp-ops-reservada #kds::after{content:'';display:block;grid-column:1/-1;flex:none;height:var(--exp-ops-reserva,0px);pointer-events:none}
/* O vazio centralizado não precisa da reserva dos cartões. */
html.hub-exp-v2 #view-exp.exp-ops-reservada #lanes .col.vazia::after,
html.hub-exp-v2 #view-kds.exp-ops-reservada #kds:has(>.empty)::after{content:none}
.exp-ops{--exp-texto:#323200;--exp-fundo:rgba(255,255,255,.92);--exp-borda:rgba(50,50,0,.14);color:var(--exp-texto);font:500 16px/1.4 system-ui,sans-serif;max-width:min(1060px,calc(100vw - 24px));margin-inline:auto;transition:none}
:is([data-theme=dark],body.dark) .exp-ops{--exp-texto:#F5EFE8;--exp-fundo:rgba(34,31,28,.94);--exp-borda:rgba(245,239,232,.2)}
.exp-ops[hidden],.exp-ops [hidden],.exp-ops-filtrando[hidden]{display:none!important}
.exp-ops .cu-caixa36-host{position:relative;width:100%;color:inherit}
.exp-ops .cu-b-sugs,.exp-ops .cu-b-contexto,.exp-ops [data-cu-anexar],.exp-ops [data-cu-voz]{display:none!important}
.exp-ops [data-cu-parte=barra]{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.exp-ops [data-cu-caixa]{background:var(--exp-fundo);color:inherit;border:1px solid var(--exp-borda);border-radius:29px;display:flex;align-items:center;min-height:58px;padding:6px 10px}
.exp-ops [data-cu-campo]{font:inherit;color:inherit;flex:1;width:100%;min-width:0;resize:none;background:transparent;border:0;max-height:110px}
.exp-ops [data-cu-enviar]{min-width:44px;min-height:44px;border:0;border-radius:50%;color:inherit;background:var(--exp-fundo)}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pills,.exp-ops-filtrando{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill{font:600 14px/1.3 system-ui,sans-serif;white-space:normal;overflow-wrap:anywhere;max-width:100%;min-height:44px;padding:8px 13px;border:1px solid var(--exp-borda);border-radius:24px;background:var(--exp-fundo);color:var(--exp-texto);cursor:pointer}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill[aria-pressed=true]{background:var(--exp-texto);color:#F7F5F1}
:is([data-theme=dark],body.dark) :is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill[aria-pressed=true]{color:#221F1C}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill[data-canal=ifood]{border-bottom:3px solid var(--canal-ifood)}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill[data-canal=nine]{border-bottom:3px solid var(--canal-99food)}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill:disabled{opacity:.5;cursor:default}
:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill:focus-visible,.exp-ops [data-cu-campo]:focus-visible{outline:2px solid var(--acao,#1F5FD0);outline-offset:2px}
.exp-ops-total{cursor:default}
.exp-ops-nota,.exp-ops-recibo{margin:0;padding:0 8px;font-size:14px;overflow-wrap:anywhere;white-space:normal;background:var(--exp-fundo);border-radius:8px}
.exp-ops-nota:empty,.exp-ops-recibo:empty{display:none}
.exp-ops-filtrando{--exp-texto:#323200;--exp-fundo:#F7F5F1;--exp-borda:rgba(50,50,0,.14);font:600 14px/1.4 system-ui,sans-serif;color:var(--exp-texto);padding:8px 0}
:is([data-theme=dark],body.dark) .exp-ops-filtrando{--exp-texto:#F5EFE8;--exp-fundo:#221F1C;--exp-borda:rgba(245,239,232,.2)}
.exp-ops-em-repouso,.exp-ops-recolhida{transform:translateY(calc(100% + 12px));opacity:0;pointer-events:none}
.exp-ops-recolhida:focus-within{transform:none;opacity:1;pointer-events:auto}
.exp-ops-destinos{--exp-texto:#323200;--exp-fundo:#fff;--exp-borda:rgba(50,50,0,.14);max-width:min(460px,calc(100vw - 24px));box-sizing:border-box;max-height:calc(100dvh - 32px);overflow:auto;padding:20px;border:1px solid rgba(50,50,0,.14);border-radius:24px;background:#fff;color:#323200;font:500 16px/1.4 system-ui,sans-serif}
.exp-ops-destinos h2{font-size:20px;margin:0 0 8px}.exp-ops-destinos p{margin:0 0 16px}.exp-ops-destinos .exp-ops-pill{margin:3px}
.exp-ops-destinos::backdrop{background:rgba(20,18,16,.3)}
:is([data-theme=dark],body.dark) .exp-ops-destinos{--exp-texto:#F5EFE8;--exp-fundo:#221F1C;--exp-borda:rgba(245,239,232,.2);background:#221F1C;color:#F5EFE8}
@media(max-width:480px){.exp-ops{max-width:calc(100vw - 24px)}:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pill{font-size:13px;padding:8px 11px}:is(.exp-ops,.exp-ops-filtrando,.exp-ops-destinos) .exp-ops-pills{gap:5px}.exp-ops-filtrando{padding-inline:4px}}
@media(prefers-reduced-motion:reduce){.exp-ops{transition:none}}
.exp-ops-filtros-extra{display:grid;gap:12px;padding:12px}.exp-ops-filtros-extra fieldset{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0}.exp-ops-filtros-extra label{display:flex;align-items:center;gap:6px;min-height:44px;overflow-wrap:anywhere}
/* A conversa segue bloqueada para a loja; esta montagem só existe em exp/kds. */
body.role-loja .exp-ops .cu-b-raiz{display:block!important}
.exp-ops-coberta{visibility:hidden;pointer-events:none}
/* Uma caixa por vez, sem deixar a caixa global receber foco por baixo. */
.exp-ops-substituida[data-cg-compositor]{visibility:hidden!important;pointer-events:none!important}
.exp-ops-substituida[data-cg-compositor] *{transition:none!important}
.exp-ops-pesquisa[aria-pressed=true]{background:#323200;color:#F7F5F1}
:is([data-theme=dark],body.dark) .exp-ops-pesquisa[aria-pressed=true]{background:#F5EFE8;color:#221F1C}
#selbar.exp-ops-substituida{display:none!important}
/* A folha pública define seu próprio vidro; a operação mantém contraste nos dois temas. */
.exp-ops .cu-b-raiz [data-cu-caixa]{background:var(--exp-fundo)!important;border-color:var(--exp-borda)!important}
.exp-ops .cu-b-raiz [data-cu-campo]{color:var(--exp-texto)!important}
.exp-ops .cu-b-raiz [data-cu-campo]::placeholder{color:var(--exp-texto)!important;opacity:.72}

/* A faixa operacional já expõe os filtros e a limpeza; o legado volta sem ela. */
html.hub-exp-v2 #view-kds:has(.exp-ops-filtrando:not([hidden]))>#kfiltro{display:none!important}

/* Os filtros rápidos e fechar cabem na mesma linha no computador. */
@media(min-width:900px){.exp-ops [aria-label="Filtros rápidos"]>.exp-ops-pill{padding-inline:10px}}

html.hub-exp-v2 #view-exp.exp-ops-reservada #lanes .col{padding-bottom:0;scroll-padding-bottom:var(--exp-ops-reserva,0px)}

/* Os cartões não consomem a reserva de seu contêiner. */
html.hub-exp-v2 :is(.exp-card,.ckds){--exp-ops-reserva:0px}

/* A caixa ocupa uma área própria: o recorte rolável termina acima dos filtros. */
html.hub-exp-v2 #view-exp.on.exp-ops-reservada #lanes.full>.lane>.col{height:calc(100% - var(--exp-ops-reserva,0px))!important}