/* V8.5.2 monetization architecture — no simulated purchases */
.monetization-page{padding-bottom:110px}.billing-status{display:flex;flex-direction:column;gap:6px;padding:16px 18px;margin:14px 0 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.05)}.billing-status span{opacity:.75;font-size:.9rem}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(255,255,255,.045)}.plan-card.featured{border-color:rgba(255,255,255,.34);box-shadow:0 14px 40px rgba(0,0,0,.22)}.plan-kicker{font-size:.72rem;letter-spacing:.14em;opacity:.7}.plan-card h2{margin:7px 0}.plan-card ul{padding-left:20px;line-height:1.65;opacity:.9}.plan-card button{width:100%;margin-top:10px}.subscription-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.subscription-tile{display:flex;flex-direction:column;gap:7px;padding:20px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(255,255,255,.05);text-decoration:none;color:inherit}.subscription-tile b{font-size:1.15rem}.subscription-tile small{opacity:.72;line-height:1.45}.usage-meter{height:9px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.1)}.usage-meter>i{display:block;height:100%;width:0;background:currentColor;opacity:.75}@media(max-width:760px){.plan-grid,.plan-grid.two,.subscription-split{grid-template-columns:1fr}.plan-card{padding:17px}}

/* ChatGPT-style ZONUN conversation layout for phone and desktop. */
#ai.zonun-workspace{background:#0b0b0d;color:#f4f4f5}
#ai .messages{width:min(820px,100%);margin:0 auto;padding:34px 24px 180px!important;gap:26px!important}
#ai .bubble{font-size:16px;line-height:1.65;box-shadow:none!important}
#ai .bubble.bot{align-self:stretch!important;max-width:100%!important;background:transparent!important;border:0!important;padding:0 4px!important;border-radius:0!important}
#ai .bubble.user{align-self:flex-end!important;max-width:min(78%,680px)!important;background:#303033!important;color:#fff!important;border:1px solid #ffffff0c!important;border-radius:26px!important;padding:14px 18px!important}
#ai .bubble .source-box{margin-top:12px;opacity:.65;font-size:12px}
.v852-sent-files{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.v852-sent-files .file-chip{max-width:100%;padding:10px 13px;border-radius:14px;background:#202124;border:1px solid #ffffff16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px}
#ai .z42-composer{position:absolute!important;left:20px!important;right:20px!important;transform:none!important;bottom:max(14px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:780px!important;margin:0 auto!important;min-height:64px!important;border-radius:32px!important;background:#29292b!important;border:1px solid #ffffff18!important;padding:7px 8px!important;box-shadow:0 18px 55px #000b!important}
#ai .z42-composer textarea{background:transparent!important;border:0!important;min-height:48px!important;max-height:190px!important;padding:13px 8px!important;color:#f7f7f8!important;font-size:16px!important;line-height:1.45!important}
#ai .z42-composer .attach-btn,#ai .z42-composer .mic-btn{background:transparent!important;color:#f4f4f5!important;width:48px!important;height:48px!important}
#ai .z42-composer .send-btn{width:48px!important;height:48px!important;background:#f4f4f5!important;color:#151515!important;border-radius:50%!important}
#ai .z42-composer .send-btn.is-generating{background:#2f7df4!important;color:#fff!important;font-size:18px!important}
#ai .v851-attachment-strip{position:absolute!important;left:20px!important;right:20px!important;transform:none!important;bottom:92px!important;width:auto!important;max-width:760px!important;margin:0 auto!important;padding:8px 4px!important}
#ai .v851-attachment-card{background:#2b2b2e!important;border-color:#ffffff18!important;border-radius:18px!important}
#ai .v852-activity{display:flex;align-items:center;gap:11px;color:#d7d7da}
#ai .v852-spinner{width:18px;height:18px;border:2px solid #ffffff35;border-top-color:#fff;border-radius:50%;animation:v852Spin .8s linear infinite}
@keyframes v852Spin{to{transform:rotate(360deg)}}
@media(max-width:700px){
  #ai .messages{padding:24px 18px 170px!important;gap:22px!important}
  #ai .bubble.user{max-width:88%!important;border-radius:22px!important}
  #ai .z42-composer{left:10px!important;right:10px!important;width:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important}
  #ai .v851-attachment-strip{left:10px!important;right:10px!important;width:auto!important;bottom:84px!important}
}

/* ===== ZONUN ChatGPT-style attachment + microphone fix ===== */

/* Compact ChatGPT-style attachment cards */
#ai #attachmentPreview > *{
  flex:0 0 auto !important;
  max-width:150px !important;
  border-radius:14px !important;
}

/* Composer */
#ai .z42-composer{
  overflow:visible !important;
}

/* Proper microphone button */
#ai #micBtn{
  position:relative !important;
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  color:#f4f4f5 !important;
  font-size:0 !important;
  display:grid !important;
  place-items:center !important;
}

