// 关怀模式 CSS 覆写（仅保留结构性调整）
// 字号 / 颜色由 tokens.scss 的 .elder-mode 块自动级联处理
// 此文件仅保留无法通过 CSS 变量表达的布局覆写

.elder-mode {
  line-height: var(--tk-line-height);

  // ─── 全局触控放大 ───
  .vital-card,
  .checkin-card,
  .reminder-item,
  .menu-item,
  .session-card,
  .consult-card,
  .notify-card,
  .msg-segment-tab,
  .vital-tab,
  .period-btn,
  .device-card,
  .article-entry,
  .task-card,
  .alert-card,
  .event-card,
  .type-tab,
  .status-tab,
  .alert-badge,
  .vital-item,
  .action-item,
  .report-card,
  .tab {
    min-height: var(--tk-touch-min);
  }

  .action-btn,
  .save-btn,
  .consultation-create-btn,
  .guest-login-btn {
    height: var(--tk-btn-primary-h);
  }

  // ─── 体征网格：2 列 → 1 列（解决溢出核心改动）───
  .vitals-grid {
    grid-template-columns: 1fr;
  }

  // ─── 间距放大（增加呼吸空间）───
  .vitals-grid {
    gap: 14px;
  }

  .checkin-card {
    padding: 28px;
  }

  .reminder-card {
    padding: 24px;
  }

  .home-page,
  .guest-page,
  .health-page,
  .messages-page,
  .consultation-body {
    padding: 28px 32px 120px;
  }

  .profile-page {
    padding: 28px 32px 120px;
  }

  .menu-item {
    padding: 18px 22px;
  }

  .session-list,
  .msg-list {
    gap: 12px;
  }

  .session-card,
  .consult-card,
  .notify-card {
    padding: 20px;
  }

  .vital-tabs,
  .period-group {
    gap: 10px;
  }

  // ─── 组件布局调整 ───

  // EmptyState
  .empty-state-action {
    padding: 20px 56px;
  }

  // ErrorState
  .error-state-retry {
    padding: 20px 56px;
  }

  // Loading
  .loading-spinner {
    width: 56px;
    height: 56px;
  }

  // StepIndicator
  .step-dot {
    width: 56px;
    height: 56px;
  }

  .step-line {
    height: 4px;
    top: 28px;
  }

  // ─── 登录页布局调整 ───
  .login-page {
    padding: 80px 48px 60px;
  }

  .login-brand {
    margin-bottom: 56px;
  }

  .login-logo {
    width: 112px;
    height: 112px;
  }

  .guest-login-btn {
    height: 64px;
  }

  // ─── 积分商城空状态 ───
  .mall-empty-state {
    padding: 100px 40px;
  }
}