/* Element UI style skin (CSS-only)
 * - For JSP + jQuery + Bootstrap 3 projects
 * - No DOM changes, no JS changes
 */

:root{
  --el-color-primary:#409EFF;
  --el-color-success:#67C23A;
  --el-color-warning:#E6A23C;
  --el-color-danger:#F56C6C;
  --el-color-info:#909399;

  --el-text-primary:#303133;
  --el-text-regular:#606266;
  --el-text-secondary:#909399;
  --el-text-placeholder:#C0C4CC;

  --el-border-base:#DCDFE6;
  --el-border-light:#E4E7ED;
  --el-border-lighter:#EBEEF5;
  --el-border-extra-light:#F2F6FC;

  --el-fill-blank:#FFFFFF;
  --el-fill-light:#F5F7FA;
  --el-fill-lighter:#FAFAFA;

  --el-radius-base:4px;
  --el-radius-round:20px;

  --el-shadow-light:0 2px 4px rgba(0,0,0,.04);
  --el-shadow-base:0 6px 16px -8px rgba(0,0,0,.12);
}

/* ------------------------------ Base ------------------------------ */
html,body{
  color:var(--el-text-primary);
}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:14px;
  line-height:1.5;
  background:var(--el-fill-light);
}

a{
  color:var(--el-text-regular);
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease;
}
a:hover,a:focus{
  color:var(--el-color-primary);
}

::selection{
  background:rgba(64,158,255,.25);
}

/* ------------------------------ Typography ------------------------------ */
h1,h2,h3,h4,h5,h6{
  color:var(--el-text-primary);
}

.text-muted{
  color:var(--el-text-secondary);
}

/* ------------------------------ Buttons (Bootstrap) ------------------------------ */
.btn{
  border-radius:var(--el-radius-base);
  border:1px solid var(--el-border-base);
  background:var(--el-fill-blank);
  color:var(--el-text-regular);
  height:32px;
  line-height:30px;
  padding:0 15px;
  font-size:14px;
  box-shadow:none;
  transition:color .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .1s ease;
}
.btn:hover,.btn:focus{
  outline:none;
  box-shadow:none;
}

.btn.btn-default:hover,
.btn.btn-default:focus{
  color:var(--el-color-primary);
  border-color:#c6e2ff;
  background:#ecf5ff;
}

.btn.btn-primary{
  color:#fff;
  background:var(--el-color-primary);
  border-color:var(--el-color-primary);
}
.btn.btn-primary:hover,.btn.btn-primary:focus{
  background:#66b1ff;
  border-color:#66b1ff;
}
.btn.btn-primary:active,.btn.btn-primary.active{
  background:#3a8ee6;
  border-color:#3a8ee6;
}

