/* XAN Office Real Estate v1.2.266 — standalone /xan-asistan/ only.
 * Keep conversations readable, keep the composer visible, and prevent project
 * recommendations from shrinking the message transcript into a narrow strip.
 * No markup, storage, network, permission or floating-launcher changes.
 */
body.xan-customer-ai-standalone-v196 {
  --xan-chat-ink:#102b3c;
  --xan-chat-line:#d4e3e9;
  --xan-chat-brand:#03475d;
  --xan-chat-yellow:#ffd64b;
}
body.xan-customer-ai-standalone-v196 .xan-ai-workspace-v233 {
  grid-template-columns: minmax(254px, 286px) minmax(0, 1fr) !important;
  gap: 14px !important;
  align-items: stretch !important;
  max-width: 1920px !important;
  min-width: 0 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 {
  min-width: 0 !important;
  min-height: 0 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236 {
  height: calc(100dvh - 102px) !important;
  max-height: calc(100dvh - 102px) !important;
  overflow: hidden !important;
  padding: 14px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chats-v153 {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  gap: 10px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chats-list-v153 {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  gap: 8px !important;
  padding: 2px 2px 10px !important;
  scrollbar-width: thin;
  overscroll-behavior: contain;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chat-entry-v153 {
  flex: 0 0 auto !important;
  min-height: 52px !important;
  border: 1px solid var(--xan-chat-line) !important;
  border-radius: 12px !important;
  background: #f8fbfc !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chat-entry-v153.is-current {
  border-color: #e6be32 !important;
  border-left: 4px solid #ffd64b !important;
  background: #fff5cd !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chat-entry-open-v153 {
  min-height: 50px !important;
  padding: 12px 10px !important;
  line-height: 1.4 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  -webkit-line-clamp: 2;
}
body.xan-customer-ai-standalone-v196 .xan-ai-chat-entry-menu-v153 {
  min-height: 44px !important;
  align-self: center !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-project-tools-v153 {
  flex: 0 0 auto !important;
  max-height: min(26dvh, 240px) !important;
  overflow-y: auto !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-shell {
  display: flex !important;
  flex-direction: column !important;
  height: calc(100dvh - 102px) !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  border-radius: 16px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-head {
  flex: 0 0 auto !important;
  min-height: 64px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 12px !important;
}
/* Only constrain scrolling while the direct chat tab is selected. */
@supports selector(.xcai-body:has(.xcai-mode-panel-v175.is-active)) {
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-body:has([data-xcai-mode-panel="chat"].is-active) {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 [data-step="welcome"].is-active:has([data-xcai-mode-panel="chat"].is-active) {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-mode-panel-v175.is-active[data-xcai-mode-panel="chat"] {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-v175 {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  min-height: 0 !important;
  overflow: hidden !important;
  gap: 0 !important;
  border-radius: 14px !important;
  background: #fff !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-toolbar-v175 {
  flex: 0 0 auto !important;
  min-height: 54px !important;
  padding: 10px 14px !important;
  border-bottom: 1px solid var(--xan-chat-line) !important;
}
/* The message transcript always receives first claim on available height. */
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-log-v175 {
  display: flex !important;
  flex: 1 1 54% !important;
  flex-direction: column !important;
  min-height: clamp(180px, 28dvh, 280px) !important;
  height: auto !important;
  max-height: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 16px 18px !important;
  gap: 12px !important;
  border: 0 !important;
  background: #fff !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
  scrollbar-gutter: stable !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175 {
  display: block !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  max-width: min(88%, 850px) !important;
  margin: 0 !important;
  padding: 12px 15px !important;
  border: 1px solid #d9e7ed !important;
  border-radius: 14px !important;
  line-height: 1.55 !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-user {
  align-self: flex-end !important;
  background: #ecf4f7 !important;
  color: #10384b !important;
  border-color: #c7dce4 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-ai {
  align-self: flex-start !important;
  background: #f5f9fb !important;
  color: #142f40 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175 b {
  display: block !important;
  margin-bottom: 4px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175 p {
  margin: 0 !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: inherit !important;
}
/* Suggestions and product cards never claim the transcript's full height. */
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-suggestions-v175 {
  flex: 0 1 auto !important;
  min-height: 0 !important;
  max-height: 82px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 8px 12px !important;
  border-top: 1px solid #edf1f4 !important;
  background: #fff !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175 {
  display: block !important;
  flex: 0 1 auto !important;
  min-height: 0 !important;
  max-height: clamp(84px, 20dvh, 180px) !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  padding: 10px 12px !important;
  border-top: 1px solid var(--xan-chat-line) !important;
  background: #f7fafb !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-suggestions-v175:empty,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175:empty {
  display: none !important;
  padding: 0 !important;
  border: 0 !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175 > * {
  min-width: 0 !important;
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-shortlist-v220,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-shortlist-v217 {
  min-height: 0 !important;
  overflow: visible !important;
  background: #fff !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-input-v175 {
  flex: 0 0 auto !important;
  position: relative !important;
  inset: auto !important;
  z-index: 3 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 52px 94px !important;
  gap: 9px !important;
  align-items: center !important;
  min-height: 70px !important;
  margin: 0 !important;
  padding: 11px 13px !important;
  border-top: 1px solid var(--xan-chat-line) !important;
  background: #fff !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-input-v175 input {
  min-width: 0 !important;
  min-height: 46px !important;
  font-size: 14px !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-input-v175 [data-xcai-chat-send] {
  grid-column: auto !important;
  min-width: 90px !important;
  min-height: 46px !important;
  background: #ffd64b !important;
  color: #03475d !important;
  -webkit-text-fill-color: #03475d !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-connection-v175 {
  flex: 0 0 auto !important;
  min-height: 26px !important;
  padding: 5px 12px !important;
  background: #fff !important;
  border-top: 1px solid #e2ebef !important;
}
/* Preserve the existing mobile drawer; stack controls without clipping. */
@media (max-width: 900px) {
  body.xan-customer-ai-standalone-v196 .xan-ai-workspace-v233 {
    display: block !important;
    padding: 8px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-filter-rail-v236 {
    height: 100dvh !important;
    max-height: 100dvh !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-shell {
    height: calc(100dvh - 94px) !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-log-v175 {
    min-height: clamp(140px, 25dvh, 210px) !important;
    padding: 12px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175 {
    max-height: 145px !important;
  }
}
@media (max-width: 560px) {
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-body {
    padding: 7px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-toolbar-v175 {
    min-height: 0 !important;
    padding: 8px 9px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-log-v175 {
    min-height: 130px !important;
    gap: 9px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175 {
    max-width: 95% !important;
    padding: 10px 11px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175 {
    max-height: 112px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-input-v175 {
    grid-template-columns: minmax(0,1fr) 44px 78px !important;
    gap: 6px !important;
    min-height: 62px !important;
    padding: 8px !important;
  }
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-input-v175 [data-xcai-chat-send] {
    grid-column: auto !important;
    min-width: 74px !important;
    min-height: 44px !important;
  }
}
@media (max-height: 700px) and (min-width: 561px) {
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-log-v175 {min-height: 150px !important;}
  body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-recs-v175 {max-height: 96px !important;}
}
/* Legacy role-bubble white text must not remain on the new light user bubble. */
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-log-v175 {
  justify-content: flex-start !important;
  align-items: stretch !important;
}
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-user,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-user b,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-user p,
body.xan-customer-ai-standalone-v196 .xan-ai-center-v233 .xcai-chat-msg-v175.is-user p * {
  color: #10384b !important;
  -webkit-text-fill-color: #10384b !important;
}
