/* Isolated anonymous welcome UI; conversation and authenticated layouts stay owned by index.css. */
.welcome-discovery {
  --wd-bg: #fff; --wd-text: #172033; --wd-muted: #4b5565; --wd-line: #dce1e9;
  --wd-soft: #f6f7f9; --wd-blue: #285ca8; --wd-teal: #206b65; --wd-selected: #ecf2fc;
  color: var(--wd-text);
}
.dark .welcome-discovery,
[data-theme="dark"] .welcome-discovery {
  --wd-bg: #1f2937; --wd-text: #f4f6fa; --wd-muted: #c3ccda; --wd-line: #485569;
  --wd-soft: #2b3646; --wd-blue: #a5c7ff; --wd-teal: #93d9cf; --wd-selected: #2a3f5b;
}
.welcome-discovery [hidden], .welcome-discovery[hidden] { display: none !important; }
body.chat-started .welcome-discovery, .chat-started .welcome-discovery,
body.compare-mode .welcome-discovery { display: none !important; }
/* Native app shells keep their compact composer. These discovery cards belong to the public website. */
html.mobile-app-mode .welcome-discovery,
html.mobile-app-mode body:not(.chat-started):not(.compare-mode) #aiChatBotInput[data-anon-welcome]:not(.chat-started) .suggestion-msg-container { display: none !important; }
.wd-modes { display: flex; flex-wrap: wrap; gap: 5px; padding: 10px; border-bottom: 1px solid var(--wd-line); }
.wd-modes button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 12px; min-height: 42px; border: 0; border-radius: 9px; background: transparent; color: var(--wd-text); font-size: 13px; cursor: pointer; }
.wd-modes button[aria-pressed="true"] { background: var(--wd-selected); color: var(--wd-blue); font-weight: 600; }
.wd-modes svg { width: 18px; height: 18px; flex-shrink: 0; }
.wd-tools { padding: 0 0 20px; }
.wd-grid { display: flex; flex-wrap: wrap; gap: 8px; }
.wd-work { margin-top: 8px; }
.wd-grid > a, .wd-grid > button { display: inline-flex; align-items: center; gap: 8px; max-width: 100%; min-height: 40px; padding: 8px 12px; border: 1px solid var(--wd-line); border-radius: 20px; background: var(--wd-bg); color: var(--wd-text); text-align: left; text-decoration: none; cursor: pointer; }
.wd-grid > :hover { background: var(--wd-soft); }
.wd-grid i { color: var(--wd-blue); font-size: 14px; flex-shrink: 0; }
.wd-work i { color: var(--wd-teal); }
.wd-tools strong { font-size: 12px; font-weight: 500; line-height: 1.4; }
/* The real selector remains in place and returns to its normal styling after the first message. */
body:not(.chat-started) #aiChatBotInput[data-anon-welcome] #selected-option { font-size: 14px; color: #374151; }
.dark body:not(.chat-started) #aiChatBotInput[data-anon-welcome] #selected-option,
[data-theme="dark"] body:not(.chat-started) #aiChatBotInput[data-anon-welcome] #selected-option { color: #e5e7eb; }
body:not(.chat-started):has(#welcome-discovery-tools) #scroll-to-bottom { display: none !important; }
body:not(.chat-started):has(#welcome-discovery-tools) #welcome-message > span + span { color: #4b5565; }
.dark body:not(.chat-started):has(#welcome-discovery-tools) #welcome-message > span + span,
[data-theme="dark"] body:not(.chat-started):has(#welcome-discovery-tools) #welcome-message > span + span { color: #c3ccda; }
@media (min-width: 768px) {
  body:not(.chat-started):not(.compare-mode) #aiChatBotInput[data-anon-welcome]:not(.chat-started) .suggestion-msg-container { display: block !important; }
  body:not(.chat-started):has(#welcome-discovery-tools) .chat-shell:not(.chat-started) { padding-top: clamp(36px, 8vh, 100px); }
}
@media (max-width: 767.98px) {
  .welcome-discovery,
  #aiChatBotInput[data-anon-welcome] .suggestion-msg-container { display: none !important; }
}