/* Accounting shell: stabiler Desktop-Reflow ohne Button-Ueberlagerungen. */
@media (min-width: 761px) {
  .accounting-nav-toggle {
    width: auto;
    min-width: 108px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    padding: 0 0.72rem;
    font-size: 0.9rem;
    font-weight: 750;
    white-space: nowrap;
    border-color: var(--button-secondary-border);
    border-radius: var(--button-radius);
    background: var(--button-secondary-background);
    box-shadow: var(--shadow-button);
    color: var(--button-secondary-color);
  }

  .accounting-nav-toggle:hover,
  .accounting-nav-toggle:focus-visible {
    border-color: var(--button-secondary-border);
    background: var(--button-secondary-background);
    color: var(--button-secondary-color);
  }

  .accounting-nav-toggle__mobile-icon {
    display: none;
  }

  .accounting-nav-toggle__desktop-label,
  .accounting-nav-toggle__desktop-chevron {
    display: inline;
  }

  .accounting-nav-toggle__desktop-chevron {
    font-size: 0.78rem;
  }

  .accounting-header__actions {
    margin-left: 0.55rem;
  }

  @container accounting-header (max-width: 1040px) {
    .accounting-header__grid {
      min-height: auto;
      grid-template-columns: max-content max-content max-content max-content minmax(0, 1fr) max-content max-content;
      grid-template-areas:
        "menu account theme motion brand logout actions"
        "notify nav nav nav nav nav nav"
        "search search search search search search search";
      column-gap: 0.55rem;
      row-gap: 0.55rem;
    }

    .accounting-brand {
      justify-content: center;
    }

    .accounting-brand__mark {
      width: 126px;
    }

    .accounting-nav {
      width: 100%;
      justify-content: flex-start;
      flex-wrap: nowrap;
    }

    .notification-indicator {
      justify-self: center;
    }

    .accounting-search-row {
      width: min(100%, 720px);
      justify-self: center;
    }
  }

  @container accounting-header (max-width: 840px) {
    .accounting-header__grid {
      padding-inline: 0.7rem;
      column-gap: 0.42rem;
    }

    .accounting-nav-toggle {
      min-width: 102px;
      padding-inline: 0.58rem;
    }

    .accounting-auth-button {
      min-width: 68px;
      padding-inline: 0.7rem;
    }

    .accounting-brand__mark {
      width: 112px;
    }

    .accounting-nav__button {
      padding-inline: 0.58rem;
    }
  }
}