/* 默认夜间 = :root 变量；白天 / 护眼覆盖 */

body.app-control[data-theme="day"] {
  --bg: #eef1f6;
  --panel: #ffffff;
  --text: #1c2129;
  --muted: #5f6b7a;
  --accent: #d4920a;
  --line: #dce1e9;
  --ok: #16a34a;
  --warn: #ca8a04;
  --err: #dc2626;
  --header-bg: rgba(255, 255, 255, 0.92);
  --dock-bg: rgba(255, 255, 255, 0.96);
  --tab-bg: rgba(248, 250, 252, 0.98);
  --input-bg: #f3f4f6;
  --pill-bg: #eef1f6;
}

body.app-control[data-theme="eye"] {
  --bg: #1a1712;
  --panel: #242018;
  --text: #e6dcc8;
  --muted: #a89578;
  --accent: #c4a035;
  --line: #3a3228;
  --ok: #6b9b6e;
  --warn: #c9a227;
  --err: #c97070;
  --header-bg: rgba(26, 23, 18, 0.94);
  --dock-bg: rgba(28, 25, 20, 0.96);
  --tab-bg: rgba(36, 32, 24, 0.98);
  --input-bg: #1e1b15;
  --pill-bg: #2e281f;
}

body.app-control[data-theme="night"],
body.app-control:not([data-theme]) {
  --header-bg: rgba(15, 17, 21, 0.92);
  --dock-bg: rgba(20, 24, 32, 0.94);
  --tab-bg: rgba(26, 29, 36, 0.96);
  --input-bg: #12151a;
  --pill-bg: #252932;
}

body.app-control .app-header {
  background: var(--header-bg);
}

body.app-control[data-theme="day"] .header-action {
  background: var(--pill-bg);
  color: #3d4f63;
  border-color: var(--line);
}

body.app-control[data-theme="day"] .entry-item,
body.app-control[data-theme="day"] .voice-dock.voice-only {
  background: var(--dock-bg);
}

body.app-control[data-theme="day"] .tab-bar {
  background: var(--tab-bg);
}

body.app-control[data-theme="day"] .voice-input-shell,
body.app-control[data-theme="eye"] .schedule-form input,
body.app-control[data-theme="day"] .schedule-form input,
body.app-control[data-theme="eye"] .settings-field input {
  background: var(--input-bg);
  border-color: var(--line);
  color: var(--text);
}

body.app-control[data-theme="eye"] .voice-dock.voice-only {
  background: var(--dock-bg);
  border-top-color: var(--line);
}

body.app-control[data-theme="eye"] .tab-bar {
  background: var(--tab-bg);
}

body.app-control[data-theme="eye"] .header-action {
  background: var(--pill-bg);
  color: #c9b896;
  border-color: var(--line);
}

body.app-control[data-theme="day"] .status-pill,
body.app-control[data-theme="eye"] .status-pill {
  background: var(--pill-bg);
}

body.app-control[data-theme="day"] .voice-toast,
body.app-control[data-theme="eye"] .voice-toast {
  background: var(--panel);
  color: var(--text);
}

body.app-control[data-theme="day"] .status-sheet {
  background: var(--panel);
}

body.app-control[data-theme="eye"] .status-sheet {
  background: var(--panel);
}

body.app-control[data-theme="day"] .mini-cell {
  background: var(--input-bg);
}

body.app-control[data-theme="eye"] .mini-cell {
  background: var(--input-bg);
}

.theme-segment {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 4px;
}

.theme-segment button {
  border: 1px solid var(--line);
  background: var(--input-bg);
  color: var(--muted);
  padding: 10px 6px;
  border-radius: 12px;
  font-size: 13px;
  cursor: pointer;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}

.theme-segment button.active {
  border-color: var(--accent);
  color: var(--text);
  background: color-mix(in srgb, var(--accent) 12%, var(--panel));
  font-weight: 600;
}

body.app-control[data-theme="day"] .theme-segment button.active {
  background: #fff8e6;
}

body.app-control[data-theme="eye"] .theme-segment button.active {
  background: #2a2418;
}