/* CARD-UI-096 — barra do topo e navegação Lucide, sem mexer na auth.
   Corrige #mobile-menu-open aparecendo no desktop e elimina sobreposições. */
#mobile-menu-open .ofc-svg-icon{width:17px;height:17px}
.studio-top{gap:clamp(12px,2vw,26px);min-width:0}
.studio-top .studio-brand{flex:1 1 auto;min-width:200px}
.studio-top .studio-brand .studio-back{
 display:inline-flex;align-items:center;gap:6px;white-space:nowrap
}
.studio-top .top-actions{
 flex:0 1 auto;min-width:0;display:flex;flex-wrap:nowrap;
 align-items:center;justify-content:flex-end;gap:8px
}
.studio-top .top-actions>.studio-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.studio-top .top-actions #top-save,
.studio-top .top-actions #top-publish{min-height:43px}
.studio-top .top-status{
 display:inline-flex;align-items:center;justify-content:center;
 padding:9px 11px;min-height:40px;
 border:1px solid #4b6348;border-radius:10px;
 color:#cfe9c4;font-size:.73rem;white-space:nowrap
}
.studio-top .ofc-svg-icon,
.studio-nav .ofc-svg-icon,
.studio-mobile-bottom .ofc-svg-icon{
 flex:none;display:inline-block;vertical-align:middle;
 width:18px;height:18px;stroke:currentColor;fill:none
}
.studio-nav .hub-nav-button .ofc-svg-icon{width:22px;height:22px}
.studio-mobile-bottom .ofc-svg-icon{width:19px;height:19px}
.studio-mobile-bottom button{gap:5px}
.ofc-flyout-links button{gap:8px;justify-content:flex-start}
.ofc-flyout-links button .ofc-svg-icon{width:16px;height:16px}
.book-stage-controls .ofc-svg-icon,
.book-title-actions .ofc-svg-icon,
.book-token .ofc-svg-icon,
.book-outline-row .ofc-svg-icon{width:15px;height:15px;flex:none}
#screen-board .book-token .book-insert,
#screen-board .book-outline-row .book-outline-move{display:inline-flex;align-items:center;justify-content:center;gap:6px}
@media(min-width:931px){
 /* Bug anterior: .menu-open-mobile herdava display:flex de .studio-btn. */
 .studio-top #mobile-menu-open{display:none!important;visibility:hidden!important}
 .studio-top .top-actions{flex-wrap:nowrap}
}
@media(min-width:931px) and (max-width:1250px){
 .studio-top .top-status{display:none}
 .studio-top .studio-brand{flex-basis:260px}
}
@media(max-width:930px){
 .studio-top .top-actions{flex:1 1 auto;flex-wrap:wrap;justify-content:flex-end}
 .studio-top .top-status{display:none}
 .studio-top #mobile-menu-open{display:inline-flex!important}
 .studio-top .top-actions>.studio-btn{min-height:42px;padding:8px 11px}
}
@media(max-width:590px){
 .studio-top{display:grid;grid-template-columns:1fr;gap:10px}
 .studio-top .studio-brand{width:100%;min-width:0}
 .studio-top .top-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%}
 .studio-top .top-actions>.studio-btn{min-width:0;width:100%;justify-content:center;padding:9px 7px;gap:5px;font-size:.72rem}
 .studio-top #mobile-menu-open{grid-column:1;grid-row:1}
 .studio-top #top-preview{grid-column:2;grid-row:1}
 .studio-top #top-save{grid-column:1;grid-row:2}
 .studio-top #top-publish{grid-column:2;grid-row:2}
}
@media(prefers-reduced-motion:reduce){
 .studio-top .ofc-svg-icon{transition:none!important}
}