/**
 * theme.css — 主题变量
 * 国际货代物流管理系统 finland.murop.com
 * 主色: #1E6FFF（深蓝，专业物流）
 * 通过 CSS 变量覆盖 Layui 默认主题；必要时补充选择器覆盖。
 */
:root {
  /* 主色系 */
  --global-main-color: #1E6FFF;
  --global-main-color-hover: #1460e6;
  --global-main-color-active: #0f54cc;
  --global-main-color-light: #eaf1ff;
  --global-main-color-border: #9cc0ff;

  /* 功能色（与 PRD 7.2 一致） */
  --global-success-color: #52C41A;
  --global-success-bg: #E8F7E4;
  --global-warning-color: #FAAD14;
  --global-warning-bg: #FFF7E6;
  --global-danger-color: #F5222D;
  --global-danger-bg: #FFF1F0;
  --global-info-color: #1E6FFF;
  --global-info-bg: #EAF1FF;
  --global-muted-color: #BFBFBF;
  --global-muted-bg: #F5F5F5;

  /* 中性色 */
  --global-text-color: #333333;
  --global-text-secondary: #666666;
  --global-text-muted: #999999;
  --global-border-color: #E5E6EB;
  --global-bg-color: #F5F6F8;
  --global-card-bg: #FFFFFF;

  /* 尺寸 */
  --global-radius: 2px;
  --global-font-size: 13px;
  --global-table-font-size: 12px;
  --global-line-height: 1.5;
}

/* ============ Layui 主题覆盖 ============ */

/* 主按钮 */
.layui-btn {
  background-color: var(--global-main-color);
  border-radius: var(--global-radius);
}
.layui-btn:hover {
  background-color: var(--global-main-color-hover);
}
.layui-btn:active {
  background-color: var(--global-main-color-active);
}
.layui-btn-primary {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  color: var(--global-text-color);
}
.layui-btn-primary:hover {
  border-color: var(--global-main-color);
  color: var(--global-main-color);
}
.layui-btn-danger {
  background-color: var(--global-danger-color);
}
.layui-btn-danger:hover {
  background-color: #d81e29;
}
.layui-btn-normal {
  background-color: var(--global-main-color);
}

/* 链接 */
.layui-table a,
a.link-primary {
  color: var(--global-main-color);
}
a.link-primary:hover {
  color: var(--global-main-color-hover);
}

/* 表单控件聚焦 */
.layui-form-item .layui-input:focus,
.layui-form-item .layui-textarea:focus {
  border-color: var(--global-main-color) !important;
}
.layui-input:focus,
.layui-textarea:focus {
  border-color: var(--global-main-color) !important;
}

/* 下拉选中 */
.layui-form-select dl dd.layui-this {
  background-color: var(--global-main-color);
}
.layui-form-checked[lay-skin="primary"] i {
  border-color: var(--global-main-color) !important;
  background-color: var(--global-main-color);
}
.layui-form-checkbox[lay-skin="primary"]:hover i {
  border-color: var(--global-main-color);
}

/* 单选 */
.layui-form-radio > i:hover,
.layui-form-radioed > i {
  color: var(--global-main-color);
}

/* 开关 */
.layui-form-switch.layui-form-onswitch {
  border-color: var(--global-main-color);
  background-color: var(--global-main-color);
}

/* 分页高亮 */
.layui-laypage .layui-laypage-curr .layui-laypage-em {
  background-color: var(--global-main-color);
}
.layui-laypage a:hover {
  color: var(--global-main-color);
}
.layui-laypage a.layui-laypage-curr {
  color: var(--global-main-color);
}

/* 表格选中行、hover */
.layui-table-view .layui-table-body tr:hover {
  background-color: #F7FAFF;
}
.layui-table-view .layui-table-main tr.layui-table-click {
  background-color: var(--global-main-color-light);
}
.layui-table-view .layui-table-header th {
  color: #333;
  font-weight: 600;
}

/* Tab 选中 */
.layui-tab-title .layui-this {
  color: var(--global-main-color);
}
.layui-tab-title .layui-this:after {
  border-bottom-color: var(--global-main-color);
}

/* 进度条 */
.layui-progress-bar {
  background-color: var(--global-main-color);
}

/* 时间线当前节点 */
.layui-timeline-item:before {
  background-color: var(--global-main-color);
}

/* layer 弹窗标题 */
.layui-layer-title {
  background-color: #fff;
  color: #333;
  border-bottom: 1px solid var(--global-border-color);
}