/* /cerebro-unico/casca.css */
/* F0: a casca só distribui os encaixes; cada parte desenha seu conteúdo. */
#view-cer.cu-unico-on > :not([data-cu-raiz]){display:none!important}
.cu-unico{display:flex;position:relative;min-width:0;min-height:60dvh;gap:1rem;color:var(--label, #2A1C12);font:inherit}
.cu-unico [data-cu-parte="lista"]:empty,.cu-unico [data-cu-parte]:empty{display:none}
.cu-unico-corpo{display:flex;flex:1;flex-direction:column;min-width:0;gap:1rem}
.cu-unico [data-cu-parte="fio"]{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.cu-unico [data-cu-parte="barra"]{flex:none}
.cu-unico-fundo{position:fixed;inset:0;z-index:12500;display:flex;align-items:center;justify-content:center;padding:1rem;background:color-mix(in srgb, var(--label, #2A1C12) 35%, transparent)}
.cu-unico-fundo > .cu-unico{box-sizing:border-box;width:min(100%,60rem);height:var(--folha-grande,90dvh);max-height:100%;padding:3.5rem 1rem var(--folha-base,1rem);border-radius:1.5rem;background:var(--vidro-solido,var(--surface, #FFFFFF));overflow:hidden}
.cu-unico-fechar{position:absolute;right:1rem;top:.5rem;min-height:var(--tap,44px);padding:.5rem .75rem;border:0;border-radius:.75rem;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));color:inherit;font:inherit;cursor:pointer}
.cu-unico-fechar:focus-visible{outline:2px solid currentColor;outline-offset:2px}
@media(max-width:640px){
  .cu-unico{gap:.5rem}
  .cu-unico-fundo{align-items:flex-end;padding:var(--folha-topo,5dvh) 0 0}
  .cu-unico-fundo > .cu-unico{width:100%;height:100%;border-radius:1.5rem 1.5rem 0 0}
  .cu-unico-fundo > .cu-unico::before{content:"";position:absolute;top:.5rem;left:calc(50% - 1.125rem);width:2.25rem;height:.3125rem;border-radius:.2rem;background:var(--folha-alca)}
}

/* RC13 P0: o fio contém vitrine e turnos; só o compositor ocupa o rodapé. */
.cu-unico[data-cu-raiz]{gap:0;min-height:0;font-size:max(.6875rem,calc(1rem * var(--dt,1)))}
.cu-unico[data-cu-raiz]>.cu-unico-corpo{gap:0;min-height:0}
.cu-unico[data-cu-raiz] [data-cu-parte="fio"]{flex:1 1 0;min-height:0;overflow-y:auto;overflow-x:hidden}
.cu-unico[data-cu-raiz] [data-cu-parte="topo"]:empty{display:none}
.cu-unico[data-cu-raiz] [data-cu-parte="barra"]{position:relative;bottom:auto;flex:none;margin-top:0}
/* O compositor ocupa sua altura real no fluxo. Sugestões e campo nunca cobrem a área rolável.
   --comp-h acompanha o ResizeObserver da barra, inclusive teclado, anexos e texto ampliado. */
.cu-unico[data-cu-raiz] [data-cu-parte="fio"]{margin-bottom:0;padding-bottom:30px;scroll-padding-bottom:calc(var(--comp-h,0px) + 12px)}
.cu-unico[data-cu-raiz] [data-cu-parte="passos"],.cu-unico[data-cu-raiz] [data-cu-parte="anexo"],.cu-unico[data-cu-raiz] [data-cu-parte="barra"]{z-index:6}
.cu-unico[data-cu-raiz] [data-cu-parte="passos"],.cu-unico[data-cu-raiz] [data-cu-parte="anexo"]{position:relative}
html.cu-casa-ativa,html.cu-casa-ativa body{overflow:hidden;overscroll-behavior:none}
html.cu-casa-ativa #view-cer{padding:0;margin:0;min-height:0;overflow:hidden}
/* A casa cobre o viewport inteiro e conserva a barra global acima dela. */
html.cu-casa-ativa #view-cer{position:fixed;inset:0;z-index:40;background:var(--page, #F7F5F1)}
html.cu-casa-ativa #view-cer.cu-casa-local{display:block}
/* Na casca da operação, os comandos da Cozinha voltam ao fechar o Cérebro. */
/* O ramo #view-cer em :is conserva a especificidade do :has anterior; quem casa e a classe local. */
html.cu-casa-ativa:is(#view-cer.cu-casa-local,.cu-casa-local-ativa) .top .right>:where(.pstat,.unitlabel,#store,.clock,.ctxbtns,.icon):not(#voice-wake){display:none!important}
html.cu-casa-ativa #view-cer>.cu-unico{width:100%;height:var(--cu-altura,100dvh);max-width:none;border-radius:0}
html.app-nativo.cu-casa-ativa #view-cer{top:var(--topo-app,0px);bottom:var(--rodape-app,0px)}
html.app-nativo.cu-casa-ativa #view-cer>.cu-unico{height:100%}
html.cu-unico-disponivel .at-banner{top:calc(var(--topo-y,0px) + var(--topo-h,56px) + .5rem)}
html.cu-casa-ativa body{padding-bottom:0}
html.cu-casa-ativa:not(.app-nativo) body{--topo-y:0px;--topo-h:calc(56px + env(safe-area-inset-top));--topo-respiro:0px;--topo-reserva:0px;padding-top:0}
html.cu-casa-ativa body main{padding-bottom:0;margin:0}
html.cu-casa-ativa body header.top{left:0;right:0;padding-top:env(safe-area-inset-top)}

/* Os controles do Cérebro usam a barra global, sem uma segunda barra no corpo. */
.cu-navegacao{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
.cu-navegacao[hidden]{display:none!important}
.cu-nav-principal{display:flex;align-items:center;gap:2px;min-width:0;flex:1}
.cu-nav-principal>.cu-conv-global{order:-1}
.cu-navegacao .cu-conv-global{flex:none;padding:0;min-height:44px;background:none;box-shadow:none;backdrop-filter:none}
.cu-navegacao .cu-conv-topo-texto{display:none}
.cu-navegacao .cu-conv-abrir{display:grid}
.cu-navegacao .cu-conv-global .cu-conv-ib{display:grid}
.cu-nav-mais{display:block;flex:none}
.cu-nav-mais>summary{display:block;list-style:none;cursor:pointer;width:44px;height:44px;border-radius:12px;text-align:center;font-size:max(.6875rem,calc(1.25rem * var(--dt,1)));line-height:44px}
.cu-nav-mais>summary::-webkit-details-marker{display:none}
.cu-nav-mais:not([open])>.cu-nav-extras{display:none}
.cu-nav-extras{position:fixed;top:calc(56px + env(safe-area-inset-top));right:8px;z-index:12600;display:flex;flex-direction:column;align-items:stretch;gap:2px;min-width:220px;max-height:calc(100dvh - 64px);overflow-y:auto;padding:6px;border-radius:18px;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:var(--glass-sombra);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%)}
.cu-navegacao .cu-nav-extras>button,.cu-navegacao .cu-permissoes button{display:flex;align-items:center;gap:6px;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:12px;font:inherit;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));background:none;color:var(--label, #2A1C12);white-space:nowrap;cursor:pointer}
.cu-navegacao .cu-nav-extras button:disabled{opacity:.42;cursor:default}
.cu-navegacao .cu-permissoes .peca-acoes{margin:0}
.cu-navegacao .cu-permissoes svg{width:22px;height:22px}
.cu-navegacao .cu-b-nav{position:static;flex:1 1 0;min-width:0;max-width:160px;margin:0;padding:0;z-index:auto;pointer-events:auto}
.cu-navegacao .cu-b-nav::before{display:none}
.cu-navegacao .cu-b-nav .cu-b-loja-pil{min-height:44px;min-width:44px;max-width:100%;margin:0}
html.cu-casa-ativa .top .left{min-width:0;flex:1}
html.cu-casa-ativa .top #curview,html.cu-casa-ativa .top #seg,html.cu-casa-ativa .top #ctxbtns,html.cu-casa-ativa .top #unitlabel{display:none!important}
/* No aplicativo, os mesmos controles ficam na barra compacta do corpo. */
html.app-nativo.cu-casa-ativa .cu-nav-sistema{--cu-nav-h:44px;flex:none;min-height:var(--cu-nav-h);padding:0 max(8px,env(safe-area-inset-right)) 0 max(8px,env(safe-area-inset-left))}
html.app-android.cu-casa-ativa .cu-nav-sistema{--cu-nav-h:48px}
html.app-nativo.cu-casa-ativa .cu-nav-sistema .cu-nav-extras{top:calc(var(--topo-app,0px) + var(--cu-nav-h));max-height:calc(100dvh - var(--topo-app,0px) - var(--cu-nav-h) - var(--rodape-app,0px));overflow-y:auto}
@media(max-width:860px){
 .cu-navegacao .cu-b-nav .cu-b-loja-pil{max-width:100%}
 html.cu-casa-ativa .top #aibtn{display:none!important}
 html.cu-casa-ativa:not(.app-nativo) .top{display:flex!important;justify-content:space-between;gap:0;padding-inline:6px}
 html.cu-casa-ativa .top .right{flex:none;gap:0}
 /* O topo global decide o que vai ao menu e conserva os handlers e permissões. */
 html.cu-casa-ativa:not(.app-nativo) .top #voice-wake{display:inline-flex}
}
@media(prefers-reduced-transparency:reduce){.cu-nav-extras{background:var(--surface, #FFFFFF);backdrop-filter:none}}

/* V2: a raiz web começa em y=0. O topo global continua no seu pai, acima da casca;
   só lista e corpo reservam sua altura. O slot interno de topo permanece vazio. */
html.cu-casa-ativa:not(.app-nativo) #view-cer>.cu-unico{box-sizing:border-box;padding-top:var(--topo-h)}
html.cu-casa-ativa:not(.app-nativo) body header.top{position:fixed;top:0;z-index:45;display:flex!important;flex-wrap:nowrap;justify-content:space-between;width:100%;max-width:none;height:var(--topo-h);min-height:0;padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:4px;font:inherit;color:inherit}
html.cu-casa-ativa:not(.app-nativo) body header.top::before{content:"";position:absolute;inset:0;z-index:-1;border-bottom:.5px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));background:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);box-shadow:inset 0 .5px 0 color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%)}
/* O header fica fora da raiz e compartilha os tokens claros/escuros declarados em fio.css. */
html.cu-casa-ativa:not(.app-nativo) body header.top{color:var(--label, #2A1C12);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:max(.6875rem,calc(1rem * var(--dt,1)));line-height:1.45}
html.cu-casa-ativa:not(.app-nativo) body header.top :is(button#menubtn,button.icon){width:44px;height:44px;min-width:44px;min-height:44px;border:0;border-radius:12px;box-shadow:none;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--label, #2A1C12)}
html.cu-casa-ativa:not(.app-nativo) body header.top :is(button#menubtn,button.icon) svg{width:22px;height:22px;stroke-width:1.8}
html.cu-casa-ativa:not(.app-nativo) body header.top :is(button#menubtn,button.icon):hover{background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent))}
html.cu-casa-ativa:not(.app-nativo) body header.top .left{justify-self:auto;flex:1;gap:2px}
html.cu-casa-ativa:not(.app-nativo) body header.top .right{justify-self:auto;flex:none}
/* O título da conversa usa o nó mantido pelo módulo de conversas, sem outra cópia. */
html.cu-casa-ativa:not(.app-nativo) .cu-navegacao .cu-conv-global{flex:0 1 auto;min-width:0}
html.cu-casa-ativa:not(.app-nativo) .cu-navegacao .cu-conv-topo-texto{display:flex;order:2;max-width:300px;margin-left:10px;padding:0}
html.cu-casa-ativa:not(.app-nativo) .cu-navegacao .cu-conv-topo-texto b{font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C)}
html.cu-casa-ativa:not(.app-nativo) .cu-navegacao .cu-conv-topo-texto small{display:none}
@media(max-width:1180px){html.cu-casa-ativa:not(.app-nativo) .cu-navegacao .cu-conv-topo-texto{display:none}}
@media(max-width:420px){html.cu-casa-ativa:not(.app-nativo) body header.top{padding-inline:max(6px,env(safe-area-inset-left)) max(6px,env(safe-area-inset-right));gap:0}}
@media(prefers-reduced-transparency:reduce){html.cu-casa-ativa:not(.app-nativo) body header.top::before{background:var(--surface, #FFFFFF);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* O rodapé funcional conserva seus controles; a tipografia obedece à preferência da casca. */
.cu-unico[data-cu-raiz] footer.cu-placar small{font-size:max(.6875rem,calc(.8125rem * var(--dt,1)))}

/* Decisão do dono, 18/10/2026 às 19h. O --dt global permanece em 85%.
   A referência é resolvida no html antes de a casca publicar seu --dt local.
   Redefinir também os text styles evita herdar tokens já calculados a 85%. */
html[data-cu-texto-escolhido]{--cu-dt:var(--dt,1)}
.cu-unico,.cu-navegacao,.cu-conversas-tema,dialog.cu-memoria,html.cu-casa-ativa:not(.app-nativo) body header.top{
 --dt:var(--cu-dt,1);
 --f-largetitle:max(.6875rem,calc(2.125rem * var(--dt)));--lh-largetitle:calc(2.5625rem * var(--dt));
 --f-title1:max(.6875rem,calc(1.75rem * var(--dt)));--lh-title1:calc(2.125rem * var(--dt));
 --f-title2:max(.6875rem,calc(1.375rem * var(--dt)));--lh-title2:calc(1.75rem * var(--dt));
 --f-title3:max(.6875rem,calc(1.25rem * var(--dt)));--lh-title3:calc(1.5625rem * var(--dt));
 --f-headline:max(.6875rem,calc(1.0625rem * var(--dt)));--lh-headline:calc(1.375rem * var(--dt));
 --f-body:max(.6875rem,calc(1rem * var(--dt)));--lh-body:calc(1.375rem * var(--dt));
 --f-callout:max(.6875rem,calc(1rem * var(--dt)));--lh-callout:calc(1.3125rem * var(--dt));
 --f-subhead:max(.6875rem,calc(.9375rem * var(--dt)));--lh-subhead:calc(1.25rem * var(--dt));
 --f-footnote:max(.6875rem,calc(.8125rem * var(--dt)));--lh-footnote:calc(1.125rem * var(--dt));
 --f-caption1:max(.6875rem,calc(.75rem * var(--dt)));--lh-caption1:calc(1rem * var(--dt));
 --f-caption2:max(.6875rem,calc(.6875rem * var(--dt)));--lh-caption2:calc(.8125rem * var(--dt));
}

/* Lista/menu e diálogo são anexados ao body pelos módulos donos. A casca conserva
   neles o mesmo padrão e a mesma escolha, sem mudar os seus pais ou sua lógica. */
dialog.cu-memoria,dialog.cu-memoria .cu-memoria{font-size:max(.6875rem,calc(1rem * var(--dt,1)))}
dialog.cu-memoria h2{font-size:max(.6875rem,calc(1.35rem * var(--dt,1)))}
dialog.cu-memoria h3{font-size:max(.6875rem,calc(1rem * var(--dt,1)))}
dialog.cu-memoria small{font-size:max(.6875rem,calc(.8125rem * var(--dt,1)))}

/* Mockup V3 aprovado pelo Philippe em 20/10: conteúdo passa atrás de dois controles soltos. */
html.cu-casa-ativa #view-cer,html.app-nativo.cu-casa-ativa #view-cer{inset:0}
html.cu-casa-ativa #view-cer>.cu-unico{padding-top:0;height:var(--cu-altura,100dvh)}
html.cu-casa-ativa body header.top{position:fixed!important;inset:0 0 auto!important;width:100%!important;height:0!important;min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none;z-index:12560}
html.cu-casa-ativa body header.top::before,html.cu-casa-ativa body header.top::after{display:none!important;content:none!important}
html.cu-casa-ativa body header.top .left{position:absolute;left:max(12px,env(safe-area-inset-left));top:calc(10px + env(safe-area-inset-top));display:block!important;pointer-events:none}
html.cu-casa-ativa body header.top .left>:not(#menubtn),html.cu-casa-ativa body header.top .right{display:none!important}
html.cu-casa-ativa body header.top button#menubtn{display:grid!important;place-items:center;width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;pointer-events:auto;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent)),0 6px 22px color-mix(in srgb, var(--label, #2A1C12) 13%, transparent);backdrop-filter:blur(18px) saturate(170%)}
html.cu-casa-ativa #menudd{position:fixed!important;inset:0 auto 0 0!important;width:min(300px,84vw)!important;max-width:none!important;height:100dvh!important;max-height:100dvh!important;border-radius:0!important;overflow:auto;pointer-events:auto;padding-top:calc(16px + env(safe-area-inset-top));background:var(--surface2, #F7F3EE);box-shadow:var(--sombra-alta)}
/* V3.6: fundo do .conv-topo e degradê do mockup, sem mudar o vidro dos controles. */
html.cu-casa-ativa .cu-unico [data-cu-parte="topo"]{position:fixed;inset:0 0 auto;z-index:10;height:calc(56px + var(--cu-ios-safe-top,env(safe-area-inset-top,0px)));background:var(--page, #F7F5F1);pointer-events:none}
html.cu-casa-ativa .cu-unico [data-cu-parte="topo"]::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px;background:linear-gradient(color-mix(in srgb,var(--page, #F7F5F1) 55%,transparent),transparent);pointer-events:none}
html.cu-casa-ativa .cu-navegacao{position:absolute;right:12px;top:calc(10px + env(safe-area-inset-top));width:46px;min-width:46px;height:46px;pointer-events:auto}
html.cu-casa-ativa .cu-nav-principal{display:contents}
html.cu-casa-ativa .cu-navegacao .cu-conv-global{display:contents}
html.cu-casa-ativa .cu-navegacao .cu-conv-global>:not([data-cu-lista-abrir]),html.cu-casa-ativa .cu-nav-mais{display:none!important}
html.cu-casa-ativa .cu-navegacao [data-cu-lista-abrir]{display:grid;width:46px;height:46px;min-height:46px;border-radius:50%;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent)),0 6px 22px color-mix(in srgb, var(--label, #2A1C12) 13%, transparent);backdrop-filter:blur(18px) saturate(170%)}
html.cu-casa-ativa .cu-unico>[data-cu-parte="lista"]{order:2;border-right:0;border-left:.5px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
html.cu-casa-ativa .cu-conv-lado{border-right:0;border-left:.5px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
html.cu-casa-ativa .cu-conv-gaveta{left:auto;right:0;transform:none!important;translate:var(--cu-painel-x,100%) 0}
html.cu-casa-ativa .cu-conv-lado-topo{display:flex;flex-direction:column;gap:8px;padding-top:calc(12px + env(safe-area-inset-top))}
html.cu-casa-ativa .cu-conv-lado-topo .cu-conv-nova{width:100%;flex:none}
.cu-agente-contagem{margin-left:auto;color:var(--label2, #6B5A4C);white-space:nowrap}
html.cu-casa-ativa .cu-conv-lado-topo .cu-b-nav{position:relative;flex:none;max-width:none;width:100%;padding:0;margin:0;pointer-events:auto}
html.cu-casa-ativa .cu-conv-lado-topo .cu-b-loja-pil{width:100%;max-width:none;min-height:40px;justify-content:space-between;border-radius:12px}
html.cu-casa-ativa .cu-conv-pe .cu-nav-extras{position:static;display:flex;max-height:none;min-width:0;padding:0;box-shadow:none;background:none;backdrop-filter:none;border-radius:0}
html.cu-casa-ativa .cu-conv-pe .cu-nav-extras>button,html.cu-casa-ativa .cu-conv-pe .cu-permissoes button{display:flex;align-items:center;min-height:44px;width:100%;padding:0 12px;border:0;border-radius:12px;background:none;color:var(--label, #2A1C12);font:inherit;text-align:left;cursor:pointer}
html.cu-casa-ativa .cu-nav-extras>[data-cu-moldes]{display:none}
html.cu-casa-ativa .cu-unico [data-cu-parte="fio"]{padding-top:calc(68px + env(safe-area-inset-top))}
/* Âncoras nativas: 10 px do topo + botão de 46 px + 12 px de respiro. */
html.cu-casa-ativa .cu-unico :is(.cu-eu,.cu-assunto){scroll-margin-top:calc(68px + env(safe-area-inset-top))}
/* O fio esmaece sob os controles, sem a faixa pintada da casca anterior. */
html.cu-casa-ativa .cu-unico [data-cu-parte="fio"]{-webkit-mask-image:linear-gradient(to bottom,transparent,var(--label, #2A1C12) calc(68px + env(safe-area-inset-top)));mask-image:linear-gradient(to bottom,transparent,var(--label, #2A1C12) calc(68px + env(safe-area-inset-top)))}
html.cu-casa-ativa .cu-unico .cu-rolagem-degrade{display:none}
html.cu-casa-ativa .cu-porta-bolinha{display:none!important}
@media(min-width:861px){html.cu-casa-ativa .cu-unico:not(.cu-conv-com-gaveta):has(>[data-cu-parte="lista"]:not([hidden])) .cu-navegacao{right:calc(284px + 12px)}}

html.cu-casa-ativa body header.top button#menubtn{width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;border-radius:50%!important}
/* Vidro claro/escuro exato da moldura V3. */
.cu-unico,.cu-conversas-tema,html.cu-casa-ativa header.top{--cu-flt-bg:color-mix(in srgb, var(--surface2, #F7F3EE) 78%, transparent)}
body.dark .cu-unico,body.dark .cu-conversas-tema,html.cu-casa-ativa body.dark header.top{--cu-flt-bg:color-mix(in srgb, var(--label, #2A1C12) 78%, transparent)}
html.cu-casa-ativa body header.top button#menubtn,html.cu-casa-ativa .cu-navegacao [data-cu-lista-abrir]{background:var(--cu-flt-bg)}
/* A reserva V2 do topo também existia no seletor web mais específico. */
html.cu-casa-ativa #view-cer>.cu-unico{padding-top:0!important}
html.cu-casa-ativa body header.top button#menubtn{background:var(--cu-flt-bg)!important;box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent)),0 6px 22px color-mix(in srgb, var(--label, #2A1C12) 13%, transparent)!important;backdrop-filter:blur(18px) saturate(170%)!important}
html.cu-casa-ativa .cu-conv-pe .cu-nav-extras>.cu-conv-item{display:none!important}
/* A saída da casa conserva o lado da mola até a gaveta terminar de fechar. */
.cu-conv-gaveta[data-cu-painel-v3]{left:auto;right:0;transform:none!important;translate:var(--cu-painel-x,100%) 0}
/* O mesmo seletor de loja fica dentro da gaveta ativa, fora do corpo inert. */
html.cu-casa-ativa .cu-conv-lado .cu-b-nav>.cu-b-menu{position:absolute!important;left:0!important;right:0;top:calc(100% + 6px)!important;bottom:auto!important;max-width:100%;min-width:0;z-index:20;transform-origin:50% 0!important}
html.cu-casa-ativa body header.top>:not(.left){display:none!important}
/* Acabamento V3: uma coluna de comandos, com o mesmo alinhamento e alvo. */
html.cu-casa-ativa .cu-conv-lado-topo .cu-conv-nova{width:100%;flex:none}
html.cu-casa-ativa .cu-conv-pe .cu-nav-extras{flex-direction:column;gap:0}
html.cu-casa-ativa .cu-conv-pe .cu-permissoes .peca-acoes{display:block;margin:0}
html.cu-casa-ativa .cu-conv-pe button,html.cu-casa-ativa .cu-conv-pe .cu-nav-extras>button,html.cu-casa-ativa .cu-conv-pe .cu-permissoes button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:44px;min-height:44px;margin:0;padding:0 12px;border:0;border-radius:12px;background:none;box-shadow:none;color:var(--label, #2A1C12);font:inherit;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));text-align:left;white-space:nowrap}
html.cu-casa-ativa .cu-conv-pe button svg{display:block;flex:none;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--label2, #6B5A4C)}
html.cu-casa-ativa .cu-conv-pe .cu-painel-contagem{margin-left:auto;font-size:.75rem;color:var(--label2, #6B5A4C)}

/* C14, decisão de 20/10: chat contínuo, Agente e Moldes no topo. */
html.cu-casa-ativa .cu-navegacao{width:auto;gap:10px}
html.cu-casa-ativa .cu-nav-principal{display:flex;gap:10px;flex-direction:row-reverse}
html.cu-casa-ativa .cu-topo-botao{display:grid;place-items:center;flex:none;width:46px;height:46px;min-width:46px;min-height:46px;margin:0;padding:0;border:0;border-radius:50%;background:var(--cu-flt-bg,color-mix(in srgb, var(--surface2, #F7F3EE) 78%, transparent));box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent)),0 6px 22px color-mix(in srgb, var(--label, #2A1C12) 13%, transparent);backdrop-filter:blur(18px) saturate(170%);color:var(--label, #2A1C12);cursor:pointer}
.cu-topo-botao svg,.cu-voltar-topo svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cu-conta-preferencias{padding:8px 12px;color:var(--label, #2A1C12);font:inherit}
.cu-conta-preferencias h3{margin:12px 0 6px;font-size:.8125rem;color:var(--label2, #6B5A4C)}
.cu-conta-preferencias button{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.cu-conta-preferencias svg{width:22px;height:22px}
html:not(.cu-casa-ativa) .cu-conta-preferencias{display:none}
.cu-unico .cu-loja-fio,.cu-unico .cu-loja-fio>.cu-b-nav{display:contents}
.cu-unico .cu-loja-fio>.cu-b-nav::before{display:none}
.cu-unico .cu-loja-fio>.cu-b-nav .cu-b-loja-pil{order:0;flex:none;min-height:40px;max-width:100px;border-radius:20px;margin:0 2px;padding:4px 8px;font-size:.8125rem;background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
.cu-unico .cu-b-caixa .cu-b-campo:placeholder-shown{white-space:nowrap}
.cu-camada::backdrop{background:color-mix(in srgb, var(--label, #2A1C12) 28%, transparent);backdrop-filter:blur(3px)}
.cu-agente-dialog{position:fixed;inset:8px 8px 8px auto;box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 16px);max-height:none;margin:0;padding:16px;border:0;border-radius:24px;background:var(--surface, #FFFFFF);color:var(--label, #2A1C12);overflow-y:auto;font:inherit;overscroll-behavior:contain}
.cu-agente-topo{display:flex;align-items:center;gap:8px;position:sticky;top:-16px;z-index:2;padding:8px 0;background:var(--surface, #FFFFFF)}
.cu-agente-topo h2{margin:0;flex:1;font-size:1.25rem}
.cu-agente-topo p{font-size:.8125rem;color:var(--label2, #6B5A4C);margin:0}
.cu-agente-topo button{width:44px;height:44px;min-width:44px;border:0;border-radius:50%;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));color:inherit;font-size:1.5rem;cursor:pointer}
.cu-agente-dialog .cu-plantao{margin:0;padding:0;max-width:none}
@media(max-width:520px){.cu-agente-topo{flex-wrap:wrap}.cu-agente-topo h2{font-size:1.125rem}.cu-agente-dialog{padding:12px}.cu-agente-topo{top:-12px}.cu-agente-dialog .h2-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cu-loja-fio{position:relative;z-index:7;flex:none}
.cu-historico-aviso{display:block;margin:72px auto 12px;max-width:90%;padding:12px;border:0;border-radius:14px;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));color:var(--label, #2A1C12);font:inherit;cursor:pointer}

/* L21: controles flutuam pelo vidro e pelo contraste, sem sombra de contorno. */
html.cu-casa-ativa body header.top button#menubtn.icon,
html.cu-casa-ativa .cu-unico .cu-navegacao [data-cu-lista-abrir],
html body .cu-unico button,html body .cu-unico button .cu-b-sug-texto{box-shadow:none!important;filter:none}
/* AU-CONV-G (G10), decisão do Philippe (27/10): contorno de foco "Nunca" no Cérebro (casa do Cérebro na tela, a casca, a
   barra e o menu). O foco continua (o teclado navega), sem contorno. Numa camada, o !important vence qualquer outline de
   foco sem camada, mesmo os !important mais específicos; as outras telas do Hub ficam como estão. */
@layer cu-foco-nunca{html.cu-casa-ativa :is(:focus,:focus-visible),:is(.cu-unico,.cu-b-raiz,.cu-menu36) :is(:focus,:focus-visible){outline:0!important}}
.cu-historico-anterior{display:block;margin:8px auto 16px;min-height:44px;padding:8px 14px;border:0;border-radius:20px;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));color:var(--label, #2A1C12);font:inherit;cursor:pointer}
.cu-peca-pendente{min-height:320px;color:var(--label2, #6B5A4C)}
.cu-turno .cu-peca[data-cu-medida]{content-visibility:auto;contain-intrinsic-size:auto var(--cu-peca-altura)}

/* V3.4 V1: mesma geometria do mockup aprovado, sem sombras. */
html.cu-casa-ativa .cu-navegacao,html.cu-casa-ativa .cu-nav-principal{gap:8px}
html.cu-casa-ativa .cu-navegacao{right:12px}
html.cu-casa-ativa body header.top button#menubtn.icon,html.cu-casa-ativa .cu-topo-botao{box-sizing:border-box;border:1px solid var(--cu-flt-brd,color-mix(in srgb, var(--label, #2A1C12) 10%, transparent))!important;font-size:13px;position:relative}
html.cu-casa-ativa #menubtn svg,html.cu-casa-ativa .cu-topo-botao svg{width:20px!important;height:20px!important}
html.cu-casa-ativa [data-cu-robo]{color:var(--d-anil-t, #394DC8)}
.cu-unico{--cu-topo-reserva:calc(68px + env(safe-area-inset-top));--cu-flt-brd:color-mix(in srgb, var(--label, #2A1C12) 10%, transparent)}
body.dark .cu-unico{--cu-flt-brd:color-mix(in srgb, var(--acao-txt, #FFFFFF) 10%, transparent)}
.cu-topo-contagem{box-sizing:border-box;position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:var(--queda, #E21D3C);color:var(--acao-txt, #FFFFFF);font-size:13px;font-weight:800;line-height:1;border:2px solid var(--page, #F7F5F1)}
.cu-topo-contagem[hidden]{display:none}
.cu-topo-contextuais{position:absolute;z-index:11;top:calc(10px + env(safe-area-inset-top));left:66px;right:120px;margin:0 auto;width:max-content;max-width:calc(100% - 186px);height:46px;display:flex;align-items:center;gap:8px;pointer-events:none;transform-origin:center}
.cu-topo-contextuais[hidden],.cu-topo-contextuais>button[hidden]{display:none!important}
.cu-topo-contextuais>button{box-sizing:border-box;flex:none;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:46px;min-width:46px;padding:0 12px;border-radius:23px;border:1px solid var(--cu-flt-brd);background:var(--cu-flt-bg);-webkit-backdrop-filter:blur(18px) saturate(170%);backdrop-filter:blur(18px) saturate(170%);color:var(--label, #2A1C12);font:inherit;font-size:14px;cursor:pointer;pointer-events:auto}
.cu-topo-contextuais>button:hover{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
.cu-topo-contextuais>[data-cu-topo="sala"],.cu-topo-contextuais>[data-cu-topo="fim"]{width:46px;padding:0}
.cu-topo-contextuais>[data-cu-topo="sala"]{color:var(--d-anil-t, #394DC8)}
.cu-topo-contextuais svg{display:block;flex:none;width:20px;height:20px;max-width:20px;max-height:20px;overflow:hidden;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cu-topo-pilha{display:inline-flex;align-items:center;flex:none}
.cu-topo-icone{box-sizing:border-box;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:none;margin-left:-5px;background:color-mix(in srgb,var(--c,var(--d-anil, #5B6CFF)) 20%,var(--surface, #FFFFFF));color:var(--c,var(--d-anil-t, #394DC8));border:2px solid var(--surface, #FFFFFF)}
.cu-topo-icone:first-child{margin-left:0}
.cu-topo-icone svg{stroke-width:2}
.cu-topo-pend .cu-topo-icone{background:var(--surface, #FFFFFF);border-color:color-mix(in srgb,var(--queda, #E21D3C) 80%,var(--surface, #FFFFFF))}
.cu-topo-mais{font-size:14px;font-weight:780;margin-left:4px;color:var(--label2, #6B5A4C)}
.cu-topo-contextuais>[data-cu-topo="pend"] b{color:var(--d-coral-t, #B92D40);margin-left:2px;font-size:15px;font-weight:800}
.cu-topo-contextuais>[data-cu-topo="avisos"] b{color:var(--d-coral-t, #B92D40)}
html.cu-casa-ativa .cu-unico [data-cu-parte="fio"]{padding-top:var(--cu-topo-reserva);-webkit-mask-image:linear-gradient(to bottom,transparent,var(--label, #2A1C12) var(--cu-topo-reserva));mask-image:linear-gradient(to bottom,transparent,var(--label, #2A1C12) var(--cu-topo-reserva))}
html.cu-casa-ativa .cu-unico :is(.cu-eu,.cu-assunto,.cu-texto,.cu-peca){scroll-margin-top:var(--cu-topo-reserva)}
@media(max-width:640px){
 /* Decisão do Philippe, R4: uma linha, inclusive na PWA sob a barra de status.
    A P3 complementa env() pelo mesmo inset, sem duplicá-lo. */
 .cu-unico{--cu-topo-reserva:calc(62px + env(safe-area-inset-top,0px))}
 html.cu-casa-ativa body header.top button#menubtn,
 html.cu-casa-ativa .cu-topo-botao{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
 html.cu-casa-ativa .cu-navegacao{height:40px}
 html.cu-casa-ativa .cu-navegacao,html.cu-casa-ativa .cu-nav-principal{gap:6px}
 .cu-topo-contextuais{top:calc(10px + env(safe-area-inset-top,0px));left:58px;right:104px;max-width:calc(100% - 162px);height:40px;gap:6px;flex-wrap:nowrap}
 .cu-topo-contextuais>button{height:40px;min-width:40px;padding:0 5px;gap:4px;font-size:13px;white-space:nowrap}
 .cu-topo-contextuais>[data-cu-topo="sala"],.cu-topo-contextuais>[data-cu-topo="fim"]{width:40px}
 .cu-topo-icone{width:24px;height:24px}
 .cu-topo-mais,.cu-topo-contextuais>[data-cu-topo="pend"] b{font-size:13px}
}
@media(prefers-reduced-transparency:reduce){.cu-topo-contextuais>button{background:var(--surface, #FFFFFF);-webkit-backdrop-filter:none;backdrop-filter:none}}

/* V3.6-M1: navegação na lateral, somente contexto numa linha no topo. */
html.cu-casa-ativa body header.top button#menubtn.icon,
html.cu-casa-ativa .cu-navegacao .cu-nav-principal{display:none!important}
html.cu-casa-ativa .cu-unico .cu-topo-contextuais{left:max(12px,var(--cu-ios-safe-left,env(safe-area-inset-left,0px)))!important;right:max(12px,var(--cu-ios-safe-right,env(safe-area-inset-right,0px)))!important;width:max-content;max-width:calc(100% - max(12px,var(--cu-ios-safe-left,0px)) - max(12px,var(--cu-ios-safe-right,0px)))!important;height:46px;justify-content:center;flex-wrap:nowrap;gap:8px;top:calc(10px + env(safe-area-inset-top,0px))}
html.cu-casa-ativa .cu-unico .cu-topo-contextuais>[data-cu-topo="fim"]{display:none!important}
html.cu-casa-ativa .cu-unico .cu-topo-contextuais>button{flex:none;height:46px;min-width:46px;white-space:nowrap}
html.cu-casa-ativa .cu-unico .cu-loja-fio{display:none!important}
html.cu-casa-ativa .cu-unico .cu-navegacao{pointer-events:none;visibility:hidden}
html.cu-casa-ativa .cu-unico [data-hp-menu]{display:none!important}
html.cu-casa-ativa .cu-unico.cu-menu36-aberto>.cu-unico-corpo{box-shadow:var(--cu-menu36-sombra)!important}
/* A linha V3.6 tem 46 px também no celular; conserva 12 px até o fio. */
.cu-unico{--cu-topo-reserva:calc(68px + env(safe-area-inset-top,0px))}

/* /cerebro-unico/anexo.css */
/* P5d (cena h do mockup v2): clipe e câmera no compositor, bandeja da foto, foto no fio e cartão "Cadastrar produto".
   Medidas e cores do mockup (.anexos, .anexo, .eu .foto-eu, .peca, .prod, .campo-l, .inp, .sugerido, .ok-linha),
   escopadas em .cu-ax e no cartão; sem token novo: tudo vem das variáveis do Cérebro. */
/* A casca dá position:relative ao encaixe; aqui ele fica estático para o clipe e a câmera ancorarem na caixa toda. */
.cu-unico[data-cu-raiz] .cu-b-caixa [data-cu-parte="anexo"].cu-ax,.cu-b-caixa .cu-ax{position:static}
/* Clipe e câmera ficam à esquerda da linha de ferramentas, como no mockup (o encaixe está acima do campo). */
.cu-ax-ferr{position:absolute;left:4px;bottom:4px;display:flex;gap:0;z-index:1}
.cu-b-caixa:has(.cu-ax-ferr){position:relative}
.cu-ax-ferr[hidden],.cu-ax-ferr>button[hidden]{display:none!important}
.cu-b-caixa:has(.cu-b-ferr>.cu-b-loja-pil) .cu-ax-ferr{position:static;padding:0 0 2px}
.cu-ax .cu-ax-ib{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:12px;background:none;color:var(--label, #2A1C12);cursor:pointer;transition:transform .1s ease-out,background-color .15s}
.cu-ax .cu-ax-ib:hover{background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent))}
.cu-ax .cu-ax-ib:active{transform:scale(.92)}
.cu-ax-ib:focus-visible,.cu-ax-bt:focus-visible,.cu-ax-alt:focus-visible,.cu-ax-anexo button:focus-visible{outline:2px solid var(--acao, #1F5FD0);outline-offset:2px}
.cu-ax-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cu-ax-arquivo{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden}
.cu-ax-bandeja{display:flex;gap:10px;align-items:flex-start;padding:8px 8px 0}
.cu-ax-bandeja[hidden]{display:none}
.cu-ax-anexo{position:relative;width:64px;height:64px;flex:none;border-radius:14px;overflow:hidden;box-shadow:var(--sombra)}
.cu-ax-anexo img{width:100%;height:100%;object-fit:cover;display:block}
.cu-ax .cu-ax-anexo button{position:absolute;top:3px;right:3px;width:22px;height:22px;border:0;border-radius:50%;background:color-mix(in srgb, var(--label, #2A1C12) 60%, transparent);color:var(--acao-txt, #FFFFFF);display:grid;place-items:center;cursor:pointer}
.cu-ax-anexo button::after{content:"";position:absolute;inset:-11px}
.cu-ax-anexo .cu-ax-ic{width:14px;height:14px;stroke-width:2.4}
.cu-ax-lgpd{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.cu-ax-lgpd p{margin:0;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));line-height:1.35;color:var(--label2, #6B5A4C)}
.cu-ax-lgpd-acoes{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.cu-ax .cu-ax-alt{position:relative;min-height:36px;padding:0 12px;border:0;border-radius:18px;font:inherit;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));color:var(--label, #2A1C12);display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .2s,color .2s}
.cu-ax-alt::after{content:"";position:absolute;inset:-4px 0}
.cu-ax-alt .cu-ax-ic{width:16px;height:16px}
.cu-ax .cu-ax-alt[aria-pressed="true"]{background:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);color:var(--acao, #1F5FD0)}
.cu-ax .cu-ax-lgpd .cu-ax-alt{padding:6px 12px;border-radius:12px;text-align:left;line-height:1.3;max-width:100%}
.cu-ax-lgpd .cu-ax-alt span{min-width:0}
.cu-ax-status{margin:6px 12px 0;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
.cu-ax-status[hidden]{display:none}
.cu-ax-erro{color:var(--d-coral-t, #B92D40)}
/* botões do mockup (.bt) */
.cu-ax .cu-ax-bt,.cu-ax-peca .cu-ax-bt{position:relative;min-height:44px;padding:0 16px;border:0;border-radius:14px;font:inherit;font-weight:650;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;cursor:pointer;transition:transform .1s ease-out,background-color .2s,color .2s,opacity .2s}
.cu-ax .cu-ax-bt:active:not(:disabled),.cu-ax-peca .cu-ax-bt:active:not(:disabled){transform:scale(.97)}
.cu-ax .cu-ax-bt:disabled,.cu-ax-peca .cu-ax-bt:disabled{opacity:.42;cursor:default}
.cu-ax .cu-ax-prim,.cu-ax-peca .cu-ax-prim{background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF)}
.cu-ax .cu-ax-sec,.cu-ax-peca .cu-ax-sec{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));color:var(--label, #2A1C12)}
.cu-ax .cu-ax-lgpd .cu-ax-bt{min-height:36px;padding:0 14px;border-radius:18px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)))}
.cu-ax-lgpd .cu-ax-bt::after{content:"";position:absolute;inset:-4px 0}
/* foto no balão da pessoa (.eu .foto-eu) */
.cu-ax-foto-eu{width:180px;height:180px;border-radius:18px;overflow:hidden;box-shadow:var(--sombra);align-self:flex-end;margin-bottom:6px}
.cu-ax-foto-eu img{width:100%;height:100%;object-fit:cover;display:block}
/* cartão "Cadastrar produto" (.peca, .prod) */
.cu-ax-peca{background:var(--surface, #FFFFFF);border-radius:var(--r-peca,22px);padding:18px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px;min-width:0;margin-top:12px;overflow-wrap:anywhere}
@media (min-width:640px){.cu-ax-peca{padding:22px}}
.cu-ax-topo{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;min-width:0}
.cu-ax-peca-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--acao-txt, #FFFFFF);background:var(--d-roxo, #9B30FF)}
.cu-ax-peca-ic .cu-ax-ic{width:22px;height:22px}
.cu-ax-tt{flex:1 1 160px;min-width:0}
.cu-ax-tt h3{margin:0;font-size:max(.6875rem,calc(1.1875rem * var(--dt,1)));line-height:1.2;letter-spacing:-.022em;font-weight:750;color:var(--label, #2A1C12)}
.cu-ax-tt p{margin:2px 0 0;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
.cu-ax-pil{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:750;letter-spacing:.01em;white-space:nowrap;flex:none;background:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);color:var(--acao, #1F5FD0)}
.cu-ax-prod{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:start}
@media (max-width:480px){.cu-ax-prod{grid-template-columns:minmax(0,1fr)}}
.cu-ax-prod-foto{width:112px;height:112px;border-radius:18px;overflow:hidden;box-shadow:var(--sombra)}
.cu-ax-prod-foto img{width:100%;height:100%;object-fit:cover;display:block}
.cu-ax-campos{display:flex;flex-direction:column;gap:6px;min-width:0}
.cu-ax-campo{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C)}
.cu-ax-campo:first-child{margin-top:0}
.cu-ax-inp{min-height:44px;border-radius:12px;border:0;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));padding:10px 12px;font:inherit;font-size:max(1rem,calc(1rem * var(--dt,1)));font-weight:400;color:var(--label, #2A1C12);outline:none;width:100%;resize:none;box-sizing:border-box}
.cu-ax-inp::placeholder{color:var(--label2, #6B5A4C)}
.cu-ax-inp:disabled{opacity:.7}
.cu-ax-tam[hidden]{display:none}
.cu-ax-tam{display:flex;flex-direction:column;gap:6px}
.cu-ax-sugerido{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--d-roxo-t, #7D20CB);font-weight:700;display:inline-flex;align-items:center;gap:4px}
.cu-ax-sugerido .cu-ax-ic{width:13px;height:13px}
.cu-ax-acoes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cu-ax-acoes:empty{display:none}
.cu-ax-dica{margin:0;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
.cu-ax-aviso{margin:0;padding:10px 12px;border-radius:14px;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));font-size:max(.6875rem,calc(.875rem * var(--dt,1)));line-height:1.45;color:var(--label, #2A1C12)}
.cu-ax-previa{padding:12px 14px;border-radius:16px;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));display:flex;flex-direction:column;gap:6px}
.cu-ax-previa[hidden]{display:none}
.cu-ax-previa p{margin:0;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.45;color:var(--label, #2A1C12)}
.cu-ax-rot{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:750;letter-spacing:.02em;text-transform:uppercase;color:var(--label2, #6B5A4C)}
.cu-ax-pin{max-width:180px;letter-spacing:.3em}
.cu-ax-linha{margin:0;font-size:max(.6875rem,calc(.875rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
.cu-ax-linha[hidden]{display:none}
.cu-ax-ok{margin:0;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);color:var(--label, #2A1C12);font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.45}
.cu-ax-ok .cu-ax-ic{color:var(--d-verdeagua-t, #006F5D);flex:none;margin-top:1px}
.cu-ax-entra{animation:cuAxEntra .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes cuAxEntra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  .cu-ax-entra{animation:none}
  .cu-ax-ib,.cu-ax-bt,.cu-ax-alt{transition:opacity .2s}
  .cu-ax-ib:active,.cu-ax-bt:active:not(:disabled){transform:none}
}

.cu-ax [data-cu-novo-pedido][aria-busy="true"],.cu-anexar [data-cu-novo-pedido][aria-busy="true"]{width:auto;display:flex;gap:6px;padding:0 10px;font:inherit;font-size:12px}

/* /cerebro-unico/impressao-peca.css */
/* F51: a pessoa escolhe a peça com data-f51-imprimir antes de abrir a impressão. */
@media print {
  body.f51-imprimindo { visibility: hidden !important; }
  body.f51-imprimindo [data-f51-imprimir] { visibility: visible !important; }
  [data-f51-imprimir] {
    position: absolute !important;
    inset: 0 auto auto 0 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    overflow: visible !important;
    color: var(--label, #2A1C12) !important;
    background: var(--surface, #FFFFFF) !important;
    box-shadow: none !important;
    border: 0 !important;
    font-size: 12pt;
  }
  [data-f51-imprimir] button,
  [data-f51-imprimir] input,
  [data-f51-imprimir] textarea,
  [data-f51-imprimir] [data-f51-nao-imprimir] { display: none !important; }
  [data-f51-imprimir] tr { break-inside: avoid; }
  [data-f51-imprimir] thead { display: table-header-group; }
}

/* /cerebro-unico/aprovacao.css */
/* F22: tokens e componentes do mockup aprovado, com escopo nas peças desta frente. */
:is(.cu-aprovacao,.cu-permissoes){
  color-scheme:light;
  ;--side:var(--surface2, #F7F3EE);--surface3:var(--surface2, #F7F3EE);


  --bolha:var(--surface2, #F7F3EE);
  --glass:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);--glass-forte:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);--folha-fundo:var(--surface, #FFFFFF);--glass-brd:color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent);
  --glass-sombra:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 10px 32px color-mix(in srgb, var(--label, #2A1C12) 14%, transparent);
  --sombra:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 9%, transparent),0 1px 2px color-mix(in srgb, var(--label, #2A1C12) 5%, transparent),0 10px 28px color-mix(in srgb, var(--label, #2A1C12) 8%, transparent);
  --sombra-alta:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 24px 60px color-mix(in srgb, var(--label, #2A1C12) 22%, transparent);
  ;--link:var(--acao, #1F5FD0);
  --azul:var(--acao, #1F5FD0);--indigo:var(--d-anil, #5B6CFF);--laranja:var(--d-laranja, #F57A1C);--vermelho:var(--queda, #E21D3C);--teal:var(--d-verdeagua, #0FAE92);--roxo:var(--d-roxo, #9B30FF);--amarelo:var(--d-amarelo, #F2B000);--rosa:var(--d-rosa, #F0288C);
  --cn:var(--d-roxo, #9B30FF);--gz:var(--d-ciano, #18B4D8);--cn-forte:var(--d-roxo, #9B30FF);--gz-forte:var(--d-ciano, #18B4D8);
  --pico:var(--d-laranja, #F57A1C);--pico2:var(--d-amarelo, #F2B000);
  --verde-suave:var(--verde, #11994A);
  --t-queda:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);--t-pico:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);--t-verde:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);--t-azul:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);--t-indigo:color-mix(in srgb, var(--d-anil, #5B6CFF) 12%, transparent);--t-teal:color-mix(in srgb, var(--d-verdeagua, #0FAE92) 12%, transparent);
  --p-urg:var(--queda, #E21D3C);--p-urg-txt:var(--acao-txt, #FFFFFF);--p-hoje:var(--d-laranja, #F57A1C);--p-hoje-txt:var(--label, #2A1C12);--p-ideia:var(--d-anil, #5B6CFF);--p-ideia-txt:var(--acao-txt, #FFFFFF);
  --scrim:color-mix(in srgb, var(--label, #2A1C12) 30%, transparent);
  --heat0:color-mix(in srgb,var(--d-laranja, #F57A1C) 0%,var(--surface2, #F7F3EE));--heat1:color-mix(in srgb,var(--d-laranja, #F57A1C) 18%,var(--surface2, #F7F3EE));--heat2:color-mix(in srgb,var(--d-laranja, #F57A1C) 40%,var(--surface2, #F7F3EE));--heat3:color-mix(in srgb,var(--d-laranja, #F57A1C) 68%,var(--surface2, #F7F3EE));--heat4:color-mix(in srgb,var(--d-laranja, #F57A1C) 100%,var(--surface2, #F7F3EE));
  --r-peca:24px;
}
:root[data-theme="dark"] :is(.cu-aprovacao,.cu-permissoes),:root:not([data-theme="light"]) body.dark :is(.cu-aprovacao,.cu-permissoes){
  color-scheme:dark;
  ;--side:var(--surface2, #F7F3EE);--surface3:var(--surface2, #F7F3EE);


  --bolha:var(--surface2, #F7F3EE);
  --glass:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);--glass-forte:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);--folha-fundo:var(--surface, #FFFFFF);--glass-brd:color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent);
  --glass-sombra:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent),0 12px 36px color-mix(in srgb, var(--label, #2A1C12) 45%, transparent);
  --sombra:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 6%, transparent),0 10px 30px color-mix(in srgb, var(--label, #2A1C12) 35%, transparent);
  --sombra-alta:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent),0 24px 60px color-mix(in srgb, var(--label, #2A1C12) 55%, transparent);
  ;--link:var(--acao, #1F5FD0);
  --azul:var(--acao, #1F5FD0);--indigo:var(--d-anil, #5B6CFF);--laranja:var(--d-laranja, #F57A1C);--vermelho:var(--queda, #E21D3C);--teal:var(--d-verdeagua, #0FAE92);--roxo:var(--d-roxo, #9B30FF);--amarelo:var(--d-amarelo, #F2B000);--rosa:var(--d-rosa, #F0288C);
  --cn:var(--d-roxo, #9B30FF);--gz:var(--d-ciano, #18B4D8);--cn-forte:var(--d-roxo, #9B30FF);--gz-forte:var(--d-ciano, #18B4D8);
  --pico:var(--d-laranja, #F57A1C);--pico2:var(--d-amarelo, #F2B000);
  --verde-suave:var(--verde, #11994A);
  --t-queda:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);--t-pico:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);--t-verde:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);--t-azul:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);--t-indigo:color-mix(in srgb, var(--d-anil, #5B6CFF) 12%, transparent);--t-teal:color-mix(in srgb, var(--d-verdeagua, #0FAE92) 12%, transparent);
  --p-urg:var(--queda, #E21D3C);--p-urg-txt:var(--acao-txt, #FFFFFF);--p-hoje:var(--d-laranja, #F57A1C);--p-hoje-txt:var(--label, #2A1C12);--p-ideia:var(--d-anil, #5B6CFF);--p-ideia-txt:var(--acao-txt, #FFFFFF);
  --scrim:color-mix(in srgb, var(--label, #2A1C12) 30%, transparent);
  --heat0:color-mix(in srgb,var(--d-laranja, #F57A1C) 0%,var(--surface2, #F7F3EE));--heat1:color-mix(in srgb,var(--d-laranja, #F57A1C) 18%,var(--surface2, #F7F3EE));--heat2:color-mix(in srgb,var(--d-laranja, #F57A1C) 40%,var(--surface2, #F7F3EE));--heat3:color-mix(in srgb,var(--d-laranja, #F57A1C) 68%,var(--surface2, #F7F3EE));--heat4:color-mix(in srgb,var(--d-laranja, #F57A1C) 100%,var(--surface2, #F7F3EE));
}
:where(.cu-aprovacao,.cu-permissoes) .vidro{background:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 .5px 0 color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent)}
:where(.cu-aprovacao,.cu-permissoes) .pil{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:12px;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:750;letter-spacing:.01em;white-space:nowrap;flex:none}
:where(.cu-aprovacao,.cu-permissoes) .p-urg{background:var(--queda, #E21D3C);color:var(--acao-txt, #FFFFFF)}
:where(.cu-aprovacao,.cu-permissoes) .p-hoje{background:var(--d-laranja, #F57A1C);color:var(--label, #2A1C12)}
:where(.cu-aprovacao,.cu-permissoes) .p-ideia{background:var(--d-anil, #5B6CFF);color:var(--acao-txt, #FFFFFF)}
:where(.cu-aprovacao,.cu-permissoes) .p-neutra{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .p-ok{background:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);color:var(--d-verdeagua-t, #006F5D)}
:where(.cu-aprovacao,.cu-permissoes) .p-aviso{background:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);color:var(--d-laranja-t, #A64400)}
:where(.cu-aprovacao,.cu-permissoes) .p-risco{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--d-coral-t, #B92D40)}
:where(.cu-aprovacao,.cu-permissoes) .p-azul{background:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);color:var(--d-anil-t, #394DC8)}
:where(.cu-aprovacao,.cu-permissoes) .p-teal{background:color-mix(in srgb, var(--d-verdeagua, #0FAE92) 12%, transparent);color:var(--d-verdeagua-t, #006F5D)}
:where(.cu-aprovacao,.cu-permissoes) .bt{position:relative;min-height:44px;padding:0 16px;border-radius:14px;font-weight:650;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:normal;overflow-wrap:anywhere;transition:transform .1s ease-out,opacity .2s}
:where(.cu-aprovacao,.cu-permissoes) .bt:active:not(:disabled){transform:scale(.97)}
:where(.cu-aprovacao,.cu-permissoes) .bt.prim{background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF)}
:where(.cu-aprovacao,.cu-permissoes) .bt.sec{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));color:var(--label, #2A1C12)}
:where(.cu-aprovacao,.cu-permissoes) .bt.texto{color:var(--acao, #1F5FD0);padding:0 10px}
:where(.cu-aprovacao,.cu-permissoes) .bt.perigo{background:var(--queda, #E21D3C);color:var(--acao-txt, #FFFFFF)}
:where(.cu-aprovacao,.cu-permissoes) .bt.ok{background:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);color:var(--d-verdeagua-t, #006F5D)}
:where(.cu-aprovacao,.cu-permissoes) .bt:disabled{opacity:.42}
:where(.cu-aprovacao,.cu-permissoes) .bt-mini{min-height:36px;padding:0 10px;border-radius:10px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--acao, #1F5FD0);position:relative}
:where(.cu-aprovacao,.cu-permissoes) .bt-mini::after{content:"";position:absolute;inset:-4px 0}
:where(.cu-aprovacao,.cu-permissoes) .bt-mini:active{transform:scale(.96)}
:where(.cu-aprovacao,.cu-permissoes) .peca{background:var(--surface, #FFFFFF);border-radius:var(--r-peca);padding:18px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:14px;min-width:0}
@media (min-width:640px){:where(.cu-aprovacao,.cu-permissoes) .peca{padding:22px}}
:where(.cu-aprovacao,.cu-permissoes) .peca-topo{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 12px;min-width:0}
:where(.cu-aprovacao,.cu-permissoes) .peca-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;color:var(--acao-txt, #FFFFFF)}
:where(.cu-aprovacao,.cu-permissoes) .peca-tt{flex:1 1 160px;min-width:0}
:where(.cu-aprovacao,.cu-permissoes) .peca-tt h3{margin:0;font-size:max(.6875rem,calc(1.1875rem * var(--dt,1)));line-height:1.2;letter-spacing:-.022em;font-weight:750}
:where(.cu-aprovacao,.cu-permissoes) .peca-tt p{margin:2px 0 0;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .pils{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
:where(.cu-aprovacao,.cu-permissoes) .pils:empty{display:none}
@media (max-width:520px){:where(.cu-aprovacao,.cu-permissoes) .pils:has(>:nth-child(2):not([hidden])){order:3;flex-basis:100%;justify-content:flex-start;padding-left:52px}}
:where(.cu-aprovacao,.cu-permissoes) .selo-ex{font-size:max(.6875rem,calc(.6875rem * var(--dt,1)));font-weight:700;color:var(--label2, #6B5A4C);border:1px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));border-radius:8px;padding:1px 6px;white-space:nowrap}
:where(.cu-aprovacao,.cu-permissoes) .peca-acoes{display:flex;gap:8px;flex-wrap:wrap}
:where(.cu-aprovacao,.cu-permissoes) .dica{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .caixa-info{border-radius:16px;background:var(--surface2, #F7F3EE);padding:14px;display:flex;flex-direction:column;gap:10px}
:where(.cu-aprovacao,.cu-permissoes) .caixa-info p{margin:0;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.45}
:where(.cu-aprovacao,.cu-permissoes) .caixa-info .rot{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:700;color:var(--label2, #6B5A4C);text-transform:uppercase;letter-spacing:.03em}
:where(.cu-aprovacao,.cu-permissoes) .ok-linha{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);color:var(--label, #2A1C12);font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.45}
:where(.cu-aprovacao,.cu-permissoes) .ok-linha .ic{color:var(--d-verdeagua-t, #006F5D);margin-top:1px}
:where(.cu-aprovacao,.cu-permissoes) .previa{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
:where(.cu-aprovacao,.cu-permissoes) .previa .lin{display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.4}
@media (max-width:480px){:where(.cu-aprovacao,.cu-permissoes) .previa .lin{grid-template-columns:minmax(0,1fr);gap:2px}}
:where(.cu-aprovacao,.cu-permissoes) .previa .lin>span:first-child{font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:700;color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .resultado{display:flex;flex-direction:column;gap:6px}
:where(.cu-aprovacao,.cu-permissoes) .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:8px}
:where(.cu-aprovacao,.cu-permissoes) .info{padding:10px 12px;border-radius:14px;background:var(--surface2, #F7F3EE);display:flex;flex-direction:column;gap:2px;min-width:0}
:where(.cu-aprovacao,.cu-permissoes) .info span{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:700;color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .info b{font-weight:650;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)))}
:where(.cu-aprovacao,.cu-permissoes) .pin-rot{font-size:max(.6875rem,calc(.875rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C);display:flex;align-items:center;gap:6px}
:where(.cu-aprovacao,.cu-permissoes) .pin{position:relative;display:flex;gap:10px;width:max-content}
:where(.cu-aprovacao,.cu-permissoes) .pin-c{width:52px;height:58px;border-radius:14px;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));display:grid;place-items:center;transition:transform .2s}
:where(.cu-aprovacao,.cu-permissoes) .pin-c.cheio::after{content:"";width:14px;height:14px;border-radius:50%;background:var(--label, #2A1C12)}
:where(.cu-aprovacao,.cu-permissoes) .pin-c.atual{transform:translateY(-1px);box-shadow:inset 0 0 0 2px var(--acao, #1F5FD0)}
:where(.cu-aprovacao,.cu-permissoes) .pin-inp{position:absolute;inset:0;width:100%;height:100%;opacity:0;font-size:16px;border:0;caret-color:transparent;color:transparent;background:transparent}
:where(.cu-aprovacao,.cu-permissoes) .campos{display:flex;flex-direction:column;gap:12px;min-width:0}
:where(.cu-aprovacao,.cu-permissoes) .campo-l{display:flex;flex-direction:column;gap:6px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C)}
:where(.cu-aprovacao,.cu-permissoes) .inp{min-height:44px;border-radius:12px;border:0;background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent));padding:10px 12px;font-size:max(.6875rem,calc(1rem * var(--dt,1)));font-weight:400;color:var(--label, #2A1C12);outline:none;width:100%;resize:none}
:where(.cu-aprovacao,.cu-permissoes) .inp::placeholder{color:var(--label2, #6B5A4C)}

/* F22 usa somente anatomias do protótipo: operação, info, campos, botões e sugestões. */
:where(.cu-aprovacao,.cu-permissoes){font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:max(.6875rem,calc(1rem * var(--dt,1)));line-height:1.45;color:var(--label, #2A1C12);-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
:where(.cu-aprovacao,.cu-permissoes),:where(.cu-aprovacao,.cu-permissoes) *{box-sizing:border-box}
:where(.cu-aprovacao,.cu-permissoes) button{font-family:inherit;border:0;cursor:pointer;margin:0;background:none;color:inherit}
:where(.cu-aprovacao,.cu-permissoes) button:disabled{cursor:default}
:where(.cu-aprovacao,.cu-permissoes) [hidden]{display:none!important}
:where(.cu-aprovacao,.cu-permissoes) :focus-visible{outline:none;filter:brightness(.93)}
:where(.cu-aprovacao,.cu-permissoes) .ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
:where(.cu-aprovacao,.cu-permissoes) .peca-ic{background:var(--d-laranja, #F57A1C)}
:where(.cu-aprovacao,.cu-permissoes) .resumo{margin:0 0 12px;font-size:max(.6875rem,calc(1rem * var(--dt,1)));line-height:1.45}
:where(.cu-aprovacao,.cu-permissoes) .sugestoes{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
:where(.cu-aprovacao,.cu-permissoes) .sug{min-height:38px;max-width:280px;padding:0 14px;border-radius:19px;font-size:max(.6875rem,calc(.875rem * var(--dt,1)));font-weight:600;background:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);color:var(--label, #2A1C12);backdrop-filter:blur(26px) saturate(180%);box-shadow:var(--glass-sombra);transition:transform .1s ease-out}
:where(.cu-aprovacao,.cu-permissoes) .sug:active{transform:scale(.96)}
:where(.cu-aprovacao,.cu-permissoes) .erro{color:var(--d-coral-t, #B92D40)}
:where(.cu-aprovacao,.cu-permissoes) .cu-prazo{font-variant-numeric:tabular-nums}
:where(.cu-aprovacao,.cu-permissoes) .cu-prazo .ic{color:var(--d-laranja-t, #A64400)}
:where(.cu-aprovacao,.cu-permissoes) .cu-estado:empty{display:none}
:where(.cu-aprovacao,.cu-permissoes) .campos{margin:0}
.cu-aprovacao{margin-bottom:26px}
.cu-permissoes{display:flex;flex-direction:column;gap:12px}
.cu-permissoes .peca-ic{background:var(--d-anil, #5B6CFF)}
.cu-permissoes .cu-lista-regras{display:flex;flex-direction:column;gap:12px}
.cu-aprovacao .pin{width:max-content;max-width:100%}
.cu-aprovacao .pin-c{flex:0 1 52px;width:52px;min-width:0}
#aprov-raiz .cu-aprovacao{width:100%;max-height:85dvh;overflow:auto;padding:2px;margin:0;pointer-events:auto}
@media(prefers-reduced-motion:reduce){:where(.cu-aprovacao,.cu-permissoes) .sug,:where(.cu-aprovacao,.cu-permissoes) .bt{transition:opacity .2s!important}}

/* Moldura do fio-wrap do protótipo, só no encaixe próprio da F22. */
.cu-aprovacao-fio{max-width:800px;margin:0 auto;padding:0 16px}
.cu-aprovacao .peca.risco{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--queda, #E21D3C) 55%,transparent),var(--sombra)}
.cu-aprovacao .peca.risco .peca-ic{background:var(--queda, #E21D3C)}

/* P5c: risco alto com PIN no fio (A3 do mockup, cena g). Só o visual; as regras do PIN seguem no servidor. */
:where(.cu-aprovacao) .ic.p{width:18px;height:18px}
.cu-aprovacao .muda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cu-aprovacao .muda li{display:flex;gap:10px;align-items:flex-start;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.4}
.cu-aprovacao .muda li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--queda, #E21D3C);margin-top:8px;flex:none}
.cu-aprovacao .muda li.forte{font-weight:700;color:var(--d-coral-t, #B92D40)}
.cu-aprovacao .pin-box{display:flex;flex-direction:column;gap:8px;min-width:0}
.cu-aprovacao .pin-inp:disabled{cursor:default}
.cu-aprovacao .cu-pin-form{display:flex;flex-direction:column;gap:14px;margin:0;min-width:0}
.cu-aprovacao [data-cadastro-pin]{border:1px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));border-radius:16px;padding:16px;margin:0;min-width:0;display:flex;flex-direction:column;gap:14px}
.cu-aprovacao [data-cadastro-pin] legend{font-weight:750;padding:0 4px}.cu-aprovacao [data-cadastro-pin] p{margin:0;color:var(--label2, #6B5A4C);line-height:1.45}
.cu-aprovacao [data-cadastro-pin] .inp{min-height:56px;border:1px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));border-radius:12px}.cu-aprovacao [data-cadastro-pin] .pin-digitos{letter-spacing:.5em;font-size:1.25rem}
.cu-aprovacao [data-cadastro-erro]{color:var(--d-coral-t, #B92D40);font-size:.875rem}.cu-aprovacao [data-cadastro-erro]:empty{display:none}.cu-aprovacao [aria-invalid=true]{border-color:var(--queda, #E21D3C)}
.cu-fio-conteudo .cu-peca .cu-aprovacao :is([data-cadastro-pin] input,.cu-pin-enviar){min-height:56px!important}
.cu-aprovacao .cu-estado{display:flex;flex-direction:row;align-items:flex-start;gap:10px}
.cu-aprovacao .cu-estado.erro{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--label, #2A1C12)}
.cu-aprovacao .cu-estado.erro .ic{color:var(--d-coral-t, #B92D40);width:20px;height:20px}
.cu-aprovacao .cu-estado.neutro{color:var(--label2, #6B5A4C)}
.cu-aprovacao .cu-estado>span{font-size:max(.6875rem,calc(.9375rem * var(--dt,1)));line-height:1.45}
@media(prefers-reduced-motion:reduce){.cu-aprovacao .pin-c{transition:none}}

/* /cerebro-unico/peca-pacote.css */
.cu-pacote{background:var(--card,var(--surface, #FFFFFF));color:var(--text,var(--label, #2A1C12));border:1px solid var(--line,var(--surface2, #F7F3EE));border-radius:24px;padding:20px;max-width:720px;box-sizing:border-box;overflow-wrap:anywhere}
.cu-pacote h3{font-size:20px;margin:0 0 12px}.cu-pacote p{line-height:1.5;margin:6px 0 12px}
.cu-pacote ol{list-style:none;margin:16px 0;padding:0}.cu-pacote li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line,var(--surface2, #F7F3EE))}
.cu-pacote li>div{min-width:0}.cu-pacote button{font:inherit;min-height:44px;padding:8px 14px;border:1px solid var(--line,var(--surface2, #F7F3EE));border-radius:12px;background:transparent;color:inherit;cursor:pointer}.cu-pacote button:disabled{opacity:.5;cursor:default}
.cu-pacote li>button{flex-shrink:0;white-space:nowrap}
.cu-pacote button:focus-visible,.cu-pacote input:focus-visible{outline:3px solid var(--acao, #1F5FD0);outline-offset:3px}.cu-pacote form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}
.cu-pacote label{display:flex;flex-direction:column;gap:6px}.cu-pacote input{font:inherit;width:150px;min-height:44px;box-sizing:border-box;border:1px solid var(--line,var(--label3, #9C8D80));border-radius:10px;background:transparent;color:inherit;padding:8px}
.cu-pacote button[type=submit]{background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF);border-color:var(--acao, #1F5FD0)}.cu-pacote .f72-tirado{opacity:.65}.cu-pacote .f72-estado{font-size:13px}.cu-pacote .f72-aviso{font-weight:600}
.cu-pacote .f72-prazo{display:flex;align-items:center;gap:8px}.cu-pacote .f72-anel{width:24px;height:24px;border-radius:50%;background:conic-gradient(var(--acao, #1F5FD0) calc(var(--f72-progresso,1)*1turn),var(--surface2, #F7F3EE) 0);mask:radial-gradient(transparent 50%,var(--label, #2A1C12) 55%)}
@media(max-width:420px){.cu-pacote{padding:16px}.cu-pacote form{align-items:stretch;flex-direction:column}.cu-pacote input{width:100%}}

/* /cerebro-unico/barra.css */
/* F24: tokens e componentes do protótipo aprovado, restritos à barra.
   Classe própria (.cu-b-raiz): a classe cu-barra é do Cérebro antigo (nav.bf-barra em web/cerebro.js) e este arquivo carrega sempre.
   Tema pelo body.dark do Hub, não pelo prefers-color-scheme; letra com --dt e piso de 11 px (guia, seção 12). */
/* A reserva pertence ao corpo e ao scroll-padding do fio. Não invalida os
   milhares de descendentes do histórico quando o campo muda de linha.
   Controles de pedido medem a própria cobertura em --pp-coberto ao focar. */
/* Medidas aplicadas diretamente na raiz e na barra, sem herdar para o fio. */
@property --cu-altura-disponivel{syntax:"*";inherits:false}
@property --cu-teclado-base{syntax:"<length>";inherits:false;initial-value:0px}
@property --comp-h{syntax:"<length>";inherits:false;initial-value:0px}
.cu-b-raiz{
  color-scheme:light;
  ;--side:var(--surface2, #F7F3EE);--surface3:var(--surface2, #F7F3EE);


  --bolha:var(--surface2, #F7F3EE);
  --glass:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);--glass-forte:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);--folha-fundo:var(--surface, #FFFFFF);--glass-brd:color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent);
  --glass-sombra:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 10px 32px color-mix(in srgb, var(--label, #2A1C12) 14%, transparent);
  --sombra:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 9%, transparent),0 1px 2px color-mix(in srgb, var(--label, #2A1C12) 5%, transparent),0 10px 28px color-mix(in srgb, var(--label, #2A1C12) 8%, transparent);
  --sombra-alta:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 24px 60px color-mix(in srgb, var(--label, #2A1C12) 22%, transparent);
  ;--link:var(--acao, #1F5FD0);
  --azul:var(--acao, #1F5FD0);--indigo:var(--d-anil, #5B6CFF);--laranja:var(--d-laranja, #F57A1C);--vermelho:var(--queda, #E21D3C);--teal:var(--d-verdeagua, #0FAE92);--roxo:var(--d-roxo, #9B30FF);--amarelo:var(--d-amarelo, #F2B000);--rosa:var(--d-rosa, #F0288C);
  --cn:var(--d-roxo, #9B30FF);--gz:var(--d-ciano, #18B4D8);--cn-forte:var(--d-roxo, #9B30FF);--gz-forte:var(--d-ciano, #18B4D8);
  --pico:var(--d-laranja, #F57A1C);--pico2:var(--d-amarelo, #F2B000);
  --verde-suave:var(--verde, #11994A);
  --t-queda:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);--t-pico:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);--t-verde:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);--t-azul:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);--t-indigo:color-mix(in srgb, var(--d-anil, #5B6CFF) 12%, transparent);--t-teal:color-mix(in srgb, var(--d-verdeagua, #0FAE92) 12%, transparent);
  --p-urg:var(--queda, #E21D3C);--p-urg-txt:var(--acao-txt, #FFFFFF);--p-hoje:var(--d-laranja, #F57A1C);--p-hoje-txt:var(--label, #2A1C12);--p-ideia:var(--d-anil, #5B6CFF);--p-ideia-txt:var(--acao-txt, #FFFFFF);
  --scrim:color-mix(in srgb, var(--label, #2A1C12) 30%, transparent);
  --heat0:color-mix(in srgb,var(--d-laranja, #F57A1C) 0%,var(--surface2, #F7F3EE));--heat1:color-mix(in srgb,var(--d-laranja, #F57A1C) 18%,var(--surface2, #F7F3EE));--heat2:color-mix(in srgb,var(--d-laranja, #F57A1C) 40%,var(--surface2, #F7F3EE));--heat3:color-mix(in srgb,var(--d-laranja, #F57A1C) 68%,var(--surface2, #F7F3EE));--heat4:color-mix(in srgb,var(--d-laranja, #F57A1C) 100%,var(--surface2, #F7F3EE));
  --r-peca:24px;
}
body.dark .cu-b-raiz{
  color-scheme:dark;
  ;--side:var(--surface2, #F7F3EE);--surface3:var(--surface2, #F7F3EE);


  --bolha:var(--surface2, #F7F3EE);
  --glass:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);--glass-forte:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);--folha-fundo:var(--surface, #FFFFFF);--glass-brd:color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent);
  --glass-sombra:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent),0 12px 36px color-mix(in srgb, var(--label, #2A1C12) 45%, transparent);
  --sombra:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 6%, transparent),0 10px 30px color-mix(in srgb, var(--label, #2A1C12) 35%, transparent);
  --sombra-alta:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent),0 24px 60px color-mix(in srgb, var(--label, #2A1C12) 55%, transparent);
  ;--link:var(--acao, #1F5FD0);
  --azul:var(--acao, #1F5FD0);--indigo:var(--d-anil, #5B6CFF);--laranja:var(--d-laranja, #F57A1C);--vermelho:var(--queda, #E21D3C);--teal:var(--d-verdeagua, #0FAE92);--roxo:var(--d-roxo, #9B30FF);--amarelo:var(--d-amarelo, #F2B000);--rosa:var(--d-rosa, #F0288C);
  --cn:var(--d-roxo, #9B30FF);--gz:var(--d-ciano, #18B4D8);--cn-forte:var(--d-roxo, #9B30FF);--gz-forte:var(--d-ciano, #18B4D8);
  --pico:var(--d-laranja, #F57A1C);--pico2:var(--d-amarelo, #F2B000);
  --verde-suave:var(--verde, #11994A);
  --t-queda:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);--t-pico:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);--t-verde:color-mix(in srgb, var(--verde, #11994A) 12%, transparent);--t-azul:color-mix(in srgb, var(--acao, #1F5FD0) 10%, transparent);--t-indigo:color-mix(in srgb, var(--d-anil, #5B6CFF) 12%, transparent);--t-teal:color-mix(in srgb, var(--d-verdeagua, #0FAE92) 12%, transparent);
  --p-urg:var(--queda, #E21D3C);--p-urg-txt:var(--acao-txt, #FFFFFF);--p-hoje:var(--d-laranja, #F57A1C);--p-hoje-txt:var(--label, #2A1C12);--p-ideia:var(--d-anil, #5B6CFF);--p-ideia-txt:var(--acao-txt, #FFFFFF);
  --scrim:color-mix(in srgb, var(--label, #2A1C12) 30%, transparent);
  --heat0:color-mix(in srgb,var(--d-laranja, #F57A1C) 0%,var(--surface2, #F7F3EE));--heat1:color-mix(in srgb,var(--d-laranja, #F57A1C) 18%,var(--surface2, #F7F3EE));--heat2:color-mix(in srgb,var(--d-laranja, #F57A1C) 40%,var(--surface2, #F7F3EE));--heat3:color-mix(in srgb,var(--d-laranja, #F57A1C) 68%,var(--surface2, #F7F3EE));--heat4:color-mix(in srgb,var(--d-laranja, #F57A1C) 100%,var(--surface2, #F7F3EE));
}

.cu-b-raiz{--cu-b-fonte-corpo:max(.6875rem,calc(1rem * var(--dt,1)));position:sticky;bottom:0;z-index:6;margin-top:auto;padding:6px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:var(--cu-b-fonte-corpo);line-height:1.45;color:var(--label, #2A1C12);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}
.cu-b-raiz,.cu-b-raiz *{box-sizing:border-box}
.cu-b-raiz [hidden]{display:none!important}
.cu-b-raiz button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0;margin:0}
/* O Hub esmaece todo botão desligado; aqui o enviar sem texto e a pílula de loja única ficam como no protótipo. */
.cu-b-raiz button:disabled{opacity:1;cursor:default}
.cu-b-raiz input,.cu-b-raiz textarea,.cu-b-raiz select{font:inherit;color:inherit}
.cu-b-raiz :focus-visible{outline:2.5px solid var(--acao, #1F5FD0);outline-offset:2px}
.cu-b-raiz>*{position:relative;pointer-events:auto;max-width:768px;margin-left:auto;margin-right:auto}
.cu-b-raiz .cu-b-flex{flex:1 1 auto}
.cu-unico.cu-b-montada:not([role="dialog"]).cu-unico{height:var(--cu-altura-disponivel);min-height:0}
/* A casa mantém as abas nativas visíveis. A folha e o teclado já as retiram. */
html.app-nativo .cu-unico.cu-b-montada:not([role="dialog"]).cu-unico{height:calc(var(--cu-altura-disponivel) - var(--rodape-app,0px))}
html.app-nativo .cu-unico.cu-b-com-teclado:not([role="dialog"]).cu-unico{height:var(--cu-altura-disponivel)}
.cu-b-raiz .cu-b-ic{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.cu-b-raiz .cu-b-ic.cu-b-p{width:18px;height:18px}
.cu-b-raiz .cu-b-ic.cu-b-cheio{fill:currentColor}
.cu-b-raiz .cu-b-vidro{background:color-mix(in srgb, var(--surface, #FFFFFF) 70%, transparent);-webkit-backdrop-filter:blur(26px) saturate(180%);backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 .5px 0 color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent)}
.cu-b-raiz .cu-b-ib{position:relative;width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:12px;color:var(--label, #2A1C12);transition:transform .1s ease-out,background-color .15s}
.cu-b-raiz .cu-b-ib:hover{background:var(--fill, color-mix(in srgb, var(--label, #2A1C12) 7%, transparent))}
.cu-b-raiz .cu-b-ib:active{transform:scale(.92)}
.cu-b-raiz .cu-b-ib.cu-b-on{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
.cu-b-raiz .cu-b-pil{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;border-radius:12px;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:750;letter-spacing:.01em;white-space:nowrap;flex:none}
.cu-b-raiz .cu-b-bt-mini{min-height:36px;padding:0 10px;border-radius:10px;font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--acao, #1F5FD0);position:relative}
.cu-b-raiz .cu-b-bt-mini::after{content:"";position:absolute;inset:-4px 0}
.cu-b-raiz .cu-b-bt-mini:active{transform:scale(.96)}
.cu-b-raiz .cu-b-fila{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}
.cu-b-raiz .cu-b-fila:empty{display:none}
.cu-b-raiz .cu-b-fila-it{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 6px 6px 12px;border-radius:16px;box-shadow:var(--glass-sombra)}
.cu-b-raiz .cu-b-fila-pil{background:color-mix(in srgb, var(--d-laranja, #F57A1C) 12%, transparent);color:var(--d-laranja-t, #A64400)}
.cu-b-raiz .cu-b-falha-pil{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--d-coral-t, #B92D40)}
.cu-b-raiz .cu-b-fila-txt{flex:1 1 140px;min-width:0;font-size:max(.6875rem,calc(.875rem * var(--dt,1)));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-b-raiz .cu-b-fila-acoes{display:flex;gap:2px}
.cu-b-raiz .cu-b-sugs{display:flex;gap:8px;overflow-x:auto;padding:1px 24px 5px 2px;scrollbar-width:none;transition:opacity .2s,visibility .2s}
/* A transparência entre as pílulas mostra o fio; o fim da rolagem some por máscara, sem pintar uma faixa. */
.cu-b-raiz .cu-b-sugs.cu-b-fade{-webkit-mask-image:linear-gradient(to right,var(--label, #2A1C12) calc(100% - 24px),transparent);mask-image:linear-gradient(to right,var(--label, #2A1C12) calc(100% - 24px),transparent)}
.cu-b-raiz .cu-b-sugs.cu-b-oculto{opacity:0;visibility:hidden;pointer-events:none}
.cu-b-raiz .cu-b-sugs::-webkit-scrollbar{display:none}
/* Linha de 40 px do mockup; o alvo de 44 px ocupa também o padding da faixa. */
.cu-b-raiz .cu-b-sug{position:relative;display:flex;align-items:center;flex:none;min-width:44px;min-height:40px;max-width:280px;border-radius:0;font-size:max(.6875rem,calc(.875rem * var(--dt,1)));font-weight:600;transition:transform .1s ease-out}
.cu-b-raiz .cu-b-sug::after{content:"";position:absolute;inset:-2px 0}
.cu-b-raiz .cu-b-sug-texto{display:block;min-width:0;max-width:100%;height:38px;padding:0 14px;border-radius:19px;line-height:38px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--surface, #FFFFFF) 75%, transparent)}
.cu-b-raiz .cu-b-sug-texto.cu-b-vidro{background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
.cu-b-raiz .cu-b-sug:active{transform:scale(.96)}
.cu-b-raiz .cu-b-caixa{border-radius:24px;padding:4px 4px 4px;box-shadow:var(--glass-sombra)}
/* A folha usa a mesma linha compacta da casa, preservando o encaixe e os ouvintes da foto. */
.cu-b-raiz .cu-b-caixa:has(.cu-b-ferr>.cu-b-loja-pil) .cu-ax-ferr{position:absolute;left:4px;bottom:4px;padding:0}
.cu-b-raiz .cu-b-caixa:has(.cu-ax-ferr:not([hidden])) .cu-b-ferr{padding-left:88px}
.cu-b-raiz .cu-b-caixa:has(.cu-ax-ferr:not([hidden])) .cu-b-loja-pil{min-width:0;max-width:calc(100% - 88px)}
/* Campo: segue o --dt para cima e nunca fica abaixo de 16 px, para o celular não dar zoom ao tocar. */
.cu-b-raiz .cu-b-campo{display:block;width:100%;border:0;background:none;resize:none;font-size:max(1rem,var(--cu-b-fonte-corpo));line-height:1.4;color:var(--label, #2A1C12);padding:10px 12px 4px;max-height:140px;outline:none}
html body .cu-b-raiz .cu-b-campo::placeholder{color:var(--label2, #6B5A4C)!important}
.cu-b-raiz .cu-b-ferr{display:flex;align-items:center;gap:0}
.cu-b-raiz .cu-b-loja-pil{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:34px;max-width:46vw;padding:0 8px 0 12px;margin-left:4px;border-radius:17px;background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));font-size:max(.6875rem,calc(.8125rem * var(--dt,1)));font-weight:650;transition:transform .1s ease-out}
.cu-b-raiz .cu-b-loja-pil span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cu-b-raiz .cu-b-loja-pil::after{content:"";position:absolute;inset:-5px 0}
.cu-b-raiz .cu-b-loja-pil .cu-b-ic{width:16px;height:16px}
.cu-b-raiz .cu-b-loja-pil:active{transform:scale(.96)}
.cu-b-raiz .cu-b-enviar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex:none}
.cu-b-raiz .cu-b-enviar span{width:34px;height:34px;flex:none;border-radius:50%;background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF);display:flex;align-items:center;justify-content:center;transition:transform .12s ease-out,background-color .2s,opacity .2s}
.cu-b-raiz .cu-b-enviar span .cu-b-ic{stroke-width:2.4;width:20px;height:20px}
.cu-b-raiz .cu-b-enviar.cu-b-sem-txt span{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));color:var(--label2, #6B5A4C)}
.cu-b-raiz .cu-b-enviar:active span{transform:scale(.9)}
.cu-b-raiz .cu-b-enviar.cu-b-fila-modo span{background:var(--d-laranja, #F57A1C);color:var(--acao-txt, #FFFFFF)}
.cu-b-raiz .cu-b-enviar.cu-b-parar-modo span{background:var(--acao, #1F5FD0);color:var(--acao-txt, #FFFFFF)}
.cu-b-raiz .cu-b-voz.cu-b-gravando{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--d-coral-t, #B92D40)}
.cu-b-raiz .cu-b-ditado{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 4px 8px;font-size:max(.6875rem,calc(.82rem * var(--dt,1)));color:inherit}
.cu-b-raiz .cu-b-ditado .cu-b-dit-pil{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:color-mix(in srgb, var(--d-anil, #5B6CFF) 12%, transparent);color:var(--d-anil-t, #394DC8);font-weight:600}
.cu-b-raiz .cu-b-ditado .cu-b-dit-bruto{opacity:.7;font-style:italic;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cu-b-raiz .cu-b-ditado button{min-height:32px;padding:4px 12px;border-radius:999px;border:1px solid currentColor;background:transparent;color:var(--d-anil-t, #394DC8);font:inherit;font-weight:600;cursor:pointer}
.cu-b-raiz .cu-b-ditado .cu-b-brilho{animation:cu-b-brilho 1.1s ease-in-out infinite}
@keyframes cu-b-brilho{50%{opacity:.45}}
.cu-b-raiz .cu-b-menu{position:fixed;z-index:90;min-width:220px;max-width:calc(100vw - 32px);padding:6px;border-radius:18px;box-shadow:var(--glass-sombra);background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);display:flex;flex-direction:column;gap:1px}
.cu-b-raiz .cu-b-menu-tit{font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:800;color:var(--label2, #6B5A4C);padding:6px 10px 4px;text-transform:uppercase;letter-spacing:.03em}
.cu-b-raiz .cu-b-menu-it{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 6px;border-radius:12px;text-align:left;font-size:max(.6875rem,calc(.9375rem * var(--dt,1)))}
.cu-b-raiz .cu-b-menu-it:hover,.cu-b-raiz .cu-b-menu-it:focus-visible{background:var(--fill2, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));outline:none}
.cu-b-raiz .cu-b-menu-it:disabled{opacity:.45}
.cu-b-raiz .cu-b-menu-it small{margin-left:auto;padding-left:12px;color:var(--label2, #6B5A4C);font-size:max(.6875rem,calc(.8125rem * var(--dt,1)))}
.cu-b-raiz .cu-b-menu-ck{width:20px;display:grid;place-items:center;color:var(--acao, #1F5FD0)}
.cu-b-raiz .cu-b-menu-ck .cu-b-ic{width:16px;height:16px;stroke-width:2.4}
.cu-b-raiz .cu-b-sugs-rot{flex:none;align-self:center;display:inline-flex;align-items:center;gap:4px;padding:0 4px 0 2px;font-size:max(.6875rem,calc(.75rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C);white-space:nowrap}
.cu-b-raiz .cu-b-sugs-rot b{color:var(--label, #2A1C12);font-weight:750}
/* Aviso (guia 9.29): vidro forte acima do campo, até três; a mola cuida da entrada e da saída. */
.cu-b-raiz>.cu-b-avisos{position:absolute;left:16px;right:16px;bottom:calc(100% + 16px);z-index:95;max-width:none;margin:0;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}
.cu-b-raiz .cu-b-aviso{pointer-events:auto;display:flex;align-items:center;gap:10px;max-width:min(100%,420px);min-height:44px;padding:6px 16px;border-radius:22px;font-size:max(.6875rem,calc(.875rem * var(--dt,1)));font-weight:650;box-shadow:var(--glass-sombra);background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}
.cu-b-raiz .cu-b-aviso span{min-width:0}

/* Encaixe da F12: preserva o mesmo nó e seus ouvintes. */
.cu-b-raiz [data-cu-parte="anexo"]:empty{display:none}
.cu-b-raiz .cu-b-campo{max-height:calc(7em + 14px)}
.cu-b-raiz .cu-b-fila{max-height:var(--cu-fila-altura,30dvh)}
.cu-b-raiz .cu-b-fila-rolar{overflow-y:auto;overscroll-behavior:contain;padding:6px;margin-left:-6px;margin-right:-6px}
.cu-b-raiz .cu-b-menu{position:absolute;z-index:90;margin:0}
.cu-b-raiz .cu-b-gravando{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--d-coral-t, #B92D40)}
.cu-b-raiz .cu-b-onda{display:flex;align-items:center;gap:2px;height:18px}
.cu-b-raiz .cu-b-onda i{width:3px;border-radius:2px;background:currentColor;height:6px;animation:cu-b-onda .9s ease-in-out infinite}
.cu-b-raiz .cu-b-onda i:nth-child(2){animation-delay:.15s}.cu-b-raiz .cu-b-onda i:nth-child(3){animation-delay:.3s}.cu-b-raiz .cu-b-onda i:nth-child(4){animation-delay:.45s}
@keyframes cu-b-onda{50%{height:18px}}
.cu-b-raiz.cu-b-teclado{padding-bottom:10px}
@media (prefers-reduced-transparency:reduce){
 .cu-b-raiz .cu-b-vidro,.cu-b-raiz .cu-b-menu,.cu-b-raiz .cu-b-aviso{background:var(--surface, #FFFFFF)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media (prefers-contrast:more){
 .cu-b-raiz .cu-b-vidro,.cu-b-raiz .cu-b-menu,.cu-b-raiz .cu-b-aviso{background:var(--surface, #FFFFFF)!important;box-shadow:0 0 0 1.5px var(--label, #2A1C12)!important}
}
@media (prefers-reduced-motion:reduce){
 .cu-b-raiz *{animation:none!important;transition:none!important}
 .cu-b-raiz .cu-b-onda i{height:12px}
}
@supports not (backdrop-filter:blur(1px)){
 .cu-b-raiz .cu-b-vidro,.cu-b-raiz .cu-b-menu,.cu-b-raiz .cu-b-aviso{background:var(--surface, #FFFFFF)}
}

/* Mockup V3 aprovado pelo Philippe em 20/10: pílula de 46 px, sem sombra difusa. */
.cu-unico .cu-b-caixa{display:flex;align-items:center;flex-wrap:wrap;min-height:46px;border-radius:23px;padding:2px 3px 2px 2px;box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))!important;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent)}
.cu-unico .cu-b-caixa [data-cu-parte="anexo"]{display:contents}
.cu-unico .cu-b-caixa .cu-b-ferr{display:contents;padding:0}
.cu-unico .cu-b-ferr .cu-b-flex{display:none}
.cu-unico .cu-b-caixa .cu-b-campo{order:2;flex:1 1 0;width:auto;min-width:0;padding:9px 6px;line-height:1.35;min-height:40px}
.cu-unico .cu-b-caixa .cu-b-campo:placeholder-shown{height:40px!important}
.cu-unico .cu-b-caixa [data-cu-voz]{order:3;width:40px;height:40px;border-radius:50%}
.cu-unico .cu-b-caixa [data-cu-enviar]{order:4;width:40px;height:40px}
.cu-unico .cu-b-caixa [data-cu-enviar]>span{width:32px;height:32px}
.cu-unico .cu-anexar{order:1;position:relative;flex:none}
.cu-unico .cu-anexar>summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border-radius:50%;font-size:26px;font-weight:400;cursor:pointer;pointer-events:auto}
.cu-unico .cu-anexar>summary::-webkit-details-marker{display:none}
.cu-unico .cu-anexar:not([open])>.cu-ax-ferr{display:none!important}
.cu-unico .cu-anexar[open]>.cu-ax-ferr{position:absolute;left:0;bottom:46px;display:flex;flex-direction:column;align-items:stretch;min-width:220px;max-width:calc(100vw - 32px);padding:6px;border-radius:18px;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 10px 32px color-mix(in srgb, var(--label, #2A1C12) 14%, transparent)!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);gap:1px;pointer-events:auto}
.cu-unico .cu-anexar .cu-ax-ferr>button{display:flex;gap:10px;width:100%;min-height:44px;padding:0 10px;font-size:14px}
.cu-unico .cu-anexar .cu-ax-ferr>button::after{content:attr(aria-label)}
.cu-unico .cu-ax-bandeja,.cu-unico .cu-ax-status{order:0;flex-basis:100%}
.cu-unico .cu-b-raiz .cu-b-sugs{background:none;padding:4px 4px 8px}
.cu-unico .cu-b-raiz .cu-b-sug-texto,.cu-unico .cu-b-raiz .cu-b-sugs-rot{background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));border-radius:20px;min-height:40px;line-height:40px;backdrop-filter:blur(18px) saturate(170%)}
.cu-unico .cu-b-raiz .cu-b-sugs-rot{padding:0 14px;cursor:pointer;min-height:44px}
.cu-unico .cu-b-caixa,.cu-unico .cu-b-raiz .cu-b-sug-texto,.cu-unico .cu-b-raiz .cu-b-sugs-rot{background:var(--cu-flt-bg)}
/* V3.4: geometria e vidro da fileira aprovada; só a faixa rola, nunca a página. */
.cu-b-raiz .cu-b-sugs[data-cu-contexto-sugestoes] .cu-b-sugs-rot{display:none}
.cu-b-raiz .cu-b-assunto{flex:none;align-self:center;display:inline-flex;align-items:center;gap:4px;height:40px;padding:0 14px;border:0;border-radius:20px;background:var(--cu-flt-bg,color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent));backdrop-filter:blur(18px) saturate(170%);box-shadow:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent)!important;font-size:max(13px,calc(.8125rem * var(--dt,1)));font-weight:650;color:var(--label2, #6B5A4C);white-space:nowrap;text-align:start}
body.dark .cu-b-raiz .cu-b-assunto{box-shadow:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 10%, transparent)!important}
.cu-b-raiz .cu-b-assunto b{color:var(--label, #2A1C12);font-weight:750}
.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto]) .cu-b-sug{max-width:none;font-size:max(13px,calc(.875rem * var(--dt,1)))}
.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto]) .cu-b-sug-texto{display:inline-flex;align-items:center;gap:6px;height:40px;line-height:40px;overflow:visible;box-shadow:none;border:.5px solid var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent))}
.cu-b-raiz .cu-b-sala{font-weight:650}
.cu-b-raiz .cu-b-sala .cu-b-sug-texto{display:inline-flex;align-items:center;gap:6px}
.cu-b-raiz .cu-b-sala .cu-b-ic{width:17px;height:17px;color:var(--d-anil-t, #394DC8)}
/* 27/10/2026 (revisor): a entrada anima o próprio vidro (.cu-b-sug-texto e .cu-b-assunto), não o pai: opacidade no pai
   desliga o backdrop-filter do filho e, por 250 ms, a pílula mostrava o texto de trás (print do Philippe, 27/10). */
.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto])>:where(.cu-b-sug)>.cu-b-sug-texto,.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto])>.cu-b-assunto{animation:cu-b-sug-entrar .25s ease-out both}
@keyframes cu-b-sug-entrar{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto])>:where(.cu-b-sug)>.cu-b-sug-texto,.cu-b-raiz .cu-b-sugs:is([data-cu-contexto-sugestoes],[data-cu-b-assunto])>.cu-b-assunto{animation:none}.cu-b-raiz .cu-b-sug{transition:none}}
.cu-unico .cu-anexar:has(>.cu-ax-ferr[hidden]){display:none}
/* A barra atualiza o estado da voz; o desenho de microfone pertence à moldura. */
.cu-unico [data-cu-voz]:not(.cu-b-gravando)>.cu-b-ic{display:none}
.cu-unico [data-cu-voz]:not(.cu-b-gravando)::before{content:'';display:block;width:22px;height:22px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="var(--label, #2A1C12)" stroke-width="1.8" stroke-linecap="round"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></svg>') center/contain no-repeat}
.cu-unico [data-cu-voz]:not(.cu-b-gravando)>*{display:none!important}

/* L21: o textarea também casa com :focus-visible ao toque. Sem o sublinhado global. */
html body .cu-b-raiz .cu-b-campo:focus{outline:0!important;border:0!important;box-shadow:none!important}
html body .cu-b-raiz .cu-b-caixa[data-cu-caixa]:focus-within{background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent)}
html body .cu-b-raiz .cu-b-campo.cu-b-foco-teclado:focus-visible{outline:1px solid var(--label2, #6B5A4C)!important;outline-offset:-1px!important;border-radius:999px}

/* V3.6 aprovado: pílula, vidro e SVGs do mockup, também fora do Cérebro. */
.cu-b-raiz{
 --vidro36:color-mix(in srgb, var(--acao-txt, #FFFFFF) 62%, transparent);--vidro36-brd:color-mix(in srgb, var(--acao-txt, #FFFFFF) 85%, transparent);
 --vidro36-som:0 10px 30px color-mix(in srgb, var(--label, #2A1C12) 8%, transparent),0 1px 2px color-mix(in srgb, var(--label, #2A1C12) 4%, transparent);
 --vidro36-luz:inset 0 1px 0 color-mix(in srgb, var(--acao-txt, #FFFFFF) 70%, transparent);
 padding:2px max(16px,var(--cu-ios-safe-right,0px)) calc(var(--cu-ios-safe-bottom,env(safe-area-inset-bottom,0px)) + 10px) max(16px,var(--cu-ios-safe-left,0px));
}
body.dark .cu-b-raiz{
 --vidro36:color-mix(in srgb, var(--label, #2A1C12) 62%, transparent);--vidro36-brd:color-mix(in srgb, var(--acao-txt, #FFFFFF) 14%, transparent);
 --vidro36-som:0 10px 30px color-mix(in srgb, var(--label, #2A1C12) 35%, transparent);--vidro36-luz:inset 0 1px 0 color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent);
}
html body .cu-b-raiz .cu-b-caixa[data-cu-caixa]{
 display:flex;flex-wrap:wrap;align-items:center;min-height:54px;border-radius:999px;padding:5px 6px;
 background:var(--vidro36);border:1px solid var(--vidro36-brd);
 -webkit-backdrop-filter:blur(22px) saturate(180%) brightness(1.04);backdrop-filter:blur(22px) saturate(180%) brightness(1.04);
 box-shadow:var(--vidro36-som),var(--vidro36-luz)!important;touch-action:pan-y;
}
html body .cu-b-raiz .cu-b-caixa[data-cu-caixa]:focus-within{background:var(--vidro36)}
.cu-b-raiz .cu-b-caixa .cu-b-ferr,.cu-b-raiz .cu-b-caixa [data-cu-parte="anexo"]{display:contents}
.cu-b-raiz .cu-b-ferr .cu-b-flex{display:none}
html body .cu-b-raiz .cu-b-caixa .cu-b-campo{order:2;flex:1 1 0;min-width:0;width:auto;align-self:center;padding:9px 6px;line-height:1.35;min-height:40px;max-height:calc(6.75em + 18px);field-sizing:content;font-size:max(16px,1rem,var(--cu-b-fonte-corpo))}
.cu-b-raiz .cu-b-caixa .cu-b-campo:placeholder-shown{height:40px!important;white-space:nowrap}
.cu-b-medidor-campo{position:absolute;visibility:hidden;pointer-events:none;contain:layout style paint;white-space:pre-wrap;overflow-wrap:break-word;box-sizing:content-box;padding:0;border:0}
.cu-b-raiz .cu-b-caixa [data-cu-voz]{order:3;width:40px;height:40px;border-radius:50%}
.cu-b-raiz .cu-b-caixa [data-cu-enviar]{order:4;width:40px;height:40px}
.cu-b-raiz .cu-b-caixa [data-cu-enviar]>span{width:32px;height:32px}
.cu-b-raiz .cu-b-caixa [data-cu-enviar].cu-b-sem-txt{display:none}
.cu-b-raiz .cu-b-caixa .cu-b-menu36{order:5;width:40px;height:40px;border-radius:50%;flex:none;background:color-mix(in srgb, var(--acao-txt, #FFFFFF) 72%, transparent);border:1px solid color-mix(in srgb, var(--label, #2A1C12) 9%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--label, #2A1C12) 8%, transparent)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--label, #2A1C12)}
.cu-b-raiz .cu-b-menu36 .cu-b-ic{width:22px;height:22px;stroke-width:2.5}
body.dark .cu-b-raiz .cu-b-menu36{background:color-mix(in srgb, var(--acao-txt, #FFFFFF) 10%, transparent);border-color:color-mix(in srgb, var(--acao-txt, #FFFFFF) 14%, transparent);box-shadow:0 2px 8px color-mix(in srgb, var(--label, #2A1C12) 30%, transparent)!important}
.cu-b-raiz .cu-b-caixa [data-cu-loja]{display:none}
.cu-b-raiz .cu-b-anexar36{order:1;width:40px;height:40px;border-radius:50%}
.cu-b-raiz .cu-anexar{order:1;position:relative;flex:none}
.cu-b-raiz .cu-anexar>summary{display:grid;place-items:center;list-style:none;width:40px;height:40px;border-radius:50%;cursor:pointer;pointer-events:auto}
.cu-b-raiz .cu-anexar>summary::-webkit-details-marker{display:none}
.cu-b-raiz .cu-anexar:not([open])>.cu-ax-ferr{display:none!important}
.cu-b-raiz .cu-anexar[open]>.cu-ax-ferr{position:absolute;left:0;bottom:46px;display:flex;flex-direction:column;align-items:stretch;min-width:220px;max-width:calc(100vw - 32px);padding:6px;border-radius:18px;background:color-mix(in srgb, var(--surface, #FFFFFF) 86%, transparent);box-shadow:0 0 0 .5px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent),0 10px 32px color-mix(in srgb, var(--label, #2A1C12) 14%, transparent)!important;-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);gap:1px;pointer-events:auto}
.cu-b-raiz .cu-ax-bandeja,.cu-b-raiz .cu-ax-status{order:0;flex-basis:100%}
/* O F44 troca o filho do botão durante o ditado. A máscara conserva o SVG aprovado. */
.cu-b-raiz .cu-b-caixa [data-cu-voz]:not(.cu-b-gravando):not(.gravando)>*{display:none!important}
.cu-b-raiz .cu-b-caixa [data-cu-voz]:not(.cu-b-gravando):not(.gravando)::before{content:'';display:block;width:22px;height:22px;background:currentColor;mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="var(--label, #2A1C12)" stroke-width="1.8" stroke-linecap="round"><rect x="9" y="3" width="6" height="11" rx="3"/><path d="M5 11a7 7 0 0 0 14 0M12 18v3"/></svg>') center/contain no-repeat}
.cu-b-raiz .cu-b-sugs{padding:4px 4px 8px;background:none}
.cu-b-raiz>.cu-b-dica36{position:absolute;right:20px;bottom:calc(100% - 2px);display:inline-flex;align-items:center;gap:4px;padding:4px 10px 4px 6px;border-radius:12px;background:var(--vidro36);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--vidro36-brd);font-size:13px;font-weight:650;color:var(--label2, #6B5A4C);opacity:0;transform:translateX(8px);transition:opacity .35s,transform .35s;pointer-events:none}
.cu-b-raiz .cu-b-dica36 .cu-b-ic{width:16px;height:16px}
.cu-b-raiz .cu-b-dica36.on{opacity:1;transform:none;animation:cu-b-dica36 1.6s ease-in-out .4s 2}
@keyframes cu-b-dica36{0%,100%{transform:none}50%{transform:translateX(-8px)}}
/* A seta acompanha a pílula medida, acima das sugestões, do teclado e do cartão. */
html body .cu-b-raiz .cu-b-descer36{position:absolute;z-index:7;left:50%;bottom:var(--cu-seta-base,74px);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--label, #2A1C12);background:color-mix(in srgb, var(--acao-txt, #FFFFFF) 72%, transparent);border:1px solid color-mix(in srgb, var(--label, #2A1C12) 9%, transparent);box-shadow:0 4px 14px color-mix(in srgb, var(--label, #2A1C12) 10%, transparent)!important;transition:none!important;-webkit-backdrop-filter:blur(14px) saturate(160%);backdrop-filter:blur(14px) saturate(160%);transform-origin:50% 50%;will-change:transform,opacity}
/* Decisão 22 e retorno R4: estado instantâneo, sempre no layout, sem animar no gesto. */
html body .cu-b-raiz .cu-b-descer36{opacity:0;visibility:hidden;pointer-events:none}
html body .cu-b-raiz .cu-b-descer36.cu-seta-visivel{opacity:1;visibility:visible;pointer-events:auto}
.cu-b-raiz .cu-b-descer36 .cu-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}
html body.dark .cu-b-raiz .cu-b-descer36{background:color-mix(in srgb, var(--label, #2A1C12) 72%, transparent);border-color:color-mix(in srgb, var(--acao-txt, #FFFFFF) 14%, transparent);box-shadow:0 4px 14px color-mix(in srgb, var(--label, #2A1C12) 35%, transparent)!important}
.cu-caixa36-host{position:relative;min-width:0}
.cu-caixa36-host>.cu-b-raiz{position:relative;bottom:var(--cu-teclado-base,0px);--cu-b-fonte-corpo:max(16px,calc(1rem * var(--dt,1)))}
.cu-caixa36-host [data-cu-voz] .cu-b-ic{width:22px;height:22px}
@media(min-width:900px){.cu-b-raiz:not(.cu-b-nav){width:min(800px,100%);margin-left:auto;margin-right:auto}}
@media(prefers-reduced-motion:reduce){.cu-b-raiz .cu-b-dica36,.cu-b-raiz .cu-b-dica36.on{transition:none;animation:none;transform:none}}
@media(prefers-reduced-transparency:reduce){html body .cu-b-raiz .cu-b-caixa,html body .cu-b-raiz .cu-b-descer36,.cu-b-raiz .cu-b-menu36{background:var(--surface, #FFFFFF);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(prefers-contrast:more){html body .cu-b-raiz .cu-b-caixa,html body .cu-b-raiz .cu-b-descer36,.cu-b-raiz .cu-b-menu36{background:var(--surface, #FFFFFF);box-shadow:0 0 0 1.5px var(--label, #2A1C12)!important}}

/* F44 sinaliza a escuta local com .gravando; conserva as ondas do protótipo. */
.cu-b-raiz .cu-b-caixa [data-cu-voz].gravando::before{display:none}
.cu-b-raiz .cu-b-caixa [data-cu-voz].gravando>.onda{display:flex!important}
.cu-b-raiz .cu-b-caixa [data-cu-voz].gravando{background:color-mix(in srgb, var(--queda, #E21D3C) 10%, transparent);color:var(--d-coral-t, #B92D40)}

/* A pressão global não retira a translação nem repinta o vidro durante a descida. */
html body .cu-b-raiz .cu-b-descer36,html body .cu-b-raiz .cu-b-descer36:active,html body .cu-b-raiz .cu-b-descer36.pressed{filter:none!important}

/* R8: foco de escrita sem contorno/sombra. Compensa a borda para manter
   a geometria do vidro e dos controles idêntica ao repouso. */
html body .cu-b-raiz .cu-b-caixa.cu-b-foco-ponteiro[data-cu-caixa]{outline:0!important;border-width:0!important;padding:6px 7px;box-shadow:none!important}
.cu-b-raiz .cu-anexar[hidden]{display:none!important}
.cu-b-raiz .cu-anexar .cu-ax-ferr>button{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;min-height:44px;padding:0 12px 0 6px;border-radius:12px;font-size:.9375rem}
.cu-b-raiz .cu-anexar .cu-ax-ferr>button::after{content:attr(aria-label)}

/* A folha global redefine --glass-sombra nos encaixes. Valores literais do popover aprovado. */
html body.dark .cu-b-raiz .cu-anexar[open]>.cu-ax-ferr{box-shadow:0 0 0 .5px color-mix(in srgb, var(--acao-txt, #FFFFFF) 8%, transparent),0 12px 36px color-mix(in srgb, var(--label, #2A1C12) 45%, transparent)!important}

/* 27/10 (Philippe, print do iPhone): a pílula de sugestão tem o mesmo vidro da caixa de pergunta (cu-b-vidro), com o
   prefixo -webkit- para o Safari; antes ficava transparente demais e o texto do fio aparecia por trás. */
.cu-unico .cu-b-raiz .cu-b-sug-texto,.cu-unico .cu-b-raiz .cu-b-sugs-rot,.cu-b-raiz .cu-b-assunto{background:color-mix(in srgb, var(--surface, #FFFFFF) 62%, transparent)!important;-webkit-backdrop-filter:blur(22px) saturate(180%) brightness(1.04);backdrop-filter:blur(22px) saturate(180%) brightness(1.04)}
body.dark .cu-unico .cu-b-raiz .cu-b-sug-texto,body.dark .cu-unico .cu-b-raiz .cu-b-sugs-rot,body.dark .cu-b-raiz .cu-b-assunto{background:color-mix(in srgb, var(--surface, #221F1C) 62%, transparent)!important}
@media(prefers-reduced-transparency:reduce){.cu-unico .cu-b-raiz .cu-b-sug-texto,.cu-unico .cu-b-raiz .cu-b-sugs-rot,.cu-b-raiz .cu-b-assunto{background:var(--surface)!important;-webkit-backdrop-filter:none;backdrop-filter:none}}
/* 27/10: a máscara de esmaecer da fileira cria uma "raiz de fundo" e o vidro das pílulas deixa de desfocar o fio; sem ela, cada pílula tem o vidro da caixa. */
.cu-b-raiz .cu-b-sugs.cu-b-fade{-webkit-mask-image:none;mask-image:none}
/* AU-CONV-F (revisor, 27/10): sem a máscara, o indício de "há mais à direita" é uma seta de vidro presa à borda direita da
   fileira enquanto houver pílula escondida (cu-b-fade, barra.js). Nada de máscara nem de opacidade em quem contém o vidro:
   a seta é irmã das pílulas (::before levado ao fim por order; o ::after da fileira a casca esconde, casca/caixa.css:52) e
   só ela anima (transform e opacity). A margem negativa anula a largura dela e o espaço entre as pílulas, para a fileira
   não mudar de tamanho quando a seta some no fim. */
.cu-b-raiz .cu-b-sugs.cu-b-fade::before{content:'\203A';order:9999;position:sticky;right:0;flex:none;align-self:center;display:grid;place-items:center;width:30px;height:30px;margin-left:-38px;border-radius:50%;font-size:22px;line-height:1;font-weight:600;color:var(--label, #2A1C12);background:color-mix(in srgb, var(--surface, #FFFFFF) 72%, transparent);-webkit-backdrop-filter:blur(22px) saturate(180%) brightness(1.04);backdrop-filter:blur(22px) saturate(180%) brightness(1.04);box-shadow:0 0 0 .5px var(--sep, color-mix(in srgb, var(--label, #2A1C12) 13%, transparent));pointer-events:none;animation:cu-b-mais-entrar .25s ease-out both}
body.dark .cu-b-raiz .cu-b-sugs.cu-b-fade::before{background:color-mix(in srgb, var(--surface, #221F1C) 72%, transparent)}
@keyframes cu-b-mais-entrar{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.cu-b-raiz .cu-b-sugs.cu-b-fade::before{animation:none}}
@media(prefers-reduced-transparency:reduce){.cu-b-raiz .cu-b-sugs.cu-b-fade::before{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}
/* 27/10/2026 (revisor): pílulas sem sombra externa (mockup V3.2 aprovado: "pílulas sem sombra"). A sombra de 28 px, cortada
   pela borda da fileira que rola de lado, desenhava um retângulo cinza atrás das pílulas (achado no TESTE logo depois do
   pedido do Philippe de tirar a faixa do topo). Sem sombra, como já confere tests/v34-sugestoes-01-navegador. */
@media not (prefers-contrast:more){.cu-b-raiz .cu-b-sugs .cu-b-sug-texto,.cu-b-raiz .cu-b-sugs .cu-b-assunto,.cu-b-raiz .cu-b-sugs .cu-b-vidro{box-shadow:none!important}}

/* Perfil da loja fica na operação, sem caixa de conversa. */
body.role-loja .cu-b-raiz{display:none!important}

/* AU-SALA-14, proposta para AU-CONV-K: o toque rola a fileira, sem cortar a pergunta. */
.cu-b-raiz .cu-b-sugs .cu-b-sug{flex-shrink:0;max-width:none}
.cu-b-raiz .cu-b-sugs .cu-b-sug-texto{max-width:none;overflow:visible;text-overflow:clip}