/* Production owns the workspace plane; existing navigation remains the shell. */
body:has(#pipelineView:not([hidden])) .topbar{display:none}
body:has(#pipelineView:not([hidden])) .stage{padding-top:0;min-height:100dvh;background:var(--c-bg)}
body:has(#pipelineView:not([hidden])) #pipelineView{--topbar-height:0rem;max-width:none;margin:0;padding:0;align-self:stretch}
.primary-brand-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-1);height:var(--topbar-height);min-height:var(--topbar-height);border-bottom:1px solid var(--surface-line);padding:0 var(--sp-2) 0 var(--sp-4)}
.primary-brand-row .primary-brand{padding:0;border:0;height:auto;min-height:0;min-width:0;flex:1}
.primary-nav-collapse{display:flex;align-items:center;justify-content:center;width:var(--h-touch);height:var(--h-touch);flex:none;margin:0;border:0;border-radius:var(--r-inner);background:transparent;color:var(--text-2);cursor:pointer}
.primary-nav-resizer{position:absolute;inset:0 -.3125rem 0 auto;width:.625rem;cursor:col-resize;touch-action:none;z-index:2}
.primary-nav-resizer:hover,.primary-nav-resizer:focus-visible{background:color-mix(in srgb,var(--accent-brand) 12%,transparent);outline:0}
.resizing-nav,.resizing-nav *{cursor:col-resize!important;user-select:none}
.primary-nav-collapse svg{width:1.125rem;height:1.125rem}
.primary-nav-collapse:hover{background:var(--surface-3);color:var(--text-1)}
.primary-nav-collapse:focus-visible{outline:2px solid var(--accent-brand);outline-offset:2px}
/* Submenu icons use one fixed column in the expanded navigation. */
.primary-nav-main .primary-nav-children>button{grid-template-columns:.875rem minmax(0,1fr);gap:var(--sp-2);align-items:center}
.primary-nav-main .primary-nav-children>button>svg{display:block;width:.875rem;height:.875rem;fill:none;stroke:currentColor;stroke-width:1.5;justify-self:center;flex:none}
@media(min-width:901px){
  body.mira-nav-compact{--primary-nav-width:4rem}
  .mira-nav-compact .primary-brand-row{justify-content:center;padding:0 var(--sp-2)}
  .mira-nav-compact .primary-brand-row .primary-brand{display:none}
  .mira-nav-compact .primary-nav-collapse{margin:0}
  .mira-nav-compact .primary-nav-collapse svg{transform:rotate(180deg)}
  .mira-nav-compact .primary-nav-main{padding:var(--sp-2);gap:var(--sp-2)}
  .mira-nav-compact .primary-nav-group{margin:0;gap:0}
  .mira-nav-compact .primary-nav-group-row{display:none}
  .mira-nav-compact .primary-nav-main .primary-nav-children{padding:0;gap:var(--sp-2)}
  .mira-nav-compact .primary-nav-children::before{display:none}
  .mira-nav-compact .primary-nav-main [data-view]{display:grid;grid-template-columns:1fr;justify-items:center;padding:0;min-height:var(--h-touch);border-radius:var(--r-inner)}
  .mira-nav-compact .primary-nav-main [data-view]>span{display:none}
  .mira-nav-compact .primary-nav-main [data-view]>svg{display:block;width:1.25rem;height:1.25rem;opacity:1}
  .mira-nav-compact .primary-nav-main .nav-compact-icon{fill:currentColor;stroke:none}
  .mira-nav-compact .primary-nav-main [aria-current="page"]{background:var(--surface-2);color:var(--accent-brand)}
  .mira-nav-compact .primary-nav-footer{padding:var(--sp-2)}
  .mira-nav-compact .account-menu-trigger{display:flex;justify-content:center;padding:0;min-height:var(--h-touch)}
  .mira-nav-compact .account-menu-trigger-copy,.mira-nav-compact .account-menu-trigger>svg{display:none}
}
@media(max-width:900px){.primary-nav-collapse,.primary-nav-resizer{display:none}}

/* Sheets owns its document controls; ad-account context stays in data views. */
body:has(#planilhasView:not([hidden])) .topbar{display:none}
body:has(#planilhasView:not([hidden])) .stage{padding-top:0}
/* Product dashboards keep their own controls and the existing mobile drawer. */
body:has(#funnelView:not([hidden]),#consultoriaView:not([hidden]),#consultoriaOrigensView:not([hidden]),#blackView:not([hidden])) .topbar{display:none}
body:has(#funnelView:not([hidden]),#consultoriaView:not([hidden]),#consultoriaOrigensView:not([hidden]),#blackView:not([hidden])) .stage{padding-top:0}
.consultoria-switch .consultoria-navigation,.black-navigation{display:none}
@media(max-width:56.25rem){
  .consultoria-switch .consultoria-navigation,.black-navigation{display:inline-flex;align-items:center;justify-content:center;min-width:var(--h-touch);min-height:var(--h-touch);padding:0;border:0;border-radius:var(--r-inner);background:transparent;color:var(--c-text);cursor:pointer}
  .consultoria-navigation svg,.black-navigation svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5}
}
@media(max-width:47.5rem){.consultoria-switch:not(.product-lens):has(.consultoria-navigation){grid-template-columns:var(--h-touch) minmax(0,1fr) minmax(0,1fr)}}
.planilhas-navigation{display:none}
@media(max-width:56.25rem){.planilhas-navigation{display:inline-flex;align-items:center;justify-content:center;min-width:var(--h-touch);min-height:var(--h-touch);border:0;border-radius:var(--r-inner);background:transparent;color:var(--c-text)}.planilhas-navigation svg{width:1.125rem;height:1.125rem;fill:none;stroke:currentColor;stroke-width:1.5}}
/* Group labels recede; the selected destination carries the brand accent. */
.primary-nav-main .primary-nav-parent{font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--c-text-3);letter-spacing:.035em}
.primary-nav-main .primary-nav-children>button{font-weight:var(--fw-medium);color:var(--c-text-2)}
.primary-nav-main [data-view][aria-current="page"]{background:color-mix(in srgb,var(--c-accent) 9%,var(--c-surface));color:var(--c-accent);font-weight:var(--fw-semi)}
.primary-nav-main [data-view][aria-current="page"]::after{display:none}
.primary-nav-main .primary-nav-children::before{display:none}
.primary-nav-main [data-view]:hover{background:color-mix(in srgb,var(--c-text) 5%,transparent);color:var(--c-text)}
.primary-nav-main [data-view][aria-current="page"]:hover{background:color-mix(in srgb,var(--c-accent) 13%,var(--c-surface));color:var(--c-accent)}

.stage{background:var(--c-bg)}
body:has(#planilhasView:not([hidden])) #planilhasView:not(.is-panel){height:100dvh;grid-template-rows:auto minmax(0,1fr)}

.primary-nav{background:var(--c-surface)}
.primary-brand-row,.primary-nav-footer{background:var(--c-surface)}

@media(min-width:56.3125rem){
  .mira-nav-compact .primary-nav-main .primary-nav-children>button{grid-template-columns:minmax(0,1fr);justify-items:center;gap:0;padding:0}
  .mira-nav-compact .primary-nav-main .primary-nav-children>button>svg{width:1rem;height:1rem;justify-self:center;fill:none;stroke:currentColor;stroke-width:1.5}
  .mira-nav-compact .primary-nav-main .primary-nav-group{padding-bottom:var(--sp-2);border-bottom:.0625rem solid var(--c-line)}
}

.primary-brand-row:has(.brands-logo){padding-left:var(--sp-2);gap:0}
.primary-brand .brands-logo{display:block;width:100%;max-width:calc(var(--sp-7) + var(--sp-7) + var(--sp-4) + var(--sp-1));height:var(--sp-7);color:var(--c-text)}
