/* 通用：后台列表页筛选区样式 */
.list-filters .form-group {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

/* 按钮所在的列右对齐，保持与输入同一行 */
.list-filters .form-group.text-right {
  justify-content: flex-end;
}

.list-filters .form-group label {
  margin-right: 8px;
  white-space: nowrap;
  margin-bottom: 0;
}

.list-filters .form-group .form-control {
  flex: 1;
  min-width: 0;
  height: 36px;            /* 与示例保持一致高度 */
  padding: 0 12px;         /* 紧凑内边距 */
  border-color: #dcdfe6;   /* 更贴近示例的浅灰色边框 */
  border-radius: 4px;      /* 轻微圆角 */
  background-color: #fff;
  color: #606266;
}

.list-filters .form-group .form-control:focus {
  border-color: #bfc7d2;   /* 聚焦时稍微加深 */
  box-shadow: none;
}

/* 统一筛选区多个按钮的间距 */
.list-filters .btn + .btn { margin-left: 8px; }

/* 通用：列表区域样式（表头和行距） */
.admin-list .table thead th {
  background-color: #f5f7fa; /* 更浅的表头背景 */
  font-weight: 600;          /* 表头字体加粗 */
}
.admin-list .table th,
.admin-list .table td {
  padding: 0.6rem 0.9rem;    /* 行距加大一点点，提升可读性 */
}
.admin-list .table tbody tr:hover {
  background-color: #fafbfc; /* 轻微 hover 效果 */
}

/* DataTables 信息与分页右下角布局微调 */
.dataTables_wrapper .row:last-child {
  margin-top: 6px;
}
.dataTables_wrapper .dataTables_info {
  margin-right: 10px; /* 信息与分页间距 */
}
.dataTables_wrapper .pagination .page-link {
  padding: 0.18rem 0.5rem; /* 更紧凑的分页按钮 */
  font-size: 12px;         /* 减小字体提升紧凑度 */
}

/* Laravel Paginator 的 Bootstrap 链接调整（与 DataTables 风格统一）*/
.pagination .page-link {
  padding: 0.18rem 0.5rem;
  font-size: 12px;
}
.pagination .page-item.active .page-link {
  background-color: #2c7be5;
  border-color: #2c7be5;
  color: #fff;
}
.pagination .page-link { color: #2c7be5; }
.pagination .page-link:hover { color: #1b66c6; }

/* 列表中的启用开关（纯 CSS 外观） */
.toggle-switch {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 44px;
  height: 22px;
  border-radius: 999px;
  background-color: #e9ecef;
  border: 1px solid #dcdfe6;
  position: relative;
  cursor: pointer;
  padding: 0;
}
.toggle-switch .dot {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #fff;
  transition: left .2s ease;
}
.toggle-switch.active {
  background-color: #34c759; /* 开启状态绿色 */
  border-color: #2bb356;
}
.toggle-switch.active .dot { left: 24px; }

/* 操作列：文本链接样式（去掉按钮外框，保持点击区域统一） */
.action-link {
  display: inline-block;
  color: #2c7be5;
  text-decoration: none;
  padding: 0;
  margin-right: 8px;
  border: 0;           /* 去掉按钮边框 */
  background: none;    /* 去掉按钮背景 */
  cursor: pointer;     /* 兼容 button 元素 */
}
.action-link:hover { text-decoration: underline; }
/* 操作列容器：强制横向排列，避免竖排导致表格行增高 */
.actions-inline {
  display: inline-flex;
  align-items: center;
  flex-wrap: nowrap;
}
.actions-inline > * { margin-right: 12px; }
.actions-inline > *:last-child { margin-right: 0; }

/* 表格行高微调，防止过高 */
.admin-list .table td,
.admin-list .table th { line-height: 1.6; }