/* ============================================================================
 * 快点云 · 全局主题（第36轮：逐字回收自线上）
 * ----------------------------------------------------------------------------
 * 来源：线上 `/opt/wordniu-web/kuaiyun-web/assets/main-rS47WlRe.css`
 *       （358,884 B；其中前 352,465 B 是 element-plus 默认皮肤，
 *         从第 352,465 字节起是**应用自己的全局 CSS**，本文件就是这一段，共 68 条规则）
 *
 * 它做了什么：
 *   · 把主题色从 Element Plus 默认的蓝 `#409eff` 换成**靛蓝 `#4f46e5`**，
 *     并重算 primary-light-3/5/7/8/9 / dark-2 整条色阶；
 *   · 文字四级色、边框三级色、填充色换成偏冷的灰；
 *   · 字号基准 13px、控件高度 28px、圆角 6px；
 *   · 表格/按钮/输入框/标签/弹窗/分页/卡片/消息 的全局尺寸微调；
 *   · 滚动条换成细灰条；
 *   · 一套移动端（≤768px）与中屏（769–1200px）断点；
 *   · 布局尺寸变量 --sidebar-width / --sidebar-collapsed-width / --header-height / --main-padding
 *     （这几个第35轮已经在 src/assets/main.css 里加过同值版本，这里是线上原版，值一致）。
 *
 * ⚠️⚠️ 为什么它必须**晚于** element-plus 的 CSS 加载：
 *   本文件与 EP 都在 `:root` 上定义 `--el-color-primary`，**优先级相同**，
 *   谁在文档里靠后谁生效。本地构建产物的顺序是
 *       <link ... main-*.css>   ← 应用（src/assets/main.css）
 *       <link ... index-*.css>  ← element-plus
 *   即 **EP 在后面**，所以把主题写进 main.css 会被 EP 覆盖掉。
 *   因此本文件是通过 index.html 里一个**放在 <body> 中的 <link>** 引入的
 *   （body 在 head 之后 → 本文件最后加载 → 生效）。
 *   线上也是同样的道理：它的主题在第二份运行时注入的入口 CSS 里，天然靠后。
 *
 * 回滚：删掉 index.html 里那一行 <link ... theme.css> 即可，本文件可原样保留。
 * ========================================================================= */

