@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('fonts/Inter-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Inter';font-style: normal;font-weight: 100 900;font-display: swap;src: url('fonts/Inter-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html{--aura-font-family: 'Inter',system-ui,ui-sans-serif,-apple-system,'Segoe UI',Roboto,sans-serif;--aura-base-font-size: 14;--aura-font-weight-regular: 450;--aura-font-weight-medium: 550;--aura-font-weight-semibold: 650;--aura-base-size: 16;--vaadin-radius-s: 4px;--vaadin-radius-m: 8px;--vaadin-radius-l: 12px;--aura-shadow-xs: 0 1px 0 0 rgba(26,26,26,0.07);--aura-shadow-s: 0 3px 1px -1px rgba(26,26,26,0.07);--aura-shadow-m: 0 4px 6px -2px rgba(26,26,26,0.2);--aura-background-color-light: #f1f1f1;--aura-background-color-dark: #1a1a1a;--aura-accent-color-light: #0388e5;--aura-accent-color-dark: #0388e5;--vision-navbar-background: light-dark(#0277ca,#0a4d7a);--vision-navbar-text: #ffffff;--vision-navbar-border: light-dark(#026aa8,#0d5f96);--aura-surface-opacity: 1;--vision-card-surface: light-dark(#ffffff,#303030);--vision-card-border: light-dark(#e3e3e3,#4a4a4a)}vaadin-card{--aura-surface-opacity: 1;--vaadin-card-background: var(--vision-card-surface);--vaadin-card-border-radius: var(--vaadin-radius-l);--vaadin-card-border-color: var(--vision-card-border);--vaadin-card-padding: var(--vaadin-padding-l);--vaadin-card-shadow: var(--aura-shadow-xs);background: var(--vision-card-surface)}vaadin-app-layout[primary-section="navbar"]::part(navbar)::before{background: var(--vaadin-background-color) linear-gradient(var(--vision-contrast-5pct),var(--vision-contrast-5pct))}vaadin-app-layout[primary-section="drawer"]::part(navbar)::before{background: var(--vaadin-background-color)}vaadin-app-layout[primary-section="drawer"]:not([overlay])::part(drawer){background: var(--aura-background-color);border: 0;box-shadow: inset -1px 0 0 0 var(--vaadin-border-color);z-index: 1}vaadin-drawer-toggle[slot*="navbar"]{--vaadin-button-background: transparent;--vaadin-button-border: none;--vaadin-button-text-color: var(--vision-navbar-text);color: var(--vision-navbar-text);--vaadin-focus-ring-color: var(--vision-navbar-text)}vaadin-drawer-toggle[slot*="navbar"]:hover{--vaadin-button-background: rgba(255,255,255,0.16)}h2[slot*="navbar"]{align-self: stretch;margin: 0;min-width: 0;color: var(--vision-navbar-text);font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold);line-height: var(--vision-size-xl);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}vaadin-app-layout::part(navbar){min-height: var(--vision-size-xl);background: var(--vision-navbar-background);color: var(--vision-navbar-text);box-sizing: border-box;gap: var(--vaadin-gap-s)}vaadin-app-layout::part(navbar-top){box-shadow: inset 0 -1px 0 0 var(--vision-navbar-border)}vaadin-app-layout::part(navbar-bottom){box-shadow: inset 0 1px 0 0 var(--vision-navbar-border)}vaadin-app-layout::part(navbar-top){height: var(--vision-size-xl);min-height: var(--vision-size-xl);padding-block: 0}vaadin-app-layout::part(content){display: flex;flex-direction: column;min-height: 0;border: 0;border-radius: 0}vaadin-app-layout[has-navbar][has-drawer][drawer-opened]:not([overlay])::part(content){border-start-start-radius: 0}vaadin-app-layout::part(drawer){display: flex;flex-direction: column}vaadin-scroller[slot="drawer"]{flex: 1;padding: var(--vaadin-padding-s)}vaadin-scroller[slot="drawer"]{scrollbar-width: thin;scrollbar-color: var(--vision-contrast-20pct) transparent}vaadin-scroller[slot="drawer"][overflow~="top"]{border-top: 1px solid var(--vision-contrast-10pct)}vaadin-scroller[slot="drawer"][overflow~="bottom"]{border-bottom: 1px solid var(--vision-contrast-10pct)}[slot="drawer"]:is(header){height: var(--vision-size-xl);background: var(--vision-card-surface);border-bottom: 1px solid var(--vaadin-border-color);flex: none}vaadin-app-layout:not([overlay]) [slot="drawer"]:is(header){margin-inline: calc(-1 * max(0px,var(--aura-app-layout-inset,0px) - var(--vaadin-padding-s)))}[slot="drawer"]:is(header,footer){display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);min-height: var(--vision-size-xl);box-sizing: border-box}[slot="drawer"]:is(header,footer):is(:empty){display: none}.app-card{transition: box-shadow 0.35s ease;border-radius: var(--vaadin-radius-m);box-shadow: var(--aura-shadow-s);background-color: rgba(255,255,255,0.06);width: 100%}.app-layout{height:100%;margin: 0 auto}@media (min-width:992px){.app-layout{width:970px}}@media (min-width:1200px){.app-layout{width:1170px}}.app-layout.full{width:100%}.vision-card{background: var(--vision-card-surface);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);box-sizing: border-box}vaadin-vertical-layout>.vision-card + .vision-card,.vision-view>.vision-card + .vision-card{margin-top: var(--vaadin-padding-l)}.vision-section{gap: var(--vaadin-gap-s);margin-top: var(--vaadin-padding-m)}.vision-stack{gap: var(--vaadin-gap-s)}:is(.vision-stack,.vision-form)>:is(p,h3,h4,h5) + *{margin-top: var(--vaadin-gap-xs)}:is(.vision-stack,.vision-form)>* + :is(p,h3,h4,h5){margin-top: var(--vaadin-padding-m)}.vision-form{gap: var(--vaadin-gap-m)}.vision-lead{margin: 0 0 var(--vaadin-padding-s);color: var(--vaadin-text-color);font-weight: var(--aura-font-weight-medium)}.vision-view:not(.full-height-view,.master-detail-view){flex: 1 1 auto;min-height: 0;height: auto !important}.vision-view:not(:has(.vision-card,vaadin-card,.grid-layout,.kpi-card,.workflow-attention__panel,.workflow-meta-card,.workflow-step-card)){background: var(--vision-card-surface);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);box-sizing: border-box;margin: var(--vaadin-padding-l);flex-shrink: 0;width: auto !important}.master-detail-view{display: flex;flex-direction: column;flex: 1;min-height: 0;padding: var(--vaadin-padding-l);box-sizing: border-box}.master-detail-view vaadin-split-layout{width: 100%;height: 100%;background: transparent;border: 0}.master-detail-view .grid-layout,.master-detail-view .detail-layout{background: var(--vision-card-surface);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);box-shadow: var(--aura-shadow-xs);overflow: hidden;box-sizing: border-box}.master-detail-view .grid-layout{width: 100%;height: 100%;display: flex;flex-direction: column}.master-detail-view .detail-layout{display: flex;flex-direction: column;width: 400px;margin-left: var(--vaadin-padding-m)}.master-detail-view vaadin-grid{height: 100%;border: 0;background: transparent}.master-detail-view .detail{flex-grow: 1;min-height: 0;overflow-y: auto;padding: var(--vaadin-padding-l)}.master-detail-view .grid-layout>vaadin-horizontal-layout,.master-detail-view .grid-layout>vaadin-vertical-layout,.master-detail-view .detail-layout>vaadin-horizontal-layout{border-bottom: 1px solid var(--vision-card-border);background: transparent;box-shadow: none;margin-bottom: 0}.master-detail-view .grid-layout>:is(vaadin-horizontal-layout,vaadin-vertical-layout) :is(vaadin-horizontal-layout,vaadin-vertical-layout),.master-detail-view .detail-layout>vaadin-horizontal-layout :is(vaadin-horizontal-layout,vaadin-vertical-layout){gap: var(--vaadin-gap-s)}.master-detail-view .grid-layout>vaadin-horizontal-layout :is(vaadin-checkbox,vaadin-button),.master-detail-view .detail-layout>vaadin-horizontal-layout :is(vaadin-checkbox,vaadin-button){flex: none}.full-height-view{display: flex;flex-direction: column;flex: 1;min-height: 0}.full-height-view .grid-top-layout{gap: var(--vaadin-gap-m);margin-bottom: var(--vaadin-padding-m)}.form-view{display: block;margin: 0 auto;max-width: 1024px;padding: 0 var(--vaadin-padding-l)}.workflow-step-card{box-sizing: border-box;border: 1px solid var(--vision-card-border);border-left: 4px solid var(--aura-accent-color);border-radius: var(--vaadin-radius-l);background-color: var(--vision-card-surface);box-shadow: var(--aura-shadow-xs);transition: box-shadow 0.2s ease}.workflow-step-card:hover{box-shadow: var(--aura-shadow-s)}.workflow-step-card--editor{display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l)}.workflow-step-card__header{align-items: flex-end}.workflow-step-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 1.75rem;height: 1.75rem;border-radius: 50%;background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent);color: var(--vaadin-text-color);font-weight: 600;flex-shrink: 0}.workflow-meta-card{box-sizing: border-box;display: flex;flex-direction: column;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border: 1px solid var(--vision-card-border);border-left: 4px solid var(--vision-contrast-30pct);border-radius: var(--vaadin-radius-l);background-color: var(--vision-card-surface);box-shadow: var(--aura-shadow-xs)}.workflow-steps-section{display: flex;flex-direction: column;gap: var(--vaadin-gap-m)}.workflow-steps-header{display: flex;align-items: center;justify-content: space-between;gap: var(--vaadin-gap-m)}.workflow-section-title{font-size: var(--aura-font-size-s)}.workflow-text-secondary{color: var(--vaadin-text-color-secondary)}.workflow-text-tertiary{color: var(--vision-text-color-tertiary)}.workflow-text-primary{color: var(--aura-accent-text-color)}.workflow-text-error{color: var(--aura-red-text)}.workflow-text-success{color: var(--aura-green-text)}.workflow-text-warning{color: var(--aura-yellow-text)}.workflow-text-s{font-size: var(--aura-font-size-s)}.workflow-text-xs{font-size: var(--aura-font-size-xs)}.workflow-text-italic{font-style: italic}.workflow-text-bold{font-weight: 600}.workflow-caption{font-weight: 600;letter-spacing: 0.05em;text-transform: uppercase;color: var(--vaadin-text-color-secondary)}.workflow-wrap{white-space: pre-wrap;word-break: break-word;min-width: 0;max-width: 100%}.workflow-run-errorfilter{display: flex;align-items: center;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-xs) 0;max-width: 100%}.workflow-run-errorfilter>span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.workflow-run-error-preview{color: var(--aura-red-text);font-size: var(--aura-font-size-s);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;max-width: 100%}.workflow-status-badge{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);white-space: nowrap}.workflow-step-card--editor vaadin-details{width: 100%;background: transparent;box-shadow: none}.workflow-step-card--editor vaadin-details::part(content){padding-inline: 0}.workflow-step-card--editor .workflow-step-card__retry-numbers{flex-wrap: wrap}.workflow-step-card--editor .workflow-step-card__retry-numbers>vaadin-integer-field{flex: 1 1 8rem;min-width: 0}.workflow-step-card__handle{cursor: grab;color: var(--vision-text-color-tertiary);width: var(--vision-icon-size-s);height: var(--vision-icon-size-s);flex-shrink: 0;margin-top: var(--vaadin-padding-xs)}.workflow-step-card__handle:hover{color: var(--vaadin-text-color)}.workflow-step-card__summary{flex-wrap: wrap}.workflow-step-card__title{font-weight: 600;color: var(--vaadin-text-color)}.workflow-step-card__chips{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-xs);align-items: center}.workflow-chip,.workflow-step-chip{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);padding: 0 var(--vaadin-padding-s);min-height: 1.5rem;border-radius: var(--vaadin-radius-m);background-color: var(--vision-contrast-5pct);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.workflow-step-chip{white-space: nowrap}.workflow-chip--error{font-family: var(--vision-font-family-monospace);color: var(--aura-red-text);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent);white-space: nowrap}.workflow-inset-card{box-sizing: border-box;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-m);background-color: var(--vision-contrast-5pct)}.workflow-step-card--invalid{border-left-color: var(--aura-red)}.workflow-step-card.v-drag-over-target{border-top: 2px solid var(--aura-accent-color);box-shadow: var(--aura-shadow-s)}.workflow-menu__danger{color: var(--aura-red-text)}.workflow-readonly-banner{box-sizing: border-box;display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background-color: var(--vision-contrast-5pct);color: var(--vaadin-text-color-secondary)}.workflow-readonly-banner vaadin-icon{color: var(--vision-text-color-tertiary);flex-shrink: 0}.workflow-readonly-banner__text{flex: 1}.workflow-steps-empty{display: flex;flex-direction: column;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-l);border: 1px dashed var(--vision-contrast-20pct);border-radius: var(--vaadin-radius-l);color: var(--vaadin-text-color-secondary);text-align: center}.workflow-steps-empty vaadin-icon{color: var(--vision-text-color-tertiary);width: var(--vision-icon-size-l);height: var(--vision-icon-size-l)}.workflow-steps-add-bottom{height: auto;min-height: var(--vision-size-m);padding: var(--vaadin-padding-s);border: 1px dashed var(--vision-contrast-20pct);border-radius: var(--vaadin-radius-l);color: var(--vaadin-text-color-secondary)}.workflow-steps-add-bottom:hover{border-color: var(--aura-accent-color);color: var(--aura-accent-text-color);background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}.workflow-detail-header{flex-wrap: wrap}.workflow-detail-headerbar{box-sizing: border-box;display: flex;flex-wrap: wrap;align-items: center;gap: var(--vaadin-gap-s);margin: 0 var(--vaadin-padding-l) var(--vaadin-padding-s);padding: var(--vaadin-padding-xs) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background-color: var(--vision-contrast-5pct)}.workflow-detail-headerbar vaadin-combo-box{margin: 0;padding: 0}.workflow-detail-headerbar:not([hidden]) + .detail{padding-top: var(--vaadin-padding-xs)}.workflow-detail-headerbar .workflow-status-badge{background-color: var(--vaadin-background-color)}.workflow-detail-headerbar .workflow-detail-header__title{flex: 1 1 auto;min-width: 0;word-break: break-word}.workflow-detail-headerbar .workflow-dirty-indicator{margin-inline-start: auto}.workflow-detail-header__title{font-size: var(--aura-font-size-l);font-weight: 600;color: var(--vaadin-text-color);margin-right: var(--vaadin-padding-xs)}.workflow-detail-header .workflow-status-badge{padding: var(--vaadin-padding-xs) var(--vaadin-padding-s);border-radius: var(--vaadin-radius-l);background-color: var(--vision-contrast-5pct);font-weight: 600}.workflow-detail-header__meta{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.workflow-dirty-indicator{color: var(--aura-accent-text-color);font-size: var(--aura-font-size-s);font-weight: 600}.workflow-dirty-indicator::before{content: "● "}.workflow-detail-meta{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s);margin-top: var(--vaadin-padding-m);margin-bottom: var(--vaadin-padding-m)}.workflow-detail-meta__chip{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex: 1 1 9rem;min-width: 9rem;padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-l);background-color: var(--vision-card-surface);border: 1px solid var(--vision-card-border);box-shadow: var(--aura-shadow-xs)}.workflow-detail-meta__icon{flex: none;box-sizing: border-box;width: var(--vision-icon-size-l);height: var(--vision-icon-size-l);padding: var(--vaadin-padding-xs);border-radius: 50%;background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent);color: var(--aura-accent-text-color)}.workflow-detail-meta__text{display: flex;flex-direction: column;min-width: 0;line-height: 1.25}.workflow-detail-meta__caption{font-size: var(--vision-font-size-xxs)}.workflow-detail-meta__value{font-size: var(--aura-font-size-m);font-weight: 600;color: var(--vaadin-text-color)}.workflow-detail-meta__chip--error .workflow-detail-meta__icon{color: var(--aura-red-text);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent)}.workflow-detail-meta__chip--error .workflow-detail-meta__value{color: var(--aura-red-text)}.workflow-step-card vaadin-details{width: 100%;background: transparent;box-shadow: none}.workflow-step-card vaadin-details::part(content){padding-inline: 0}.workflow-run-step__summary{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);width: 100%;box-sizing: border-box}.workflow-run-stepper .workflow-step-card,.workflow-run-stepper .workflow-step-card vaadin-details,.workflow-run-stepper .workflow-step-card vaadin-vertical-layout,.workflow-run-stepper .workflow-step-card vaadin-horizontal-layout,.workflow-run-stepper .workflow-run-step__summary{min-width: 0}.workflow-run-stepper .workflow-step-card vaadin-details::part(content){min-width: 0}.workflow-run-stepper .workflow-step-card vaadin-details-summary,.workflow-run-stepper .workflow-step-card vaadin-details-summary::part(content){min-width: 0;width: 100%;box-sizing: border-box}.workflow-job-summary{display: inline-flex;align-items: center;gap: var(--vaadin-gap-s);margin-left: var(--vaadin-padding-s)}.workflow-job-summary__item{display: inline-flex;align-items: center;gap: var(--vaadin-gap-xs);font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.workflow-resolve-context{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent)}.workflow-resolve-context--info{background-color: var(--vision-contrast-5pct)}.workflow-resolve-context__title{font-weight: 600;font-size: var(--aura-font-size-s)}.workflow-resolve-context__line{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary);white-space: pre-wrap;word-break: break-word}.workflow-timeline-row{flex-wrap: wrap}.workflow-timeline-row__time{font-family: var(--vision-font-family-monospace);font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap}.workflow-timeline-row__label{font-size: var(--aura-font-size-s)}.workflow-option{display: flex;flex-direction: column}.workflow-option__title{font-weight: 600}.workflow-option__help{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}.workflow-job-row{padding-left: var(--vaadin-padding-l);flex-wrap: wrap}.workflow-graph-chain{display: flex;flex-direction: column;gap: 0}.workflow-graph-step{align-items: center}.workflow-graph-step__node{display: inline-flex;align-items: center;justify-content: center;flex: 0 0 auto;width: 2.5rem;height: 2.5rem;border-radius: 50%;border: 2px solid var(--vision-contrast-30pct);background-color: var(--vaadin-background-color)}.workflow-graph-step__index{font-weight: 600;font-size: var(--aura-font-size-m);color: var(--vaadin-text-color)}.workflow-graph-step__meta{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);min-width: 0}.workflow-graph-step__connector{width: 2px;height: var(--vaadin-padding-l);margin-left: calc(var(--vaadin-padding-m) + 1.25rem - 1px);background: linear-gradient(to bottom,var(--vision-contrast-30pct),var(--vision-contrast-20pct))}.workflow-graph-step__node--done{border-color: var(--aura-green);background-color: color-mix(in srgb,var(--aura-green) 10%,transparent)}.workflow-graph-step__node--running{border-color: var(--aura-accent-color);background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}.workflow-graph-step__node--failed{border-color: var(--aura-red);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent)}.workflow-graph-step__node--attention{border-color: var(--aura-yellow);background-color: color-mix(in srgb,var(--aura-yellow) 30%,transparent)}.workflow-graph-step__node--cancelled,.workflow-graph-step__node--pending{border-color: var(--vision-contrast-30pct);background-color: var(--vision-contrast-5pct)}.kpi-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(11rem,1fr));gap: var(--vaadin-gap-m)}.kpi-card{box-sizing: border-box;position: relative;display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m) var(--vaadin-padding-l);padding-right: calc(var(--vaadin-padding-l) + 2.75rem);border: 1px solid var(--vision-card-border);border-left: 4px solid var(--vision-contrast-30pct);border-radius: var(--vaadin-radius-l);background-color: var(--vision-card-surface);box-shadow: var(--aura-shadow-xs)}.kpi-card--clickable{cursor: pointer;transition: box-shadow 0.2s ease}.kpi-card--clickable:hover{box-shadow: var(--aura-shadow-s)}.kpi-card--clickable:focus-visible,.workflow-attention__row:focus-visible{outline: 2px solid var(--aura-accent-color);outline-offset: 2px;border-radius: var(--vaadin-radius-m)}.kpi-card__value{font-size: var(--vision-font-size-xxxl);font-weight: 700;line-height: 1.1;color: var(--vaadin-text-color)}.kpi-card__label{font-size: var(--aura-font-size-xs)}.kpi-card__icon{position: absolute;top: var(--vaadin-padding-m);right: var(--vaadin-padding-m);box-sizing: border-box;width: 2.25rem;height: 2.25rem;padding: var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-m);color: var(--vision-contrast-60pct);background-color: var(--vision-contrast-10pct)}.kpi-card__footer{display: flex;flex-wrap: wrap;gap: var(--vaadin-gap-s);margin-top: var(--vaadin-padding-xs);font-size: var(--aura-font-size-xs)}.kpi-card--error{border-left-color: var(--aura-red)}.kpi-card--error .kpi-card__value{color: var(--aura-red-text)}.kpi-card--error .kpi-card__icon{color: var(--aura-red-text);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent)}.kpi-card--warn{border-left-color: var(--aura-yellow)}.kpi-card--warn .kpi-card__icon{color: var(--aura-yellow-text);background-color: color-mix(in srgb,var(--aura-yellow) 30%,transparent)}.kpi-card--info{border-left-color: var(--aura-accent-color)}.kpi-card--info .kpi-card__icon{color: var(--aura-accent-color);background-color: color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}.kpi-card--ok{border-left-color: var(--aura-green)}.kpi-card--ok .kpi-card__icon{color: var(--aura-green-text);background-color: color-mix(in srgb,var(--aura-green) 10%,transparent)}.kpi-card--neutral{border-left-color: var(--vision-contrast-30pct)}.kpi-card--neutral .kpi-card__icon{color: var(--vision-contrast-60pct);background-color: var(--vision-contrast-10pct)}.workflow-dashboard{display: flex;flex-direction: column;gap: var(--vaadin-gap-l);padding: var(--vaadin-padding-m);box-sizing: border-box;height: 100%;overflow: auto}.workflow-dashboard__toolbar{display: flex;align-items: center;justify-content: flex-end;gap: var(--vaadin-gap-s)}.workflow-dashboard__updated{font-size: var(--aura-font-size-s);color: var(--vaadin-text-color-secondary)}.workflow-dashboard__enginewarn{box-sizing: border-box;display: flex;align-items: center;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-s) var(--vaadin-padding-m);border-radius: var(--vaadin-radius-m);background-color: color-mix(in srgb,var(--aura-yellow) 30%,transparent);color: var(--aura-yellow-text)}.workflow-attention{display: grid;grid-template-columns: repeat(auto-fit,minmax(20rem,1fr));gap: var(--vaadin-gap-m)}.workflow-attention__panel{display: flex;flex-direction: column;gap: var(--vaadin-gap-xs);padding: var(--vaadin-padding-m);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);background-color: var(--vision-card-surface);box-shadow: var(--aura-shadow-xs)}.workflow-attention__title{font-weight: 600;margin-bottom: var(--vaadin-padding-xs)}.workflow-attention__rows{display: flex;flex-direction: column}.workflow-attention__row{display: flex;justify-content: space-between;align-items: baseline;gap: var(--vaadin-gap-s);padding: var(--vaadin-padding-xs) 0;border-top: 1px solid var(--vision-contrast-5pct);cursor: pointer}.workflow-attention__row:hover{color: var(--aura-accent-text-color)}.workflow-attention__row-meta{font-size: var(--aura-font-size-xs);color: var(--vaadin-text-color-secondary);white-space: nowrap}.workflow-attention__empty{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s);padding: var(--vaadin-padding-s) 0}.workflow-dashboard__header{display: flex;align-items: center;justify-content: flex-end;gap: var(--vaadin-gap-m);flex-wrap: wrap}.workflow-dashboard__sections{display: flex;flex-direction: column;gap: var(--vaadin-gap-l)}.workflow-dashboard__section{display: flex;flex-direction: column;gap: var(--vaadin-gap-s)}.kpi-card--zero{border-left-color: var(--vision-contrast-20pct)}.kpi-card--zero .kpi-card__value{color: var(--vaadin-text-color-secondary)}.kpi-card--zero .kpi-card__icon{color: var(--vision-contrast-50pct);background-color: var(--vision-contrast-10pct)}.workflow-attention__row-main{display: flex;align-items: center;gap: var(--vaadin-gap-s);min-width: 0}.workflow-attention__row-main>span{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.workflow-attention__empty--ok{display: flex;align-items: center;gap: var(--vaadin-gap-s)}.vision-widget-board{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));grid-auto-rows: 2px;column-gap: var(--vision-board-gutter);row-gap: 0;align-items: start;padding-top: var(--vaadin-padding-s,8px);--vision-board-gutter: 24px}.vision-widget-card[data-width="2"]{grid-column: span 2}.vision-widget-card[data-width="3"]{grid-column: span 3}.vision-widget-card[data-width="4"]{grid-column: 1 / -1}@media (max-width: 1500px){.vision-widget-board{grid-template-columns: repeat(2,minmax(0,1fr))}.vision-widget-board>.vision-widget-card[data-width="3"],.vision-widget-board>.vision-widget-card[data-width="4"]{grid-column: 1 / -1}}@media (max-width: 900px){.vision-widget-board{grid-template-columns: minmax(0,1fr)}.vision-widget-board>.vision-widget-card[data-width]{grid-column: 1 / -1}}.vision-widget-card{position: relative;margin-bottom: var(--vision-board-gutter);padding: var(--vaadin-padding,16px) var(--vaadin-padding-l,24px) var(--vaadin-padding-l,24px);background: var(--vision-card-surface);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);container-type: inline-size}.vision-widget-card-header{display: flex;align-items: center;gap: var(--vaadin-gap-s,8px);padding: 0 0 var(--vaadin-padding-s,8px);border-bottom: 2px solid var(--vaadin-text-color-secondary,var(--vaadin-text-color));cursor: grab}.vision-widget-card-header:active{cursor: grabbing}.vision-widget-card-title{flex: 1;margin: 0;font-size: 10.5px;font-weight: 650;text-transform: uppercase;letter-spacing: 0.12em;color: var(--vaadin-text-color-secondary,var(--vaadin-text-color))}.vision-widget-card-body{padding-top: var(--vaadin-padding,16px)}.vision-widget-card-header vaadin-button{cursor: pointer}.vision-widget-handle{cursor: grab;color: var(--vision-text-color-tertiary);width: 1.1em;height: 1.1em;flex: none}.vision-widget-handle:active{cursor: grabbing}.vision-widget-resize{position: absolute;top: 0;right: 0;width: 10px;height: 100%;cursor: col-resize;touch-action: none}.vision-widget-resize::after{content: "";position: absolute;top: 50%;right: 3px;width: 2px;height: 26px;transform: translateY(-50%);border-radius: 1px;background: var(--vision-card-border)}.vision-widget-resize:hover::after{background: var(--vision-text-color-tertiary)}.vision-widget-ghost{opacity: 0.35}.vision-metrics{display: flex;align-items: stretch;flex-wrap: wrap;row-gap: var(--vaadin-gap,16px)}.vision-metric{flex: 1 1 130px;min-width: 0;padding-left: var(--vaadin-padding,16px);border-left: 1px solid var(--vision-card-border)}.vision-metric:first-child{padding-left: 0;border-left: none}@container (max-width: 420px){.vision-metric{flex-basis: 100%;padding-left: 0;border-left: none}}.vision-metric-value{display: block;font-family: var(--vision-font-family-monospace);font-variant-numeric: tabular-nums;font-size: 30px;font-weight: 650;letter-spacing: -0.02em;line-height: 1;color: var(--vaadin-text-color)}.vision-metric.is-alert .vision-metric-value{color: var(--vaadin-color-error,#c5280c)}.vision-metric.is-warn .vision-metric-value{color: var(--vaadin-color-warning,#b98900)}.vision-metric.is-calm .vision-metric-value{color: var(--vision-text-color-tertiary)}.vision-metric.is-alert,.vision-metric.is-warn{position: relative;padding-top: var(--vaadin-padding-s,8px)}.vision-metric.is-alert::before,.vision-metric.is-warn::before{content: "";position: absolute;top: 0;left: 0;width: 34px;height: 2px}.vision-metric.is-alert::before{background: var(--vaadin-color-error,#c5280c)}.vision-metric.is-warn::before{background: var(--vaadin-color-warning,#b98900)}.vision-metric.is-alert:not(:first-child)::before,.vision-metric.is-warn:not(:first-child)::before{left: var(--vaadin-padding,16px)}.vision-metric-caption{display: block;margin-top: var(--vaadin-padding-s,8px);font-size: 10.5px;font-weight: 650;text-transform: uppercase;letter-spacing: 0.12em;color: var(--vaadin-text-color-secondary,var(--vaadin-text-color))}.vision-metric-link{display: block;color: inherit;text-decoration: none;cursor: pointer}.vision-metric-link:hover .vision-metric-caption,.vision-metric-link:focus-visible .vision-metric-caption{color: var(--vaadin-color-primary,var(--vision-brand-blue,#0b7ec4));text-decoration: underline;text-underline-offset: 3px}.vision-metric-link:focus-visible{outline: 2px solid var(--vaadin-color-primary,var(--vision-brand-blue,#0b7ec4));outline-offset: 4px;border-radius: var(--vaadin-radius-s)}.vision-metric-note{display: block;margin-top: 4px;font-size: 12px;color: var(--vision-text-color-tertiary)}.vision-widget-card-section{margin-bottom: var(--vaadin-padding,16px);padding: 0;background: none;border: none;border-radius: 0}.vision-widget-card-section .vision-widget-card-header{border-bottom-color: var(--vaadin-text-color)}.vision-widget-card-section .vision-widget-card-title{font-size: 16px;color: var(--vaadin-text-color);letter-spacing: 0.14em}.vision-widget-card-section .vision-widget-card-body{padding-top: 0}.vision-widget-allclear,.vision-widget-failed{display: block;font-size: 13px;color: var(--vision-text-color-tertiary)}.vision-widget-failed{color: var(--vaadin-color-error,#c5280c)}.vision-widget-board-empty{grid-column: 1 / -1;padding: var(--vaadin-padding-l,24px) 0;color: var(--vision-text-color-tertiary)}:root{--image-field-accent-fill: var(--aura-accent-color);--image-field-flag-ink: #1a1a1a;--image-field-shadow-soft: var(--aura-shadow-xs);--image-field-shadow-medium: var(--aura-shadow-s);--image-field-surface: var(--vision-card-surface);--image-field-surface-subtle: var(--aura-background-color);--image-field-surface-muted: var(--vision-contrast-5pct);--image-field-text: var(--vaadin-text-color);--image-field-text-secondary: var(--vaadin-text-color-secondary);--image-field-text-muted: var(--vision-text-color-tertiary);--image-field-border: var(--vision-card-border);--image-field-border-dashed: var(--vaadin-border-color)}.modern-image-field{width: 100%;animation: fadeInUp 0.5s ease-out}@keyframes fadeInUp{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@keyframes pulse{0%,100%{transform: scale(1)}50%{transform: scale(1.03)}}@keyframes shimmer{0%{background-position: -200% center}100%{background-position: 200% center}}@keyframes float{0%,100%{transform: translateY(0)}50%{transform: translateY(-5px)}}@keyframes slideIn{from{transform: translateX(-100%);opacity: 0}to{transform: translateX(0);opacity: 1}}@keyframes glow{0%,100%{box-shadow: var(--image-field-shadow-soft)}50%{box-shadow: 0 0 20px rgba(102,126,234,0.3)}}.modern-image-field .header-card{background: var(--image-field-surface);border: 1px solid var(--image-field-border);border-radius: 16px;box-shadow: var(--image-field-shadow-soft);padding: 24px;margin-bottom: 24px;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);position: relative;overflow: hidden}.modern-image-field .header-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--image-field-accent-fill);transform: scaleX(0);transition: transform 0.3s ease}.modern-image-field .header-card:hover::before{transform: scaleX(1)}.modern-image-field .header-card:hover{box-shadow: var(--image-field-shadow-medium);transform: translateY(-2px)}.modern-image-field .card-title{margin: 0;color: var(--image-field-text);font-size: 26px;font-weight: 600;letter-spacing: -0.5px;animation: slideIn 0.5s ease-out}.modern-image-field .selectors-layout{margin-top: 20px;gap: 16px;flex-direction: column;animation: fadeInUp 0.6s ease-out 0.1s both}.modern-image-field .selector-group{display: flex;align-items: center;gap: 12px;padding: 12px 16px;background: var(--image-field-surface);border: 1px solid var(--image-field-border);border-radius: 12px;box-shadow: var(--image-field-shadow-soft);transition: all 0.3s ease;position: relative;width: 100%;box-sizing: border-box}.modern-image-field .selector-group::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 2px;background: var(--image-field-accent-fill);transform: scaleX(0);transition: transform 0.3s ease}.modern-image-field .selector-group:hover::after{transform: scaleX(1)}.modern-image-field .selector-group:hover{box-shadow: var(--image-field-shadow-medium);transform: translateY(-1px);border-color: var(--aura-accent-color)}.modern-image-field .selector-label{font-weight: 600;color: var(--aura-accent-text-color);min-width: 70px;font-size: 13px;text-transform: uppercase;letter-spacing: 0.5px}.modern-image-field .modern-combo{flex: 1;min-width: 0;border-radius: 8px;border: 1px solid var(--image-field-border);transition: all 0.3s ease}.modern-image-field .modern-combo:hover{border-color: var(--aura-accent-color)}.modern-image-field .modern-combo[focused]{border-color: var(--aura-accent-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--aura-accent-color) 10%,transparent)}.modern-image-field .info-badges{margin-top: 20px;gap: 12px;animation: fadeInUp 0.7s ease-out 0.2s both}.modern-image-field .info-badge{display: inline-flex;align-items: center;gap: 8px;padding: 8px 14px;border-radius: 20px;font-size: 13px;font-weight: 600;transition: all 0.3s ease;cursor: default;position: relative;overflow: hidden}.modern-image-field .info-badge:hover{transform: translateY(-2px) scale(1.05)}.modern-image-field .badge-primary{background: var(--aura-accent-color);color: white;box-shadow: var(--aura-shadow-xs)}.modern-image-field .badge-success{background: var(--aura-green);color: white;box-shadow: var(--aura-shadow-xs)}.modern-image-field .badge-warning{background: var(--aura-orange);color: white;box-shadow: var(--aura-shadow-xs)}.modern-image-field .image-tabsheet{background: var(--image-field-surface);border-radius: 16px;box-shadow: var(--image-field-shadow-soft);overflow: hidden;animation: fadeInUp 0.8s ease-out 0.3s both;border: 1px solid var(--image-field-border)}.modern-image-field .image-tabsheet vaadin-tabs{background: var(--image-field-surface-subtle);border-bottom: 1px solid var(--image-field-border)}.modern-image-field .suitable-tab{font-weight: 600;color: var(--image-field-text-secondary);position: relative;transition: color 0.3s ease}.modern-image-field .suitable-tab:hover{color: var(--image-field-accent-fill)}.modern-image-field .suitable-tab[selected]{color: var(--image-field-accent-fill)}.modern-image-field .suitable-tab[selected]::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 3px;background: var(--image-field-accent-fill);animation: slideIn 0.3s ease}.modern-image-field .add-tab{font-style: italic;color: var(--image-field-text-muted);opacity: 0.8;transition: all 0.3s ease}.modern-image-field .add-tab:hover{opacity: 1;color: var(--aura-accent-text-color);transform: scale(1.05)}.modern-image-field .grid-toolbar{display: flex;align-items: center;justify-content: flex-end;padding: 12px 16px 0;background: var(--image-field-surface-subtle)}.modern-image-field .image-count{font-size: 12px;color: var(--image-field-text-muted)}.modern-image-field .image-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(210px,1fr));gap: 12px;padding: 16px;background: var(--image-field-surface-subtle);align-items: start}.modern-image-field .image-card{position: relative;display: flex;flex-direction: column;background: var(--image-field-surface);border: 1px solid var(--image-field-border);border-radius: 10px;overflow: hidden;transition: border-color 0.2s ease,box-shadow 0.2s ease}.modern-image-field .image-card.draggable{cursor: grab}.modern-image-field .image-card.draggable:active{cursor: grabbing}.modern-image-field .image-card.is-primary{border-color: var(--aura-yellow)}.modern-image-field .image-card.is-google{border-color: var(--aura-green)}.modern-image-field .image-card.dragging{opacity: 0.45}.modern-image-field .image-card.drag-over{border-color: var(--aura-accent-color);box-shadow: 0 0 0 3px color-mix(in srgb,var(--aura-accent-color) 22%,transparent)}.modern-image-field .card-media{position: relative;aspect-ratio: 4 / 3;background: var(--image-field-surface-muted);overflow: hidden}.modern-image-field .card-image{display: block;width: 100%;height: 100%;object-fit: cover}.modern-image-field .image-number{position: absolute;top: 8px;left: 8px;width: 20px;height: 20px;border-radius: 6px;background: rgba(15,23,42,0.78);color: #fff;font-size: 11px;font-weight: 600;display: flex;align-items: center;justify-content: center;z-index: 2}.modern-image-field .google-chip{position: absolute;top: 8px;right: 8px;padding: 3px 7px;border-radius: 5px;background: rgba(16,185,129,0.94);color: #fff;font-size: 10px;font-weight: 600;letter-spacing: 0.04em;text-transform: uppercase;z-index: 2}.modern-image-field .card-flag{position: absolute;left: 0;right: 0;bottom: 0;padding: 3px 0;text-align: center;color: #fff;font-size: 10px;font-weight: 700;letter-spacing: 0.06em;text-transform: uppercase;z-index: 2}.modern-image-field .flag-primary{background: var(--aura-yellow);color: var(--image-field-flag-ink)}.modern-image-field .flag-google{background: var(--aura-green)}.modern-image-field .card-info{padding: 10px 10px 8px}.modern-image-field .card-filename{display: flex;align-items: baseline;gap: 2px;min-width: 0;font-size: 13px;font-weight: 600;color: var(--image-field-text)}.modern-image-field .filename-base{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.modern-image-field .filename-ext{flex: 0 0 auto;color: var(--image-field-text-secondary);font-weight: 500}.modern-image-field .card-meta{margin-top: 3px;min-height: 14px;font-size: 11px;color: var(--image-field-text-muted)}.modern-image-field .image-actions{display: flex;gap: 6px;margin-top: 10px}.modern-image-field .image-actions vaadin-button{flex: 1;min-width: 0;height: 30px;margin: 0;padding: 0;border: 1px solid var(--image-field-border);border-radius: 7px;background: var(--image-field-surface-subtle);color: var(--image-field-text-secondary);cursor: pointer;transition: border-color 0.2s ease,color 0.2s ease}.modern-image-field .image-actions vaadin-button vaadin-icon,.modern-image-field .image-actions vaadin-button iron-icon{width: 15px;height: 15px}.modern-image-field .image-actions vaadin-button:hover:not([disabled]){border-color: var(--aura-accent-color);color: var(--aura-accent-text-color);background: var(--image-field-surface-subtle)}.modern-image-field .image-actions vaadin-button.delete-action:hover:not([disabled]){border-color: var(--aura-red);color: var(--aura-red-text)}.modern-image-field .image-actions vaadin-button[disabled]{opacity: 0.45;cursor: not-allowed}.modern-image-field .add-image-card{display: flex;align-items: center;justify-content: center;min-height: 250px;border: 1.5px dashed var(--image-field-border-dashed);border-radius: 10px;background: var(--image-field-surface-subtle);color: var(--image-field-text-muted);cursor: pointer;transition: border-color 0.2s ease,color 0.2s ease}.modern-image-field .add-image-card:hover{border-color: var(--aura-accent-color);color: var(--aura-accent-text-color)}.modern-image-field .add-image-card vaadin-vertical-layout{gap: 6px;padding: 0;text-align: center;color: inherit;font-size: 13px}.modern-image-field .add-image-card vaadin-icon{width: 26px;height: 26px;color: inherit}vaadin-dialog.image-lightbox::part(overlay){border-radius: 14px;box-shadow: 0 24px 60px rgba(15,23,42,0.3)}vaadin-dialog.image-lightbox::part(header){align-items: flex-start;padding: 14px 18px;border-bottom: 1px solid var(--image-field-border)}vaadin-dialog.image-lightbox::part(content){padding: 0}.lightbox-header{display: flex;flex-direction: column;min-width: 0}.lightbox-name{font-size: 14px;font-weight: 600;color: var(--image-field-text);word-break: break-all}.lightbox-meta{margin-top: 2px;font-size: 11px;color: var(--image-field-text-muted)}.lightbox-media{aspect-ratio: 4 / 3;background: var(--image-field-surface-muted)}.lightbox-image{width: 100%;height: 100%;object-fit: contain}.modern-image-field .add-suitable-content{min-height: 400px;padding: 48px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--image-field-surface-subtle) 0%,var(--image-field-surface) 100%)}.modern-image-field .add-icon{color: var(--image-field-accent-fill);margin-bottom: 20px;transition: all 0.3s ease}.modern-image-field .add-icon:hover{transform: scale(1.1) rotate(90deg)}.modern-image-field vaadin-upload{border: 2px dashed var(--image-field-border-dashed);border-radius: 12px;background: var(--image-field-surface-subtle);transition: all 0.3s ease}.modern-image-field vaadin-upload:hover{border-color: var(--aura-accent-color);background: var(--image-field-surface);box-shadow: var(--image-field-shadow-soft)}.modern-image-field vaadin-upload[dragover]{background: color-mix(in srgb,var(--aura-accent-color) 6%,transparent);border-color: var(--image-field-accent-fill);transform: scale(1.01);box-shadow: var(--image-field-shadow-medium)}.modern-image-field vaadin-button[theme~="primary"]{background: var(--image-field-accent-fill);color: var(--aura-accent-contrast-color);border: none;box-shadow: var(--aura-shadow-xs);transition: all 0.3s ease}.modern-image-field vaadin-button[theme~="primary"]:hover{transform: translateY(-2px);box-shadow: var(--aura-shadow-s)}.modern-image-field vaadin-button[theme~="tertiary"]{color: var(--image-field-accent-fill);transition: all 0.2s ease}.modern-image-field vaadin-button[theme~="tertiary"]:hover{background: color-mix(in srgb,var(--aura-accent-color) 10%,transparent);transform: scale(1.05)}.modern-image-field .loading{position: relative;overflow: hidden}.modern-image-field .loading::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg,transparent,color-mix(in srgb,var(--aura-accent-color) 10%,transparent),transparent );animation: shimmer 1.5s infinite}.modern-image-field vaadin-notification{border-radius: 8px}@media (max-width: 768px){.modern-image-field .image-grid{grid-template-columns: repeat(auto-fill,minmax(180px,1fr));gap: 12px;padding: 16px}.modern-image-field .card-title{font-size: 22px}}@media print{.modern-image-field .image-actions,.modern-image-field .add-image-card,.modern-image-field .selector-group vaadin-button{display: none}.modern-image-field .image-card{box-shadow: none;border: 1px solid var(--vision-card-border)}.modern-image-field *{animation: none !important;transition: none !important}}.modern-image-field *{transition-timing-function: cubic-bezier(0.4,0,0.2,1)}.modern-image-field vaadin-horizontal-layout{background-color: transparent !important}.mpf-toolbar{flex-wrap: wrap;padding-block: var(--vaadin-padding-xs)}.full-height-view vaadin-vertical-layout:has(.mpf-content){flex: 1 1 auto;min-height: 0}.full-height-view vaadin-tabsheet:has(.mpf-content){min-height: 0}.full-height-view vaadin-tabsheet:has(.mpf-content)::part(content){display: flex;flex-direction: column}.mpf-truncation-hint{display: block;padding-block: var(--vaadin-padding-xs);padding-inline: var(--vaadin-padding-s);color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-xs)}.mpf-root{display: flex;flex-direction: column;flex: 1 1 auto;min-height: 0}.mpf-content{flex: 1 1 auto;min-height: 0}.mpf-scroller{flex: 1 1 auto;min-height: 12rem;border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-m);background-color: var(--vision-card-surface)}.mpf-log{padding: var(--vaadin-padding-xs) 0}.mpf-row{display: flex;align-items: baseline;gap: var(--vaadin-gap-s);padding: 2px var(--vaadin-padding-s);border-left: 3px solid transparent;font-size: var(--aura-font-size-s);line-height: 1.4}.mpf-row:hover{background-color: var(--vision-contrast-5pct)}.mpf-time{flex: 0 0 auto;color: var(--vaadin-text-color-secondary);font-family: var(--vision-font-family-monospace);font-size: var(--aura-font-size-xs);font-variant-numeric: tabular-nums}.mpf-text{flex: 1 1 auto;white-space: pre-wrap;word-break: break-word}.mpf-row.mpf-warning,.mpf-group.mpf-warning{border-left-color: var(--aura-yellow)}.mpf-row.mpf-error,.mpf-group.mpf-error{border-left-color: var(--aura-red);background-color: color-mix(in srgb,var(--aura-red) 10%,transparent)}.mpf-filter.mpf-warning::part(label){color: var(--aura-yellow-text)}.mpf-filter.mpf-error::part(label){color: var(--aura-red-text)}.mpf-group{border-left: 3px solid transparent;margin: 0}.mpf-group::part(summary){padding: 2px var(--vaadin-padding-s);font-size: var(--aura-font-size-s);font-weight: 400}.mpf-group::part(content){padding: 0 0 var(--vaadin-padding-xs) var(--vaadin-padding-m)}.mpf-group-summary{line-height: 1.4;padding-inline-end: var(--vaadin-padding-m)}.mpf-group-body .mpf-row{border-left-color: var(--vision-contrast-10pct)}vaadin-dialog::part(overlay),vaadin-confirm-dialog::part(overlay){background: var(--vision-card-surface);border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-l);box-shadow: 0 8px 16px -4px rgba(26,26,26,0.22)}vaadin-dialog::part(header),vaadin-confirm-dialog::part(header){padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-bottom: 1px solid var(--vision-card-border)}vaadin-dialog::part(title){font-size: var(--aura-font-size-l);font-weight: var(--aura-font-weight-semibold)}vaadin-dialog::part(content),vaadin-confirm-dialog::part(content){padding: var(--vaadin-padding-l)}vaadin-dialog::part(footer),vaadin-confirm-dialog::part(footer){padding: var(--vaadin-padding-m) var(--vaadin-padding-l);border-top: 1px solid var(--vision-card-border);background: var(--aura-background-color);gap: var(--vaadin-gap-s)}vaadin-confirm-dialog::part(footer){width: auto;margin-inline-start: 0;justify-content: flex-end}vaadin-confirm-dialog::part(cancel-button),vaadin-confirm-dialog::part(reject-button),vaadin-confirm-dialog::part(confirm-button){flex: 0 0 auto}vaadin-dialog::part(backdrop),vaadin-confirm-dialog::part(backdrop){background: rgba(26,26,26,0.45)}vaadin-grid::part(existing-row){background-color: color-mix(in srgb,var(--aura-red) 15%,var(--vision-card-surface)) !important;color: var(--aura-red-text);font-style: italic}vaadin-grid::part(existing-row):hover{background-color: color-mix(in srgb,var(--aura-red) 25%,var(--vision-card-surface)) !important}vaadin-grid::part(importable-row){background-color: color-mix(in srgb,var(--aura-green) 15%,var(--vision-card-surface)) !important;color: var(--aura-green-text);font-weight: 500}vaadin-grid::part(importable-row):hover{background-color: color-mix(in srgb,var(--aura-green) 25%,var(--vision-card-surface)) !important}vaadin-grid::part(dimmed){opacity: 0.55}html{--vision-contrast-5pct: color-mix(in srgb,var(--aura-neutral) 5%,transparent);--vision-contrast-10pct: color-mix(in srgb,var(--aura-neutral) 10%,transparent);--vision-contrast-20pct: color-mix(in srgb,var(--aura-neutral) 20%,transparent);--vision-contrast-30pct: color-mix(in srgb,var(--aura-neutral) 30%,transparent);--vision-contrast-40pct: color-mix(in srgb,var(--aura-neutral) 40%,transparent);--vision-contrast-50pct: color-mix(in srgb,var(--aura-neutral) 50%,transparent);--vision-contrast-60pct: color-mix(in srgb,var(--aura-neutral) 60%,transparent);--vision-contrast-70pct: color-mix(in srgb,var(--aura-neutral) 70%,transparent);--vision-contrast-90pct: color-mix(in srgb,var(--aura-neutral) 90%,transparent);--vision-text-color-tertiary: color-mix(in srgb,var(--vaadin-text-color) 50%,transparent);--vision-font-family-monospace: ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;--vision-font-size-xxs: 0.625rem;--vision-font-size-xxxl: 2.5rem;--vision-size-m: 2.25rem;--vision-size-xl: 3.5rem;--vision-icon-size-s: 1.25em;--vision-icon-size-l: 2.25em}.v-loading-indicator{display: none !important;width: 0 !important;height: 0 !important;animation: none !important}.v-loading-indicator.first,.v-loading-indicator.second,.v-loading-indicator.third{display: flex !important;position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100% !important;height: 100% !important;background: color-mix(in srgb,var(--aura-accent-color) 50%,transparent) !important;pointer-events: auto !important;z-index: 2147483647 !important;justify-content: center !important;align-items: center !important;animation: none !important}.v-loading-indicator.first::after,.v-loading-indicator.second::after,.v-loading-indicator.third::after{content: "";display: block;width: 50px;height: 50px;border: 4px solid rgba(255,255,255,0.3);border-top-color: #fff;border-radius: 50%;animation: spinner 0.8s linear infinite}@keyframes spinner{to{transform: rotate(360deg)}}.v-status-message{background-color: var(--vision-navbar-background);color: var(--vision-navbar-text)}img[src$="vision_logo.jpg"]{padding: var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-m);background: #fff;box-sizing: content-box}img.collection-icon{padding: var(--vaadin-padding-xs);border-radius: var(--vaadin-radius-s);background: light-dark(transparent,#fff);box-sizing: content-box}vaadin-tabsheet::part(loader){display:none}.layout-bordered{border: 1px solid var(--vision-card-border);border-radius: var(--vaadin-radius-m);padding: var(--vaadin-padding-m);margin: var(--vaadin-padding-m) 0 var(--vaadin-padding-m) 0;background: none !important;flex-wrap: wrap}vaadin-horizontal-layout.layout-bordered>[data-width-full]{flex: 1}.action-layout-no-border,.filter-layout-no-border{box-shadow: none !important;margin-bottom: 0 !important}.filter-layout-rows{row-gap: var(--vaadin-gap-s)}.action-layout-rows{row-gap: var(--vaadin-gap-s)}.action-layout-separated{margin-top: var(--vaadin-gap-s)}.vision-section-action{margin-left: auto}.vision-result-summary{color: var(--vaadin-text-color-secondary);font-size: var(--aura-font-size-s)}vaadin-grid,vaadin-tree-grid{--vaadin-grid-row-background-color: var(--vision-card-surface)}vaadin-grid::part(row-error),vaadin-tree-grid::part(row-error){background-color: color-mix(in srgb,var(--aura-red) 10%,var(--vision-card-surface));font-weight: 600}vaadin-grid::part(row-attention),vaadin-tree-grid::part(row-attention){background-color: color-mix(in srgb,var(--aura-yellow) 30%,var(--vision-card-surface))}vaadin-grid::part(row-open){box-shadow: inset 3px 0 0 0 var(--aura-accent-color);background-color: color-mix(in srgb,var(--aura-accent-color) 22%,var(--vision-card-surface))}vaadin-grid::part(row-highlight){box-shadow: inset 3px 0 0 0 var(--aura-accent-color)}.action-layout-no-border vaadin-menu-bar{width: 100%}.action-layout-no-border vaadin-menu-bar::part(container){width: 100%}.action-layout-no-border vaadin-menu-bar vaadin-menu-bar-button{flex-grow: 1}vaadin-button.btn-inline,vaadin-menu-bar.btn-inline{--vaadin-button-padding: 0;--vaadin-button-height: auto;margin: 0}vaadin-button.btn-contrast{--vaadin-button-background: var(--aura-neutral);--vaadin-button-text-color: var(--aura-background-color)}vaadin-grid.grid-compact,vaadin-tree-grid.grid-compact{--vaadin-grid-cell-padding: var(--vaadin-padding-xs) var(--vaadin-padding-s)}vaadin-progress-bar.progress-success{--vaadin-progress-bar-value-background: var(--aura-green)}vaadin-progress-bar.progress-error{--vaadin-progress-bar-value-background: var(--aura-red)}vaadin-progress-bar.progress-contrast{--vaadin-progress-bar-value-background: var(--aura-neutral)}vaadin-horizontal-layout.vision-action-row{gap: var(--vaadin-gap-m);flex-wrap: nowrap}.vision-action-row__primary{display: flex;align-items: center;gap: var(--vaadin-gap-s);flex-wrap: wrap}