/* Draw microphone */
#ai #micBtn::before{
  content:"" !important;
  width:11px !important;
  height:18px !important;
  border:2px solid currentColor !important;
  border-radius:8px !important;
  box-sizing:border-box !important;
}

#ai #micBtn::after{
  content:"" !important;
  position:absolute !important;
  width:19px !important;
  height:12px !important;
  left:50% !important;
  top:21px !important;
  transform:translateX(-50%) !important;
  border-left:2px solid currentColor !important;
  border-right:2px solid currentColor !important;
  border-bottom:2px solid currentColor !important;
  border-radius:0 0 12px 12px !important;
}

/* Microphone stem */
#ai #micBtn{
  box-shadow:none !important;
}

/* ===== FINAL: ChatGPT-style ZONUN composer ===== */

#ai .z42-composer{
  display:grid !important;
  grid-template-columns:auto minmax(0,1fr) auto auto !important;
  grid-template-areas:
    "attachments attachments attachments attachments"
    "plus message mic send" !important;
  align-items:center !important;
  gap:6px !important;
  min-height:64px !important;
  padding:8px !important;
  overflow:visible !important;
}

/* Attachments stay inside the composer */
#ai #attachmentPreview{
  grid-area:attachments !important;
  position:static !important;
  inset:auto !important;
  transform:none !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:2px 2px 5px !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  scrollbar-width:none !important;
}

#ai #attachmentPreview::-webkit-scrollbar{
  display:none !important;
}

#ai #attachmentPreview.hidden{
  display:none !important;
}

#ai #attachmentPreview > *{
  flex:0 0 auto !important;
  max-width:145px !important;
}

#ai #toolsBtn{
  grid-area:plus !important;
}

#ai #chatInput{
  grid-area:message !important;
  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;
  margin:0 !important;
}

#ai #micBtn{
  grid-area:mic !important;
}

#ai #zonunSendBtn{
  grid-area:send !important;
}

@media(max-width:700px){
  #ai .z42-composer{
    grid-template-columns:auto minmax(0,1fr) auto auto !important;
    padding:7px !important;
  }

  #ai #attachmentPreview{
    padding-bottom:5px !important;
  }
}
/* ===== FIX: allow + Tools menu to open above composer ===== */
#ai .z42-composer{
  overflow:visible !important;
}

#ai #toolsMenu{
  z-index:999 !important;
}
/* ===== FINAL: ChatGPT-style horizontal attachments + remove ===== */

#ai #attachmentPreview{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:8px !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  overflow-x:auto !important;
  overflow-y:hidden !important;

  padding:2px 2px 5px !important;
  margin:0 !important;

  scrollbar-width:thin;
}

#ai #attachmentPreview > .v851-attachment-card{
  position:relative !important;

  flex:0 0 128px !important;
  width:128px !important;
  min-width:128px !important;
  max-width:128px !important;

  overflow:visible !important;
}

#ai #attachmentPreview .v851-remove{
  display:grid !important;
  place-items:center !important;

  position:absolute !important;
  top:-5px !important;
  right:-5px !important;

  width:24px !important;
  height:24px !important;
  min-width:24px !important;

  z-index:100 !important;
  border-radius:50% !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

#ai #attachmentPreview.hidden{
  display:none !important;
}

@media(max-width:700px){
  #ai #attachmentPreview{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
  }

  #ai #attachmentPreview > .v851-attachment-card{
    flex:0 0 112px !important;
    width:112px !important;
    min-width:112px !important;
    max-width:112px !important;
  }
}
/* ===== FINAL TUNE: compact attachment thumbnails ===== */

#ai #attachmentPreview{
  gap:6px !important;
  padding-right:4px !important;
}

#ai #attachmentPreview > .v851-attachment-card{
  flex:0 0 82px !important;
  width:82px !important;
  min-width:82px !important;
  max-width:82px !important;
  height:68px !important;
  padding:5px !important;
  box-sizing:border-box !important;
}

#ai #attachmentPreview .v851-attachment-card img{
  width:44px !important;
  height:44px !important;
  border-radius:9px !important;
  object-fit:cover !important;
}

#ai #attachmentPreview .v851-attachment-meta{
  min-width:0 !important;
  overflow:hidden !important;
}

#ai #attachmentPreview .v851-attachment-meta b,
#ai #attachmentPreview .v851-attachment-meta small{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

#ai #attachmentPreview .v851-remove{
  top:-4px !important;
  right:-4px !important;
}

@media(max-width:700px){
  #ai #attachmentPreview > .v851-attachment-card{
    flex:0 0 76px !important;
    width:76px !important;
    min-width:76px !important;
    max-width:76px !important;
  }
}

/* V8.5.2 composer specificity fix */
#ai #chatForm.z42-composer{display:grid !important;}