/* ── Toast: light mode keeps dark glass (intentional, better legibility) ── */
body.lightmode .cd-toast{
  background: linear-gradient(160deg, rgba(22,33,52,.97) 0%, rgba(15,23,37,.97) 100%);
  border-color: rgba(138,180,255,.30);
  box-shadow:
    0 16px 32px rgba(0,0,0,.28),
    0 4px 10px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.06);
}
body.lightmode .cd-toast.cd-toast--success{
  background: linear-gradient(160deg, rgba(12,42,28,.97) 0%, rgba(8,30,18,.97) 100%);
}
body.lightmode .cd-toast.cd-toast--error{
  background: linear-gradient(160deg, rgba(48,16,16,.97) 0%, rgba(34,10,10,.97) 100%);
}

/* Global light mode overrides (final layer; must stay at file end) */
body.lightmode{
  --cd-text: #162138;
  --cd-text-muted: #3a4b67;
}

body.lightmode *{
  scrollbar-color: rgba(99, 123, 162, .45) rgba(44, 62, 93, .08);
}

body.lightmode *::-webkit-scrollbar-thumb{
  background: rgba(99, 123, 162, .42);
}

body.lightmode *::-webkit-scrollbar-track{
  background: rgba(44, 62, 93, .08);
}

body.lightmode .cd-theme-switch{
  background: linear-gradient(180deg, rgba(222, 231, 244, .98), rgba(207, 219, 235, .98));
  border-color: rgba(90, 112, 145, .42);
  box-shadow: 0 3px 8px rgba(30, 43, 62, .14), inset 0 1px 0 rgba(255,255,255,.80);
}

body.lightmode .cd-theme-switch:hover{
  border-color: rgba(88, 112, 149, .58);
  box-shadow: 0 5px 12px rgba(30, 43, 62, .18), inset 0 1px 0 rgba(255,255,255,.92);
}

body.lightmode .cd-theme-switch img:last-child{
  filter: none;
}

body.lightmode .cd-lang-switch,
body.lightmode .tt-profile-menu > summary,
body.lightmode .tt-header-connect{
  border-color: rgba(90, 112, 145, .42);
  background: linear-gradient(180deg, rgba(222, 231, 244, .98), rgba(207, 219, 235, .98));
  color: #1e2f48;
  box-shadow: 0 3px 8px rgba(30, 43, 62, .14), inset 0 1px 0 rgba(255,255,255,.80);
}

body.lightmode .cd-lang-switch:hover,
body.lightmode .tt-profile-menu[open] > summary,
body.lightmode .tt-header-connect:hover{
  border-color: rgba(78, 104, 148, .52);
  background: linear-gradient(180deg, rgba(215, 226, 241, .98), rgba(199, 213, 231, .98));
  box-shadow:
    0 0 0 1px rgba(90, 115, 155, .20),
    0 5px 12px rgba(30, 43, 62, .16),
    inset 0 1px 0 rgba(255,255,255,.88);
}

body.lightmode .card,
body.lightmode .cd-page-hero,
body.lightmode .cd-main-col,
body.lightmode .cd-method-card,
body.lightmode .today-ops,
body.lightmode .job-history,
body.lightmode .status-line{
  background: linear-gradient(180deg, rgba(242, 246, 252, .99), rgba(228, 235, 245, .99));
  border-color: rgba(92, 103, 120, .32);
  color: #162138;
  box-shadow:
    0 28px 52px rgba(28, 38, 54, .28),
    0 8px 20px rgba(28, 38, 54, .14),
    0 2px 0 rgba(255,255,255,.90) inset,
    0 -1px 0 rgba(130, 142, 162, .18) inset;
}

