/* Optima Performance — 全局样式覆盖 */

html, body {
  font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  background: #F7FAFC;
  color: #0D1C2E;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 数字使用等宽变体，便于表格对齐 */
.tabular-nums {
  font-variant-numeric: tabular-nums;
}

/* 全局 <select> 修复：浏览器在 border-none / minimal 样式下会把 dropdown indicator
 * 紧贴右边缘，盖住选项文字（特别是中文，最后一个字被裁切）。统一隐藏 native arrow，
 * 用 SVG 自绘 chevron，并给足右内边距。 */
select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2374777F'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.06l3.71-3.83a.75.75 0 111.08 1.04l-4.25 4.4a.75.75 0 01-1.08 0L5.21 8.27a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.5rem center;
  background-size: 1.1rem;
  padding-right: 2rem !important;
}
/* 给 multiple select 还原 (没下拉箭头) */
select[multiple] {
  background-image: none;
  padding-right: 0.5rem !important;
}

/* Material Symbols 字重 */
.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  user-select: none;
}
.material-symbols-outlined.filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* 卡片阴影 */
.card-shadow {
  box-shadow: 0 4px 12px rgba(26, 54, 93, 0.05);
}
.card-shadow-hover:hover {
  box-shadow: 0 8px 20px rgba(26, 54, 93, 0.10);
  transition: box-shadow 200ms ease;
}

/* 滚动条 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: #C4C6CF;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #74777F;
}

/* 隐藏滚动条但保留滚动 */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 加载动画 */
@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 0 rgba(26, 54, 93, 0.4); }
  100% { box-shadow: 0 0 0 12px rgba(26, 54, 93, 0); }
}
.pulse-ring {
  animation: pulse-ring 1.5s ease-out infinite;
}

/* Login 页背景 */
.login-bg {
  background: linear-gradient(135deg, #002045 0%, #1A365D 50%, #2D476F 100%);
}

/* Milkdown 紧凑模式（嵌入式窄列）— 例如会议白板右侧
 * 选择器加上 .doc-toast-mount 父级提升特异性 (0,4,0) > DocumentEdit 注入的 .doc-toast-mount .milkdown .ProseMirror (0,3,0)
 * 这样才能在两边都用 .doc-toast-mount 的情况下覆盖那个 88px 大左缩进 */
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror,
.optima-milkdown-compact .milkdown .ProseMirror {
  /* 靠左对齐，撑满列宽 */
  max-width: 100% !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 12px 14px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  min-height: 100% !important;
  text-align: left !important;
}
/* 段落 / placeholder 也强制左对齐 */
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror p,
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror h1,
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror h2,
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror h3,
.doc-toast-mount .optima-milkdown-compact .milkdown .ProseMirror li {
  text-align: left !important;
  margin-left: 0 !important;
}
.optima-milkdown-compact .milkdown .ProseMirror h1 { font-size: 18px !important; }
.optima-milkdown-compact .milkdown .ProseMirror h2 { font-size: 16px !important; }
.optima-milkdown-compact .milkdown .ProseMirror h3 { font-size: 14px !important; }
.optima-milkdown-compact .milkdown .ProseMirror p,
.optima-milkdown-compact .milkdown .ProseMirror li { font-size: 14px !important; }
/* 紧凑模式：placeholder 字号也跟着小，不要再撑大 */
.optima-milkdown-compact .milkdown .ProseMirror p.is-empty:before {
  font-size: 14px !important;
}

/* 角色色卡 */
.role-chip-admin   { background: #FFDAD6; color: #93000A; }
.role-chip-ceo     { background: #ADC7F7; color: #002045; }
.role-chip-hr      { background: #FFDDBA; color: #633F0F; }
.role-chip-manager { background: #DCE9FF; color: #002045; }
.role-chip-member  { background: #DDE3EB; color: #41474E; }