/* Arkyn Navigation RC16 — Panorama Air. Scoped to module hub; Core viewport RC11 untouched. */
.swat-global-hub[data-nav-design="panorama-air"]{
  --air-bg:var(--swat-color-bg,var(--ja-bg,#0b0a19));
  --air-surface:var(--swat-color-surface,var(--ja-surface,#19142f));
  --air-surface2:var(--swat-color-surface-2,var(--ja-surface-2,#211b38));
  --air-border:var(--swat-color-line,var(--ja-line,#ffffff25));
  --air-text:var(--swat-color-text,var(--ja-text,#f8f6ff));
  --air-muted:var(--swat-color-text-muted,var(--ja-muted,#aaa4c4));
  --air-accent:var(--swat-color-primary,var(--ja-accent,#baa5ff));
  color:var(--air-text);
}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] main[data-hub-content]{padding:clamp(18px,2.7vw,40px) clamp(16px,4vw,64px) 34px!important;background:transparent!important;overflow-x:hidden}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 22px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline.secondary{margin-top:28px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline h2{font-size:clamp(25px,3vw,39px);line-height:1.17;letter-spacing:-.035em;font-weight:750;margin:0;color:var(--air-text)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline>span{font-size:12px;color:var(--air-muted);border:1px solid var(--air-border);border-radius:99px;padding:8px 12px;background:var(--air-surface)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-stages{display:grid;gap:12px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{display:flex;align-items:stretch;gap:12px;min-height:clamp(315px,43dvh,510px);min-width:0;isolation:isolate}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{
  position:relative;display:flex!important;flex:1 1 0;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;
  min-width:0!important;min-height:0!important;overflow:hidden;isolation:isolate;
  padding:24px 16px 18px!important;border:1px solid var(--air-border)!important;
  border-radius:23px!important;
  background:linear-gradient(155deg,color-mix(in srgb,var(--air-accent) 10%,var(--air-surface)),var(--air-surface) 66%)!important;
  color:var(--air-text)!important;text-align:left!important;
  box-shadow:0 10px 28px rgba(0,0,0,.09)!important;
  transition:flex-grow .38s cubic-bezier(.22,.8,.2,1),border-color .22s ease,background .22s ease,box-shadow .22s ease!important;
  transform:none!important;
}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card::before{content:"";position:absolute;z-index:-1;right:-135px;top:32%;width:235px;height:235px;border:1px solid color-mix(in srgb,var(--air-accent) 35%,transparent);border-radius:50%;box-shadow:0 0 0 40px color-mix(in srgb,var(--air-accent) 5%,transparent),0 0 0 85px color-mix(in srgb,var(--air-accent) 2%,transparent);opacity:.62;pointer-events:none;transition:transform .38s cubic-bezier(.22,.8,.2,1),opacity .38s ease}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card:hover::before{transform:translateX(-22px) scale(1.08);opacity:.85}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>i{
  flex:none;display:grid!important;place-items:center;width:46px!important;height:46px!important;
  margin:0 0 20px!important;border:1px solid color-mix(in srgb,var(--air-accent) 23%,var(--air-border))!important;
  border-radius:15px!important;color:var(--air-accent)!important;
  background:color-mix(in srgb,var(--air-accent) 10%,transparent)!important;
}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>i svg{width:22px;height:22px}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-items:start!important;text-align:left!important;gap:7px!important;max-width:100%;min-width:0}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div>small{display:none}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div>strong{font-size:clamp(16px,1.4vw,23px)!important;line-height:1.15!important;letter-spacing:-.035em!important;font-weight:760!important;overflow-wrap:anywhere;color:var(--air-text)!important}
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div>span{font-size:12px!important;line-height:1.55!important;color:var(--air-muted)!important;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:break-word}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>b{display:flex!important;align-items:center;justify-content:center;flex:none;align-self:flex-start;margin-top:auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--air-border);background:color-mix(in srgb,var(--air-accent) 8%,transparent);font-size:19px;color:var(--air-text);transition:transform .22s ease}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card:hover>b{transform:translateX(4px)}
/* Primary desktop-only interaction: expands on hover/focus, never after the click. */
@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:.82!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:2.2!important;border-color:color-mix(in srgb,var(--air-accent) 48%,var(--air-border))!important;box-shadow:0 20px 48px rgba(0,0,0,.16)!important}
}
/* Pin and favorite controls: retain original preference keys, no changes to storage. */
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-pin-toggle,
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-favorite-toggle{position:absolute!important;top:10px!important;width:30px!important;height:30px!important;min-height:30px!important;border-radius:10px!important;z-index:4!important;background:color-mix(in srgb,var(--air-surface) 92%,transparent)!important;border-color:var(--air-border)!important;color:var(--air-muted)!important}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-pin-toggle{left:auto!important;right:45px!important}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-favorite-toggle{right:9px!important}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-pin-toggle.active,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-favorite-toggle.active{color:var(--air-accent)!important;border-color:var(--air-accent)!important}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs button{min-height:43px;padding:10px 15px;border:1px solid var(--air-border);border-radius:13px;background:var(--air-surface);color:var(--air-muted);font-size:13px;cursor:pointer}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs button[aria-selected="true"]{background:color-mix(in srgb,var(--air-accent) 14%,var(--air-surface));color:var(--air-text);border-color:color-mix(in srgb,var(--air-accent) 40%,var(--air-border))}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs span{margin-left:7px;font-size:11px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(270px,100%),1fr));gap:12px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category{display:flex;align-items:center;gap:15px;min-width:0;min-height:112px;padding:18px;border:1px solid var(--air-border);border-radius:20px;background:linear-gradient(135deg,color-mix(in srgb,var(--air-accent) 8%,var(--air-surface)),var(--air-surface));color:var(--air-text);text-align:left;cursor:pointer;transition:border-color .2s ease,transform .2s ease}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category:hover{border-color:var(--air-accent);transform:translateY(-2px)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category>i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--air-accent) 10%,transparent);color:var(--air-accent)}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category>i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category>span{display:grid;gap:4px;min-width:0}.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category strong{font-size:17px;line-height:1.3}.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category small{font-size:12px;color:var(--air-muted);line-height:1.5}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category>b{margin-left:auto;font-size:20px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-air-empty{padding:25px;border-radius:18px;border:1px dashed var(--air-border);color:var(--air-muted);font-size:13px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-hub-category-row>header h2{color:var(--air-text);font-size:20px}
.swat-global-hub[data-nav-design="panorama-air"] .swat-hub-category-row{margin-bottom:28px}
@media(max-width:1100px){
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;gap:12px}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{min-height:210px!important;flex:none!important;transform:none!important}
}
@media(max-width:767px){
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] main[data-hub-content]{padding:14px 13px 16px!important;height:100%!important;min-height:0!important;overflow-y:auto!important}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-stage{grid-template-columns:minmax(0,1fr);gap:9px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline{margin-bottom:13px}.swat-global-hub[data-nav-design="panorama-air"] .swat-air-topline h2{font-size:25px}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card{flex-direction:row!important;align-items:center!important;min-height:100px!important;padding:14px 82px 14px 13px!important;border-radius:17px!important;gap:12px!important}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>i{width:45px!important;height:45px!important;flex:0 0 45px!important;margin:0!important;border-radius:13px!important}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div{justify-content:center!important;min-width:0;flex:1}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div>strong{font-size:17px!important}
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div>span{font-size:11px!important;-webkit-line-clamp:2}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>b{position:absolute;right:13px;bottom:12px;width:28px;height:28px;margin:0}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-pin-toggle,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-favorite-toggle{width:32px!important;height:32px!important;min-height:32px!important;top:9px!important}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-pin-toggle{right:46px!important}.swat-global-hub[data-nav-design="panorama-air"] .swat-air-card .swat-favorite-toggle{right:9px!important}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs{gap:7px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-tabs button{min-height:42px;padding:9px 11px;font-size:12px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra{grid-template-columns:minmax(0,1fr)}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category{min-height:90px;padding:13px}
}
/* Low-end devices: avoid expensive continuous animation; honor Core user preference and OS setting. */
@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-card>b,.swat-global-hub[data-nav-design="panorama-air"] .swat-air-extra-category{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,body.swat-ux-reduce-motion .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>b{transition:none!important;animation:none!important}