/* =====================================================================
 * Web UI · Base
 * ---------------------------------------------------------------------
 * reset + 元素级排版基础。不含任何组件或页面专属规则。
 * ===================================================================== */

* {
  box-sizing: border-box;
}

html {
  font-size: 14px;
  scroll-behavior: smooth;
  position: relative;
  min-height: 100%;
  height: 100%;
}

/* 滚动条主题色:使用项目主色(与 --primary-main 同步)。
   覆盖三类引擎:
     1) WebKit/Blink (Chrome / Edge / Safari) — ::-webkit-scrollbar-* 伪元素
     2) Firefox 64+                              — scrollbar-color / scrollbar-width
     3) IE/旧 Edge(已退役,留作防御)             — 颜色通过 scrollbar-base-color 兜底
*/
html {
  scrollbar-color: var(--primary-main) var(--surface-elevated);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--surface-elevated);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb {
  background: var(--primary-main);
  border-radius: 5px;
  border: 2px solid var(--surface-elevated);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary-bright);
}

::-webkit-scrollbar-corner {
  background: var(--surface-elevated);
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  /* 租户主题字体(运行时注入的 --tenant-font-family)优先,未配置时回落到本地三套字体之一。
     ⚠️ 原先租户字体是 <style>body { font-family: … }</style> 直接注入的,排在 base.css
     之前 ⇒ 同特异度后者胜 ⇒ 租户字体从未生效。改成变量注入 + 此处消费,顺序不再决定生效。 */
  font-family: var(--tenant-font-family, var(--font-body));
  color: var(--text-body);
  background: var(--surface-page);
  min-height: 100vh;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--text-heading);
}

/* 表单控件统一字体(此前部分规则散落写死 'DM Sans',与页面字体不一致) */
input, select, textarea, button {
  font-family: inherit;
}

/* 表格数字列等宽对齐 */
.mono {
  font-family: var(--font-mono);
  font-size: 12px;
}