:root{--shell-gap:var(--sp-2);--mobile-nav-space:calc(5.5rem + env(safe-area-inset-bottom,0px))}
html,body{background:var(--c-frame)}
body{display:flow-root}
.primary-nav{top:var(--shell-gap);bottom:var(--shell-gap);left:var(--shell-gap);height:calc(100dvh - var(--shell-gap)*2);border:0;border-radius:0;background:transparent;overflow:visible;--text-1:var(--c-on-bento-ink);--text-2:color-mix(in srgb,var(--c-on-bento-ink) 88%,transparent);--text-3:color-mix(in srgb,var(--c-on-bento-ink) 72%,transparent);--surface-1:var(--c-frame);--surface-2:color-mix(in srgb,var(--c-on-bento-ink) 10%,var(--c-frame));--surface-3:color-mix(in srgb,var(--c-on-bento-ink) 16%,var(--c-frame));--surface-line:color-mix(in srgb,var(--c-on-bento-ink) 16%,transparent)}
.primary-brand-row{border-radius:var(--r-board) var(--r-board) 0 0}
.primary-nav-footer{border-radius:0 0 var(--r-board) var(--r-board)}
.primary-nav-main{flex:0 1 auto;gap:var(--sp-1);padding:var(--sp-2);overflow-y:auto}
.primary-nav-footer{margin-top:auto}
.primary-nav .primary-brand-row,.primary-nav .primary-brand{background:transparent;color:var(--text-1);border:0}
.primary-nav .brands-logo{color:var(--c-on-bento-ink)}
.primary-nav .primary-nav-footer{background:transparent;color:var(--text-1)}
.primary-nav .primary-nav-main .primary-nav-item,.primary-nav .primary-nav-main .primary-nav-parent,.primary-nav .primary-nav-main .primary-nav-children>button{color:var(--text-2)}
.primary-nav .primary-nav-main svg{color:inherit;opacity:1}
.primary-nav .account-menu-trigger{color:var(--text-1);background:transparent}
.primary-nav .account-menu-trigger small{color:var(--text-2)}
.primary-nav .account-menu-avatar{color:var(--text-1);background:var(--surface-3)}
#primaryNav{--c-text:var(--c-on-bento-ink);--c-text-2:color-mix(in srgb,var(--c-nav-text) 98%,transparent);--c-text-3:color-mix(in srgb,var(--c-nav-text) 96%,transparent);--c-surface:var(--c-frame);--c-surface-2:color-mix(in srgb,var(--c-on-bento-ink) 10%,var(--c-frame));--c-surface-3:color-mix(in srgb,var(--c-on-bento-ink) 16%,var(--c-frame));--c-line:color-mix(in srgb,var(--c-on-bento-ink) 20%,transparent)}
#primaryNav .primary-nav-footer,#primaryNav .primary-brand-row{background:transparent;border:0}
#primaryNav .primary-nav-main .primary-nav-item,#primaryNav .primary-nav-main .primary-nav-parent,#primaryNav .primary-nav-main .primary-nav-children>button{color:var(--c-text-2)}
#primaryNav .primary-nav-main [data-view][aria-current="page"]{color:var(--c-on-bento-ink);background:color-mix(in srgb,var(--c-on-bento-ink) 17%,var(--c-frame))}
#primaryNav .account-menu-trigger{background:transparent;color:var(--c-on-bento-ink)}
#primaryNav .account-menu-trigger small{color:var(--c-text-2)}
#primaryNav .account-menu-avatar{background:color-mix(in srgb,var(--c-on-bento-ink) 16%,var(--c-frame));color:var(--c-on-bento-ink)}
#primaryNav .primary-nav-main .primary-nav-parent{color:color-mix(in srgb,var(--c-nav-text) 96%,transparent);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:.06em}
#primaryNav .primary-nav-main svg{color:inherit;opacity:1}
#primaryNav .primary-nav-main h2.primary-nav-parent svg,#primaryNav .primary-nav-main .primary-nav-item:not(.primary-nav-parent)>svg{color:inherit;opacity:1}
#primaryNav .primary-nav-main [data-view][aria-current="page"]{background:var(--c-nav-active-bg);color:var(--c-nav-active-text);font-weight:var(--fw-semi)}
#primaryNav .primary-nav-main [data-view][aria-current="page"] svg{color:var(--c-nav-active-text)}
.mira-nav-compact #primaryNav .primary-nav-main [data-view][aria-current="page"],#primaryNav .primary-nav-main [data-view][aria-current="page"]:hover{background:var(--c-nav-active-bg);color:var(--c-nav-active-text)}
.mira-nav-compact #primaryNav .primary-nav-main [data-view][aria-current="page"] svg{color:inherit}
.co-card-title,.product-page-head h1{font-family:var(--ff-editorial);font-weight:600;letter-spacing:-.025em}
#primaryNav .account-menu-panel{background:var(--c-bg);color:var(--c-frame);border:1px solid var(--c-line);border-radius:var(--r-outer);--c-text:var(--c-frame);--c-text-2:var(--c-frame);--c-text-3:var(--c-frame);--text-1:var(--c-frame);--text-2:var(--c-frame);--text-3:var(--c-frame);--surface-1:var(--c-bg);--surface-2:color-mix(in srgb,var(--c-frame) 8%,var(--c-bg));--surface-3:color-mix(in srgb,var(--c-frame) 12%,var(--c-bg));--surface-line:color-mix(in srgb,var(--c-frame) 20%,transparent)}
.primary-nav .primary-nav-resizer{background:transparent;border:0}
.primary-nav .primary-nav-collapse{background:transparent;color:var(--text-2);border:0}
.primary-nav-main .primary-nav-group{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--surface-line)}
.primary-nav-main .primary-nav-parent{color:var(--text-2);font-size:var(--fs-label);font-weight:var(--fw-semi);letter-spacing:.03em}
.primary-nav-main .primary-nav-parent svg{color:inherit;opacity:1}
.primary-nav-main .primary-nav-children{padding-left:var(--sp-2);gap:var(--sp-1)}
.primary-nav-main .primary-nav-children>button{min-height:var(--h-sm);border-radius:var(--r-inner);padding-inline:var(--sp-2)}
.primary-nav-main [data-view][aria-current="page"]{background:var(--c-accent);color:var(--c-on-bento-ink)}
.primary-nav-main [data-view][aria-current="page"] svg{color:inherit}
.primary-nav-main [data-view][aria-current="page"]:hover{background:var(--c-accent-hover);color:var(--c-on-bento-ink)}
.stage{margin-top:calc(var(--topbar-height) + var(--shell-gap));padding-top:0;margin-left:calc(var(--primary-nav-width) + var(--shell-gap)*2);width:calc(100% - var(--primary-nav-width) - var(--shell-gap)*2);min-height:calc(100dvh - var(--topbar-height) - var(--shell-gap));border-radius:var(--r-board) 0 0 0;background:var(--c-bg);overflow:clip}
.topbar{top:var(--shell-gap);left:calc(var(--primary-nav-width) + var(--shell-gap)*2);right:0;background:var(--c-frame);box-shadow:0 calc(var(--shell-gap) * -1) 0 var(--c-frame);border:0;border-radius:0;color:var(--c-on-bento-ink);--text-1:var(--c-on-bento-ink);--text-2:color-mix(in srgb,var(--c-on-bento-ink) 88%,transparent);--text-3:color-mix(in srgb,var(--c-on-bento-ink) 72%,transparent)}
.topbar .tw-trigger,.topbar .global-account-trigger,.topbar .search-box{color:var(--c-text);background:var(--c-surface)}
.topbar .search input{color:var(--c-text);background:var(--c-surface);caret-color:var(--c-text)}
.topbar .search input::placeholder{color:var(--c-text-3);opacity:1}
.topbar .search svg{color:var(--c-text-2);stroke:currentColor}
.topbar-main{padding-inline:var(--sp-4);background:transparent}
.topbar .topbar-title,.topbar .lens-tabs{background:transparent}
.topbar .lens-tabs button,.topbar .primary-nav-toggle,.topbar .mobile-search-toggle{color:var(--c-on-bento-ink);background:transparent}
.mira-loading-star{width:var(--sp-7);height:var(--sp-7);color:var(--c-brand-star);animation:brands-loading-spin 1.4s linear infinite}
@keyframes brands-loading-spin{to{transform:rotate(360deg)}}
.mobile-navigation{display:none}
.tw-source-note{font-size:var(--fs-label)}
.overview-navigation{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}
#campaignsView .overview-v2>.product-page-head{min-height:0;justify-content:flex-end;margin:0;padding:0}
#campaignsView .overview-v2>.product-page-head .overview-navigation{display:flex;flex-direction:row;gap:var(--sp-2)}
#campaignsView .overview-product-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
body:has(#pipelineView:not([hidden]),#planilhasView:not([hidden]),#funnelView:not([hidden]),#consultoriaView:not([hidden]),#consultoriaOrigensView:not([hidden]),#blackView:not([hidden])) .stage{margin-top:0;padding-top:0;min-height:100dvh;border-radius:0;width:calc(100% - var(--primary-nav-width) - var(--shell-gap)*2)}
body:has(#pipelineView:not([hidden]),#planilhasView:not([hidden]),#funnelView:not([hidden]),#consultoriaView:not([hidden]),#consultoriaOrigensView:not([hidden]),#blackView:not([hidden])) .topbar{display:none}
body:has(#planilhasView:not([hidden])) #planilhasView:not(.is-panel){height:100dvh}
@media(min-width:68.8125rem){
  #chipsRow .collection-command{display:flex;flex-wrap:wrap;height:auto;min-height:var(--h-touch);align-items:center;gap:var(--sp-2);border:0;padding:var(--sp-3);background:var(--c-surface);border-radius:var(--r-inner)}
  #chipsRow .collection-command>*{position:relative;flex:none;border:0;align-self:center;min-height:var(--h-sm);padding:0 var(--sp-2)}
  #chipsRow .collection-command>.command-accounts{display:flex;flex:0 1 auto;flex-wrap:wrap;align-items:center;gap:var(--sp-1);max-width:100%;overflow:visible;padding-block:0}
  #chipsRow .collection-command>.command-accounts::before,#chipsRow .collection-command>.command-sort::before{content:"";position:absolute;left:calc(var(--sp-1)*-1);top:50%;transform:translateY(-50%);height:1.5rem;width:1px;background:var(--c-line);border-radius:var(--r-pill)}
  #chipsRow .collection-command>.command-sort{margin-left:auto;display:grid;gap:var(--sp-1);min-width:8rem}
  #chipsRow .collection-command>.command-direction,#chipsRow .collection-command>.command-button,#chipsRow .collection-command>.command-clear{border-radius:var(--r-pill)}
  #chipsRow .collection-command>.command-button:hover,#chipsRow .collection-command>.command-clear:hover{background:var(--c-surface-2)}
}
@media(min-width:56.3125rem){
  .mira-nav-compact .primary-nav-main .primary-nav-group{border-top:0;padding-top:0;border-bottom:1px solid var(--c-line);padding-bottom:var(--sp-2)}
  .mira-nav-compact .primary-nav-main .primary-nav-children{padding-left:0}
}
@media(max-width:56.25rem){
  .topbar .lens-tabs{display:none}
  #primaryNav{background:var(--c-frame)}
  body:has(#pipelineView:not([hidden]),#planilhasView:not([hidden]),#funnelView:not([hidden]),#consultoriaView:not([hidden]),#consultoriaOrigensView:not([hidden]),#blackView:not([hidden])) .stage{margin-left:0;width:100%;min-height:100dvh}
  .stage{width:calc(100% - var(--shell-gap));margin-left:var(--shell-gap);padding-bottom:var(--mobile-nav-space);min-height:calc(100dvh - var(--shell-gap)*2)}
  .topbar{left:var(--shell-gap);right:0}
  .primary-nav{left:var(--shell-gap);width:min(19rem,calc(100vw - var(--sp-6)));max-height:calc(100dvh - var(--shell-gap)*2);height:calc(100dvh - var(--shell-gap)*2);border-radius:var(--r-board)}
  body:not(.primary-nav-open) .primary-nav{transform:translateX(calc(-100% - var(--shell-gap)))}
  .primary-nav-main .primary-nav-children>button{min-height:var(--h-touch)}
  .primary-nav-scrim{background:var(--c-scrim)}
  .mobile-navigation{position:fixed;z-index:55;left:max(var(--sp-3),env(safe-area-inset-left,0px));right:max(var(--sp-3),env(safe-area-inset-right,0px));bottom:max(var(--sp-3),env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-1);align-items:center;min-height:4.25rem;padding:var(--sp-2);border:1px solid var(--c-line);border-radius:var(--r-board);background:var(--c-surface);box-shadow:var(--sh-pop)}
  .mobile-navigation button{display:grid;justify-items:center;align-content:center;gap:var(--sp-1);min-height:var(--h-touch);min-width:0;border:0;border-radius:var(--r-inner);background:transparent;color:var(--c-text-2);padding:var(--sp-1);font:var(--fw-medium) var(--fs-label)/var(--lh-tight) var(--ff-sans);cursor:pointer}
  .mobile-navigation svg{width:1.25rem;height:1.25rem;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-navigation button[aria-current="page"]{background:color-mix(in srgb,var(--c-accent) 10%,var(--c-surface));color:var(--c-accent);font-weight:var(--fw-semi)}
  .mobile-navigation button[aria-current="page"]{background:var(--c-frame);color:var(--c-on-bento-ink);border-radius:var(--r-outer)}
  .mobile-navigation button:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}
  .filter-toggle:not([hidden]){bottom:calc(var(--mobile-nav-space) + var(--sp-2))}
  .primary-nav{transform:translateX(calc(-100% - var(--shell-gap)))}
  body.primary-nav-open .primary-nav{transform:translateX(0)}
  .primary-nav-open .mobile-navigation{visibility:hidden}
  body:has(#planilhasView:not([hidden])) #planilhasView:not(.is-panel){height:100dvh;padding-bottom:var(--mobile-nav-space)}
  .app-loading .mobile-navigation{display:none}
  #toast,.selection-bar{bottom:var(--mobile-nav-space)}
}
@media(prefers-reduced-motion:reduce){.mira-loading-star{animation:none}}

/* Navigation destinations share one icon pack; group headings remain text. */
#primaryNav .primary-nav-main svg.ph-pill,.mobile-navigation svg.ph-pill{width:1.125rem;height:1.125rem;fill:currentColor;stroke:none;flex:none}
#primaryNav .primary-nav-main h2.primary-nav-parent{padding-left:var(--sp-2)}
.topbar .search-box input,.topbar .search-box input::placeholder{color:var(--c-text);caret-color:var(--c-text)}
.topbar .search-box input::placeholder{opacity:.7}
#primaryNav .account-menu-panel{--c-text:var(--c-frame);--c-text-2:var(--c-frame);--c-text-3:var(--c-frame);background:var(--c-bento-cream);color:var(--c-frame)}
#primaryNav .account-menu-panel :is(button,a,input,select){color:inherit}
.tw-popover{color:var(--c-text);background:var(--c-surface);border-color:var(--c-line);border-radius:var(--r-outer)}
.tw-popover :is(button,input){color:var(--c-text)}
.tw-popover .tw-preset.is-on,.tw-popover .tw-day.is-edge{background:var(--c-frame);color:var(--c-on-bento-ink);border-color:var(--c-frame)}
.tw-popover .tw-day.is-in:not(.is-edge){background:var(--c-surface-2);color:var(--c-text)}