/* Arkyn Retro · Synthwave — isolated to the built-in theme, never to PWA SWAT branding. */
:root[data-arkyn-resolved="retro"]{
 color-scheme:dark;
 --ja-bg:#080517; --ja-bg-elevated:#100925;
 --ja-surface:#17102d; --ja-surface-2:#201438; --ja-surface-3:#2b1b49; --ja-surface-hover:#332055;
 --ja-text:#f8f4ff; --ja-text-2:#e1cef9; --ja-muted:#bba5d2; --ja-muted-2:#9885b8;
 --ja-line:rgba(169,108,244,.22); --ja-line-strong:rgba(188,119,255,.38);
 --ja-purple:#ab65ff; --ja-pink:#fb59cb; --ja-success:#4cddbe; --ja-warning:#ffcc7a; --ja-danger:#ff789c;
 --ja-a2-shell:#120a2c;--ja-a2-shell-2:#130b30;--ja-a2-shell-3:#21103e;--ja-a2-workspace:#09061a;
 --ja-a2-surface:rgba(110,60,176,.07); --ja-a2-surface-2:rgba(146,84,210,.105);
 --ja-a2-surface-hover:rgba(185,83,238,.12); --ja-a2-surface-pressed:rgba(190,70,229,.16);
 --ja-a2-border:rgba(174,104,238,.25); --ja-a2-border-strong:rgba(185,120,255,.4);--ja-a2-border-focus:#dc61ee;
 --ja-a2-shadow-card:0 5px 24px rgba(20,1,52,.34);--ja-a2-shadow-float:0 16px 44px rgba(7,0,32,.7);
 --ja-a2-shadow-dialog:0 24px 66px rgba(7,0,26,.85);
 --ja-shadow-xs:0 2px 7px rgba(5,0,26,.16);--ja-shadow-sm:0 7px 20px rgba(9,0,34,.27);--ja-shadow-md:0 15px 33px rgba(4,0,20,.38);
 --ja-domain-home:#db65fa;--ja-domain-members:#4bdffc;--ja-domain-scanner:#4cebd1;--ja-domain-sport:#a67cff;
 --ja-domain-finance:#ffd07c;--ja-domain-communication:#f65abe;--ja-domain-rh:#6feacf;
 --ja-domain-commerce:#ff9a98;--ja-domain-pilotage:#69d7fb;--ja-domain-admin:#c0a4e4;
 --ja-shell-chrome:#13092c;
 --arkyn-logo-neutral:#f1d2ff;--arkyn-logo-gold:#ffbf8d;
 --arkyn-input-bg:#140d2c;--arkyn-dialog-bg:#1a1133;--arkyn-tooltip-bg:#22163d;--arkyn-toast-bg:#18112e;
 --arkyn-button-bg:rgba(153,89,218,.11); --arkyn-button-hover:rgba(206,91,235,.16);
 --arkyn-mark:rgba(255,75,201,.055);
 --arkyn-chart-grid:rgba(174,106,246,.19);--arkyn-chart-label:#c6b1da;
 --arkyn-chart-1:#4edff6;--arkyn-chart-2:#ee69dd;--arkyn-chart-3:#ffd080;
 --arkyn-chart-positive:#54e1b4;--arkyn-chart-negative:#ff86a8;
 --arkyn-warning-text:#ffd08e;--arkyn-danger-text:#ff9db8;--arkyn-success-text:#8bf1c9;
}
:root[data-arkyn-resolved="retro"][data-arkyn-accent="arkyn"]{
 --ja-accent:#ab34c3; --ja-accent-strong:#8e29a5; --ja-accent-soft:rgba(213,71,231,.16);
}
/* Integrated chrome: same palette across rail and highbar, no detached tile. */
:root[data-arkyn-resolved="retro"] body.swat-ui3{
 background:#080517!important;color:var(--ja-text)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-navigation-rail,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-topbar{
 background:linear-gradient(180deg,#140a31 0%,#0d0925 100%)!important;
 border-color:rgba(178,91,243,.25)!important;
 box-shadow:none!important;
 color:var(--ja-text)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-navigation-rail{
 background:linear-gradient(180deg,#120928 0%,#0b071c 70%,#1f0b40 100%)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-rail-brand,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-brand{
 background:transparent url('/assets/brand/arkyn-retro.png') center / 95% auto no-repeat!important;
 border:0!important;box-shadow:none!important;
 filter:drop-shadow(0 0 4px rgba(157,92,255,.38));
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-rail-brand img,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-brand img{opacity:0!important;}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-rail-brand:hover,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-brand:hover{
 filter:drop-shadow(0 0 7px rgba(219,78,250,.55));
 background-color:transparent!important;
}
/* Horizon only in the Core workspace; dashboards stay readable. */
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-sdk-workspace{
 background-color:#090519!important;
 background-image:linear-gradient(180deg,rgba(8,4,24,.08) 0%,rgba(8,4,24,.54) 33%,#090519 470px),url('/assets/themes/retro-horizon.svg')!important;
 background-position:center top!important;background-repeat:no-repeat!important;background-size:100% 470px,cover!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-global-hub,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-global-hub-backdrop{
 background:#0b071e!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-search,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-hub-search,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-search-results,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .ja-search-head{
 background:#1a1137!important;border-color:rgba(191,123,255,.25)!important;color:var(--ja-text)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-search:hover,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-search:focus-within{
 background:#241747!important;border-color:rgba(219,89,242,.52)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-rail-foot button.active,
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-navigation-rail button.active{
 background:linear-gradient(90deg,rgba(230,61,215,.21),rgba(93,52,195,.12))!important;
 color:#fff2fd!important;border-color:rgba(233,103,244,.27)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-navigation-rail button.active::before{
 background:#ef61e5!important;box-shadow:0 0 10px rgba(235,82,239,.45)!important;
}
/* Core panels, ContextSidebar/Inspector and native widgets. Avoid module-owned CSS. */
:root[data-arkyn-resolved="retro"] body.swat-ui3 :is(.ja-context-panel,.ja-inspector-drawer,.ja-modal,.swat-domain-card,.ja-card,.ja-panel,.ja-stat){
 border-color:var(--ja-a2-border)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 :is(.ja-card,.ja-panel,.ja-stat,.swat-domain-card){
 background:var(--ja-surface)!important;
 box-shadow:0 7px 22px rgba(8,0,28,.27),0 0 0 1px rgba(168,91,226,.04)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-actions button.primary,
:root[data-arkyn-resolved="retro"] body.swat-ui3 :is(.ja-button.primary,.ja-a2-button.primary){
 background:linear-gradient(135deg,#a62fc0,#7c2eb0)!important;
 border-color:#ce78ed!important;color:#fff!important;
 box-shadow:0 4px 14px rgba(179,65,219,.16)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 :is(.ja-button.primary,.ja-a2-button.primary):hover{
 background:linear-gradient(135deg,#b039c8,#a234c4)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 :is(.ja-input,.ja-select,.ja-textarea){
 background:#180e31!important;color:var(--ja-text)!important;
 border-color:var(--ja-a2-border-strong)!important;
}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .ja-chart-grid{stroke:var(--arkyn-chart-grid)}
:root[data-arkyn-resolved="retro"] body.swat-ui3 .ja-chart-label{fill:var(--arkyn-chart-label)}
/* A faithful preview in the native Appearance > Theme chooser. */
.arkyn-theme-swatch[data-preview-theme="retro"]{
 --preview-shell:#120829;--preview-workspace:#230b47;--preview-card:#331959;
 border-color:rgba(248,109,222,.55);
 background:radial-gradient(circle at 75% 43%,#f86a9b 0 12%,transparent 13%),linear-gradient(0deg,#281050,#60155c 44%,#1a0c44 80%)!important;
}
.arkyn-theme-swatch[data-preview-theme="retro"]::before{
 background:linear-gradient(90deg,#11102f,#341054);border-color:rgba(193,100,251,.25);
}
.arkyn-theme-swatch[data-preview-theme="retro"] i,
.arkyn-theme-swatch[data-preview-theme="retro"] b,
.arkyn-theme-swatch[data-preview-theme="retro"] em{
 background:linear-gradient(125deg,#27134e,#441a68);border:1px solid rgba(245,84,227,.3);
}
:root[data-arkyn-resolved="retro"] .arkyn-appearance-option[aria-pressed="true"]{
 border-color:#f66cdd!important;box-shadow:inset 0 0 0 1px rgba(246,108,221,.45)!important;
}
:root[data-arkyn-resolved="retro"] .arkyn-appearance-option[aria-pressed="true"] .arkyn-appearance-check{
 background:#f66cdd;color:#1a082e;
}
@media(max-width:767px){
 :root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-sdk-workspace{
  background-size:100% 370px,auto 370px!important;background-position:center top!important;
 }
}
@media(prefers-reduced-motion:reduce){
 :root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-rail-brand,
 :root[data-arkyn-resolved="retro"] body.swat-ui3 .swat-workspace-brand{transition:none!important;}
}