/* Authoritative company workspace shell.
   This file loads after page styles so the navigation and content geometry do
   not diverge between dashboard, lists, and focused editors. */

@media (min-width: 961px) {
  body.company-shell {
    --eb-shell-gutter: 24px;
    --eb-content-left: calc(var(--eb-nav-width) + 28px);
    --eb-content-max-width: 105rem;
  }

  body.company-shell.eb-content-standard { --eb-content-max-width: 90rem; }
  body.company-shell.eb-content-focused { --eb-content-max-width: 90rem; }
  body.company-shell.eb-content-wide { --eb-content-max-width: 105rem; }

  .company-shell .navbar,
  .company-shell .nav-links,
  .company-shell .nav-items,
  .company-shell .nav-support {
    width: var(--eb-nav-width);
  }

  .company-shell .nav-items a:not(.btn),
  .company-shell .nav-support a,
  .eb-dashboard-shell .nav-items a:not(.btn),
  .eb-dashboard-shell .nav-support a {
    width: var(--eb-nav-width);
    min-height: var(--eb-nav-row-height);
    grid-template-columns: var(--eb-nav-icon-size) minmax(0, 1fr);
    column-gap: var(--eb-nav-column-gap);
    padding-inline: 16px;
    font-size: var(--eb-type-nav);
    line-height: 1.35;
  }

  .company-shell .nav-items a .nav-icon,
  .company-shell .nav-support a .nav-icon,
  .company-shell .nav-items a > .nav-icon,
  .company-shell .nav-support a > .nav-icon,
  .eb-dashboard-shell .nav-items a .nav-icon,
  .eb-dashboard-shell .nav-support a .nav-icon {
    width: var(--eb-nav-icon-size);
    height: var(--eb-nav-icon-size);
    max-width: var(--eb-nav-icon-size);
    max-height: var(--eb-nav-icon-size);
  }

  .company-shell .nav-support,
  .company-shell:not(.eb-dashboard-shell) .nav-support,
  .eb-dashboard-shell .nav-support {
    left: 2px;
    gap: 4px;
  }

  .company-shell:not(.eb-dashboard-shell) .nav-support a {
    display: grid;
    padding-inline: 16px;
  }

  .company-shell:not(.eb-dashboard-shell) .nav-support a .nav-icon {
    position: static;
  }

  .company-shell:not(.eb-dashboard-shell) .brand-word {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
  }

  .company-shell:not(.eb-dashboard-shell) .nav-items a:not(.btn)::before {
    display: none !important;
    content: none !important;
  }

  .company-shell:not(.eb-dashboard-shell) .nav-items a:not(.btn).nav-active {
    background: rgba(13,14,16,.05) !important;
    color: #0D0E10 !important;
  }

  .company-shell:not(.eb-dashboard-shell) .nav-items a:not(.btn).nav-active::after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 4px;
    height: 16px;
    border-radius: 3px;
    background: #0D0E10;
    content: "";
    transform: translateY(-50%);
  }

  .company-shell .company-content,
  .eb-dashboard-shell .company-content {
    width: min(var(--eb-content-max-width), calc(100vw - var(--eb-content-left) - 48px));
    max-width: none;
    margin-left: var(--eb-content-left);
    padding: 0;
  }

  /* Keep every workspace view on the first navigation-row baseline. */
  .company-shell .eb-dash-hero,
  .company-shell .people-page,
  .company-shell .places-page,
  .company-shell .audio-hub,
  .company-shell .journey-page {
    margin-top: 0;
  }
}