/* Explicit menu/brand allocation, both drawer states. Preserve logo pixels,
   aspect ratio and existing company-brand renderer. Load after rail styles. */
@media(max-width:820px) {
  .office-console-shell.has-global-navigation .rail :is(.rail-top,.remote-brand-row) {
    box-sizing:border-box;display:grid;grid-template-columns:44px minmax(0,1fr);
    align-items:center;column-gap:10px;min-height:44px;padding:0;
  }
  .office-console-shell.has-global-navigation .rail :is(.rail-top,.remote-brand-row)>.office-navigation-toggle {
    position:static;inset:auto;transform:none;grid-column:1;grid-row:1;
    width:44px;height:44px;min-width:44px;min-height:44px;justify-self:start;margin:0;
  }
  .office-console-shell.has-global-navigation .rail :is(.rail-top,.remote-brand-row)>.brand {
    grid-column:2;grid-row:1;box-sizing:border-box;min-width:0;width:100%;max-width:100%;
    justify-self:center;padding:0;margin:0;
  }
  .office-console-shell.has-global-navigation .rail :is(.rail-top,.remote-brand-row) .company-logo {
    max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain;
  }
  /* Same layout in the narrowed drawer. No 34px padding competing with 44px menu. */
  .office-console-shell.has-global-navigation.office-navigation-open .rail :is(.rail-top,.remote-brand-row) {padding:0}
}

/* Same verified brand in the stationary navigation underlay and moving header. */
.office-drawer-brand {display:none}
@media(max-width:820px) {
 .office-drawer-brand {display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:44px}
 .office-drawer-brand .brand.company-brand {display:flex;align-items:center;justify-content:center;min-width:0;width:100%;margin:0;padding:0}
 .office-drawer-brand .company-logo {display:block;max-width:100%;max-height:40px;width:auto;height:auto;object-fit:contain}
}