/* ============================================================
   基础层：重置、字体、滚动条、打印
   只做"安全"的全局设置，不覆盖业务页面已有样式。
   ============================================================ */

html {
  font-size: var(--fs-body);
}

body {
  margin: 0;
  color: var(--c-text);
  font-size: var(--fs-body);
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Microsoft YaHei",
    Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 统一滚动条（浅色、细一点） */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background: #c8ccd4;
  border-radius: var(--radius-base);
}

::-webkit-scrollbar-thumb:hover {
  background: #a8abb2;
}

::-webkit-scrollbar-track {
  background: transparent;
}

/* 链接与文本工具类 */
.t-2 { color: var(--c-text-2); }
.t-3 { color: var(--c-text-3); }
.t-4 { color: var(--c-text-4); }
.fs-xs { font-size: var(--fs-xs); }
.fs-sm { font-size: var(--fs-sm); }
.text-ok { color: var(--c-success); }
.text-warn { color: var(--c-warning); }
.text-brand { color: var(--c-brand); }
.text-danger { color: var(--c-danger); }

/* 间距工具类：只用 4 的倍数 */
.mt-1 { margin-top: var(--sp-1); }
.mt-2 { margin-top: var(--sp-2); }
.mt-3 { margin-top: var(--sp-3); }
.mt-4 { margin-top: var(--sp-4); }
.mb-1 { margin-bottom: var(--sp-1); }
.mb-2 { margin-bottom: var(--sp-2); }
.mb-3 { margin-bottom: var(--sp-3); }
.mb-4 { margin-bottom: var(--sp-4); }
.ml-1 { margin-left: var(--sp-1); }
.ml-2 { margin-left: var(--sp-2); }

/* 弹性占位：把后面的内容推到右侧 */
.flex-fill { flex: 1; }

/* 打印：隐藏筛选、操作区与分页，只保留数据区 */
@media print {
  .filter-bar,
  .toolbar,
  .pager,
  .no-print {
    display: none !important;
  }
}