/* Microsoft Teams look for Element Web. Injected by nginx (see ess-nginx.conf). */
:root,
html body,
.cpd-theme-light {
  --cpd-font-family-sans: "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif !important;
  --font-family: var(--cpd-font-family-sans) !important;

  /* surfaces: white chat, light grey side panels */
  --cpd-color-bg-canvas-default: #ffffff !important;
  --cpd-color-bg-canvas-default-level-1: #ffffff !important;
  --cpd-color-bg-subtle-secondary: #f5f5f5 !important;
  --cpd-color-bg-subtle-primary: #ebebeb !important;
  --cpd-color-border-disabled: #e0e0e0 !important;

  /* Teams purple instead of Element green/blue */
  --cpd-color-bg-action-primary-rest: #5b5fc7 !important;
  --cpd-color-bg-action-primary-hovered: #4f52b2 !important;
  --cpd-color-bg-action-primary-pressed: #444791 !important;
  --cpd-color-bg-accent-rest: #5b5fc7 !important;
  --cpd-color-bg-accent-hovered: #4f52b2 !important;
  --cpd-color-bg-accent-pressed: #444791 !important;
  --cpd-color-text-action-accent: #5b5fc7 !important;
  --cpd-color-text-link-external: #5b5fc7 !important;
  --cpd-color-icon-accent-primary: #5b5fc7 !important;
  --cpd-color-border-interactive-primary: #5b5fc7 !important;
  --cpd-color-border-focused: #5b5fc7 !important;
  --cpd-color-bg-action-secondary-hovered: #e8ebfa !important;
  --cpd-color-bg-action-secondary-pressed: #dce0f9 !important;

  /* message bubbles: grey incoming, light purple outgoing */
  --cpd-color-bubble-incoming: #f5f5f5 !important;
  --cpd-color-bubble-outgoing: #e8ebfa !important;
}

/* room list rows: white card when selected, like the Teams chat list */
[role="option"][aria-selected="true"],
[role="listbox"] [aria-selected="true"] {
  background: #ffffff !important;
  box-shadow: inset 3px 0 0 #5b5fc7;
}