/* ============================================================
   Light Theme — OA Salesman Mobile
   通过 html[data-theme="light"] 激活，覆盖 :root 中的暗色变量
   ============================================================ */

html[data-theme="light"] {
  /* Primary — Gold (保持品牌色，微调适配亮底) */
  --md-primary: #B8941F;
  --md-primary-rgb: 184,148,31;
  --md-on-primary: #FFFFFF;
  --md-primary-container: #FFF3D0;
  --md-on-primary-container: #5C4A0E;

  /* Secondary */
  --md-secondary: #7A6C50;
  --md-on-secondary: #FFFFFF;
  --md-secondary-container: #F5ECD8;
  --md-on-secondary-container: #3E3520;

  /* Tertiary */
  --md-tertiary: #A68B4B;
  --md-tertiary-rgb: 166,139,75;
  --md-on-tertiary: #FFFFFF;
  --md-tertiary-container: #FFF3D0;
  --md-on-tertiary-container: #5C4A0E;

  /* Error */
  --md-error: #C62828;
  --md-on-error: #FFFFFF;
  --md-error-container: #FFEBEE;
  --md-on-error-container: #6A1B1A;

  /* Surface — Light */
  --md-surface: #F5F5F5;
  --md-surface-dim: #EEEEEE;
  --md-surface-bright: #FFFFFF;
  --md-surface-container-lowest: #FFFFFF;
  --md-surface-container-low: #FAFAFA;
  --md-surface-container: #F0F0F0;
  --md-surface-container-high: #E8E8E8;
  --md-surface-container-highest: #E0E0E0;
  --md-on-surface: #1C1B1A;
  --md-on-surface-variant: #5C5C5C;
  --md-outline: #BDBDBD;
  --md-outline-variant: #E0E0E0;

  /* Inverse */
  --md-inverse-surface: #31302F;
  --md-inverse-on-surface: #F5F0E6;
  --md-inverse-primary: #D4AF37;

  /* Semantic colors (保持可辨识) */
  --md-blue: #1976D2;
  --md-yellow: #F9A825;
  --md-red: #D32F2F;
  --md-green: #388E3C;

  /* Elevation shadows (亮色主题更柔和) */
  --md-elevation-1: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.06);
  --md-elevation-2: 0 2px 6px rgba(0,0,0,0.10), 0 1px 3px rgba(0,0,0,0.08);
  --md-elevation-3: 0 4px 12px rgba(0,0,0,0.10), 0 2px 4px rgba(0,0,0,0.06);
}

/* ================= Body & Container 背景覆盖 ================= */
html[data-theme="light"] body {
  background: #F5F5F5 !important;
  color: var(--md-on-surface);
}

/* ================= 输入框 ================= */
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea {
  color: #1C1B1A !important;
}

