/* Shared navigation + layout polish for Classic, Business Builder and Vocal Space. */
.orbeuss-interface-nav{
  display:flex;align-items:center;justify-content:center;gap:6px;
  flex:0 0 auto;padding:4px;border:1px solid rgba(91,205,248,.14);
  border-radius:12px;background:rgba(7,17,24,.72);box-shadow:inset 0 0 18px rgba(61,190,239,.025)
}
.orbeuss-interface-nav a{
  display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 11px;
  border:1px solid transparent;border-radius:8px;color:#7d9fac!important;text-decoration:none!important;
  font-size:10px;font-weight:600;letter-spacing:.01em;white-space:nowrap
}
.orbeuss-interface-nav a:hover{color:#e8faff!important;background:rgba(52,166,215,.09)}
.orbeuss-interface-nav a.active{
  color:#eafbff!important;border-color:rgba(86,211,255,.24);
  background:linear-gradient(135deg,rgba(37,155,207,.16),rgba(51,100,175,.10));
  box-shadow:0 0 18px rgba(66,193,240,.06)
}

/* Classic identity: chosen Orbe name first, product role directly below. */
.agent-brand .orbeuss-agent-name-host{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:2px!important;line-height:1.02!important;font-size:15px!important;font-weight:650!important
}
.agent-brand .orbeuss-agent-subtitle{
  display:block!important;margin:0!important;color:#668795!important;font-size:8px!important;
  font-weight:540!important;line-height:1!important;letter-spacing:.08em!important;text-transform:uppercase!important
}

/* Classic: the activity drawer reserves real room instead of covering the conversation. */
.main-pane{transition:margin-right .22s ease,min-width .22s ease}
@media(min-width:761px){
  html.classic-activity-panel-open .main-pane,
  body.classic-activity-panel-open .main-pane{
    margin-right:clamp(300px,23vw,380px)!important;min-width:0!important
  }
}

/* Business Builder: larger living brand orb and a real remaining-space layout when the right workspace opens. */
.bb-v2-left .bb-brand-orb,.bb-header-brand .bb-brand-orb,.bb-ui-simplified .bb-header-brand .bb-brand-orb{
  width:48px!important;height:48px!important;flex:0 0 48px!important
}
.bb-v2-left .bb-brand-orb canvas,.bb-v2-left .bb-brand-orb img,
.bb-header-brand .bb-brand-orb canvas,.bb-header-brand .bb-brand-orb img,
.bb-ui-simplified .bb-header-brand .bb-brand-orb canvas,.bb-ui-simplified .bb-header-brand .bb-brand-orb img{
  width:48px!important;height:48px!important
}
.bb-main{transition:margin-right .22s ease,min-width .22s ease}
@media(min-width:901px){
  .bb-app.bb-dossier-open .bb-main{margin-right:min(420px,34vw)!important;min-width:0!important}
}
.bb-topbar>.orbeuss-interface-nav{margin-left:auto;align-self:center}
.bb-v2-right>.orbeuss-interface-nav{margin-right:2px}

/* Vocal Space header uses the exact same three-interface switch without inheriting Classic topbar rules. */
.space-topbar>.orbeuss-interface-nav{margin-left:auto;margin-right:8px}

@media(max-width:900px){
  .orbeuss-interface-nav{gap:2px;padding:3px}
  .orbeuss-interface-nav a{min-height:28px;padding:0 7px;font-size:9px}
  .bb-app.bb-dossier-open .bb-main{margin-right:0!important}
}
@media(max-width:760px){
  html.classic-activity-panel-open .main-pane,body.classic-activity-panel-open .main-pane{margin-right:0!important}
  .orbeuss-interface-nav a{padding:0 6px}
  .bb-v2-left .bb-brand-orb,.bb-v2-left .bb-brand-orb canvas,.bb-v2-left .bb-brand-orb img{width:38px!important;height:38px!important;flex-basis:38px!important}
}