:root {
  --el-color-primary: #4f46e5;
  --el-color-primary-light-3: #7c74ed;
  --el-color-primary-light-5: #a7a1f1;
  --el-color-primary-light-7: #d1cef7;
  --el-color-primary-light-8: #e4e2fa;
  --el-color-primary-light-9: #f2f1fd;
  --el-color-primary-dark-2: #3f38b8;
  --el-color-success: #10b981;
  --el-color-warning: #f59e0b;
  --el-color-danger: #ef4444;
  --el-text-color-primary: #1f2937;
  --el-text-color-regular: #4b5563;
  --el-text-color-secondary: #6b7280;
  --el-text-color-placeholder: #9ca3af;
  --el-border-color: #e5e7eb;
  --el-border-color-light: #f3f4f6;
  --el-border-color-lighter: #f9fafb;
  --el-fill-color: #f3f4f6;
  --el-fill-color-light: #f9fafb;
  --el-border-radius-base: 6px;
  --el-border-radius-small: 4px;
  --el-border-radius-round: 16px;
  --el-border-radius-circle: 50%;
  --el-font-size-base: 13px;
  --el-font-size-small: 12px;
  --el-font-size-large: 14px;
  --el-component-size: 28px;
  --el-component-size-small: 24px;
  --el-component-size-large: 36px;
  --el-component-size-extra-large: 40px;
  --el-button-height: 28px;
  --el-button-height-small: 24px;
  --el-button-height-large: 36px;
  --el-button-height-extra-large: 40px;
  --el-input-height: 28px;
  --el-input-height-small: 24px;
  --el-input-height-large: 36px;
  --el-input-height-extra-large: 40px;
  --el-select-height: 28px;
  --el-tag-height: 22px;
  --el-table-header-cell-height: 36px;
  --el-table-row-height: 40px;
  --sidebar-width: 220px;
  --sidebar-collapsed-width: 64px;
  --header-height: 48px;
  --main-padding: 16px;
  --el-transition-duration: .2s
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box
}
html,body {
  width:100%;
  height:100%;
  overflow:hidden;
  font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:var(--el-font-size-base);
  color:var(--el-text-color-regular);
  background-color:#f5f6f8;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
#app {
  width:100%;
  height:100%
}
.el-table {
  font-size:13px;
  --el-table-font-size: 13px;
  --el-table-header-font-size: 13px;
  --el-table-row-hover-bg-color: var(--el-color-primary-light-9);
  --el-table-border-color: #f3f4f6
}
.el-table th.el-table__cell {
  background-color:#f9fafb!important;
  color:var(--el-text-color-primary);
  font-weight:600;
  padding:6px 0!important;
  font-size:13px
}
.el-table td.el-table__cell {
  padding:2px 0!important
}
.el-table .cell {
  padding-left:10px!important;
  padding-right:10px!important;
  line-height:1.3!important;
  white-space:normal;
  word-break:break-all
}
.el-button {
  font-size:13px;
  padding:5px 12px
}
.el-button--small {
  font-size:12px;
  padding:3px 8px
}
.el-input__wrapper {
  border-radius:var(--el-border-radius-base)
}
.el-form-item__label {
  font-size:13px;
  color:var(--el-text-color-regular)
}
.el-tag {
  font-size:12px;
  padding:0 8px;
  height:24px;
  line-height:22px;
  border-radius:4px
}
.el-dialog {
  border-radius:10px
}
.el-dialog__header {
  padding:16px 20px 12px;
  border-bottom:1px solid var(--el-border-color-lighter)
}
.el-dialog__title {
  font-size:15px;
  font-weight:600;
  color:var(--el-text-color-primary)
}
.el-dialog__body {
  padding:16px 20px
}
.el-dialog__footer {
  padding:12px 20px 16px;
  border-top:1px solid var(--el-border-color-lighter)
}
.el-pagination {
  font-size:13px
}
.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li {
  min-width:30px;
  height:30px;
  line-height:28px;
  font-size:13px
}
.el-card {
  border-radius:8px;
  box-shadow:0 1px 2px #0000000a;
  border-color:var(--el-border-color-lighter)
}
.el-card__header {
  padding:12px 16px;
  border-bottom-color:var(--el-border-color-lighter)
}
.el-card__body {
  padding:16px
}
.el-message {
  border-radius:8px;
  box-shadow:0 4px 12px #00000014
}
::-webkit-scrollbar {
  width:6px;
  height:6px
}
::-webkit-scrollbar-track {
  background:transparent;
  border-radius:3px
}
::-webkit-scrollbar-thumb {
  background:#d1d5db;
  border-radius:3px
}
::-webkit-scrollbar-thumb:hover {
  background:#9ca3af
}
.fade-enter-active,.fade-leave-active {
  transition:opacity .2s ease
}
.fade-enter-from,.fade-leave-to {
  opacity:0
}
.page-container {
  background:#fff;
  border-radius:8px;
  padding:16px;
  box-shadow:0 1px 2px #0000000a
}
.text-primary {
  color:var(--el-color-primary)
}
.text-success {
  color:var(--el-color-success)
}
.text-warning {
  color:var(--el-color-warning)
}
.text-danger {
  color:var(--el-color-danger)
}
.flex-center {
  display:flex;
  align-items:center;
  justify-content:center
}
.flex-between {
  display:flex;
  align-items:center;
  justify-content:space-between
}
@media screen and (max-width:768px) {
  :root {
    --sidebar-width: 64px;
    --main-padding: 10px
  }
  .el-table th.el-table__cell,.el-table td.el-table__cell {
    padding:6px 0!important
  }
  .el-dialog {
    width:94%!important;
    margin:4vh auto!important
  }
  .el-dialog__body {
    max-height:72vh;
    overflow-y:auto;
    padding:12px 14px!important
  }
  .el-dialog__header {
    padding:12px 14px!important
  }
  .el-dialog__footer {
    padding:10px 14px!important
  }
  .el-message-box {
    width:88%!important
  }
  .el-row {
    flex-wrap:wrap
  }
  .el-row .el-col {
    max-width:100%!important;
    flex:0 0 100%!important
  }
  .el-form-item {
    display:block!important;
    margin-bottom:14px!important
  }
  .el-form-item__label {
    width:auto!important;
    justify-content:flex-start!important;
    text-align:left!important;
    padding:0 0 4px!important;
    line-height:1.4!important
  }
  .el-form-item__content {
    margin-left:0!important
  }
  .el-form-item__content>.el-select,.el-form-item__content>.el-input,.el-form-item__content>.el-date-editor,.el-form-item__content>.el-cascader {
    width:100%!important
  }
  .el-table {
    font-size:12px
  }
  .el-table .cell {
    padding:0 6px;
    line-height:1.4
  }
  .el-pagination {
    flex-wrap:wrap;
    justify-content:center;
    row-gap:4px;
    margin-top:10px
  }
  .el-pagination .el-pagination__jump,.el-pagination .el-pagination__total {
    display:none
  }
  .el-pagination button,.el-pagination .el-pager li {
    min-width:28px;
    height:28px;
    line-height:28px
  }
  .el-card__body {
    padding:12px!important
  }
  .el-button+.el-button {
    margin-left:8px
  }
  .el-tabs__nav-wrap {
    overflow-x:auto
  }
  .el-tabs__nav-wrap:after {
    display:none
  }
  .el-descriptions {
    --el-descriptions-item-bordered-label-background: #fafafa
  }
  .el-descriptions__body .el-descriptions__table {
    display:block
  }
  .el-descriptions__body tbody,.el-descriptions__body tr,.el-descriptions__body th,.el-descriptions__body td {
    display:block;
    width:100%!important;
    box-sizing:border-box
  }
  .el-descriptions__body .el-descriptions__cell {
    padding:6px 10px!important
  }
  .el-descriptions__label.el-descriptions__cell {
    border-bottom:none!important;
    padding-bottom:0!important
  }
  .el-descriptions__content.el-descriptions__cell {
    border-top:none!important;
    padding-top:2px!important
  }
  .page-container {
    padding:12px
  }
}
@media screen and (min-width:769px)and (max-width:1200px) {
  :root {
    --sidebar-width: 200px;
    --main-padding: 12px
  }
}
@media screen and (min-width:1921px) {
  :root {
    --el-font-size-base: 13px
  }
}