/* themes-batch-b.css - 主题批量文件 B（amber/forest/earth/berry/sunset/peach/caramel）。加载顺序须在 themes.css 与 themes-batch-a.css 之后。 v2.0 徽章色改为 pickTags 动态选色；暗色主题 bg-secondary 改为深色派生修复可读性。 */

[data-theme="amber"] {
  --color-bg-primary: #eff0f3;
  --color-bg-secondary: #eff0f3;
  --color-bg-tertiary: color-mix(in srgb, #eff0f3 88%, #0d0d0d);
  --color-text-primary: #0d0d0d;
  --color-text-secondary: #2a2a2a;
  --color-text-tertiary: color-mix(in srgb, #2a2a2a 68%, #eff0f3);
  --color-text-muted: color-mix(in srgb, #2a2a2a 42%, #eff0f3);
  --color-primary: #ff8e3c;
  --color-primary-hover: color-mix(in srgb, #ff8e3c 80%, #0d0d0d);
  --color-primary-light: #ff8e3c;
  --color-border: color-mix(in srgb, #eff0f3 76%, #0d0d0d);
  --color-border-light: color-mix(in srgb, #eff0f3 88%, #0d0d0d);
  --color-divider: color-mix(in srgb, #eff0f3 84%, #0d0d0d);
  --btn-primary-bg: #ff8e3c;
  --btn-primary-text: #0d0d0d;
  --btn-primary-hover: color-mix(in srgb, #ff8e3c 80%, #0d0d0d);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #eff0f3 64%, #0d0d0d);
  --btn-secondary-text: #0d0d0d;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #0d0d0d 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #0d0d0d 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #0d0d0d 26%, transparent);
  --chat-bg: #eff0f3;
  --chat-panel: #eff0f3;
  --chat-panel-alt: color-mix(in srgb, #eff0f3 88%, #0d0d0d);
  --chat-border: color-mix(in srgb, #eff0f3 78%, #0d0d0d);
  --chat-border-strong: color-mix(in srgb, #eff0f3 62%, #0d0d0d);
  --chat-txt: #0d0d0d;
  --chat-muted: color-mix(in srgb, #2a2a2a 62%, #eff0f3);
  --chat-accent: #ff8e3c;
  --chat-accent-light: #ff8e3c;
  --chat-cyan: #ff8e3c;
  --chat-magenta: #d9376e;
  --chat-amber: #d9376e;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #eff0f3);
  --color-danger-border: #dc2626;
  --color-action-bg: #ff8e3c;
  --color-action-text: #0d0d0d;
  --chat-on-accent: #0d0d0d;
  --badge-completed-bg: color-mix(in srgb, #ff8e3c 22%, #eff0f3);
  --badge-completed-text: #ff8e3c;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #eff0f3);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #ff8e3c 22%, #eff0f3);
  --badge-failed-text: #ff8e3c;
  --badge-blocked-bg: color-mix(in srgb, #0d0d0d 10%, #eff0f3);
  --badge-blocked-text: color-mix(in srgb, #2a2a2a 68%, #eff0f3);
  --badge-running-bg: color-mix(in srgb, #d9376e 22%, #eff0f3);
  --badge-running-text: #d9376e;
}

[data-theme="forest"] {
  --color-bg-primary: #004643;
  --color-bg-secondary: color-mix(in srgb, #004643 80%, #fffffe);
  --color-bg-tertiary: color-mix(in srgb, #004643 88%, #fffffe);
  --color-text-primary: #fffffe;
  --color-text-secondary: #abd1c6;
  --color-text-tertiary: color-mix(in srgb, #abd1c6 68%, #004643);
  --color-text-muted: color-mix(in srgb, #abd1c6 42%, #004643);
  --color-primary: #f9bc60;
  --color-primary-hover: color-mix(in srgb, #f9bc60 80%, #fffffe);
  --color-primary-light: #f9bc60;
  --color-border: color-mix(in srgb, #004643 76%, #fffffe);
  --color-border-light: color-mix(in srgb, #004643 88%, #fffffe);
  --color-divider: color-mix(in srgb, #004643 84%, #fffffe);
  --btn-primary-bg: #f9bc60;
  --btn-primary-text: #001e1d;
  --btn-primary-hover: color-mix(in srgb, #f9bc60 80%, #fffffe);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #004643 64%, #fffffe);
  --btn-secondary-text: #fffffe;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #fffffe 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #fffffe 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #fffffe 26%, transparent);
  --chat-bg: #004643;
  --chat-panel: color-mix(in srgb, #004643 80%, #fffffe);
  --chat-panel-alt: color-mix(in srgb, #004643 60%, #abd1c6);
  --chat-border: color-mix(in srgb, #004643 78%, #fffffe);
  --chat-border-strong: color-mix(in srgb, #004643 62%, #fffffe);
  --chat-txt: #fffffe;
  --chat-muted: color-mix(in srgb, #abd1c6 62%, #004643);
  --chat-accent: #f9bc60;
  --chat-accent-light: #f9bc60;
  --chat-cyan: #f9bc60;
  --chat-magenta: #e16162;
  --chat-amber: #e16162;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #004643);
  --color-danger-border: #dc2626;
  --color-action-bg: #f9bc60;
  --color-action-text: #001e1d;
  --chat-on-accent: #001e1d;
  --badge-completed-bg: color-mix(in srgb, #f9bc60 22%, #004643);
  --badge-completed-text: #f9bc60;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #004643);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #f9bc60 22%, #004643);
  --badge-failed-text: #f9bc60;
  --badge-blocked-bg: color-mix(in srgb, #fffffe 10%, #004643);
  --badge-blocked-text: color-mix(in srgb, #abd1c6 68%, #004643);
  --badge-running-bg: color-mix(in srgb, #abd1c6 22%, #004643);
  --badge-running-text: #abd1c6;
}

[data-theme="earth"] {
  --color-bg-primary: #f9f4ef;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #f9f4ef 88%, #020826);
  --color-text-primary: #020826;
  --color-text-secondary: #716040;
  --color-text-tertiary: color-mix(in srgb, #716040 68%, #f9f4ef);
  --color-text-muted: color-mix(in srgb, #716040 42%, #f9f4ef);
  --color-primary: #8c7851;
  --color-primary-hover: color-mix(in srgb, #8c7851 80%, #020826);
  --color-primary-light: #8c7851;
  --color-border: color-mix(in srgb, #f9f4ef 76%, #020826);
  --color-border-light: color-mix(in srgb, #f9f4ef 88%, #020826);
  --color-divider: color-mix(in srgb, #f9f4ef 84%, #020826);
  --btn-primary-bg: #8c7851;
  --btn-primary-text: #fffffe;
  --btn-primary-hover: color-mix(in srgb, #8c7851 80%, #020826);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #f9f4ef 64%, #020826);
  --btn-secondary-text: #020826;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #020826 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #020826 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #020826 26%, transparent);
  --chat-bg: #f9f4ef;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #f9f4ef 88%, #020826);
  --chat-border: color-mix(in srgb, #f9f4ef 78%, #020826);
  --chat-border-strong: color-mix(in srgb, #f9f4ef 62%, #020826);
  --chat-txt: #020826;
  --chat-muted: color-mix(in srgb, #716040 62%, #f9f4ef);
  --chat-accent: #8c7851;
  --chat-accent-light: #8c7851;
  --chat-cyan: #8c7851;
  --chat-magenta: #f25042;
  --chat-amber: #f25042;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #f9f4ef);
  --color-danger-border: #dc2626;
  --color-action-bg: #8c7851;
  --color-action-text: #fffffe;
  --chat-on-accent: #fffffe;
  --badge-completed-bg: color-mix(in srgb, #8c7851 22%, #f9f4ef);
  --badge-completed-text: #8c7851;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #f9f4ef);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #f25042 22%, #f9f4ef);
  --badge-failed-text: #f25042;
  --badge-blocked-bg: color-mix(in srgb, #020826 10%, #f9f4ef);
  --badge-blocked-text: color-mix(in srgb, #716040 68%, #f9f4ef);
  --badge-running-bg: color-mix(in srgb, #8c7851 22%, #f9f4ef);
  --badge-running-text: #8c7851;
}

[data-theme="berry"] {
  --color-bg-primary: #232946;
  --color-bg-secondary: color-mix(in srgb, #232946 80%, #fffffe);
  --color-bg-tertiary: color-mix(in srgb, #232946 88%, #fffffe);
  --color-text-primary: #fffffe;
  --color-text-secondary: #b8c1ec;
  --color-text-tertiary: color-mix(in srgb, #b8c1ec 68%, #232946);
  --color-text-muted: color-mix(in srgb, #b8c1ec 42%, #232946);
  --color-primary: #eebbc3;
  --color-primary-hover: color-mix(in srgb, #eebbc3 80%, #fffffe);
  --color-primary-light: #eebbc3;
  --color-border: color-mix(in srgb, #232946 76%, #fffffe);
  --color-border-light: color-mix(in srgb, #232946 88%, #fffffe);
  --color-divider: color-mix(in srgb, #232946 84%, #fffffe);
  --btn-primary-bg: #eebbc3;
  --btn-primary-text: #232946;
  --btn-primary-hover: color-mix(in srgb, #eebbc3 80%, #fffffe);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #232946 64%, #fffffe);
  --btn-secondary-text: #fffffe;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #fffffe 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #fffffe 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #fffffe 26%, transparent);
  --chat-bg: #232946;
  --chat-panel: color-mix(in srgb, #232946 80%, #fffffe);
  --chat-panel-alt: color-mix(in srgb, #232946 88%, #fffffe);
  --chat-border: color-mix(in srgb, #232946 78%, #fffffe);
  --chat-border-strong: color-mix(in srgb, #232946 62%, #fffffe);
  --chat-txt: #fffffe;
  --chat-muted: color-mix(in srgb, #b8c1ec 62%, #232946);
  --chat-accent: #eebbc3;
  --chat-accent-light: #eebbc3;
  --chat-cyan: #eebbc3;
  --chat-magenta: #eebbc3;
  --chat-amber: #eebbc3;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #232946);
  --color-danger-border: #dc2626;
  --color-action-bg: #eebbc3;
  --color-action-text: #232946;
  --chat-on-accent: #232946;
  --badge-completed-bg: color-mix(in srgb, #eebbc3 22%, #232946);
  --badge-completed-text: #eebbc3;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #232946);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #eebbc3 22%, #232946);
  --badge-failed-text: #eebbc3;
  --badge-blocked-bg: color-mix(in srgb, #fffffe 10%, #232946);
  --badge-blocked-text: color-mix(in srgb, #b8c1ec 68%, #232946);
  --badge-running-bg: color-mix(in srgb, #fffffe 22%, #232946);
  --badge-running-text: #fffffe;
}

[data-theme="sunset"] {
  --color-bg-primary: #0f0e17;
  --color-bg-secondary: color-mix(in srgb, #0f0e17 80%, #fffffe);
  --color-bg-tertiary: color-mix(in srgb, #0f0e17 88%, #fffffe);
  --color-text-primary: #fffffe;
  --color-text-secondary: #a7a9be;
  --color-text-tertiary: color-mix(in srgb, #a7a9be 68%, #0f0e17);
  --color-text-muted: color-mix(in srgb, #a7a9be 42%, #0f0e17);
  --color-primary: #ff8906;
  --color-primary-hover: color-mix(in srgb, #ff8906 80%, #fffffe);
  --color-primary-light: #f25f4c;
  --color-border: color-mix(in srgb, #0f0e17 76%, #fffffe);
  --color-border-light: color-mix(in srgb, #0f0e17 88%, #fffffe);
  --color-divider: color-mix(in srgb, #0f0e17 84%, #fffffe);
  --btn-primary-bg: #ff8906;
  --btn-primary-text: #fffffe;
  --btn-primary-hover: color-mix(in srgb, #ff8906 80%, #fffffe);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #0f0e17 64%, #fffffe);
  --btn-secondary-text: #fffffe;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #fffffe 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #fffffe 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #fffffe 26%, transparent);
  --chat-bg: #0f0e17;
  --chat-panel: color-mix(in srgb, #0f0e17 80%, #fffffe);
  --chat-panel-alt: color-mix(in srgb, #0f0e17 88%, #fffffe);
  --chat-border: color-mix(in srgb, #0f0e17 78%, #fffffe);
  --chat-border-strong: color-mix(in srgb, #0f0e17 62%, #fffffe);
  --chat-txt: #fffffe;
  --chat-muted: color-mix(in srgb, #a7a9be 62%, #0f0e17);
  --chat-accent: #ff8906;
  --chat-accent-light: #f25f4c;
  --chat-cyan: #f25f4c;
  --chat-magenta: #f25f4c;
  --chat-amber: #f25f4c;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #0f0e17);
  --color-danger-border: #dc2626;
  --color-action-bg: #ff8906;
  --color-action-text: #fffffe;
  --chat-on-accent: #fffffe;
  --badge-completed-bg: color-mix(in srgb, #f25f4c 22%, #0f0e17);
  --badge-completed-text: #f25f4c;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #0f0e17);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #f25f4c 22%, #0f0e17);
  --badge-failed-text: #f25f4c;
  --badge-blocked-bg: color-mix(in srgb, #fffffe 10%, #0f0e17);
  --badge-blocked-text: color-mix(in srgb, #a7a9be 68%, #0f0e17);
  --badge-running-bg: color-mix(in srgb, #ff8906 22%, #0f0e17);
  --badge-running-text: #ff8906;
}

[data-theme="peach"] {
  --color-bg-primary: #faeee7;
  --color-bg-secondary: #fffffe;
  --color-bg-tertiary: color-mix(in srgb, #faeee7 88%, #33272a);
  --color-text-primary: #33272a;
  --color-text-secondary: #594a4e;
  --color-text-tertiary: color-mix(in srgb, #594a4e 68%, #faeee7);
  --color-text-muted: color-mix(in srgb, #594a4e 42%, #faeee7);
  --color-primary: #ff8ba7;
  --color-primary-hover: color-mix(in srgb, #ff8ba7 80%, #33272a);
  --color-primary-light: #ff8ba7;
  --color-border: color-mix(in srgb, #faeee7 76%, #33272a);
  --color-border-light: color-mix(in srgb, #faeee7 88%, #33272a);
  --color-divider: color-mix(in srgb, #faeee7 84%, #33272a);
  --btn-primary-bg: #ff8ba7;
  --btn-primary-text: #33272a;
  --btn-primary-hover: color-mix(in srgb, #ff8ba7 80%, #33272a);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #faeee7 64%, #33272a);
  --btn-secondary-text: #33272a;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #33272a 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #33272a 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #33272a 26%, transparent);
  --chat-bg: #faeee7;
  --chat-panel: #fffffe;
  --chat-panel-alt: color-mix(in srgb, #faeee7 88%, #33272a);
  --chat-border: color-mix(in srgb, #faeee7 78%, #33272a);
  --chat-border-strong: color-mix(in srgb, #faeee7 62%, #33272a);
  --chat-txt: #33272a;
  --chat-muted: color-mix(in srgb, #594a4e 62%, #faeee7);
  --chat-accent: #ff8ba7;
  --chat-accent-light: #ff8ba7;
  --chat-cyan: #ff8ba7;
  --chat-magenta: #c3f0ca;
  --chat-amber: #c3f0ca;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #faeee7);
  --color-danger-border: #dc2626;
  --color-action-bg: #ff8ba7;
  --color-action-text: #33272a;
  --chat-on-accent: #33272a;
  --badge-completed-bg: color-mix(in srgb, #ff8ba7 22%, #faeee7);
  --badge-completed-text: #ff8ba7;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #faeee7);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #ffc6c7 22%, #faeee7);
  --badge-failed-text: #ffc6c7;
  --badge-blocked-bg: color-mix(in srgb, #33272a 10%, #faeee7);
  --badge-blocked-text: color-mix(in srgb, #594a4e 68%, #faeee7);
  --badge-running-bg: color-mix(in srgb, #ff8ba7 22%, #faeee7);
  --badge-running-text: #ff8ba7;
}

[data-theme="caramel"] {
  --color-bg-primary: #55423d;
  --color-bg-secondary: color-mix(in srgb, #55423d 80%, #fffffe);
  --color-bg-tertiary: color-mix(in srgb, #55423d 88%, #fffffe);
  --color-text-primary: #fffffe;
  --color-text-secondary: #fff3ec;
  --color-text-tertiary: color-mix(in srgb, #fff3ec 68%, #55423d);
  --color-text-muted: color-mix(in srgb, #fff3ec 42%, #55423d);
  --color-primary: #ffc0ad;
  --color-primary-hover: color-mix(in srgb, #ffc0ad 80%, #fffffe);
  --color-primary-light: #e78fb3;
  --color-border: color-mix(in srgb, #55423d 76%, #fffffe);
  --color-border-light: color-mix(in srgb, #55423d 88%, #fffffe);
  --color-divider: color-mix(in srgb, #55423d 84%, #fffffe);
  --btn-primary-bg: #ffc0ad;
  --btn-primary-text: #271c19;
  --btn-primary-hover: color-mix(in srgb, #ffc0ad 80%, #fffffe);
  --btn-secondary-bg: transparent;
  --btn-secondary-border: color-mix(in srgb, #55423d 64%, #fffffe);
  --btn-secondary-text: #fffffe;
  --shadow-sm: 0 1px 2px color-mix(in srgb, #fffffe 14%, transparent);
  --shadow-md: 0 4px 12px color-mix(in srgb, #fffffe 20%, transparent);
  --shadow-lg: 0 8px 24px color-mix(in srgb, #fffffe 26%, transparent);
  --chat-bg: #55423d;
  --chat-panel: color-mix(in srgb, #55423d 80%, #fffffe);
  --chat-panel-alt: color-mix(in srgb, #55423d 88%, #fffffe);
  --chat-border: color-mix(in srgb, #55423d 78%, #fffffe);
  --chat-border-strong: color-mix(in srgb, #55423d 62%, #fffffe);
  --chat-txt: #fffffe;
  --chat-muted: color-mix(in srgb, #fff3ec 62%, #55423d);
  --chat-accent: #ffc0ad;
  --chat-accent-light: #e78fb3;
  --chat-cyan: #e78fb3;
  --chat-magenta: #9656a1;
  --chat-amber: #9656a1;
  --chat-red: #dc2626;
  --chat-green: #16a34a;
  --color-danger: #dc2626;
  --color-danger-bg: color-mix(in srgb, #dc2626 12%, #55423d);
  --color-danger-border: #dc2626;
  --color-action-bg: #ffc0ad;
  --color-action-text: #271c19;
  --chat-on-accent: #271c19;
  --badge-completed-bg: color-mix(in srgb, #ffc0ad 22%, #55423d);
  --badge-completed-text: #ffc0ad;
  --badge-pending-bg: color-mix(in srgb, #ea580c 22%, #55423d);
  --badge-pending-text: #ea580c;
  --badge-failed-bg: color-mix(in srgb, #e78fb3 22%, #55423d);
  --badge-failed-text: #e78fb3;
  --badge-blocked-bg: color-mix(in srgb, #fffffe 10%, #55423d);
  --badge-blocked-text: color-mix(in srgb, #fff3ec 68%, #55423d);
  --badge-running-bg: color-mix(in srgb, #ffc0ad 22%, #55423d);
  --badge-running-text: #ffc0ad;
}