/* Nordic presentation for the account-backed companion Chat. */
.companion-app {
  --bg-main: #2e3440;
  --panel-dark: #343c4a;
  --panel-dark-2: #282e38;
  --text-main: #eceff4;
  --text-muted: #bbc6d5;
  --panel-blue: #9bc2df;
  --border-dark: #4b576a;
  background: #2e3440;
  color-scheme: dark;
  font-family: 'Segoe UI', Arial, sans-serif;
}
.companion-app .brand-lockup h1 { color: #a9cce5; }
.companion-app .assistant-chat-shell { gap: 16px; flex-direction: column; }
.companion-app .assistant-chat-panel { flex: 1; height: auto; grid-template-rows: auto minmax(0, 1fr) auto auto; }
.companion-app .panel,
.companion-changelog {
  background: #343c4a;
  border: 1px solid #4b576a;
  border-radius: 10px;
  box-shadow: none;
}
.companion-changelog { padding: 16px 20px; line-height: 1.6; flex: 0 0 auto; max-height: 40dvh; overflow: auto; }
.companion-changelog summary { cursor: pointer; color: #bce1f4; font-weight: 600; }
.companion-changelog h2 { font-size: 22px; }
.companion-changelog p, .companion-changelog li { color: #d8dee9; }
.companion-changelog a, .companion-shortcuts a { color: #bce1f4; }
.companion-app .assistant-message { border: 1px solid #526175; border-radius: 10px; }
.companion-app .assistant-message-user { background: #3c4b60; }
.companion-app .assistant-message-assistant { background: #2e3440; }
.companion-app .assistant-composer { background: #282e38; }
.companion-app .assistant-composer textarea { background: #343c4a; color: #eceff4; border-color: #64758b; }
.companion-app .primary-action { background: #9bc2df; color: #202b39; border-color: #9bc2df; }
.companion-app .primary-action:hover { background: #b7d6eb; }
.companion-shortcuts { display: flex; flex-wrap: wrap; gap: 12px 24px; padding: 12px 20px; }
.companion-app :focus-visible { outline: 2px solid #ebcb8b; outline-offset: 3px; }
@media (max-width: 640px) {
  .companion-changelog { padding: 12px 16px; }
  .companion-app .assistant-chat-header { align-items: flex-start; }
  .companion-shortcuts { padding: 12px; }
}