body.lightmode .tt-footer,
body.lightmode .tt-footer__links{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.lightmode .tt-footer::before,
body.lightmode .tt-footer::after{
  content: none !important;
  display: none !important;
}

body.lightmode .cd-app-stage::before{
  background: rgba(236, 242, 250, .44);
  border-color: rgba(98, 113, 136, .20);
}

body.lightmode .cd-page-hero__lead,
body.lightmode .cd-doc-card > p,
body.lightmode .cd-doc-card > ul,
body.lightmode .cd-doc-card > ol,
body.lightmode .cd-info-card p,
body.lightmode .cd-info-card ul,
body.lightmode .cd-card__subtitle,
body.lightmode .cd-field__help,
body.lightmode .cd-field__hint,
body.lightmode .today-ops__text,
body.lightmode .job-history__prompt,
body.lightmode .job-history__meta,
body.lightmode .job-history__empty,
body.lightmode .status-line__detail{
  color: #334664;
}

body.lightmode .cd-page-pill,
body.lightmode .today-ops__state,
body.lightmode .today-ops__kpi,
body.lightmode .job-history__kpi,
body.lightmode .job-history__chip,
body.lightmode .cd-auto-item__status{
  border-color: rgba(106, 121, 144, .30);
  background: rgba(214, 223, 235, .90);
  color: #2a3954;
}

body.lightmode a{
  color: #24508f;
}

body.lightmode .cd-mini-link,
body.lightmode .cd-site-btn,
body.lightmode .cd-presets-back,
body.lightmode .cd-presets-btn,
body.lightmode .cd-presets-load,
body.lightmode .job-history__toggle,
body.lightmode .today-ops__action,
body.lightmode #clear,
body.lightmode .advanced__copy-btn,
body.lightmode .advanced__health a{
  border-color: rgba(106, 121, 144, .34);
  background: linear-gradient(180deg, rgba(225, 233, 244, .98), rgba(213, 223, 236, .98));
  color: #24344e;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.84);
}

body.lightmode .job-history__download{
  border-color: rgba(60, 110, 200, .36);
  background: rgba(60, 110, 200, .08);
  color: #1a3a78;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}
body.lightmode .job-history__download:hover{
  background: rgba(60, 110, 200, .14);
  box-shadow: 0 0 0 1px rgba(60, 110, 200, .20), inset 0 1px 0 rgba(255,255,255,.70);
}

body.lightmode .job-history__captions{
  border-color: rgba(160, 120, 20, .36);
  background: rgba(200, 150, 20, .08);
  color: #5c3e00;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

body.lightmode .job-history__upload{
  border-color: rgba(30, 160, 110, .36);
  background: rgba(30, 160, 110, .08);
  color: #0f4a30;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}

body.lightmode .job-history__delete{
  border-color: rgba(200, 60, 80, .34);
  background: rgba(200, 60, 80, .07);
  color: #7a1422;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70);
}
body.lightmode .job-history__delete:hover{
  background: rgba(200, 60, 80, .13);
  box-shadow: 0 0 0 1px rgba(200, 60, 80, .18), inset 0 1px 0 rgba(255,255,255,.70);
}

body.lightmode .tt-tiktok-btn{
  border-color: rgba(106, 121, 144, .34);
  background: linear-gradient(180deg, rgba(229, 236, 246, .98), rgba(214, 223, 237, .98));
  color: #1f2f4a;
  box-shadow: 0 8px 16px rgba(30, 43, 62, .14), inset 0 1px 0 rgba(255,255,255,.86);
}

body.lightmode .tt-tiktok-btn:hover{
  border-color: rgba(88, 112, 149, .42);
  box-shadow:
    0 10px 20px rgba(30, 43, 62, .18),
    0 0 0 1px rgba(106, 121, 144, .18),
    inset 0 1px 0 rgba(255,255,255,.9);
}

body.lightmode .cd-presets-btn--primary,
body.lightmode .today-ops__action.is-primary{
  border-color: rgba(90, 132, 205, .40);
  background: linear-gradient(180deg, rgba(214, 227, 247, .99), rgba(196, 214, 240, .99));
  color: #1f3760;
}

body.lightmode .cd-site-btn--primary{
  border-color: rgba(40, 92, 196, .52);
  background: linear-gradient(180deg, rgba(44, 96, 200, .92), rgba(30, 72, 170, .94));
  color: #f0f7ff;
  box-shadow: 0 6px 20px rgba(30, 72, 180, .28), inset 0 1px 0 rgba(255,255,255,.14);
}
body.lightmode .cd-site-btn--primary:hover{
  background: linear-gradient(180deg, rgba(54, 110, 218, .94), rgba(38, 86, 190, .96));
  box-shadow: 0 10px 28px rgba(30, 72, 180, .36), inset 0 1px 0 rgba(255,255,255,.16);
}

body.lightmode .cd-input-shell,
body.lightmode .cd-select-trigger,
body.lightmode .cd-presets-output,
body.lightmode .enhance-preview__text,
body.lightmode .job-history__item,
body.lightmode .source-dropzone,
body.lightmode .source-file-meta,
body.lightmode .source-dropzone__icon,
body.lightmode .tt-profile-dropdown,
body.lightmode .tt-profile-extras,
body.lightmode .advanced__item,
body.lightmode .advanced__meta-row,
body.lightmode .cd-auto-item{
  border-color: rgba(90, 112, 148, .50);
  background: rgba(243, 247, 253, .96);
  color: #1d2f4b;
}

body.lightmode label,
body.lightmode .cd-field__label,
body.lightmode .enhance-preview__title,
body.lightmode .enhance-preview__label,
body.lightmode .source-dropzone__title,
body.lightmode .source-dropzone__hint,
body.lightmode .source-file-meta__name,
body.lightmode .advanced__meta-label,
body.lightmode .tt-profile-extras > summary,
body.lightmode .job-history > summary,
body.lightmode .cd-auto-item__title{
  color: #2a3d5a;
}

body.lightmode .cd-auto-item__meta,
body.lightmode .cd-auto-empty{
  color: #334664;
}

body.lightmode .cd-auto-empty{
  border-color: rgba(101, 121, 151, .34);
  background: rgba(246, 250, 255, .98);
}

body.lightmode .cd-auto-advanced{
  border-color: rgba(101, 121, 151, .34);
  background: rgba(239, 245, 252, .96);
}

body.lightmode .cd-auto-advanced > summary{
  color: #2b4262;
}

body.lightmode .cd-auto-schedule-line__text,
body.lightmode .cd-auto-toggle{
  color: #334664;
}

body.lightmode .tt-timepicker__label,
body.lightmode .tt-timepicker__ticks{
  color: #465a78;
}

body.lightmode .cd-agent-btn__icon{
  color: #4f6b91;
}

body.lightmode .cd-agent-btn.is-active .cd-agent-btn__icon{
  color: #1f4e7f;
}

body.lightmode .cd-auto-duo::before{
  background: rgba(120, 136, 160, .36);
}

body.lightmode .cd-auto-panel{
  border: 0;
  background: transparent;
}

body.lightmode .cd-auto-panel__step{
  border-color: rgba(104, 140, 196, .44);
  background: rgba(104, 140, 196, .16);
  color: #2c4f78;
}

body.lightmode .cd-auto-panel__copy h3{
  color: #24344a;
}

body.lightmode .cd-auto-panel__copy p{
  color: #4a5f7b;
}

body.lightmode .tt-timepicker__value{
  color: #24344a;
  border-color: rgba(120, 136, 160, .38);
  background: linear-gradient(180deg, rgba(236, 243, 252, .98), rgba(224, 235, 249, .98));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    0 6px 14px rgba(30,43,62,.10);
}

body.lightmode .tt-timepicker__range{
  border-color: rgba(120, 136, 160, .38);
  background: rgba(33, 50, 74, .10);
}

body.lightmode .tt-timepicker__range::-webkit-slider-thumb{
  background: rgba(30, 47, 72, .96);
  border-color: rgba(255,255,255,.96);
  box-shadow: 0 6px 14px rgba(30,43,62,.18);
}

body.lightmode .tt-timepicker__range::-moz-range-thumb{
  background: rgba(30, 47, 72, .96);
  border-color: rgba(255,255,255,.96);
  box-shadow: 0 6px 14px rgba(30,43,62,.18);
}

body.lightmode .tt-timepicker__bubble{
  border-color: rgba(120, 136, 160, .36);
  background: rgba(255,255,255,.96);
  color: #24344a;
  box-shadow: 0 8px 16px rgba(30,43,62,.16);
}

body.lightmode .cd-auto-specialization-count{
  color: #3d5070;
}

body.lightmode .cd-timeinput{
  border-color: rgba(100,120,155,.40);
  background: rgba(255,255,255,.80);
  color: #1a2a40;
}

body.lightmode .cd-timeinput:hover{
  border-color: rgba(60,100,180,.55);
}

body.lightmode .cd-timeinput:focus{
  border-color: rgba(40,80,170,.70);
}

body.lightmode .cd-timeinput::-webkit-calendar-picker-indicator{
  filter: none opacity(.6);
}

body.lightmode .cd-auto-specialization-shell{
  border-color: rgba(101, 121, 151, .34);
  background: rgba(243, 247, 253, .96);
}

body.lightmode.page-automations #autoSpecialization{
  border: 0;
  background: transparent;
  color: #203350;
}

body.lightmode.page-automations #autoSpecialization::placeholder{
  color: #5e7397;
}

body.lightmode .cd-auto-action{
  border-color: rgba(106, 124, 151, .36);
  background: linear-gradient(180deg, rgba(235,242,252,.98), rgba(222,233,247,.98));
  color: #2d4364;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
}

body.lightmode .cd-auto-action:hover{
  border-color: rgba(74, 126, 193, .50);
  background: linear-gradient(180deg, rgba(224,235,250,.99), rgba(210,225,244,.99));
  box-shadow: 0 4px 8px rgba(30,43,62,.10), inset 0 1px 0 rgba(255,255,255,.90);
}

body.lightmode .cd-auto-panel__step{
  border-color: rgba(66, 114, 188, .50);
  background: linear-gradient(135deg, rgba(185, 210, 245, .90), rgba(165, 195, 238, .90));
  color: #163264;
  box-shadow: 0 2px 6px rgba(30,43,62,.12);
}

body.lightmode .cd-auto-list-head h3{
  color: #4a6080;
}

body.lightmode .cd-auto-item{
  border-bottom-color: rgba(90,110,140,.14);
}

body.lightmode .switch .slider{
  border-color: rgba(96, 114, 146, .62);
  background: rgba(221, 231, 244, .90);
}

body.lightmode .switch .slider:before{
  background-color: #ffffff;
}

body.lightmode .switch input:checked + .slider{
  border-color: rgba(52, 139, 202, .88);
  box-shadow: 0 0 12px rgba(68, 157, 224, .35);
}

body.lightmode .glow-on-hover{
  color: #f7fbff;
  background: linear-gradient(180deg, #24456f 0%, #1d3354 100%);
  box-shadow: 0 10px 26px rgba(16, 24, 40, .14);
}

body.lightmode .glow-on-hover::after{
  background: linear-gradient(180deg, #24456f 0%, #1d3354 100%);
  border-color: rgba(44, 88, 150, .35);
}

body.lightmode .glow-on-hover::before{
  background: linear-gradient(45deg, #ff3b6a, #4b88ff, #22d3ee, #34d399, #ff3b6a);
  background-size: 260%;
  filter: blur(7px);
  opacity: .20;
  animation-duration: 14s;
  animation-play-state: paused;
}

body.lightmode .glow-on-hover:hover::before{
  opacity: .55;
  animation-play-state: running;
}

body.lightmode .glow-on-hover:active{
  transform: translateY(1px);
  box-shadow: 0 8px 18px rgba(16, 24, 40, .12);
}

@media (prefers-reduced-motion: reduce){
  body.lightmode .glow-on-hover::before{
    animation: none !important;
    opacity: .35;
  }
}

body.lightmode.page-app .cd-main-col,
body.lightmode.page-app .cd-method-card,
body.lightmode.page-app .today-ops,
body.lightmode.page-app .job-history,
body.lightmode.page-app .cd-card{
  border-color: rgba(102, 121, 151, .38);
  background: linear-gradient(180deg, rgba(230, 236, 245, .98), rgba(216, 225, 237, .98));
  color: #182742;
}

body.lightmode.page-app .cd-method-card__head{
  background: linear-gradient(180deg, rgba(219, 229, 243, .95), rgba(207, 219, 236, .95));
  color: #203350;
}

body.lightmode.page-app .cd-primary-mode-switch,
body.lightmode.page-app .cd-generate-mode-switch{
  background: rgba(220, 230, 244, .90);
  border-color: rgba(102, 121, 151, .34);
}

body.lightmode.page-app .cd-primary-mode-btn,
body.lightmode.page-app .cd-generate-mode-btn,
body.lightmode.page-app .cd-enhance-btn{
  border-color: rgba(102, 121, 151, .34);
  background: linear-gradient(180deg, rgba(228, 236, 247, .98), rgba(215, 225, 239, .98));
  color: #243750;
}
body.lightmode.page-app .cd-enhance-btn--accent{
  border-color: rgba(72, 110, 185, .40);
  background: linear-gradient(180deg, rgba(214, 228, 248, .99), rgba(198, 216, 242, .99));
  color: #1e3e7a;
}
body.lightmode.page-app .cd-enhance-btn--accent:hover{
  border-color: rgba(72, 110, 185, .60);
  box-shadow: 0 0 0 1px rgba(72, 110, 185, .16), 0 4px 10px rgba(50,100,200,.10);
  color: #162e60;
}

body.lightmode.page-app .cd-primary-mode-btn.is-active,
body.lightmode.page-app .cd-generate-mode-btn.is-active{
  border-color: rgba(87, 123, 188, .48);
  background: linear-gradient(180deg, rgba(212, 226, 246, .98), rgba(194, 212, 239, .98));
  color: #1f3760;
}

body.lightmode.page-app .cd-core-tool .actions .cd-btn{
  border-color: rgba(88, 120, 176, .46);
  background: linear-gradient(180deg, rgba(82, 127, 199, .96), rgba(59, 100, 170, .96));
  color: #f6f9ff;
}

body.lightmode.page-app .job-history__main,
body.lightmode.page-app .cd-card__title{
  color: #1a2c49;
}

/* Light mode consistency pass: same quality as impressum across all pages */
body.lightmode .glow-card{
  border-radius: 14px;
  overflow: hidden;
}

body.lightmode .glow-card .cd-glow-ring{
  display: none !important;
}


body.lightmode .tt-pill{
  border-color: rgba(106, 121, 144, .34);
  background: linear-gradient(180deg, rgba(225, 233, 244, .98), rgba(213, 223, 236, .98));
  color: #24344e;
}

body.lightmode .tt-pill--home{
  border-color: rgba(100, 118, 148, .42);
  background: linear-gradient(180deg, rgba(216, 226, 240, .99), rgba(202, 214, 231, .99));
}

body.lightmode .tt-pill__icon img{
  filter: none;
}

body.lightmode .tt-pill:hover{
  background: linear-gradient(180deg, rgba(233, 239, 247, .99), rgba(220, 229, 240, .99));
  color: #162845;
  box-shadow: 0 0 0 1px rgba(106, 121, 144, .26), 0 6px 14px rgba(38, 48, 63, .12);
}

body.lightmode .cd-page-stack .cd-page-hero,
body.lightmode .cd-page-stack .card{
  background: linear-gradient(180deg, rgba(231, 236, 243, .98), rgba(219, 226, 236, .98));
  border: 1px solid rgba(92, 103, 120, .42);
  background-clip: padding-box;
  box-shadow:
    0 24px 46px rgba(33, 43, 57, .24),
    0 7px 16px rgba(33, 43, 57, .14),
    0 3px 0 rgba(255,255,255,.80) inset,
    0 -1px 0 rgba(122, 133, 150, .22) inset;
  color: #162138;
}

body.lightmode .cd-page-stack .cd-page-hero__lead,
body.lightmode .cd-page-stack .cd-doc-card > p,
body.lightmode .cd-page-stack .cd-doc-card > ul,
body.lightmode .cd-page-stack .cd-doc-card > ol{
  color: #2d384f;
}

body.lightmode .cd-prompts-controls__main p,
body.lightmode .cd-prompts-panel__meta,
body.lightmode .cd-presets-note ul,
body.lightmode .cd-presets-note h3,
body.lightmode .cd-presets-sources__title,
body.lightmode .cd-presets-sources__list a,
body.lightmode .cd-presets-output,
body.lightmode #presetStatus,
body.lightmode .status-line__main,
body.lightmode .status-line__detail{
  color: #2a3b58;
}

body.lightmode .cd-presets-note,
body.lightmode .cd-presets-sources,
body.lightmode .cd-prompts-panel,
body.lightmode .status-line{
  border-color: rgba(101, 121, 151, .28);
  background: rgba(236, 242, 250, .96);
}

body.lightmode .cd-presets-output{
  border-color: rgba(101, 121, 151, .32);
  background: rgba(241, 246, 253, .98);
}

body.lightmode.page-app .cd-field select,
body.lightmode.page-app .cd-core-tool .cd-input-shell,
body.lightmode.page-app .cd-input-shell,
body.lightmode.page-app #inputPrompt,
body.lightmode.page-app #inputImagePrompt{
  border-color: rgba(90, 112, 148, .50);
  background: rgba(242, 247, 253, .98);
  color: #1b2f4d;
}

body.lightmode.page-app #inputPrompt::placeholder,
body.lightmode.page-app #inputImagePrompt::placeholder{
  color: #5f7294;
}

body.lightmode.page-app .cd-core-tool__hint,
body.lightmode.page-app .cd-field__help,
body.lightmode.page-app .cd-field__hint,
body.lightmode.page-app .job-history__prompt,
body.lightmode.page-app .job-history__meta,
body.lightmode.page-app .job-history__empty{
  color: #344a6b;
}

/* Light mode: profile-menu actions + home primary CTA arrow contrast */
body.lightmode .tt-profile-dropdown .tt-logout.logoutButton::before{
  background: linear-gradient(180deg, rgba(225, 233, 245, .99), rgba(210, 222, 239, .99));
  border: 1px solid rgba(106, 121, 144, .38);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.88);
}

body.lightmode .tt-profile-dropdown .tt-logout.logoutButton .button-text{
  color: #233752;
}

body.lightmode .tt-profile-dropdown .tt-logout.logoutButton .figure,
body.lightmode .tt-profile-dropdown .tt-logout.logoutButton .figure *{
  fill: #3c68a7;
}

body.lightmode .tt-profile-dropdown .tt-logout.logoutButton .door path{
  fill: #4f75b6;
  stroke: #4f75b6;
}

body.lightmode .tt-profile-dropdown .tt-logout.logoutButton .door circle{
  fill: #e7f0ff;
}

body.lightmode .tt-profile-dropdown .tt-profile-action--danger{
  border-color: rgba(197, 109, 126, .44);
  background: linear-gradient(180deg, rgba(247, 229, 233, .98), rgba(241, 214, 222, .98));
  color: #7f2c3e;
}

body.lightmode .tt-profile-dropdown .tt-profile-action--danger:hover{
  border-color: rgba(184, 92, 111, .52);
  background: linear-gradient(180deg, rgba(250, 236, 240, .99), rgba(244, 221, 228, .99));
  color: #6f2436;
}

body.lightmode .tt-profile-dropdown .tt-profile-action--lang{
  border-color: rgba(103, 124, 156, .38);
  background: linear-gradient(180deg, rgba(226, 234, 245, .99), rgba(213, 224, 240, .99));
  color: #2b4568;
}

body.lightmode .tt-profile-dropdown .tt-profile-action--lang:hover{
  border-color: rgba(87, 112, 149, .46);
  background: linear-gradient(180deg, rgba(234, 241, 250, .99), rgba(220, 231, 245, .99));
  color: #223d60;
}

body.lightmode .cd-site-btn--primary .cd-site-btn__label::after{
  color: #255ea8;
}

/* Automations simplified UI light-mode overrides */
body.lightmode .cd-auto-help-trigger{
  border-color: rgba(120, 136, 160, .42);
  background: linear-gradient(180deg, rgba(233, 240, 249, .99), rgba(220, 230, 244, .99));
  color: #2a3f5d;
}

body.lightmode .cd-auto-help-trigger:hover{
  border-color: rgba(96, 128, 178, .50);
  box-shadow: 0 0 0 1px rgba(96, 128, 178, .14), inset 0 1px 0 rgba(255,255,255,.90);
}

body.lightmode .cd-agent-btn{
  border-color: rgba(120, 136, 160, .40);
  background: linear-gradient(180deg, rgba(240, 245, 252, .98), rgba(229, 238, 250, .98));
  color: #23354c;
}

body.lightmode .cd-agent-btn__meta{
  color: #4b607b;
}

body.lightmode .cd-agent-btn.is-active{
  border-color: rgba(66, 114, 188, .60);
  background: linear-gradient(180deg, rgba(210, 228, 250, .99), rgba(192, 215, 245, .99));
  color: #162e56;
  box-shadow:
    0 0 0 1px rgba(66, 114, 188, .20),
    0 8px 14px rgba(30, 43, 62, .12),
    inset 0 1px 0 rgba(255,255,255,.92);
}
body.lightmode .cd-agent-btn.is-active .cd-agent-btn__title{
  color: #122649;
}
body.lightmode .cd-agent-btn.is-active .cd-agent-btn__meta{
  color: #3a5a8a;
}

body.lightmode .cd-agent-info{
  border-color: rgba(120, 136, 160, .40);
  background: rgba(240, 246, 253, .98);
}

body.lightmode .cd-auto-rollout__split::before{
  background: rgba(120, 136, 160, .36);
}

body.lightmode.page-automations .cd-agent-name-count{
  color: #526a8f;
}

body.lightmode .cd-agent-name-count.is-limit{
  color: #c0392b;
}

body.lightmode .cd-agent-name-shell.is-limit{
  border-color: rgba(192,57,43,.55);
}

body.lightmode.page-automations .cd-agent-name-shell{
  border-color: rgba(104, 124, 153, .44);
  background: rgba(248, 252, 255, .98);
}

body.lightmode.page-automations #autoName{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f3553;
}

body.lightmode.page-automations #autoName::placeholder{
  color: #5e7397;
}

