/* 晨光大地 · 侧边栏主题（生命关系 OS UI 规范 V0.4）
   颜色全部引用 tokens.css（单一来源），本文件只做布局与覆盖规则。
   前后台分离：前台 / 自研产品界面（暖米、琥珀、宋体）；
   后台 /admin 采用 Filament 侧边栏（桌面竖栏，窄屏自动汉堡）。 */

body {
  background: var(--paper);
}

/* 主区：透出纸感底色，放大顶部留白让内容呼吸 */
.fi-main {
  background: transparent;
}

.fi-main-ctn {
  padding-top: 1.5rem;
}

/* ===== 侧边栏：纸白底 + 右侧细边框 ===== */
.fi-sidebar {
  background: var(--card);
  border-right: 1px solid var(--sidebar-border);
}

/* 品牌区留白 */
.fi-sidebar-header {
  padding-top: .5rem;
}

/* 导航分组标签：暖灰小字、加宽字距 */
.fi-sidebar-group-label {
  color: var(--group-label);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .06em;
}

/* 导航项按钮：圆角、暖灰文字、过渡动效 */
.fi-sidebar-item-btn {
  color: var(--ink-2);
  border-radius: 9px;
  transition: background .15s ease, color .15s ease;
}

.fi-sidebar-item-btn:hover {
  background: var(--hover-warm);
  color: var(--ink);
}

/* 激活态：琥珀底 + 深赭石文字（含图标） */
.fi-sidebar-item.fi-active .fi-sidebar-item-btn {
  background: var(--primary-soft);
  color: var(--primary-deep);
}

.fi-sidebar-item.fi-active .fi-sidebar-item-icon {
  color: var(--primary-deep);
}

/* 折叠/展开侧边栏按钮 hover 暖色 */
.fi-collapse-sidebar-btn:hover,
.fi-sidebar-close-collapse-sidebar-btn:hover {
  background: var(--hover-warm);
  color: var(--primary-deep);
}

/* 卡片/表格表面保持纸白 */
.fi-section,
.fi-wi,
.fi-ta,
.fi-section__content {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--shadow);
}

/* 文字色（Filament 4 真实 class：.fi-header-heading 页面标题 / .fi-header-subheading 副标题） */
.fi-header-heading {
  color: var(--ink);
  font-family: var(--serif);
}
.fi-header-subheading {
  color: var(--ink-3-deep);
}

/* 主按钮悬停（Filament 4 真实 class：.fi-btn.fi-color-primary） */
.fi-btn.fi-color-primary:hover {
  transform: translateY(-1px);
  box-shadow: var(--shadow-amber-sm);
}

/* 中文字体回退（系统无衬线优先 PingFang） */
body, .fi-font {
  font-family: var(--sans);
}

/* ============================================================
   点状软化：表格 + 表单控件（晨光大地 · V0.2.1）
   原则：只覆盖视觉，不破坏 Filament 功能；hover / 焦点用暖色
   ============================================================ */

/* 1. 表格行 hover：冷灰蓝 → 暖米色 */
.fi-ta-row:hover {
  background: var(--paper) !important;
}

/* 2. 表头：去灰底、加底部细线、文字改暖灰 */
.fi-ta-header-cell {
  background: transparent !important;
  color: var(--header-cell) !important;
  font-weight: 600 !important;
  letter-spacing: .02em;
}
.fi-ta-table thead {
  border-bottom: 1px solid var(--sidebar-border) !important;
}

/* 3. 表格容器圆角与卡片统一（外层 .fi-section 已是 16px） */
.fi-ta-ctn {
  border-radius: 14px !important;
}

/* 4. 输入控件聚焦：灰蓝 → 琥珀 */
.fi-input-wrp {
  transition: border-color .15s ease, box-shadow .15s ease;
  border-radius: 10px !important;
}
.fi-input-wrp:focus-within {
  border-color: var(--primary) !important;
  box-shadow: 0 0 0 3px rgba(192, 119, 59, .16) !important;
}

/* 5. 分页 / 工具栏按钮 hover 统一暖色 */
.fi-ta-pagination-item:hover,
.fi-pagination-item:hover {
  background: var(--hover-warm) !important;
  color: var(--primary-deep) !important;
}

/* 6. 链接颜色（表格内可点链接 / 面包屑）保持琥珀系 */
.fi-ta-col-has-column-url:hover,
.fi-link:hover {
  color: var(--primary-deep) !important;
}