:root{
  --zf-stage7-quick-gap: 12px;
  --zf-stage7-hero-air: 14px;
}

/* ===== Stage 7: consultations & retention layer ===== */

/* Home hero: more breathing room without changing one-screen structure */
.micro--hero{
  margin-top:14px !important;
}
.heroExamplesWrap,
.heroExamplesWrap--modal{
  margin-top:14px !important;
}
.heroTrust{
  margin-top:18px !important;
}
.heroTrustItem{
  display:inline-block;
  line-height:1.32;
}

/* Chat: clear gap between composer and quick topics */
.chatQuick{
  margin-top:var(--zf-stage7-quick-gap) !important;
  margin-bottom:8px !important;
}
.chatQuick .chipsRow{
  margin:0 !important;
  padding-top:0 !important;
  padding-bottom:2px;
}
.chatQuick.panelOpen{
  padding-bottom:16px !important;
}
.quickPanel{
  bottom:calc(100% + 18px) !important;
}
.quickPanel .chipsRow{
  margin-top:10px !important;
}

/* Composer: + / mic / send aligned and visually consistent */
.composerPill{
  align-items:center !important;
}
#toolBtn,
#micBtn,
#sendBtn,
.composerPill .moreBtn,
.composerPill .mic,
.composerPill .send{
  width:42px !important;
  min-width:42px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:14px !important;
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
}
#toolBtn,
.composerPill .moreBtn{
  font-size:20px !important;
  line-height:1 !important;
  letter-spacing:0 !important;
}
#micBtn svg,
.composerPill .mic svg{
  width:19px !important;
  height:19px !important;
}
#sendBtn,
.composerPill .send{
  font-size:18px !important;
}
#chatInput,
.composerPill textarea{
  padding-left:2px !important;
  padding-right:2px !important;
}

/* Floating consult trigger: keep on the right, but visually aligned higher on home */
.edgeDock{
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}
.edgeDock.is-open,
.edgeDock.is-hidden{
  transform:none !important;
}
.edgeDockBtn--peek{
  right:-8px !important;
}
.edgeDrawer{
  right:14px;
}

/* Retention / consultation copy surfaces */
.consultModalNote,
.consultDetailLead,
.edgeDrawerLead,
.accountDashMeta{
  color:rgba(246,241,234,.78);
}

@media (max-width: 820px){
  .micro--hero{
    margin-top:13px !important;
  }
  .heroExamplesWrap,
  .heroExamplesWrap--modal{
    margin-top:13px !important;
  }
  .heroTrust{
    margin-top:16px !important;
  }
  .chatQuick{
    margin-top:12px !important;
  }
  .quickPanel{
    bottom:calc(100% + 17px) !important;
  }
}

@media (max-width: 560px){
  :root{
    --zf-stage7-quick-gap: 13px;
  }
  .micro--hero{
    margin-top:15px !important;
    font-size:12px;
  }
  .heroExamplesWrap,
  .heroExamplesWrap--modal{
    margin-top:15px !important;
  }
  .heroTrust{
    margin-top:17px !important;
  }
  .heroTrustItem{
    font-size:12px;
    max-width:30ch;
  }
  .chatQuick{
    margin-top:13px !important;
    margin-bottom:6px !important;
  }
  .chatQuick .chipsRow{
    padding-left:2px !important;
    padding-right:12px !important;
  }
  .quickPanel{
    bottom:calc(100% + 18px) !important;
    border-radius:18px;
  }
  #toolBtn,
  #micBtn,
  #sendBtn,
  .composerPill .moreBtn,
  .composerPill .mic,
  .composerPill .send{
    width:41px !important;
    min-width:41px !important;
    height:41px !important;
    min-height:41px !important;
    border-radius:13px !important;
  }
  .edgeDrawer{
    right:10px;
    max-width:calc(100vw - 20px);
  }
}

@media (max-width: 390px){
  .micro--hero{
    font-size:11.5px;
  }
  .heroTrustItem{
    font-size:11.5px;
  }
}