body.lightmode.page-automations .cd-auto-specialization-shell{
  border-color: rgba(104, 124, 153, .40);
  background: rgba(248, 252, 255, .98);
}

body.lightmode.page-automations #autoSpecialization{
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1f3553;
  box-shadow: none;
}

body.lightmode.page-automations #autoSpecialization::placeholder{
  color: #5e7397;
}

body.lightmode .cd-agent-info h3{
  color: #2a3d5a;
}

body.lightmode .cd-agent-info p,
body.lightmode .cd-agent-info__list{
  color: #334664;
}

body.lightmode .cd-auto-help-modal__backdrop{
  background: rgba(36, 48, 66, .42);
}

body.lightmode .cd-auto-help-modal__dialog{
  border-color: rgba(92, 103, 120, .40);
  background: linear-gradient(180deg, rgba(233, 239, 247, .99), rgba(220, 229, 240, .99));
  color: #1d2f4a;
  box-shadow:
    0 24px 44px rgba(33, 43, 57, .22),
    0 5px 12px rgba(33, 43, 57, .12),
    0 2px 0 rgba(255,255,255,.84) inset;
}

body.lightmode .cd-auto-help-close{
  border-color: rgba(106, 124, 151, .34);
  background: rgba(255,255,255,.90);
  color: #2c4466;
}

