/**
 * 主题色变量层 + layui 组件主色覆盖层（仿 Pear Admin 机制，不修改 layui.css 源文件）
 *
 * 【引入顺序】必须在 layui.css 之后引入，靠级联后者胜出；layui 原规则带 !important 的
 *            此处同样保留 !important（由 tools_gen_theme.js 从源文件精确提取）
 * 【换色原理】以下规则只声明颜色属性，值全部走 CSS 变量；页面右上角主题面板通过
 *            document.documentElement.style.setProperty() 覆写变量即时生效
 * 【维护提示】这是白名单机制：新引入未覆盖的 layui 组件时该组件主色不跟随变化，
 *            需重跑 node tools_gen_theme.js 重新生成（源色值 #16baaa/#16b777/rgba(22,183,119,x)）
 * 【勿删按钮变体】layui-btn-primary/normal/warm/danger/disabled 的颜色声明也在此重放（不含主色），
 *            它们与 .layui-btn 同特异性、靠源码顺序取胜；删掉就会让白底/蓝/橙/红按钮全部被主色吞掉
 */
:root {
  --main: #37b367;
  --main-hover: #4bc87b;
  --main-active: #27804a;
  --main-bg: #effbf3;
  --main-border: #a8e6c0;
  --main-rgb: 55, 179, 103;
}
.layui-bg-green{ background-color:var(--main)!important }
.layui-border-green{ border-color:var(--main)!important; color:var(--main)!important }
.layui-font-green{ color:var(--main)!important }
.layui-btn{ background-color:var(--main) }
.layui-btn-primary{ border-color:#d2d2d2; background:0 0; color:#5f5f5f }
.layui-btn-primary:hover{ border-color:var(--main) }
.layui-btn-normal{ background-color:#1e9fff }
.layui-btn-warm{ background-color:#ffb800 }
.layui-btn-danger{ background-color:#ff5722 }
.layui-btn-checked{ background-color:var(--main) }
.layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{ border-color:#eee!important; background-color:#fbfbfb!important; color:#d2d2d2!important; opacity:1 }
.layui-btn-group .layui-btn-primary:hover{ color:var(--main) }
.layui-input:focus,.layui-textarea:focus{ border-color:var(--main)!important; box-shadow:0 0 0 3px rgba(var(--main-rgb),.08) }
.layui-input-wrap .layui-input:focus+.layui-input-split{ border-color:var(--main) }
.layui-form-select dl dd.layui-this{ color:var(--main) }
.layui-form-checked,.layui-form-checked:hover{ border-color:var(--main) }
.layui-form-checked:hover>div,.layui-form-checked>div{ background-color:var(--main) }
.layui-form-checked:hover>i,.layui-form-checked>i{ color:var(--main) }
.layui-form-checkbox[lay-skin=primary]:hover>i{ border-color:var(--main) }
.layui-form-checked[lay-skin=primary]>i{ border-color:var(--main)!important; background-color:var(--main) }
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{ border-color:var(--main) }
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{ background-color:var(--main) }
.layui-form-onswitch{ border-color:var(--main); background-color:var(--main) }
.layui-form-radio:hover>*,.layui-form-radioed,.layui-form-radioed>i{ color:var(--main) }
.layui-laypage a:hover{ color:var(--main) }
.layui-laypage .layui-laypage-curr .layui-laypage-em{ background-color:var(--main) }
.layui-laypage input:focus,.layui-laypage select:focus{ border-color:var(--main)!important }
.layui-table-view .layui-table td[data-edit]:hover:after{ border:1px solid var(--main) }
.layui-table-edit:focus{ border-color:var(--main)!important }
.layui-table-cell-c:hover{ border-color:var(--main) }
.layui-menu .layui-menu-item-checked,.layui-menu .layui-menu-item-checked2{ color:var(--main) }
.layui-menu .layui-menu-item-checked a,.layui-menu .layui-menu-item-checked2 a{ color:var(--main) }
.layui-menu .layui-menu-item-checked:after{ border-right:3px solid var(--main) }
.layui-menu-lg .layui-menu-body-title a:hover,.layui-menu-lg li:hover{ color:var(--main) }
.layui-nav .layui-this:after,.layui-nav-bar{ background-color:var(--main) }
.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{ background-color:var(--main) }
.layui-nav-tree .layui-nav-bar{ background-color:var(--main) }
.layui-nav.layui-bg-gray .layui-this a{ color:var(--main) }
.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this,.layui-nav-tree.layui-bg-gray .layui-nav-child dd.layui-this a,.layui-nav-tree.layui-bg-gray .layui-this,.layui-nav-tree.layui-bg-gray .layui-this>a{ color:var(--main)!important }
.layui-nav-tree.layui-bg-gray .layui-nav-bar{ background-color:var(--main) }
.layui-breadcrumb a:hover{ color:var(--main)!important }
.layui-tab-brief>.layui-tab-title .layui-this{ color:var(--main) }
.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{ border-bottom:2px solid var(--main) }
.layui-tab-card>.layui-tab-more .layui-this{ color:var(--main) }
.layui-laydate-footer span:hover{ color:var(--main) }
.layui-laydate-header i:hover,.layui-laydate-header span:hover{ color:var(--main) }
.layui-laydate-content td.laydate-day-now{ color:var(--main) }
.layui-laydate-content td.laydate-day-now:after{ border:1px solid var(--main) }
.laydate-day-mark::after{ background-color:var(--main) }
.layui-laydate-footer span[lay-type=date]{ color:var(--main) }
.layui-laydate .layui-this,.layui-laydate .layui-this>div{ background-color:var(--main)!important }
.laydate-theme-molv .layui-laydate-header{ background-color:var(--main) }
.laydate-theme-molv .layui-this,.laydate-theme-molv .layui-this>div{ background-color:var(--main)!important }
.layui-laydate-linkage.laydate-theme-grid .laydate-selected,.layui-laydate-linkage.laydate-theme-grid .laydate-selected:hover{ color:var(--main)!important }
.layui-layer-dialog .layui-layer-content .layui-icon-success{ color:var(--main) }
.layui-layer-dialog .layui-layer-content .layui-icon-face-smile{ color:var(--main) }