/* AI TAB 2026-09-09 */
.hm-nav .hm-ai-tab{position:relative;overflow:hidden;isolation:isolate;border:1px solid rgba(116,207,255,.28);background:linear-gradient(135deg,rgba(4,18,29,.78),rgba(7,27,42,.45));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hm-nav .hm-ai-tab::before,.hm-nav .hm-ai-tab::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hm-nav .hm-ai-tab::before{background:conic-gradient(from var(--hm-a,0deg),transparent 0 72%,#9fe7ff 86%,rgba(65,192,255,.65) 92%,transparent 100%);animation:hmnavcw 4s linear infinite}
.hm-nav .hm-ai-tab::after{inset:4px;background:conic-gradient(from var(--hm-b,360deg),transparent 0 72%,#e5fbff 86%,rgba(55,185,255,.55) 92%,transparent 100%);animation:hmnavccw 4s linear infinite;filter:drop-shadow(0 0 4px rgba(70,195,255,.75))}
.hm-nav .hm-ai-badge{margin-left:auto;display:inline-grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border:1px solid rgba(150,229,255,.7);border-radius:999px;font-size:10px;letter-spacing:.08em;color:#def8ff;background:rgba(5,26,39,.55)}
@keyframes hmnavcw{to{--hm-a:360deg}}@keyframes hmnavccw{to{--hm-b:0deg}}@property --hm-a{syntax:"<angle>";inherits:false;initial-value:0deg}@property --hm-b{syntax:"<angle>";inherits:false;initial-value:360deg}

/* AI TAB 2026-09-09 */
.hm-ai-tab-classic{position:relative;overflow:hidden;border:1px solid rgba(82,190,245,.35)!important;background:linear-gradient(135deg,rgba(5,20,32,.82),rgba(8,32,48,.55))!important;color:#e8f9ff!important;box-shadow:inset 0 0 16px rgba(75,190,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hm-ai-tab-classic .tag{margin-left:8px;box-shadow:0 0 10px rgba(65,190,255,.25)}

/* AI TAB 2026-09-09 */
.hm-ai-tab-classic{position:relative;overflow:hidden;border:1px solid rgba(82,190,245,.35)!important;background:linear-gradient(135deg,rgba(5,20,32,.82),rgba(8,32,48,.55))!important;color:#e8f9ff!important;box-shadow:inset 0 0 16px rgba(75,190,255,.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hm-ai-tab-classic .tag{margin-left:8px;box-shadow:0 0 10px rgba(65,190,255,.25)}

/* Steady hit targets across mouse, touch, Safari and the embedded workspace. */
@view-transition { navigation: none; }
::view-transition,::view-transition-group(*),::view-transition-image-pair(*),::view-transition-old(*),::view-transition-new(*) { pointer-events:none; }
@media screen {
  html:root :is(body,#app)[data-hammer-web-ui] :is(a,button,summary,[role=button],[role=tab],.select2-selection,.select2-results__option,.vs__dropdown-option) { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
  html:root :is(body,#app)[data-hammer-web-ui] :is(nav a,nav button,summary,.navbar-link,.navbar-dropdown a,.hm-tool-links a,.select2-results__option) { min-height:44px; }
  html:root :is(body,#app)[data-hammer-web-ui] [hidden] { display:none!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .navbar [data-hn-menu]>.navbar-dropdown { display:none!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .navbar [data-hn-menu].hn-menu-open>.navbar-dropdown { display:block!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .navbar [data-hn-menu]>.navbar-link { cursor:pointer; }
  /* Floating surfaces retain glass; nested content avoids repeated backdrop painting. */
  html:root :is(body,#app)[data-hammer-web-ui] :is(.box,.hm-panel,.hm-stat,.ho-panel,.ho-card,.hpa-panel,.hra-panel,.hib-panel,.hib-form-panel,.hib-member-card,.hds-panel,.hmo-card,.hm-card,.hls-inbody,.ha-ai-entry,.hp-auth-panel,.hp-package,.hp-trainer,.button,.hp-button,.hib-button,.hra-button,.hds-button,.ho-primary,.hm-action) { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .hg-tabs::before { -webkit-backdrop-filter:none!important;backdrop-filter:none!important; }
  html:root :is(body,#app)[data-hammer-web-ui] :is(.ho-sheet,.navbar-dropdown,.select2-dropdown,.vs__dropdown-menu) { -webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%); }
  html:root :is(body,#app)[data-hammer-web-ui] :is(.select2-results__option,.vs__dropdown-option) { transition:background-color 120ms ease,color 120ms ease!important; }
  html:root :is(body,#app)[data-hammer-web-ui] :is(.select2-dropdown,.vs__dropdown-menu) { animation:hn-dropdown-in 160ms ease-out; }
  html:root :is(body,#app)[data-hammer-web-ui] .hm-sidebar { transition:transform 240ms cubic-bezier(.22,1,.36,1),visibility 240ms!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .ho-sheet { overscroll-behavior:contain; -webkit-overflow-scrolling:touch; }
  @keyframes hg-page-in { from {opacity:.88} to {opacity:1} }
  @keyframes hn-dropdown-in { from {opacity:.45} to {opacity:1} }
  @media (pointer:coarse) {
    html:root :is(body,#app)[data-hammer-web-ui] :is(input,textarea,select,.select2-search__field) { font-size:16px!important; }
  }
  @media (prefers-reduced-motion:reduce) {
    html:root :is(body,#app)[data-hammer-web-ui] *,html:root :is(body,#app)[data-hammer-web-ui] *::before,html:root :is(body,#app)[data-hammer-web-ui] *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
  }
  @media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {
    html:root :is(body,#app)[data-hammer-web-ui] :is(.ho-sheet,.navbar-dropdown,.select2-dropdown,.vs__dropdown-menu) { background:#202a34!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important; }
  }
}
@media screen {
  html:root :is(body,#app)[data-hammer-web-ui] .hp-footer-top { min-width:0; }
  html:root :is(body,#app)[data-hammer-web-ui] .hp-footer-top nav { min-width:0;max-width:100%;flex-wrap:wrap;column-gap:20px;row-gap:4px; }
  html:root :is(body,#app)[data-hammer-web-ui] .hp-footer-top nav a { display:flex;align-items:center; }
}
/* Classic desktop navigation previously put the last tools off the right edge. */
@media screen {
  html.has-navbar-fixed-top { padding-top:var(--hn-navbar-height,3.25rem)!important; }
  html:root :is(body,#app)[data-hammer-web-ui] .navbar { font-family:var(--hw-font,-apple-system,BlinkMacSystemFont,sans-serif); }
  @media(min-width:1024px) {
    html:root :is(body,#app)[data-hammer-web-ui] .navbar>.container { width:100%;max-width:100%;align-items:flex-start; }
    html:root :is(body,#app)[data-hammer-web-ui] .navbar-menu { min-width:0;flex:1 1 0;align-items:flex-start; }
    html:root :is(body,#app)[data-hammer-web-ui] .navbar-start { min-width:0;flex-wrap:wrap;flex:1 1 0; }
    html:root :is(body,#app)[data-hammer-web-ui] .navbar-end { flex-shrink:0;margin-left:0; }
  }
  @media(max-width:1023px) {
    html:root :is(body,#app)[data-hammer-web-ui] .navbar-menu.is-active { max-height:calc(100dvh - 52px);overflow-y:auto;overscroll-behavior:contain; }
  }
}

/* Finance grids shrink within the viewport while tables scroll inside their cards. */
[data-hammer-finance] .twocol > *{min-width:0}
[data-hammer-finance] .panel.active{animation:hn-panel-enter 180ms ease-out}
@keyframes hn-panel-enter{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){[data-hammer-finance] .panel.active{animation:none}}