body.lightmode .cd-auto-help-step{
  border-color: rgba(101, 121, 151, .32);
  background: rgba(242, 247, 253, .96);
}

body.lightmode .cd-auto-help-step__icon{
  border-color: rgba(74, 126, 193, .42);
  background: rgba(74, 126, 193, .12);
  color: #295182;
}

body.lightmode .cd-auto-help-step h4{
  color: #2a3d5a;
}

body.lightmode .cd-auto-help-step p,
body.lightmode .cd-auto-help-note{
  color: #334664;
}

body.lightmode .cd-auto-help-note{
  border-color: rgba(101, 121, 151, .30);
  background: rgba(236, 242, 250, .96);
}

body.lightmode .cd-auto-run-badge.is-ok{ background: rgba(22,163,74,.10); border-color: rgba(22,163,74,.30); color: #15803d; }
body.lightmode .cd-auto-run-badge.is-error{ background: rgba(220,38,38,.08); border-color: rgba(220,38,38,.28); color: #b91c1c; }
body.lightmode .cd-auto-run-badge.is-running-run{ background: rgba(37,99,235,.08); border-color: rgba(37,99,235,.26); color: #1d4ed8; }

/* Light mode readability for prompt input fields */
body.lightmode #corePrompt,
body.lightmode #inputPrompt,
body.lightmode #inputImagePrompt,
body.lightmode #autoSpecialization,
body.lightmode #autoName{
  color: #111a2b;
}

body.lightmode #corePrompt::placeholder,
body.lightmode #inputPrompt::placeholder,
body.lightmode #inputImagePrompt::placeholder,
body.lightmode #autoSpecialization::placeholder,
body.lightmode #autoName::placeholder{
  color: #4a5f78;
}

body.lightmode textarea::placeholder,
body.lightmode input::placeholder{
  color: #556880;
}

body.lightmode.page-automations #autoSpecialization{
  padding: 10px 16px;
}

/* Footer account badge when connected */
body.lightmode .tt-tiktok-btn.is-connected{
  border-color: rgba(94, 114, 147, .42);
  background: linear-gradient(180deg, rgba(227, 236, 247, .99), rgba(212, 224, 239, .99));
  color: #1e2f4a;
}

body.lightmode.page-automations .cd-auto-rollout{
  border-color: rgba(104, 124, 153, .36);
  background: rgba(245, 250, 255, .98);
}

body.lightmode.page-automations .cd-auto-rollout > summary{
  color: #2a3f5f;
  background: linear-gradient(180deg, rgba(234, 241, 250, .99), rgba(223, 233, 245, .99));
}

body.lightmode.page-automations .cd-auto-rollout[open] > summary{
  border-bottom-color: rgba(104, 124, 153, .30);
}

body.lightmode.page-automations #autoCreateTest{
  border-color: rgba(0,0,0,.22);
  background: linear-gradient(180deg, #2c2c2c 0%, #1a1a1a 100%);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}

body.lightmode.page-automations #autoCreateTest:hover{
  border-color: rgba(255,255,255,.22);
  box-shadow: 0 6px 16px rgba(0,0,0,.26), 0 0 0 1px rgba(37,244,238,.20), inset 0 1px 0 rgba(255,255,255,.08);
}

body.lightmode.page-automations .cd-auto-test-result{
  border-color: rgba(104, 124, 153, .34);
  background: rgba(239, 245, 253, .97);
}

body.lightmode.page-automations .cd-auto-test-result.is-success{
  border-color: rgba(66, 160, 124, .38);
  background: rgba(232, 247, 241, .98);
}

body.lightmode.page-automations .cd-auto-test-result.is-error{
  border-color: rgba(199, 111, 111, .36);
  background: rgba(251, 239, 239, .98);
}

body.lightmode.page-automations .cd-auto-test-result__text strong{
  color: #223653;
}

