/* FILUXIA ATLAS V9.7.6 · R20 CHAT COMPACT + BOTTOM COMPOSER
   Final override loaded after R17-R19. */

/* Chat workspace is a reading/conversation surface, not a giant settings card. */
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-pane{
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  margin:12px 0 0!important;
  padding:0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-head{
  order:1!important;
  min-height:62px!important;
  padding:8px 4px 10px!important;
  border:0!important;
  background:transparent!important;
}

/* KAPSAM + YANIT DERİNLİĞİ: one slim row, no empty tall card. */
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-controls{
  order:2!important;
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(160px,230px) minmax(0,1fr)!important;
  gap:8px!important;
  align-items:center!important;
  width:100%!important;
  min-height:58px!important;
  height:auto!important;
  max-height:72px!important;
  margin:0!important;
  padding:6px!important;
  border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line))!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--panel) 95%,transparent)!important;
  box-shadow:none!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-scope-summary{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  padding:6px 10px!important;
  border:0!important;
  border-right:1px solid color-mix(in srgb,var(--accent) 16%,var(--line))!important;
  border-radius:11px!important;
  background:transparent!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-scope-summary>span{
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-scope-summary>b{
  min-width:0!important;
  font-size:.78rem!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-depth-control{
  display:grid!important;
  grid-template-columns:auto minmax(280px,1fr)!important;
  grid-template-rows:46px!important;
  align-items:center!important;
  gap:10px!important;
  width:100%!important;
  min-width:0!important;
  min-height:46px!important;
  height:46px!important;
  padding:0 4px 0 8px!important;
  border:0!important;
  border-radius:11px!important;
  background:transparent!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-depth-control>span{
  grid-column:1!important;
  grid-row:1!important;
  align-self:center!important;
  font-size:.58rem!important;
  line-height:1!important;
  letter-spacing:.11em!important;
  white-space:nowrap!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepthChoices{
  grid-column:2!important;
  grid-row:1!important;
  width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  height:42px!important;
  margin:0!important;
  padding:3px!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  border-radius:12px!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepthChoices button{
  min-height:34px!important;
  height:34px!important;
  padding:4px 8px!important;
  font-size:.72rem!important;
  line-height:1!important;
}
/* Segment buttons are the UI; the duplicate native select and helper line are intentionally hidden. */
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepth,
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepthHelp{
  display:none!important;
}

#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-route{order:3!important;margin:6px 0 0!important}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-history-bar{order:4!important;margin:6px 0 0!important}

/* The message history is the flexible reading area. No framed empty promo box. */
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .ai-chat-messages{
  order:5!important;
  flex:1 1 auto!important;
  width:min(960px,100%)!important;
  min-height:220px!important;
  height:auto!important;
  max-height:min(52dvh,560px)!important;
  margin:0 auto!important;
  padding:18px 16px 22px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-suggestions{
  order:6!important;
  flex:0 0 auto!important;
  width:min(960px,100%)!important;
  margin:0 auto!important;
  padding:6px 8px 8px!important;
  border-top:0!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-feedback-status{order:7!important}

/* Correct UX: compose at the bottom, after the conversation. */
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm{
  order:8!important;
  position:sticky!important;
  left:auto!important;
  right:auto!important;
  bottom:0!important;
  z-index:40!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:8px 0 max(10px,env(safe-area-inset-bottom))!important;
  border-top:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--bg-1) 78%,transparent),color-mix(in srgb,var(--bg-1) 98%,var(--panel)) 28%)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  box-shadow:none!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm .atlas-ai-composer{
  width:min(960px,calc(100% - 12px))!important;
  min-height:50px!important;
  margin:0 auto!important;
  padding:5px 6px 5px 12px!important;
  border-radius:18px!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatInput{
  min-height:38px!important;
  max-height:128px!important;
  padding:8px 4px!important;
  resize:none!important;
}
#aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm .atlas-ai-composer-hint{
  display:block!important;
  width:min(960px,calc(100% - 16px))!important;
  margin:4px auto 0!important;
  font-size:.58rem!important;
  line-height:1.25!important;
  text-align:left!important;
}

/* Safety: never let the composer leak into Analiz/Arşiv. */
#aiModal.atlas-ai-page:not([data-mobile-pane="chat"]) #aiChatForm{display:none!important}

@media(max-width:900px){
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-head{min-height:56px!important;padding:6px 8px!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-controls{
    grid-template-columns:1fr!important;
    max-height:none!important;
    padding:6px!important;
    gap:4px!important;
  }
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-scope-summary{
    height:34px!important;min-height:34px!important;
    grid-template-columns:auto 1fr!important;
    border-right:0!important;border-bottom:1px solid color-mix(in srgb,var(--accent) 14%,var(--line))!important;
    padding:4px 7px!important;
  }
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-depth-control{
    height:42px!important;min-height:42px!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    grid-template-rows:42px!important;
    padding:0 2px 0 6px!important;
  }
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .atlas-ai-chat-depth-control>span{font-size:.54rem!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepthChoices{height:38px!important;min-height:38px!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatDepthChoices button{height:30px!important;min-height:30px!important;font-size:.68rem!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] .ai-chat-messages{min-height:220px!important;max-height:calc(100dvh - 380px)!important;padding:12px 8px 16px!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm{padding:7px 6px max(8px,env(safe-area-inset-bottom))!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm .atlas-ai-composer{width:100%!important}
  #aiModal.atlas-ai-page[data-mobile-pane="chat"] #aiChatForm .atlas-ai-composer-hint{display:none!important}
}