/* Comfortrek V200 — AI Concierge dark-mode readability + interaction polish.
 * Scope: customer AI concierge page only. Light mode remains unchanged.
 */
body.appearance-dark .ai-concierge-page {
  color: #f5f1e9 !important;
}

body.appearance-dark .ai-concierge-page .ai-concierge-hero p {
  color: #c9c7c2 !important;
  opacity: 1 !important;
}

body.appearance-dark .ai-concierge-page .ai-suggestions button {
  background: #171b1e !important;
  color: #f2eee6 !important;
  border: 1px solid rgba(215,181,109,.38) !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.16);
}
body.appearance-dark .ai-concierge-page .ai-suggestions button:hover,
body.appearance-dark .ai-concierge-page .ai-suggestions button:focus-visible {
  background: #22272a !important;
  color: #fffaf0 !important;
  border-color: rgba(215,181,109,.72) !important;
}

/* Main AI panel: never allow the light-mode surface token to leak into dark mode. */
body.appearance-dark .ai-concierge-page .ai-chat-shell {
  background: linear-gradient(145deg,#15191c,#0f1214) !important;
  color: #f4f1ea !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.30) !important;
}

body.appearance-dark .ai-concierge-page .ai-advanced-tools {
  color: #f4f1ea !important;
}
body.appearance-dark .ai-concierge-page .ai-advanced-tools select,
body.appearance-dark .ai-concierge-page .ai-advanced-tools .form-input {
  background: #111519 !important;
  color: #f5f1e9 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
body.appearance-dark .ai-concierge-page .ai-advanced-tools select option {
  background: #111519 !important;
  color: #f5f1e9 !important;
}

body.appearance-dark .ai-concierge-page .ai-advanced-tools .btn-secondary,
body.appearance-dark .ai-concierge-page .ai-visual-search .btn-secondary {
  background: #191e21 !important;
  color: #f5f1e9 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
body.appearance-dark .ai-concierge-page .ai-advanced-tools .btn-secondary:hover,
body.appearance-dark .ai-concierge-page .ai-visual-search:hover .btn-secondary {
  background: #252b2e !important;
  color: #fffaf0 !important;
  border-color: rgba(215,181,109,.55) !important;
}

body.appearance-dark .ai-concierge-page .ai-chat-messages {
  background: #0c0f11 !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  padding: 12px !important;
}
body.appearance-dark .ai-concierge-page .ai-bubble-assistant {
  background: #1b2023 !important;
  color: #f1eee7 !important;
  border: 1px solid rgba(255,255,255,.13) !important;
}
body.appearance-dark .ai-concierge-page .ai-bubble-assistant strong {
  color: #e1bd78 !important;
}
body.appearance-dark .ai-concierge-page .ai-bubble-user {
  background: #d7b56d !important;
  color: #101214 !important;
  border: 1px solid #e6c982 !important;
}
body.appearance-dark .ai-concierge-page .ai-thinking {
  color: #b9b8b4 !important;
  opacity: 1 !important;
}

body.appearance-dark .ai-concierge-page .ai-chat-form {
  border-top-color: rgba(255,255,255,.12) !important;
}
body.appearance-dark .ai-concierge-page .ai-chat-form input {
  background: #111519 !important;
  color: #f5f1e9 !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  border-radius: 12px !important;
}
body.appearance-dark .ai-concierge-page .ai-chat-form input::placeholder {
  color: #858a8d !important;
  opacity: 1 !important;
}
body.appearance-dark .ai-concierge-page .ai-chat-footer {
  color: #969b9d !important;
}
body.appearance-dark .ai-concierge-page .ai-chat-footer button {
  color: #d9b577 !important;
}

body.appearance-dark .ai-concierge-page .ai-result-label {
  color: #cdb078 !important;
}
body.appearance-dark .ai-concierge-page .ai-product-mini {
  background: #171b1e !important;
  color: #f4f1ea !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  border-radius: 14px !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
body.appearance-dark .ai-concierge-page .ai-product-mini:hover {
  transform: translateY(-2px);
  background: #202528 !important;
  border-color: rgba(215,181,109,.50) !important;
}
body.appearance-dark .ai-concierge-page .ai-product-mini img {
  background: #24292c !important;
  border-radius: 10px !important;
}
body.appearance-dark .ai-concierge-page .ai-product-mini b {
  color: #f5f1e9 !important;
}
body.appearance-dark .ai-concierge-page .ai-product-mini small {
  color: #a9adae !important;
}
body.appearance-dark .ai-concierge-page .ai-product-mini strong {
  color: #e1bd78 !important;
}

@media (max-width:650px) {
  body.appearance-dark .ai-concierge-page .ai-chat-shell {
    padding: 12px !important;
    border-radius: 18px !important;
  }
  body.appearance-dark .ai-concierge-page .ai-advanced-tools {
    gap: 8px !important;
  }
  body.appearance-dark .ai-concierge-page .ai-advanced-tools select,
  body.appearance-dark .ai-concierge-page .ai-advanced-tools .btn-secondary,
  body.appearance-dark .ai-concierge-page .ai-visual-search .btn-secondary {
    min-height: 44px;
  }
  body.appearance-dark .ai-concierge-page .ai-bubble {
    max-width: 94%;
    font-size: .92rem;
  }
}