/* Digital Hub V123 · sign-in polish, sidebar parity and launcher refinement
   - makes the sign-in shell more elegant and the story eyebrow clearly visible
   - removes the dark-mode middle tile behind sidebar profile / sign out
   - restores consistent right-side page breathing room on Hub Settings
   - upgrades Home app launchers to feel more premium while staying professional */

:root{
  --hub123-shadow-soft:0 18px 42px rgba(16,42,67,.10);
  --hub123-shadow-card:0 16px 34px rgba(16,42,67,.10), 0 1px 0 rgba(255,255,255,.65) inset;
  --hub123-shadow-card-dark:0 18px 38px rgba(0,0,0,.28), 0 1px 0 rgba(255,255,255,.03) inset;
  --hub123-eventscope:#00549F;
  --hub123-eventscope-soft:#EAF3FA;
  --hub123-hiwilog:#6E62F6;
  --hub123-hiwilog-soft:#F0EEFF;
}

/* ------------------------------------------------------------------
   Sign-in shell: clearer identity badge + more elegant split-panel feel.
   ------------------------------------------------------------------ */
.login-shell{
  border-radius:1.6rem!important;
  overflow:hidden!important;
  box-shadow:var(--hub123-shadow-soft)!important;
}
.login-story{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(120% 120% at 0% 0%, rgba(255,255,255,.68) 0%, rgba(255,255,255,0) 54%),
    linear-gradient(165deg, #F0F6FB 0%, #E8F1F8 46%, #DEEAF5 100%)!important;
}
.login-story::before{
  content:""!important;
  position:absolute!important;
  inset:auto auto -4.8rem -4.8rem!important;
  width:14rem!important;
  height:14rem!important;
  border-radius:50%!important;
  background:radial-gradient(circle, rgba(0,84,159,.12) 0%, rgba(0,84,159,0) 68%)!important;
  pointer-events:none!important;
}
.login-story::after{
  content:""!important;
  position:absolute!important;
  inset:1.25rem 1.25rem auto auto!important;
  width:8.5rem!important;
  height:8.5rem!important;
  border-radius:50%!important;
  border:1px solid rgba(0,84,159,.12)!important;
  box-shadow:0 0 0 1.55rem rgba(0,84,159,.03)!important;
  pointer-events:none!important;
}
.login-story>img{
  position:relative!important;
  z-index:1!important;
  filter:none!important;
}
.login-story-copy,
.login-flow,
.login-product-lineup{
  position:relative!important;
  z-index:1!important;
}
.login-story-copy .eyebrow,
.login-story .eyebrow.light{
  display:inline-flex!important;
  align-items:center!important;
  min-height:1.8rem!important;
  padding:.26rem .7rem!important;
  border-radius:999px!important;
  border:1px solid rgba(0,84,159,.16)!important;
  background:rgba(255,255,255,.72)!important;
  color:#00549F!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
  box-shadow:0 1px 0 rgba(255,255,255,.65) inset!important;
}
.login-story-copy h1{
  max-width:13.8ch!important;
  letter-spacing:-.05em!important;
}
.login-story-copy p{
  color:#5D768A!important;
  max-width:29rem!important;
}
.login-flow{
  align-items:stretch!important;
  gap:.85rem 1rem!important;
}
.login-flow>span{
  min-width:2rem!important;
  min-height:2rem!important;
  display:grid!important;
  place-items:center!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.7)!important;
  border:1px solid rgba(0,84,159,.18)!important;
  color:#00549F!important;
  box-shadow:none!important;
}
.login-flow>div{
  padding:.8rem .95rem!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.44)!important;
  border:1px solid rgba(0,84,159,.08)!important;
}
.login-product-lineup{
  gap:1.05rem!important;
}
.login-product-lineup .login-product{
  display:inline-flex!important;
  align-items:center!important;
  gap:.58rem!important;
  padding:.42rem .72rem!important;
  border-radius:.95rem!important;
  background:rgba(255,255,255,.52)!important;
  border:1px solid rgba(0,84,159,.08)!important;
}
.login-product-lineup .login-product img{
  width:1.55rem!important;
  height:1.55rem!important;
}
.login-form-panel{
  position:relative!important;
  background:linear-gradient(180deg, rgba(255,255,255,.98) 0%, #FFFFFF 100%)!important;
}
.login-form-panel::before{
  content:""!important;
  position:absolute!important;
  inset:1.2rem auto 1.2rem 0!important;
  width:1px!important;
  background:linear-gradient(180deg, transparent 0%, rgba(216,228,237,.92) 14%, rgba(216,228,237,.92) 86%, transparent 100%)!important;
}
.login-form-panel h2,
.login-form-panel h3{letter-spacing:-.03em!important}
.login-form-panel .eyebrow{
  color:#00549F!important;
}
.login-form-panel .hub-auth-steps span{
  background:transparent!important;
}
[data-theme="dark"] .login-shell{
  box-shadow:0 20px 46px rgba(0,0,0,.34)!important;
}
[data-theme="dark"] .login-story{
  background:
    radial-gradient(125% 140% at 0% 0%, rgba(142,186,229,.20) 0%, rgba(142,186,229,0) 56%),
    linear-gradient(165deg, #082338 0%, #0B2A43 44%, #0E2740 100%)!important;
}
[data-theme="dark"] .login-story::after{
  border-color:rgba(142,186,229,.17)!important;
  box-shadow:0 0 0 1.7rem rgba(142,186,229,.025)!important;
}
[data-theme="dark"] .login-story-copy .eyebrow,
[data-theme="dark"] .login-story .eyebrow.light{
  background:rgba(8,30,47,.58)!important;
  border-color:rgba(142,186,229,.26)!important;
  color:#B8D8F6!important;
  box-shadow:none!important;
}
[data-theme="dark"] .login-story-copy p{color:#A9C0D2!important}
[data-theme="dark"] .login-flow>span{
  background:rgba(9,39,62,.78)!important;
  border-color:rgba(142,186,229,.22)!important;
  color:#B8D8F6!important;
}
[data-theme="dark"] .login-flow>div{
  background:rgba(7,29,47,.48)!important;
  border-color:rgba(142,186,229,.10)!important;
}
[data-theme="dark"] .login-product-lineup .login-product{
  background:rgba(7,29,47,.5)!important;
  border-color:rgba(142,186,229,.10)!important;
}
[data-theme="dark"] .login-product-lineup .login-product span{
  color:#EAF3FA!important;
}
[data-theme="dark"] .login-form-panel{
  background:linear-gradient(180deg, #0A2133 0%, #0B2235 100%)!important;
}
[data-theme="dark"] .login-form-panel::before{
  background:linear-gradient(180deg, transparent 0%, rgba(35,70,95,.95) 14%, rgba(35,70,95,.95) 86%, transparent 100%)!important;
}

/* ------------------------------------------------------------------
   Sidebar footer: remove the darker middle tile behind profile/sign out.
   ------------------------------------------------------------------ */
body.imb-institutional-aurora #hubSidebar .sidebar-footer{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
[data-theme="dark"] body.imb-institutional-aurora #hubSidebar .sidebar-footer{
  background:transparent!important;
}
[data-theme="dark"] body.imb-institutional-aurora #hubSidebar .profile-card,
[data-theme="dark"] body.imb-institutional-aurora #hubSidebar .sidebar-signout,
[data-theme="dark"] body.imb-institutional-aurora #hubSidebar .sidebar-footer-card{
  background:transparent!important;
  border-color:rgba(142,186,229,.16)!important;
  box-shadow:none!important;
}
[data-theme="dark"] .profile-card{
  background:transparent!important;
}

/* ------------------------------------------------------------------
   Hub Settings right gutter parity and overflow safety.
   ------------------------------------------------------------------ */
body.imb-institutional-aurora #viewSettings{
  max-width:100%!important;
}
body.imb-institutional-aurora #viewSettings .settings-stack,
body.imb-institutional-aurora #viewSettings .workflow-panel,
body.imb-institutional-aurora #viewSettings .governance-panel,
body.imb-institutional-aurora #viewSettings .ai-connection-panel{
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.imb-institutional-aurora #viewSettings .settings-stack{
  padding-right:clamp(.2rem,.8vw,.85rem)!important;
}
@media(max-width:900px){
  body.imb-institutional-aurora #viewSettings .settings-stack{
    padding-right:0!important;
  }
}

