/*═══════════════════════════════════════════════════════════════
  安心养老院 — Codex 设计系统全局覆盖
  亮蓝科技主题（与 design-tokens.css 主色 #3b82f6 保持一致）
═══════════════════════════════════════════════════════════════*/

/* ── Element Plus 主色 ── */
:root {
  --el-color-primary: #3b82f6 !important;
  --el-color-primary-rgb: 59, 130, 246 !important;
  --el-color-primary-light-3: #93c5fd !important;
  --el-color-primary-light-5: #bfdbfe !important;
  --el-color-primary-light-7: #dbeafe !important;
  --el-color-primary-light-8: #eff6ff !important;
  --el-color-primary-light-9: #eff6ff !important;
  --el-color-primary-dark-2: #1d4ed8 !important;
  --el-color-success-rgb: 34, 197, 94 !important;
  --el-color-warning-rgb: 245, 158, 11 !important;
  --el-color-danger-rgb: 239, 68, 68 !important;
  --el-color-info-rgb: 14, 165, 233 !important;
}

/* ── 全局重置 ── */
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: Noto Sans SC, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  background: #fafaf9;
}
#app { min-height: 100vh; }

/* 侧边栏样式由 MainLayout.vue 通过 CSS 变量统一控制，此处不再强制覆盖 */

/* ── 卡片 ── */
.el-card {
  border-radius: 12px !important;
  border: 1px solid #e7e5e4 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important;
}

/* ── 按钮 ── */
.el-button--primary {
  --el-button-bg-color: #3b82f6;
  --el-button-border-color: #3b82f6;
  --el-button-hover-bg-color: #1d4ed8;
  --el-button-hover-border-color: #1d4ed8;
}
.el-button--success {
  --el-button-bg-color: #22c55e;
  --el-button-border-color: #22c55e;
}
.el-button--warning {
  --el-button-bg-color: #f59e0b;
  --el-button-border-color: #f59e0b;
}
.el-button--danger {
  --el-button-bg-color: #ef4444;
  --el-button-border-color: #ef4444;
}

/* ── 表格 ── */
.el-table th.el-table__cell {
  background-color: #fafaf9 !important;
  color: #1c1917 !important;
  font-weight: 600;
}
.el-table tr:hover > td.el-table__cell {
  background-color: #f5f5f4 !important;
}

/* ── 标签页 ── */
.el-tabs__item.is-active {
  color: #3b82f6 !important;
}
.el-tabs__active-bar {
  background-color: #3b82f6 !important;
}

/* ── 开关 ── */
.el-switch.is-checked .el-switch__core {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

/* ── 复选框 ── */
.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

/* ── 单选框 ── */
.el-radio__input.is-checked .el-radio__inner {
  background-color: #3b82f6 !important;
  border-color: #3b82f6 !important;
}

/* ── 分页 ── */
.el-pagination .el-pager li.is-active {
  background-color: #3b82f6 !important;
  color: #fff !important;
}
.el-pagination .el-pager li:hover {
  color: #3b82f6 !important;
}

/* ── 对话框 ── */
.el-dialog__header {
  border-bottom: 1px solid #e7e5e4;
  padding: 20px 24px;
}
.el-dialog__footer {
  border-top: 1px solid #e7e5e4;
  padding: 16px 24px;
}

/* ── 输入框聚焦 ── */
.el-input__wrapper.is-focus {
  box-shadow: 0 0 0 1px #3b82f6 inset !important;
}
.el-textarea__inner:focus {
  box-shadow: 0 0 0 1px #3b82f6 inset !important;
}

/* ── 下拉选择器 ── */
.el-select .el-input.is-focus .el-input__wrapper {
  box-shadow: 0 0 0 1px #3b82f6 inset !important;
}

/* ── 进度条 ── */
.el-progress-bar__inner {
  background-color: #3b82f6;
}

/* ── 标签 ── */
.el-tag--primary {
  --el-tag-bg-color: #dbeafe;
  --el-tag-border-color: #bfdbfe;
  --el-tag-text-color: #3b82f6;
}
.el-tag--success {
  --el-tag-bg-color: #dcfce7;
  --el-tag-border-color: #bbf7d0;
  --el-tag-text-color: #16a34a;
}
.el-tag--warning {
  --el-tag-bg-color: #fef3c7;
  --el-tag-border-color: #fde68a;
  --el-tag-text-color: #d97706;
}
.el-tag--danger {
  --el-tag-bg-color: #fee2e2;
  --el-tag-border-color: #fecaca;
  --el-tag-text-color: #dc2626;
}
