html{--cargis-accent: #ad9372;--cargis-accent-strong: #826e56;--cargis-accent-text: #574a39;--cargis-accent-tint: rgba(173,147,114,0.14);--cargis-header-bg: #000000;--cargis-header-text: #ffffff;--cargis-page-bg: #f4f4f4;--cargis-surface: #ffffff;--cargis-gap: var(--lumo-space-m);--cargis-radius: var(--lumo-border-radius-l);--lumo-primary-color: var(--cargis-accent-strong);--lumo-primary-color-50pct: rgba(130,110,86,0.5);--lumo-primary-color-10pct: rgba(130,110,86,0.1);--lumo-primary-text-color: var(--cargis-accent-text);--lumo-primary-contrast-color: #ffffff}vaadin-app-layout.cargis-layout::part(navbar){background: var(--cargis-header-bg);color: var(--cargis-header-text);min-height: 56px}vaadin-app-layout.cargis-layout::part(drawer){background: var(--cargis-surface);border-inline-end: 1px solid var(--lumo-contrast-10pct)}vaadin-app-layout.cargis-layout{background: var(--cargis-page-bg)}.cargis-navbar{padding-inline-end: var(--lumo-space-m);gap: var(--lumo-space-m)}.cargis-navbar vaadin-drawer-toggle{color: var(--cargis-header-text)}.brand-logo{height: 36px;width: auto;display: block}.brand-product{color: var(--cargis-header-text);font-weight: 600;white-space: nowrap;padding-inline-start: var(--lumo-space-s);border-inline-start: 1px solid rgba(255,255,255,0.35)}.view-title{color: rgba(255,255,255,0.85);font-size: var(--lumo-font-size-m);font-weight: 400;margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.navbar-right{gap: var(--lumo-space-s);flex-shrink: 0}.navbar-user{color: var(--cargis-header-text);display: inline-flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s)}.navbar-user vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}vaadin-button.navbar-logout{color: var(--cargis-header-text)}.cargis-nav{padding: var(--lumo-space-s)}vaadin-side-nav-item[current]{box-shadow: inset 3px 0 0 var(--cargis-accent)}.page{padding: var(--cargis-gap);box-sizing: border-box}.panel{background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);padding: var(--lumo-space-l);max-width: 60rem}.panel h2,.demo-simulations h2{font-size: var(--lumo-font-size-l);margin: 0 0 var(--lumo-space-s)}.help-text{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s);margin: var(--lumo-space-xs) 0}.field-row{display: flex;gap: var(--lumo-space-m);align-items: baseline}.field-label{min-width: 12rem;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.demo-simulations{margin-top: var(--lumo-space-l);padding-top: var(--lumo-space-m);border-top: 1px dashed var(--lumo-contrast-20pct)}.toolbar{background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);padding: var(--lumo-space-s) var(--lumo-space-m);box-sizing: border-box}.status-bar{min-height: var(--lumo-size-s);padding-inline: var(--lumo-space-xs)}.sync-info{font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color)}.alerts:empty{display: none}.alerts{display: flex;flex-direction: column;gap: var(--lumo-space-s);width: 100%}.alert{display: flex;align-items: center;flex-wrap: wrap;gap: var(--lumo-space-s);padding: var(--lumo-space-s) var(--lumo-space-m);border-radius: var(--cargis-radius);border: 1px solid var(--lumo-error-color-50pct);background: var(--lumo-error-color-10pct);color: var(--lumo-error-text-color);font-size: var(--lumo-font-size-s)}.alert a{color: inherit;font-weight: 600}.placeholder{width: 100%;box-sizing: border-box;padding: var(--lumo-space-xl) var(--lumo-space-l);background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);color: var(--lumo-secondary-text-color);text-align: center}.placeholder.placeholder-error{color: var(--lumo-error-text-color);border-color: var(--lumo-error-color-50pct);background: var(--lumo-error-color-10pct)}vaadin-grid.offers-grid{background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);min-height: 12rem}.cell-stack{display: flex;flex-direction: column;align-items: flex-start;gap: 2px;line-height: var(--lumo-line-height-s)}.cell-primary{font-weight: 600}.cell-secondary{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.cell-warning{color: var(--lumo-warning-text-color,#8a5300);font-size: var(--lumo-font-size-xs)}.row-actions{gap: var(--lumo-space-xs)}.pill-prefix{margin-inline-end: 0.3em}.pill{display: inline-flex;align-items: center;padding: 1px var(--lumo-space-s);border-radius: 999px;border: 1px solid currentColor;font-size: var(--lumo-font-size-xs);font-weight: 600;line-height: 1.6;white-space: nowrap}.pill-ok{color: var(--lumo-success-text-color);background: var(--lumo-success-color-10pct)}.pill-warn{color: #7a4b00;background: #fff4dc}.pill-error{color: var(--lumo-error-text-color);background: var(--lumo-error-color-10pct)}.pill-neutral{color: var(--lumo-secondary-text-color);background: var(--lumo-contrast-5pct)}.pill-info{color: var(--cargis-accent-text);background: var(--cargis-accent-tint)}.demo-banner{background: #fff4dc}.dialog-subtitle{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.form-error{color: var(--lumo-error-text-color);font-size: var(--lumo-font-size-s);font-weight: 600}.login-view{background: var(--cargis-page-bg)}.login-card{display: flex;flex-direction: column;align-items: center;gap: var(--lumo-space-s);background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);padding: 0 0 var(--lumo-space-l);max-width: 26rem;width: 100%;overflow: hidden}.login-brand{background: var(--cargis-header-bg);width: 100%;display: flex;justify-content: center;padding: var(--lumo-space-m) 0}.login-brand .brand-logo{height: 56px}.login-title{font-size: var(--lumo-font-size-l);margin: var(--lumo-space-s) 0 0}.demo-accounts{width: 100%;box-sizing: border-box;padding: 0 var(--lumo-space-l);font-size: var(--lumo-font-size-s)}.demo-accounts h2{font-size: var(--lumo-font-size-m);margin: 0}.demo-accounts ul{margin: var(--lumo-space-xs) 0;padding-inline-start: var(--lumo-space-l)}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}a:focus-visible{outline: 2px solid var(--cargis-accent-strong);outline-offset: 2px}@media (max-width: 900px){.brand-product,.navbar-user span{display: none}.page{padding: var(--lumo-space-s)}}.login-card>.pill{white-space: normal;text-align: center;margin: 0 var(--lumo-space-m);border-radius: var(--lumo-border-radius-m)}vaadin-grid.offers-grid{font-size: var(--lumo-font-size-s)}vaadin-grid.offers-grid .pill{white-space: normal}vaadin-grid.offers-grid .row-actions{flex-wrap: wrap}vaadin-grid.offers-grid .pill{border-radius: var(--lumo-border-radius-m)}.wrap{flex-wrap: wrap}.search-field{flex: 1 1 16rem;min-width: 12rem}.narrow-panel{max-width: 28rem}.monospace input,vaadin-text-field.monospace::part(input-field){font-family: var(--lumo-font-family-monospace,monospace);letter-spacing: 0.05em}.cargis-nav vaadin-side-nav{margin-bottom: var(--lumo-space-m)}vaadin-menu-bar.user-menu vaadin-menu-bar-button{color: var(--cargis-header-text);background: transparent}vaadin-menu-bar.user-menu vaadin-menu-bar-button:focus-visible{outline: 2px solid var(--cargis-accent);outline-offset: 1px}.mobile-card{gap: var(--lumo-space-xs);padding: var(--lumo-space-xs) 0;width: 100%}.card-header{display: flex;justify-content: space-between;align-items: flex-start;gap: var(--lumo-space-s);width: 100%}@media (max-width: 760px){.cargis-navbar{gap: var(--lumo-space-xs)}.view-title,.connection-slot .pill-prefix{display: none}.brand-logo{height: 30px}.toolbar{padding: var(--lumo-space-s)}.toolbar>*{flex: 1 1 100%}.panel{padding: var(--lumo-space-m)}.field-row{flex-direction: column;gap: 0;margin-bottom: var(--lumo-space-s)}vaadin-grid.offers-grid{min-height: 60vh}}.toolbar h2{font-size: var(--lumo-font-size-xl);margin: 0;flex: 1 1 auto}.nowrap{white-space: nowrap}.route{display: flex;flex-wrap: wrap;align-items: baseline;column-gap: var(--lumo-space-xs);row-gap: 2px}.route-arrow{color: var(--lumo-secondary-text-color)}.place{display: inline-flex;align-items: baseline;gap: 0.3em;white-space: nowrap}.place .country{font-size: var(--lumo-font-size-xxs);font-weight: 600;letter-spacing: 0.04em;color: var(--cargis-accent-text);background: var(--cargis-accent-tint);border-radius: var(--lumo-border-radius-s);padding: 0 0.35em}a.offer-link{color: var(--lumo-body-text-color);text-decoration: none;border-bottom: 1px solid var(--cargis-accent)}a.offer-link:hover{color: var(--cargis-accent-text)}.selection-bar{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s);width: 100%;box-sizing: border-box;padding: var(--lumo-space-xs) var(--lumo-space-m);border: 1px solid var(--cargis-accent);border-radius: var(--cargis-radius);background: var(--cargis-accent-tint)}.selection-bar>.cell-primary{margin-inline-end: auto}.freight-page{max-width: 80rem}.detail-header{display: flex;flex-direction: column;gap: var(--lumo-space-xs);width: 100%}.detail-header>div:nth-child(2){display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s) var(--lumo-space-m)}.detail-title{font-size: var(--lumo-font-size-xxl);margin: 0}.detail-pills,.detail-pills .cell-stack{display: flex;flex-direction: row;flex-wrap: wrap;gap: var(--lumo-space-xs)}.detail-header .route{font-size: var(--lumo-font-size-l)}.back-link{display: inline-flex;align-items: center;gap: var(--lumo-space-xs);font-size: var(--lumo-font-size-s);color: var(--cargis-accent-text);text-decoration: none}.back-link vaadin-icon{width: var(--lumo-icon-size-s);height: var(--lumo-icon-size-s)}.detail-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,22rem),1fr));gap: var(--cargis-gap);width: 100%}.detail-card{background: var(--cargis-surface);border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--cargis-radius);padding: var(--lumo-space-m) var(--lumo-space-l);box-sizing: border-box;width: 100%}.detail-card h3{font-size: var(--lumo-font-size-m);margin: 0 0 var(--lumo-space-s);color: var(--cargis-accent-text);text-transform: uppercase;letter-spacing: 0.04em}.kv{display: grid;grid-template-columns: minmax(8rem,40%) 1fr;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) 0;border-bottom: 1px solid var(--lumo-contrast-5pct);font-size: var(--lumo-font-size-s)}.kv:last-of-type{border-bottom: none}.kv-label{color: var(--lumo-secondary-text-color)}.kv-value{display: flex;flex-direction: column;gap: 2px;min-width: 0;overflow-wrap: anywhere}.detail-card .row-actions{margin-top: var(--lumo-space-s)}.contact-list{list-style: none;margin: 0;padding: 0}.contact-list li{display: flex;align-items: center;gap: var(--lumo-space-s);padding: var(--lumo-space-xs) 0}.timeline{list-style: none;margin: 0;padding: 0 0 0 var(--lumo-space-m);border-inline-start: 2px solid var(--cargis-accent-tint)}.timeline-item{position: relative;display: flex;flex-direction: column;gap: 2px;padding: var(--lumo-space-s) 0;font-size: var(--lumo-font-size-s)}.timeline-item::before{content: "";position: absolute;inset-inline-start: calc(-1 * var(--lumo-space-m) - 6px);top: calc(var(--lumo-space-s) + 0.45em);width: 10px;height: 10px;border-radius: 50%;background: var(--cargis-accent)}.timeline-head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-s)}.timeline-time{color: var(--lumo-secondary-text-color);font-variant-numeric: tabular-nums}.source-note{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-xs) var(--lumo-space-m);padding: 0 var(--lumo-space-xs)}.spec-list{list-style: none;margin: var(--lumo-space-s) 0 0;padding: 0}.spec-list li{display: flex;flex-direction: column;gap: 2px;padding: var(--lumo-space-s) 0;border-top: 1px solid var(--lumo-contrast-5pct);font-size: var(--lumo-font-size-s);overflow-wrap: anywhere}.stop-list{counter-reset: stop;margin-top: 0}.stop-list li{position: relative;padding-inline-start: 2rem}.stop-list li:first-child{border-top: none}.stop-list li::before{counter-increment: stop;content: counter(stop);position: absolute;inset-inline-start: 0;top: var(--lumo-space-s);width: 1.4rem;height: 1.4rem;border-radius: 50%;background: var(--cargis-accent-tint);color: var(--cargis-accent-text);font-size: var(--lumo-font-size-xs);font-weight: 600;display: flex;align-items: center;justify-content: center}@media (max-width: 760px){.detail-card{padding: var(--lumo-space-s) var(--lumo-space-m)}.kv{grid-template-columns: 1fr;gap: 0}.detail-title{font-size: var(--lumo-font-size-xl)}.selection-bar>.cell-primary{flex: 1 1 100%}}.kv-value{align-items: flex-start}vaadin-grid.offers-grid .cell-secondary{white-space: normal}.language-switch{display: flex;justify-content: flex-end;gap: var(--lumo-space-xs)}.language-switch vaadin-button{padding: 2px;min-width: 0;opacity: 0.7}.language-switch vaadin-button.current{opacity: 1;outline: 2px solid var(--cargis-accent);outline-offset: 1px;border-radius: 2px}.language-switch .flag{display: block;width: 24px;height: auto;border-radius: 2px}vaadin-menu-bar-overlay .language-switch,vaadin-context-menu-overlay .language-switch{justify-content: flex-start;padding: var(--lumo-space-xs) var(--lumo-space-m)}.language-item{display: inline-flex;align-items: center;gap: var(--lumo-space-s)}.language-item .flag{width: 20px;height: auto;border-radius: 2px}.login-card>.language-switch{padding: var(--lumo-space-s) var(--lumo-space-m)}.demo-password{font-family: var(--lumo-font-family-monospace,monospace);font-weight: 600;user-select: all}.auto-cell{display: flex;flex-direction: column;gap: 3px;font-size: var(--lumo-font-size-s)}.auto-head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--lumo-space-xs) var(--lumo-space-s)}.auto-settings{color: var(--lumo-body-text-color);font-size: var(--lumo-font-size-xs);font-weight: 600;white-space: nowrap}.auto-line{display: flex;align-items: flex-start;gap: var(--lumo-space-xs);line-height: 1.35;color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-xs)}.auto-line vaadin-icon{flex: none;width: 0.95em;height: 0.95em;margin-top: 0.15em}.auto-line.tone-next{color: var(--lumo-body-text-color)}.auto-line.tone-ok vaadin-icon{color: var(--lumo-success-text-color)}.auto-line.tone-info vaadin-icon{color: var(--cargis-accent-text)}.auto-line.tone-warn{color: var(--lumo-warning-text-color,#8a5a00)}.auto-line.tone-error{color: var(--lumo-error-text-color)}.action-slots{display: grid;grid-template-columns: var(--lumo-size-s) 5.25rem var(--lumo-size-s) var(--lumo-size-s);align-items: center;gap: 2px}.action-slots .main-action{width: 100%;margin: 0}.action-slots vaadin-button{margin: 0;min-width: 0}.action-slots vaadin-button[theme~='icon']{width: var(--lumo-size-s);padding: 0}.mobile-card .action-slots{grid-template-columns: auto 7rem var(--lumo-size-s) var(--lumo-size-s);justify-content: start}