/* 工作台通用分页：显式跟随 data-theme-mode，不受系统配色偏好影响。 */
.workspace-pagination-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.75rem 0.5rem 0;
  border-top: 1px solid rgba(148, 163, 184, 0.24);
}

.workspace-pagination-panel {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0.75rem;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 0.75rem;
  background: rgba(15, 23, 42, 0.58);
  box-shadow: 0 1px 3px rgba(2, 6, 23, 0.24);
}

.workspace-pagination-summary,
.workspace-pagination-meta {
  color: #cbd5e1;
}

.workspace-pagination-panel #aiCollectExportCountText {
  color: #94a3b8;
}

.workspace-pagination-summary {
  white-space: nowrap;
  font-size: 0.75rem;
  font-weight: 500;
}

.workspace-pagination-meta,
.workspace-pagination-nav {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 0.75rem;
  border-left: 1px solid rgba(148, 163, 184, 0.24);
  font-size: 0.75rem;
}

.workspace-pagination-nav {
  flex-wrap: wrap;
  gap: 0.25rem;
}

.workspace-pagination-select,
.workspace-pagination-nav-btn,
.workspace-pagination-pages > button,
.workspace-pagination-pages > a,
.workspace-pagination-pages > span:not(.workspace-pagination-ellipsis) {
  display: inline-flex;
  height: 2rem;
  min-width: 2rem;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(148, 163, 184, 0.28) !important;
  border-radius: 0.5rem;
  background: rgba(15, 23, 42, 0.52) !important;
  color: #cbd5e1 !important;
  font-size: 0.75rem;
  transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease;
}

.workspace-pagination-select {
  min-width: 4.375rem;
  padding: 0 0.5rem;
  color-scheme: dark;
  outline: none;
}

.workspace-pagination-nav-btn {
  padding: 0 0.75rem;
  white-space: nowrap;
}

.workspace-pagination-pages {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
}

.workspace-pagination-pages > button:hover:not(:disabled),
.workspace-pagination-pages > a:hover,
.workspace-pagination-nav-btn:hover:not(:disabled):not(.is-disabled) {
  border-color: rgba(56, 189, 248, 0.5) !important;
  background: rgba(14, 165, 233, 0.16) !important;
  color: #e0f2fe !important;
}

.workspace-pagination-pages > span[aria-current="page"],
.workspace-pagination-pages > button[aria-current="page"],
.workspace-pagination-pages > a[aria-current="page"],
.workspace-pagination-pages > .is-active {
  border-color: #22d3ee !important;
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.95), rgba(37, 99, 235, 0.9)) !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(125, 211, 252, 0.28), 0 8px 18px rgba(14, 165, 233, 0.28);
}

.workspace-pagination-nav-btn:disabled,
.workspace-pagination-nav-btn.is-disabled {
  cursor: not-allowed;
  opacity: 0.38;
}

.workspace-pagination-ellipsis {
  display: inline-flex;
  height: 2rem;
  min-width: 1.5rem;
  align-items: center;
  justify-content: center;
  color: #94a3b8;
}

body[data-theme-mode="light"] .workspace-pagination-bar {
  border-color: #d5dfec;
}

body[data-theme-mode="light"] .workspace-pagination-panel {
  border-color: #d5dfec;
  background: rgba(248, 250, 252, 0.96);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}

body[data-theme-mode="light"] .workspace-pagination-summary {
  color: #334155;
}

body[data-theme-mode="light"] .workspace-pagination-meta {
  color: #64748b;
}

body[data-theme-mode="light"] .workspace-pagination-panel #aiCollectExportCountText {
  color: #64748b;
}

body[data-theme-mode="light"] .workspace-pagination-meta,
body[data-theme-mode="light"] .workspace-pagination-nav {
  border-color: #d5dfec;
}

body[data-theme-mode="light"] .workspace-pagination-select,
body[data-theme-mode="light"] .workspace-pagination-nav-btn,
body[data-theme-mode="light"] .workspace-pagination-pages > button,
body[data-theme-mode="light"] .workspace-pagination-pages > a,
body[data-theme-mode="light"] .workspace-pagination-pages > span:not(.workspace-pagination-ellipsis) {
  border-color: #cbd5e1 !important;
  background: #ffffff !important;
  color: #475569 !important;
}

body[data-theme-mode="light"] .workspace-pagination-select {
  color-scheme: light;
}

body[data-theme-mode="light"] .workspace-pagination-pages > button:hover:not(:disabled),
body[data-theme-mode="light"] .workspace-pagination-pages > a:hover,
body[data-theme-mode="light"] .workspace-pagination-nav-btn:hover:not(:disabled):not(.is-disabled) {
  border-color: #93c5fd !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
}

body[data-theme-mode="light"] .workspace-pagination-pages > span[aria-current="page"],
body[data-theme-mode="light"] .workspace-pagination-pages > button[aria-current="page"],
body[data-theme-mode="light"] .workspace-pagination-pages > a[aria-current="page"],
body[data-theme-mode="light"] .workspace-pagination-pages > .is-active {
  border-color: #2563eb !important;
  background: linear-gradient(135deg, #2563eb, #0891b2) !important;
  color: #ffffff !important;
  font-weight: 700;
  box-shadow: 0 0 0 1px rgba(37, 99, 235, 0.16), 0 8px 18px rgba(37, 99, 235, 0.22);
}

body[data-theme-mode="light"] .workspace-pagination-ellipsis {
  color: #94a3b8;
}

@media (max-width: 767px) {
  .workspace-pagination-bar,
  .workspace-pagination-panel {
    justify-content: flex-start;
  }

  .workspace-pagination-panel {
    width: 100%;
  }

  .workspace-pagination-select,
  .workspace-pagination-nav-btn,
  .workspace-pagination-pages > button,
  .workspace-pagination-pages > a,
  .workspace-pagination-pages > span:not(.workspace-pagination-ellipsis) {
    min-height: 2.75rem;
    min-width: 2.75rem;
  }
}