@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');html{--vaadin-clickable-cursor: pointer;--aura-font-family: 'Montserrat',var(--aura-font-family-system);--aura-accent-color-dark: oklch(0.563 0.224 259.535);--aura-accent-color-light: oklch(0.563 0.224 259.535);--aura-background-color-dark: oklch(0.201 0.002 17.289);--aura-background-color-light: oklch(1 0 none);--aura-base-radius: 4;--aura-contrast-level: 2;--aura-surface-level: 1.5;--aura-app-layout-inset: 0px;--aura-overlay-surface-opacity: 1;--vaadin-button-shadow: none;--vaadin-button-border-color: var(--vaadin-border-color)}.clickable{cursor: pointer}.sortable-grab-handle{cursor: grab}.card-background-success{background-image: linear-gradient(45deg,transparent 40%,color-mix(in srgb,var(--aura-accent-color) 14%,transparent)) !important}.card-background-error{background-image: linear-gradient(45deg,transparent 40%,color-mix(in srgb,var(--crm-error-color) 14%,transparent)) !important}.card-background-default{background-image: linear-gradient(45deg,transparent 40%,var(--vaadin-background-container-strong)) !important}html{--crm-success-color: var(--aura-green);--crm-success-text-color: var(--aura-green-text);--crm-error-color: var(--aura-red);--crm-error-text-color: var(--aura-red-text);--crm-warning-color: var(--aura-orange);--jx-magic: light-dark(oklch(0.508 0.191 300.906),oklch(0.613 0.18 301.105));--jx-magic-dark: light-dark(oklch(0.425 0.164 299.678),oklch(0.524 0.242 297.313));--jx-magic-soft: light-dark(oklch(0.825 0.08 308.976),oklch(0.876 0.064 306.68))}.p-m{padding: var(--vaadin-padding-m)}.pt-m{padding-top: var(--vaadin-padding-m)}.pt-l{padding-top: var(--vaadin-padding-l)}.pb-s{padding-bottom: var(--vaadin-padding-s)}.pb-m{padding-bottom: var(--vaadin-padding-m)}.pb-l{padding-bottom: var(--vaadin-padding-l)}.pl-m{padding-left: var(--vaadin-padding-m)}.pr-m{padding-right: var(--vaadin-padding-m)}.px-m{padding-inline: var(--vaadin-padding-m)}.py-s{padding-block: var(--vaadin-padding-s)}.m-0{margin: 0}.m-auto{margin: auto}.mt-s{margin-top: var(--vaadin-gap-s)}.mt-m{margin-top: var(--vaadin-gap-m)}.mt-l{margin-top: var(--vaadin-gap-l)}.mb-xs{margin-bottom: var(--vaadin-gap-xs)}.mb-s{margin-bottom: var(--vaadin-gap-s)}.mb-m{margin-bottom: var(--vaadin-gap-m)}.mr-l{margin-right: var(--vaadin-gap-l)}.ml-m{margin-left: var(--vaadin-gap-m)}.ml-auto{margin-left: auto}.ms-xs{margin-inline-start: var(--vaadin-gap-xs)}.text-xs{font-size: var(--aura-font-size-xs)}.text-s{font-size: var(--aura-font-size-s)}.text-m{font-size: var(--aura-font-size-m)}.text-l{font-size: var(--aura-font-size-l)}.font-thin{font-weight: 200}.font-light{font-weight: 300}.font-medium{font-weight: 500}.font-semibold{font-weight: 600}.font-bold{font-weight: 700}.text-primary{color: var(--aura-accent-text-color)}.text-secondary{color: var(--vaadin-text-color-secondary)}.text-tertiary{color: var(--vaadin-text-color-secondary)}.text-body{color: var(--vaadin-text-color)}.text-primary-contrast{color: var(--aura-accent-contrast-color)}.overflow-hidden{overflow: hidden}.overflow-auto{overflow: auto}.text-ellipsis{text-overflow: ellipsis}.whitespace-nowrap{white-space: nowrap}.flex-grow{flex-grow: 1}.rounded-l{border-radius: var(--vaadin-radius-l)}.rounded-full{border-radius: 9999px}.border{border: 1px solid var(--vaadin-border-color)}.icon-s{width: 1.25rem;height: 1.25rem;font-size: 1.25rem}.bg-transparent{background-color: transparent}.bg-contrast-5{background-color: var(--vaadin-background-container)}.bg-contrast-10{background-color: var(--vaadin-background-container-strong)}.bg-primary{background-color: var(--aura-accent-color)}.bg-success{background-color: var(--crm-success-color)}.bg-warning{background-color: var(--crm-warning-color)}.bg-error-10{background-color: color-mix(in srgb,var(--crm-error-color) 10%,transparent)}.loader{transition: opacity 200ms ease}.loader-animation{animation: loader-pulse 1.1s ease-in-out infinite}.loader-message{color: var(--vaadin-text-color-secondary);letter-spacing: 0.02em}.demo-data-loader{gap: 0.5rem;padding: 2.5rem 3rem;border-radius: 1.25rem;background: linear-gradient(135deg,var(--vaadin-background-color),var(--vaadin-background-container));border: 1px solid var(--vaadin-background-container-strong);box-shadow: 0 22px 60px rgba(15,23,42,0.18);min-width: 22rem}.demo-data-loader-dialog::part(overlay){background-color: rgba(12,18,28,0.35);backdrop-filter: blur(3px)}@keyframes loader-pulse{0%,100%{transform: scale(1);opacity: 0.8}50%{transform: scale(1.04);opacity: 1}}[theme~="skeleton"]{position: relative;color: transparent !important;pointer-events: none;user-select: none;background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-m);overflow: hidden}[theme~="skeleton"]::after{content: "";position: absolute;inset: 0;background: linear-gradient( 90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.6) 50%,rgba(255,255,255,0) 100% );transform: translateX(-100%);animation: skeleton-shimmer 1.2s infinite;mix-blend-mode: overlay}@keyframes skeleton-shimmer{100%{transform: translateX(100%)}}[theme~="skeleton"]{min-height: 2.25rem}.dashboard-grid{grid-template-columns: 1fr}.dashboard-grid-container{container-type: inline-size}.dashboard-grid-main-content{grid-column: span 1}.dashboard-grid-secondary-content{grid-column: span 1}.dashboard-grid vaadin-card{min-width: 0;align-self: stretch}.dashboard-grid vaadin-card div:has(>h1){container-type: inline-size}.dashboard-grid vaadin-card h1{font-size: clamp(1rem,10cqi,2rem);line-height: 1.2;margin: 0;overflow-wrap: anywhere}.dashboard-grid vaadin-card h4{white-space: normal;overflow-wrap: anywhere}@supports (container-type: inline-size){@container (min-width: 600px){.dashboard-grid{grid-template-columns: repeat(2,1fr)}}@container (min-width: 1200px){.dashboard-grid{grid-template-columns: repeat(3,1fr)}.dashboard-grid-main-content{grid-column: span 2}}}@supports not (container-type: inline-size){@media (min-width: 600px){.dashboard-grid{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1200px){.dashboard-grid{grid-template-columns: repeat(3,1fr)}.dashboard-grid-main-content{grid-column: span 2}}}.order-status-arrow{--arrow-head-width: 0.7em;position: relative;clip-path: polygon( 0% 0%,calc(100% - var(--arrow-head-width)) 0%,100% 50%,calc(100% - var(--arrow-head-width)) 100%,0% 100%,var(--arrow-head-width) 50% );padding-inline: 1.5em;transition: background-color 0.2s,filter 0.2s}.order-status-arrow:first-child{clip-path: polygon( 0% 0%,calc(100% - var(--arrow-head-width)) 0%,100% 50%,calc(100% - var(--arrow-head-width)) 100%,0% 100% );padding-left: 1em}[theme~="deselected"].order-status-arrow{background-color: var(--vaadin-background-container-strong)}[theme~="deselected"].order-status-arrow:hover{filter: brightness(0.3) contrast(2)}[theme~="dark"] [theme~="deselected"].order-status-arrow:hover{filter: brightness(1.2) contrast(2)}.jmix-login-main-layout jmix-login-form::part(form){--vaadin-login-form-border-radius: var(--vaadin-radius-l);--vaadin-login-form-background: var(--aura-surface-color);box-shadow: var(--aura-shadow-s);border: 1px solid var(--vaadin-border-color)}.login-form-wrapper{max-width: calc(2.25rem * 12);background: transparent;padding: var(--vaadin-gap-l);border-radius: var(--vaadin-radius-m);align-items: stretch}.login-form-wrapper>*{--vaadin-checkbox-label-color: white;--vaadin-checkbox-background: white;--vaadin-selection-color: black;--vaadin-input-field-value-color: black;--vaadin-input-field-background: white;--vaadin-input-field-label-color: #D1CFCFFF;--vaadin-input-field-focused-label-color: white;--vaadin-input-field-hovered-label-color: white;--vaadin-focus-ring-color: var(--aura-accent-contrast-color);--vaadin-focus-ring-width: 2px}.login-form-error-message{background-color: white;padding: var(--vaadin-gap-m);padding-left: 2.25rem;border-radius: var(--vaadin-radius-m);margin-top: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-s);color: var(--crm-error-text-color)}.login-form-error-message:before{content: '⚠️';font-size: var(--vaadin-icon-size);position: absolute;width: 2.25rem;height: 1em;line-height: 1;text-align: center;margin-left: calc(2.25rem * -0.95)}.login-form-error-message-title{margin: 0 0 0.25em;color: inherit}.login-form-error-message-description{color: black;font-size: 0.875rem;line-height: 1.375;margin: 0;opacity: 0.9}.login-form-settings-wrapper{align-items: center;justify-content: space-between;flex-wrap: wrap}.login-form-locale-select{width: 100%;max-width: var(--jmix-login-form-locales-select-width,8em)}.login-form-submit{color: var(--vaadin-input-field-background);background-color: var(--vaadin-input-field-value-color)}.login-view-layout{padding: 0;background: white;min-height: 100vh;height: 100%;width: 100%}.login-shell{display: flex;min-height: 100vh;width: 100%;position: relative;overflow: hidden}.login-panel{flex: 0 0 clamp(360px,36vw,520px);background: var(--aura-accent-color);display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;z-index: 1}.login-brand-icon{width: 40px;height: 40px;background-image: url('images/logo.svg');background-repeat: no-repeat;filter: brightness(0) invert(1)}.login-brand-text{align-self: center;justify-self: center;font-size: 22px;font-weight: 800;color: white}.login-image{flex: 1 1 clamp(520px,64vw,1200px);height: 100%;padding: clamp(1.5rem,4vw,4rem) clamp(1rem,3vw,3rem);background-image: url('images/welcome.svg');background-repeat: no-repeat;background-position: center;background-size: contain;pointer-events: none;position: relative;z-index: 2;margin-left: clamp(-2vw,-4vw,-200px)}.usage-scenarios-btn{color: rgb(255 255 255) !important;font-size: 0.875rem;font-weight: 600}.usage-scenarios-btn:hover{color: rgb(224 221 221 / 0.95) !important}@media (max-width: 1100px){.login-shell{flex-direction: column}.login-panel{flex: 1;min-width: 100%}.login-image{display: none}}:where(:root),:where(:host){--vaadin-app-layout-drawer-width: 256px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-top: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-start: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-inline-end: var(--aura-app-layout-inset);--vaadin-app-layout-navbar-padding-bottom: 0px;transition: padding-bottom var(--vaadin-app-layout-transition-duration),padding-inline-start var(--vaadin-app-layout-transition-duration),padding-inline-end var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[drawer-opened]:not([primary-section='navbar']){--vaadin-app-layout-navbar-padding-inline-start: 0px}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar){transition: inset-inline-start var(--vaadin-app-layout-transition-duration),padding var(--vaadin-app-layout-transition-duration)}vaadin-app-layout.jmix-main-view-app-layout[has-navbar]:not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-top-width: 0;border-start-start-radius: 0;border-start-end-radius: 0}vaadin-app-layout.jmix-main-view-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>:nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])){border-start-start-radius: 0}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar']) .jmix-main-view-header{background: linear-gradient(var(--aura-surface-color),var(--aura-surface-color)),var(--aura-app-background);background-clip: padding-box;background-origin: border-box;border: var(--aura-app-layout-border-width) solid var(--vaadin-border-color-secondary);border-top-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-inline-width: min(var(--aura-app-layout-inset),var(--aura-app-layout-border-width));border-bottom-width: 1px;border-start-start-radius: var(--_app-layout-radius);border-start-end-radius: var(--_app-layout-radius);padding: var(--vaadin-padding-s) var(--vaadin-padding-m)}vaadin-app-layout.jmix-main-view-app-layout:not([primary-section='navbar'])::part(navbar-bottom){border-top: 1px solid var(--vaadin-border-color-secondary)}vaadin-app-layout.jmix-main-view-app-layout[has-drawer][drawer-opened]:not([overlay]):not([primary-section='navbar'])>.jmix-main-view-header{border-inline-start-width: var(--aura-app-layout-border-width)}.jmix-main-view-header{display: flex;align-items: center;width: 100%;box-sizing: border-box;gap: var(--vaadin-gap-m)}.jmix-main-view-title{font-size: var(--aura-font-size-xl)}.jmix-main-view-section{background-color: var(--vaadin-background-container);display: flex;flex-direction: column;align-items: stretch;max-height: 100%;min-height: 100%}.jmix-main-view-application-title{display: flex;align-items: center;margin: 0;padding: var(--vaadin-padding-m);font-size: var(--aura-font-size-l);gap: var(--vaadin-gap-s)}.jmix-main-view-application-title:hover{filter: brightness(1.3)}.jmix-main-view-application-title-base-link{color: var(--vaadin-text-color);text-decoration: none}.jmix-main-view-navigation{display: flex;flex-direction: column;flex-grow: 1;overflow: auto}.jmix-main-view-footer{display: flex;align-items: center;gap: var(--vaadin-gap-m);padding: var(--vaadin-padding-m);padding-bottom: max(0px,var(--aura-app-layout-inset) - var(--vaadin-padding-m));border-top: 1px solid var(--vaadin-border-color-secondary)}.jmix-main-view-footer .jmix-user-indicator{flex-grow: 1}.jmix-main-view-user-menu{margin-inline-start: auto}.user-menu-button-content,.user-menu-header-content{display: grid;grid-template: "avatar text" "avatar subtext";grid-template-columns: auto 1fr;column-gap: var(--vaadin-gap-s);width: max-content;box-sizing: border-box;color: var(--vaadin-text-color);padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}.user-menu-header-content{width: 100%;padding-inline-end: var(--vaadin-padding-l)}.user-menu-button-content>.user-menu-avatar,.user-menu-header-content>.user-menu-avatar{grid-area: avatar;align-self: center}.user-menu-button-content>.user-menu-text{grid-row: text / subtext}.jmix-main-view-user-menu[theme~='substituted'] .user-menu-button-content>.user-menu-text{grid-row: text}.user-menu-header-content>.user-menu-text{grid-area: text;color: var(--vaadin-text-color);font-weight: 700;font-size: var(--aura-font-size-m)}.user-menu-header-content>.user-menu-text-subtext{grid-row: text / subtext}.user-menu-button-content>.user-menu-text,.user-menu-header-content>.user-menu-text{align-self: center;text-align: start;width: 100%;overflow: hidden;text-overflow: ellipsis}.user-menu-button-content>.user-menu-subtext,.user-menu-header-content>.user-menu-subtext{grid-area: subtext;align-self: center;text-align: start;color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs);width: 100%;overflow: hidden;text-overflow: ellipsis}.jmix-main-view-user-menu:not([theme~='substituted']) .user-menu-button-content>.user-menu-subtext{display: none}.jmix-initial-layout{--title-size: round(var(--aura-font-size-m) * 2.5,0.0625rem);--title-color: var(--vaadin-text-color-secondary);width: 100%;height: 100%;align-items: center;justify-content: center;container-type: inline-size;container-name: jmix-initial-layout}.jmix-initial-layout-content{display: flex;justify-content: space-between;width: 100%;max-width: 50rem;padding: var(--vaadin-padding-xl);box-sizing: border-box}@container jmix-initial-layout (max-width: 45rem){.jmix-initial-layout-content{flex-direction: column-reverse;align-items: center;gap: var(--vaadin-gap-l)}.jmix-initial-layout-title{padding-top: var(--vaadin-padding-m);line-height: var(--aura-line-height-m);text-align: center}}.jmix-main-view-navigation>.jmix-menu-filter-field{margin: var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-navigation>.jmix-search-field{display: flex;margin: auto var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m)}.jmix-main-view-header>.jmix-search-field{margin-inline-start: auto;margin-inline-end: var(--vaadin-padding-m)}vaadin-icon[icon="crm:sparkles"]{color: var(--jx-magic)}vaadin-button[theme~="primary"] vaadin-icon[icon="crm:sparkles"]{color: currentColor}vaadin-button:not([theme~="primary"]):not([disabled]):not([theme~="icon"]):has(vaadin-icon[icon="crm:sparkles"]){color: var(--jx-magic)}vaadin-button[theme~="ai"] vaadin-icon[icon="crm:sparkles"]{color: currentColor}.jmix-list-menu{color: var(--vaadin-text-color)}.jmix-list-menu a.jmix-menu-item[highlight],.jmix-list-menu a[highlight][class*='jmix-menu-item']{background-color: var(--aura-accent-surface);color: var(--aura-accent-text-color);border-radius: var(--vaadin-radius-m)}.jmix-list-menu a[highlight].jmix-menu-item:has(vaadin-icon[icon="crm:sparkles"]){background-color: var(--jx-magic);color: #fff;box-shadow: 0 1px 2px color-mix(in oklab,var(--jx-magic) 55%,transparent)}.jmix-list-menu vaadin-details-summary{padding: 0 !important;border-radius: var(--vaadin-radius-m);font-size: var(--aura-font-size-m)}.jmix-menubar-item vaadin-details-summary{padding-right: 0.5em !important}.jmix-menubar-item vaadin-details-summary:hover,.jmix-menubar-item vaadin-details-summary:focus{background-color: var(--vaadin-background-container)}.jmix-menu-item{padding: var(--vaadin-padding-s) var(--vaadin-padding-m) var(--vaadin-padding-s) var(--vaadin-padding-m) !important}.jmix-menu-item span{font-weight: 700 !important}.jmix-menu-item:hover span{color: var(--aura-accent-text-color)}.jmix-menu-item:hover{background-color: var(--vaadin-background-container);border-radius: var(--vaadin-radius-m)}.jmix-list-menu a.jmix-menu-item:not([highlight]):has(vaadin-icon[icon="crm:sparkles"]):hover{background-color: color-mix(in oklab,var(--jx-magic) 14%,transparent);color: light-dark(var(--jx-magic-dark),var(--jx-magic-soft))}.jmix-list-menu a.jmix-menu-item:not([highlight]):has(vaadin-icon[icon="crm:sparkles"]):hover span{color: light-dark(var(--jx-magic-dark),var(--jx-magic-soft))}.jmix-list-menu a[highlight] vaadin-icon[icon="crm:sparkles"]{color: currentColor}.jmix-menu-item:focus{background-color: var(--vaadin-background-container);border-radius: var(--vaadin-radius-m)}.jmix-menubar-item{color: var(--vaadin-text-color);padding: 0 !important;font-size: var(--aura-font-size-m)}.jmix-menubar-summary-icon-container{box-sizing: border-box;display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-xs) var(--vaadin-padding-s) var(--vaadin-padding-m) !important;color: var(--vaadin-text-color);border-radius: var(--vaadin-radius-m);flex: 1 1 auto;min-width: 0;width: auto !important}.about-layout{padding: var(--vaadin-gap-xl);box-sizing: border-box}.about-grid{display: grid;grid-template-columns: minmax(300px,1fr) 1.9fr;gap: var(--vaadin-gap-xl);align-items: start;width: 100%;max-width: 1180px}.about-aside{display: flex;flex-direction: column;gap: var(--vaadin-gap-xl);padding: 0}.about-card{box-sizing: border-box;width: 100%;background: var(--aura-surface-color-solid);border: var(--vaadin-card-border-width,1px) solid var(--vaadin-border-color);border-radius: var(--vaadin-radius-l);padding: var(--vaadin-gap-xl)}.about-card-main{display: flex;flex-direction: column;gap: 0}.about-card-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-gap-l)}.about-card-title,.about-section-title{margin: 0;font-size: 1.25rem;font-weight: 600;line-height: 1.3;color: var(--vaadin-text-color)}.about-card-title{margin-bottom: var(--vaadin-gap-l)}.about-card-header .about-card-title{margin-bottom: 0}.about-copy-btn{flex: 0 0 auto;color: var(--vaadin-text-color-secondary)}.about-version{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.about-version-row{display: flex;align-items: baseline;gap: var(--vaadin-gap-m)}.about-version-label{flex: 0 0 6.5rem;color: var(--vaadin-text-color-secondary)}.about-version-label::after{content: ":"}.about-version-value{color: var(--vaadin-text-color);font-weight: 600}.about-link-list{width: 100%}.about-link{display: inline-flex;align-items: center;gap: var(--vaadin-padding-s);width: fit-content;color: var(--aura-accent-text-color);text-decoration: none;padding: var(--vaadin-padding-s) 0;transition: color 120ms ease-in-out}.about-link:hover{text-decoration: underline}.about-link-icon{width: 0.95rem;height: 0.95rem;color: var(--aura-accent-color);opacity: 0.85}.about-social-list{display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-padding-s);margin-top: var(--vaadin-padding-s)}.about-social-link{display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: var(--vaadin-radius-m);color: var(--vaadin-text-color-secondary);text-decoration: none;transition: background-color 120ms ease-in-out,color 120ms ease-in-out}.about-social-link:hover{color: var(--aura-accent-text-color);background: var(--aura-accent-surface)}.about-social-icon{width: 1.25rem;height: 1.25rem}.about-section-title{margin-bottom: var(--vaadin-gap-m)}.about-paragraph{margin: 0 0 var(--vaadin-gap-m) 0;max-width: 60ch;color: var(--vaadin-text-color-secondary);line-height: 1.6}.about-paragraph:last-child{margin-bottom: 0}.about-paragraph a{color: var(--aura-accent-text-color);text-decoration: none}.about-paragraph a:hover{text-decoration: underline}.about-divider{border: none;border-top: 1px solid var(--vaadin-border-color);margin: var(--vaadin-gap-xl) 0;width: 100%}@media (max-width: 900px){.about-grid{grid-template-columns: 1fr;max-width: 640px}}.ai-conversation-timeline-view{box-sizing: border-box;min-height: 0;overflow: hidden;padding: 0 var(--vaadin-gap-m) var(--vaadin-gap-m)}.ai-timeline-canvas{box-sizing: border-box;align-self: center;flex: 1 1 auto;margin: 0 auto;max-width: 68rem;min-height: 0;padding-top: var(--vaadin-gap-m);width: 100%}.ai-timeline-content{box-sizing: border-box;flex: 1 1 auto;min-height: 0;overflow: hidden}.ai-conversation-title-layout{border-bottom: 1px solid var(--vaadin-background-container-strong);box-sizing: border-box;padding-bottom: var(--vaadin-gap-s)}.ai-conversation-context-side-panel-dialog{--jmix-side-panel-layout-vertical-size: 22rem}.ai-conversation-timeline-list{flex: 1 1 auto;min-height: 0;width: 100%}.ai-conversation-timeline-list::part(items){box-sizing: border-box;padding: var(--vaadin-gap-s) var(--vaadin-gap-m) var(--vaadin-gap-l) var(--vaadin-gap-m)}.ai-timeline-message-row{box-sizing: border-box;padding: var(--vaadin-gap-s) 0;width: 100%}@property --ai-timeline-row-reveal{syntax: "<percentage>";inherits: false;initial-value: 0%}.ai-timeline-message-row-fresh{--ai-timeline-row-reveal: 0%;-webkit-mask-image: linear-gradient(180deg,black 0%,black calc(var(--ai-timeline-row-reveal) - 12%),transparent var(--ai-timeline-row-reveal));mask-image: linear-gradient(180deg,black 0%,black calc(var(--ai-timeline-row-reveal) - 12%),transparent var(--ai-timeline-row-reveal));-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;animation: ai-timeline-message-row-fresh-reveal 900ms ease-out forwards}@keyframes ai-timeline-message-row-fresh-reveal{0%{--ai-timeline-row-reveal: 0%}100%{--ai-timeline-row-reveal: 112%}}.ai-timeline-avatar{flex: 0 0 auto}.ai-timeline-avatar-assistant{align-items: center;background-color: var(--jx-magic-soft);border-radius: 50%;box-sizing: border-box;display: inline-flex;height: 1.875rem;justify-content: center;width: 1.875rem}.ai-timeline-avatar-assistant vaadin-icon{color: var(--jx-magic);height: 1.125rem;width: 1.125rem}.ai-timeline-message-body{min-width: 0}.ai-timeline-message-header{color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;margin-bottom: var(--vaadin-gap-xs)}.ai-timeline-message-actor{color: var(--vaadin-text-color);font-weight: 700}.ai-timeline-message-time{color: var(--vaadin-text-color-secondary)}.ai-timeline-user-text{display: block;white-space: pre-wrap;line-height: 1.45}.ai-timeline-markdown{box-sizing: border-box;display: block;line-height: 1.45;max-width: 100%;min-width: 0;overflow: hidden;width: 100%}.ai-timeline-markdown table{border-collapse: separate;border-spacing: 0;display: block;font-size: 0.875rem;margin: var(--vaadin-gap-m) 0;max-width: 100%;overflow-x: auto;width: 100%}.ai-timeline-markdown thead{background: var(--vaadin-background-container)}.ai-timeline-markdown th,.ai-timeline-markdown td{border-bottom: 1px solid var(--vaadin-background-container-strong);box-sizing: border-box;padding: var(--vaadin-gap-xs) var(--vaadin-gap-s);text-align: left;vertical-align: top;white-space: nowrap}.ai-timeline-markdown th{color: var(--vaadin-text-color);font-weight: 700}.ai-timeline-markdown th[align="right"],.ai-timeline-markdown td[align="right"]{text-align: right}.ai-timeline-markdown th:last-child,.ai-timeline-markdown td:last-child{min-width: 24rem;white-space: normal}.ai-timeline-markdown a{white-space: nowrap}.ai-timeline-markdown p:first-child{margin-top: 0}.ai-timeline-markdown p:last-child{margin-bottom: 0}.ai-timeline-markdown h1{font-size: 1.125rem}.ai-timeline-markdown h2{font-size: 1.125rem}.ai-timeline-markdown h3{font-size: 1rem}.ai-timeline-markdown h4{font-size: 0.875rem}.ai-timeline-message-row-context{padding-bottom: var(--vaadin-gap-m)}.ai-timeline-pending-context{box-sizing: border-box}.ai-timeline-context-cards{box-sizing: border-box;margin-top: 0;min-width: 0;width: 100% !important}.ai-timeline-context-cards::part(items){display: grid !important;grid-template-columns: repeat(auto-fill,minmax(14rem,1fr)) !important;gap: var(--vaadin-gap-s) !important;width: 100%;box-sizing: border-box}.ai-card-action-surface{cursor: pointer;min-width: 0}.ai-timeline-context-card{box-sizing: border-box;min-width: 0;max-width: 28rem}.ai-timeline-pending-card{max-width: 28rem}.ai-timeline-attachment-icon{flex: 0 0 auto;color: var(--aura-accent-color)}.ai-timeline-attachment-text{min-width: 0}.ai-timeline-attachment-title{display: block;overflow: hidden;color: var(--vaadin-text-color);font-size: 0.875rem;font-weight: 700;text-overflow: ellipsis;white-space: nowrap}.ai-timeline-attachment-meta{overflow: hidden;color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;text-overflow: ellipsis;white-space: nowrap}.ai-timeline-thinking-text{background: linear-gradient(90deg,var(--jx-magic) 0%,var(--vaadin-text-color-secondary) 50%,var(--jx-magic) 100%);background-size: 200% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;display: inline-block;font-size: 0.875rem;font-weight: 500;animation: ai-timeline-thinking-text-shimmer 2s linear infinite}.ai-timeline-thinking-shimmer{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);height: 2px;margin-top: var(--vaadin-gap-xs);overflow: hidden;position: relative;width: 12rem;max-width: 100%}.ai-timeline-thinking-shimmer::after{background: linear-gradient(90deg,transparent 0%,var(--jx-magic) 50%,transparent 100%);content: "";height: 100%;left: 0;position: absolute;top: 0;width: 35%;animation: ai-timeline-thinking-shimmer 1.2s linear infinite}.ai-timeline-thinking-status-list{gap: 0.125rem;margin-top: var(--vaadin-gap-xs)}.ai-timeline-thinking-status-item{color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;line-height: 1.3}.ai-timeline-thinking-status-result{opacity: 0.7;font-style: italic}@keyframes ai-timeline-thinking-text-shimmer{0%{background-position: 100% 0}100%{background-position: -100% 0}}@keyframes ai-timeline-thinking-shimmer{0%{left: -35%}100%{left: 100%}}.ai-timeline-composer{border-top: 1px solid var(--vaadin-background-container-strong);box-sizing: border-box;flex: 0 0 auto;min-height: 0;padding-top: var(--vaadin-gap-m);width: 100%}.ai-timeline-prompt-suggestions{box-sizing: border-box;margin-top: var(--vaadin-gap-xs);padding-bottom: var(--vaadin-gap-xs)}.ai-timeline-prompt-suggestions-heading{color: var(--vaadin-text-color);font-size: 1.125rem;font-weight: 700;line-height: 1.25;margin: var(--vaadin-gap-l) 0 0}.ai-timeline-input-bar{box-sizing: border-box;min-width: 0;width: 100%}.ai-timeline-input-bar vaadin-message-input{min-width: 0;--vaadin-input-field-default-width: 0}.ai-timeline-add-menu{flex: 0 0 auto}.ai-timeline-add-menu-item{box-sizing: border-box;color: var(--vaadin-text-color);min-width: 11rem}.ai-timeline-add-menu-item-icon{color: var(--vaadin-text-color-secondary);flex: 0 0 auto;height: 1.25rem;width: 1.25rem}.ai-timeline-add-menu-item-label{font-size: 0.875rem;font-weight: 500}vaadin-upload.ai-timeline-attachment-upload{flex: 0 0 auto;width: auto}vaadin-upload.ai-timeline-menu-upload{width: 100%}vaadin-upload.ai-timeline-attachment-upload::part(drop-label),vaadin-upload.ai-timeline-menu-upload::part(drop-label){display: none}vaadin-upload.ai-timeline-attachment-upload::part(file-list),vaadin-upload.ai-timeline-menu-upload::part(file-list){display: none}vaadin-upload.ai-timeline-attachment-upload vaadin-upload-file[error],vaadin-upload.ai-timeline-menu-upload vaadin-upload-file[error],vaadin-upload.ai-timeline-attachment-upload vaadin-upload-file[errorMessage],vaadin-upload.ai-timeline-menu-upload vaadin-upload-file[errorMessage]{display: none !important}vaadin-upload.ai-timeline-attachment-upload::part(primary-buttons){margin: 0;min-height: auto}.ai-conversation-attachments-toggle vaadin-icon{margin-inline-end: var(--vaadin-gap-xs)}.ai-conversation-context-toggle-count{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;font-weight: 600;line-height: 1;margin-inline-start: var(--vaadin-gap-xs);padding: 0.125rem var(--vaadin-gap-xs)}.ai-conversation-context-side-panel-content{background: var(--vaadin-background-color);box-sizing: border-box;overflow-y: auto}.ai-conversation-context-header{align-items: center;box-sizing: border-box;padding: var(--vaadin-gap-s) var(--vaadin-gap-m);width: 100%}.ai-conversation-context-header-title{color: var(--vaadin-text-color);font-size: 1.125rem;font-weight: 600;margin: 0}.ai-conversation-context-header-count{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;font-weight: 600;padding: 0.125rem var(--vaadin-gap-xs)}.ai-conversation-context-content{box-sizing: border-box;padding: var(--vaadin-gap-m)}.ai-conversation-context-empty{color: var(--vaadin-text-color-secondary);font-size: 0.875rem;padding: var(--vaadin-gap-m) 0;text-align: center}.ai-conversation-context-section-heading{margin-top: var(--vaadin-gap-s)}.ai-conversation-context-section-title{color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.04em;margin: 0;text-transform: uppercase}.ai-conversation-context-section-count{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;font-weight: 600;padding: 0.125rem var(--vaadin-gap-xs)}.ai-conversation-context-side-panel-content .ai-timeline-context-card{max-width: 100%}.ai-conversation-starter-view{box-sizing: border-box;min-height: 0;padding: 0 var(--vaadin-gap-m) var(--vaadin-gap-m)}.ai-conversation-starter-scroll{box-sizing: border-box;overflow-y: auto}.ai-conversation-starter-canvas{align-self: center;box-sizing: border-box;margin: 0 auto;max-width: 56rem;padding: 8rem 0 var(--vaadin-gap-l);width: 100%}.ai-conversation-starter-heading{padding: var(--vaadin-gap-l) 0 var(--vaadin-gap-m);text-align: center}.ai-conversation-starter-hero-icon{align-items: center;background-color: var(--jx-magic-soft,rgba(95,56,250,0.12));border-radius: var(--vaadin-radius-l);box-sizing: border-box;display: inline-flex;height: 3rem;justify-content: center;margin-bottom: var(--vaadin-gap-m);width: 3rem}.ai-conversation-starter-hero-icon-glyph{color: var(--jx-magic,var(--aura-accent-color));height: 1.5rem;width: 1.5rem}.ai-conversation-starter-title{font-size: 1.75rem;font-weight: 600;line-height: 1.2;margin: 0}.ai-conversation-starter-subtitle{margin-top: var(--vaadin-gap-xs)}.ai-conversation-starter-composer{background: var(--vaadin-background-color);border: 1px solid var(--jx-magic,var(--aura-accent-color));border-radius: var(--vaadin-radius-l);box-shadow: 0 0 28px -6px rgba(95,56,250,0.22);box-sizing: border-box;padding: var(--vaadin-gap-xs) var(--vaadin-gap-s)}.ai-conversation-starter-input-bar{min-width: 0;width: 100%}.ai-conversation-starter-input-bar vaadin-message-input{flex: 1 1 auto;min-width: 0;--vaadin-input-field-default-width: 0}.ai-conversation-starter-pending-context{box-sizing: border-box;padding: var(--vaadin-gap-xs) 0}.ai-conversation-starter-section-header{align-items: center;gap: var(--vaadin-gap-m);margin-top: var(--vaadin-gap-l);min-height: 0}.ai-conversation-starter-section-heading{color: var(--vaadin-text-color-secondary);flex: 0 0 auto;font-size: 0.8125rem;font-weight: 700;letter-spacing: 0.06em;line-height: 1;margin: var(--vaadin-gap-l) 0 var(--vaadin-gap-s);text-transform: uppercase;white-space: nowrap}.ai-conversation-starter-section-header .ai-conversation-starter-section-heading{margin: 0}.ai-conversation-starter-section-rule{border-top: 1px solid var(--vaadin-background-container-strong);flex: 1 1 auto;height: 1px}.ai-conversation-starter-conversation-card{cursor: pointer;overflow: hidden}.ai-conversation-starter-conversation-card-icon{flex-shrink: 0}.ai-conversation-starter-conversation-card-title{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ai-conversation-starter-suggestion-card{cursor: pointer;overflow: hidden}.ai-conversation-starter-suggestion-card-icon{color: var(--aura-accent-color);flex-shrink: 0}.ai-conversation-starter-suggestion-card-title{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ai-conversation-starter-suggestion-card-prompt{display: -webkit-box;line-height: 1.4;max-height: 2.8em;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2}.ai-conversation-starter-recent-grid::part(items),.ai-conversation-starter-suggestions-grid::part(items){grid-template-columns: repeat(2,minmax(0,1fr)) !important}@media (max-width: 720px){.ai-conversation-starter-recent-grid::part(items),.ai-conversation-starter-suggestions-grid::part(items){grid-template-columns: 1fr !important}}.opened-in-dialog .ai-conversation-starter-canvas{padding-top: var(--vaadin-gap-l)}.opened-in-dialog .ai-conversation-starter-recent-grid::part(items),.opened-in-dialog .ai-conversation-starter-suggestions-grid::part(items){grid-template-columns: 1fr !important}.ai-conversation-starter-history-content{background: var(--vaadin-background-color);box-sizing: border-box;overflow-y: auto}.ai-conversation-starter-history-header{box-sizing: border-box;padding: var(--vaadin-gap-m) var(--vaadin-gap-m) var(--vaadin-gap-s)}.ai-conversation-starter-history-count{background-color: var(--vaadin-background-container-strong);border-radius: var(--vaadin-radius-s);color: var(--vaadin-text-color-secondary);font-size: 0.8125rem;font-weight: 600;padding: 0.125rem var(--vaadin-gap-xs)}.ai-conversation-starter-history-header-spacer{flex: 1 1 auto}.ai-conversation-starter-history-search{box-sizing: border-box;padding: 0 var(--vaadin-gap-m) var(--vaadin-gap-s)}.ai-conversation-starter-history-list{box-sizing: border-box;padding: 0 var(--vaadin-gap-m) var(--vaadin-gap-m)}.ai-conversation-starter-history-group{gap: var(--vaadin-gap-s);margin-top: var(--vaadin-gap-m)}.ai-conversation-starter-history-group-header{padding: 0 0 var(--vaadin-gap-xs)}.ai-conversation-starter-history-bucket{letter-spacing: 0.04em}.ai-conversation-starter-history-group-count{margin-left: var(--vaadin-gap-s)}.ai-conversation-starter-history-empty{display: block;padding: var(--vaadin-gap-m) 0;text-align: center}