/* Arkyn Core / Appearance RC12 — decorative backgrounds only. No layout/viewport changes. */
/* Retro had a correct workspace image, but the opaque layout/main hid it. */
:root[data-arkyn-resolved="retro"][data-arkyn-retro-background="true"] body.swat-ui3 .swat-sdk-workspace {
  background-color:var(--ja-bg)!important;
  background-image:linear-gradient(180deg,rgba(8,4,24,.06) 0%,rgba(8,4,24,.30) 46%,var(--ja-bg) 510px),url('/assets/themes/retro-horizon.svg')!important;
  background-repeat:no-repeat!important;
  background-size:100% 510px,cover!important;
  background-position:center top!important;
}
:root[data-arkyn-resolved="retro"][data-arkyn-retro-background="true"] body.swat-ui3 :is(.swat-sdk-layout,.swat-sdk-main) {
  background:transparent!important;
}
/* Background disabled = flat color, without changing theme palette. */
:root[data-arkyn-resolved="retro"][data-arkyn-retro-background="false"] body.swat-ui3 .swat-sdk-workspace {
  background:var(--ja-bg)!important;
  background-image:none!important;
}
:root[data-arkyn-resolved="aurora"][data-arkyn-aurora-background="false"] body.swat-ui3 .swat-sdk-workspace {
  background:var(--ja-bg)!important;
  background-image:none!important;
}
/* Aurora retains its existing artwork and all existing palette rules when checked. */
@media (max-width:767px) {
  :root[data-arkyn-resolved="retro"][data-arkyn-retro-background="true"] body.swat-ui3 .swat-sdk-workspace {
    background-size:100% 370px,auto 370px!important;
  }
}
/* Native Appearance controls */
body.swat-ui3 .arkyn-background-choices {display:grid;gap:8px}
body.swat-ui3 .arkyn-background-choice {
  display:flex;align-items:center;gap:10px;min-height:58px;padding:10px 12px;
  border-radius:12px;border:1px solid var(--ja-line);
  background:var(--ja-surface-2);color:var(--ja-text);cursor:pointer;
}
body.swat-ui3 .arkyn-background-copy {display:grid;gap:3px;min-width:0;flex:1}
body.swat-ui3 .arkyn-background-copy strong {font-size:12px;font-weight:750;color:var(--ja-text)}
body.swat-ui3 .arkyn-background-copy small {font-size:11px;color:var(--ja-muted)}
body.swat-ui3 .arkyn-background-choice input {position:absolute;width:1px;height:1px;opacity:0}
body.swat-ui3 .arkyn-background-box {
  display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;
  border:1px solid var(--ja-line-strong);border-radius:6px;background:var(--ja-surface-3);
}
body.swat-ui3 .arkyn-background-choice input:checked+.arkyn-background-box {
  border-color:var(--ja-accent);background:var(--ja-accent);
}
body.swat-ui3 .arkyn-background-choice input:checked+.arkyn-background-box::after {
  content:'✓';color:var(--ja-bg);font-weight:900;font-size:15px;
}
body.swat-ui3 .arkyn-background-choice:has(input:checked){border-color:color-mix(in srgb,var(--ja-accent) 40%,var(--ja-line))}
body.swat-ui3 .arkyn-background-choice:has(input:focus-visible){outline:2px solid var(--ja-accent);outline-offset:2px}