/* ═══════════════════════════════════════════════════════════
   gitman-web — 全局 reset / 基础样式
   Fluent UI v9 自带 Griffel reset,这里只做少量补充
   ═══════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
#root {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
    Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fafafa;
  color: #242424;
}

a {
  color: inherit;
  text-decoration: none;
}

/* 滚动条(Fluent 风格) */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #d1d1d1;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
}

/* 代码块 */
pre,
code {
  font-family: 'Cascadia Code', 'Fira Code', 'JetBrains Mono', Consolas, 'Courier New',
    monospace;
}

pre {
  background: #f5f5f5;
  padding: 12px 16px;
  border-radius: 4px;
  overflow-x: auto;
  font-size: 13px;
  line-height: 1.6;
}

/* Fluent UI Combobox 修复:下拉图标溢出问题
   原因:Combobox 内部 grid 使用固定 px 计算列宽,
   当容器有 padding 或 box-sizing:border-box 时计算不准,
   导致 input 列过宽,expand 图标被挤到容器外部。
   修复:用 1fr auto 替代固定 px,让 input 自适应剩余空间。
   注意:Griffel 原子类也使用 !important,需用双类选择器提高特异性 */
.fui-Combobox.fui-Combobox {
  grid-template-columns: 1fr auto !important;
}
.fui-Combobox__input.fui-Combobox__input {
  min-width: 0 !important;
  width: 100% !important;
}