body.lightmode.page-automations .cd-auto-test-result__text span{
  color: #445e84;
}

body.lightmode.page-automations .cd-auto-test-result__btn{
  border-color: rgba(104, 124, 153, .38);
  background: rgba(228, 237, 249, .95);
  color: #203652;
}

body.lightmode.page-automations .cd-auto-test-result__btn--ghost{
  background: rgba(255,255,255,.74);
}

/* ── Light mode: News Chips ──────────────────────────────────────────── */
body.lightmode .cd-chip{
  border-color: rgba(90, 120, 168, .32);
  background: rgba(220, 232, 248, .80);
  color: #2a3f62;
}
body.lightmode .cd-chip:hover{
  background: rgba(206, 222, 244, .90);
  border-color: rgba(74, 114, 175, .46);
  color: #1e3257;
}
body.lightmode .cd-chip.is-active{
  background: rgba(190, 214, 244, .95);
  border-color: rgba(66, 114, 188, .60);
  color: #163370;
  font-weight: 600;
}
body.lightmode .cd-chips-row::before{
  border-left-color: rgba(100, 130, 175, .36);
  border-bottom-color: rgba(100, 130, 175, .36);
}

/* ── Light mode: Agent-Info Triple dividers ──────────────────────────── */
body.lightmode .cd-agent-info--triple .cd-agent-name-side{
  border-left-color: rgba(110, 130, 160, .28);
}
body.lightmode .cd-agent-info--triple .cd-clip-length-col{
  border-left-color: rgba(110, 130, 160, .28);
}
@media (max-width: 900px){
  body.lightmode .cd-agent-info--triple .cd-agent-name-side,
  body.lightmode .cd-agent-info--triple .cd-clip-length-col{
    border-top-color: rgba(110, 130, 160, .22);
    border-left-color: transparent;
  }
  body.lightmode .cd-agent-info--triple .cd-clip-length-col{
    border-left-color: rgba(110, 130, 160, .22);
  }
}

/* ── Light mode: Clip Length Column ─────────────────────────────────── */
body.lightmode .cd-clip-length-label{
  color: #3d5678;
}
body.lightmode .cd-clip-length-sub{
  color: #3d5678;
}

/* ── Light mode: Short/Long Toggle ──────────────────────────────────── */
body.lightmode .cd-clip-toggle__label{
  color: rgba(48, 72, 120, .90);
}
body.lightmode .cd-clip-toggle:has(input:not(:checked)) .cd-clip-toggle__label:first-child{
  color: #2a3f62;
}
body.lightmode .cd-clip-toggle:has(input:checked) .cd-clip-toggle__label--long{
  color: #163370;
}
body.lightmode .cd-switch__slider{
  border-color: rgba(96, 120, 162, .44);
  background: rgba(200, 218, 240, .70);
}
body.lightmode .cd-switch__slider::before{
  background: #5a7fb0;
}
body.lightmode .cd-switch input:checked + .cd-switch__slider{
  border-color: rgba(48, 110, 190, .68);
  background: rgba(178, 208, 242, .90);
}
body.lightmode .cd-switch input:checked + .cd-switch__slider::before{
  background: #1e4f90;
}

/* ── Light mode: Agent-Info padding (triple removes outer padding) ───── */
body.lightmode .cd-agent-info--triple{
  border-color: rgba(100, 120, 150, .36);
  background: rgba(238, 245, 254, .97);
}
body.lightmode.page-automations .cd-agent-info--triple .cd-agent-info__main h3{
  color: #1e3055;
}
body.lightmode.page-automations .cd-agent-info--triple .cd-agent-info__main p,
body.lightmode.page-automations .cd-agent-info--triple .cd-agent-info__list{
  color: #334d72;
}

/* ── Light mode: clear button ─────────────────────────────────────────── */
body.lightmode .cd-clear-btn{
  color: rgba(120, 90, 90, .65);
  border-color: rgba(160, 100, 100, .22);
  background: rgba(200, 100, 100, .06);
}
body.lightmode .cd-clear-btn:hover{
  color: #8b2020;
  background: rgba(200, 80, 80, .14);
  border-color: rgba(180, 60, 60, .32);
}

/* ── Light mode: language notice ──────────────────────────────────────── */
body.lightmode .cd-auto-lang-notice{
  color: #4a6386;
  border-color: rgba(90, 110, 150, .26);
  background: rgba(210, 225, 245, .50);
}

/* ── Light mode: copy button ──────────────────────────────────────────── */
body.lightmode .cd-copy-btn{
  color: rgba(60, 90, 140, .55);
  border-color: rgba(80, 110, 160, .22);
  background: rgba(80, 110, 160, .06);
}
body.lightmode .cd-copy-btn:hover{
  color: #1e3d78;
  background: rgba(80, 120, 200, .14);
}

