:where(.rovno-support-chat,.support-user-history) .absolute, :where(.rovno-support-chat,.support-user-history).absolute {
    position: absolute
}
:where(.rovno-support-chat,.support-user-history) .relative, :where(.rovno-support-chat,.support-user-history).relative {
    position: relative
}
:where(.rovno-support-chat,.support-user-history) .bottom-3, :where(.rovno-support-chat,.support-user-history).bottom-3 {
    bottom: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .right-1, :where(.rovno-support-chat,.support-user-history).right-1 {
    right: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .right-4, :where(.rovno-support-chat,.support-user-history).right-4 {
    right: 1rem
}
:where(.rovno-support-chat,.support-user-history) .top-1, :where(.rovno-support-chat,.support-user-history).top-1 {
    top: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .order-1, :where(.rovno-support-chat,.support-user-history).order-1 {
    order: 1
}
:where(.rovno-support-chat,.support-user-history) .order-2, :where(.rovno-support-chat,.support-user-history).order-2 {
    order: 2
}
:where(.rovno-support-chat,.support-user-history) .order-3, :where(.rovno-support-chat,.support-user-history).order-3 {
    order: 3
}
:where(.rovno-support-chat,.support-user-history) .order-first, :where(.rovno-support-chat,.support-user-history).order-first {
    order: -9999
}
:where(.rovno-support-chat,.support-user-history) .order-last, :where(.rovno-support-chat,.support-user-history).order-last {
    order: 9999
}
:where(.rovno-support-chat,.support-user-history) .mx-auto, :where(.rovno-support-chat,.support-user-history).mx-auto {
    margin-left: auto;
    margin-right: auto
}
:where(.rovno-support-chat,.support-user-history) .mb-1, :where(.rovno-support-chat,.support-user-history).mb-1 {
    margin-bottom: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .mb-2, :where(.rovno-support-chat,.support-user-history).mb-2 {
    margin-bottom: 0.5rem
}
:where(.rovno-support-chat,.support-user-history) .mb-4, :where(.rovno-support-chat,.support-user-history).mb-4 {
    margin-bottom: 1rem
}
:where(.rovno-support-chat,.support-user-history) .mb-6, :where(.rovno-support-chat,.support-user-history).mb-6 {
    margin-bottom: 1.5rem
}
:where(.rovno-support-chat,.support-user-history) .mt-12, :where(.rovno-support-chat,.support-user-history).mt-12 {
    margin-top: 3rem
}
:where(.rovno-support-chat,.support-user-history) .mt-3, :where(.rovno-support-chat,.support-user-history).mt-3 {
    margin-top: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .flex, :where(.rovno-support-chat,.support-user-history).flex {
    display: flex
}
:where(.rovno-support-chat,.support-user-history) .hidden, :where(.rovno-support-chat,.support-user-history).hidden {
    display: none
}
:where(.rovno-support-chat,.support-user-history) .aspect-square, :where(.rovno-support-chat,.support-user-history).aspect-square {
    aspect-ratio: 1 / 1
}
:where(.rovno-support-chat,.support-user-history) .size-4, :where(.rovno-support-chat,.support-user-history).size-4 {
    width: 1rem;
    height: 1rem
}
:where(.rovno-support-chat,.support-user-history) .size-5, :where(.rovno-support-chat,.support-user-history).size-5 {
    width: 1.25rem;
    height: 1.25rem
}
:where(.rovno-support-chat,.support-user-history) .size-6, :where(.rovno-support-chat,.support-user-history).size-6 {
    width: 1.5rem;
    height: 1.5rem
}
:where(.rovno-support-chat,.support-user-history) .size-9, :where(.rovno-support-chat,.support-user-history).size-9 {
    width: 2.25rem;
    height: 2.25rem
}
:where(.rovno-support-chat,.support-user-history) .h-16, :where(.rovno-support-chat,.support-user-history).h-16 {
    height: 4rem
}
:where(.rovno-support-chat,.support-user-history) .h-4, :where(.rovno-support-chat,.support-user-history).h-4 {
    height: 1rem
}
:where(.rovno-support-chat,.support-user-history) .h-48, :where(.rovno-support-chat,.support-user-history).h-48 {
    height: 12rem
}
:where(.rovno-support-chat,.support-user-history) .h-8, :where(.rovno-support-chat,.support-user-history).h-8 {
    height: 2rem
}
:where(.rovno-support-chat,.support-user-history) .h-full, :where(.rovno-support-chat,.support-user-history).h-full {
    height: 100%
}
:where(.rovno-support-chat,.support-user-history) .max-h-36, :where(.rovno-support-chat,.support-user-history).max-h-36 {
    max-height: 9rem
}
:where(.rovno-support-chat,.support-user-history) .max-h-80, :where(.rovno-support-chat,.support-user-history).max-h-80 {
    max-height: 20rem
}
:where(.rovno-support-chat,.support-user-history) .min-h-0, :where(.rovno-support-chat,.support-user-history).min-h-0 {
    min-height: 0px
}
:where(.rovno-support-chat,.support-user-history) .min-h-12, :where(.rovno-support-chat,.support-user-history).min-h-12 {
    min-height: 3rem
}
:where(.rovno-support-chat,.support-user-history) .w-16, :where(.rovno-support-chat,.support-user-history).w-16 {
    width: 4rem
}
:where(.rovno-support-chat,.support-user-history) .w-24, :where(.rovno-support-chat,.support-user-history).w-24 {
    width: 6rem
}
:where(.rovno-support-chat,.support-user-history) .w-4, :where(.rovno-support-chat,.support-user-history).w-4 {
    width: 1rem
}
:where(.rovno-support-chat,.support-user-history) .w-8, :where(.rovno-support-chat,.support-user-history).w-8 {
    width: 2rem
}
:where(.rovno-support-chat,.support-user-history) .w-full, :where(.rovno-support-chat,.support-user-history).w-full {
    width: 100%
}
:where(.rovno-support-chat,.support-user-history) .min-w-0, :where(.rovno-support-chat,.support-user-history).min-w-0 {
    min-width: 0px
}
:where(.rovno-support-chat,.support-user-history) .max-w-md, :where(.rovno-support-chat,.support-user-history).max-w-md {
    max-width: 28rem
}
:where(.rovno-support-chat,.support-user-history) .flex-1, :where(.rovno-support-chat,.support-user-history).flex-1 {
    flex: 1 1 0%
}
:where(.rovno-support-chat,.support-user-history) .shrink-0, :where(.rovno-support-chat,.support-user-history).shrink-0 {
    flex-shrink: 0
}
:where(.rovno-support-chat,.support-user-history) .cursor-pointer, :where(.rovno-support-chat,.support-user-history).cursor-pointer {
    cursor: pointer
}
:where(.rovno-support-chat,.support-user-history) .resize-none, :where(.rovno-support-chat,.support-user-history).resize-none {
    resize: none
}
:where(.rovno-support-chat,.support-user-history) .resize, :where(.rovno-support-chat,.support-user-history).resize {
    resize: both
}
:where(.rovno-support-chat,.support-user-history) .flex-col, :where(.rovno-support-chat,.support-user-history).flex-col {
    flex-direction: column
}
:where(.rovno-support-chat,.support-user-history) .flex-wrap, :where(.rovno-support-chat,.support-user-history).flex-wrap {
    flex-wrap: wrap
}
:where(.rovno-support-chat,.support-user-history) .items-end, :where(.rovno-support-chat,.support-user-history).items-end {
    align-items: flex-end
}
:where(.rovno-support-chat,.support-user-history) .items-center, :where(.rovno-support-chat,.support-user-history).items-center {
    align-items: center
}
:where(.rovno-support-chat,.support-user-history) .justify-center, :where(.rovno-support-chat,.support-user-history).justify-center {
    justify-content: center
}
:where(.rovno-support-chat,.support-user-history) .gap-1, :where(.rovno-support-chat,.support-user-history).gap-1 {
    gap: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .gap-2, :where(.rovno-support-chat,.support-user-history).gap-2 {
    gap: 0.5rem
}
:where(.rovno-support-chat,.support-user-history) .gap-3, :where(.rovno-support-chat,.support-user-history).gap-3 {
    gap: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .space-y-3 > :not([hidden]) ~ :not([hidden]), :where(.rovno-support-chat,.support-user-history).space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}
:where(.rovno-support-chat,.support-user-history) .overflow-hidden, :where(.rovno-support-chat,.support-user-history).overflow-hidden {
    overflow: hidden
}
:where(.rovno-support-chat,.support-user-history) .overflow-x-auto, :where(.rovno-support-chat,.support-user-history).overflow-x-auto {
    overflow-x: auto
}
:where(.rovno-support-chat,.support-user-history) .overflow-y-auto, :where(.rovno-support-chat,.support-user-history).overflow-y-auto {
    overflow-y: auto
}
:where(.rovno-support-chat,.support-user-history) .overscroll-contain, :where(.rovno-support-chat,.support-user-history).overscroll-contain {
    overscroll-behavior: contain
}
:where(.rovno-support-chat,.support-user-history) .overscroll-x-contain, :where(.rovno-support-chat,.support-user-history).overscroll-x-contain {
    overscroll-behavior-x: contain
}
:where(.rovno-support-chat,.support-user-history) .whitespace-pre-wrap, :where(.rovno-support-chat,.support-user-history).whitespace-pre-wrap {
    white-space: pre-wrap
}
:where(.rovno-support-chat,.support-user-history) .break-words, :where(.rovno-support-chat,.support-user-history).break-words {
    overflow-wrap: break-word
}
:where(.rovno-support-chat,.support-user-history) .\!rounded-full, :where(.rovno-support-chat,.support-user-history).\!rounded-full {
    border-radius: 9999px !important
}
:where(.rovno-support-chat,.support-user-history) .rounded-2xl, :where(.rovno-support-chat,.support-user-history).rounded-2xl {
    border-radius: 1rem
}
:where(.rovno-support-chat,.support-user-history) .rounded-\[26px\], :where(.rovno-support-chat,.support-user-history).rounded-\[26px\] {
    border-radius: 26px
}
:where(.rovno-support-chat,.support-user-history) .rounded-full, :where(.rovno-support-chat,.support-user-history).rounded-full {
    border-radius: 9999px
}
:where(.rovno-support-chat,.support-user-history) .rounded-lg, :where(.rovno-support-chat,.support-user-history).rounded-lg {
    border-radius: 0.5rem
}
:where(.rovno-support-chat,.support-user-history) .rounded-xl, :where(.rovno-support-chat,.support-user-history).rounded-xl {
    border-radius: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .border, :where(.rovno-support-chat,.support-user-history).border {
    border-width: 1px
}
:where(.rovno-support-chat,.support-user-history) .border-0, :where(.rovno-support-chat,.support-user-history).border-0 {
    border-width: 0px
}
:where(.rovno-support-chat,.support-user-history) .border-b, :where(.rovno-support-chat,.support-user-history).border-b {
    border-bottom-width: 1px
}
:where(.rovno-support-chat,.support-user-history) .border-dark-700, :where(.rovno-support-chat,.support-user-history).border-dark-700 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-dark-700), var(--tw-border-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .border-dark-700\/30, :where(.rovno-support-chat,.support-user-history).border-dark-700\/30 {
    border-color: rgba(var(--color-dark-700), 0.3)
}
:where(.rovno-support-chat,.support-user-history) .border-dark-700\/50, :where(.rovno-support-chat,.support-user-history).border-dark-700\/50 {
    border-color: rgba(var(--color-dark-700), 0.5)
}
:where(.rovno-support-chat,.support-user-history) .bg-accent-500\/10, :where(.rovno-support-chat,.support-user-history).bg-accent-500\/10 {
    background-color: rgba(var(--color-accent-500), 0.1)
}
:where(.rovno-support-chat,.support-user-history) .bg-dark-800, :where(.rovno-support-chat,.support-user-history).bg-dark-800 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-dark-800), var(--tw-bg-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .bg-dark-800\/60, :where(.rovno-support-chat,.support-user-history).bg-dark-800\/60 {
    background-color: rgba(var(--color-dark-800), 0.6)
}
:where(.rovno-support-chat,.support-user-history) .bg-dark-900, :where(.rovno-support-chat,.support-user-history).bg-dark-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-dark-900), var(--tw-bg-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .bg-transparent, :where(.rovno-support-chat,.support-user-history).bg-transparent {
    background-color: transparent
}
:where(.rovno-support-chat,.support-user-history) .object-cover, :where(.rovno-support-chat,.support-user-history).object-cover {
    object-fit: cover
}
:where(.rovno-support-chat,.support-user-history) .p-1, :where(.rovno-support-chat,.support-user-history).p-1 {
    padding: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .p-3, :where(.rovno-support-chat,.support-user-history).p-3 {
    padding: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .px-1, :where(.rovno-support-chat,.support-user-history).px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .px-3, :where(.rovno-support-chat,.support-user-history).px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .px-4, :where(.rovno-support-chat,.support-user-history).px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
:where(.rovno-support-chat,.support-user-history) .py-1, :where(.rovno-support-chat,.support-user-history).py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
:where(.rovno-support-chat,.support-user-history) .py-12, :where(.rovno-support-chat,.support-user-history).py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
:where(.rovno-support-chat,.support-user-history) .py-2, :where(.rovno-support-chat,.support-user-history).py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem
}
:where(.rovno-support-chat,.support-user-history) .py-2\.5, :where(.rovno-support-chat,.support-user-history).py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem
}
:where(.rovno-support-chat,.support-user-history) .py-3, :where(.rovno-support-chat,.support-user-history).py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .pb-2, :where(.rovno-support-chat,.support-user-history).pb-2 {
    padding-bottom: 0.5rem
}
:where(.rovno-support-chat,.support-user-history) .pt-3, :where(.rovno-support-chat,.support-user-history).pt-3 {
    padding-top: 0.75rem
}
:where(.rovno-support-chat,.support-user-history) .pt-4, :where(.rovno-support-chat,.support-user-history).pt-4 {
    padding-top: 1rem
}
:where(.rovno-support-chat,.support-user-history) .text-center, :where(.rovno-support-chat,.support-user-history).text-center {
    text-align: center
}
:where(.rovno-support-chat,.support-user-history) .text-base, :where(.rovno-support-chat,.support-user-history).text-base {
    font-size: 1rem;
    line-height: 1.5rem
}
:where(.rovno-support-chat,.support-user-history) .text-lg, :where(.rovno-support-chat,.support-user-history).text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
:where(.rovno-support-chat,.support-user-history) .text-sm, :where(.rovno-support-chat,.support-user-history).text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
:where(.rovno-support-chat,.support-user-history) .text-xl, :where(.rovno-support-chat,.support-user-history).text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
:where(.rovno-support-chat,.support-user-history) .text-xs, :where(.rovno-support-chat,.support-user-history).text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
:where(.rovno-support-chat,.support-user-history) .font-semibold, :where(.rovno-support-chat,.support-user-history).font-semibold {
    font-weight: 600
}
:where(.rovno-support-chat,.support-user-history) .leading-6, :where(.rovno-support-chat,.support-user-history).leading-6 {
    line-height: 1.5rem
}
:where(.rovno-support-chat,.support-user-history) .text-accent-400, :where(.rovno-support-chat,.support-user-history).text-accent-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent-400), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-100, :where(.rovno-support-chat,.support-user-history).text-dark-100 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-100), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-200, :where(.rovno-support-chat,.support-user-history).text-dark-200 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-200), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-300, :where(.rovno-support-chat,.support-user-history).text-dark-300 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-300), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-400, :where(.rovno-support-chat,.support-user-history).text-dark-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-400), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-50, :where(.rovno-support-chat,.support-user-history).text-dark-50 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-50), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-dark-500, :where(.rovno-support-chat,.support-user-history).text-dark-500 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-500), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .text-error-400, :where(.rovno-support-chat,.support-user-history).text-error-400 {
    --tw-text-opacity: 1;
    color: rgba(var(--color-error-400), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .shadow-lg, :where(.rovno-support-chat,.support-user-history).shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
:where(.rovno-support-chat,.support-user-history) .outline-none, :where(.rovno-support-chat,.support-user-history).outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px
}
:where(.rovno-support-chat,.support-user-history) .filter, :where(.rovno-support-chat,.support-user-history).filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}
:where(.rovno-support-chat,.support-user-history) .transition-shadow, :where(.rovno-support-chat,.support-user-history).transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
:where(.rovno-support-chat,.support-user-history) .\[overflow-wrap\:anywhere\], :where(.rovno-support-chat,.support-user-history).\[overflow-wrap\:anywhere\] {
    overflow-wrap: anywhere
}
:where(.rovno-support-chat,.support-user-history) .placeholder\:text-dark-400::placeholder, :where(.rovno-support-chat,.support-user-history).placeholder\:text-dark-400::placeholder {
    --tw-text-opacity: 1;
    color: rgba(var(--color-dark-400), var(--tw-text-opacity, 1))
}
:where(.rovno-support-chat,.support-user-history) .focus-within\:ring-2:focus-within, :where(.rovno-support-chat,.support-user-history).focus-within\:ring-2:focus-within {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
:where(.rovno-support-chat,.support-user-history) .focus-within\:ring-accent-500\/40:focus-within, :where(.rovno-support-chat,.support-user-history).focus-within\:ring-accent-500\/40:focus-within {
    --tw-ring-color: rgba(var(--color-accent-500), 0.4)
}
:where(.rovno-support-chat,.support-user-history) .focus-within\:ring-accent-500\/50:focus-within, :where(.rovno-support-chat,.support-user-history).focus-within\:ring-accent-500\/50:focus-within {
    --tw-ring-color: rgba(var(--color-accent-500), 0.5)
}
:where(.rovno-support-chat,.support-user-history) .focus-visible\:outline-none:focus-visible, :where(.rovno-support-chat,.support-user-history).focus-visible\:outline-none:focus-visible {
    outline: 2px solid transparent;
    outline-offset: 2px
}
:where(.rovno-support-chat,.support-user-history) .focus-visible\:ring-2:focus-visible, :where(.rovno-support-chat,.support-user-history).focus-visible\:ring-2:focus-visible {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}
:where(.rovno-support-chat,.support-user-history) .focus-visible\:ring-accent-500\/50:focus-visible, :where(.rovno-support-chat,.support-user-history).focus-visible\:ring-accent-500\/50:focus-visible {
    --tw-ring-color: rgba(var(--color-accent-500), 0.5)
}
:where(.rovno-support-chat,.support-user-history) .disabled\:opacity-50:disabled, :where(.rovno-support-chat,.support-user-history).disabled\:opacity-50:disabled {
    opacity: 0.5
}
:where(.rovno-support-chat,.support-user-history) .data-\[pending-scroll\]\:invisible[data-pending-scroll], :where(.rovno-support-chat,.support-user-history).data-\[pending-scroll\]\:invisible[data-pending-scroll] {
    visibility: hidden
}
:where(.rovno-support-chat,.support-user-history) .data-\[active\=false\]\:hidden[data-active="false"], :where(.rovno-support-chat,.support-user-history).data-\[active\=false\]\:hidden[data-active="false"] {
    display: none
}
:where(.rovno-support-chat,.support-user-history) .data-\[state\=error\]\:border-error-500\/50[data-state="error"], :where(.rovno-support-chat,.support-user-history).data-\[state\=error\]\:border-error-500\/50[data-state="error"] {
    border-color: rgba(var(--color-error-500), 0.5)
}
@media (min-width: 640px) {
    :where(.rovno-support-chat,.support-user-history) .sm\:px-6, :where(.rovno-support-chat,.support-user-history).sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
    :where(.rovno-support-chat,.support-user-history) .sm\:pt-6, :where(.rovno-support-chat,.support-user-history).sm\:pt-6 {
        padding-top: 1.5rem
    }
}
.rovno-support-page {
  width: 100%;
  max-width: 1152px;
  margin-inline: auto;
}
.rovno-chat-shell {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
}
.rovno-app .rovno-support-shell {
  height: 100%;
  min-height: 0;
  max-width: none;
  padding: 0;
}
.rovno-support-chat {
  position: fixed;
  top: var(--chat-top, 0px);
  inset-inline: 0;
  width: 100%;
  height: var(--chat-viewport, 100dvh);
  min-height: 0;
  max-width: none;
  margin: 0;
  padding-top: var(--chat-safe-top, env(safe-area-inset-top, 0px));
  background: rgb(var(--color-dark-950));
}
/* iOS chat geometry in CSS pixels; the application background stays authoritative. */
.rovno-support-chat { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.rovno-support-chat .support-chat-header { gap: 12px; min-height: 56px; padding: 8px 18px; border-color: #303030; }
.support-chat-header h1 { font: 500 17px/21px -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f5f5f7; }
.support-chat-header p { font-size: 13px; line-height: 17px; color: #8e8e93; }
.support-chat-header a { margin-right: 8px; color: #009fff; }
.support-brand-avatar, .support-message-avatar { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 36px; height: 36px; overflow: hidden; border-radius: 50%; background: #c7f36b; color: #17200b; }
.support-brand-avatar img, .support-message-avatar img { width: 100%; height: 100%; object-fit: contain; }
.support-search-button { width: 36px; height: 36px; padding: 7px; color: #63a5ff; flex-shrink: 0; }
.support-search-button:focus-visible { outline: 2px solid #3988ff; border-radius: 50%; }
.support-history-search { margin: 8px 12px; padding: 8px 12px; border-radius: 18px; background: #1c1c1e; color: #f5f5f7; font-size: 17px; }
.support-messages { gap: 4px; padding: 12px 10px 14px; }
.support-message-date { margin: 8px auto 12px; width: fit-content; padding: 2px 6px; border-radius: 12px; background: rgb(var(--color-dark-950)); color: #8e8e93; font-size: 12px; line-height: 16px; font-weight: 600; }
.support-message-row { display: flex; align-items: flex-end; gap: 8px; }
.support-incoming { justify-content: flex-start; }
.support-outgoing { justify-content: flex-end; }
.support-message-avatar { margin-bottom: 0; }
.support-message-bubble { min-width: 0; width: fit-content; max-width: calc(100% - 84px); padding: 8px 10px; border-radius: 12px; color: #f5f5f7; background: #262626; }
.support-outgoing .support-message-bubble { max-width: calc(100% - 44px); background: #5589f1; }
.support-message-author { margin-bottom: 2px; color: #3988ff; font-size: 12px; font-weight: 600; line-height: 16px; }
.support-message-text { display: inline; white-space: pre-wrap; overflow-wrap: anywhere; font-size: 17px; font-weight: 400; line-height: 20.5px; letter-spacing: -0.2px; }
.support-message-text a { color: #3988ff; text-decoration: none; }
.support-outgoing .support-message-text a { color: inherit; text-decoration: underline; }
.support-message-time { float: right; position: relative; top: 4px; margin-left: 12px; color: #8e8e93; font-size: 11px; font-weight: 400; line-height: 17px; }
.support-outgoing .support-message-time { color: #d5e6ff; }
.support-message-bubble::after { content: ""; display: table; clear: both; }
.rovno-support-chat .support-composer-area { padding: 10px 12px calc(12px + var(--chat-safe-bottom, env(safe-area-inset-bottom, 0px))); }
.rovno-support-chat [data-slot="input-group-control"] { max-height: min(144px, calc(var(--chat-viewport, 100dvh) * 0.2)); }
.rovno-support-chat [data-slot="attachment"] { width: clamp(48px, calc(var(--chat-viewport, 100dvh) * 0.16), 96px); }
.rovno-support-chat .support-composer { padding-inline: 8px; border-radius: 23px; background: #1c1c1e; box-shadow: none; }
.support-composer [data-slot="input-group-control"] { min-height: 46px; padding-block: 11px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 17px; font-weight: 400; line-height: 24px; letter-spacing: -0.2px; color: #f5f5f7; caret-color: #3988ff; }
.support-composer [data-slot="input-group-control"]::placeholder { color: #8e8e93; }
.support-composer [data-align="inline-start"], .support-composer [data-align="inline-end"] { padding: 0; margin-bottom: 8px; }
.support-composer [data-align="inline-start"] { margin-right: 4px; }
.support-composer [data-align="inline-end"] { margin-left: 8px; }
.support-composer [data-align^="inline-"] button { width: 30px; height: 30px; border-radius: 50%; padding: 0; box-shadow: none; transition: none; }
.support-composer [data-align="inline-start"] button { background: transparent; color: #8e8e93; }
.support-composer [data-align="inline-end"] button { background: #5589f1; color: #fff; }
.support-composer [data-align="inline-end"] button svg { color: #fff !important; }
.support-composer [data-align="inline-end"] button:disabled svg { color: #6b778d !important; }
.support-composer [data-align="inline-end"] button:disabled { background: #2c3c5c; color: #6b778d; opacity: 1; }
.light .support-chat-header h1 { color: #1c1c1e; }
.rovno-support-chat .support-incoming .support-message-bubble { background: #262626; color: #f6f7f8; }
.rovno-app .rovno-support-chat .support-composer { background: #1c1c1e; }
.rovno-support-chat .support-composer [data-slot="input-group-control"] { color: #f6f7f8; }
@media (max-height: 600px) {
  .rovno-support-chat [data-slot="input-group-control"] {
    max-height: min(72px, calc(var(--chat-viewport, 100dvh) * 0.2));
  }
  .rovno-support-chat [data-slot="attachment"] {
    width: clamp(48px, calc(var(--chat-viewport, 100dvh) * 0.16), 72px);
  }
}
@media (max-width: 1023px) {
  .rovno-support-page {
    max-width: 768px;
  }
}