/* ============================================================================
 * theme-v2-ins.css —— V2 平台层样式（苹果极简 ins 风 × 农业三资主题）
 *
 * 只作用于「原三资平台的骨架与页面」（侧边栏、顶栏、卡片、表格…）；
 * 通用组件与 智能工作台的样式在 core.css / panel-v2-ins.css 里。
 * 本文件不改任何 DOM 结构与交互，纯视觉覆盖。
 * ========================================================================== */

/* ---------- 1. 侧边栏：浅色玻璃 ---------- */
.sidebar {
  width: 244px !important;
  background: rgba(255, 255, 255, .80) !important;
  -webkit-backdrop-filter: saturate(180%) blur(22px) !important;
  backdrop-filter: saturate(180%) blur(22px) !important;
  border-right: 1px solid #f0f0f3 !important;
  color: #0d0d0f !important;
}
.sidebar::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, .12) !important; }
.logo { padding: 22px 20px 18px !important; border-bottom: none !important; }
.logo h1 {
  font-size: 15px !important; color: #0d0d0f !important;
  font-weight: 600 !important; letter-spacing: -.2px !important;
}
.logo p { font-size: 11px !important; color: #86868b !important; margin-top: 5px !important; letter-spacing: .3px; }

.nav-group { padding: 6px 0 2px !important; }
.nav-group-title {
  padding: 12px 20px 5px !important; font-size: 10px !important;
  color: #b0b0b6 !important; letter-spacing: 1.1px !important;
  text-transform: none !important; font-weight: 600;
}
.nav-item {
  margin: 1px 8px !important; padding: 8px 11px !important;
  border-radius: 10px !important; border-left: 3px solid transparent !important;
  color: #48484d !important; font-size: 13px !important;
  transition: background .18s cubic-bezier(.22,.61,.36,1), color .18s cubic-bezier(.22,.61,.36,1) !important;
}
.nav-item:hover { background: rgba(0, 0, 0, .04) !important; color: #0d0d0f !important; }
.nav-item.active {
  background: rgba(52, 168, 83, .12) !important; color: #1f7a44 !important;
  border-left-color: transparent !important; font-weight: 600 !important;
}
.nav-item .badge {
  background: #e5484d !important; color: #fff !important;
  font-size: 9.5px !important; padding: 1px 6px !important; border-radius: 8px !important;
}

/* ---------- 2. 顶栏 ---------- */
.main { padding: 0 32px 56px !important; }
.topbar {
  background: rgba(251, 251, 253, .84) !important;
  -webkit-backdrop-filter: saturate(160%) blur(16px) !important;
  backdrop-filter: saturate(160%) blur(16px) !important;
  border-bottom: 1px solid #f0f0f3 !important;
  padding: 14px 0 !important; margin-bottom: 26px !important;
}
.breadcrumb { font-size: 12.5px !important; color: #86868b !important; }
.breadcrumb b { color: #0d0d0f !important; font-weight: 600 !important; }
.topbar .search {
  background: #fff !important; border: 1px solid #e8e8ed !important;
  border-radius: 999px !important; padding: 7px 14px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04) !important;
}
.topbar .search:focus-within { border-color: rgba(52, 168, 83, .5) !important; }
.topbar .search input { width: 210px !important; font-size: 13px !important; }
.topbar .search input::placeholder { color: #b0b0b6 !important; }
.user {
  background: #fff !important; border: 1px solid #e8e8ed !important;
  border-radius: 999px !important; padding: 6px 14px !important;
  font-size: 12.5px !important; box-shadow: 0 1px 2px rgba(0, 0, 0, .04) !important;
}

/* ---------- 3. 页面标题 ---------- */
.page-title h2 {
  font-size: 26px !important; font-weight: 600 !important;
  letter-spacing: -.6px !important; color: #0d0d0f !important;
}
.page-title .desc { font-size: 13px !important; color: #86868b !important; margin-top: 6px !important; }

/* ---------- 4. 按钮 ---------- */
.btn {
  border-radius: 999px !important; padding: 9px 20px !important;
  font-size: 13px !important; font-weight: 500 !important;
  background: #34a853 !important; color: #fff !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 6px 18px rgba(52, 168, 83, .22) !important;
  transition: transform .18s cubic-bezier(.22,.61,.36,1), background .18s, box-shadow .18s !important;
}
.btn:hover { background: #4cbb6d !important; transform: translateY(-1px); }
.btn.ghost {
  background: #fff !important; color: #48484d !important;
  border: 1px solid #e8e8ed !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04) !important;
}
.btn.ghost:hover { border-color: #d8d8de !important; color: #0d0d0f !important; }

/* ---------- 5. 卡片与面板（覆盖原平台硬编码色） ---------- */
.cards { gap: 18px !important; margin-bottom: 26px !important; }
.stat-card {
  background: #fff !important; border: 1px solid #f0f0f3 !important;
  border-radius: 20px !important; padding: 22px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04) !important;
  transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s cubic-bezier(.22,.61,.36,1) !important;
}
.stat-card:hover { transform: translateY(-2px); box-shadow: 0 2px 6px rgba(0,0,0,.05), 0 12px 32px rgba(0,0,0,.06) !important; }
.stat-card.accent { border-top: 1px solid #f0f0f3 !important; }
.stat-card .label { font-size: 12.5px !important; color: #86868b !important; }
.stat-card .value {
  font-size: 27px !important; font-weight: 600 !important;
  letter-spacing: -.8px !important; color: #0d0d0f !important; margin: 10px 0 6px !important;
}
.stat-card .trend { font-size: 12px !important; color: #a1a1a6 !important; }
.stat-card .trend.up { color: #e5484d !important; }
.stat-card .trend.down { color: #34a853 !important; }

.panel {
  background: #fff !important; border: 1px solid #f0f0f3 !important;
  border-radius: 20px !important; padding: 24px !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04) !important;
  margin-bottom: 24px !important;
}
.panel h3 {
  font-size: 15px !important; font-weight: 600 !important; color: #0d0d0f !important;
  border-bottom: 1px solid #f0f0f3 !important;
  padding-bottom: 12px !important; margin-bottom: 16px !important;
}
.grid-2 { gap: 24px !important; }

/* ---------- 6. 表格 ---------- */
thead th {
  background: transparent !important; color: #86868b !important;
  font-weight: 500 !important; font-size: 11.5px !important;
  border-bottom: 1px solid #e8e8ed !important; padding: 10px 12px !important;
}
tbody td { border-bottom: 1px solid #f0f0f3 !important; padding: 13px 12px !important; color: #48484d !important; }
tbody tr:hover td { background: rgba(52, 168, 83, .035) !important; }

/* ---------- 7. 状态标签 ---------- */
.tag { border-radius: 999px !important; padding: 3px 11px !important; font-size: 11.5px !important; font-weight: 500; }
.tag.green { background: rgba(52, 168, 83, .10) !important; color: #1f7a44 !important; }
.tag.red { background: rgba(229, 72, 77, .10) !important; color: #c53034 !important; }
.tag.orange { background: rgba(217, 119, 6, .10) !important; color: #a35b04 !important; }
.tag.blue { background: rgba(10, 132, 255, .10) !important; color: #0a6fd0 !important; }

/* ---------- 8. 功能块 ---------- */
.feature-list { gap: 14px !important; }
.feature {
  background: #fbfbfd !important; border: 1px solid #f0f0f3 !important;
  border-radius: 16px !important; padding: 16px 18px !important;
  transition: background .18s, border-color .18s, box-shadow .18s !important;
}
.feature:hover { background: #fff !important; border-color: #e8e8ed !important; box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04) !important; }
.feature .f-title { font-size: 13.5px !important; font-weight: 600 !important; color: #0d0d0f !important; }
.feature .f-desc { font-size: 12.5px !important; color: #86868b !important; line-height: 1.7 !important; }
.empty-note { color: #86868b !important; }

/* ---------- 9. 悬浮球（快捷唤起智能工作台） ---------- */
#aiFab {
  position: fixed; right: 26px; bottom: 26px; z-index: 8000;
  width: 56px; height: 56px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 23px; cursor: pointer;
  background: rgba(255, 255, 255, .88);
  -webkit-backdrop-filter: saturate(180%) blur(18px);
  backdrop-filter: saturate(180%) blur(18px);
  border: 1px solid #e8e8ed;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .08), 0 24px 60px rgba(0, 0, 0, .10);
  transition: transform .2s cubic-bezier(.22,.61,.36,1), box-shadow .2s !important;
}
#aiFab:hover { transform: scale(1.07); box-shadow: 0 10px 30px rgba(0, 0, 0, .14) !important; }

/* ---------- 10. 滚动条 ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .13); border-radius: 999px;
  border: 2px solid transparent; background-clip: content-box;
}
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, .22); background-clip: content-box; }

/* ---------- 11. 主题切换器小条（可删） ---------- */
#verSwitch { font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; }