body { font-family: Inter, system-ui, -apple-system, sans-serif; background: #0a0a0c; color: #e2e8f0; }
button, input, select, textarea { max-width: 100%; }
button, a, input, textarea, select { -webkit-tap-highlight-color: transparent; }
button:not(:disabled), a { cursor: pointer; }
button:disabled, input:disabled, select:disabled { opacity: .55; cursor: not-allowed; }
:focus-visible { outline: 2px solid #facc15; outline-offset: 3px; }
.console-brand { flex: 1 1 auto; }
.console-brand h1 { overflow-wrap: anywhere; }
.console-actions button { font-size: 12px; white-space: nowrap; }
.console-actions { margin-left: auto; }
.small-button { display: inline-flex; justify-content: center; align-items: center; border: 1px solid #363a48; background: #1a1c23; color: #e2e8f0; border-radius: 6px; padding: 7px 10px; font-size: 12px; line-height: 1.3; }
.small-button:hover:not(:disabled) { border-color: #eab308; color: #facc15; }
.help-trigger { border: 1px solid #eab308; color: #facc15; width: 20px; height: 20px; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; margin-left: 4px; font-size: 12px; vertical-align: middle; }
.chat-message { max-width: 85%; padding: 10px 12px; border-radius: 8px; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.65; }
.chat-user { background: rgba(234,179,8,.1); border: 1px solid rgba(234,179,8,.4); color: #e2e8f0; }
.chat-assistant { background: #1a1c23; border: 1px solid #363a48; color: #e2e8f0; }
#modal-lead > div, #modal-help > div { max-height: calc(100dvh - 32px); overflow-y: auto; }
#modal-lead { padding: 16px 0; }
#toast { max-width: calc(100vw - 32px); }
#toast[data-type="error"] { border-color: #fb7185; }
#lead-follow-history { max-height: 200px; overflow-y: auto; }
#sec-config > div > div:first-child { flex-wrap: wrap; gap: 12px; }
#public-send { border-bottom: 3px solid var(--demo-theme, #eab308); }
@media (max-width: 640px) {
  .console-header { flex-wrap: wrap; gap: 8px; }
  .console-brand { flex-basis: 100%; }
  .console-actions { width: 100%; justify-content: flex-end; }
  .console-brand h1 { font-size: 16px; }
  .tab-content > div:first-child { flex-wrap: wrap; gap: 12px; }
  .tab-content h2 { font-size: 16px; }
  #printable-roi-report { padding: 16px; }
  #printable-roi-report > div:first-child, #printable-roi-report > div:last-child { flex-wrap: wrap; gap: 10px; }
  #roi-res-human-yearly, #roi-res-ai-cost, #roi-res-saving, #roi-res-payback { font-size: 16px; overflow-wrap: anywhere; }
}