/* Arkyn/SWAT — shell premium 2026-10-02.
   Inspired by the clarity of enterprise suites, while keeping the current SWAT identity. */
:root{
  --ja-topbar-h:48px;
  --ja-shell-rail-w:64px;
  --ja-shell-chrome:#161a22;
  --ja-shell-chrome-2:#1a1f29;
  --ja-shell-line:rgba(255,255,255,.075);
}
body.swat-ui3{
  --nav3-rail:var(--ja-shell-rail-w)!important;
  --nav3-rail-compact:var(--ja-shell-rail-w)!important;
  --nav3-rail-expanded:var(--ja-shell-rail-w)!important;
  background:#101319!important;
}

/* One continuous L-shaped application chrome: no floating rail card. */
body.swat-ui3 .swat-navigation-rail,
body.swat-ui3.swat-ux-enabled:not(.swat-ux-rail-always) .swat-navigation-rail{
  z-index:1560!important;left:0!important;top:0!important;bottom:0!important;width:64px!important;min-width:64px!important;max-width:64px!important;
  padding:0 5px 5px!important;border:0!important;border-right:1px solid var(--ja-shell-line)!important;border-radius:0!important;
  background:linear-gradient(180deg,var(--ja-shell-chrome) 0%,#141820 100%)!important;box-shadow:none!important;
}
body.swat-ui3 .swat-rail-workspace{height:48px!important;margin:0!important;padding:0!important;border-bottom:1px solid var(--ja-shell-line)!important}
body.swat-ui3 .swat-rail-logo{width:42px!important;height:42px!important;border-radius:9px!important}
body.swat-ui3 .swat-rail-logo .swat-rail-mark{width:34px!important;height:34px!important;border-radius:9px!important}
body.swat-ui3 .swat-navigation-rail nav{padding:6px 0!important;gap:1px!important}
body.swat-ui3 .swat-navigation-rail nav button,
body.swat-ui3 .swat-rail-foot button,
body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button,
body.swat-ui3.swat-nav-expanded .swat-rail-foot button,
body.swat-ui3.swat-ux-rail-always .swat-navigation-rail nav button,
body.swat-ui3.swat-ux-rail-always .swat-rail-foot button{
  width:54px!important;min-width:54px!important;height:54px!important;min-height:54px!important;margin:0 auto!important;
  grid-template-rows:28px 14px!important;border-radius:9px!important;color:#7e8997!important;
}
body.swat-ui3 .swat-navigation-rail nav button:hover,
body.swat-ui3 .swat-rail-foot button:hover{background:rgba(255,255,255,.045)!important;color:#e5ebf2!important}
body.swat-ui3 .swat-navigation-rail button.active{background:rgba(255,255,255,.055)!important;color:#fff!important}
body.swat-ui3 .swat-navigation-rail button.active i{background:rgba(99,145,255,.13)!important;box-shadow:0 0 0 1px rgba(112,153,255,.11) inset!important}
body.swat-ui3 .swat-navigation-rail [data-rail="home"].active i{background:radial-gradient(circle at 40% 25%,rgba(255,255,255,.30),rgba(112,91,255,.26) 35%,rgba(78,139,255,.13) 70%,rgba(255,255,255,.03))!important;box-shadow:0 0 20px rgba(95,111,255,.18)!important}
body.swat-ui3 .swat-navigation-rail nav button>span,
body.swat-ui3 .swat-rail-foot button>span,
body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button>span,
body.swat-ui3.swat-nav-expanded .swat-rail-foot button>span,
body.swat-ui3.swat-ux-rail-always .swat-navigation-rail nav button>span,
body.swat-ui3.swat-ux-rail-always .swat-rail-foot button>span{max-width:52px!important;font-size:7.8px!important;color:inherit!important}
body.swat-ui3 .swat-rail-foot{padding:5px 0 2px!important;border-top:1px solid var(--ja-shell-line)!important}

body.swat-ui3.swat-workspace-unified{--swat-workspace-left:64px!important;--swat-workspace-top:48px!important}
body.swat-ui3.swat-workspace-unified #root{padding-top:48px!important}
body.swat-ui3 .swat-nav-layout{grid-template-columns:64px minmax(0,1fr)!important}
body.swat-ui3 .swat-legacy-sidebar-hidden,
body.swat-ui3 [data-swat-legacy-sidebar="1"]{width:64px!important;min-width:64px!important;max-width:64px!important}

body.swat-ui3 .swat-workspace-topbar{
  z-index:1550!important;left:64px!important;right:0!important;top:0!important;height:48px!important;
  grid-template-columns:minmax(190px,1fr) minmax(280px,430px) minmax(190px,1fr)!important;
  grid-template-areas:"workspace search right"!important;gap:10px!important;padding:0 10px!important;
  border:0!important;border-bottom:1px solid var(--ja-shell-line)!important;border-radius:0!important;
  background:linear-gradient(90deg,var(--ja-shell-chrome) 0%,var(--ja-shell-chrome) 62%,#171c25 100%)!important;
  backdrop-filter:none!important;box-shadow:none!important;
}
body.swat-ui3 .swat-workspace-left{min-width:0!important}
body.swat-ui3 .swat-workspace-club{display:none!important}
body.swat-ui3 .swat-workspace-context{height:48px!important;gap:8px!important}
body.swat-ui3 .swat-workspace-context-copy small{color:#647080!important;font-size:8px!important}
body.swat-ui3 .swat-workspace-context-copy strong{font-size:12.5px!important;color:#f1f4f8!important}
body.swat-ui3 .swat-workspace-context-copy span{font-size:9px!important;color:#6d7887!important}
body.swat-ui3 .swat-workspace-context>button:not([hidden]){width:30px!important;height:30px!important;border-radius:8px!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.055)!important}

/* Search is an app command palette, not a decorative pill. */
body.swat-ui3 .swat-workspace-search{
  grid-area:search!important;justify-self:center!important;width:100%!important;max-width:430px!important;height:32px!important;min-height:32px!important;
  grid-template-columns:15px minmax(0,1fr) auto!important;gap:6px!important;padding:0 8px!important;
  border:1px solid rgba(255,255,255,.075)!important;border-radius:9px!important;background:#20252f!important;color:#7c8796!important;
  box-shadow:0 1px 0 rgba(255,255,255,.015) inset!important;
}
body.swat-ui3 .swat-workspace-search:hover{background:#232935!important;border-color:rgba(255,255,255,.11)!important}
body.swat-ui3 .swat-workspace-search:focus-within{background:#242b37!important;border-color:rgba(91,155,255,.40)!important;box-shadow:0 0 0 3px rgba(91,155,255,.065)!important}
body.swat-ui3 .swat-workspace-search>svg{width:14px!important;height:14px!important;stroke:#6e7988!important}
body.swat-ui3 .swat-workspace-search input{height:30px!important;min-height:30px!important;color:#eef2f7!important;font:500 11.5px/1 var(--ja-font)!important}
body.swat-ui3 .swat-workspace-search input::placeholder{color:#677282!important}
body.swat-ui3 .swat-workspace-search kbd{padding:2px 5px!important;border:1px solid rgba(255,255,255,.075)!important;border-radius:5px!important;background:rgba(255,255,255,.025)!important;color:#667181!important;font-size:8px!important}
body.swat-ui3 .swat-workspace-search-results{min-width:min(630px,calc(100vw - 90px))!important;max-height:min(72vh,650px)!important;overflow:auto!important;border-radius:12px!important;background:#181d25!important;border-color:rgba(255,255,255,.10)!important;box-shadow:0 28px 90px rgba(0,0,0,.52)!important}
body.swat-ui3 .ja-search-head{position:sticky;top:0;z-index:2;background:#181d25!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
body.swat-ui3 .ja-search-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}
body.swat-ui3 .ja-search-shortcut{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;min-height:44px;padding:7px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.02);color:#a9b2bf;text-align:left}
body.swat-ui3 .ja-search-shortcut kbd{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.075);border-radius:7px;background:#222834;color:#b8c4d4;font:700 13px/1 var(--ja-font)}
body.swat-ui3 .ja-search-shortcut b{display:block;font:600 10px/1.15 var(--ja-font);color:#e4e9f0}
body.swat-ui3 .ja-search-shortcut small{display:block;margin-top:2px;color:#657181;font:500 8.5px/1.2 var(--ja-font)}
body.swat-ui3 .ja-search-mode{padding:5px 8px 3px;color:#6f7c8d;font:600 9px/1.2 var(--ja-font)}
body.swat-ui3 .ja-search-mode b{color:#a8bbd7}

body.swat-ui3 .swat-workspace-right{grid-area:right!important;justify-self:end!important}
body.swat-ui3 .swat-top-icon{width:30px!important;height:30px!important;border-radius:8px!important;color:#8d98a7!important}
body.swat-ui3 .swat-top-icon:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
body.swat-ui3 .swat-top-icon[data-ws-settings][aria-expanded="true"]{background:rgba(104,146,255,.11)!important;color:#b6c9ff!important}

body.swat-ui3 .swat-global-hub-backdrop,
body.swat-ui3 .swat-sdk-workspace,
body.swat-ui3 .swat-scanner-module{left:64px!important;top:48px!important}
body.swat-ui3 .swat-global-hub-backdrop{background:#101319!important}
body.swat-ui3 .swat-sdk-workspace{background:#101319!important}



/* Preserve the Core contextual left sidebar used by Adhérents, Scanner, Sport, etc.
   This shell only changes the chrome; module navigation remains owned by JollyContextPanel. */
@media(min-width:1101px){
  body.swat-ui3.ja-context-panel-open #root{padding-left:calc(64px + var(--ja-context-panel-w))!important}
  body.swat-ui3.ja-context-panel-open .swat-sdk-workspace,
  body.swat-ui3.ja-context-panel-open .swat-scanner-module{left:calc(64px + var(--ja-context-panel-w))!important}
}

@media(max-width:1180px){
  body.swat-ui3 .swat-workspace-topbar{grid-template-columns:minmax(150px,1fr) minmax(240px,360px) minmax(130px,1fr)!important}
}
@media(max-width:767px){
  :root{--ja-topbar-h:56px}
  body.swat-ui3 .swat-navigation-rail{display:none!important}
  body.swat-ui3.swat-workspace-unified{--swat-workspace-left:0!important;--swat-workspace-top:56px!important}
  body.swat-ui3.swat-workspace-unified #root{padding-top:56px!important}
  body.swat-ui3 .swat-workspace-topbar{left:0!important;height:56px!important;grid-template-columns:minmax(0,1fr) 38px auto!important;grid-template-areas:"workspace search right"!important;padding:0 8px!important}
  body.swat-ui3 .swat-workspace-context{height:56px!important}
  body.swat-ui3 .swat-workspace-search{width:32px!important;max-width:32px!important;height:32px!important;min-height:32px!important;padding:0!important;grid-template-columns:1fr!important;place-items:center!important}
  body.swat-ui3 .swat-workspace-search>svg{display:block!important}
  body.swat-ui3 .swat-workspace-search input,body.swat-ui3 .swat-workspace-search kbd{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
  body.swat-ui3 .swat-global-hub-backdrop,body.swat-ui3 .swat-sdk-workspace,body.swat-ui3 .swat-scanner-module{left:0!important;top:56px!important}
}