/* ==========================================================================
   FastAdmin 风格补充样式（叠加在 assets/css/backend.min.css 之后）
   - 后台添加/编辑弹窗（.modal）对齐 FastAdmin 的 layui-layer-fast 外观
   - 弹窗表单使用 Bootstrap form-horizontal + col-* 布局，与 FastAdmin 一致
   ========================================================================== */

/* 弹窗外壳：对齐 layui-layer-fast（标题栏深色 45px、底部灰色按钮区） */
.modal-content {
  border: none;
  border-radius: 2px;
  box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}
.modal-header {
  background: #2c3e50;
  color: #fff;
  border-bottom: none;
  padding: 0 15px;
  height: 45px;
  line-height: 45px;
  border-radius: 2px 2px 0 0;
}
.modal-header .modal-title {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  line-height: 45px;
}
.modal-header .close {
  color: #fff;
  opacity: .8;
  text-shadow: none;
  font-weight: normal;
  margin-top: 15px;
}
.modal-header .close:hover,
.modal-header .close:focus {
  color: #fff;
  opacity: 1;
}
.modal-body {
  padding: 15px 20px;
}
/* FastAdmin：form-horizontal 的 label 为常规字重（backend.css 规则只匹配 form 元素） */
.modal-body.form-horizontal .control-label,
.modal-body .form-horizontal .control-label {
  font-weight: normal;
}
/* 底部按钮区：灰色底 + 居中（对齐 .layui-layer-btn） */
.modal-footer {
  background: #ecf0f1;
  border-top: none;
  text-align: center;
  padding: 10px;
  min-height: 53px;
}
.modal-footer .btn {
  height: 32px;
  padding: 0 15px;
  line-height: 30px;
  font-size: 13px;
  border-radius: 2px;
  margin: 0 5px;
}
.modal-footer .btn-primary {
  background-color: #18bc9c;
  border-color: #18bc9c;
}
.modal-footer .btn-primary:hover,
.modal-footer .btn-primary:focus {
  background-color: #128f76;
  border-color: #128f76;
}
.modal-footer .btn-default {
  background-color: #95a5a6;
  border-color: #95a5a6;
  color: #fff;
}
.modal-footer .btn-default:hover,
.modal-footer .btn-default:focus {
  background-color: #7f8c8d;
  border-color: #7f8c8d;
  color: #fff;
}

/* ==========================================================================
   列表工具区：flex 单行布局（左按钮组 + 右侧筛选/搜索集群），窄屏自动整体换行靠右
   ========================================================================== */
.fixed-table-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
/* 左按钮组占左，其余元素整体靠右；覆盖 bootstrap 的 float */
.fixed-table-toolbar .bs-bars {
  float: none;
  margin-right: auto;
}
.fixed-table-toolbar .columns,
.fixed-table-toolbar .search,
.fixed-table-toolbar .search-filters {
  float: none !important;
  margin-left: 0 !important;
  margin-top: 0;
}
/* 筛选下拉/日期框限宽（默认 form-control 过宽会把搜索框挤到下一行） */
.fixed-table-toolbar .search-filters .form-control {
  width: 100px;
  padding: 6px 8px;
  display: inline-block;
}
/* 下拉文字过长时省略号 */
.fixed-table-toolbar .search-filters select.form-control {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 筛选按钮紧凑 */
.fixed-table-toolbar .search-filters .btn {
  padding: 6px 8px;
}
/* 右上角原生搜索框限宽 */
.fixed-table-toolbar .search input.form-control {
  width: 140px;
}

/* selectpage 下拉面板 z-index 提到 layer 之上（layer 默认 ~19891014） */
.sp_result_area { z-index: 20000000 !important; }