.btn.btn-success{ color:#fff; background:var(--el-color-success); border-color:var(--el-color-success); }
.btn.btn-success:hover,.btn.btn-success:focus{ background:#85ce61; border-color:#85ce61; }
.btn.btn-success:active,.btn.btn-success.active{ background:#5daf34; border-color:#5daf34; }

.btn.btn-warning{ color:#fff; background:var(--el-color-warning); border-color:var(--el-color-warning); }
.btn.btn-warning:hover,.btn.btn-warning:focus{ background:#ebb563; border-color:#ebb563; }
.btn.btn-warning:active,.btn.btn-warning.active{ background:#cf9236; border-color:#cf9236; }

.btn.btn-danger{ color:#fff; background:var(--el-color-danger); border-color:var(--el-color-danger); }
.btn.btn-danger:hover,.btn.btn-danger:focus{ background:#f78989; border-color:#f78989; }
.btn.btn-danger:active,.btn.btn-danger.active{ background:#dd6161; border-color:#dd6161; }

.btn.btn-info{ color:#fff; background:var(--el-color-info); border-color:var(--el-color-info); }
.btn.btn-info:hover,.btn.btn-info:focus{ background:#a6a9ad; border-color:#a6a9ad; }
.btn.btn-info:active,.btn.btn-info.active{ background:#82848a; border-color:#82848a; }

.btn[disabled],.btn.disabled{
  opacity:1;
  cursor:not-allowed;
  color:var(--el-text-placeholder);
  background:var(--el-fill-light);
  border-color:var(--el-border-light);
}

/* Login page: non-bootstrap button */
input.register,
input[type="button"].register{
  width:100%;
  height:44px;
  border:none;
  border-radius:var(--el-radius-base);
  background:var(--el-color-primary);
  color:#fff;
  font-size:15px;
  transition:background-color .2s ease;
}
input.register:hover,
input[type="button"].register:hover{
  background:#66b1ff;
}

/* ------------------------------ Forms ------------------------------ */
.form-control,
.form-control1,
select.form-control,
textarea.form-control{
  border-radius:var(--el-radius-base);
  border:1px solid var(--el-border-base);
  box-shadow:none;
  color:var(--el-text-regular);
  font-size:14px;
  transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}

.form-control,
.form-control1,
select.form-control{
  height:40px;
  padding:0 15px;
}

textarea.form-control{
  padding:8px 15px;
  min-height:80px;
}

.form-control::placeholder,
.form-control1::placeholder,
textarea.form-control::placeholder{
  color:var(--el-text-placeholder);
}

.form-control:focus,
.form-control1:focus,
select.form-control:focus,
textarea.form-control:focus{
  border-color:var(--el-color-primary);
  box-shadow:0 0 0 2px rgba(64,158,255,.15);
  outline:none;
}

.form-control[disabled],
.form-control1[disabled],
select.form-control[disabled],
textarea.form-control[disabled],
.form-control[readonly],
.form-control1[readonly],
select.form-control[readonly],
textarea.form-control[readonly]{
  background:var(--el-fill-light);
  color:var(--el-text-placeholder);
  border-color:var(--el-border-light);
}

.input-group-addon{
  background:var(--el-fill-light);
  border:1px solid var(--el-border-base);
  color:var(--el-text-secondary);
}

.input-group .form-control,
.input-group .form-control1{
  position:relative;
  z-index:2;
}

/* Select arrow (CSS-only) */
select.form-control{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:
    linear-gradient(45deg, transparent 50%, var(--el-text-secondary) 50%),
    linear-gradient(135deg, var(--el-text-secondary) 50%, transparent 50%);
  background-position:
    calc(100% - 18px) calc(50% - 2px),
    calc(100% - 12px) calc(50% - 2px);
  background-size:6px 6px, 6px 6px;
  background-repeat:no-repeat;
  padding-right:34px;
}

/* Checkbox / Radio */
input[type="checkbox"],
input[type="radio"]{
  accent-color:var(--el-color-primary);
}

.help-block{
  color:var(--el-color-danger);
  font-size:12px;
  margin-top:4px;
}

/* ------------------------------ Tables ------------------------------ */
/* MUST override bootstrap-table/table-style hardcoded colors */
.bootstrap-table .table > thead > tr > th,
.bootstrap-table .table > thead > tr > td,
.table > thead > tr > th,
.table > thead > tr > td{
  background:var(--el-fill-lighter) !important;
  color:var(--el-text-secondary) !important;
  border-color:var(--el-border-lighter) !important;
}

.bootstrap-table .table > tbody > tr > td,
.bootstrap-table .table > tbody > tr > th,
.table > tbody > tr > td,
.table > tbody > tr > th{
  background:transparent !important;
  color:var(--el-text-regular) !important;
  border-color:var(--el-border-lighter) !important;
}

.table > thead > tr > th,
.bootstrap-table .table > thead > tr > th{
  height:48px;
  vertical-align:middle;
  font-weight:600;
}

.table > tbody > tr > td,
.bootstrap-table .table > tbody > tr > td{
  padding-top:12px;
  padding-bottom:12px;
  vertical-align:middle;
}

.table-hover > tbody > tr:hover > td,
.bootstrap-table .table-hover > tbody > tr:hover > td{
  background:var(--el-fill-light) !important;
}

.bootstrap-table .fixed-table-container{
  border:1px solid var(--el-border-lighter) !important;
  border-radius:var(--el-radius-base);
}
.bootstrap-table .table{
  border-bottom:none !important;
}
.fixed-table-container thead th{
  border-left:1px solid var(--el-border-lighter) !important;
}
.fixed-table-container tbody td{
  border-left:1px solid var(--el-border-lighter) !important;
}
.fixed-table-container thead th:first-child,
.fixed-table-container tbody td:first-child{
  border-left:none !important;
}
.fixed-table-container thead th .th-inner{
  color:var(--el-text-secondary) !important;
}

.fixed-table-container .no-records-found{
  padding:24px 12px;
  color:var(--el-text-secondary);
}

/* ------------------------------ Pagination ------------------------------ */
.pagination > li > a,
.pagination > li > span{
  min-width:32px;
  height:32px;
  line-height:30px;
  border:1px solid var(--el-border-base);
  border-radius:var(--el-radius-base);
  margin:0 4px;
  color:var(--el-text-regular);
  background:var(--el-fill-blank);
  transition:all .2s ease;
}
.pagination > li > a:hover,
.pagination > li > span:hover{
  color:var(--el-color-primary);
  border-color:#c6e2ff;
  background:#ecf5ff;
}
.pagination > li.active > a,
.pagination > li.active > span{
  background:var(--el-color-primary);
  border-color:var(--el-color-primary);
  color:#fff;
}
.pagination > li.disabled > a,
.pagination > li.disabled > span{
  color:var(--el-text-placeholder);
  background:var(--el-fill-light);
  border-color:var(--el-border-light);
}

.fixed-table-pagination .pagination-info{
  color:var(--el-text-secondary);
  font-size:13px;
}

.fixed-table-pagination .page-list .btn.dropdown-toggle{
  height:32px;
  line-height:30px;
  padding:0 12px;
}

/* ------------------------------ Dropdown menu ------------------------------ */
.dropdown-menu{
  border:1px solid var(--el-border-light);
  border-radius:var(--el-radius-base);
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1);
  padding:6px 0;
}
.dropdown-menu > li > a{
  padding:8px 16px;
  color:var(--el-text-regular);
  transition:all .2s ease;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
  background:var(--el-fill-light);
  color:var(--el-color-primary);
}

/* ------------------------------ Modal (Bootstrap) ------------------------------ */
.modal-content{
  border:none;
  border-radius:6px;
  box-shadow:var(--el-shadow-base);
}

.modal-header,
.modal-header[style*="background"]{
  background:#fff !important;
  border-bottom:1px solid var(--el-border-lighter);
  padding:16px 20px;
}

.modal-title{
  color:var(--el-text-primary);
  font-size:16px;
  font-weight:500;
}

.modal-header .close{
  color:var(--el-text-secondary);
  opacity:1;
  text-shadow:none;
  font-size:22px;
  font-weight:400;
}
.modal-header .close:hover{
  color:var(--el-color-primary);
}

.modal-body{
  padding:20px;
  color:var(--el-text-regular);
}

.modal-footer{
  border-top:1px solid var(--el-border-lighter);
  padding:12px 20px;
}

.modal-backdrop.in{
  opacity:.5;
}

/* ------------------------------ Panels / Cards ------------------------------ */
.panel,
.well{
  background:var(--el-fill-blank);
  border:1px solid var(--el-border-lighter);
  border-radius:6px;
  box-shadow:var(--el-shadow-light);
}
.panel-heading{
  background:var(--el-fill-blank);
  border-bottom:1px solid var(--el-border-lighter);
}

/* Dashboard cards (agile/comments) */
.comments,
.area-grids,
.agile-bottom-grid,
.agile-Updating-grids{
  background:var(--el-fill-blank);
  border:1px solid var(--el-border-lighter);
  border-radius:6px;
  box-shadow:var(--el-shadow-light);
}
.comments{
  padding:20px;
}
.area-grids-heading h3,
.agile-Updating-grids .area-grids-heading h3{
  position:relative;
  padding-left:10px;
  font-size:16px;
  font-weight:500;
}
.area-grids-heading h3:before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:3px;
  height:14px;
  margin-top:-7px;
  background:var(--el-color-primary);
  border-radius:2px;
}

/* ------------------------------ Header / Title bar ------------------------------ */
.title-bar{
  background:var(--el-fill-blank);
  border-bottom:1px solid var(--el-border-lighter);
  box-shadow:0 1px 4px rgba(0,0,0,.04);
}
.logo h1{
  color:var(--el-color-primary) !important;
}

/* Badges (notifications) */
.badge{
  border-radius:10px;
}
.badge.blue{
  background:var(--el-color-danger);
}

/* ------------------------------ Sidebar (css.css override, light tuning) ------------------------------ */
.sidebar{
  background:var(--el-fill-blank);
  border-right:1px solid var(--el-border-lighter);
  box-shadow:none;
}

.sidebar-list ul li:hover .sidebar-list-title{
  background:#ecf5ff;
}

.sidebar-list ul li.active .sidebar-list-title{
  background:#ecf5ff;
  border-left:3px solid var(--el-color-primary);
  padding-left:12px;
}

.sidebar-list-slide{
  background:var(--el-fill-lighter);
}
.sidebar-list-slide p:hover{
  background:#ecf5ff;
}
.sidebar-list-slide p a:hover{
  color:var(--el-color-primary);
}

/* ------------------------------ Login page shell ------------------------------ */
body.signup-body{
  background:var(--el-fill-light);
}
.agile-signup{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px 12px;
}
.agile-signup .footer-icons{
  display:none;
}
.agile-signup .content2{
  width:400px;
  max-width:92vw;
  background:var(--el-fill-blank);
  padding:40px 32px;
  border-radius:8px;
  box-shadow:0 4px 16px rgba(0,0,0,.08);
}
.agile-signup .content2 .grids-heading h2{
  color:var(--el-text-primary);
  font-size:22px;
  font-weight:500;
  text-align:center;
  margin-bottom:24px;
}
.agile-signup .content2 input[type="text"],
.agile-signup .content2 input[type="password"]{
  width:100%;
  height:44px;
  border:1px solid var(--el-border-base);
  border-radius:var(--el-radius-base);
  padding:0 14px;
  margin-bottom:16px;
  font-size:14px;
  color:var(--el-text-regular);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.agile-signup .content2 input[type="text"]:focus,
.agile-signup .content2 input[type="password"]:focus{
  border-color:var(--el-color-primary);
  box-shadow:0 0 0 2px rgba(64,158,255,.15);
  outline:none;
}

/* ------------------------------ Breadcrumb / Tabs ------------------------------ */
.breadcrumb{
  background:transparent;
  margin-bottom:16px;
}
.breadcrumb > li + li:before{
  color:var(--el-text-placeholder);
}

.nav-tabs{
  border-bottom:1px solid var(--el-border-lighter);
}
.nav-tabs > li > a{
  border:none;
  border-bottom:2px solid transparent;
  color:var(--el-text-regular);
  border-radius:0;
}
.nav-tabs > li > a:hover{
  background:transparent;
  color:var(--el-color-primary);
  border-bottom-color:#c6e2ff;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus{
  color:var(--el-color-primary);
  border:none;
  border-bottom:2px solid var(--el-color-primary);
  background:transparent;
}

/* ------------------------------ Alerts (Bootstrap) ------------------------------ */
.alert{
  border-radius:var(--el-radius-base);
  border:1px solid var(--el-border-light);
  background:var(--el-fill-blank);
  color:var(--el-text-regular);
}
.alert-success{ border-color:#e1f3d8; background:#f0f9eb; }
.alert-info{ border-color:#d9ecff; background:#ecf5ff; }
.alert-warning{ border-color:#faecd8; background:#fdf6ec; }
.alert-danger,
.alert-error{ border-color:#fde2e2; background:#fef0f0; }

/* ------------------------------ jQuery UI datepicker (light) ------------------------------ */
.ui-datepicker{
  border:1px solid var(--el-border-light) !important;
  border-radius:6px !important;
  box-shadow:0 2px 12px 0 rgba(0,0,0,.1) !important;
  background:var(--el-fill-blank) !important;
}
.ui-datepicker .ui-datepicker-header{
  background:var(--el-fill-blank) !important;
  border:none !important;
  border-bottom:1px solid var(--el-border-lighter) !important;
}
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active{
  background:var(--el-color-primary) !important;
  border-color:var(--el-color-primary) !important;
  color:#fff !important;
}
.ui-datepicker .ui-state-hover{
  background:var(--el-fill-light) !important;
  border-color:var(--el-border-light) !important;
}

/* ============================== Purple-Blue Compact Pass ============================== */
/*
 * 紫蓝紧凑皮肤覆盖层（依据业主 UI 截图）
 * 此分区置于文件末尾，后置胜出优先级高于前 617 行的 Element 蓝皮肤。
 * 回滚：删除本分区即可恢复蓝色版本，前 617 行代码不受影响。
 */

/* ---- 1.1 覆盖 :root token ---- */
:root{
  /* 主色：偏紫蓝，比默认 Element 蓝更现代 */
  --el-color-primary:#667EEA;
  --el-color-primary-hover:#5A67D8;
  --el-color-primary-light:#F0F4FF;

  /* 文字：柔和灰黑体系，不用纯黑 */
  --el-text-primary:#1A202C;
  --el-text-regular:#4A5568;
  --el-text-secondary:#718096;
  --el-text-placeholder:#A0AEC0;

  /* 边框：浅灰，降低视觉噪音 */
  --el-border-base:#CBD5E0;
  --el-border-light:#E2E8F0;
  --el-border-lighter:#EDF2F7;

  /* 页面底色：极淡灰，衬托卡片白底 */
  --el-fill-light:#F7FAFC;

  /* 微圆角：趋向直角，刚硬干练 */
  --el-radius-base:2px;
}

/* 全局字号缩小到 13px，适配紧凑信息密度 */
body{
  background:#F7FAFC !important;
  font-size:13px !important;
  color:#4A5568 !important;
}

/* 内容区底色统一 */
.main-grid,
.wrapper.scrollable{
  background:#F7FAFC !important;
}

/* ---- 1.2 按钮：2px 圆角 + 紫蓝 primary ---- */
.btn{
  border-radius:2px !important;
}

.btn-primary,
.btn-primary:visited{
  background-color:#667EEA !important;
  border-color:#667EEA !important;
  color:#fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active{
  background-color:#5A67D8 !important;
  border-color:#5A67D8 !important;
  color:#fff !important;
  box-shadow:0 2px 8px rgba(102,126,234,.35) !important;
}

/* 登录页 register 按钮 */
input.register{
  background-color:#667EEA !important;
  border-color:#667EEA !important;
  border-radius:2px !important;
}
input.register:hover,
input.register:focus{
  background-color:#5A67D8 !important;
  border-color:#5A67D8 !important;
}

/* 搜索/重置行内按钮圆角 */
.btn-default{
  border-radius:2px !important;
}

/* ---- 1.3 表单控件：2px 圆角 + 浅灰边框 ---- */
.form-control,
.form-control1{
  border-radius:2px !important;
  border-color:#E2E8F0 !important;
}
.form-control:focus,
.form-control1:focus{
  border-color:#667EEA !important;
  box-shadow:0 0 0 2px rgba(102,126,234,.15) !important;
}
.input-group-addon{
  border-radius:2px !important;
  border-color:#E2E8F0 !important;
  background:#F7FAFC !important;
}

/* ---- 1.4 表格：白底表头 + 去纵线 + 紫蓝 hover ---- */

/* 表头：白底、仅底部一条横线、加粗文字 */
.table > thead > tr > th,
.table thead th,
.fixed-table-container thead th{
  background:#fff !important;
  background-color:#fff !important;
  color:#1A202C !important;
  font-weight:600 !important;
  border-bottom:1px solid #E2E8F0 !important;
  border-right:none !important;
  border-top:none !important;
}

/* 单元格：去掉纵向线，横向线用更淡的灰 */
.table > tbody > tr > td,
.table td{
  border-right:none !important;
  border-top-color:#EDF2F7 !important;
  color:#4A5568 !important;
}

/* hover 行：淡紫蓝 */
.table > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > td{
  background:#F0F4FF !important;
  color:#1A202C !important;
}

/* 隔行背景也要去掉残留色 */
.table-striped > tbody > tr:nth-of-type(odd) > td{
  background-color:#FAFBFE !important;
}

/* bootstrap-table 工具栏行背景 */
.fixed-table-container tbody td{
  border-right:none !important;
  border-top-color:#EDF2F7 !important;
}

/* ---- 1.5 压胜内联硬码背景色 ---- */
/*
 * bootstrap-table.min.css / table-style.css / 内联 style 中存在硬码颜色，
 * 用属性选择器压胜（变体含 #009688、#f05050、#2ec9de、带空格写法）
 */

/* 压胜青绿 #009688（bootstrap-table 表头/行） */
[style*="background-color:#009688"],
[style*="background-color: #009688"],
[style*="background:#009688"],
[style*="background: #009688"]{
  background-color:#fff !important;
  color:#1A202C !important;
}

/* 压胜红色 #f05050（table-style.css 表头） */
[style*="background-color:#f05050"],
[style*="background-color: #f05050"],
[style*="background-color:#F05050"],
[style*="background-color: #F05050"]{
  background-color:#fff !important;
  color:#1A202C !important;
}

/* 压胜青蓝 #2ec9de（table-style.css th） */
[style*="background-color:#2ec9de"],
[style*="background-color: #2ec9de"],
[style*="background-color:#2EC9DE"],
[style*="background-color: #2EC9DE"]{
  background-color:#fff !important;
  color:#1A202C !important;
}

/* 模态框头部内联色块 → 白底 */
.modal-header[style*="background"]{
  background-color:#fff !important;
  color:#1A202C !important;
}

/* ---- 1.6 左侧菜单激活项：紫蓝竖条 ---- */
.sidebar-list ul li.active .sidebar-list-title,
.sidebar-list ul li.active > a,
[name].active .sidebar-list-title,
[name].active > a{
  color:#667EEA !important;
  background:#F0F4FF !important;
  border-left:3px solid #667EEA !important;
  padding-left:12px !important;
}

/* 菜单 hover */
.sidebar-list ul li:hover .sidebar-list-title,
.sidebar-list ul li:hover > a{
  color:#667EEA !important;
  background:#F7FAFF !important;
}

/* ---- 1.7 分页 / 链接 / 面包屑提示条 ---- */

/* 链接主色 */
a,
.btn-link{
  color:#4A5568;
}
a:hover,
a:focus,
td a:hover,
.btn-link:hover{
  color:#667EEA !important;
}

/* 表格内链接 */
.table td a{
  color:#667EEA !important;
}
.table td a:hover{
  color:#5A67D8 !important;
  text-decoration:underline;
}

/* 分页激活项：紫蓝底 */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{
  background-color:#667EEA !important;
  border-color:#667EEA !important;
  color:#fff !important;
  border-radius:2px !important;
}

/* 分页普通项圆角 */
.pagination > li > a,
.pagination > li > span{
  border-radius:2px !important;
  color:#4A5568;
}
.pagination > li > a:hover{
  color:#667EEA !important;
  border-color:#667EEA !important;
}

/* 顶部提示条（.alert-info）：对应截图蓝色提示横条 */
.alert-info{
  background:#EBF4FF !important;
  border-color:#BEE3F8 !important;
  color:#2B6CB0 !important;
  border-radius:2px !important;
}

/* ---- 1.8 卡片 / 面板 / 模态框 ---- */

/* 卡片区域：白底 + 极淡投影 + 2px 圆角 */
.agile-grids,
.grids,
.comments,
.panel,
.box{
  background:#fff !important;
  box-shadow:0 1px 3px 0 rgba(0,0,0,.05) !important;
  border:1px solid #EDF2F7 !important;
  border-radius:2px !important;
}

/* 面板头部 */
.panel-heading,
.box-header{
  background:#fff !important;
  border-bottom:1px solid #EDF2F7 !important;
  border-radius:2px 2px 0 0 !important;
  color:#1A202C !important;
  font-weight:600 !important;
  padding:10px 16px !important;
}

/* 模态框：圆角 + 白底头部 */
.modal-content{
  border-radius:2px !important;
  box-shadow:0 4px 20px rgba(0,0,0,.1) !important;
}

.modal-header{
  background:#fff !important;
  border-bottom:1px solid #E2E8F0 !important;
  border-radius:2px 2px 0 0 !important;
}

.modal-header .modal-title{
  color:#1A202C !important;
  font-weight:600 !important;
}

.modal-footer{
  border-top:1px solid #E2E8F0 !important;
  background:#fff !important;
}

/* ---- 1.9 表头 .th-inner 彻底白底（覆盖 bootstrap-table.min.css 硬码 #009688）---- */
/*
 * bootstrap-table.min.css 第一行有硬规则：
 * ".fixed-table-body thead th .th-inner, .table td, .table th { background-color:#009688; }"
 * 仅覆盖 th 背景不够，必须同时覆盖 .th-inner 本身才能让表头彻底变白。
 */

/* 表头容器层：白底 + 仅底线 */
.fixed-table-body thead th,
.fixed-table-header thead th{
  background:#fff !important;
  background-color:#fff !important;
  border-bottom:1px solid #E2E8F0 !important;
  border-top:none !important;
}

/* 表头文字层（bootstrap-table 把内容套在 .th-inner 里） */
.fixed-table-body thead th .th-inner,
.fixed-table-header thead th .th-inner{
  background:#fff !important;
  background-color:#fff !important;
  color:#1A202C !important;
  font-weight:600 !important;
}

/* 覆盖 bootstrap-table.min.css 开头规则对 .table td/.table th 的全局 background-color */
.table td,
.table th{
  background-color:transparent !important;
}
/* 但 tbody 的行、交替行仍正常显示（透明即继承父行颜色） */
.table > thead > tr > th{
  background:#fff !important;
  background-color:#fff !important;
}

/* ---- 2.0 ui-searchbar 搜索条统一美化 ---- */
/*
 * 给所有使用了 float+内联 style 搜索区的页面提供统一样式。
 * 只需在外层容器加 class="ui-searchbar"（保留原 style），即可生效。
 */

/* 容器基础：clearfix + 微内边距 */
.ui-searchbar::after{
  content:"";
  display:table;
  clear:both;
}
.ui-searchbar{
  padding:6px 0 8px 0;
}

/* 搜索条内的 form-control（input/select）：统一高度 32px、2px 圆角、浅灰边框 */
.ui-searchbar .form-control{
  height:32px !important;
  line-height:32px !important;
  border-radius:2px !important;
  border-color:#E2E8F0 !important;
  font-size:13px !important;
  box-shadow:none !important;
  padding:0 10px !important;
  color:#4A5568 !important;
}
.ui-searchbar .form-control:focus{
  border-color:#667EEA !important;
  box-shadow:0 0 0 2px rgba(102,126,234,.15) !important;
  outline:none !important;
}

/* input-group-addon（日期图标按钮） */
.ui-searchbar .input-group-addon{
  height:32px !important;
  line-height:32px !important;
  padding:0 8px !important;
  border-radius:0 2px 2px 0 !important;
  border-color:#E2E8F0 !important;
  background:#F7FAFC !important;
  color:#718096 !important;
}

/* 搜索条内的 label 类按钮（span.btn / button.btn 充当字段名） */
.ui-searchbar > .btn.btn-default,
.ui-searchbar > span.btn.btn-default,
.ui-searchbar .btn.btn-default[style*="float"],
.ui-searchbar > button.btn.btn-default[style*="float"]{
  height:32px !important;
  line-height:32px !important;
  padding:0 10px !important;
  border-radius:2px !important;
  border-color:transparent !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#718096 !important;
  font-size:13px !important;
  cursor:default;
}
/* 但搜索按钮（含 fa-search 图标）保持正常按钮样式 */
.ui-searchbar .btn.btn-default[onclick],
.ui-searchbar a.btn.btn-default[onclick]{
  height:32px !important;
  line-height:32px !important;
  padding:0 14px !important;
  border-radius:2px !important;
  border-color:#667EEA !important;
  background:#667EEA !important;
  color:#fff !important;
  cursor:pointer;
}
.ui-searchbar .btn.btn-default[onclick]:hover,
.ui-searchbar a.btn.btn-default[onclick]:hover{
  background:#5A67D8 !important;
  border-color:#5A67D8 !important;
}

/* input-group 内的 input（带 addon 的日期框） */
.ui-searchbar .input-group .form-control{
  height:32px !important;
  line-height:32px !important;
  border-radius:2px 0 0 2px !important;
}

/* ---- 日期区强制第二行 ---- */
/*
 * 策略：找含有 #beginTime / #endTime / #anthor_begin_time 的 input-group 的父级 span 标签
 * 以及"开始日期"/"结束时间" label（span.btn.btn-default）强制换行显示。
 * 使用 clear:both + display:block 把 label+input 包装的区域推到第二行。
 */

/* 定位"开始日期/结束时间" label 和其后续的 input-group */
/* 由于这些 label 用 span.btn.btn-default[style*="float: left"] 实现，
   通过 CSS 无法可靠地单独换行（没有通用父容器），
   改用让 beginTime 的 input-group 之前的 label 触发 clear:both */

/* 让含 #beginTime 的 .input-group 的直接前兄弟 label-span 换行 */
.ui-searchbar span.btn.btn-default:has(+ .input-group #beginTime),
.ui-searchbar span.btn.btn-default:has(~ div .input-group #beginTime){
  clear:both;
  display:block;
  float:left;
  margin-top:8px;
}

/* 兼容性更好的方案：直接给含 #beginTime/#endTime 的 input-group 加 clear */
.ui-searchbar .input-group:has(#beginTime),
.ui-searchbar .input-group:has(#endTime),
.ui-searchbar .input-group:has(#anthor_begin_time),
.ui-searchbar .input-group:has(#anthor_end_time){
  float:left !important;
  margin-top:8px;
}

/* 开始日期 label（其 text-content 不可直接选择，用属性 hack） */
/* 更可靠的实现：给每个含 beginTime 的 input-group 前面的 label-span 加 margin-top */
/* 因为 span.btn 是 float:left，同行的还没换行的都会在同一行 */
/* 我们让 #beginTime 的 input-group margin-left:0 且 clear:left 强制独占一行起点 */

/* 若页面有两个独立 float div（如 rechargeList.jsp），第二个 div 本身就是第二行，不需要额外处理 */
/* 若页面所有搜索控件在同一个 .ui-searchbar div 内，下面的 clear 生效 */
.ui-searchbar #beginTime,
.ui-searchbar #anthor_begin_time{
  /* input 本身不需要，clear 加在包裹的 input-group 上 */
}

/* 直接 target 包含 beginTime 的 input-group：让它自动换行 */
.ui-searchbar .input-group{
  /* 保持 float:left 但当前行宽度不足时自动换行（默认已是 float:left） */
  vertical-align:top;
}

/* 把搜索提交按钮对齐到最右并同高 */
.ui-searchbar button.btn.btn-default[onclick],
.ui-searchbar a.btn.btn-default[onclick]{
  margin-top:0;
}

/* ---- End of Purple-Blue Compact Pass ---- */