/* Arkyn Navigation RC17 — Favorites / Marketplace / Explorer; CSS isolated to navigation. */
/* Rail actions stay visible at the foot: Favorites, Marketplace, Plus. */
.swat-navigation-rail .swat-air-rail-foot{display:grid;gap:5px;padding-top:9px;border-top:1px solid var(--swat-color-line,var(--ja-line,#ffffff23));min-height:0}
.swat-navigation-rail .swat-air-rail-foot>button{min-height:53px!important;position:relative}
.swat-navigation-rail .swat-air-rail-foot>button i{color:var(--swat-color-text-muted,var(--ja-muted,#a9a3bf))}
.swat-navigation-rail .swat-air-rail-foot [data-rail-favorites]:hover i,.swat-navigation-rail .swat-air-rail-foot [data-rail-favorites]:focus-visible i{color:#e7c276}
.swat-navigation-rail .swat-air-rail-foot [data-rail-marketplace]:hover i,.swat-navigation-rail .swat-air-rail-foot [data-rail-marketplace]:focus-visible i{color:var(--swat-color-primary,var(--ja-accent,#bda1ff))}
.swat-navigation-rail .swat-air-rail-foot .swat-air-fav-count{font-style:normal;position:absolute;top:2px;right:4px;min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:999px;background:var(--swat-color-primary,var(--ja-accent,#ba9aff));color:var(--swat-color-bg,#0b0918);font-size:9px;font-weight:800;pointer-events:none}
/* The explorer is meant to be an actual index, not another set of tiny module cards. */
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-favorites-page{width:min(1220px,100%);margin:0 auto}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-intro{display:flex;align-items:end;justify-content:space-between;gap:22px;padding:clamp(16px,3vw,36px) 0 29px;border-bottom:1px solid var(--air-border);margin-bottom:18px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-kicker{color:var(--air-accent);font-size:11px;letter-spacing:.16em;font-weight:750}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-intro h2{color:var(--air-text);font-size:clamp(29px,4vw,55px);line-height:1.1;letter-spacing:-.05em;margin:9px 0 11px;font-weight:750}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-intro p{color:var(--air-muted);font-size:13px;line-height:1.7;max-width:530px;margin:0}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-count{white-space:nowrap;background:var(--air-surface);border:1px solid var(--air-border);border-radius:99px;padding:9px 14px;color:var(--air-muted);font-size:12px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-category-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-group{min-width:0;padding:6px 21px 17px;border:1px solid var(--air-border);border-radius:23px;background:linear-gradient(150deg,color-mix(in srgb,var(--air-accent) 5%,var(--air-surface)),var(--air-surface));transition:border-color .28s ease,box-shadow .28s ease}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-group:hover{border-color:color-mix(in srgb,var(--air-accent) 32%,var(--air-border));box-shadow:0 16px 35px #00000012}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-heading{min-height:104px;display:flex;gap:13px;align-items:center;width:100%;color:var(--air-text);text-align:left;border:0;background:none;padding:10px 0;cursor:pointer}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-number{align-self:flex-start;margin-top:16px;font-size:11px;color:var(--air-muted);font-variant-numeric:tabular-nums}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-heading>i{display:grid;place-items:center;flex:none;width:45px;height:45px;border-radius:14px;background:color-mix(in srgb,var(--air-accent) 11%,transparent);border:1px solid var(--air-border);color:var(--air-accent)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-heading>i svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-copy{display:grid;gap:5px;min-width:0;flex:1}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-copy strong{font-size:20px;line-height:1.22;letter-spacing:-.035em;overflow-wrap:anywhere}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-copy small{font-size:11px;color:var(--air-muted);line-height:1.45}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-total{display:block;white-space:nowrap;color:var(--air-muted);font-size:10px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-arrow{font-size:21px;color:var(--air-accent);font-weight:450}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules{border-top:1px solid var(--air-border);padding-top:10px;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:8px 11px;border:none;border-radius:11px;background:transparent;color:var(--air-text);font-size:12px;cursor:pointer;text-align:left}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules>button:hover,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules>button:focus-visible{background:color-mix(in srgb,var(--air-accent) 9%,transparent)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules>button b{font-weight:550;color:var(--air-accent);font-size:17px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-modules>button.swat-air-directory-more{color:var(--air-accent)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts{display:none}
/* Panorama modules are centered, quieter when idle, and glide wider over 620ms. */
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline{width:min(1280px,100%);margin:0 auto 22px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-stages{width:min(1280px,100%);margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:min(70dvh,680px);gap:16px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{width:100%;margin:0 auto;min-height:clamp(360px,57dvh,560px);gap:14px}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{justify-content:center!important;transition:flex-grow .62s cubic-bezier(.19,1,.22,1),border-color .4s ease,box-shadow .48s ease!important}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>i{margin:0 0 19px!important}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>b{margin-top:clamp(18px,3.5vh,40px)!important}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card::before{transition:transform .62s cubic-bezier(.19,1,.22,1),opacity .48s ease}
@media (min-width:1101px) and (hover:hover) and (pointer:fine){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage:has(.swat-air-card:hover) .swat-air-card,
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage:has(.swat-air-card:focus-visible) .swat-air-card{flex-grow:.8!important}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage:has(.swat-air-card:hover) .swat-air-card:hover,
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage:has(.swat-air-card:focus-visible) .swat-air-card:focus-visible{flex-grow:3!important}
}
@media(max-width:1100px){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stages{min-height:0}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{min-height:0}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{justify-content:flex-start!important}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-category-directory{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:767px){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-intro{align-items:flex-start;padding:15px 0 17px;gap:12px;flex-direction:column;margin-bottom:11px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-explorer-intro h2{font-size:30px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0 0 16px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts button{display:flex;align-items:center;gap:8px;min-height:53px;padding:10px;border-radius:14px;border:1px solid var(--air-border);background:var(--air-surface);color:var(--air-text);font-weight:700;text-align:left;font-size:12px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts i{color:var(--air-accent);display:grid;place-items:center}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts svg{width:18px;height:18px;fill:none;stroke:currentColor}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-mobile-shortcuts b{margin-left:auto;color:var(--air-accent)}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-group{padding:2px 12px 12px;border-radius:17px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-heading{min-height:83px;gap:9px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-number{display:none}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-heading>i{width:38px;height:38px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-copy strong{font-size:17px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-total{font-size:9px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stages{min-height:0;display:block}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{margin:0;gap:9px}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{justify-content:flex-start!important}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>i{margin:0!important}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>b{margin:0!important}
}
@media(hover:none){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card::before{transition:none!important}
}
@media(prefers-reduced-motion:reduce){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card::before,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-directory-group{transition:none!important;animation:none!important}
}
body.swat-ux-reduce-motion .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card,body.swat-ux-reduce-motion .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card::before{transition:none!important;animation:none!important}