/* Arkyn RC19 — visual hub wallpaper + scripted Annuaire product tour.
   Does not alter Core RC11 shell positioning or Dashboard scrolling. */

/* The hub is a sibling overlay of the workspace, not one of its children. It must
   paint the chosen theme art itself and leave the internal panes transparent. */
body.swat-ui3 .swat-global-hub-backdrop:has(>.swat-global-hub[data-nav-design="panorama-air"]){
  background-color:var(--ja-bg,#090819)!important;
  background-image:none!important;
  background-repeat:no-repeat!important;
}
:root[data-arkyn-resolved] body.swat-ui3 .swat-global-hub-backdrop>.swat-global-hub[data-nav-design="panorama-air"],
:root[data-arkyn-resolved] body.swat-ui3 .swat-global-hub-backdrop>.swat-global-hub[data-nav-design="panorama-air"]>main[data-hub-content],
:root[data-arkyn-resolved] body.swat-ui3 .swat-global-hub-backdrop>.swat-global-hub[data-nav-design="panorama-air"] .swat-hub-category-row,
:root[data-arkyn-resolved] body.swat-ui3 .swat-global-hub-backdrop>.swat-global-hub[data-nav-design="panorama-air"] .swat-air-stages{
  background:transparent!important;
  background-image:none!important;
}
:root[data-arkyn-resolved="royal"][data-arkyn-show-background="true"] body.swat-ui3 .swat-global-hub-backdrop:has(>.swat-global-hub[data-nav-design="panorama-air"]){
  background-color:#091323!important;
  background-image:linear-gradient(180deg,rgba(9,19,35,.10) 0%,rgba(9,19,35,.35) 50%,#091323 530px),url('/assets/themes/royal-fjords.svg')!important;
  background-size:100% 550px,cover!important;
  background-position:center top!important;
}
:root[data-arkyn-resolved="aurora"][data-arkyn-show-background="true"] body.swat-ui3 .swat-global-hub-backdrop:has(>.swat-global-hub[data-nav-design="panorama-air"]){
  background-color:#07141b!important;
  background-image:linear-gradient(180deg,rgba(7,20,27,.08),rgba(7,20,27,.32) 50%,#07141b 550px),url('/assets/themes/aurora-sky.svg')!important;
  background-size:100% 560px,cover!important;
  background-position:center top!important;
}
:root[data-arkyn-resolved="retro"][data-arkyn-show-background="true"] body.swat-ui3 .swat-global-hub-backdrop:has(>.swat-global-hub[data-nav-design="panorama-air"]){
  background-color:#090519!important;
  background-image:linear-gradient(180deg,rgba(9,5,25,.06),rgba(9,5,25,.30) 50%,#090519 560px),url('/assets/themes/retro-horizon.svg')!important;
  background-size:100% 560px,cover!important;
  background-position:center top!important;
}
:root[data-arkyn-show-background="false"] body.swat-ui3 .swat-global-hub-backdrop:has(>.swat-global-hub[data-nav-design="panorama-air"]){background-image:none!important;background-color:var(--ja-bg,#090819)!important}

/* Product demo: the miniature is a scripted visual of the existing member
   directory/dossier/cards workflows, not a functional member card or real QR. */
body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card>div.arkyn-annuaire-tour{
  display:none!important;position:relative!important;flex:none!important;margin-top:11px!important;
  width:100%;max-width:100%;min-width:0!important;height:0;overflow:hidden;
  background:color-mix(in srgb,var(--air-surface) 82%,#070611)!important;
  border:1px solid color-mix(in srgb,var(--air-border) 85%,var(--air-accent));
  border-radius:13px;box-shadow:0 10px 25px #0002;color:var(--air-text);
  text-align:left!important;justify-items:stretch!important;pointer-events:none;
}
.arkyn-annuaire-tour,.arkyn-annuaire-tour *{box-sizing:border-box}
.arkyn-annuaire-tour .aat-browser{width:100%;height:25px;padding:0 10px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--air-border);font-size:9px;color:var(--air-text)}
.arkyn-annuaire-tour .aat-window-dots{display:flex;gap:3px}.arkyn-annuaire-tour .aat-window-dots i{width:5px;height:5px;border-radius:50%;background:var(--air-muted);opacity:.5}.arkyn-annuaire-tour .aat-window-dots i:first-child{background:var(--air-accent);opacity:1}
.arkyn-annuaire-tour .aat-browser strong{font-size:9.5px}.arkyn-annuaire-tour .aat-fictive{margin-left:auto;color:var(--air-muted);font-weight:700;font-size:7px;letter-spacing:.05em}
.arkyn-annuaire-tour .aat-frame{position:relative;width:100%;min-width:0;height:190px;overflow:hidden;isolation:isolate;padding:8px 10px}
.arkyn-annuaire-tour .aat-scene{position:absolute;inset:8px 10px;opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .25s ease,transform .27s ease,visibility 0s linear .27s;font-size:10px}
.arkyn-annuaire-tour[data-scene="directory"] .aat-directory,.arkyn-annuaire-tour[data-scene="detail"] .aat-detail,.arkyn-annuaire-tour[data-scene="card"] .aat-cardview{opacity:1;visibility:visible;transform:translateX(0);transition-delay:0s}
.arkyn-annuaire-tour .aat-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.arkyn-annuaire-tour .aat-title strong{font-size:11px}.arkyn-annuaire-tour .aat-title span{font-size:8px;color:var(--air-muted)}
.arkyn-annuaire-tour .aat-input{height:24px;display:flex;align-items:center;gap:5px;padding:0 7px;border-radius:7px;border:1px solid var(--air-border);background:color-mix(in srgb,var(--air-accent) 5%,transparent);color:var(--air-text);font-weight:650}
.arkyn-annuaire-tour .aat-magnifier{font-size:16px;color:var(--air-muted);line-height:1}.arkyn-annuaire-tour .aat-input small{margin-left:auto;font-size:7px;color:var(--air-muted)}.arkyn-annuaire-tour .aat-caret{width:1px;height:12px;background:var(--air-accent);animation:aat-caret 1s steps(1) infinite}
@keyframes aat-caret{50%{opacity:0}}
.arkyn-annuaire-tour .aat-table-head{display:grid;grid-template-columns:minmax(0,1.6fr) 1fr .65fr;gap:5px;color:var(--air-muted);font-size:7.5px;margin:9px 0 3px;padding:0 4px}
.arkyn-annuaire-tour .aat-person{height:28px;display:grid;grid-template-columns:22px minmax(0,1.6fr) 1fr .65fr;align-items:center;gap:4px;padding:2px 4px;margin-top:3px;border:1px solid var(--air-border);border-radius:6px;white-space:nowrap;transition:opacity .25s ease,transform .25s ease,background .25s ease}
.arkyn-annuaire-tour .aat-person>i{height:18px;width:18px;display:grid;place-items:center;border-radius:5px;background:color-mix(in srgb,var(--air-accent) 22%,transparent);color:var(--air-text);font-style:normal;font-size:7px;font-weight:800}.arkyn-annuaire-tour .aat-person strong{overflow:hidden;text-overflow:ellipsis;font-size:8.7px}.arkyn-annuaire-tour .aat-person span,.arkyn-annuaire-tour .aat-person em{font-size:8px;font-style:normal;color:var(--air-muted)}.arkyn-annuaire-tour .aat-person em{color:#80dbb1}
.arkyn-annuaire-tour[data-step="2"] .aat-other{opacity:.06;transform:translateY(8px)}.arkyn-annuaire-tour[data-step="2"] .aat-person-target{background:color-mix(in srgb,var(--air-accent) 15%,transparent);border-color:color-mix(in srgb,var(--air-accent) 55%,var(--air-border))}
.arkyn-annuaire-tour .aat-back{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:var(--air-muted);margin-bottom:7px}.arkyn-annuaire-tour .aat-back span{letter-spacing:.08em;font-size:7px;color:var(--air-accent)}
.arkyn-annuaire-tour .aat-person-head{display:flex;gap:7px;align-items:center;padding:6px;border-radius:7px;border:1px solid var(--air-border);background:color-mix(in srgb,var(--air-accent) 7%,transparent)}
.arkyn-annuaire-tour .aat-photo{width:29px;height:30px;border-radius:7px;background:linear-gradient(140deg,#456586,#9771b6);color:white;display:grid;place-items:center;font-size:9px;font-weight:800}.arkyn-annuaire-tour .aat-person-head div{display:grid;gap:3px;min-width:0}.arkyn-annuaire-tour .aat-person-head strong{font-size:11px;white-space:nowrap}.arkyn-annuaire-tour .aat-person-head small{font-size:7.4px;color:var(--air-muted)}.arkyn-annuaire-tour .aat-person-head em{margin-left:auto;color:#8ee6ba;font-size:8px;font-style:normal}
.arkyn-annuaire-tour .aat-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:7px 0}.arkyn-annuaire-tour .aat-tabs span{font-size:8px;text-align:center;padding:6px 0;border:1px solid var(--air-border);border-radius:5px;color:var(--air-muted);transition:background .2s,border-color .2s}.arkyn-annuaire-tour .aat-tabs span.active{color:var(--air-accent);border-color:var(--air-accent);background:color-mix(in srgb,var(--air-accent) 12%,transparent)}
.arkyn-annuaire-tour .aat-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.arkyn-annuaire-tour .aat-stats>span{display:grid;gap:5px;border:1px solid var(--air-border);border-radius:6px;padding:8px 4px}.arkyn-annuaire-tour .aat-stats small{font-size:7px;color:var(--air-muted)}.arkyn-annuaire-tour .aat-stats b{font-size:9.2px}.arkyn-annuaire-tour .aat-note{font-size:7.8px;color:var(--air-muted);padding-top:7px}
.arkyn-annuaire-tour .aat-card{height:119px;display:flex;justify-content:space-between;gap:10px;border:1px solid color-mix(in srgb,var(--air-accent) 55%,transparent);border-radius:10px;padding:12px 11px;background:linear-gradient(130deg,color-mix(in srgb,var(--air-accent) 20%,#15112e),#120e24);color:#f5f0ff;box-shadow:inset 0 0 30px #0003}
.arkyn-annuaire-tour .aat-card>div:first-child{display:flex;flex-direction:column;gap:8px}.arkyn-annuaire-tour .aat-card small{font-size:7px;letter-spacing:.05em;color:#bcb1d4}.arkyn-annuaire-tour .aat-card strong{font-size:13px}.arkyn-annuaire-tour .aat-card span{font-size:9px}.arkyn-annuaire-tour .aat-card em{font-size:7px;font-weight:750;font-style:normal;letter-spacing:.1em;color:#ddaaff}
.arkyn-annuaire-tour .aat-fake-qr{height:65px;width:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:5px;background:#f8f8fc;color:#101017;flex:none}.arkyn-annuaire-tour .aat-fake-qr span{font-size:29px;line-height:1}.arkyn-annuaire-tour .aat-fake-qr small{color:#101017;font-size:7px;white-space:nowrap;font-weight:750}
.arkyn-annuaire-tour .aat-cursor{position:absolute;z-index:5;left:0;top:0;transform:translate(70px,48px);transition:transform .9s cubic-bezier(.22,.7,.2,1);filter:drop-shadow(0 2px 2px #0008)}
.arkyn-annuaire-tour .aat-cursor svg{width:14px;height:17px;fill:white;stroke:#211036;stroke-width:1.2}.arkyn-annuaire-tour .aat-cursor b{display:block;width:12px;height:12px;border:2px solid var(--air-accent);border-radius:50%;position:absolute;left:2px;top:3px;opacity:0}
.arkyn-annuaire-tour[data-step="1"] .aat-cursor{transform:translate(74px,41px)}.arkyn-annuaire-tour[data-step="2"] .aat-cursor{transform:translate(115px,98px)}
.arkyn-annuaire-tour[data-step="3"] .aat-cursor{transform:translate(47px,102px)}.arkyn-annuaire-tour[data-step="4"] .aat-cursor{transform:translate(149px,99px)}.arkyn-annuaire-tour[data-step="5"] .aat-cursor{transform:translate(252px,98px)}.arkyn-annuaire-tour[data-step="6"] .aat-cursor{transform:translate(248px,111px)}.arkyn-annuaire-tour[data-step="7"] .aat-cursor{transform:translate(190px,114px)}
.arkyn-annuaire-tour[data-step="2"] .aat-cursor b,.arkyn-annuaire-tour[data-step="4"] .aat-cursor b,.arkyn-annuaire-tour[data-step="5"] .aat-cursor b,.arkyn-annuaire-tour[data-step="6"] .aat-cursor b{animation:aat-click .42s ease-out 1}
@keyframes aat-click{0%{transform:scale(.15);opacity:.85}100%{transform:scale(2.4);opacity:0}}
.arkyn-annuaire-tour .aat-bottom{height:26px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--air-border);padding:0 10px;color:var(--air-muted);font-size:7.4px}
.arkyn-annuaire-tour .aat-progress{height:3px;width:54px;background:var(--air-border);border-radius:99px;overflow:hidden}.arkyn-annuaire-tour .aat-progress i{height:100%;width:0;display:block;background:var(--air-accent)}
.arkyn-annuaire-playing .aat-progress i{animation:aat-progress 11s linear both}@keyframes aat-progress{to{width:100%}}
@media (min-width:1101px) and (hover:hover) and (pointer:fine){
 body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card[data-preview="annuaire-tour"]:is(:hover,:focus-within)>div.arkyn-annuaire-tour{display:block!important;height:241px}
 .swat-global-hub[data-nav-design="panorama-air"] .swat-air-card[data-preview="annuaire-tour"]:is(:hover,:focus-within) .swat-air-highlights{gap:4px;max-height:94px}
}
@media(max-width:1100px),(hover:none),(pointer:coarse){body.swat-workspace-unified .swat-global-hub[data-nav-design="panorama-air"] .arkyn-annuaire-tour{display:none!important}}
@media(prefers-reduced-motion:reduce){.arkyn-annuaire-tour *, .arkyn-annuaire-tour *:before,.arkyn-annuaire-tour *:after{animation:none!important;transition:none!important}}
body.swat-ux-reduce-motion .arkyn-annuaire-tour *{animation:none!important;transition:none!important}