/* UI 3.0 App Shell — single adaptive sidebar + refined workspace + app hub. */
:root{--nav3-rail-compact:68px;--nav3-rail-expanded:244px;--nav3-rail:var(--nav3-rail-compact);--swat-workspace-top:var(--ja-topbar-h)}
body.swat-ui3.swat-nav-expanded{--nav3-rail:var(--nav3-rail-expanded)}
body.swat-ui3{background:var(--ja-bg);color:var(--ja-text);font-family:var(--ja-font)}
body.swat-ui3 *{scrollbar-color:rgba(255,255,255,.15) transparent}
body.swat-ui3 *::-webkit-scrollbar{width:9px;height:9px}body.swat-ui3 *::-webkit-scrollbar-thumb{background:rgba(255,255,255,.11);border:2px solid transparent;background-clip:padding-box;border-radius:999px}

/* One sidebar only: compact or expanded, never a second permanent rail. */
body.swat-ui3 .swat-navigation-rail{
  left:6px!important;top:6px!important;bottom:6px!important;width:calc(var(--nav3-rail) - 12px)!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;padding:6px!important;
  background:linear-gradient(180deg,#171a1d,#121416)!important;border:1px solid var(--ja-line)!important;border-radius:12px!important;
  box-shadow:var(--ja-shadow-sm)!important;color:var(--ja-text)!important;transition:width var(--ja-motion-slow) var(--ja-ease-enter),box-shadow var(--ja-motion-fast),background var(--ja-motion-fast)!important;
  overflow:hidden!important;
}
body.swat-ui3 .swat-rail-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;align-items:center;padding:1px 0 7px;margin-bottom:4px;border-bottom:1px solid var(--ja-line)}
body.swat-ui3 .swat-rail-logo{min-width:0;height:38px;display:grid!important;grid-template-columns:28px minmax(0,1fr);align-items:center;justify-items:start!important;gap:8px;padding:0 6px!important;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ja-text);cursor:pointer;transition:background var(--ja-motion-fast),border-color var(--ja-motion-fast)}
body.swat-ui3 .swat-rail-logo:hover{background:rgba(255,255,255,.055);border-color:var(--ja-line)}
body.swat-ui3 .swat-rail-logo .swat-rail-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(145deg,#103647,#0d252f);color:#8cddff;box-shadow:inset 0 0 0 1px rgba(87,201,248,.18)}
body.swat-ui3 .swat-rail-logo .swat-rail-mark svg{width:16px;height:16px;padding:0;background:none;border-radius:0;fill:none;stroke:currentColor}
body.swat-ui3 .swat-rail-copy{min-width:0;display:grid;gap:1px;opacity:0;transform:translateX(-4px);pointer-events:none;transition:opacity var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)}
body.swat-ui3.swat-nav-expanded .swat-rail-copy{opacity:1;transform:none;pointer-events:auto}
body.swat-ui3 .swat-rail-copy strong{font:650 12px/1.15 var(--ja-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swat-rail-copy small{font:500 10px/1.2 var(--ja-font);color:var(--ja-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.swat-ui3 .swat-rail-toggle{width:28px;height:28px;display:grid;place-items:center;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--ja-muted);cursor:pointer;transition:background var(--ja-motion-fast),color var(--ja-motion-fast),transform var(--ja-motion-slow) var(--ja-ease-enter)}
body.swat-ui3 .swat-rail-toggle:hover{background:rgba(255,255,255,.065);color:var(--ja-text)}
body.swat-ui3:not(.swat-nav-expanded) .swat-rail-toggle{opacity:0;pointer-events:none;width:0;padding:0}
body.swat-ui3.swat-nav-expanded .swat-rail-toggle{transform:rotate(0deg)}
body.swat-ui3 .swat-navigation-rail nav{display:flex!important;flex-direction:column!important;gap:2px!important;padding:2px 0!important;overflow-x:hidden!important}
body.swat-ui3 .swat-navigation-rail nav button,
body.swat-ui3 .swat-rail-foot button{width:100%!important;min-height:38px!important;height:38px!important;display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center!important;justify-items:start!important;gap:7px!important;padding:0 5px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:var(--ja-muted)!important;box-shadow:none!important;transition:background var(--ja-motion-fast),color var(--ja-motion-fast),border-color var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)!important}
body.swat-ui3 .swat-navigation-rail nav button:hover,
body.swat-ui3 .swat-rail-foot button:hover{background:rgba(255,255,255,.055)!important;color:var(--ja-text)!important;border-color:rgba(255,255,255,.035)!important}
body.swat-ui3 .swat-navigation-rail nav button:active,
body.swat-ui3 .swat-rail-foot button:active{transform:scale(.985)}
body.swat-ui3 .swat-navigation-rail button i{width:30px!important;height:30px!important;display:grid!important;place-items:center!important;color:inherit}
body.swat-ui3 .swat-navigation-rail button svg{width:17px!important;height:17px!important;stroke-width:1.75!important}
body.swat-ui3 .swat-navigation-rail nav button>span,
body.swat-ui3 .swat-rail-foot button>span{position:static!important;opacity:0!important;transform:translateX(-5px)!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:inherit!important;font:560 12px/1 var(--ja-font)!important;white-space:nowrap!important;pointer-events:none!important;transition:opacity var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)!important}
body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button>span,
body.swat-ui3.swat-nav-expanded .swat-rail-foot button>span{opacity:1!important;transform:none!important;pointer-events:auto!important}
body.swat-ui3 .swat-navigation-rail button.active{background:linear-gradient(90deg,rgba(40,183,246,.14),rgba(40,183,246,.07))!important;color:#dff7ff!important;border-color:rgba(56,189,248,.16)!important}
body.swat-ui3 .swat-navigation-rail button.active:before{left:-7px!important;width:2px!important;height:20px!important;border-radius:2px!important;background:var(--ja-accent)!important;box-shadow:0 0 10px rgba(40,183,246,.5)!important}
body.swat-ui3 .swat-rail-foot{display:grid;gap:2px;padding-top:6px!important;border-top:1px solid var(--ja-line)!important}
body.swat-ui3 .swat-rail-foot kbd{display:none!important}
body.swat-ui3:not(.swat-nav-expanded) .swat-rail-workspace{grid-template-columns:1fr}
body.swat-ui3:not(.swat-nav-expanded) .swat-rail-logo{grid-template-columns:1fr;padding:0!important;justify-items:center!important}
body.swat-ui3:not(.swat-nav-expanded) .swat-rail-copy{display:none}
body.swat-ui3:not(.swat-nav-expanded) .swat-navigation-rail nav button,
body.swat-ui3:not(.swat-nav-expanded) .swat-rail-foot button{grid-template-columns:1fr!important;padding:0!important;justify-items:center!important}

/* App shell / top bar */
body.swat-ui3.swat-workspace-unified{--swat-workspace-left:var(--nav3-rail);--swat-workspace-top:var(--ja-topbar-h)}
body.swat-ui3.swat-workspace-unified #root{padding-top:var(--ja-topbar-h)!important;transition:padding-left var(--ja-motion-slow) var(--ja-ease-enter)}
body.swat-ui3 .swat-nav-layout{grid-template-columns:var(--nav3-rail) minmax(0,1fr)!important;transition:grid-template-columns var(--ja-motion-slow) var(--ja-ease-enter)}
body.swat-ui3 .swat-legacy-sidebar-hidden,
body.swat-ui3 [data-swat-legacy-sidebar="1"]{width:var(--nav3-rail)!important;min-width:var(--nav3-rail)!important;max-width:var(--nav3-rail)!important;transition:width var(--ja-motion-slow) var(--ja-ease-enter),min-width var(--ja-motion-slow) var(--ja-ease-enter),max-width var(--ja-motion-slow) var(--ja-ease-enter)}
body.swat-ui3 .swat-workspace-topbar{
  left:var(--nav3-rail)!important;height:var(--ja-topbar-h)!important;grid-template-columns:minmax(180px,.72fr) minmax(260px,520px) minmax(0,1fr) auto!important;gap:10px!important;padding:6px 14px 6px 10px!important;
  border-bottom:1px solid var(--ja-line)!important;background:rgba(13,15,17,.92)!important;backdrop-filter:blur(18px) saturate(135%)!important;box-shadow:none!important;color:var(--ja-text)!important;
  transition:left var(--ja-motion-slow) var(--ja-ease-enter),background var(--ja-motion-fast)!important
}
body.swat-ui3 .swat-workspace-context{gap:7px!important}body.swat-ui3 .swat-workspace-context>button{width:32px!important;height:32px!important;min-height:32px!important;border:1px solid var(--ja-line)!important;border-radius:8px!important;background:var(--ja-surface)!important;color:var(--ja-text-2)!important;transition:background var(--ja-motion-fast),transform var(--ja-motion-fast)!important}body.swat-ui3 .swat-workspace-context>button:hover{background:var(--ja-surface-2)!important}body.swat-ui3 .swat-workspace-context-copy{gap:0!important}body.swat-ui3 .swat-workspace-context-copy small{font:600 9px/1.25 var(--ja-font)!important;letter-spacing:.02em!important;color:var(--ja-muted)!important;text-transform:none!important}body.swat-ui3 .swat-workspace-context-copy strong{font:650 13px/1.15 var(--ja-font-display)!important;letter-spacing:-.01em}body.swat-ui3 .swat-workspace-context-copy span{font:500 10px/1.2 var(--ja-font)!important;color:var(--ja-muted-2)!important}
body.swat-ui3 .swat-workspace-search{height:34px!important;grid-template-columns:16px minmax(0,1fr) auto!important;gap:6px!important;padding:0 8px!important;border:1px solid var(--ja-line)!important;border-radius:var(--ja-radius-pill)!important;background:#202326!important;color:var(--ja-muted)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 1px 2px rgba(0,0,0,.16)!important;transition:border-color var(--ja-motion-fast),background var(--ja-motion-fast),box-shadow var(--ja-motion-fast)!important}
body.swat-ui3 .swat-workspace-search:hover{background:#24282c!important;border-color:var(--ja-line-strong)!important}body.swat-ui3 .swat-workspace-search:focus-within{border-color:rgba(40,183,246,.42)!important;background:#24282c!important;box-shadow:0 0 0 3px rgba(40,183,246,.08),0 1px 2px rgba(0,0,0,.18)!important}body.swat-ui3 .swat-workspace-search input{height:30px!important;min-height:30px!important;font:500 12px/1 var(--ja-font)!important;color:var(--ja-text)!important}body.swat-ui3 .swat-workspace-search input::placeholder{color:#767d84}body.swat-ui3 .swat-workspace-search kbd{font:600 9px/1 var(--ja-font)!important;color:#777f87!important;padding:3px 5px!important;border:0!important;border-radius:5px!important;background:rgba(255,255,255,.045)!important}
body.swat-ui3 .swat-workspace-actions button{min-height:32px!important;height:32px!important;padding:0 10px!important;border-radius:8px!important;font:600 11px/1 var(--ja-font)!important;transition:background var(--ja-motion-fast),border-color var(--ja-motion-fast),transform var(--ja-motion-fast)!important}body.swat-ui3 .swat-workspace-actions button:active{transform:scale(.98)}body.swat-ui3 .swat-workspace-actions button.primary{border:1px solid rgba(40,183,246,.52)!important;background:linear-gradient(180deg,#2bbbf8,#128fc8)!important;box-shadow:0 1px 0 rgba(255,255,255,.16) inset!important}body.swat-ui3 .swat-workspace-actions button.secondary{border:1px solid var(--ja-line)!important;background:var(--ja-surface)!important;color:var(--ja-text-2)!important}
body.swat-ui3 .swat-workspace-search-results{top:calc(100% + 6px)!important;padding:6px!important;border:1px solid var(--ja-line-strong)!important;border-radius:12px!important;background:#171a1d!important;box-shadow:var(--ja-shadow-lg)!important;color:var(--ja-text)!important;animation:ja-scale-in var(--ja-motion-fast) var(--ja-ease-enter) both;transform-origin:top center}
body.swat-ui3 .swat-workspace-search-results [data-ws-member]{border-radius:8px!important}body.swat-ui3 .swat-workspace-search-results [data-ws-member]:hover{background:rgba(255,255,255,.055)!important;border-color:var(--ja-line)!important}

/* Hub: application launcher, calmer and more editorial. */
body.swat-ui3 .swat-global-hub-backdrop{left:var(--nav3-rail)!important;background:var(--ja-bg)!important;transition:left var(--ja-motion-slow) var(--ja-ease-enter)!important}
body.swat-ui3 .swat-global-hub{background:var(--ja-bg)!important;color:var(--ja-text)!important;grid-template-rows:auto auto minmax(0,1fr)!important}
body.swat-ui3 .swat-global-hub>header{min-height:54px!important;padding:8px 18px!important;border-bottom:1px solid var(--ja-line)!important;background:rgba(13,15,17,.96)!important;backdrop-filter:blur(18px)!important}
body.swat-ui3 .swat-hub-brand{gap:9px!important}body.swat-ui3 .swat-hub-brand>button{width:32px!important;height:32px!important;border:1px solid var(--ja-line)!important;border-radius:8px!important;background:var(--ja-surface)!important;color:var(--ja-text-2)!important}body.swat-ui3 .swat-hub-brand>i{width:34px!important;height:34px!important;border:1px solid var(--ja-line)!important;border-radius:9px!important;background:var(--ja-surface-2)!important;color:var(--ja-accent)!important}body.swat-ui3 .swat-hub-brand>i svg{width:17px!important;height:17px!important}body.swat-ui3 .swat-hub-brand small{font:600 9px/1 var(--ja-font)!important;letter-spacing:.02em!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-hub-brand h1{margin:2px 0 1px!important;font:650 16px/1.1 var(--ja-font-display)!important;letter-spacing:-.015em}body.swat-ui3 .swat-hub-brand p{font:500 10px/1.25 var(--ja-font)!important;color:var(--ja-muted)!important}
body.swat-ui3 .swat-hub-search{width:min(420px,42vw)!important;height:34px!important;padding:0 9px!important;border:1px solid var(--ja-line)!important;border-radius:var(--ja-radius-pill)!important;background:#202326!important;color:var(--ja-muted)!important;box-shadow:var(--ja-shadow-xs)!important}body.swat-ui3 .swat-hub-search input{font:500 12px/1 var(--ja-font)!important;color:var(--ja-text)!important}body.swat-ui3 .swat-hub-search kbd{border:0!important;background:rgba(255,255,255,.045)!important;color:var(--ja-muted)!important}
body.swat-ui3 .swat-hub-toolbar{height:38px!important;padding:0 20px!important;border-bottom:1px solid var(--ja-line)!important;background:var(--ja-bg)!important}body.swat-ui3 .swat-hub-path{font:500 11px/1 var(--ja-font)!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-hub-path button,body.swat-ui3 .swat-hub-path span{color:var(--ja-text-2)!important;font-weight:600!important}body.swat-ui3 .swat-hub-view{font:600 9px/1 var(--ja-font)!important;letter-spacing:.03em!important;color:var(--ja-muted)!important;border:1px solid var(--ja-line)!important;background:var(--ja-surface)!important}
body.swat-ui3 .swat-global-hub main{padding:24px clamp(18px,3vw,42px) 64px!important;background:radial-gradient(900px 420px at 80% -20%,rgba(40,183,246,.055),transparent 65%),var(--ja-bg)!important}body.swat-ui3 .swat-global-hub main>[class],body.swat-ui3 .swat-global-hub main>div{max-width:var(--ja-page-max);margin-left:auto;margin-right:auto}
body.swat-ui3 .swat-hub-section-head{margin:0 auto 10px!important}body.swat-ui3 .swat-hub-section-head.secondary{margin-top:26px!important}body.swat-ui3 .swat-hub-section-head small{font:650 9px/1 var(--ja-font)!important;letter-spacing:.045em!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-hub-section-head h2{margin:4px 0 0!important;font:650 16px/1.15 var(--ja-font-display)!important;letter-spacing:-.015em}body.swat-ui3 .swat-hub-section-head>span{font:600 10px/1 var(--ja-font)!important;color:var(--ja-muted)!important;border:1px solid var(--ja-line)!important;background:var(--ja-surface)!important;padding:5px 7px!important}
body.swat-ui3 .swat-domain-grid,body.swat-ui3 .swat-module-grid{grid-template-columns:repeat(auto-fill,minmax(178px,1fr))!important;gap:9px!important;max-width:var(--ja-page-max);margin-inline:auto}
body.swat-ui3 .swat-domain-card,body.swat-ui3 .swat-module-card{min-height:136px!important;padding:14px 12px!important;gap:8px!important;border:1px solid var(--ja-line)!important;border-radius:12px!important;background:var(--ja-surface)!important;box-shadow:var(--ja-shadow-xs)!important;transition:transform var(--ja-motion-fast) var(--ja-ease-enter),background var(--ja-motion-fast),border-color var(--ja-motion-fast),box-shadow var(--ja-motion-fast)!important}
body.swat-ui3 .swat-domain-card:hover,body.swat-ui3 .swat-module-card:hover{transform:translateY(-2px)!important;border-color:var(--ja-line-strong)!important;background:var(--ja-surface-2)!important;box-shadow:var(--ja-shadow-sm)!important}
body.swat-ui3 .swat-domain-card>i,body.swat-ui3 .swat-module-card>i{width:42px!important;height:42px!important;border:1px solid rgba(40,183,246,.18)!important;border-radius:11px!important;background:var(--ja-accent-soft)!important;color:#75d5ff!important}body.swat-ui3 .swat-domain-card svg,body.swat-ui3 .swat-module-card svg{width:20px!important;height:20px!important}body.swat-ui3 .swat-domain-card small,body.swat-ui3 .swat-module-card small{font:650 8px/1 var(--ja-font)!important;letter-spacing:.04em!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-domain-card strong,body.swat-ui3 .swat-module-card strong{font:650 12px/1.2 var(--ja-font)!important}body.swat-ui3 .swat-domain-card span,body.swat-ui3 .swat-module-card span{font:500 10px/1.3 var(--ja-font)!important;color:var(--ja-muted)!important}
body.swat-ui3 .swat-favorite-toggle{right:7px!important;top:7px!important;width:27px!important;height:27px!important;border:1px solid transparent!important;border-radius:7px!important;background:transparent!important;color:var(--ja-muted-2)!important;transition:background var(--ja-motion-fast),color var(--ja-motion-fast)!important}body.swat-ui3 .swat-favorite-toggle:hover{background:rgba(255,255,255,.06)!important;border-color:var(--ja-line)!important;color:var(--ja-warning)!important}body.swat-ui3 .swat-favorite-toggle.active{background:rgba(247,200,93,.09)!important;color:var(--ja-warning)!important;border-color:rgba(247,200,93,.16)!important}
body.swat-ui3 .swat-favorites-grid .swat-module-card{border-color:rgba(247,200,93,.11)!important;background:linear-gradient(180deg,rgba(247,200,93,.035),var(--ja-surface))!important}
body.swat-ui3 .swat-favorites-empty{border:1px dashed var(--ja-line-strong)!important;border-radius:12px!important;background:rgba(255,255,255,.018)!important}

/* Quick actions as compact, high-signal launch cards. */
body.swat-ui3 .swat-quick-actions-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;max-width:var(--ja-page-max);margin:0 auto 20px!important}
body.swat-ui3 .swat-quick-action-card{min-height:68px!important;padding:10px 11px!important;border:1px solid var(--ja-line)!important;border-radius:11px!important;background:var(--ja-surface)!important;box-shadow:var(--ja-shadow-xs)!important;transition:transform var(--ja-motion-fast) var(--ja-ease-enter),background var(--ja-motion-fast),border-color var(--ja-motion-fast)!important}body.swat-ui3 .swat-quick-action-card:hover{transform:translateY(-1px)!important;background:var(--ja-surface-2)!important;border-color:var(--ja-line-strong)!important}

/* SDK surface */
body.swat-ui3 .swat-sdk-workspace{left:var(--nav3-rail)!important;top:var(--ja-topbar-h)!important;background:var(--ja-bg)!important;transition:left var(--ja-motion-slow) var(--ja-ease-enter)!important}body.swat-ui3 .swat-sdk-contextbar{min-height:40px!important;padding:5px 16px!important;border-bottom:1px solid var(--ja-line)!important;background:var(--ja-bg-elevated)!important}body.swat-ui3 .swat-sdk-layout{background:var(--ja-bg)!important}body.swat-ui3 .swat-sdk-main{padding:clamp(14px,2vw,24px)!important;background:var(--ja-bg)!important}body.swat-ui3 .swat-sdk-aside{border-left:1px solid var(--ja-line)!important;background:var(--ja-bg-elevated)!important}body.swat-ui3 .swat-sdk-footer{border-top:1px solid var(--ja-line)!important;background:var(--ja-bg-elevated)!important}

@media(max-width:1180px){body.swat-ui3{--nav3-rail:var(--nav3-rail-compact)!important}body.swat-ui3.swat-nav-expanded{--nav3-rail:var(--nav3-rail-compact)!important}.swat-rail-copy,.swat-rail-toggle{display:none!important}body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button,body.swat-ui3.swat-nav-expanded .swat-rail-foot button{grid-template-columns:1fr!important;padding:0!important;justify-items:center!important}body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button>span,body.swat-ui3.swat-nav-expanded .swat-rail-foot button>span{opacity:0!important;pointer-events:none!important}}
@media(max-width:900px){body.swat-ui3 .swat-quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:767px){:root{--ja-topbar-h:58px}body.swat-ui3 .swat-navigation-rail{display:none!important}body.swat-ui3 .swat-global-hub-backdrop,body.swat-ui3 .swat-sdk-workspace{left:0!important}body.swat-ui3 .swat-workspace-topbar{left:0!important;height:58px!important;grid-template-columns:minmax(0,1fr) 42px auto auto!important;padding:7px 8px!important}body.swat-ui3 .swat-hub-search{width:min(46vw,320px)!important}body.swat-ui3 .swat-domain-grid,body.swat-ui3 .swat-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.swat-ui3 .swat-global-hub main{padding:16px 12px 84px!important}}
@media(max-width:520px){body.swat-ui3 .swat-domain-grid,body.swat-ui3 .swat-module-grid,body.swat-ui3 .swat-quick-actions-grid{grid-template-columns:1fr!important}body.swat-ui3 .swat-global-hub>header{padding:7px 10px!important}body.swat-ui3 .swat-hub-brand>i{display:none!important}body.swat-ui3 .swat-hub-brand p{display:none!important}body.swat-ui3 .swat-hub-search{width:42px!important;overflow:hidden!important}body.swat-ui3 .swat-hub-search input,body.swat-ui3 .swat-hub-search kbd{display:none!important}}
body.swat-ui3 .swat-nav-toggle-icon{transition:transform var(--ja-motion-slow) var(--ja-ease-enter)}
body.swat-ui3.swat-nav-expanded .swat-nav-toggle-icon{transform:rotate(180deg)}
body.swat-ui3 .swat-quick-action-card>i{width:36px!important;height:36px!important;border:1px solid rgba(var(--domain-rgb),.16)!important;border-radius:9px!important;background:rgba(var(--domain-rgb),.075)!important;color:var(--domain-accent)!important}body.swat-ui3 .swat-quick-action-card svg{width:18px!important;height:18px!important}body.swat-ui3 .swat-quick-action-card>div{gap:2px!important}body.swat-ui3 .swat-quick-action-card small{font:650 8px/1 var(--ja-font)!important;letter-spacing:.035em!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-quick-action-card strong{font:650 11px/1.2 var(--ja-font)!important}body.swat-ui3 .swat-quick-action-card span{font:500 9px/1.3 var(--ja-font)!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-quick-action-card>b{font-size:13px!important;color:var(--ja-muted)!important}
body.swat-ui3 .swat-club-trigger{height:34px!important;max-width:210px!important;gap:7px!important;padding:3px 8px 3px 4px!important;border:1px solid var(--ja-line)!important;border-radius:9px!important;background:var(--ja-surface)!important;color:var(--ja-text)!important;box-shadow:none!important;transition:background var(--ja-motion-fast),border-color var(--ja-motion-fast)!important}body.swat-ui3 .swat-club-trigger:hover{transform:none!important;background:var(--ja-surface-2)!important;border-color:var(--ja-line-strong)!important}body.swat-ui3 .swat-club-trigger img{width:26px!important;height:26px!important;border-radius:7px!important}body.swat-ui3 .swat-club-trigger small{font:600 8px/1 var(--ja-font)!important;letter-spacing:.04em!important;color:var(--ja-muted)!important}body.swat-ui3 .swat-club-trigger strong{font:600 10px/1.1 var(--ja-font)!important}
body.swat-ui3 .swat-club-menu{border:1px solid var(--ja-line-strong)!important;border-radius:12px!important;background:#171a1d!important;box-shadow:var(--ja-shadow-lg)!important;color:var(--ja-text)!important;animation:ja-scale-in var(--ja-motion-fast) var(--ja-ease-enter) both;transform-origin:top right}

/* =========================================================
   UI 3.0.1 — ClickUp-like global chrome + Zoho-like workspace
   Global bar: 40px. Global rail: 52px panel inside a 64px lane.
   The rail stays a single global navigation. Contextual module navigation,
   when a module needs it, belongs to the module surface and can collapse.
   ========================================================= */
:root{
  --ja-topbar-h:40px;
  --nav3-rail-compact:64px;
  --nav3-rail-expanded:64px;
  --nav3-rail:64px;
  --swat-workspace-top:40px;
}
body.swat-ui3,
body.swat-ui3.swat-nav-expanded,
body.swat-ui3.swat-ux-rail-always,
body.swat-ui3.swat-ux-enabled:not(.swat-ux-rail-always){--nav3-rail:64px!important}

/* Global top bar spans the whole window like ClickUp. */
body.swat-ui3 .swat-workspace-topbar{
  left:0!important;top:0!important;right:0!important;height:40px!important;
  display:grid!important;grid-template-columns:minmax(190px,1fr) minmax(260px,360px) minmax(190px,1fr)!important;
  grid-template-areas:"workspace search right"!important;align-items:center!important;gap:8px!important;
  padding:4px 7px!important;border-bottom:1px solid rgba(255,255,255,.055)!important;
  background:rgba(15,15,16,.965)!important;backdrop-filter:blur(18px) saturate(120%)!important;
  box-shadow:none!important;z-index:1600!important;
}
body.swat-ui3 .swat-workspace-club{grid-area:workspace!important;justify-self:start!important;min-width:0!important;display:flex!important;align-items:center!important}
body.swat-ui3 .swat-workspace-search{grid-area:search!important;justify-self:center!important;width:100%!important;max-width:360px!important;height:28px!important;min-height:28px!important;grid-template-columns:16px minmax(0,1fr) auto!important;gap:5px!important;padding:0 7px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:#2a2a2a!important;color:#777!important;box-shadow:0 0 0 1px rgba(255,255,255,.02) inset,0 1px 2px rgba(0,0,0,.18)!important}
body.swat-ui3 .swat-workspace-search:hover{background:#2e2e2f!important;border-color:rgba(255,255,255,.12)!important}
body.swat-ui3 .swat-workspace-search:focus-within{background:#303031!important;border-color:rgba(255,255,255,.18)!important;box-shadow:0 0 0 2px rgba(255,255,255,.035),0 1px 2px rgba(0,0,0,.18)!important}
body.swat-ui3 .swat-workspace-search>svg{width:14px!important;height:14px!important;fill:none!important;stroke:rgba(255,255,255,.42)!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.swat-ui3 .swat-workspace-search input{height:26px!important;min-height:26px!important;color:#eeeeee!important;font:500 13px/1 var(--ja-font)!important}
body.swat-ui3 .swat-workspace-search input::placeholder{color:rgba(255,255,255,.42)!important}
body.swat-ui3 .swat-workspace-search kbd{padding:2px 5px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:999px!important;background:rgba(255,255,255,.025)!important;color:#666!important;font:600 9px/1 var(--ja-font)!important}
body.swat-ui3 .swat-workspace-search-results{top:calc(100% + 7px)!important;min-width:420px!important;border-color:rgba(255,255,255,.11)!important;background:#19191a!important;box-shadow:0 22px 70px rgba(0,0,0,.52)!important}

/* Workspace picker on the left. */
body.swat-ui3 .swat-club-trigger{height:28px!important;min-height:28px!important;max-width:270px!important;padding:2px 7px 2px 3px!important;gap:6px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:6px!important;background:rgba(255,255,255,.055)!important;color:#eee!important}
body.swat-ui3 .swat-club-trigger:hover{background:rgba(255,255,255,.085)!important;border-color:rgba(255,255,255,.11)!important}
body.swat-ui3 .swat-club-trigger img{width:20px!important;height:20px!important;border-radius:5px!important}
body.swat-ui3 .swat-club-trigger small{display:none!important}
body.swat-ui3 .swat-club-trigger strong{font:600 13px/1 var(--ja-font)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Page context no longer steals topbar width. Only the back affordance is kept. */
body.swat-ui3 .swat-workspace-context{position:fixed!important;z-index:1602!important;left:min(286px,24vw)!important;top:6px!important;width:28px!important;min-width:28px!important;height:28px!important;pointer-events:none!important}
body.swat-ui3 .swat-workspace-context-copy{display:none!important}
body.swat-ui3 .swat-workspace-context>button:not([hidden]){pointer-events:auto!important;width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:6px!important;background:rgba(255,255,255,.035)!important;color:#aaa!important}
body.swat-ui3 .swat-workspace-context>button:not([hidden]):hover{background:rgba(255,255,255,.075)!important;color:#fff!important}
body.swat-ui3 .swat-workspace-context>button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

body.swat-ui3 .swat-workspace-right{grid-area:right!important;justify-self:end!important;min-width:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important}
body.swat-ui3 .swat-workspace-actions{display:flex!important;align-items:center!important;gap:4px!important}
body.swat-ui3 .swat-workspace-actions:empty{display:none!important}
body.swat-ui3 .swat-workspace-actions button{min-height:28px!important;height:28px!important;padding:0 8px!important;border-radius:6px!important;font:600 11px/1 var(--ja-font)!important}
body.swat-ui3 .swat-workspace-tools{display:flex!important;align-items:center!important;gap:2px!important}
body.swat-ui3 .swat-top-icon{position:relative;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:rgba(255,255,255,.67);cursor:pointer;transition:background var(--ja-motion-fast),color var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)}
body.swat-ui3 .swat-top-icon:hover{background:rgba(255,255,255,.07);color:#fff}
body.swat-ui3 .swat-top-icon:active{transform:scale(.94)}
body.swat-ui3 .swat-top-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.swat-ui3 .swat-top-icon [data-notice-count]{position:absolute;right:-2px;top:-2px;min-width:14px;height:14px;display:grid;place-items:center;padding:0 3px;border:2px solid #0f0f10;border-radius:999px;background:#e5484d;color:#fff;font:700 7px/1 var(--ja-font);font-style:normal}
body.swat-ui3 .swat-top-icon [data-notice-count][hidden]{display:none!important}

/* Gear menu: Affichage / Tutoriels / Aide live here. */
body.swat-ui3 .swat-settings-wrap{position:relative}
body.swat-ui3 .swat-settings-menu{position:absolute;z-index:1805;right:0;top:calc(100% + 7px);width:268px;padding:7px;border:1px solid rgba(255,255,255,.105);border-radius:11px;background:#1a1a1b;color:#eee;box-shadow:0 22px 70px rgba(0,0,0,.58);transform-origin:top right;animation:ja-scale-in var(--ja-motion-fast) var(--ja-ease-enter) both}
body.swat-ui3 .swat-settings-menu[hidden]{display:none!important}
body.swat-ui3 .swat-settings-menu-head{display:grid;gap:2px;padding:7px 8px 9px;border-bottom:1px solid rgba(255,255,255,.065);margin-bottom:5px}
body.swat-ui3 .swat-settings-menu-head small{font:700 8px/1 var(--ja-font);letter-spacing:.09em;color:#777}
body.swat-ui3 .swat-settings-menu-head strong{font:650 13px/1.2 var(--ja-font)}
body.swat-ui3 .swat-settings-menu button{width:100%;min-height:44px;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:5px 7px;border:0;border-radius:7px;background:transparent;color:#ddd;text-align:left;cursor:pointer}
body.swat-ui3 .swat-settings-menu button:hover{background:rgba(255,255,255,.065);color:#fff}
body.swat-ui3 .swat-settings-menu button>span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;background:rgba(255,255,255,.045);color:#aaa;font:650 12px/1 var(--ja-font)}
body.swat-ui3 .swat-settings-menu button>div{display:grid;gap:2px;min-width:0}
body.swat-ui3 .swat-settings-menu button b{font:600 12px/1.15 var(--ja-font)}
body.swat-ui3 .swat-settings-menu button small{font:500 10px/1.2 var(--ja-font);color:#777}
body.swat-ui3 .swat-settings-menu button.danger:hover{background:rgba(229,72,77,.085);color:#ff8d91}
body.swat-ui3 .swat-settings-menu hr{height:1px;border:0;background:rgba(255,255,255,.065);margin:5px 0}

/* ClickUp-like global rail: 52px panel in a 64px lane. */
body.swat-ui3 .swat-navigation-rail,
body.swat-ui3.swat-ux-enabled:not(.swat-ux-rail-always) .swat-navigation-rail{
  z-index:1550!important;left:6px!important;top:46px!important;bottom:6px!important;width:52px!important;min-width:52px!important;max-width:52px!important;
  grid-template-rows:auto minmax(0,1fr) auto!important;padding:0!important;overflow:hidden!important;
  border:0!important;border-radius:8px!important;background:#191919!important;box-shadow:0 4px 12px rgba(0,0,0,.22)!important;
  transition:background var(--ja-motion-fast),box-shadow var(--ja-motion-fast)!important;
}
body.swat-ui3 .swat-rail-workspace{height:48px!important;display:grid!important;place-items:center!important;margin:0 7px 1px!important;padding:0 0 5px!important;border-bottom:1px solid rgba(255,255,255,.11)!important}
body.swat-ui3 .swat-rail-logo{width:32px!important;height:32px!important;display:grid!important;grid-template-columns:1fr!important;place-items:center!important;padding:0!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#ddd!important}
body.swat-ui3 .swat-rail-logo:hover{background:rgba(255,255,255,.06)!important;color:#fff!important}
body.swat-ui3 .swat-rail-logo .swat-rail-mark{width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:transparent!important;color:#ddd!important;box-shadow:none!important}
body.swat-ui3 .swat-rail-logo .swat-rail-mark svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.swat-ui3 .swat-rail-copy{display:none!important}
body.swat-ui3 .swat-navigation-rail nav{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:2px 0!important;overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:none!important}
body.swat-ui3 .swat-navigation-rail nav::-webkit-scrollbar{display:none!important}
body.swat-ui3 .swat-navigation-rail nav button,
body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button,
body.swat-ui3.swat-ux-rail-always .swat-navigation-rail nav button,
body.swat-ui3 .swat-rail-foot button,
body.swat-ui3.swat-nav-expanded .swat-rail-foot button,
body.swat-ui3.swat-ux-rail-always .swat-rail-foot button{
  width:52px!important;min-width:52px!important;height:56px!important;min-height:56px!important;display:grid!important;
  grid-template-columns:1fr!important;grid-template-rows:29px 15px!important;align-content:center!important;justify-items:center!important;gap:1px!important;
  padding:3px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;color:color-mix(in srgb,var(--domain-accent) 62%,#cbd5e1 38%)!important;box-shadow:none!important;
  overflow:hidden!important;transition:color var(--ja-motion-fast),background var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)!important;
}
body.swat-ui3 .swat-navigation-rail nav button:hover,
body.swat-ui3 .swat-rail-foot button:hover{background:rgba(255,255,255,.035)!important;color:#e6e6e6!important}
body.swat-ui3 .swat-navigation-rail nav button:active,
body.swat-ui3 .swat-rail-foot button:active{transform:scale(.97)!important}
body.swat-ui3 .swat-navigation-rail button i{width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:8px!important;background:transparent!important;color:inherit!important;transition:background var(--ja-motion-fast),color var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)!important}
body.swat-ui3 .swat-navigation-rail button svg{width:19px!important;height:19px!important;stroke-width:1.7!important}
body.swat-ui3 .swat-navigation-rail nav button>span,
body.swat-ui3.swat-nav-expanded .swat-navigation-rail nav button>span,
body.swat-ui3.swat-ux-rail-always .swat-navigation-rail nav button>span,
body.swat-ui3 .swat-rail-foot button>span,
body.swat-ui3.swat-nav-expanded .swat-rail-foot button>span,
body.swat-ui3.swat-ux-rail-always .swat-rail-foot button>span{
  position:static!important;display:block!important;max-width:48px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;
  opacity:1!important;transform:none!important;pointer-events:auto!important;color:inherit!important;font:600 8px/11px var(--ja-font)!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:center!important;
}
body.swat-ui3 .swat-navigation-rail button.active{background:transparent!important;color:#fff!important;border:0!important}
body.swat-ui3 .swat-navigation-rail button.active:before{display:none!important}
body.swat-ui3 .swat-navigation-rail button.active i{background:rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,255,255,.035) inset!important}
body.swat-ui3 .swat-navigation-rail [data-rail="home"].active i{background:radial-gradient(circle at 45% 30%,rgba(255,255,255,.34),rgba(139,92,246,.30) 28%,rgba(58,130,246,.20) 58%,rgba(255,255,255,.055) 100%)!important;box-shadow:0 0 18px rgba(124,92,255,.20)!important}
body.swat-ui3 .swat-rail-foot{display:grid!important;grid-template-columns:1fr!important;gap:0!important;padding:3px 0 2px!important;margin:0!important;border-top:1px solid rgba(255,255,255,.09)!important}
body.swat-ui3 .swat-rail-foot kbd{display:none!important}
body.swat-ui3 .swat-ux-rail-tools,
body.swat-ui3 .swat-ux-core-tools,
body.swat-ui3 .swat-ux-hub-actions,
body.swat-ui3 .swat-ux-core-hub-tools{display:none!important}

/* Main application surfaces align under the global topbar and beside the global rail. */
body.swat-ui3.swat-workspace-unified{--swat-workspace-left:64px!important;--swat-workspace-top:40px!important}
body.swat-ui3.swat-workspace-unified #root{padding-top:40px!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-global-hub-backdrop{left:64px!important;top:40px!important}
body.swat-ui3 .swat-sdk-workspace{left:64px!important;top:40px!important}
body.swat-ui3 .swat-scanner-module{left:64px!important;top:40px!important}
body.swat-ui3 .swat-ux-notice-panel{top:46px!important;right:8px!important;border-radius:11px!important;background:#1a1a1b!important;border-color:rgba(255,255,255,.105)!important}

/* Zoho-like dashboard language: calmer cards, clear grouped sections, less decorative chrome. */
body.swat-ui3 [data-module="dashboard"]{--dashboard-card:#171718;--dashboard-line:rgba(255,255,255,.075)}
body.swat-ui3 [data-module="dashboard"] .swat-classic-home{gap:16px!important;max-width:1500px!important;margin:0 auto!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-head{padding:2px 2px 14px!important;border-bottom:1px solid var(--dashboard-line)!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-head h1{font-size:26px!important;font-weight:650!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-priority{border:1px solid var(--dashboard-line)!important;border-left:1px solid var(--dashboard-line)!important;border-radius:10px!important;background:var(--dashboard-card)!important;padding:14px 16px!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-kpis{gap:12px!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-widget-slot .swat-sdk-widget{min-height:116px!important;border:1px solid var(--dashboard-line)!important;border-radius:10px!important;background:var(--dashboard-card)!important;box-shadow:none!important}
body.swat-ui3 [data-module="dashboard"] .swat-sdk-widget-value{font-size:30px!important;font-weight:650!important;letter-spacing:-.035em!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-columns{gap:12px!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-panel{min-height:260px!important;border:1px solid var(--dashboard-line)!important;border-radius:10px!important;background:var(--dashboard-card)!important;box-shadow:none!important;padding:15px!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-panel-head{padding-bottom:9px!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-panel-head h2{font-size:14px!important;font-weight:650!important}
body.swat-ui3 [data-module="dashboard"] .swat-classic-actions>button{border-radius:8px!important;background:rgba(255,255,255,.025)!important}

/* SDK 3 future context navigation: optional, collapsible, never another permanent global rail. */
body.swat-ui3 .ja-module-shell{display:grid;grid-template-columns:auto minmax(0,1fr);min-height:100%;background:var(--ja-bg)}
body.swat-ui3 .ja-context-nav{width:232px;min-width:232px;padding:12px 10px;border-right:1px solid var(--ja-line);background:var(--ja-bg-elevated);transition:width var(--ja-motion-slow) var(--ja-ease-enter),min-width var(--ja-motion-slow) var(--ja-ease-enter),opacity var(--ja-motion-fast)}
body.swat-ui3 .ja-module-shell[data-context-collapsed="true"] .ja-context-nav{width:0;min-width:0;padding-inline:0;overflow:hidden;opacity:0;border-right:0}

@media(max-width:1180px){
 body.swat-ui3 .swat-workspace-context{display:none!important}
 body.swat-ui3 .swat-workspace-topbar{grid-template-columns:minmax(160px,1fr) minmax(220px,340px) minmax(160px,1fr)!important}
 body.swat-ui3 .swat-workspace-actions button.secondary{display:none!important}
}
@media(max-width:767px){
 :root{--ja-topbar-h:56px;--swat-workspace-top:56px}
 body.swat-ui3 .swat-workspace-topbar{height:56px!important;grid-template-columns:minmax(0,1fr) 38px auto!important;grid-template-areas:"workspace search right"!important;padding:8px!important}
 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-global-hub-backdrop,body.swat-ui3 .swat-sdk-workspace,body.swat-ui3 .swat-scanner-module{left:0!important;top: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;background:rgba(255,255,255,.05)!important;border-radius:7px!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-workspace-actions button.secondary{display:none!important}
 body.swat-ui3 .swat-settings-menu{position:fixed!important;top:54px!important;right:8px!important;width:min(300px,calc(100vw - 16px))!important}
 body.swat-ui3 .swat-ux-notice-panel{top:8px!important;right:8px!important}
 body.swat-ui3 .ja-module-shell{grid-template-columns:1fr}.ja-context-nav{display:none!important}
}

/* ========================================================================== 
   UI 3.0.2 — Safe viewport, aligned chrome & semantic category rail
   --------------------------------------------------------------------------
   Core rules:
   - no floating surface is allowed outside the visible viewport;
   - one global rail, no mystery collapse affordance;
   - category colors are semantic navigation hints, not decorative backgrounds;
   - the search stays geometrically centred while left/right tools adapt.
   ========================================================================== */
body.swat-ui3{
  --ja-floating-pad:var(--ja-viewport-padding,8px);
  --ja-context-accent:var(--ja-accent);
}
body.swat-ui3[data-swat-workspace-domain="home"]{--ja-context-accent:var(--ja-domain-home)}
body.swat-ui3[data-swat-workspace-domain="members"]{--ja-context-accent:var(--ja-domain-members)}
body.swat-ui3[data-swat-workspace-domain="scanner"]{--ja-context-accent:var(--ja-domain-scanner)}
body.swat-ui3[data-swat-workspace-domain="sport"]{--ja-context-accent:var(--ja-domain-sport)}
body.swat-ui3[data-swat-workspace-domain="finance"]{--ja-context-accent:var(--ja-domain-finance)}
body.swat-ui3[data-swat-workspace-domain="communication"]{--ja-context-accent:var(--ja-domain-communication)}
body.swat-ui3[data-swat-workspace-domain="rh"]{--ja-context-accent:var(--ja-domain-rh)}
body.swat-ui3[data-swat-workspace-domain="commerce"]{--ja-context-accent:var(--ja-domain-commerce)}
body.swat-ui3[data-swat-workspace-domain="pilotage"]{--ja-context-accent:var(--ja-domain-pilotage)}
body.swat-ui3[data-swat-workspace-domain="admin"]{--ja-context-accent:var(--ja-domain-admin)}

/* Geometrically stable topbar. The centre column does not drift when tools change. */
body.swat-ui3 .swat-workspace-topbar{
  grid-template-columns:minmax(0,1fr) minmax(240px,380px) minmax(0,1fr)!important;
  grid-template-areas:"workspace search right"!important;
  column-gap:10px!important;
  padding-inline:6px!important;
}
body.swat-ui3 .swat-workspace-left{
  grid-area:workspace!important;justify-self:start!important;align-self:center!important;
  min-width:0!important;max-width:100%!important;height:32px!important;
  display:flex!important;align-items:center!important;gap:6px!important;
}
body.swat-ui3 .swat-workspace-club{
  grid-area:auto!important;flex:0 1 auto!important;min-width:0!important;max-width:min(270px,100%)!important;
}
body.swat-ui3 .swat-workspace-context{
  position:static!important;inset:auto!important;z-index:auto!important;
  width:auto!important;min-width:0!important;height:28px!important;
  display:flex!important;align-items:center!important;pointer-events:auto!important;
}
body.swat-ui3 .swat-workspace-context>button:not([hidden]){
  flex:0 0 28px!important;position:static!important;
  border-color:color-mix(in srgb,var(--ja-context-accent) 22%,rgba(255,255,255,.07))!important;
}
body.swat-ui3 .swat-workspace-context>button:not([hidden]):hover{
  background:color-mix(in srgb,var(--ja-context-accent) 13%,rgba(255,255,255,.04))!important;
  border-color:color-mix(in srgb,var(--ja-context-accent) 38%,rgba(255,255,255,.08))!important;
  color:color-mix(in srgb,var(--ja-context-accent) 72%,white)!important;
}
body.swat-ui3 .swat-workspace-search{min-width:0!important;justify-self:center!important}
body.swat-ui3 .swat-workspace-right{max-width:100%!important;overflow:visible!important}
body.swat-ui3 .swat-workspace-actions{min-width:0!important;max-width:min(100%,620px)!important;overflow:hidden!important}
body.swat-ui3 .swat-workspace-actions button{max-width:190px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Rail: the obsolete top chevron has been removed from the DOM. */
body.swat-ui3 .swat-navigation-rail,
body.swat-ui3.swat-ux-enabled:not(.swat-ux-rail-always) .swat-navigation-rail{
  grid-template-rows:minmax(0,1fr) auto!important;
}
body.swat-ui3 .swat-navigation-rail nav{padding-top:6px!important;padding-bottom:4px!important}
body.swat-ui3 .swat-rail-workspace,body.swat-ui3 .swat-rail-logo{display:none!important}

/* Semantic colors: calm at rest, clear on hover, unmistakable when active. */
body.swat-ui3 .swat-navigation-rail [data-rail="home"]{--domain-accent:var(--ja-domain-home);--domain-rgb:155,140,255}
body.swat-ui3 .swat-navigation-rail [data-rail="members"]{--domain-accent:var(--ja-domain-members);--domain-rgb:90,169,255}
body.swat-ui3 .swat-navigation-rail [data-rail="scanner"]{--domain-accent:var(--ja-domain-scanner);--domain-rgb:45,212,191}
body.swat-ui3 .swat-navigation-rail [data-rail="sport"]{--domain-accent:var(--ja-domain-sport);--domain-rgb:176,132,255}
body.swat-ui3 .swat-navigation-rail [data-rail="finance"]{--domain-accent:var(--ja-domain-finance);--domain-rgb:244,196,94}
body.swat-ui3 .swat-navigation-rail [data-rail="communication"]{--domain-accent:var(--ja-domain-communication);--domain-rgb:93,139,255}
body.swat-ui3 .swat-navigation-rail [data-rail="rh"]{--domain-accent:var(--ja-domain-rh);--domain-rgb:109,213,167}
body.swat-ui3 .swat-navigation-rail [data-rail="commerce"]{--domain-accent:var(--ja-domain-commerce);--domain-rgb:255,155,90}
body.swat-ui3 .swat-navigation-rail [data-rail="pilotage"]{--domain-accent:var(--ja-domain-pilotage);--domain-rgb:75,200,189}
body.swat-ui3 .swat-navigation-rail [data-rail="admin"]{--domain-accent:var(--ja-domain-admin);--domain-rgb:148,163,184}
body.swat-ui3 .swat-navigation-rail nav [data-rail]{color:#8c8c8c!important}
body.swat-ui3 .swat-navigation-rail nav [data-rail] i{
  color:var(--domain-accent)!important;opacity:.82!important;
  background:rgba(var(--domain-rgb),.035)!important;
}
body.swat-ui3 .swat-navigation-rail nav [data-rail]:hover{color:#dedede!important;background:rgba(var(--domain-rgb),.045)!important}
body.swat-ui3 .swat-navigation-rail nav [data-rail]:hover i{
  opacity:1!important;background:rgba(var(--domain-rgb),.105)!important;
  box-shadow:0 0 0 1px rgba(var(--domain-rgb),.12) inset!important;
  transform:translateY(-1px)!important;
}
body.swat-ui3 .swat-navigation-rail nav [data-rail].active{color:#fff!important;background:rgba(var(--domain-rgb),.045)!important}
body.swat-ui3 .swat-navigation-rail nav [data-rail].active i,
body.swat-ui3 .swat-navigation-rail [data-rail="home"].active i{
  opacity:1!important;color:var(--domain-accent)!important;
  background:rgba(var(--domain-rgb),.17)!important;
  box-shadow:0 0 0 1px rgba(var(--domain-rgb),.20) inset,0 0 18px rgba(var(--domain-rgb),.09)!important;
}
body.swat-ui3 .swat-navigation-rail nav [data-rail].active>span{color:color-mix(in srgb,var(--domain-accent) 56%,#fff)!important}
body.swat-ui3 .swat-rail-foot button i{color:#a1a1a1!important;background:transparent!important}

/* Core safe-floating contract. JS selects the best side, CSS guarantees containment. */
body.swat-ui3 .ja-floating-surface{
  box-sizing:border-box!important;
  max-width:calc(100vw - (var(--ja-floating-pad) * 2))!important;
  max-height:calc(100dvh - (var(--ja-floating-pad) * 2))!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable!important;
}
body.swat-ui3 .swat-settings-menu,
body.swat-ui3 .swat-workspace-search-results,
body.swat-ui3 .swat-club-menu,
body.swat-ui3 .swat-ux-notice-panel,
body.swat-ui3 .swat-ux-more-menu{
  position:fixed!important;
}
body.swat-ui3 .swat-settings-menu{
  top:46px!important;right:8px!important;left:auto;
  width:min(288px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - 16px)!important;
}
body.swat-ui3 .swat-workspace-search-results{
  top:46px!important;left:max(8px,calc(50vw - 260px));right:auto;
  width:min(520px,calc(100vw - 16px))!important;min-width:0!important;
  max-height:min(520px,calc(100dvh - 16px))!important;
}
body.swat-ui3 .swat-club-menu{
  top:46px!important;left:8px;right:auto;
  width:min(310px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - 16px)!important;
}
body.swat-ui3 .swat-ux-notice-panel{
  top:46px!important;right:8px!important;left:auto;
  width:min(400px,calc(100vw - 16px))!important;
  max-height:calc(100dvh - 16px)!important;
}
body.swat-ui3 .swat-ux-more-menu{top:46px!important;right:8px!important;left:auto;width:min(230px,calc(100vw - 16px))!important;max-height:calc(100dvh - 16px)!important}
body.swat-ui3 .ja-floating-surface[data-ja-placement^="top"]{transform-origin:bottom center!important}
body.swat-ui3 .ja-floating-surface[data-ja-placement^="bottom"]{transform-origin:top center!important}
body.swat-ui3 .ja-floating-surface[data-ja-placement^="left"]{transform-origin:center right!important}
body.swat-ui3 .ja-floating-surface[data-ja-placement^="right"]{transform-origin:center left!important}

/* Dialog-sized surfaces must also respect the user's real viewport. */
body.swat-ui3 .swat-club-selector>section,
body.swat-ui3 .swat-club-settings>section,
body.swat-ui3 [role="dialog"]{
  max-width:calc(100vw - 16px)!important;
  max-height:calc(100dvh - 16px)!important;
}

/* Progressive compaction instead of overlap. */
@media(max-width:1120px){
  body.swat-ui3 .swat-workspace-topbar{grid-template-columns:minmax(150px,1fr) minmax(220px,340px) minmax(150px,1fr)!important}
  body.swat-ui3 .swat-workspace-actions button{max-width:120px!important;padding-inline:6px!important}
}
@media(max-width:920px){
  body.swat-ui3 .swat-workspace-topbar{grid-template-columns:minmax(110px,1fr) minmax(190px,300px) minmax(110px,1fr)!important}
  body.swat-ui3 .swat-club-trigger strong{max-width:125px!important}
  body.swat-ui3 .swat-workspace-actions{display:none!important}
}
@media(max-width:767px){
  body.swat-ui3 .swat-workspace-topbar{
    grid-template-columns:minmax(0,1fr) 36px auto!important;
    grid-template-areas:"workspace search right"!important;
  }
  body.swat-ui3 .swat-workspace-left{max-width:100%!important}
  body.swat-ui3 .swat-workspace-context{display:flex!important}
  body.swat-ui3 .swat-workspace-club{max-width:calc(100vw - 116px)!important}
  body.swat-ui3 .swat-club-trigger{max-width:100%!important}
  body.swat-ui3 .swat-settings-menu,
  body.swat-ui3 .swat-workspace-search-results,
  body.swat-ui3 .swat-club-menu,
  body.swat-ui3 .swat-ux-notice-panel{max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important}
}

/* ========================================================================== 
   UI 3.0.3 — Personal rail shortcuts + grouped App Hub
   --------------------------------------------------------------------------
   - the global topbar remains one uninterrupted surface;
   - shortcuts live below Administration, separated from global categories;
   - modules can be pinned by drag & drop and reordered in-place;
   - the Plus/App Hub groups modules by category instead of rendering category
     cards as if they were applications.
   ========================================================================== */

/* The global chrome is one continuous bar. Controls sit on it; they never
   visually split the surface or its lower separator. */
body.swat-ui3 .swat-workspace-topbar{
  position:fixed!important;
  isolation:isolate!important;
  overflow:visible!important;
  border-bottom:0!important;
  background:#0f0f10!important;
  box-shadow:0 1px 0 rgba(255,255,255,.065),0 5px 18px rgba(0,0,0,.10)!important;
}
body.swat-ui3 .swat-workspace-topbar::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;z-index:3;
  pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.045),rgba(255,255,255,.075) 20%,rgba(255,255,255,.075) 80%,rgba(255,255,255,.045));
}
body.swat-ui3 .swat-workspace-topbar>*{position:relative;z-index:2}
body.swat-ui3 .swat-workspace-left,body.swat-ui3 .swat-workspace-right{height:32px!important}
body.swat-ui3 .swat-workspace-search{align-self:center!important}

/* Rail body: categories first, then a user-defined shortcut area. The whole
   body can scroll on smaller screens while Plus remains fixed at the bottom. */
body.swat-ui3 .swat-navigation-rail,
body.swat-ui3.swat-ux-enabled:not(.swat-ux-rail-always) .swat-navigation-rail{
  grid-template-rows:minmax(0,1fr) auto!important;
}
body.swat-ui3 .swat-rail-scroll{
  min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  overscroll-behavior:contain;scrollbar-width:none;
}
body.swat-ui3 .swat-rail-scroll::-webkit-scrollbar{display:none}
body.swat-ui3 .swat-rail-scroll>nav{overflow:visible!important;max-height:none!important;padding-bottom:3px!important}

/* Personal shortcuts: separator directly below Administration. */
body.swat-ui3 .swat-rail-pins{
  position:relative;display:flex;flex-direction:column;align-items:stretch;
  min-height:54px;margin-top:2px;padding:7px 0 3px;border-top:1px solid rgba(255,255,255,.10);
  transition:background var(--ja-motion-fast),border-color var(--ja-motion-fast),box-shadow var(--ja-motion-fast);
}
body.swat-ui3 .swat-rail-pins::before{
  content:"RACCOURCIS";display:block;height:0;overflow:hidden;opacity:0;pointer-events:none;
}
body.swat-ui3.swat-dragging-module .swat-rail-pins,
body.swat-ui3 .swat-rail-pins.is-dragover{
  border-top-color:rgba(40,183,246,.38);background:linear-gradient(180deg,rgba(40,183,246,.045),transparent 72%);
  box-shadow:inset 0 1px 0 rgba(40,183,246,.04);
}
body.swat-ui3 .swat-rail-pin{
  position:relative;width:52px;min-height:56px;display:block;flex:0 0 auto;
  --domain-accent:var(--ja-accent);--domain-rgb:40,183,246;
}
body.swat-ui3 .swat-rail-pin[data-domain="members"]{--domain-accent:var(--ja-domain-members);--domain-rgb:90,169,255}
body.swat-ui3 .swat-rail-pin[data-domain="scanner"]{--domain-accent:var(--ja-domain-scanner);--domain-rgb:45,212,191}
body.swat-ui3 .swat-rail-pin[data-domain="sport"]{--domain-accent:var(--ja-domain-sport);--domain-rgb:176,132,255}
body.swat-ui3 .swat-rail-pin[data-domain="finance"]{--domain-accent:var(--ja-domain-finance);--domain-rgb:244,196,94}
body.swat-ui3 .swat-rail-pin[data-domain="communication"]{--domain-accent:var(--ja-domain-communication);--domain-rgb:93,139,255}
body.swat-ui3 .swat-rail-pin[data-domain="rh"]{--domain-accent:var(--ja-domain-rh);--domain-rgb:109,213,167}
body.swat-ui3 .swat-rail-pin[data-domain="commerce"]{--domain-accent:var(--ja-domain-commerce);--domain-rgb:255,155,90}
body.swat-ui3 .swat-rail-pin[data-domain="pilotage"]{--domain-accent:var(--ja-domain-pilotage);--domain-rgb:75,200,189}
body.swat-ui3 .swat-rail-pin[data-domain="admin"]{--domain-accent:var(--ja-domain-admin);--domain-rgb:148,163,184}
body.swat-ui3 .swat-rail-pin-open,
body.swat-ui3 .swat-rail-pin-add{
  width:52px!important;min-width:52px!important;height:56px!important;min-height:56px!important;
  display:grid!important;grid-template-columns:1fr!important;grid-template-rows:29px 15px!important;
  align-content:center!important;justify-items:center!important;gap:1px!important;padding:3px 2px!important;
  border:0!important;border-radius:0!important;background:transparent!important;color:#8c8c8c!important;
  cursor:pointer;overflow:hidden;transition:background var(--ja-motion-fast),color var(--ja-motion-fast),transform var(--ja-motion-fast) var(--ja-ease-enter)!important;
}
body.swat-ui3 .swat-rail-pin-open:hover{background:rgba(var(--domain-rgb),.09)!important;color:#fff!important}
body.swat-ui3 .swat-rail-pin-open:active,body.swat-ui3 .swat-rail-pin-add:active{transform:scale(.97)!important}
body.swat-ui3 .swat-rail-pin-open i,body.swat-ui3 .swat-rail-pin-add i{
  width:28px!important;height:28px!important;display:grid!important;place-items:center!important;border-radius:8px!important;
  color:var(--domain-accent)!important;background:linear-gradient(145deg,rgba(var(--domain-rgb),.19),rgba(var(--domain-rgb),.08))!important;box-shadow:0 0 0 1px rgba(var(--domain-rgb),.20) inset,0 4px 12px rgba(var(--domain-rgb),.08)!important;
}
body.swat-ui3 .swat-rail-pin-open svg,body.swat-ui3 .swat-rail-pin-add svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.swat-ui3 .swat-rail-pin-open span,body.swat-ui3 .swat-rail-pin-add span{
  display:block;max-width:48px;color:inherit;font:600 8px/11px var(--ja-font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;
}
body.swat-ui3 .swat-rail-pin:hover .swat-rail-pin-open i{background:linear-gradient(145deg,rgba(var(--domain-rgb),.29),rgba(var(--domain-rgb),.13))!important;box-shadow:0 0 0 1px rgba(var(--domain-rgb),.34) inset,0 5px 16px rgba(var(--domain-rgb),.13)!important}
body.swat-ui3 .swat-rail-pin-remove{
  position:absolute!important;z-index:4;right:2px;top:3px;width:15px!important;height:15px!important;min-height:0!important;
  display:grid!important;place-items:center!important;padding:0!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:999px!important;
  background:#202020!important;color:#8b8b8b!important;font:700 11px/1 var(--ja-font)!important;opacity:0;transform:scale(.8);pointer-events:none;
  transition:opacity var(--ja-motion-fast),transform var(--ja-motion-fast),color var(--ja-motion-fast),background var(--ja-motion-fast)!important;
}
body.swat-ui3 .swat-rail-pin:hover .swat-rail-pin-remove,body.swat-ui3 .swat-rail-pin:focus-within .swat-rail-pin-remove{opacity:1;transform:scale(1);pointer-events:auto}
body.swat-ui3 .swat-rail-pin-remove:hover{background:#3a1b1d!important;color:#ff8d91!important;border-color:rgba(255,107,117,.24)!important}
body.swat-ui3 .swat-rail-pin.is-dragging{opacity:.42}
body.swat-ui3 .swat-rail-pin.drop-before::before{
  content:"";position:absolute;z-index:6;left:7px;right:7px;top:-4px;height:2px;border-radius:999px;background:var(--ja-accent);box-shadow:0 0 9px rgba(40,183,246,.45);
}
body.swat-ui3 .swat-rail-pins.drop-end::after{
  content:"";position:absolute;z-index:6;left:7px;right:7px;bottom:49px;height:2px;border-radius:999px;background:var(--ja-accent);box-shadow:0 0 9px rgba(40,183,246,.45);
}
body.swat-ui3 .swat-rail-pin-add{height:46px!important;min-height:46px!important;grid-template-rows:25px 12px!important;color:#666!important}
body.swat-ui3 .swat-rail-pin-add i{width:25px!important;height:25px!important;color:#777!important;background:rgba(255,255,255,.025)!important}
body.swat-ui3 .swat-rail-pin-add span{font-size:7px!important;color:#666!important}
body.swat-ui3 .swat-rail-pin-add:hover{background:rgba(255,255,255,.03)!important;color:#bdbdbd!important}
body.swat-ui3 .swat-rail-pin-add:hover i{color:#cfcfcf!important;background:rgba(255,255,255,.055)!important}

/* Pin affordance on App Hub module cards. Dragging the card itself also pins it. */
body.swat-ui3 .swat-module-card[draggable="true"]{cursor:grab!important}
body.swat-ui3 .swat-module-card[draggable="true"]:active{cursor:grabbing!important}
body.swat-ui3 .swat-module-card.is-dragging{opacity:.48!important;transform:scale(.985)!important}
body.swat-ui3 .swat-pin-toggle{
  position:absolute!important;z-index:4;right:43px;top:9px;width:29px!important;height:29px!important;min-height:0!important;
  display:grid!important;place-items:center!important;padding:0!important;border:1px solid #284654!important;border-radius:9px!important;
  background:#08141b!important;color:#708893!important;box-shadow:none!important;cursor:pointer!important;
}
body.swat-ui3 .swat-pin-toggle svg{width:14px!important;height:14px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important;stroke-linecap:round!important;stroke-linejoin:round!important}
body.swat-ui3 .swat-pin-toggle:hover{border-color:rgba(var(--domain-rgb,40,183,246),.42)!important;color:var(--domain-accent,var(--ja-accent))!important;background:rgba(var(--domain-rgb,40,183,246),.10)!important}
body.swat-ui3 .swat-pin-toggle.active{border-color:rgba(var(--domain-rgb,40,183,246),.52)!important;color:var(--domain-accent,var(--ja-accent))!important;background:rgba(var(--domain-rgb,40,183,246),.14)!important}

/* Plus/App Hub: a category is a labelled row, never an application card. */
body.swat-ui3 .swat-applications-heading p{margin:4px 0 0;color:var(--ja-muted);font:500 10px/1.35 var(--ja-font)}
body.swat-ui3 .swat-hub-category-list{display:grid;gap:10px;margin-top:4px}
body.swat-ui3 .swat-hub-category-row{
  --domain-accent:var(--ja-accent);--domain-rgb:40,183,246;
  position:relative;display:grid;grid-template-columns:172px minmax(0,1fr);gap:18px;align-items:start;
  padding:15px 0 16px;border-top:1px solid rgba(255,255,255,.07);
}
body.swat-ui3 .swat-hub-category-row:first-child{border-top-color:rgba(255,255,255,.105)}
body.swat-ui3 .swat-hub-category-row[data-domain="members"]{--domain-accent:var(--ja-domain-members);--domain-rgb:90,169,255}
body.swat-ui3 .swat-hub-category-row[data-domain="scanner"]{--domain-accent:var(--ja-domain-scanner);--domain-rgb:45,212,191}
body.swat-ui3 .swat-hub-category-row[data-domain="sport"]{--domain-accent:var(--ja-domain-sport);--domain-rgb:176,132,255}
body.swat-ui3 .swat-hub-category-row[data-domain="finance"]{--domain-accent:var(--ja-domain-finance);--domain-rgb:244,196,94}
body.swat-ui3 .swat-hub-category-row[data-domain="communication"]{--domain-accent:var(--ja-domain-communication);--domain-rgb:93,139,255}
body.swat-ui3 .swat-hub-category-row[data-domain="rh"]{--domain-accent:var(--ja-domain-rh);--domain-rgb:109,213,167}
body.swat-ui3 .swat-hub-category-row[data-domain="commerce"]{--domain-accent:var(--ja-domain-commerce);--domain-rgb:255,155,90}
body.swat-ui3 .swat-hub-category-row[data-domain="pilotage"]{--domain-accent:var(--ja-domain-pilotage);--domain-rgb:75,200,189}
body.swat-ui3 .swat-hub-category-row[data-domain="admin"]{--domain-accent:var(--ja-domain-admin);--domain-rgb:148,163,184}
body.swat-ui3 .swat-hub-category-row>header{position:relative;min-width:0;padding:3px 10px 3px 12px}
body.swat-ui3 .swat-hub-category-row>header::before{content:"";position:absolute;left:0;top:3px;bottom:3px;width:2px;border-radius:999px;background:var(--domain-accent);box-shadow:0 0 14px rgba(var(--domain-rgb),.14)}
body.swat-ui3 .swat-hub-category-row>header small{display:block;color:rgba(var(--domain-rgb),.70);font:750 8px/1 var(--ja-font);letter-spacing:.10em}
body.swat-ui3 .swat-hub-category-row>header h2{margin:5px 0 4px;color:var(--domain-accent);font:670 15px/1.12 var(--ja-font-display);letter-spacing:-.015em}
body.swat-ui3 .swat-hub-category-row>header p{margin:0;color:#717980;font:500 9px/1.35 var(--ja-font)}
body.swat-ui3 .swat-hub-category-modules{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:9px;min-width:0}
body.swat-ui3 .swat-hub-category-modules .swat-module-card{
  min-height:92px!important;display:grid!important;grid-template-columns:40px minmax(0,1fr)!important;grid-template-rows:1fr!important;
  align-items:center!important;justify-items:stretch!important;gap:11px!important;padding:12px 74px 12px 12px!important;
  border-radius:12px!important;text-align:left!important;box-shadow:none!important;transform:none!important;
  background:linear-gradient(145deg,rgba(var(--domain-rgb),.040),rgba(255,255,255,.014))!important;
}
body.swat-ui3 .swat-hub-category-modules .swat-module-card:hover{transform:translateY(-1px)!important;background:linear-gradient(145deg,rgba(var(--domain-rgb),.085),rgba(255,255,255,.025))!important;box-shadow:0 9px 26px rgba(0,0,0,.16)!important}
body.swat-ui3 .swat-hub-category-modules .swat-module-card>i{width:40px!important;height:40px!important;margin:0!important;border-radius:11px!important}
body.swat-ui3 .swat-hub-category-modules .swat-module-card>i svg{width:19px!important;height:19px!important}
body.swat-ui3 .swat-hub-category-modules .swat-module-card>div{min-width:0!important;display:grid!important;justify-items:start!important;align-content:center!important;gap:3px!important}
body.swat-ui3 .swat-hub-category-modules .swat-module-card small{font-size:6.5px!important;color:rgba(var(--domain-rgb),.72)!important}
body.swat-ui3 .swat-hub-category-modules .swat-module-card strong{max-width:100%;font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.swat-ui3 .swat-hub-category-modules .swat-module-card span{display:-webkit-box;font-size:8px!important;line-height:1.3!important;text-align:left!important;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.swat-ui3 .swat-hub-category-modules .swat-favorite-toggle,
body.swat-ui3 .swat-hub-category-modules .swat-pin-toggle{top:8px!important;width:25px!important;height:25px!important}
body.swat-ui3 .swat-hub-category-modules .swat-favorite-toggle{right:8px!important;font-size:14px!important}
body.swat-ui3 .swat-hub-category-modules .swat-pin-toggle{right:37px!important}
body.swat-ui3 .swat-search-category-list{margin-top:24px}

@media(max-width:1180px){
  body.swat-ui3 .swat-hub-category-row{grid-template-columns:145px minmax(0,1fr);gap:14px}
  body.swat-ui3 .swat-hub-category-modules{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
}
@media(max-width:900px){
  body.swat-ui3 .swat-hub-category-row{grid-template-columns:1fr;gap:10px;padding-top:14px}
  body.swat-ui3 .swat-hub-category-row>header{padding-left:11px}
  body.swat-ui3 .swat-hub-category-row>header p{display:none}
}
@media(max-width:767px){
  body.swat-ui3 .swat-hub-category-list{gap:6px}
  body.swat-ui3 .swat-hub-category-modules{grid-template-columns:1fr}
  body.swat-ui3 .swat-hub-category-modules .swat-module-card{min-height:82px!important;padding-right:70px!important}
}


/* =========================================================
   UI 3.1 — Shell Freeze candidate
   ========================================================= */
:root{--ja-topbar-h:48px;--swat-workspace-top:48px}
body.swat-ui3 .swat-workspace-topbar{height:48px!important;min-height:48px!important;padding:7px 10px!important;grid-template-columns:minmax(160px,1fr) minmax(260px,430px) minmax(160px,1fr)!important;gap:12px!important}
body.swat-ui3 .swat-workspace-search{height:34px!important;min-height:34px!important;max-width:430px!important;padding:0 9px!important}
body.swat-ui3 .swat-workspace-search input{height:32px!important;min-height:32px!important;font-size:13px!important}
body.swat-ui3 .swat-workspace-right{min-width:0!important;gap:6px!important}.swat-workspace-actions{min-width:0!important}
body.swat-ui3 .swat-top-icon{width:32px!important;height:32px!important;min-width:32px!important}

/* Search 3.1 */
body.swat-ui3 .swat-workspace-search-results{width:min(620px,calc(100vw - 16px))!important;min-width:min(520px,calc(100vw - 16px))!important;max-height:min(620px,calc(100dvh - 70px))!important;padding:7px!important;overflow:auto!important}
.ja-search-head{display:flex;align-items:center;justify-content:space-between;padding:6px 8px 8px;color:var(--ja-muted);font:650 10px/1 var(--ja-font);letter-spacing:.07em}.ja-search-head small{font-weight:500;letter-spacing:0}
.ja-search-group{padding:4px 0}.ja-search-group>h4{margin:5px 8px;color:var(--ja-muted);font:650 10px/1.2 var(--ja-font);letter-spacing:.05em;text-transform:uppercase}.ja-search-result{width:100%;min-height:46px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 7px;border:0;border-radius:8px;background:transparent;color:var(--ja-text);text-align:left;cursor:pointer}.ja-search-result:hover,.ja-search-result:focus{background:rgba(255,255,255,.06);outline:0}.ja-search-result>i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--result-color,var(--ja-accent)) 13%,var(--ja-surface-2));color:var(--result-color,var(--ja-accent));font-style:normal}.ja-search-result b{display:block;font-size:12px}.ja-search-result small{display:block;margin-top:2px;color:var(--ja-muted);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ja-search-result em{color:var(--ja-muted-2);font:500 10px/1 var(--ja-font);font-style:normal}.ja-search-empty{padding:24px 14px;text-align:center;color:var(--ja-muted);font-size:12px}.ja-search-footer{display:flex;justify-content:space-between;gap:8px;margin-top:5px;padding:7px 8px 2px;border-top:1px solid var(--ja-line);color:var(--ja-muted-2);font-size:9px}

/* Context Panel — optional second-level navigation, never permanent. */
.ja-context-panel{--cp-w:var(--ja-context-panel-custom-w,var(--ja-context-panel-w));position:fixed;z-index:850;left:var(--nav3-rail);top:var(--ja-topbar-h);bottom:0;width:var(--cp-w);display:flex;flex-direction:column;border-right:1px solid var(--ja-line);background:color-mix(in srgb,var(--ja-bg-elevated) 96%,transparent);box-shadow:6px 0 18px rgba(0,0,0,.08);opacity:0;transform:translateX(-8px);transition:opacity var(--ja-motion-normal) var(--ja-ease-soft),transform var(--ja-motion-panel) var(--ja-ease-soft);overflow:hidden}.ja-context-panel[hidden]{display:none!important}.ja-context-panel.is-open{opacity:1;transform:none}.ja-context-panel>header{height:52px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--ja-line)}.ja-context-panel>header small{display:block;color:var(--ja-muted);font:650 9px/1 var(--ja-font);letter-spacing:.09em}.ja-context-panel>header strong{display:block;margin-top:3px;font:650 14px/1.1 var(--ja-font-display)}.ja-context-panel>header button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;color:var(--ja-muted);font-size:20px;cursor:pointer}.ja-context-panel>header button:hover{background:rgba(255,255,255,.06);color:var(--ja-text)}.ja-context-panel-body{flex:1;overflow:auto;padding:10px 8px 18px}.ja-context-section+.ja-context-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--ja-line)}.ja-context-section>h3{position:relative;margin:0 7px 7px;padding-left:9px;color:var(--ja-muted);font:650 10px/1.2 var(--ja-font);text-transform:uppercase;letter-spacing:.06em}.ja-context-section>h3::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:2px;border-radius:2px;background:var(--section-color,var(--ja-accent))}.ja-context-filter{margin:0 4px 8px;width:calc(100% - 8px)!important;min-height:30px!important}.ja-context-items{display:grid;gap:2px}.ja-context-item{width:100%;min-height:38px;display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;padding:5px 7px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ja-text-2);text-align:left;cursor:pointer}.ja-context-item:hover{background:rgba(255,255,255,.045);color:var(--ja-text)}.ja-context-item.active{background:var(--ja-accent-soft);border-color:color-mix(in srgb,var(--ja-accent) 18%,transparent);color:var(--ja-text)}.ja-context-item>i{display:grid;place-items:center;color:var(--ja-muted);font-style:normal}.ja-context-item.active>i{color:var(--ja-accent)}.ja-context-item b{display:block;font:580 12px/1.2 var(--ja-font)}.ja-context-item small{display:block;margin-top:2px;color:var(--ja-muted);font-size:9px}.ja-context-item em{min-width:20px;padding:3px 5px;border-radius:999px;background:rgba(255,255,255,.045);color:var(--ja-muted);font:600 9px/1 var(--ja-font);font-style:normal;text-align:center}
body.ja-context-panel-open #root{padding-left:calc(var(--nav3-rail) + var(--ja-context-panel-w))!important}body.ja-context-panel-open .swat-sdk-workspace{left:calc(var(--nav3-rail) + var(--ja-context-panel-w))!important}body.ja-context-panel-open .swat-workspace-topbar{left:var(--nav3-rail)!important}body.ja-context-panel-open .swat-global-hub-backdrop{left:var(--nav3-rail)!important}

/* Design Lab */
.ja-design-lab-backdrop{position:fixed;inset:0;z-index:1900;padding:14px;background:rgba(0,0,0,.68);backdrop-filter:blur(5px);opacity:0;transition:opacity var(--ja-motion-normal) var(--ja-ease-soft)}.ja-design-lab-backdrop[hidden]{display:none!important}.ja-design-lab-backdrop.is-open{opacity:1}.ja-design-lab{position:relative;width:min(1180px,100%);height:min(820px,calc(100dvh - 28px));margin:auto;display:grid;grid-template-columns:210px minmax(0,1fr);overflow:hidden;border:1px solid var(--ja-line-strong);border-radius:16px;background:var(--ja-bg);box-shadow:var(--ja-shadow-lg);animation:ja-scale-in var(--ja-motion-normal) var(--ja-ease-soft) both}.ja-design-lab>aside{display:flex;flex-direction:column;border-right:1px solid var(--ja-line);background:var(--ja-bg-elevated);padding:10px}.ja-design-lab-brand{display:flex;align-items:center;gap:9px;padding:7px}.ja-design-lab-brand>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--ja-accent);color:white;font-weight:800}.ja-design-lab-brand small{display:block;color:var(--ja-accent);font-size:8px;font-weight:800;letter-spacing:.1em}.ja-design-lab-brand b{font-size:13px}.ja-design-lab nav{display:grid;gap:2px;margin-top:14px}.ja-design-lab nav button{height:34px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:var(--ja-muted);text-align:left;font:550 12px/1 var(--ja-font);cursor:pointer}.ja-design-lab nav button:hover,.ja-design-lab nav button.active{background:rgba(255,255,255,.055);color:var(--ja-text)}.ja-design-lab aside footer{margin-top:auto;padding:8px;color:var(--ja-muted-2);font-size:10px}.ja-design-lab>main{overflow:auto;padding:28px}.ja-design-lab>main>header{margin-bottom:22px}.ja-design-lab>main>header small{color:var(--ja-accent);font-size:9px;font-weight:800;letter-spacing:.1em}.ja-design-lab>main>header h2{margin:5px 0 4px;font-size:25px}.ja-design-lab>main>header p{margin:0;color:var(--ja-muted);font-size:12px}.ja-design-lab-close{position:absolute;right:10px;top:10px;width:32px;height:32px;border:0;border-radius:8px;background:var(--ja-surface-2);color:var(--ja-muted);font-size:20px;cursor:pointer}.ja-lab-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}.ja-lab-swatch{display:flex;align-items:center;gap:9px;padding:9px;border:1px solid var(--ja-line);border-radius:10px;background:var(--ja-surface)}.ja-lab-swatch>i{width:34px;height:34px;border-radius:8px;border:1px solid var(--ja-line-strong)}.ja-lab-swatch b,.ja-lab-swatch code{display:block}.ja-lab-swatch b{font-size:11px}.ja-lab-swatch code{margin-top:3px;color:var(--ja-muted);font-size:9px}.ja-lab-type,.ja-lab-demo,.ja-lab-form,.ja-lab-motion,.ja-lab-breakpoints{margin-top:20px;padding:16px;border:1px solid var(--ja-line);border-radius:12px;background:var(--ja-surface);display:flex;gap:9px;flex-wrap:wrap}.ja-lab-type{display:block}.ja-lab-type h1{margin:0 0 10px}.ja-lab-type h2{margin:0 0 8px}.ja-lab-type p,.ja-lab-type small{color:var(--ja-muted)}.ja-lab-form{display:grid;max-width:560px}.ja-lab-context-demo{max-width:260px;margin-top:18px;padding:8px;border:1px solid var(--ja-line);border-radius:12px;background:var(--ja-bg-elevated)}.ja-lab-motion{align-items:center}.ja-lab-motion-card{min-width:250px;display:flex;align-items:center;gap:10px;padding:12px}.ja-lab-motion-card small{display:block;margin-top:3px;color:var(--ja-muted)}.ja-lab-breakpoints{display:grid;grid-template-columns:repeat(4,1fr)}.ja-lab-breakpoints>div{padding:14px;border-radius:9px;background:var(--ja-surface-2)}.ja-lab-breakpoints b,.ja-lab-breakpoints span{display:block}.ja-lab-breakpoints span{margin-top:5px;color:var(--ja-muted);font-size:11px}.ja-lab-popover{position:fixed;min-width:160px}.ja-toast-host{position:fixed;z-index:var(--ja-layer-toast);right:12px;bottom:12px;display:grid;gap:8px}

@media(max-width:1100px){body.ja-context-panel-open #root{padding-left:var(--nav3-rail)!important}body.ja-context-panel-open .swat-sdk-workspace{left:var(--nav3-rail)!important}.ja-context-panel{z-index:1250;box-shadow:20px 0 60px rgba(0,0,0,.42)}}
@media(max-width:900px){body.swat-ui3 .swat-workspace-topbar{grid-template-columns:minmax(130px,1fr) minmax(210px,320px) minmax(100px,1fr)!important;gap:7px!important}.ja-design-lab{grid-template-columns:170px minmax(0,1fr)}.ja-design-lab>main{padding:20px}}
@media(max-width:767px){:root{--ja-topbar-h:58px;--swat-workspace-top:58px}.ja-context-panel{left:0;top:58px;width:min(88vw,300px);z-index:1450}.ja-design-lab-backdrop{padding:0}.ja-design-lab{height:100dvh;border-radius:0;grid-template-columns:1fr}.ja-design-lab>aside{display:none}.ja-design-lab>main{padding:18px 14px}.ja-lab-breakpoints{grid-template-columns:1fr 1fr}}

.ja-search-provider-settings{display:grid;gap:5px}.ja-search-provider-settings>label{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 9px;border:1px solid var(--ja-line);border-radius:10px;background:var(--ja-surface)}.ja-search-provider-settings>label>span{min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:9px}.ja-search-provider-settings>label>span>i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--provider-color) 13%,var(--ja-surface-2));color:var(--provider-color);font-style:normal}.ja-search-provider-settings b{font-size:12px}.ja-search-provider-settings small{color:var(--ja-muted);font-size:9px}

/* =========================================================
   UI 3.2.1 — ClickUp-inspired contextual module navigation
   ========================================================= */
:root{--ja-context-panel-w:245px}
.ja-context-panel{
  --cp-w:var(--ja-context-panel-custom-w,var(--ja-context-panel-w));
  width:var(--cp-w)!important;
  border-right:1px solid rgba(255,255,255,.065)!important;
  background:#171819!important;
  box-shadow:none!important;
  color:var(--ja-text)!important;
}
.ja-context-panel>header{
  min-height:48px!important;height:48px!important;padding:6px 8px 6px 12px!important;
  border-bottom:1px solid rgba(255,255,255,.055)!important;background:#171819!important;
}
.ja-context-panel-title{min-width:0}.ja-context-panel>header small{margin-bottom:3px!important;color:#777f86!important;font:600 9px/1 var(--ja-font)!important;letter-spacing:.06em!important}.ja-context-panel>header strong{margin:0!important;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eee!important;font:620 13px/1.2 var(--ja-font)!important;letter-spacing:-.01em!important}
.ja-context-panel>header button{width:28px!important;height:28px!important;border-radius:7px!important;color:#8b9197!important;font-size:18px!important;transition:background var(--ja-motion-fast) var(--ja-ease-soft),color var(--ja-motion-fast) var(--ja-ease-soft)!important}.ja-context-panel>header button:hover{background:#222!important;color:#eee!important}
.ja-context-panel-body{padding:8px 0 18px!important;scrollbar-gutter:stable}
.ja-context-section{padding:0 8px}.ja-context-section+.ja-context-section{margin-top:10px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.055)!important}
.ja-context-section-row{height:26px;display:flex;align-items:center;gap:3px;margin-bottom:2px;padding:0 3px}.ja-context-section-head{min-width:0;flex:1;height:24px;display:flex;align-items:center;justify-content:flex-start;gap:5px;padding:0 4px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#8e949a!important;font:600 11px/1 var(--ja-font)!important;text-align:left;cursor:pointer}.ja-context-section-head:not(:disabled):hover{background:#202122!important;color:#c6c9cc!important}.ja-context-section-head:disabled{cursor:default}.ja-context-section-head>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ja-context-section-head>i{order:-1;width:14px;height:14px;display:grid;place-items:center;color:#6f757b;font-style:normal;font-size:12px;transform:rotate(0deg);transition:transform var(--ja-motion-normal) var(--ja-ease-soft)}.ja-context-section.is-collapsed .ja-context-section-head>i{transform:rotate(-90deg)}.ja-context-section-action{width:22px!important;height:22px!important;min-height:22px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#858b91!important;font-size:15px!important;opacity:.7}.ja-context-section-action:hover{background:#222!important;color:#eee!important;opacity:1}
.ja-context-section>h3{display:none!important}
.ja-context-filter{width:calc(100% - 2px)!important;min-height:30px!important;height:30px!important;margin:2px 1px 6px!important;padding:0 9px!important;border-color:rgba(255,255,255,.08)!important;border-radius:7px!important;background:#121314!important;font-size:12px!important}
.ja-context-items{display:grid;gap:1px}.ja-context-section.is-collapsed>.ja-context-items,.ja-context-section.is-collapsed>.ja-context-filter{display:none!important}
.ja-context-item-wrap{position:relative;min-width:0}.ja-context-item{
  width:100%!important;min-height:28px!important;height:28px!important;display:grid!important;grid-template-columns:16px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;
  padding:0 8px 0 calc(8px + (var(--cp-depth,0) * 16px))!important;border:0!important;border-radius:7px!important;background:transparent!important;color:#b4b4b4!important;text-align:left!important;box-shadow:none!important;cursor:pointer!important;
  font-family:var(--ja-font)!important;font-size:14px!important;font-weight:400!important;line-height:16px!important;
  transition:background var(--ja-motion-fast) var(--ja-ease-soft),color var(--ja-motion-fast) var(--ja-ease-soft)!important
}
.ja-context-item.has-subtitle{height:40px!important;min-height:40px!important}.ja-context-item:hover,.ja-context-item:focus-visible{background:#222!important;color:#eee!important;outline:0!important}.ja-context-item.active{background:#252627!important;color:#f2f2f2!important;box-shadow:inset 2px 0 0 var(--cp-item-color,var(--section-color,var(--ja-accent)))!important}.ja-context-item>i{width:16px!important;height:16px!important;display:grid!important;place-items:center!important;color:#7b7b7b!important;font-style:normal!important;font-size:14px!important;line-height:16px!important}.ja-context-item:hover>i{color:#aaa!important}.ja-context-item.active>i{color:var(--cp-item-color,var(--ja-accent))!important}.ja-context-item>span{min-width:0!important;overflow:hidden!important}.ja-context-item b{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:inherit!important;font:400 14px/16px var(--ja-font)!important}.ja-context-item.active b{font-weight:520!important}.ja-context-item small{display:block!important;margin:2px 0 0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#777!important;font:400 10px/12px var(--ja-font)!important}.ja-context-item em{min-width:18px!important;padding:0 4px!important;border:0!important;border-radius:5px!important;background:transparent!important;color:#73777b!important;font:500 10px/16px var(--ja-font)!important;font-style:normal!important;text-align:right!important}.ja-context-item u{padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.06);color:#94999e;font:600 9px/1 var(--ja-font);text-decoration:none}
.ja-context-item-wrap:has(.ja-context-item-actions) .ja-context-item{padding-right:30px!important}.ja-context-item-actions{position:absolute;right:4px;top:4px;width:20px!important;height:20px!important;min-height:20px!important;padding:0!important;border:0!important;border-radius:5px!important;background:#222!important;color:#9a9a9a!important;font:700 9px/1 var(--ja-font)!important;opacity:0;pointer-events:none;transition:opacity var(--ja-motion-fast),background var(--ja-motion-fast),color var(--ja-motion-fast)!important}.ja-context-item-wrap:hover .ja-context-item-actions,.ja-context-item-wrap:focus-within .ja-context-item-actions{opacity:1;pointer-events:auto}.ja-context-item-actions:hover{background:#303132!important;color:#eee!important}.ja-context-actions-menu{min-width:150px;z-index:var(--ja-layer-popover)}

@media(max-width:767px){.ja-context-panel{width:min(90vw,285px)!important}.ja-context-panel-body{padding-bottom:calc(18px + env(safe-area-inset-bottom))!important}}
.ja-lab-context-demo{width:min(245px,100%)!important;max-width:245px!important;padding:8px!important;border-color:rgba(255,255,255,.065)!important;border-radius:10px!important;background:#171819!important}

/* =========================================================
   UI 3.4.1 — Context Panel polish + controls + reopen handle
   ========================================================= */
.ja-context-panel{
  background:linear-gradient(180deg,#141516 0%,#111213 100%)!important;
  border-right:1px solid rgba(255,255,255,.075)!important;
  box-shadow:inset -1px 0 rgba(0,0,0,.28)!important;
}
.ja-context-panel>header{
  height:54px!important;min-height:54px!important;padding:8px 9px 8px 12px!important;
  background:rgba(19,20,21,.96)!important;border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.ja-context-panel-title{padding-left:2px}
.ja-context-panel>header small{color:#6f777f!important;font-size:8.5px!important;font-weight:700!important;letter-spacing:.085em!important}
.ja-context-panel>header strong{color:#f1f3f5!important;font-size:13px!important;font-weight:680!important}
.ja-context-panel>header button{
  width:30px!important;height:30px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:9px!important;
  background:#181a1c!important;color:#8d959c!important;font-size:18px!important;
}
.ja-context-panel>header button:hover{background:#202326!important;border-color:rgba(255,255,255,.1)!important;color:#f4f6f7!important}
.ja-context-panel-body{padding:9px 7px 20px!important}
.ja-context-section{padding:0 2px!important}.ja-context-section+.ja-context-section{margin-top:11px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,.05)!important}
.ja-context-section-row{height:28px!important;margin-bottom:3px!important;padding:0 4px!important}
.ja-context-section-head{height:26px!important;padding:0 5px!important;color:#858c92!important;font-size:10.5px!important;font-weight:650!important}
.ja-context-section-head:not(:disabled):hover{background:#1b1d1f!important;color:#cbd0d4!important}
.ja-context-items{gap:2px!important}
.ja-context-item{
  min-height:34px!important;height:34px!important;grid-template-columns:24px minmax(0,1fr) auto!important;gap:9px!important;
  padding:0 8px 0 calc(7px + (var(--cp-depth,0) * 16px))!important;border:1px solid transparent!important;border-radius:9px!important;
  color:#aeb4b9!important;font-size:13px!important;
}
.ja-context-item.has-subtitle{height:46px!important;min-height:46px!important}
.ja-context-item:hover,.ja-context-item:focus-visible{background:#1c1e20!important;border-color:rgba(255,255,255,.04)!important;color:#edf0f2!important}
.ja-context-item.active{background:#202326!important;border-color:rgba(255,255,255,.055)!important;color:#f5f7f8!important;box-shadow:none!important}
.ja-context-item>i{
  width:24px!important;height:24px!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:7px!important;
  background:#1a1c1e!important;color:#858c92!important;font-size:10.5px!important;font-weight:700!important;line-height:1!important;
  letter-spacing:-.02em!important;overflow:hidden!important;
}
.ja-context-item:hover>i{background:#222529!important;border-color:rgba(255,255,255,.09)!important;color:#bbc1c6!important}
.ja-context-item.active>i{
  background:color-mix(in srgb,var(--cp-item-color,var(--ja-accent)) 14%,#191b1d)!important;
  border-color:color-mix(in srgb,var(--cp-item-color,var(--ja-accent)) 32%,rgba(255,255,255,.07))!important;
  color:var(--cp-item-color,var(--ja-accent))!important;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--cp-item-color,var(--ja-accent)) 6%,transparent)!important;
}
.ja-context-item b{font-size:12.5px!important;line-height:16px!important;font-weight:520!important}.ja-context-item.active b{font-weight:650!important}
.ja-context-item small{font-size:9.5px!important;line-height:12px!important;color:#717980!important}.ja-context-item em{font-size:9px!important;color:#747c82!important}
.ja-context-item u{background:#202326!important;border:1px solid rgba(255,255,255,.055)!important;color:#949ba1!important}
.ja-context-controls{display:grid;gap:7px;padding:3px 5px 5px}
.ja-context-section.is-collapsed>.ja-context-controls{display:none!important}
.ja-context-control{display:grid;grid-template-columns:minmax(0,86px) minmax(0,1fr);align-items:center;gap:8px;min-height:31px;color:#818990;font:560 10px/1.15 var(--ja-font)}
.ja-context-control>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ja-context-control select{
  width:100%;min-width:0;height:30px;padding:0 26px 0 9px;border:1px solid rgba(255,255,255,.075);border-radius:8px;
  background:#181a1c;color:#c8cdd1;font:520 10.5px/1 var(--ja-font);outline:none;cursor:pointer;color-scheme:dark;
}
.ja-context-control select:hover{border-color:rgba(255,255,255,.12);background:#1c1e20}.ja-context-control select:focus{border-color:color-mix(in srgb,var(--section-color,var(--ja-accent)) 55%,#3b4248);box-shadow:0 0 0 2px color-mix(in srgb,var(--section-color,var(--ja-accent)) 10%,transparent)}
.ja-context-control-button{width:100%;height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:#181a1c;color:#aeb4b9;font:560 11px/1 var(--ja-font);cursor:pointer}.ja-context-control-button:hover{background:#202326;color:#f1f3f5}.ja-context-control-button>i{width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#202326;color:var(--section-color,var(--ja-accent));font-style:normal}
.ja-context-toggle{grid-template-columns:minmax(0,1fr) auto}.ja-context-toggle input{position:absolute;opacity:0;pointer-events:none}.ja-context-toggle>i{width:30px;height:18px;border-radius:999px;background:#272a2d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);position:relative}.ja-context-toggle>i::after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#8b9298;transition:transform var(--ja-motion-fast) var(--ja-ease-soft),background var(--ja-motion-fast)}.ja-context-toggle input:checked+i{background:color-mix(in srgb,var(--section-color,var(--ja-accent)) 28%,#202326)}.ja-context-toggle input:checked+i::after{transform:translateX(12px);background:var(--section-color,var(--ja-accent))}
.ja-context-panel-reopen{
  position:fixed;z-index:1260;left:calc(var(--nav3-rail) + 7px);top:calc(var(--ja-topbar-h) + 9px);width:30px;height:30px;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#17191b;color:#aab1b7;
  box-shadow:0 8px 24px rgba(0,0,0,.2);cursor:pointer;transition:transform var(--ja-motion-fast) var(--ja-ease-soft),background var(--ja-motion-fast),color var(--ja-motion-fast),border-color var(--ja-motion-fast)
}
.ja-context-panel-reopen[hidden]{display:none!important}.ja-context-panel-reopen:hover{transform:translateX(1px);background:#202326;border-color:rgba(255,255,255,.12);color:#f4f6f7}.ja-context-panel-reopen span{font:700 18px/1 var(--ja-font)}
@media(max-width:767px){.ja-context-panel-reopen{left:8px;top:calc(var(--ja-topbar-h) + 8px)}}


/* =========================================================
   UI 3.4.2 — Stable Context Panel launcher
   ========================================================= */
.ja-context-panel-reopen{
  z-index:4100!important;
  left:calc(var(--nav3-rail) - 1px)!important;
  top:calc(var(--ja-topbar-h) + 14px)!important;
  width:30px!important;height:46px!important;
  display:grid!important;grid-template-columns:1fr!important;place-items:center!important;
  padding:0!important;border:1px solid rgba(255,255,255,.09)!important;border-left-color:rgba(255,255,255,.04)!important;
  border-radius:0 11px 11px 0!important;background:linear-gradient(180deg,#1b1d1f,#151719)!important;
  color:#c0c6cb!important;box-shadow:8px 8px 28px rgba(0,0,0,.28)!important;
  opacity:1!important;visibility:visible!important;pointer-events:auto!important;
}
.ja-context-panel-reopen[hidden]{display:none!important}
.ja-context-panel-reopen>span{font:750 19px/1 var(--ja-font)!important;transform:translateX(-1px)}
.ja-context-panel-reopen>b{display:none}
.ja-context-panel-reopen:hover{transform:translateX(2px)!important;background:#232629!important;color:#fff!important;border-color:rgba(255,255,255,.14)!important}
@media(max-width:767px){.ja-context-panel-reopen{left:0!important;top:calc(var(--ja-topbar-h) + 10px)!important;width:32px!important;height:44px!important}}


/* 2026-10-02 · raccourcis épinglés colorés */
body.swat-ui3 .swat-rail-pin::after{content:"";position:absolute;left:3px;top:14px;width:2px;height:25px;border-radius:999px;background:var(--domain-accent);opacity:.64;box-shadow:0 0 9px rgba(var(--domain-rgb),.42);pointer-events:none}
body.swat-ui3 .swat-rail-pin-open span{color:color-mix(in srgb,var(--domain-accent) 54%,#d6dee6 46%)!important;text-shadow:0 1px 8px rgba(var(--domain-rgb),.08)}
body.swat-ui3 .swat-rail-pin:hover .swat-rail-pin-open span{color:#fff!important}
body.swat-ui3 .swat-module-card.is-pinned{border-color:rgba(var(--domain-rgb,40,183,246),.32)!important;background:linear-gradient(145deg,rgba(var(--domain-rgb,40,183,246),.11),rgba(var(--domain-rgb,40,183,246),.025) 42%,var(--ja-surface))!important;box-shadow:inset 3px 0 0 var(--domain-accent,var(--ja-accent)),var(--ja-shadow-xs)!important}
body.swat-ui3 .swat-module-card.is-pinned>i{border-color:rgba(var(--domain-rgb,40,183,246),.32)!important;background:rgba(var(--domain-rgb,40,183,246),.15)!important;color:var(--domain-accent,var(--ja-accent))!important}
body.swat-ui3 .swat-module-card.is-pinned .swat-pin-toggle{box-shadow:0 0 0 1px rgba(var(--domain-rgb,40,183,246),.14) inset,0 0 16px rgba(var(--domain-rgb,40,183,246),.08)!important}