/* Cath-Bot brand touches on top of public/theme.json.
   Deep Teal #0E7C7B · Ink Navy #16202A · Sunshine Amber #FFB238 · Soft Mint #EAF6F4 */

/* Prompt box: teal frame with a soft glow, brighter when focused */
#message-composer {
  border: 2px solid #0E7C7B !important;
  border-radius: 18px !important;
  box-shadow: 0 0 0 4px rgba(14, 124, 123, 0.28), 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
#message-composer:focus-within {
  border-color: #13A3A1 !important;
  box-shadow: 0 0 0 5px rgba(14, 124, 123, 0.45), 0 8px 28px rgba(0, 0, 0, 0.3);
}

/* Welcome header (public/elements/Welcome.jsx): hide the small avatar beside it
   so the header sits centered under the page */
.ai-message:has(.cathbot-welcome) > span:first-child { display: none; }
/* "Powered by" button: amber on navy; darker amber on mint so it stays readable */
.cathbot-powered {
  color: #FFB238; border: 1px solid #FFB238;
  transition: background 0.15s ease, color 0.15s ease;
}
html:not(.dark) .cathbot-powered { color: #8A5A00; background: #FFF3DC; }
.cathbot-powered:hover,
html:not(.dark) .cathbot-powered:hover { background: #FFB238; color: #16202A; }
.cathbot-chip { transition: background 0.15s ease; }
.cathbot-chip:hover { background: rgba(14, 124, 123, 0.25) !important; }