/* Celular e ajustes gerais de layout (gestor 01/11/2026).
   - A faixa "SISTEMA DE TESTE" não empurra mais a página: o app desconta a altura dela, então só o
     conteúdo rola e a barra lateral fica colada no cabeçalho.
   - No celular: cabeçalho compacto (ícones de 40 px), mundos numa fileira que rola para o lado,
     logo que diminui quando o menu abre (como no computador). */
html.baca-test-bar #application-root{height:calc(100dvh - 28px)}
html,body{overscroll-behavior:none}
@media (max-width:760px){
 #application-root>header{padding:6px 10px!important;gap:8px!important;min-height:0!important;row-gap:6px!important}
 #application-root>header #menu-toggle{width:40px;height:40px;min-height:0;padding:0}
 #application-root>header .brand{flex-basis:auto!important;margin-right:auto}
 #application-root>header .brand img{width:88px!important;height:auto!important;transition:width 300ms cubic-bezier(.4,0,.2,1)}
 .menu-open #application-root>header .brand img{width:70px!important}
 #application-root>header>.system-access-slot{gap:6px!important;padding-left:0!important;border-left:0!important;margin-left:0!important}
 #application-root>header>.system-access-slot :is(button,a){min-height:0!important;height:40px;min-width:40px;padding:0 10px;font-size:14px}
 #application-root>header :is(.baca-bell-button,#system-admin){width:40px;height:40px;padding:0;display:grid;place-items:center}
 #application-root>header .worlds{order:3;flex:0 0 100%;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;justify-content:flex-start;padding:2px 0 4px;scrollbar-width:none}
 #application-root>header .worlds::-webkit-scrollbar{display:none}
 #application-root>header .worlds .world-button{flex:none;width:44px;height:44px;min-height:0}
 #application-root>#menu{top:var(--header-height,104px)!important;bottom:0}
 #application-root>main{overflow-y:auto;-webkit-overflow-scrolling:touch}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference){
 #application-root>#menu{transition:transform 320ms cubic-bezier(.4,0,.2,1),visibility 320ms}
}
/* Administração dentro do sistema */
.admin-embed-title{margin:0 0 12px}
.admin-embed-wrap{position:relative;height:calc(100dvh - var(--header-height,80px) - 140px);min-height:480px}
html.baca-test-bar .admin-embed-wrap{height:calc(100dvh - var(--header-height,80px) - 168px)}
.admin-embed-frame{width:100%;height:100%;border:0;border-radius:14px;background:transparent;opacity:0;transition:opacity 220ms ease}
.admin-embed-frame.ready{opacity:1}.admin-embed-loading{position:absolute;inset:0;display:grid;place-items:center;color:#506970}
/* Dentro do quadro: só o painel (sem a moldura antiga) */
html.conta-embed #sidebar,html.conta-embed #application-root>header,html.conta-embed #application-root>.hint,html.conta-embed #baca-test-bar,html.conta-embed #identity,html.conta-embed footer,html.conta-embed #welcome,html.conta-embed #ops-nav{display:none!important}
html.conta-embed body{padding:0!important;background:transparent}
html.conta-embed #application-root{display:block!important;height:auto!important;min-height:0}
html.conta-embed #application-root>main{padding:0 2px!important;margin:0!important;max-width:none}
html.conta-embed:not(.conta-ready) #workspace{visibility:hidden}
html.conta-embed #workspace>.session{display:none!important}
/* Computador com "animações do Windows" desligadas (reduzir movimento): a barra lateral e o logo ainda
   deslizam, só que de forma curta (220 ms, sem balanço). Outros movimentos continuam desligados. */
@media (prefers-reduced-motion: reduce){
 #application-root{transition:grid-template-columns 220ms ease-out!important}
 #application-root>#menu{transition:width 220ms ease-out,padding 220ms ease-out,transform 220ms ease-out,visibility 220ms!important}
 #application-root>header .brand,#application-root>header .brand img{transition:width 220ms ease-out,height 220ms ease-out,flex-basis 220ms ease-out!important}
}
/* Padrão geral das páginas: sem a linha "Nome · Perfil" repetida em cada tela; nome da área acima do título. */
#application-root:not(.ux05-commercial)>main>#identity{display:none}
#application-root>main h1[data-eyebrow]::before{content:attr(data-eyebrow);display:block;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#506970}
/* Agenda da semana no celular: um dia embaixo do outro (sem rolar para o lado). Vindo da proposta #89. */
@media (max-width:760px){
 .ux05-commercial .ux-week-grid{grid-template-columns:minmax(0,1fr)!important}
 .ux05-commercial .ux-week-grid>section{min-height:0;border-right:0!important;border-bottom:1px solid var(--baca-ui-line)}
}