/* Reference-aligned button/selected colors only. No font or layout changes.
   Original research typography, image labels and data remain untouched. */

#app .login-page.sw-brand-login .sw-brand-enter {
  color: #fff5dd;
  border-color: #b75d52;
  background: #a52630;
}

#app .login-page.sw-brand-login .sw-brand-enter:hover {
  color: #fff9e9;
  border-color: #cb766b;
  background: #8d1f28;
}

#app .login-page.sw-brand-login .sw-brand-form .primary {
  color: #fff5dd;
  border-color: #bd7253;
  background: #a64d32;
}

#app .login-page.sw-brand-login .sw-brand-form .primary:hover:not(:disabled) {
  color: #fff9e9;
  border-color: #af6449;
  background: #913f28;
}

#app .chat-shell .section-links button.active,
#app .chat-shell .history-item.active,
#app .chat-shell .thinking-toggle.selected,
#app .chat-shell .task-active {
  color: #fff5dd;
  border-color: #a64d32;
  background: #a64d32;
}

#app .chat-shell .history-item.active {
  box-shadow: inset 2px 0 #eac79b;
}

/* The original tiny state label is slightly translucent. A deeper red keeps
   its text readable without changing its original opacity or typography. */
#app .chat-shell .thinking-toggle.selected {
  background: #913f28;
  border-color: #913f28;
}

#app .chat-shell .history-item.active .history-actions button {
  color: #fff5dd;
}

#app .chat-shell .history-item.active .history-actions button:hover {
  background: #913f28;
}

#app .chat-shell .new-chat:hover,
#app .chat-shell .send-button:not(:disabled) {
  color: #fff5dd;
  background: #a64d32;
}

#app .chat-shell .send-button:hover:not(:disabled) {
  background: #913f28;
}

#app .chat-shell .message-actions button.active {
  color: #fff5dd;
  background: #a64d32;
}

/* Keep native focus rings and disabled opacity from the original build. */