/* ================= Loading 页面 ================= */
html[data-theme="light"] .page-loading {
  background: #F5F5F5;
}
html[data-theme="light"] .page-loading__brand,
html[data-theme="light"] .page-loading__subtitle {
  background: linear-gradient(135deg, #8B7332, #B8941F, #A68B4B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
html[data-theme="light"] .page-loading-progress {
  background: linear-gradient(90deg, #8B7332 0%, #B8941F 50%, #D4AF37 100%);
  box-shadow: 0 0 0.4rem rgba(184, 148, 31, 0.25);
}
html[data-theme="light"] .page-loading__spinner circle {
  stroke: #B8941F;
}

/* ================= Footer 底部导航 ================= */
html[data-theme="light"] .footer {
  background-color: #FFFFFF !important;
  box-shadow: 0 -1px 4px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .footer .item {
  color: #9E9E9E;
}
html[data-theme="light"] .footer .item.active {
  color: #B8941F;
}
html[data-theme="light"] .footer .item.active .iconfont {
  color: #B8941F;
}
html[data-theme="light"] .footer .item:nth-child(2):before {
  background: #FFFFFF !important;
}
html[data-theme="light"] .footer .item:nth-child(2).active > div {
  background: #B8941F !important;
  box-shadow: 0 0 0.2rem 0 rgba(184,148,31,0.3) !important;
}

/* ================= 首页 Dashboard ================= */
html[data-theme="light"] .index .dash-header .user-name {
  color: #1C1B1A;
}
html[data-theme="light"] .index .dash-header .user-role-tag {
  color: #B8941F;
  border-color: rgba(184,148,31,0.3);
  background: rgba(184,148,31,0.08);
}
html[data-theme="light"] .index .dash-header .header-icon-btn {
  color: #5C5C5C;
}

html[data-theme="light"] .index .kpi-card {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .index .kpi-card .kpi-value {
  color: #1C1B1A;
}
html[data-theme="light"] .index .kpi-card .kpi-bg-icon {
  color: rgba(0,0,0,0.03);
}

html[data-theme="light"] .index .action-btn .action-text {
  color: #1C1B1A;
}
html[data-theme="light"] .index .action-btn .action-icon {
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

/* 待办卡片 */
html[data-theme="light"] .todo-notice-card {
  background: #FFFFFF !important;
  border: 1px solid rgba(184,148,31,0.2) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .todo-notice-card .title-text {
  color: #1C1B1A !important;
}
html[data-theme="light"] .todo-notice-card .more-link {
  color: #B8941F !important;
}
html[data-theme="light"] .todo-notice-card .tag-gold {
  background: rgba(184,148,31,0.1) !important;
  color: #8B7332 !important;
  border-color: rgba(184,148,31,0.25) !important;
}
html[data-theme="light"] .todo-notice-card .sn {
  color: #1C1B1A !important;
}
html[data-theme="light"] .todo-notice-card .time {
  color: #9E9E9E !important;
}
html[data-theme="light"] .todo-notice-card .content-text {
  color: #5C5C5C !important;
}
html[data-theme="light"] .todo-notice-card .notice-empty {
  color: #9E9E9E !important;
}
html[data-theme="light"] .notice-latest-item {
  background: rgba(0,0,0,0.02) !important;
}

/* 趋势图区域 */
html[data-theme="light"] .index .trend-section {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .index .trend-tab {
  color: #5C5C5C;
}
html[data-theme="light"] .index .trend-tab.active {
  color: #fff;
}

/* 核心链路跟踪卡片 */
html[data-theme="light"] .index .track-card {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .index .track-card .customer {
  color: #1C1B1A;
}
html[data-theme="light"] .index .track-card .track-info-row span:first-child {
  color: #5C5C5C;
}
html[data-theme="light"] .index .track-card .track-info-row .value {
  color: #1C1B1A;
}
html[data-theme="light"] .index .track-card .track-empty .empty-text {
  color: #9E9E9E;
}
html[data-theme="light"] .index .track-card .track-empty .empty-illust {
  color: #E0E0E0;
}
html[data-theme="light"] .index .track-card .fee-detail .amount {
  color: #B8941F;
}

/* 骨架屏 */
html[data-theme="light"] .index .skeleton-card {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
}
html[data-theme="light"] .index .skeleton-line {
  background: #E8E8E8;
}

/* KPI Ripple 效果在亮色下 */
html[data-theme="light"] .kpi-card span[style*="rgba(212,175,55"] {
  background: rgba(184,148,31,0.1) !important;
}

/* ================= Profile 我的页面 ================= */
html[data-theme="light"] .profile .profile-topbar {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .profile .profile-topbar .topbar-title {
  color: #1C1B1A;
}
html[data-theme="light"] .profile .user-card {
  background: #FFFFFF;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
html[data-theme="light"] .profile .user-card .user-name {
  color: #1C1B1A;
}
html[data-theme="light"] .profile .user-card .user-info-item {
  color: #5C5C5C;
}
html[data-theme="light"] .profile .profile-kpi-card {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .profile .profile-kpi-card .kpi-bg-icon {
  color: rgba(0,0,0,0.03);
}
html[data-theme="light"] .profile .profile-section {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .profile .profile-section .section-title {
  color: #1C1B1A;
}
html[data-theme="light"] .profile .profile-menu-item .menu-label {
  color: #1C1B1A;
}
html[data-theme="light"] .profile .profile-menu-item .menu-desc {
  color: #9E9E9E;
}
html[data-theme="light"] .profile .profile-menu-item .menu-arrow {
  color: #BDBDBD;
}
html[data-theme="light"] .profile .profile-menu-item .menu-badge {
  background: #E85548;
  color: #FFFFFF;
}
html[data-theme="light"] .profile .logout-btn {
  color: #E85548;
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}

/* ================= 通用 Navbar ================= */
html[data-theme="light"] .navbar {
  background: #FFFFFF !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}
html[data-theme="light"] .navbar .title {
  color: #1C1B1A !important;
}
html[data-theme="light"] .navbar .back-btn {
  color: #1C1B1A !important;
}

/* ================= 列表页 ================= */
html[data-theme="light"] .lr-item {
  background: #FFFFFF !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
html[data-theme="light"] .lr-item:active {
  background: #F5F5F5 !important;
}
html[data-theme="light"] .lr-item__title {
  color: #1C1B1A !important;
}
html[data-theme="light"] .lr-item__body {
  color: #5C5C5C !important;
}
html[data-theme="light"] .lr-item__footer {
  border-top-color: #F0F0F0 !important;
}
html[data-theme="light"] .lr-header {
  background: #F5F5F5 !important;
}

/* ================= Dialog / ActionSheet 适配 ================= */
html[data-theme="light"] .ui-dialog {
  background: #FFFFFF !important;
}
html[data-theme="light"] .ui-dialog__title {
  color: #1C1B1A !important;
}
html[data-theme="light"] .ui-dialog__body {
  color: #5C5C5C !important;
}
html[data-theme="light"] .ui-actionsheet {
  background: #FAFAFA !important;
}
html[data-theme="light"] .ui-actionsheet__header {
  color: #1C1B1A !important;
}
html[data-theme="light"] .ui-actionsheet__item {
  color: #1C1B1A !important;
}
html[data-theme="light"] .ui-actionsheet__cancel {
  background: #F0F0F0 !important;
  color: #5C5C5C !important;
}

/* ================= Toast 适配 ================= */
html[data-theme="light"] .ui-toast--default,
html[data-theme="light"] .ui-toast--loading {
  background: #31302F !important;
  color: #F5F0E6 !important;
}

/* ================= 详情页通用 ================= */
html[data-theme="light"] .detail-section {
  background: #FFFFFF;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06);
}
html[data-theme="light"] .dd-field-label {
  color: #9E9E9E !important;
}
html[data-theme="light"] .dd-field-value {
  color: #1C1B1A !important;
}

/* ================= 筛选面板 ================= */
html[data-theme="light"] .fp-panel {
  background: #FFFFFF !important;
}
html[data-theme="light"] .fp-label {
  color: #5C5C5C !important;
}

/* ================= 过渡动画 ================= */
html[data-theme="light"] body,
html[data-theme="light"] .container,
html[data-theme="light"] .footer,
html[data-theme="light"] .navbar {
  transition: background-color 0.3s ease, color 0.3s ease;
}