/* Keep first-run setup on the activation palette after the optional Control UI theme loads. */
html[data-control-ui="updated"] body.setup-pending main {
  background-color: #041126;
  background-image:
    linear-gradient(180deg, rgba(2, 10, 29, .36), rgba(2, 10, 29, .55)),
    url('/assets/setup-backdrop.png');
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

html[data-control-ui="updated"] body.setup-pending .setup-content .panel {
  min-height: 510px;
  margin-bottom: 0;
  padding: clamp(24px, 4vw, 42px);
  color: #f4f8ff;
  border: 0;
  border-radius: 0;
  background: linear-gradient(155deg, rgba(7, 23, 49, .86), rgba(5, 15, 34, .9));
  box-shadow: none;
}

html[data-control-ui="updated"] body.setup-pending .button.primary {
  color: #05172c;
  border-color: #62e6f2;
  background: linear-gradient(100deg, #38e3e9, #5b9cff 62%, #9a68ef);
  box-shadow: 0 9px 24px rgba(27, 156, 230, .24);
  font-size: 14px;
  font-weight: 700;
}

html[data-control-ui="updated"] body.setup-pending .button.primary:hover {
  background: linear-gradient(100deg, #67f0f1, #7cb3ff 62%, #ad85f4);
}

html[data-control-ui="updated"] body.setup-pending :is(.button.secondary, .icon-button) {
  color: #e4f0ff;
  border-color: rgba(123, 166, 219, .52);
  background: rgba(16, 36, 69, .93);
}

html[data-control-ui="updated"] body.setup-pending :is(.button.secondary, .icon-button):hover {
  color: #fff;
  border-color: #67ddec;
  background: rgba(26, 59, 101, .95);
}

@media (max-width: 720px) {
  html[data-control-ui="updated"] body.setup-pending main { background-attachment: scroll; }
  html[data-control-ui="updated"] body.setup-pending .setup-content .panel {
    min-height: 0;
    padding: 22px 17px 26px;
  }
}

/* First-run setup follows Control's selected palette (Cinema Gold by default).
   Colors only: keep the existing wizard geometry, forms and restore flow. */
html[data-control-theme] body.setup-pending { color:var(--text); background:var(--bg); }
html[data-control-theme] body.setup-pending main {
  background-color:var(--bg);
  background-image:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--primary-bg) 12%,transparent),transparent 55%),linear-gradient(160deg,var(--bg),var(--deep-bg));
}
html[data-control-theme] body.setup-pending .setup-layout { border-color:var(--line-strong); background:var(--panel-bg); box-shadow:var(--shadow); }
html[data-control-theme] body.setup-pending :is(.setup-wizard-header,.setup-steps) { color:var(--text); border-color:var(--line); background:var(--surface-2); }
html[data-control-theme] body.setup-pending .setup-wizard-header img { box-shadow:var(--shadow); }
html[data-control-theme] body.setup-pending .setup-wizard-header span { color:var(--muted); }
html[data-control-theme] body.setup-pending .setup-content { background:var(--panel-bg); }
html[data-control-theme] body.setup-pending .setup-content .panel { color:var(--text); background:linear-gradient(155deg,var(--panel-bg),var(--surface-2)); }
html[data-control-theme] body.setup-pending .setup-steps button { color:var(--muted); }
html[data-control-theme] body.setup-pending .setup-steps button strong { color:var(--text); }
html[data-control-theme] body.setup-pending .setup-steps button > span { color:var(--muted-strong); border-color:var(--line-strong); background:var(--control-bg); }
html[data-control-theme] body.setup-pending .setup-steps button:is(:hover,:focus-visible) { color:var(--text); border-color:var(--primary-bg); background:var(--surface-3); }
html[data-control-theme] body.setup-pending .setup-steps button:focus-visible { outline-color:var(--primary-bg); }
html[data-control-theme] body.setup-pending .setup-steps button.active { color:var(--text); border-color:var(--primary-bg); background:var(--nav-active-bg); box-shadow:inset 0 -3px 0 var(--primary-bg); }
html[data-control-theme] body.setup-pending .setup-steps button.active > span { color:var(--primary-text); border-color:var(--primary-border); background:var(--primary-bg); box-shadow:0 0 18px color-mix(in srgb,var(--primary-bg) 25%,transparent); }
html[data-control-theme] body.setup-pending .setup-steps button.complete > span { color:var(--deep-bg); border-color:var(--green); background:var(--green); }
html[data-control-theme] body.setup-pending .setup-steps button.complete small { color:var(--green); }
html[data-control-theme] body.setup-pending :is(.setup-pane-head h2,.setup-status-card strong,.setup-guide-card h3,.setup-metadata-card h3,.setup-review-row strong,.connection-card strong) { color:var(--text); }
html[data-control-theme] body.setup-pending .eyebrow { color:var(--primary-bg); }
html[data-control-theme] body.setup-pending :is(.setup-pane-head .lead,.setup-status-card small,.setup-action-card small,.setup-source-choices small,.setup-guide-card p:not(.eyebrow),.setup-metadata-card p:not(.eyebrow),.setup-review-row small,.connection-card small,.rights-note,.form-grid label > small) { color:var(--muted); }
html[data-control-theme] body.setup-pending label { color:var(--muted-strong); }
html[data-control-theme] body.setup-pending :is(.setup-status-card,.setup-action-card,.setup-source-choices article,.setup-tuner-picker,.setup-guide-card,.setup-note,.setup-review-row,.connection-card,.client-grid div,.setup-metadata-card,.inline-status,.scan-status,.selection-list label) { color:var(--text); border-color:var(--line); background:var(--surface); }
html[data-control-theme] body.setup-pending :is(.setup-action-card,.setup-source-choices article):is(:hover,:focus-visible) { border-color:var(--primary-bg); background:var(--surface-3); }
html[data-control-theme] body.setup-pending :is(.setup-pane-icon,.setup-status-card > svg,.setup-action-card > svg,.setup-review-row:not(.complete) > span,.source-symbol) { color:var(--primary-bg); border-color:var(--line-strong); background:color-mix(in srgb,var(--primary-bg) 8%,var(--surface)); }
html[data-control-theme] body.setup-pending .setup-note strong { color:var(--primary-bg); }
html[data-control-theme] body.setup-pending :is(.setup-status-card.good,.setup-metadata-card.configured,.setup-note.good,.setup-review-row.complete) { border-color:color-mix(in srgb,var(--green) 45%,var(--line)); }
html[data-control-theme] body.setup-pending :is(.setup-status-card.warn,.setup-metadata-card.unavailable) { border-color:color-mix(in srgb,var(--gold) 55%,var(--line)); }
html[data-control-theme] body.setup-pending .setup-review-row.complete > span { color:var(--deep-bg); border-color:var(--green); background:var(--green); }
html[data-control-theme] body.setup-pending .setup-metadata-state { color:var(--gold); border-color:color-mix(in srgb,var(--gold) 45%,var(--line)); background:color-mix(in srgb,var(--gold) 8%,var(--surface)); }
html[data-control-theme] body.setup-pending .setup-metadata-card.configured .setup-metadata-state { color:var(--green); border-color:color-mix(in srgb,var(--green) 45%,var(--line)); background:color-mix(in srgb,var(--green) 8%,var(--surface)); }
html[data-control-theme] body.setup-pending input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html[data-control-theme] body.setup-pending :is(select,textarea) { color:var(--text); border-color:var(--line-strong); background:var(--field-bg); }
html[data-control-theme] body.setup-pending input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
html[data-control-theme] body.setup-pending :is(select,textarea):focus { border-color:var(--primary-bg); outline-color:var(--primary-bg); }
html[data-control-theme] body.setup-pending :is(input,textarea)::placeholder { color:var(--muted); }
html[data-control-theme] body.setup-pending .button.primary { color:var(--primary-text); border-color:var(--primary-border); background:var(--primary-bg); box-shadow:0 9px 24px color-mix(in srgb,var(--primary-bg) 16%,transparent); }
html[data-control-theme] body.setup-pending .button.primary:is(:hover,:focus-visible) { color:var(--primary-text); border-color:var(--primary-border); background:var(--primary-hover); }
html[data-control-theme] body.setup-pending :is(.button.secondary,.icon-button) { color:var(--text); border-color:var(--line-strong); background:var(--control-bg); }
html[data-control-theme] body.setup-pending :is(.button.secondary,.icon-button):is(:hover,:focus-visible) { color:var(--text); border-color:var(--primary-bg); background:var(--surface-3); }
html[data-control-theme] body.setup-pending :is(.button,.icon-button,.setup-action-card):focus-visible { outline-color:var(--primary-bg); }
html[data-control-theme] body.setup-pending :is(#setupLibraryDialog,#setupFolderDialog) { color:var(--text); border-color:var(--line-strong); background:var(--panel-bg); }
html[data-control-theme] body.setup-pending :is(#setupLibraryDialog,#setupFolderDialog)::backdrop { background:color-mix(in srgb,var(--deep-bg) 72%,transparent); }
html[data-control-theme] body.setup-pending :is(.setup-folder-toolbar code,.setup-folder-list) { color:var(--text); border-color:var(--line); background:var(--field-bg); }
html[data-control-theme] body.setup-pending .setup-folder-list > button { color:var(--text); background:var(--surface); }
html[data-control-theme] body.setup-pending .setup-folder-list > button:is(:hover,:focus-visible) { border-color:var(--primary-bg); background:var(--surface-3); }
html[data-control-theme] body.setup-pending :is(.notice.error,.inline-status.error) { color:var(--danger); border-color:color-mix(in srgb,var(--danger) 55%,var(--line)); background:color-mix(in srgb,var(--danger) 12%,var(--panel-bg)); }