/* Fotos Memórias V330 | título central em qualquer tela normal; biblioteca sem hero gigante.
   Mantém funcionamento do sino, Admin e botão de som; layout PWA só no Hosting. */
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter){
 display:grid!important;
 grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
 align-items:center!important;justify-items:stretch!important;
 column-gap:4px!important;row-gap:0!important;
 flex-wrap:nowrap!important;min-width:0!important;width:100%!important;
 box-sizing:border-box!important;padding-left:8px!important;padding-right:8px!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#menu-toggle,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>#menu-toggle{
 grid-column:1!important;justify-self:start!important;align-self:center!important;
 width:40px!important;min-width:40px!important;max-width:40px!important;
 height:40px!important;flex:none!important;margin:0!important;padding:0!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#app-brand-button,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>#app-brand-button{
 grid-column:2!important;justify-self:center!important;align-self:center!important;
 display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;
 flex:none!important;min-width:0!important;max-width:100%!important;width:auto!important;
 white-space:nowrap!important;text-align:center!important;overflow:hidden!important;
 gap:5px!important;padding:0!important;margin:0!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-logo-slot,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .app-brand-logo-slot{
 display:block!important;flex:0 0 31px!important;width:31px!important;min-width:31px!important;height:31px!important;
 border-radius:11px!important;margin:0!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-copy{
 display:block!important;min-width:0!important;max-width:100%!important;overflow:hidden!important;
 text-align:center!important;white-space:nowrap!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-copy strong,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .app-brand-copy strong{
 display:block!important;font-family:'Allura',cursive!important;font-size:clamp(17px,4.65vw,24px)!important;
 font-weight:400!important;line-height:1.2!important;text-align:center!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-copy small{display:none!important}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>.fm330-topbar-actions,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>.fm330-topbar-actions{
 grid-column:3!important;justify-self:end!important;align-self:center!important;
 display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;
 gap:5px!important;min-width:0!important;max-width:100%!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions>button,
html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .fm330-topbar-actions>button{
 position:relative!important;flex:0 0 36px!important;display:grid!important;place-items:center!important;
 width:36px!important;height:38px!important;min-width:36px!important;max-width:36px!important;
 padding:0!important;margin:0!important;border-radius:13px!important;
}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions>button[hidden]{display:none!important}
body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions .fm-topbar-sound small{display:none!important}
/* A barra do Admin e a do cliente obedecem ao MESMO centro. */
@media(max-width:400px){
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter){padding-left:6px!important;padding-right:6px!important;column-gap:3px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#menu-toggle,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>#menu-toggle{width:36px!important;min-width:36px!important;max-width:36px!important;height:36px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-logo-slot,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .app-brand-logo-slot{width:29px!important;min-width:29px!important;flex-basis:29px!important;height:29px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions{gap:4px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions>button,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .fm330-topbar-actions>button{flex-basis:34px!important;width:34px!important;min-width:34px!important;max-width:34px!important;height:36px!important}
}
@media(max-width:360px){
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter){padding-left:4px!important;padding-right:4px!important;column-gap:2px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#menu-toggle,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>#menu-toggle{width:32px!important;min-width:32px!important;max-width:32px!important;height:34px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#app-brand-button,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter)>#app-brand-button{gap:3px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-logo-slot,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .app-brand-logo-slot{width:26px!important;min-width:26px!important;flex-basis:26px!important;height:26px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar .app-brand-copy strong,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .app-brand-copy strong{font-size:16px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions{gap:3px!important}
 body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) .fm330-topbar-actions>button,
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter) .fm330-topbar-actions>button{flex-basis:30px!important;width:30px!important;min-width:30px!important;max-width:30px!important;height:34px!important}
}
/* Com Admin + respostas novas, 3 ações: tipografia compacta sem sair da linha. */
@media(max-width:420px){
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter):has(#fm328-reply-bell:not([hidden]))>#app-brand-button .app-brand-copy strong{font-size:clamp(13px,3.65vw,16px)!important}
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter):has(#fm328-reply-bell:not([hidden])) .app-brand-logo-slot{width:24px!important;min-width:24px!important;flex-basis:24px!important;height:24px!important}
}
/* O cabeçalho gigante sai; a ação de atualizar fica discreta e funcional. */
#fm94-board .fm330-library-tools{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 min-height:40px!important;margin:0 2px 12px!important;padding:0!important;
 border:0!important;background:transparent!important;box-shadow:none!important;
}
#fm94-board .fm330-library-tools [data-fm288-refresh]{
 min-height:39px!important;padding:8px 15px!important;border:1px solid #e8c6d4!important;
 border-radius:999px!important;background:#fff9fc!important;color:#8b3257!important;
 font-size:.84rem!important;font-weight:750!important;box-shadow:0 5px 12px #80314f0a!important;
}
#fm94-board .fm330-library-tools [data-fm288-refresh]:focus-visible{outline:3px solid #e367a1;outline-offset:2px}
#fm94-board .fm211-library-tabs{margin-top:0!important}

html body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#app-brand-button .app-brand-copy strong{
 font-size:clamp(17px,4.65vw,24px)!important;line-height:1.15!important;
}
@media(max-width:360px){
 html body:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar>#app-brand-button .app-brand-copy strong{font-size:16px!important}
}
@media(max-width:420px){
 html body.fm228-admin-letter-visible:not(.tele-public-mode):not(.love-public-mode):not(.fm132-public-mode) header.app-topbar:has(#fm228-admin-letter):has(#fm328-reply-bell:not([hidden]))>#app-brand-button .app-brand-copy strong{font-size:clamp(13px,3.65vw,16px)!important}
}