/*
 * Copyright (c) 2010, 2025 BSI Business Systems Integration AG
 *
 * This program and the accompanying materials are made
 * available under the terms of the Eclipse Public License 2.0
 * which is available at https://www.eclipse.org/legal/epl-2.0/
 *
 * SPDX-License-Identifier: EPL-2.0
 */
.desktop-tab-area.position-top {

  & > .simple-overflow-tab-item {
    @desktop-overflow-tab-margin-bottom: @desktop-tab-margin-right * 2;

    border-radius: @view-tab-border-radius; // Use smaller border radius, so it fits nicely into the inverted border radius of the last tab if it is selected
    margin: @desktop-tab-margin-top + @desktop-overflow-tab-margin-bottom @desktop-tab-margin-right @desktop-overflow-tab-margin-bottom;
    background-color: @desktop-tab-background-color;
    border: @desktop-tab-border-width solid @desktop-tab-border-color;

    &:hover {
      background-color: @desktop-tab-hover-background-color;
      border-color: transparent;
    }

    &.selected {
      background-color: @desktop-tab-hover-background-color;
      border-color: transparent;
    }

    &:focus {
      #scout.focus-box-shadow();
    }
  }
}