/* REPPTRADE 4.4.17 — account-scoped background display and setup controls. */
body.repp-wallpaper-on{background:transparent!important;isolation:isolate}
body.repp-wallpaper-on::before,body.repp-wallpaper-on::after{content:"";position:fixed;inset:-2%;pointer-events:none;z-index:-1}
body.repp-wallpaper-on::before{background-image:var(--repp-wallpaper-image);background-size:cover;background-repeat:no-repeat;background-position:center center;transform:scale(1.035)}
body.repp-wallpaper-on::after{background:transparent}
body.repp-wallpaper-on[data-repp-wallpaper-mode="blurred"]::before{filter:blur(16px);transform:scale(1.095)}
body.repp-wallpaper-on[data-repp-wallpaper-mode="blurred"]::after{background:rgba(4,12,24,.27)}
body.repp-wallpaper-on[data-repp-wallpaper-mode="shadowed"]::after{background:rgba(3,8,19,.69)}
/* Keep site navigation, modals, and existing information panels above the background. */
.rc4417-background-panel{margin:0 0 12px!important;position:relative}
.rc4417-background-layout{display:grid;grid-template-columns:minmax(175px,320px) minmax(0,1fr);gap:18px;align-items:center}
.rc4417-background-preview{aspect-ratio:16/9;min-height:150px;position:relative;display:flex;justify-content:center;align-items:center;background:linear-gradient(130deg,#101d2c,#1e3248);background-size:cover;background-position:center;border:1px solid var(--line,#445d75);overflow:hidden}
.rc4417-background-preview.has-background::after{content:"";position:absolute;inset:0;background:rgba(2,8,17,.15);pointer-events:none}
.rc4417-background-preview>span{color:#f6f8fe;font-size:13px;font-weight:650;letter-spacing:.02em;text-shadow:0 1px 4px #000}
.rc4417-background-controls{min-width:0;display:grid;gap:12px}
.rc4417-background-actions{display:flex;flex-wrap:wrap;gap:9px}
.rc4417-background-modes{border:1px solid var(--line,#3c5670);min-width:0;display:flex;flex-wrap:wrap;gap:12px;padding:14px 12px 10px}
.rc4417-background-modes legend{font-size:12px;font-weight:700;padding:0 7px;color:var(--text,#eef5ff)}
.rc4417-background-modes label{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;white-space:nowrap}
.rc4417-background-modes input{accent-color:#bb66d9;width:15px;height:15px}
.rc4417-background-status{color:var(--muted,#a4b7ce);font-size:12px;line-height:1.6;margin:0}
@media(max-width:640px){.rc4417-background-layout{grid-template-columns:minmax(0,1fr)}.rc4417-background-preview{max-height:220px}.rc4417-background-actions .btn{min-width:0}.rc4417-background-modes{gap:14px}}
@media(prefers-reduced-motion:reduce){body.repp-wallpaper-on::before{transform:none!important}}
/* Light appearance sets a more specific background !important rule in v4.4.9. */
body[data-surface="light"][data-ui-theme="modern"].repp-wallpaper-on{background:transparent!important}

/* Preview follows the same three display effects as the actual site background. */
.rc4417-background-preview.has-background[data-mode="blurred"]::after{background:rgba(4,12,24,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.rc4417-background-preview.has-background[data-mode="shadowed"]::after{background:rgba(3,8,19,.67)}