/* Support and composer fade share the cabinet page background. */
.rovno-app {
  --rovno-page-background-rgb: 14, 23, 32;
  --rovno-page-background: rgb(var(--rovno-page-background-rgb));
}
.light .rovno-app { --rovno-page-background-rgb: 237, 243, 247; --rovno-page-background: rgb(var(--rovno-page-background-rgb)); }
.rovno-app .rovno-support-chat {
  background: var(--rovno-page-background);
  --chat-surface: var(--rovno-page-background);
}
.rovno-app .rovno-support-chat:has(.support-composer-area)::after {
  background: linear-gradient(to bottom,
    transparent 0px,
    rgba(var(--rovno-page-background-rgb), .10) calc(var(--chat-gradient-rise) * .20),
    rgba(var(--rovno-page-background-rgb), .33) calc(var(--chat-gradient-rise) * .40),
    rgba(var(--rovno-page-background-rgb), .65) calc(var(--chat-gradient-rise) * .60),
    rgba(var(--rovno-page-background-rgb), .84) calc(var(--chat-gradient-rise) * .80),
    rgba(var(--rovno-page-background-rgb), .90) calc(var(--chat-gradient-rise) * .91),
    rgba(var(--rovno-page-background-rgb), .95) var(--chat-gradient-rise),
    var(--chat-surface) 100%);
}