/********************************************************************************
 * Copyright (c) 2023, 2024 Contributors to the Eclipse Foundation
 *
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 *
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 *
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/
@use 'element-plus/theme-chalk/dark/css-vars.css' as *;

:root {
  --ej-container-padding: 12px;
  --ej-layout-margin: 12px;
  --ej-header-height: 50px;

  --el-menu-base-level-padding: 16px !important;
}

*,
::before,
::after {
  box-sizing: border-box;
}

body {
  overscroll-behavior: none;

  margin: 0;

  background-color: var(--el-bg-color-page);
  color: var(--el-text-color-primary);

  font-family: Inter, 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--el-color-primary);
  text-decoration: none;
}

.ej-common-view-div {
  background-color: var(--el-bg-color);
  height: 100%;
  padding: 15px;
  border-radius: var(--el-border-radius-base);
  overflow: hidden;
}

.ej-tab {
  height: 100%;
}

.ej-tab > .el-tabs__content {
  height: calc(100% - 55px);
  overflow: hidden;
}

.ej-tab > .el-tabs__content > .el-tab-pane {
  height: 100%;
  overflow: hidden;
}

.ej-icon {
  color: var(--el-text-color-regular) !important;
}

.ej-icon:hover {
  color: var(--el-color-primary-light-1) !important;
}

.ej-header-button {
  padding: 0 !important;
  font-weight: 400 !important;
  border: 0 !important;
}

.ej-ellipsis-text {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.v-contextmenu {
  background-color: var(--el-bg-color-overlay) !important;
  border: 1px solid var(--el-border-color-light) !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  border-radius: 0 !important;
}

.v-contextmenu-item {
  color: var(--el-text-color-regular) !important;
  padding: 5px 20px !important;
  font-size: 12px;
}

.v-contextmenu-submenu__title {
  padding-right: 20px !important;
}

.v-contextmenu-item:hover {
  color: var(--el-menu-hover-text-color) !important;
  background-color: var(--el-menu-hover-bg-color) !important;
}

.v-contextmenu-item--hover {
  color: var(--el-menu-hover-text-color) !important;
  background-color: var(--el-menu-hover-bg-color) !important;
}

.v-contextmenu-divider {
  border-bottom: 1px solid var(--el-border-color) !important;
}

.clickable {
  cursor: pointer;
  color: var(--el-color-primary);
}
