/* ============================================================
   草原研究所仪器共享平台 — 浅绿暖色系主题 v4
   主色: 草芽绿 #7eb356  辅色: 麦田金 #e8a850
   基底: 暖白绿底 #f5f9f0  卡片白 #ffffff
   设计理念: 草原清新 · 自然呼吸 · 暖意克制
   ============================================================ */

:root {
  /* === 主色系 — 草芽绿 === */
  --grass-primary: #7eb356;
  --grass-deep: #5a8a3c;
  --grass-light: #a8d88a;
  --grass-pale: #f0f7eb;
  --grass-bg: #e8f4e0;

  /* === 辅色系 — 麦田金 + 晴空蓝 === */
  --accent-gold: #e8a850;
  --accent-gold-light: #fdf0dc;
  --accent-blue: #5b8fa8;
  --accent-blue-light: #e6f0f5;

  /* === 草原天空蓝（首页头图） === */
  --sky-primary: #4a90c2;
  --sky-deep: #2f6f9f;
  --sky-light: #6fa8d1;
  --sky-pale: #e3f0f8;

  /* === 中性色 — 暖调灰 === */
  --gray-50: #fafbf7;
  --gray-100: #f3f5ee;
  --gray-200: #e6e9de;
  --gray-300: #d2d6c8;
  --gray-400: #a8ab9e;
  --gray-500: #7a7d72;
  --gray-600: #5a5c54;
  --gray-700: #3a3c36;

  /* === 语义色 === */
  --color-success: #5e9e5e;
  --color-success-bg: #e8f5e8;
  --color-warning: #c8943c;
  --color-warning-bg: #fdf5e5;
  --color-danger: #c9605a;
  --color-danger-bg: #fdecea;
  --color-info: #5b8fa8;
  --color-info-bg: #e6f0f5;

  /* === 文字 === */
  --text-main: #3a4a2a;
  --text-sub: #7a7d72;
  --text-light: #a8ab9e;
  --bg-page: #f5f9f0;

  /* === ElementPlus 覆盖 === */
  --el-color-primary: #7eb356;
  --el-color-primary-light-3: #96c274;
  --el-color-primary-light-5: #b0d494;
  --el-color-primary-light-7: #cce6b9;
  --el-color-primary-light-8: #ddf0cf;
  --el-color-primary-light-9: #f0f7eb;
  --el-color-primary-dark-2: #5a8a3c;
  --el-color-success: #5e9e5e;
  --el-color-warning: #c8943c;
  --el-color-danger: #c9605a;
  --el-color-info: #7a7d72;
  --el-border-radius-base: 10px;
  --el-border-radius-small: 6px;
  --el-box-shadow: 0 1px 4px rgba(90, 138, 60, 0.06);
  --el-box-shadow-light: 0 1px 2px rgba(90, 138, 60, 0.04);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: var(--text-main);
  background: var(--bg-page);
  -webkit-font-smoothing: antialiased;
  font-size: 14px; line-height: 1.6;
}

/* ===== 按钮 ===== */
.el-button { font-weight: 500; border-radius: 8px; letter-spacing: .3px; }
.el-button--primary { background: var(--grass-primary); border-color: var(--grass-primary); }
.el-button--primary:hover, .el-button--primary:focus { background: var(--grass-deep); border-color: var(--grass-deep); }
.el-button--success { background: var(--color-success); border-color: var(--color-success); }
.el-button--warning { background: var(--color-warning); border-color: var(--color-warning); color: #fff; }
.el-button--warning:hover { background: #b08030; border-color: #b08030; color: #fff; }
.el-button--danger { background: var(--color-danger); border-color: var(--color-danger); }

/* ===== 卡片 ===== */
.grass-card {
  background: #fff; border-radius: 12px;
  box-shadow: none; border: 1px solid var(--gray-200);
}

/* ===== 状态标签 ===== */
.status-tag { display: inline-flex; align-items: center; padding: 3px 10px; border-radius: 4px; font-size: 12px; font-weight: 500; }
.status-idle { background: var(--color-success-bg); color: var(--color-success); }
.status-booked { background: var(--color-warning-bg); color: var(--color-warning); }
.status-inuse { background: var(--color-info-bg); color: var(--color-info); }
.status-repair { background: var(--gray-100); color: var(--gray-500); }
.status-maint { background: #fff4e0; color: #b26a00; }

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gray-400); }
::-webkit-scrollbar-track { background: transparent; }