/*
 * 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
 */
.simple-tab-box {
  position: absolute;
  min-width: @bench-view-min-width;
  min-height: @bench-view-min-height;

  & > .simple-tab-area {
    position: absolute;

    &.position-top,
    &.position-bottom {
      height: @desktop-header-height;
    }

    &.position-right,
    &.position-left {
      height: 100%;
    }

    /* Has the same effect as "border-bottom: 1px solid @border-color", but is over-drawable by child */
    /* elements (such as the selected view-tab). The border would not be, because of "overflow: hidden". */

    &::before {
      content: '';
      background-color: @border-color;
      position: absolute;
    }

    &.position-top::before,
    &.position-bottom::before {
      width: 100%;
      height: 1px;
      left: 0;
    }

    &.position-top::before {
      top: calc(~'100% - 1px');
    }

    &.position-bottom::before {
      bottom: calc(~'100% - 1px');
    }

    &.position-right::before,
    &.position-left::before {
      width: 1px;
      height: 100%;
      top: 0;
    }

    &.position-right::before {
      right: calc(~'100% - 1px');
    }

    &.position-left::before {
      left: calc(~'100% - 1px');
    }
  }

  & > .tab-content {
    position: absolute;
    background-color: @background-color;
  }
}