/* ── Light mode: paste hint ───────────────────────────────────────────── */
body.lightmode .cd-paste-hint{ color: #3d5678; }

/* ── Light mode: credit badge + shop ──────────────────────────────────── */
body.lightmode .cd-credits-badge{
  background: rgba(60,100,180,.08);
  border-color: rgba(60,100,180,.22);
  color: rgba(40,80,160,.75);
}
body.lightmode .cd-credits-badge:hover{
  background: rgba(60,100,180,.14);
  color: rgba(30,60,140,.9);
}
body.lightmode .cd-credits-badge.is-low{
  color: rgba(190,90,20,.85);
  border-color: rgba(200,100,30,.3);
  background: rgba(210,100,20,.06);
}
body.lightmode .cd-credits-badge.is-dev{
  color: rgba(30,140,60,.85);
  border-color: rgba(40,160,70,.3);
  background: rgba(40,160,70,.07);
}
body.lightmode .cd-dev-hint{ color: rgba(30,140,60,.7); }
body.lightmode .cd-prompt-history__label{ color: rgba(60,100,160,.4); }
body.lightmode .cd-prompt-history__chip{
  border-color: rgba(60,100,180,.2);
  background: rgba(60,100,180,.05);
  color: rgba(40,80,160,.65);
}
body.lightmode .cd-prompt-history__chip:hover{
  background: rgba(60,100,180,.1);
  border-color: rgba(60,100,180,.35);
  color: rgba(30,60,140,.9);
}
body.lightmode .cd-shop-section{ border-top-color: rgba(60,100,180,.15); }
body.lightmode .cd-shop-header{ color: rgba(60,100,160,.5); }
body.lightmode .cd-shop-balance{ color: rgba(30,60,140,.85); }
body.lightmode .cd-pack-btn{
  background: rgba(60,100,180,.07);
  border-color: rgba(60,100,180,.18);
  color: rgba(30,70,160,.85);
}
body.lightmode .cd-pack-btn:hover{
  background: rgba(60,100,180,.14);
  border-color: rgba(60,100,180,.35);
  color: rgba(20,50,130,.95);
}
body.lightmode .cd-pack-btn__label{ color: rgba(60,100,160,.55); }

/* ── Light mode: video preview ─────────────────────────────────────────── */
body.lightmode .cd-video-preview__video{
  border-color: rgba(60,100,180,.22);
  background: rgba(220,232,250,.9);
}
body.lightmode .cd-video-preview__play{
  background: rgba(40,70,140,.45);
  color: rgba(240,246,255,.9);
}
body.lightmode .cd-video-preview__play:hover{
  background: rgba(40,70,140,.25);
  color: #fff;
}


/* ── Light mode: Load-more + paste hint ───────────────────────────────────── */
body.lightmode .job-history__load-more{
  border-color: rgba(80, 110, 160, .30);
  background: rgba(80, 110, 160, .06);
  color: #2a4068;
}
body.lightmode .job-history__load-more:hover{
  border-color: rgba(60, 100, 170, .46);
  background: rgba(60, 100, 170, .12);
  color: #162e58;
}
body.lightmode .cd-paste-hint{ color: #3d5678; }

/* ── Light mode: Native form controls ────────────────────────────────────── */
body.lightmode textarea,
body.lightmode select{
  border-color: rgba(101, 121, 151, .42);
  background: linear-gradient(180deg, rgba(238, 244, 252, .98), rgba(228, 237, 249, .97));
  color: #1b2f4d;
}

body.lightmode select:hover{
  border-color: rgba(60, 100, 170, .50);
  box-shadow: 0 0 0 1px rgba(60, 100, 170, .14);
}

body.lightmode select:focus,
body.lightmode textarea:focus{
  border-color: rgba(46, 90, 180, .60);
  outline-color: rgba(46, 90, 180, .45);
}

/* ── Light mode: Landing page (site pages) ────────────────────────────────── */
body.lightmode .cd-site-trust__item{
  color: rgba(28, 50, 100, .95);
}
body.lightmode .cd-site-trust__item svg{ opacity: .55; }
body.lightmode .cd-site-how__title{ color: #1a2d4a; }
body.lightmode .cd-site-hero__eyebrow{
  color: rgba(28, 55, 115, 1.0);
}

body.lightmode .cd-site-hero__heading{
  color: #152340;
}

body.lightmode .cd-site-hero__heading span{
  background: linear-gradient(100deg, #1e5abf, #1a8ab5);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

body.lightmode .cd-site-hero__lead{
  color: rgba(28, 44, 80, 1.0);
}

body.lightmode .cd-site-hero__cta{
  background: linear-gradient(135deg, rgba(42, 90, 185, .90), rgba(22, 140, 180, .88));
  border-color: rgba(42, 90, 185, .42);
  color: #f0f7ff;
  box-shadow: 0 4px 20px rgba(30, 80, 180, .22);
}

body.lightmode .cd-site-hero__cta:hover{
  box-shadow: 0 6px 28px rgba(30, 80, 180, .32);
}

body.lightmode .cd-site-feature:hover{
  border-color: rgba(72, 108, 180, .38);
  box-shadow: 0 8px 22px rgba(28, 44, 88, .14);
}

body.lightmode .cd-site-feature{
  background: linear-gradient(180deg, rgba(228, 236, 248, .97), rgba(216, 227, 242, .96));
  border-color: rgba(92, 120, 168, .30);
  box-shadow: 0 4px 14px rgba(33, 43, 64, .10);
}

body.lightmode .cd-site-feature__icon{
  color: rgba(30, 80, 175, .72);
}
body.lightmode .cd-site-feature__title{
  color: #1a2d4a;
}

body.lightmode .cd-site-feature__text{
  color: rgba(36, 55, 92, .95);
}
body.lightmode .cd-site-feature-link{
  color: #1a5cc8;
}

body.lightmode .cd-site-step{
  border-bottom-color: rgba(92, 120, 168, .16);
}

body.lightmode .cd-site-step__num{
  background: linear-gradient(135deg, rgba(46, 90, 200, .14), rgba(30, 70, 170, .10));
  border-color: rgba(46, 90, 200, .36);
  color: rgba(24, 60, 150, .90);
  box-shadow: 0 2px 6px rgba(30, 70, 180, .12);
}

body.lightmode .cd-site-step__text{
  color: rgba(40, 62, 102, .80);
}

body.lightmode .cd-site-legal{
  border-top-color: rgba(92, 120, 168, .22);
}

body.lightmode .cd-site-legal summary{
  color: rgba(36, 65, 125, .90);
}

body.lightmode .cd-site-legal-body{
  color: rgba(40, 62, 102, .72);
}

body.lightmode .cd-site-legal-body h2{
  color: rgba(30, 50, 88, .80);
}

body.lightmode .cd-site-legal-body a{
  color: rgba(30, 80, 168, .80);
}

body.lightmode .cd-site-pricing{
  background: linear-gradient(180deg, rgba(225, 234, 248, .98), rgba(212, 224, 242, .97));
  border-color: rgba(92, 120, 168, .28);
  box-shadow: 0 8px 24px rgba(28,40,66,.14);
}
body.lightmode .cd-site-pricing .cd-site-btn--primary{
  background: linear-gradient(180deg, rgba(42, 90, 185, .90), rgba(28, 68, 158, .88));
  border-color: rgba(42, 90, 185, .52);
  color: #f0f7ff;
  box-shadow: 0 4px 16px rgba(30, 70, 180, .22);
}
body.lightmode .cd-site-pricing .cd-site-btn--primary:hover{
  background: linear-gradient(180deg, rgba(50, 105, 205, .94), rgba(34, 80, 175, .92));
}
body.lightmode .cd-site-pricing__title{ color: #152340; }
body.lightmode .cd-site-pricing__sub{ color: rgba(36, 55, 95, .95); }
body.lightmode .cd-site-pricing__card{
  background: rgba(255,255,255,.72);
  border-color: rgba(92, 120, 168, .24);
}
body.lightmode .cd-site-pricing__card--featured{
  background: rgba(214, 232, 252, .88);
  border-color: rgba(60, 120, 200, .32);
}
body.lightmode .cd-site-pricing__card-icon{ color: rgba(36, 80, 175, .70); }
body.lightmode .cd-site-pricing__card--featured .cd-site-pricing__card-icon{ color: rgba(24, 90, 200, .85); }
body.lightmode .cd-site-pricing__card-name{ color: #1a2e4a; }
body.lightmode .cd-site-pricing__card-desc{ color: rgba(36, 55, 95, .95); }
body.lightmode .cd-site-pricing__note{ color: rgba(36, 55, 95, .95); }

/* ── Light mode: footer pills ──────────────────────────────────────────── */
body.lightmode .tt-pill{
  background: linear-gradient(180deg, rgba(245, 248, 254, .98), rgba(232, 238, 250, .98));
  border-color: rgba(100, 130, 180, .32);
  color: rgba(30, 50, 90, .85);
  box-shadow:
    0 4px 14px rgba(60, 100, 200, .10),
    0 2px 5px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.80);
}
body.lightmode .tt-pill:hover{
  background: linear-gradient(180deg, rgba(235, 243, 255, .98), rgba(218, 232, 252, .98));
  border-color: rgba(80, 120, 200, .48);
  color: rgba(20, 40, 80, .94);
  box-shadow:
    0 0 0 1px rgba(80,130,220,.16),
    0 8px 20px rgba(40,80,180,.12),
    inset 0 1px 0 rgba(255,255,255,.90);
}

/* ── Light mode: credits badge ─────────────────────────────────────────── */
body.lightmode .cd-credits-badge{
  background: linear-gradient(180deg, rgba(232, 238, 250, .96), rgba(218, 228, 246, .94));
  border-color: rgba(90, 120, 170, .28);
  color: rgba(30, 55, 110, .80);
}
body.lightmode .cd-credits-badge.is-dev{
  color: rgba(30, 55, 110, .80);
  border-color: rgba(90, 120, 170, .28);
  background: linear-gradient(180deg, rgba(222, 231, 244, .98), rgba(207, 219, 235, .98));
}

/* ── Light mode: feedback widget ───────────────────────────────────────── */
body.lightmode .cd-feedback-trigger{
  border-color: rgba(100,130,180,.32);
  background: linear-gradient(180deg, rgba(245,248,254,.98), rgba(232,238,250,.98));
  color: #1a2f52;
  box-shadow:
    0 4px 12px rgba(0,0,0,.08),
    0 1px 3px rgba(0,0,0,.06),
    inset 0 1px 0 rgba(255,255,255,.80);
}
body.lightmode .cd-feedback-trigger:hover{
  background: linear-gradient(180deg, rgba(235,243,255,.98), rgba(218,232,252,.98));
  border-color: rgba(80,120,200,.48);
  color: #102040;
  box-shadow:
    0 0 0 1px rgba(80,120,200,.20),
    0 6px 16px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.90);
}
body.lightmode .cd-feedback-trigger__star{
  color: #d97706;
}

/* ── Light mode: review modal (intentionally dark glass for focus/legibility) ── */
body.lightmode .cd-review-modal-overlay{
  background: rgba(20, 30, 50, .50);
}
body.lightmode .cd-review-modal{
  background: linear-gradient(160deg, rgba(20,30,50,.97) 0%, rgba(13,20,36,.97) 100%);
  border-color: rgba(138,180,255,.22);
  box-shadow: 0 -12px 40px rgba(0,0,0,.30);
}

/* ── Light mode: Hook Chips ── */
body.lightmode .cd-hook-chip{
  border-color: rgba(60,100,180,.38);
  background: rgba(60,100,180,.07);
  color: #1e3a6a;
}
body.lightmode .cd-hook-chip:hover{
  background: rgba(60,100,180,.14);
  border-color: rgba(60,100,180,.60);
  color: #0e2550;
}
body.lightmode .cd-hook-chip.is-selected{
  background: rgba(30,80,200,.16);
  border-color: rgba(30,80,200,.62);
  color: #0e2550;
  font-weight: 600;
}

/* ── Light mode: page drop overlay ── */
body.lightmode .cd-page-drop{
  background: rgba(220,230,248,.88);
}
body.lightmode .cd-page-drop__card{
  border-color: rgba(30,100,210,.52);
  background: rgba(235,243,255,.85);
  box-shadow: 0 24px 60px rgba(40,70,140,.18), inset 0 1px 0 rgba(255,255,255,.90);
}
@keyframes cd-drop-pulse-light{
  0%, 100%{ border-color: rgba(30,100,210,.52); box-shadow: 0 24px 60px rgba(40,70,140,.18), 0 0 0 0 rgba(30,100,210,.0); }
  50%{ border-color: rgba(30,100,210,.82); box-shadow: 0 24px 60px rgba(40,70,140,.18), 0 0 0 8px rgba(30,100,210,.10); }
}
body.lightmode .cd-page-drop__card{ animation-name: cd-drop-pulse-light; }
body.lightmode .cd-page-drop__icon{ color: #1a5cc8; opacity: .85; }
body.lightmode .cd-page-drop__title{ color: #0e2a60; }
body.lightmode .cd-page-drop__hint{ color: #3a6090; }

/* ── Light mode: /hooks Upload Tool ── */
body.lightmode .cd-hooks-tool__step-num{
  background: rgba(30,80,180,.10);
  border-color: rgba(30,80,180,.38);
  color: #1a4aa0;
}
body.lightmode .cd-hooks-tool__step-text{ color: #3a5a8a; }
body.lightmode .cd-hooks-tool__step-line{ background: rgba(30,80,180,.15); }
body.lightmode .cd-hooks-tool__step.is-active .cd-hooks-tool__step-num{
  border-color: rgba(0,120,200,.70);
  background: rgba(0,120,200,.12);
  color: #005ea0;
  box-shadow: 0 0 0 3px rgba(0,120,200,.10);
}
body.lightmode .cd-hooks-tool__step.is-done .cd-hooks-tool__step-num{
  border-color: rgba(20,140,60,.45);
  background: rgba(20,140,60,.10);
  color: #0a6030;
}
body.lightmode .cd-hooks-tool__connector-icon{
  border-color: rgba(60,100,180,.40);
  background: rgba(60,100,180,.08);
  color: rgba(40,80,160,.70);
}
body.lightmode .cd-hooks-tool__hook-preview{
  background: rgba(0,0,0,.04);
  border-color: rgba(0,0,0,.20);
  box-shadow: 0 2px 10px rgba(0,0,0,.10);
}
body.lightmode .cd-hooks-tool__hook-placeholder{ color: #8090a8; }
body.lightmode .cd-hooks-tool__upload-zone{
  border-color: rgba(60,100,180,.45);
  background: rgba(40,80,180,.03);
}
body.lightmode .cd-hooks-tool__upload-zone:hover,
body.lightmode .cd-hooks-tool__upload-zone.is-drag-over{
  border-color: rgba(30,110,210,.60);
  background: rgba(30,110,210,.05);
}
body.lightmode .cd-hooks-tool__upload-icon{ color: #2a5898; }
body.lightmode .cd-hooks-tool__upload-text{ color: #1e3a62; }
body.lightmode .cd-hooks-tool__upload-hint{ color: #2e4870; }
body.lightmode .cd-hooks-tool__user-video{ background: rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.14); box-shadow: 0 2px 10px rgba(0,0,0,.08); }
body.lightmode .cd-hooks-tool__change-link{ color: #2a5a90; }
body.lightmode .cd-hooks-tool__change-link:hover{ color: #1a3a70; }
body.lightmode .cd-hooks-tool__empty{ color: #5a78a8; }
/* Send button: same deep blue in both modes — already visible */
body.lightmode .cd-hooks-tool__send-btn{
  background: linear-gradient(135deg, #1a52c8 0%, #0f3590 60%, #1248a8 100%);
  border-color: rgba(15,60,180,.45);
  color: #ffffff;
  box-shadow: 0 6px 22px rgba(20,60,190,.30), 0 2px 6px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.18);
}
body.lightmode .cd-hooks-tool__send-btn:hover:not(:disabled){
  background: linear-gradient(135deg, #2060d8 0%, #1440a8 60%, #1a58b8 100%);
  box-shadow: 0 10px 28px rgba(20,60,190,.38), 0 3px 8px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.20);
}
body.lightmode .cd-hooks-tool__feature-link{ color: #1a5fb0; }
body.lightmode .cd-hooks-tool__status--info{
  background: rgba(30,90,200,.07);
  border-color: rgba(30,90,200,.30);
  color: #1a3868;
}
body.lightmode .cd-hooks-tool__status--success{
  background: rgba(20,140,70,.07);
  border-color: rgba(20,140,70,.28);
  color: #0a4828;
}
body.lightmode .cd-hooks-tool__status--error{
  background: rgba(180,30,30,.06);
  border-color: rgba(180,30,30,.28);
  color: #6a1010;
}
body.lightmode .cd-hooks-tool__status a{ color: #1060b8; }
body.lightmode .cd-hooks-help-btn{
  border-color: rgba(60,100,180,.25);
  background: rgba(60,100,180,.06);
  color: #1e4a96;
}
body.lightmode .cd-hooks-help-btn span:first-child{
  border-color: rgba(60,100,180,.38);
}
body.lightmode .cd-hooks-help-btn:hover{
  background: rgba(60,100,180,.12);
  border-color: rgba(40,80,180,.45);
  color: rgba(20,60,150,.90);
}
body.lightmode .cd-hooks-help-overlay{
  background: rgba(200,210,230,.55);
}
body.lightmode .cd-hooks-help-modal{
  background: rgba(248,250,255,.98);
  border-color: rgba(60,100,180,.18);
  box-shadow: 0 24px 60px rgba(0,0,0,.18), 0 0 0 1px rgba(60,100,180,.08);
}
body.lightmode .cd-hooks-help-title{ color: #0e2050; }
body.lightmode .cd-hooks-help-close{
  border-color: rgba(60,100,180,.22);
  background: rgba(60,100,180,.07);
  color: #1e4a96;
}
body.lightmode .cd-hooks-help-step__body strong{ color: #1a3a68; }
body.lightmode .cd-hooks-help-step__body p{ color: #4a6888; }
body.lightmode .cd-hooks-help-step__body em{ color: #2a5a98; }
body.lightmode .cd-hooks-help-divider{ background: rgba(60,100,180,.12); }
body.lightmode .cd-hooks-help-faq-item{ border-color: rgba(60,100,180,.10); }
body.lightmode .cd-hooks-help-faq-q{ color: #2a5a90; }
body.lightmode .cd-hooks-help-faq-a{ color: #4a6880; }

/* ── Light mode: prompt history + hook selector + paste hint + dividers ── */

body.lightmode .cd-prompt-history{
  border-top-color: rgba(80, 100, 130, .18);
}

body.lightmode .cd-prompt-history__label{
  color: #4a6080;
}

body.lightmode .cd-prompt-history__chip{
  background: rgba(200, 213, 232, .85);
  border-color: rgba(90, 115, 152, .40);
  color: #253a56;
}

body.lightmode .cd-prompt-history__chip:hover{
  background: rgba(183, 200, 225, .98);
  border-color: rgba(70, 100, 150, .55);
  color: #162a45;
}

body.lightmode .cd-paste-hint{
  color: #3d5678;
}

body.lightmode .cd-hook-selector{
  border-top-color: rgba(80, 100, 130, .18);
}

body.lightmode .cd-hook-selector__label{
  color: #4a6080;
}

body.lightmode .cd-hook-selector__opt{
  color: #3a5470;
}

body.lightmode .cd-hook-chip{
  background: rgba(200, 213, 232, .85);
  border-color: rgba(90, 115, 152, .40);
  color: #253a56;
}

body.lightmode .cd-hook-chip:hover{
  background: rgba(183, 200, 225, .98);
  border-color: rgba(70, 100, 150, .55);
  color: #162a45;
}

body.lightmode .cd-hook-chip.is-selected{
  background: rgba(50, 100, 190, .12);
  border-color: rgba(50, 100, 190, .44);
  color: #1a3870;
}

/* Controls column divider */
body.lightmode.page-app .cd-col--controls{
  border-left-color: rgba(80, 100, 130, .20);
}

@media (max-width: 980px){
  body.lightmode.page-app .cd-col--controls{
    border-top-color: rgba(80, 100, 130, .20);
  }
}

/* Connection help text */
body.lightmode.page-app .cd-core-connection .cd-field__help{
  color: #5a7298;
}


/* ── Light mode: settings strip (duration chips, audio, hook) ── */

body.lightmode .cd-settings-strip,
body.lightmode .cd-controls-bar,
body.lightmode .cd-hook-row{
  border-top-color: rgba(80, 100, 130, .18);
}

body.lightmode .cd-setting__label{
  color: #4a6080;
}

body.lightmode .cd-dur-stepper{
  --cd-stepper-text: #1e3256;
  border-color: rgba(80, 110, 160, .28);
  background: rgba(200, 215, 235, .40);
}
body.lightmode .cd-dur-step{
  color: #3a5478;
}
body.lightmode .cd-dur-step--minus{ border-right-color: rgba(80, 110, 160, .16); }
body.lightmode .cd-dur-step--plus { border-left-color:  rgba(80, 110, 160, .16); }
body.lightmode .cd-dur-step:hover:not(:disabled){
  background: rgba(80, 110, 160, .12);
  color: #1e3254;
}
body.lightmode .cd-dur-step__val{ color: #243750; }
body.lightmode .cd-control-block__label{ color: #2e4465; }

body.lightmode .cd-dur-chip{
  background: rgba(200, 213, 232, .70);
  border-color: rgba(90, 115, 152, .35);
  color: #3a5070;
}
body.lightmode .cd-dur-chip:hover{
  background: rgba(183, 200, 225, .95);
  border-color: rgba(70, 100, 150, .50);
  color: #1e3050;
}
body.lightmode .cd-dur-chip.is-selected{
  background: rgba(40, 90, 180, .14);
  border-color: rgba(40, 90, 180, .50);
  color: #1a3870;
  font-weight: 700;
}

body.lightmode .cd-setting--audio .switch .slider{
  border-color: rgba(80, 110, 160, .45);
}

body.lightmode .cd-setting--tiktok .cd-field__hint{
  color: #b85a00;
}

body.lightmode .cd-setting--tiktok .cd-field__help{
  color: #5a7298;
}

/* ── Prompt Modal: light mode ────────────────────────────────────────────── */
body.lightmode .cd-prompt-modal{
  background: linear-gradient(160deg, #f0f4fa 0%, #e6edf7 100%);
  border-color: rgba(90, 112, 148, .45);
  box-shadow:
    0 0 0 1px rgba(90, 112, 148, .18),
    0 24px 60px rgba(30,50,80,.18),
    0 4px 16px rgba(30,50,80,.10);
}
body.lightmode .cd-prompt-modal__header{
  border-bottom-color: rgba(90, 112, 148, .15);
}
body.lightmode .cd-prompt-modal__title{
  color: rgba(60, 85, 120, .60);
}
body.lightmode .cd-prompt-modal__close{
  color: rgba(60, 85, 120, .45);
}
body.lightmode .cd-prompt-modal__close:hover{
  color: #1d2f4b;
}
body.lightmode .cd-prompt-modal__body{
  color: #1d2f4b;
}
body.lightmode .cd-prompt-modal__use{
  border-color: rgba(80, 110, 170, .30);
  background: rgba(80, 110, 170, .10);
  color: #2a4a8a;
}
body.lightmode .cd-prompt-modal__use:hover{
  background: rgba(80, 110, 170, .20);
  border-color: rgba(80, 110, 170, .50);
  color: #1a3570;
}

/* Inline prompt button: light mode */
body.lightmode .job-history__prompt-inline{
  color: rgba(60, 90, 140, .62);
}
body.lightmode .job-history__prompt-inline:hover{
  color: #1e3a7a;
  background: rgba(80, 110, 170, .13);
}

/* ── Hook Picker Modal: light mode ─────────────────────────────────────────── */
body.lightmode .cd-hook-picker-overlay{
  background: rgba(190,210,240,.55);
}
body.lightmode .cd-hook-picker{
  background: rgba(242,246,255,.97);
  border-color: rgba(60,100,180,.18);
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
}
body.lightmode .cd-hook-picker__title{ color: #1a2a40; }
body.lightmode .cd-hook-picker__sub{ color: #5a7090; }
body.lightmode .cd-hook-picker__close{
  border-color: rgba(60,100,180,.40);
  background: rgba(60,100,180,.12);
  color: rgba(30,60,140,.80);
}
body.lightmode .cd-hook-picker__thumb{
  border-color: rgba(60,100,180,.18);
  background: rgba(0,0,0,.05);
}
body.lightmode .cd-hook-picker__item:hover .cd-hook-picker__thumb{
  border-color: rgba(40,80,180,.48);
}
body.lightmode .cd-hook-picker__item.is-selected .cd-hook-picker__thumb{
  border-color: rgba(20,120,200,.65);
  box-shadow: 0 0 0 3px rgba(20,120,200,.10);
}
body.lightmode .cd-hook-picker__name{ color: #4a6a8a; }
body.lightmode .cd-hook-picker__item.is-selected .cd-hook-picker__name{ color: #1060a0; }
body.lightmode .cd-hooks-tool__selected-badge{
  border-color: rgba(20,120,200,.35);
  background: rgba(20,120,200,.07);
  color: #1060a0;
}

/* ── Beta Preview Cards (light mode) ── */
body.lightmode .cd-site-beta-preview__label{ color: rgba(30,80,160,.65); }
body.lightmode .cd-site-beta-card{
  background: rgba(230,238,255,.60);
  border-color: rgba(60,120,200,.15);
}
body.lightmode .cd-site-beta-card__icon{
  background: rgba(40,100,200,.08);
  color: rgba(30,80,180,.65);
}
body.lightmode .cd-site-beta-card__name{ color: #1a2a40; }
body.lightmode .cd-site-beta-card__desc{ color: #4a6080; }
body.lightmode .cd-site-btn--sm{
  border-color: rgba(40,100,200,.30);
  background: rgba(40,100,200,.07);
  color: rgba(20,70,180,.85);
}
body.lightmode .cd-site-btn--sm:hover{
  border-color: rgba(40,100,200,.55);
  background: rgba(40,100,200,.13);
  color: #1050c0;
}