/* DJIVA AI · Unified quiet cards and seamless black canvas, 2026-10-31.
   Scope: ONLY the AI landing page (.gu-ai-hub).
   Greeting illustration, live text, navigation and onclick handlers remain intact. */

/* The welcome's #03070e is the single canvas across the whole AI landing. */
html:not([data-theme="light"]):has(#app > main.screen-body.section-ai .gu-ai-hub),
html:not([data-theme="light"]) body:has(#app > main.screen-body.section-ai .gu-ai-hub),
html:not([data-theme="light"]) body:has(#app > main.screen-body.section-ai .gu-ai-hub) #app,
html:not([data-theme="light"]) body:has(#app > main.screen-body.section-ai .gu-ai-hub) #app > .v2-top.v2-top-ai,
html:not([data-theme="light"]) #app > main.screen-body.section-ai:has(.gu-ai-hub),
html:not([data-theme="light"]) #app > main.screen-body.section-ai .gh-ai-page.gs-home:has(.gu-ai-hub){
  background:#03070e!important;
  background-image:none!important;
}
/* Light theme keeps its original light canvas and greeting; only cards unify. */
/* Cards echo the Goals / Finance surfaces: one border, no scenic art or glow. */
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub{
  gap:12px!important;
  margin-top:0!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:128px!important;
  padding:15px 17px 13px!important;
  border:1px solid #2b3749!important;
  border-radius:21px!important;
  background:#171e2a!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#f5f7fb!important;
  transition:border-color .17s ease,background-color .17s ease,transform .17s ease!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice::before,
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice::after{
  content:none!important;
  display:none!important;
  background:none!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-top{
  gap:13px!important;
  min-height:50px!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-icon,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-icon{
  display:grid!important;
  place-items:center!important;
  flex:0 0 49px!important;
  width:49px!important;
  height:49px!important;
  padding:0!important;
  border:1px solid #334359!important;
  border-radius:14px!important;
  background:#222d3b!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#eebf75!important;
  animation:none!important;
  filter:none!important;
  transform:none!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-icon svg{
  display:block!important;
  width:26px!important;
  height:26px!important;
  color:inherit!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text{
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  min-width:0!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text strong,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text strong{
  font-size:clamp(18px,4.8vw,21px)!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  font-weight:770!important;
  color:#f5f7fb!important;
  text-shadow:none!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text small,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text small{
  font-size:clamp(11.5px,3.2vw,13px)!important;
  line-height:1.4!important;
  font-weight:500!important;
  color:#a5b1c2!important;
  text-shadow:none!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-bottom,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-bottom{
  margin-top:12px!important;
  padding-top:10px!important;
  min-height:26px!important;
  border-top:1px solid #2a3647!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-meta,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-meta{
  font-size:11.5px!important;
  font-weight:550!important;
  color:#9caabe!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-meta i{
  color:#748399!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-arrow,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-arrow{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  border:0!important;
  border-radius:9px!important;
  background:#222d3b!important;
  box-shadow:none!important;
  color:#b5c4d7!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-arrow svg{
  width:18px!important;
  height:18px!important;
}
@media(hover:hover){
  #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice:hover{
    transform:translateY(-1px)!important;
    border-color:#4b607b!important;
    background:#1b2533!important;
    box-shadow:none!important;
  }
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice:active{
  transform:scale(.993)!important;
}
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice:focus-visible{
  outline:2px solid #ffb454!important;
  outline-offset:3px;
}
@media(max-width:370px){
  #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice{
    padding:13px 13px 12px!important;
    min-height:122px!important;
  }
  #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-icon{
    width:43px!important;
    height:43px!important;
    flex-basis:43px!important;
  }
  #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice-text strong{
    font-size:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-hub .gu-ai-choice{
    transition:none!important;
  }
}

/* AI assistant label: a warm gold accent, only the solution card. */
#app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice--self .gu-ai-choice-meta,
html[data-theme="light"] #app > main.screen-body.section-ai .gh-ai-page.gs-home .gu-ai-choice--self .gu-ai-choice-meta{
  color:#E4B55F!important;
  font-weight:650!important;
}