:root{
  --zf-prod-dock-size:56px;
  --zf-prod-dock-right:10px;
  --zf-prod-dock-radius:18px;
  --zf-prod-chip-gap:16px;
}

/* Hero copy lock */
#micro,
.heroTrustItem,
#heroText,
#heroHelper{
  white-space:nowrap !important;
  text-wrap:nowrap !important;
}

/* More breathing room in hero */
.micro--hero{ margin-top:18px !important; }
.heroExamplesWrap,
.heroExamplesWrap--modal{ margin-top:18px !important; }
.heroTrust{ margin-top:24px !important; }

/* Make quick topics crisp and separate from composer */
.chatQuick{
  margin-top:var(--zf-prod-chip-gap) !important;
  margin-bottom:8px !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  filter:none !important;
  opacity:1 !important;
}
.chatQuick.panelOpen::after{
  content:none !important;
  display:none !important;
}
.chatQuick .chipsRow,
.quickPanel .chipsRow,
#quickCats,
#subChips{
  mask-image:none !important;
  -webkit-mask-image:none !important;
  filter:none !important;
  opacity:1 !important;
  padding-left:0 !important;
  padding-right:0 !important;
}
.quickPanel{
  bottom:calc(100% + 22px) !important;
  transform:none !important;
  backdrop-filter:blur(16px) !important;
  -webkit-backdrop-filter:blur(16px) !important;
}

/* Composer: one coherent shell */
.composerPill{
  min-height:60px !important;
  padding:8px !important;
  gap:8px !important;
  align-items:center !important;
  border-radius:22px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.22) !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;
}
#chatInput,
.composerPill textarea{
  min-height:42px !important;
  padding:10px 2px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.composerLegal{
  margin-top:4px !important;
}

/* Consult bubble: visible, pinned and not colliding */
.edgeDock{
  position:fixed !important;
  top:50% !important;
  right:var(--zf-prod-dock-right) !important;
  bottom:auto !important;
  transform:translateY(-50%) !important;
  z-index:12030 !important;
  opacity:1 !important;
  visibility:visible !important;
  display:block !important;
  pointer-events:none !important;
}
.edgeDock.is-hidden{
  opacity:0 !important;
  visibility:hidden !important;
}
.edgeDockBtn,
.edgeDockBtn--peek{
  pointer-events:auto !important;
  right:0 !important;
  width:var(--zf-prod-dock-size) !important;
  min-width:var(--zf-prod-dock-size) !important;
  height:var(--zf-prod-dock-size) !important;
  min-height:var(--zf-prod-dock-size) !important;
  border-radius:var(--zf-prod-dock-radius) !important;
  border-right:1px solid rgba(211,177,123,.28) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.34) !important;
}
.edgeDockBtn__label{
  display:none !important;
}
.edgeDrawer{
  z-index:12031 !important;
}

/* Premium CTA readability */
#premiumPreviewBuyBtn,
#toolSheet .item[data-open-modal="consultModal"],
.btn.gold{
  color:#111 !important;
}

@media (max-width: 560px){
  :root{
    --zf-prod-dock-size:54px;
    --zf-prod-dock-right:8px;
    --zf-prod-chip-gap:18px;
  }
  #heroText{ font-size:clamp(26px, 7.8vw, 32px) !important; line-height:1.04 !important; }
  #heroHelper{ font-size:clamp(12px, 3.25vw, 13.5px) !important; line-height:1.12 !important; }
  .micro--hero{ margin-top:18px !important; }
  .heroExamplesWrap,
  .heroExamplesWrap--modal{ margin-top:18px !important; }
  .heroTrust{ margin-top:24px !important; }
  .quickPanel{ bottom:calc(100% + 24px) !important; }
}