@import "tailwindcss";

/* 启用 dark 变体，基于 .dark 类 */
@custom-variant dark (&:where(.dark, .dark *));

@import "./theme/index.css";
@import "./tailwind.css";
@plugin "@tailwindcss/typography";

.bg {
  background: linear-gradient(180deg, #EFF6FF 0%, #F5F7FA 40%);
}

* {
  user-select: none;
}

body,
#app {
  overflow: hidden;
}

body {
  font-size: 16px;
  line-height: 1.6;
  height: 100vh;
  width: 100vw;
}

#app {
  height: 100%;
  width: 100%;
  background-color: var(--bg-secondary);
}

.no-drag {
  -webkit-app-region: no-drag;
}

.drag-region {
  -webkit-app-region: drag;
}

.dialog-overlay {
  opacity: 0;
  transition: opacity 0.8s ease;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;

  &.show {
    opacity: 1;
  }
}

.zn-table {
  margin-top: 15px;
  border-radius: 10px;
  border: 1px solid #E5E8EE;
}

.el-table {
  margin-top: 0 !important;
}

.el-table th.el-table__cell {
  background-color: #F5F7FA !important;
}

.el-dialog {
  padding: 0 !important;
  border-radius: 20px !important;
}

.el-dialog__header {
  padding: 16px 20px !important;
  border-bottom: 1px solid #E5E8EE;
}

.el-dialog__title {
  font-weight: 600;
  font-size: 14px;
  color: #171717;
}

.el-dialog__close {
  font-size: 14px;
  font-weight: 600;
  color: #525866;
}

.dialog-footer {
  padding: 16px 20px !important;
  border-top: 1px solid #E5E8EE;
}

.dialog-footer .el-button {
  border-radius: 8px !important;
  padding: 8px 10px !important;
  font-weight: 500;
  font-size: 14px;
}

.dialog-footer .el-button--primary {
  background: #2B7FFF !important;
  border-color: #2B7FFF !important;
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:before,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:before {
  content: "" !important;
  margin-left: 0px !important;
}

.el-form-item__label {
  font-weight: 400;
  font-size: 14px !important;
  color: #171717 !important;
}

.el-input__wrapper {
  border-radius: 8px !important;
  /* border: 1px solid #E5E8EE; */
}

.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk).asterisk-left>.el-form-item__label-wrap>.el-form-item__label:after {
  content: "*";
  color: #FF4949;
  margin-left: 3px;
}

.el-icon {
  width: 20px !important;
  height: 20px !important; 
}