/* ------------------------------------------------------------------
   App launchers: more premium, product-led and interactive.
   ------------------------------------------------------------------ */
body.imb-institutional-aurora .hub-app-launcher{
  position:relative!important;
  isolation:isolate!important;
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--hub122-surface) 82%, var(--hub122-surface-blue)) 0%, var(--hub122-surface) 100%)!important;
  box-shadow:var(--hub123-shadow-card)!important;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease, background .18s ease!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-stage{
  position:relative!important;
  z-index:1!important;
}
body.imb-institutional-aurora .hub-app-launcher::after{
  width:9.6rem!important;
  height:9.6rem!important;
  right:-5.2rem!important;
  bottom:-5.2rem!important;
  border-width:1px!important;
  box-shadow:0 0 0 2.25rem color-mix(in srgb,var(--hub122-blue) 3%,transparent)!important;
}
body.imb-institutional-aurora .hub-app-launcher:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 20px 36px rgba(16,42,67,.14), 0 1px 0 rgba(255,255,255,.72) inset!important;
  background:
    linear-gradient(180deg, color-mix(in srgb,var(--hub122-surface-soft) 84%, var(--hub122-surface-blue)) 0%, var(--hub122-surface-soft) 100%)!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher{
  background:linear-gradient(180deg, color-mix(in srgb,var(--hub122-surface) 84%, var(--hub122-surface-blue)) 0%, var(--hub122-surface) 100%)!important;
  box-shadow:var(--hub123-shadow-card-dark)!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher:hover{
  background:linear-gradient(180deg, color-mix(in srgb,var(--hub122-surface-soft) 86%, var(--hub122-surface-blue)) 0%, var(--hub122-surface-soft) 100%)!important;
  box-shadow:0 22px 38px rgba(0,0,0,.34),0 1px 0 rgba(255,255,255,.04) inset!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-window-bar{
  padding:.85rem 1rem .3rem!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-brand{
  align-items:flex-start!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-app-icon{
  filter:drop-shadow(0 12px 18px rgba(16,42,67,.12))!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-copy h2{
  letter-spacing:-.034em!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-copy p{
  max-width:31rem!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-feature-row{
  gap:.55rem!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-feature-row span{
  border-radius:999px!important;
  padding:.42rem .72rem!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-role{
  min-height:2rem!important;
  padding:.4rem .75rem!important;
  border:1px solid color-mix(in srgb,var(--hub122-blue) 16%, transparent)!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-open-pill{
  min-height:2.45rem!important;
  padding:.5rem .95rem!important;
  border-radius:1rem!important;
  border:0!important;
  background:linear-gradient(135deg, #00549F 0%, #1D74C2 100%)!important;
  color:#fff!important;
  box-shadow:0 10px 18px rgba(0,84,159,.18)!important;
}
body.imb-institutional-aurora .hub-app-launcher .launcher-open-pill::after{
  content:"↗"!important;
  margin-left:.45rem!important;
  font-size:.88em!important;
}
body.imb-institutional-aurora .hub-app-launcher:hover .launcher-open-pill{
  box-shadow:0 12px 20px rgba(0,84,159,.22)!important;
}
body.imb-institutional-aurora .hub-app-launcher.is-waiting .launcher-open-pill{
  background:var(--hub122-surface-soft)!important;
  color:var(--hub122-muted)!important;
  border:1px solid var(--hub122-line)!important;
  box-shadow:none!important;
}
body.imb-institutional-aurora .hub-app-launcher.is-waiting .launcher-open-pill::after{
  content:""!important;
  margin:0!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-eventscope::before{
  background:linear-gradient(90deg,#00549F 0%, #3A87CC 100%)!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-hiwilog::before{
  background:linear-gradient(90deg,#6B5FF5 0%, #8A79FF 100%)!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-eventscope .launcher-app-icon{
  filter:drop-shadow(0 14px 18px rgba(0,84,159,.22))!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-hiwilog .launcher-app-icon{
  filter:drop-shadow(0 14px 18px rgba(107,95,245,.22))!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-eventscope .launcher-role{
  background:var(--hub123-eventscope-soft)!important;
  color:var(--hub123-eventscope)!important;
  border-color:rgba(0,84,159,.14)!important;
}
body.imb-institutional-aurora .hub-app-launcher.launcher-key-hiwilog .launcher-role{
  background:var(--hub123-hiwilog-soft)!important;
  color:#5449D4!important;
  border-color:rgba(107,95,245,.14)!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher .launcher-role{
  border-color:rgba(142,186,229,.18)!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher.launcher-key-eventscope .launcher-role{
  background:rgba(0,84,159,.18)!important;
  color:#B8D8F6!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher.launcher-key-hiwilog .launcher-role{
  background:rgba(107,95,245,.18)!important;
  color:#D5D0FF!important;
}
[data-theme="dark"] body.imb-institutional-aurora .hub-app-launcher .launcher-open-pill{
  background:linear-gradient(135deg, #0A5DBB 0%, #2D7FD0 100%)!important;
  box-shadow:0 12px 20px rgba(0,84,159,.24)!important;
}

/* Small-screen restraint so polish stays clean and compact. */
@media(max-width:960px){
  .login-form-panel::before{display:none!important}
}
@media(max-width:700px){
  .login-story-copy .eyebrow,
  .login-story .eyebrow.light{min-height:1.65rem!important;padding:.22rem .58rem!important}
  body.imb-institutional-aurora .hub-app-launcher:hover{transform:none!important}
}