:root{--aura-accent-color-light: #2F5BEA;--aura-accent-color-dark: #6E8EF5;--aura-background-color-light: oklch(1 0 0);--aura-app-layout-inset: 0px;--aura-background-color-dark: oklch(0.19 0.01 260);--s-accent: light-dark(#2F5BEA,#6E8EF5);--s-text: var(--vaadin-text-color);--s-text-2: var(--vaadin-text-color-secondary);--s-border: var(--vaadin-border-color-secondary,rgba(0,0,0,.08));--s-surface: var(--aura-surface-color,#fff);--s-radius-s: 6px;--s-radius-m: 10px;--s-radius-l: 14px;--s-space-1: 4px;--s-space-2: 8px;--s-space-3: 12px;--s-space-4: 16px;--s-space-5: 20px;--s-space-6: 24px;--s-space-7: 32px;--s-space-8: 48px;--s-text-xs: 12px;--s-text-sm: 13px;--s-text-md: 14px;--s-text-lg: 16px;--s-text-xl: 20px;--s-text-2xl: 24px;--s-gray: #6B7280;--s-gray-bg: light-dark(#F3F4F6,#262A33);--s-gray-text: light-dark(#374151,#D1D5DB);--s-blue: light-dark(#2F5BEA,#6E8EF5);--s-blue-bg: light-dark(#EEF2FF,#172449);--s-blue-text: light-dark(#1E3A8A,#A5B4FC);--s-sky: light-dark(#0284C7,#38BDF8);--s-sky-bg: light-dark(#E6F4FB,#0C2A3B);--s-sky-text: light-dark(#075985,#7DD3FC);--s-teal: light-dark(#0D9488,#2DD4BF);--s-teal-bg: light-dark(#E6F7F5,#0D2D2A);--s-teal-text: light-dark(#115E59,#5EEAD4);--s-green: light-dark(#16A34A,#4ADE80);--s-green-bg: light-dark(#ECFDF3,#12301F);--s-green-text: light-dark(#166534,#86EFAC);--s-yellow: light-dark(#D97706,#FBBF24);--s-yellow-bg: light-dark(#FFF7E6,#3A2A0A);--s-yellow-text: light-dark(#92400E,#FCD34D);--s-orange: light-dark(#EA580C,#FB923C);--s-orange-bg: light-dark(#FFF1E8,#3A1E0C);--s-orange-text: light-dark(#9A3412,#FDBA74);--s-red: light-dark(#DC2626,#F87171);--s-red-bg: light-dark(#FEF2F2,#3B1313);--s-red-text: light-dark(#991B1B,#FCA5A5);--s-pink: light-dark(#DB2777,#F472B6);--s-pink-bg: light-dark(#FDECF5,#3A1229);--s-pink-text: light-dark(#9D174D,#F9A8D4);--s-violet: light-dark(#7C3AED,#A78BFA);--s-violet-bg: light-dark(#F3EDFF,#261A45);--s-violet-text: light-dark(#5B21B6,#C4B5FD);--lumo-primary-color: var(--s-accent);--lumo-primary-text-color: var(--s-accent);--lumo-primary-color-10pct: color-mix(in srgb,var(--s-accent) 10%,transparent);--lumo-primary-color-50pct: color-mix(in srgb,var(--s-accent) 50%,transparent);--lumo-secondary-text-color: var(--s-text-2);--lumo-border-radius-l: var(--s-radius-l);--lumo-border-radius-m: var(--s-radius-m);--lumo-border-radius-s: var(--s-radius-s);font-feature-settings: "cv11","ss01"}.s-icon{display: inline-flex;align-items: center;justify-content: center;line-height: 0;flex: none}.s-icon svg{width: 1em;height: 1em;stroke-width: 1.75}.s-page{padding: var(--s-space-6) var(--s-space-7);box-sizing: border-box;width: 100%}.s-page-header{display: flex;align-items: center;gap: var(--s-space-3);padding: var(--s-space-6) var(--s-space-7) var(--s-space-4);box-sizing: border-box;width: 100%}.s-page-header .s-page-titles{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.s-page-title{font-size: var(--s-text-2xl);font-weight: 600;letter-spacing: -0.015em;line-height: 1.2;margin: 0;color: var(--s-text)}.s-page-sub{font-size: var(--s-text-sm);color: var(--s-text-2)}.s-page-sub:not([hidden]){display: flex;align-items: center;gap: 4px}.s-page-sub a{color: inherit;text-decoration: none}.s-page-sub a:hover{color: var(--s-accent)}.s-card{background: var(--s-surface);border: 1px solid var(--s-border);border-radius: var(--s-radius-l);padding: var(--s-space-4) var(--s-space-5);box-sizing: border-box;box-shadow: none}.s-card-title{font-size: var(--s-text-md);font-weight: 600;margin: 0 0 var(--s-space-3);color: var(--s-text)}.s-kpi{display: flex;flex-direction: column;gap: var(--s-space-2);min-height: 96px}.s-kpi-head{display: flex;align-items: center;gap: var(--s-space-2)}.s-kpi-label{font-size: var(--s-text-xs);font-weight: 500;color: var(--s-text-2);flex: 1;letter-spacing: 0.01em}.s-kpi-value{font-size: 28px;font-weight: 600;letter-spacing: -0.02em;line-height: 1.1;color: var(--s-text);font-variant-numeric: tabular-nums}.s-kpi-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--s-gray);flex: none}.s-kpi-icon{width: 28px;height: 28px;border-radius: var(--s-radius-s);display: inline-flex;align-items: center;justify-content: center;background: var(--s-gray-bg);color: var(--s-text-2);font-size: 16px}.s-kpi-sub{font-size: var(--s-text-xs);color: var(--s-text-2)}.s-toolbar{display: flex;align-items: center;gap: var(--s-space-3);flex-wrap: wrap;padding: 0 var(--s-space-7) var(--s-space-3);box-sizing: border-box;width: 100%}.s-count{font-size: var(--s-text-sm);color: var(--s-text-2);font-variant-numeric: tabular-nums}.s-grid{border: 1px solid var(--s-border);border-radius: var(--s-radius-l);overflow: hidden;font-variant-numeric: tabular-nums}.s-grid-wrap{padding: 0 var(--s-space-7) var(--s-space-6);box-sizing: border-box;width: 100%}.s-badge{display: inline-flex;align-items: center;gap: 6px;padding: 2px 10px;border-radius: 999px;font-size: var(--s-text-xs);font-weight: 500;white-space: nowrap;line-height: 20px}.s-badge::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: currentColor;opacity: .8}.s-tone-gray{--k: var(--s-gray);--k-bg: var(--s-gray-bg);--k-text: var(--s-gray-text)}.s-tone-blue{--k: var(--s-blue);--k-bg: var(--s-blue-bg);--k-text: var(--s-blue-text)}.s-tone-sky{--k: var(--s-sky);--k-bg: var(--s-sky-bg);--k-text: var(--s-sky-text)}.s-tone-teal{--k: var(--s-teal);--k-bg: var(--s-teal-bg);--k-text: var(--s-teal-text)}.s-tone-green{--k: var(--s-green);--k-bg: var(--s-green-bg);--k-text: var(--s-green-text)}.s-tone-yellow{--k: var(--s-yellow);--k-bg: var(--s-yellow-bg);--k-text: var(--s-yellow-text)}.s-tone-orange{--k: var(--s-orange);--k-bg: var(--s-orange-bg);--k-text: var(--s-orange-text)}.s-tone-red{--k: var(--s-red);--k-bg: var(--s-red-bg);--k-text: var(--s-red-text)}.s-tone-pink{--k: var(--s-pink);--k-bg: var(--s-pink-bg);--k-text: var(--s-pink-text)}.s-tone-violet{--k: var(--s-violet);--k-bg: var(--s-violet-bg);--k-text: var(--s-violet-text)}.s-badge{background: var(--k-bg,var(--s-gray-bg));color: var(--k-text,var(--s-gray-text))}.s-badge-gray{--k: var(--s-gray);--k-bg: var(--s-gray-bg);--k-text: var(--s-gray-text)}.s-badge-blue{--k: var(--s-blue);--k-bg: var(--s-blue-bg);--k-text: var(--s-blue-text)}.s-badge-sky{--k: var(--s-sky);--k-bg: var(--s-sky-bg);--k-text: var(--s-sky-text)}.s-badge-teal{--k: var(--s-teal);--k-bg: var(--s-teal-bg);--k-text: var(--s-teal-text)}.s-badge-green{--k: var(--s-green);--k-bg: var(--s-green-bg);--k-text: var(--s-green-text)}.s-badge-yellow{--k: var(--s-yellow);--k-bg: var(--s-yellow-bg);--k-text: var(--s-yellow-text)}.s-badge-orange{--k: var(--s-orange);--k-bg: var(--s-orange-bg);--k-text: var(--s-orange-text)}.s-badge-red{--k: var(--s-red);--k-bg: var(--s-red-bg);--k-text: var(--s-red-text)}.s-badge-pink{--k: var(--s-pink);--k-bg: var(--s-pink-bg);--k-text: var(--s-pink-text)}.s-badge-violet{--k: var(--s-violet);--k-bg: var(--s-violet-bg);--k-text: var(--s-violet-text)}.s-tile{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 22px;height: 22px;border-radius: var(--s-radius-s);background: var(--k-bg,var(--s-gray-bg));color: var(--k,var(--s-text-2))}.s-tile .s-icon svg{width: 14px;height: 14px}.s-tile-l{width: 36px;height: 36px;border-radius: var(--s-radius-m)}.s-tile-l .s-icon svg{width: 20px;height: 20px}.s-avatar{display: inline-flex;align-items: center;justify-content: center;flex: none;width: 20px;height: 20px;border-radius: 50%;background: var(--k-bg,var(--s-gray-bg));color: var(--k-text,var(--s-gray-text));font-size: 10px;font-weight: 600;letter-spacing: .02em;line-height: 1;text-transform: uppercase}.s-avatar-xl{width: 44px;height: 44px;border-radius: var(--s-radius-l);font-size: 16px}.s-ampel{display: inline-flex;align-items: center;gap: 6px;font-size: var(--s-text-xs);min-width: 0}.s-ampel>span:last-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-ampel-dot{flex: none;width: 10px;height: 10px;border-radius: 50%;box-sizing: border-box}.s-ampel-blue{background: var(--s-blue)}.s-ampel-sky{background: var(--s-sky)}.s-ampel-teal{background: var(--s-teal)}.s-ampel-green{background: var(--s-green)}.s-ampel-yellow{background: var(--s-yellow)}.s-ampel-orange{background: var(--s-orange)}.s-ampel-red{background: var(--s-red)}.s-ampel-pink{background: var(--s-pink)}.s-ampel-violet{background: var(--s-violet)}.s-ampel-gray{background: var(--s-gray-text)}.s-ampel-open{border: 1.5px solid var(--s-gray-text)}.s-ampel-grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 4px 10px}.s-funnel{display: flex;flex-direction: column;gap: 4px;margin: 0 var(--lumo-space-m) var(--lumo-space-m);padding: 12px 16px;border: 1px solid var(--lumo-contrast-10pct);border-radius: var(--lumo-border-radius-l)}.s-funnel-step{display: grid;grid-template-columns: minmax(90px,180px) minmax(0,1fr) minmax(90px,140px);align-items: center;gap: 12px;min-height: 40px;padding: 2px 8px;border: 0;border-radius: var(--lumo-border-radius-m);background: transparent;font: inherit;color: inherit;text-align: left;cursor: pointer}.s-funnel-step:hover,.s-funnel-step[aria-pressed="true"]{background: var(--lumo-primary-color-10pct)}.s-funnel-step:focus-visible{outline: 2px solid var(--s-accent);outline-offset: 1px}.s-funnel-name{font-weight: 600;font-size: var(--s-text-sm)}.s-funnel-track{display: flex;justify-content: center}.s-funnel-bar{display: flex;align-items: center;justify-content: center;height: 32px;min-width: 32px;border-radius: 6px;background: var(--s-accent);color: #fff;font-weight: 700;font-size: var(--s-text-sm)}.s-funnel-step[aria-pressed="true"] .s-funnel-bar{box-shadow: 0 0 0 3px var(--lumo-primary-color-25pct)}.s-funnel-rate{font-size: var(--s-text-xs);color: var(--lumo-secondary-text-color);text-align: right}.s-funnel-exits{font-size: var(--s-text-xs);color: var(--lumo-secondary-text-color);padding: 6px 8px 0}.s-lane-active{outline: 2px solid var(--lumo-primary-color);outline-offset: -2px}@media (max-width: 640px){.s-funnel-step{grid-template-columns: minmax(80px,110px) minmax(0,1fr)}.s-funnel-rate{display: none}}.s-chips{display: flex;flex-wrap: wrap;gap: 4px;align-items: center}.s-chip{display: inline-flex;align-items: center;padding: 1px 10px;border-radius: 999px;line-height: 20px;font-size: var(--s-text-xs);font-weight: 500;white-space: nowrap;text-decoration: none;background: var(--s-blue-bg);color: var(--s-blue-text)}a.s-chip:hover{text-decoration: underline}.s-chip-links vaadin-multi-select-combo-box-chip{cursor: pointer}.s-chip-links vaadin-multi-select-combo-box-chip:hover{text-decoration: underline}.s-muted{color: var(--s-text-2);font-size: var(--s-text-sm)}.s-empty{display: flex;flex-direction: column;align-items: center;gap: var(--s-space-2);text-align: center;padding: var(--s-space-8) var(--s-space-6);color: var(--s-text-2);font-size: var(--s-text-md)}.s-empty .s-icon{font-size: 28px;color: var(--s-text-2);opacity: .7}.s-empty strong,.s-empty .s-empty-title{color: var(--s-text);font-weight: 600}.s-skeleton{border-radius: var(--s-radius-s);min-height: 14px;background: linear-gradient(90deg,var(--s-gray-bg) 25%,color-mix(in srgb,var(--s-gray-bg) 40%,transparent) 37%,var(--s-gray-bg) 63%);background-size: 400% 100%;animation: s-shimmer 1.4s ease infinite}@keyframes s-shimmer{0%{background-position: 100% 50%}100%{background-position: 0 50%}}.s-change{display: flex;gap: var(--s-space-2);align-items: flex-start;padding: 8px 10px;border-radius: var(--s-radius-m);background: var(--s-gray-bg);font-size: var(--s-text-md);line-height: 1.45}.s-change .s-icon{margin-top: 2px;color: var(--s-text-2);font-size: 16px}.s-change-probe{background: var(--s-blue-bg)}.s-change-probe .s-icon{color: var(--s-accent)}html{--aura-app-background: light-dark(#ffffff,var(--aura-background-color-dark))}vaadin-app-layout::part(navbar){border-bottom: 1px solid var(--s-border);background: light-dark(#ffffff,transparent)}vaadin-app-layout::part(drawer){border-right: 1px solid var(--s-border);background: light-dark(#ffffff,transparent)}vaadin-app-layout::part(content){border: 0;border-radius: 0}vaadin-app-layout{--vaadin-app-layout-drawer-width: 264px}vaadin-side-nav-item::part(content){font-size: var(--s-text-md)}vaadin-side-nav::part(label){font-size: 11.5px;font-weight: 700;letter-spacing: .08em;text-transform: uppercase;color: var(--s-text)}.s-nav-lists{flex: 1 1 auto;min-height: 0;overflow-y: auto;width: 100%;display: block}.s-nav-lists>vaadin-side-nav{display: block}.s-nav-lists>vaadin-side-nav:not([hidden])~vaadin-side-nav:not([hidden]){margin-top: var(--s-space-3);padding-top: 10px;border-top: 1px solid var(--s-border)}.s-nav-lists>vaadin-side-nav::part(label){align-self: stretch;width: 100%;box-sizing: border-box}.s-nav-group-label{flex: 1;display: flex;align-items: center;gap: var(--s-space-2)}.s-nav-group-name{min-width: 0;overflow: hidden;text-overflow: ellipsis}.s-nav-group-count{margin-left: auto;font-weight: 500;letter-spacing: 0;color: var(--s-text-2);font-variant-numeric: tabular-nums}.s-nav-attn{font-size: 11px;font-weight: 600;letter-spacing: 0;line-height: 18px;padding: 0 7px;border-radius: 999px;font-variant-numeric: tabular-nums;cursor: pointer;text-transform: none}.s-nav-attn-warn{background: var(--s-yellow-bg);color: var(--s-yellow-text)}.s-nav-attn-crit{background: var(--s-red-bg);color: var(--s-red-text)}.s-nav-attn:hover{filter: brightness(.95)}.s-nav-group-label .s-nav-attn{margin-left: auto;cursor: inherit}.s-nav-group-label .s-nav-attn:not([hidden]) + .s-nav-group-count{margin-left: 0}vaadin-side-nav:not([collapsed]) .s-nav-attn-group{display: none}vaadin-side-nav:not([collapsed]) .s-nav-attn-group + .s-nav-group-count{margin-left: auto}.s-nav-admin{border-top: 1px solid var(--s-border);padding-top: var(--s-space-2)}.s-nav-user{padding: var(--lumo-space-s) var(--lumo-space-m);font-size: var(--lumo-font-size-s);color: var(--lumo-secondary-text-color);border-top: 1px solid var(--lumo-contrast-10pct);margin-top: auto;width: 100%;box-sizing: border-box}.s-nav-chips{display: flex;flex-direction: column;gap: 6px;padding: var(--s-space-2) var(--s-space-2) var(--s-space-1)}.s-nav-chip-row{display: flex;flex-wrap: wrap;gap: 4px}.s-nav-chip{display: inline-flex;align-items: center;gap: 4px;max-width: 100%;min-width: 0;height: 24px;padding: 0 8px;border: 1px solid var(--s-border);border-radius: 999px;background: var(--s-blue-bg);font-size: 12px;font-weight: 500;color: var(--s-text);text-decoration: none}.s-nav-chip:hover{border-color: var(--s-accent);color: var(--s-accent)}.s-nav-chip svg{width: 12px;height: 12px;flex-shrink: 0;color: var(--s-text-2)}.s-nav-chip-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-nav-chip-pin svg{color: var(--s-accent);fill: currentColor}.s-nav-chip-more{min-width: 0;margin: 0;cursor: pointer;font: inherit;font-size: 12px;--vaadin-button-padding: 0 8px;--vaadin-button-height: 24px}.s-nav-chip-item{position: relative;display: inline-flex;max-width: 100%;min-width: 0}.s-nav-chip-x{position: absolute;top: -5px;right: -4px;width: 14px;height: 14px;border-radius: 50%;display: none;align-items: center;justify-content: center;background: var(--s-surface);border: 1px solid var(--s-border);color: var(--s-text-2);cursor: pointer}.s-nav-chip-x svg{width: 9px;height: 9px}.s-nav-chip-item:hover .s-nav-chip-x,.s-nav-chip-x:focus-visible{display: inline-flex}.s-nav-chip-x:hover{color: var(--s-red);border-color: var(--s-red)}@media (hover: none){.s-nav-chip-x{display: inline-flex}}.s-pin.s-pinned{color: var(--s-accent)}.s-pin.s-pinned svg{fill: currentColor}.s-hub-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--s-space-4);width: 100%}.s-hub-col{display: flex;flex-direction: column;gap: 6px;min-width: 0}.s-hub-col h3{font-size: 11px;font-weight: 600;letter-spacing: .06em;text-transform: uppercase;color: var(--s-text-2);margin: 0 0 2px}.s-hub-tile a{display: flex;gap: var(--s-space-2);align-items: center;padding: 8px 10px;border: 1px solid var(--s-border);border-radius: 8px;color: inherit;text-decoration: none;font-size: var(--s-text-md)}.s-hub-tile a:hover{background: var(--s-hover,rgba(0,0,0,.04));border-color: var(--s-accent)}.s-hub-tile svg{width: 16px;height: 16px;color: var(--s-text-2);flex-shrink: 0}:focus-visible{outline-color: var(--s-accent)}vaadin-button,vaadin-side-nav-item{transition: background-color .15s ease,color .15s ease}.s-page-header.s-compact{padding-top: var(--s-space-3);padding-bottom: var(--s-space-3)}.s-page-header.s-compact .s-page-sub{display: none}.s-page-header.s-compact .s-page-title{font-size: var(--s-text-lg)}.s-page-header-sticky{position: sticky;top: 0;z-index: 100;background: color-mix(in srgb,var(--aura-background-color,#fff) 88%,transparent);backdrop-filter: blur(8px);border-bottom: 1px solid var(--s-border);padding-bottom: var(--s-space-3)}.s-dashboard{display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: var(--s-space-4);padding: 0 var(--s-space-7) var(--s-space-7);box-sizing: border-box;align-items: stretch;align-content: start}.s-dashboard>*{min-width: 0}.s-chips{display: flex;gap: var(--s-space-1);flex-wrap: wrap;align-items: center}.s-chip{border-radius: 999px;font-weight: 500;color: var(--s-text-2);border: 1px solid var(--s-border)}.s-chip-count{font-size: var(--s-text-xs);color: var(--s-text-2);font-variant-numeric: tabular-nums;margin-left: 2px}.s-chip-active{background: var(--s-blue-bg);color: var(--s-blue-text);border-color: transparent}.s-chip-active .s-chip-count{color: var(--s-blue-text)}.s-selection-bar{display: flex;align-items: center;gap: var(--s-space-2);flex-wrap: wrap;padding: var(--s-space-2) var(--s-space-3);margin-bottom: var(--s-space-2);border-radius: var(--s-radius-m);background: var(--s-blue-bg);color: var(--s-blue-text)}.s-selection-count{font-weight: 600;font-size: var(--s-text-md);margin-right: var(--s-space-2)}.s-hint{display: flex;align-items: center;gap: var(--s-space-2);flex-wrap: wrap;margin: 0 var(--s-space-7) var(--s-space-3);padding: var(--s-space-2) var(--s-space-3) var(--s-space-2) var(--s-space-4);border: 1px solid color-mix(in srgb,var(--s-accent) 25%,transparent);border-radius: var(--s-radius-m);background: var(--s-blue-bg);color: var(--s-blue-text);font-size: var(--s-text-md)}.s-hint>.s-icon{font-size: 16px;color: var(--s-accent)}.s-hint-text{flex: 1;min-width: 200px}.s-briefing-item{display: flex;align-items: center;gap: var(--s-space-2);flex-wrap: wrap;padding: var(--s-space-2) 0;border-bottom: 1px solid var(--lumo-contrast-5pct)}.s-briefing-item:last-child{border-bottom: none}.s-briefing-text{flex: 1;min-width: 180px}.s-briefing-note{color: var(--lumo-secondary-text-color);font-size: var(--lumo-font-size-s)}.s-item-card{display: flex;flex-direction: column;gap: 6px;padding: 10px 12px;position: relative}.s-item-card[draggable="true"]{cursor: grab}.s-card-move{position: absolute;top: 4px;right: 4px;opacity: 0;transition: opacity .15s ease}.s-item-card:hover .s-card-move,.s-card-move:focus-visible{opacity: 1}@media (hover: none){.s-card-move{opacity: 1}}.s-rows{display: flex;flex-direction: column;border-top: 1px solid var(--s-border);margin: 0 var(--s-space-7)}.s-row-card{display: grid;grid-template-columns: 152px minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(120px,160px);gap: var(--s-space-5);padding: var(--s-space-4) 0;border-bottom: 1px solid var(--s-border);align-items: start}.s-rows-noimg .s-row-card{grid-template-columns: minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) minmax(120px,160px)}.s-rc-imglink{display: block;line-height: 0}.s-rc-img{position: relative;overflow: hidden;border-radius: var(--s-radius-m);background: var(--s-gray-bg);aspect-ratio: 4 / 3;width: 100%;display: grid;place-items: center;color: var(--s-text-2)}.s-rc-img img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.s-rc-noimg{font-size: var(--s-text-2xl);opacity: .5}.s-rc-count{position: absolute;top: var(--s-space-2);left: var(--s-space-2);display: inline-flex;align-items: center;gap: var(--s-space-1);background: rgba(16,20,30,.62);color: #fff;font-size: 11px;font-weight: 600;line-height: 1;padding: 3px 6px;border-radius: 5px;font-variant-numeric: tabular-nums}.s-rc-band{position: absolute;left: 0;right: 0;bottom: 0;text-align: center;color: #fff;font-size: var(--s-text-xs);font-weight: 600;line-height: 1;padding: 5px 0}.s-rc-band-red{background: var(--s-red)}.s-rc-band-yellow{background: var(--s-yellow)}.s-rc-band-green{background: var(--s-green)}.s-rc-band-blue{background: var(--s-blue)}.s-rc-band-gray{background: var(--s-gray)}.s-rc-main{display: flex;flex-direction: column;gap: 2px;min-width: 0}.s-rc-over{font-size: var(--s-text-xs);color: var(--s-text-2);font-variant-numeric: tabular-nums}.s-rc-title{font-size: var(--s-text-md);font-weight: 600;color: var(--s-text);text-decoration: none;overflow-wrap: anywhere}.s-rc-title:hover{color: var(--s-accent)}.s-rc-sub{font-size: var(--s-text-sm);color: var(--s-text-2)}.s-rc-figures{display: flex;flex-direction: column;gap: var(--s-space-2);min-width: 0}.s-rc-value{font-size: var(--s-text-lg);font-weight: 600;letter-spacing: -0.01em;font-variant-numeric: tabular-nums}.s-rc-metrics{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s-space-1) var(--s-space-4)}.s-rc-metric{display: flex;align-items: center;gap: 6px;font-size: var(--s-text-sm);min-width: 0;font-variant-numeric: tabular-nums}.s-rc-metric>.s-icon{color: var(--s-text-2)}.s-rc-metric>span:last-child{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-rc-meta{display: flex;flex-direction: column;gap: var(--s-space-2);min-width: 0}.s-rc-badges{display: flex;flex-wrap: wrap;gap: 6px}.s-rc-when{font-size: var(--s-text-xs);color: var(--s-text-2)}.s-rc-side{display: flex;flex-direction: column;align-items: flex-end;gap: 6px;text-align: right;min-width: 0}.s-rc-who{display: inline-flex;align-items: center;gap: var(--s-space-2);font-size: var(--s-text-sm);font-weight: 500}.s-rc-open{display: inline-flex;align-items: center;gap: 6px;font-size: var(--s-text-xs);color: var(--s-red-text)}.s-rc-open::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--s-red)}.s-rc-related{display: inline-flex;align-items: center;gap: var(--s-space-1);font-size: var(--s-text-xs);color: var(--s-accent);border: 1px solid var(--s-border);border-radius: var(--s-radius-s);padding: 2px var(--s-space-2);font-variant-numeric: tabular-nums}.s-avatar{width: 26px;height: 26px;border-radius: 50%;display: inline-grid;place-items: center;flex: none;font-size: 11px;font-weight: 600;color: #fff}.s-avatar-0{background: #2F5BEA}.s-avatar-1{background: #14B8A6}.s-avatar-2{background: #F59E0B}.s-avatar-3{background: #8B5CF6}.s-avatar-4{background: #EF4444}.s-avatar-5{background: #0EA5E9}.s-avatar-6{background: #84CC16}.s-avatar-7{background: #EC4899}.s-media-cards{display: grid;grid-template-columns: repeat(auto-fill,minmax(230px,1fr));gap: var(--s-space-4);padding: 0 var(--s-space-7) var(--s-space-6)}.s-card.s-media-card{padding: 0;overflow: hidden;display: flex;flex-direction: column}.s-media-card .s-rc-img{border-radius: 0}.s-mc-body{display: flex;flex-direction: column;gap: var(--s-space-2);padding: var(--s-space-3) var(--s-space-4) var(--s-space-4);flex: 1}.s-media-card .s-rc-metrics{grid-template-columns: repeat(3,minmax(0,1fr))}.s-mc-foot{display: flex;align-items: center;justify-content: space-between;gap: var(--s-space-2);margin-top: auto;padding-top: var(--s-space-2);border-top: 1px solid var(--s-border)}.s-mc-foot .s-rc-who{font-size: var(--s-text-xs);flex-direction: row-reverse}@media (max-width: 1100px){.s-row-card{grid-template-columns: 120px minmax(0,1fr) minmax(0,1fr)}.s-rows-noimg .s-row-card{grid-template-columns: minmax(0,1fr) minmax(0,1fr)}.s-row-card>.s-rc-meta{grid-column: 2 / 3}.s-row-card>.s-rc-side{grid-column: 3 / 4;align-items: flex-start;text-align: left}.s-rows-noimg .s-row-card>.s-rc-meta{grid-column: 1 / 2}.s-rows-noimg .s-row-card>.s-rc-side{grid-column: 2 / 3}}@media (max-width: 600px){.s-rows{margin: 0 var(--s-space-4)}.s-row-card,.s-rows-noimg .s-row-card{grid-template-columns: 96px minmax(0,1fr);gap: var(--s-space-3)}.s-rows-noimg .s-row-card{grid-template-columns: minmax(0,1fr)}.s-row-card>.s-rc-figures,.s-row-card>.s-rc-meta,.s-row-card>.s-rc-side,.s-rows-noimg .s-row-card>.s-rc-meta,.s-rows-noimg .s-row-card>.s-rc-side{grid-column: 1 / -1}.s-row-card>.s-rc-side{flex-direction: row;flex-wrap: wrap;align-items: center}.s-media-cards{padding: 0 var(--s-space-4) var(--s-space-4)}}.s-link-small{font-size: var(--s-text-sm);color: var(--s-accent);text-decoration: none;display: inline-flex;align-items: center;gap: 4px}.s-link-small:hover{text-decoration: underline}@media (max-width: 600px){.s-page-header,.s-toolbar,.s-grid-wrap,.s-dashboard,.s-page{padding-left: var(--s-space-4);padding-right: var(--s-space-4)}.s-hint{margin-left: var(--s-space-4);margin-right: var(--s-space-4)}.s-page-title{font-size: var(--s-text-xl)}.s-dashboard>*{grid-column: span 12 !important}vaadin-button{min-height: 40px}vaadin-text-field{width: 100% !important}.s-card-move{opacity: 1}}@media (max-width: 900px){.s-dashboard>*[style*="span 3"]{grid-column: span 6 !important}}.s-login{gap: var(--s-space-4);background: var(--s-surface)}.s-login-brand{height: 32px;margin-bottom: var(--s-space-2)}.s-login vaadin-login-form-wrapper::part(form-title){font-size: var(--s-text-xl);font-weight: 600}.s-login>.s-muted{max-width: 320px;text-align: center}.s-login-alt{width: 100%;max-width: 320px;gap: var(--s-space-2);padding: 0}.s-login-alt vaadin-button{width: 100%}.s-login-or{width: 100%;max-width: 320px;text-align: center;color: var(--s-text-2);font-size: var(--s-text-sm)}.s-login-note{width: 100%;max-width: 320px;box-sizing: border-box;padding: var(--s-space-2) var(--s-space-3);border-radius: var(--s-radius-m);font-size: var(--s-text-sm)}.s-login-note.s-error{background: var(--s-red-bg);color: var(--s-red-text)}.s-login-note.s-info{background: var(--s-gray-bg);color: var(--s-text)}.s-provider-logo{width: 18px;height: 18px;display: inline-flex}.s-notfound{min-height: 60vh;justify-content: center}.s-notfound h2{margin: 0;font-size: var(--s-text-xl);font-weight: 600;color: var(--s-text)}.s-notfound .s-actions{display: flex;gap: var(--s-space-2);margin-top: var(--s-space-3)}.s-prompt-chat{gap: var(--s-space-2);max-height: 50vh;overflow-y: auto}.s-prompt-chips{display: flex;flex-wrap: wrap;gap: var(--s-space-2)}.s-chip{border: 1px solid var(--s-border);border-radius: 999px;color: var(--s-text)}.s-chip:hover{border-color: var(--s-accent);color: var(--s-accent)}.s-prompt-proposal{gap: var(--s-space-2)}.s-prompt-preview{border: 1px solid var(--s-border);border-radius: var(--s-radius-m)}.s-code{margin: 0;padding: var(--s-space-2);border-radius: var(--s-radius-s);font-size: var(--s-text-xs);white-space: pre-wrap;max-height: 240px;overflow: auto;background: var(--s-gray-bg);color: var(--s-text)}.s-bubble{padding: var(--s-space-2) var(--s-space-3);border-radius: var(--s-radius-m);max-width: 90%;white-space: pre-wrap}.s-bubble-me{align-self: flex-end;background: color-mix(in srgb,var(--s-accent) 10%,transparent)}.s-bubble-ai{align-self: flex-start;background: var(--s-gray-bg)}.s-actions-card{padding: var(--s-space-4);display: flex;flex-direction: column;gap: var(--s-space-3)}.s-section-title{font-size: var(--s-text-md);font-weight: 600;color: var(--s-text)}.s-action-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: var(--s-space-2)}.s-action{display: flex;flex-direction: column;gap: var(--s-space-1);padding: var(--s-space-3);border: 1px solid var(--s-border);border-radius: var(--s-radius-m);cursor: pointer;transition: border-color .15s,background-color .15s}.s-action:hover,.s-action:focus-visible{border-color: var(--s-accent);background: color-mix(in srgb,var(--s-accent) 4%,transparent);outline: none}.s-action-title{display: flex;align-items: center;gap: var(--s-space-2);font-weight: 600;font-size: var(--s-text-sm);color: var(--s-text)}.s-action-title .s-icon{color: var(--s-accent)}.s-menu-item{display: inline-flex;align-items: center;gap: var(--s-space-2)}.s-menu-item .s-icon{color: var(--s-text-2)}vaadin-menu-bar-item.s-menu-danger,vaadin-menu-bar-item.s-menu-danger .s-icon,vaadin-context-menu-item.s-menu-danger,vaadin-context-menu-item.s-menu-danger .s-icon{color: var(--s-red-text)}html{--vaadin-checkbox-border-color: color-mix(in srgb,var(--s-text) 38%,transparent);--vaadin-radio-button-border-color: color-mix(in srgb,var(--s-text) 38%,transparent);--vaadin-checkbox-border-width: 1.5px}vaadin-checkbox:not([checked],[indeterminate],[disabled])::part(checkbox){border: 1.5px solid color-mix(in srgb,var(--s-text) 38%,transparent);box-sizing: border-box}vaadin-checkbox:not([checked],[indeterminate],[disabled]):hover::part(checkbox){border-color: var(--s-accent)}.schnack-grid{display: grid;grid-template-columns: repeat(12,1fr);align-content: start;box-sizing: border-box}.schnack-grid:not(.s-dashboard){align-items: start;gap: var(--s-space-4) var(--s-space-5);padding: var(--s-space-2) var(--s-space-7) var(--s-space-7)}.schnack-grid:not(.s-dashboard)>vaadin-checkbox,.schnack-grid:not(.s-dashboard)>vaadin-button{margin-top: var(--lumo-space-l)}.s-dashboard{align-items: stretch}.s-dashboard>.s-kpi,.s-dashboard>*>.s-kpi,.s-dashboard>.s-card{height: 100%;box-sizing: border-box}.schnack-grid .schnack-grid{padding: 0}.schnack-grid.s-grid-dense{grid-auto-flow: row dense}@media (max-width: 600px){.schnack-grid:not(.s-dashboard){padding-left: var(--s-space-4);padding-right: var(--s-space-4)}}.s-history{display: flex;flex-direction: column;gap: var(--s-space-3)}.s-history-row{display: flex;gap: var(--s-space-3);align-items: flex-start;font-size: var(--s-text-sm)}.s-history-icon{color: var(--s-text-2);margin-top: 2px}.s-kpi-link{cursor: pointer;transition: border-color .15s}.s-kpi-link:hover{border-color: var(--s-accent)}.s-chip.s-filter-chip{display: inline-flex;align-items: center;gap: 0;padding: 0 2px 0 var(--s-space-2);background: var(--s-blue-bg);color: var(--s-blue-text);border: 1px solid transparent;min-height: 28px}.s-chip.s-filter-chip:hover{border-color: var(--s-blue-text)}.s-filter-chip vaadin-button{color: inherit;margin: 0;min-width: 0;height: 26px;padding: 0 4px;background: transparent;border: none;box-shadow: none;font-weight: 500}.s-filter-chip vaadin-button::part(label){padding: 0}.s-filter-chip vaadin-button[theme~="icon"]{width: 22px;height: 22px;border-radius: 999px;opacity: .7}.s-filter-chip vaadin-button[theme~="icon"]:hover{opacity: 1;background: color-mix(in srgb,currentColor 12%,transparent)}.s-view-tabs{gap: var(--s-space-1);padding-bottom: var(--s-space-2)}.s-view-tabs vaadin-button{margin: 0;min-height: 26px;height: 26px;font-size: var(--s-text-xs);background: transparent}.s-view-tabs vaadin-button.s-chip-active{background: var(--s-blue-bg);color: var(--s-blue-text);border-color: transparent}.s-kbd{margin-left: var(--s-space-2);opacity: .7;font-size: .72em;font-weight: 500;line-height: 1;padding: 2px 4px;border: 1px solid currentColor;border-radius: 4px;white-space: nowrap}vaadin-text-field>.s-kbd{opacity: .45;margin-right: var(--s-space-1)}.s-keys-help{display: grid;grid-template-columns: auto 1fr;gap: 6px 16px;align-items: center}.s-keys-help h4{grid-column: 1 / -1;margin: var(--s-space-3) 0 0;font-size: 13px;color: var(--lumo-secondary-text-color)}.s-keys-help .s-kbd{margin-left: 0;justify-self: start}.s-kpi-row{align-items: stretch;align-content: flex-start;height: auto !important}.s-kpi-row>*{flex: 1 1 150px;min-width: 140px;height: auto !important}.schnack-grid:not(.s-dashboard),.s-grid-wrap{padding-bottom: 88px}@media (max-width: 600px){.schnack-grid:not(.s-dashboard)>*{grid-column: span 12 !important;grid-row: auto !important}.s-command-label,.s-kbd{display: none !important}}.s-mail-list{display: flex;flex-direction: column;gap: var(--s-space-3)}.s-mail{border: 1px solid var(--s-border);border-radius: var(--s-radius-m);padding: var(--s-space-3) var(--s-space-4);background: var(--s-surface)}.s-mail-head{display: flex;gap: var(--s-space-3);align-items: center;flex-wrap: wrap}.s-mail-head .s-mail-when{margin-left: auto}.s-mail-subject{font-weight: 600}.s-mail-body{margin-top: var(--s-space-2);white-space: pre-wrap;font-size: var(--s-text-sm);color: var(--s-text)}.s-mail-agent{margin-top: var(--s-space-2);font-size: var(--s-text-sm);color: var(--s-text-2);display: flex;gap: var(--s-space-2);align-items: center;flex-wrap: wrap}.s-mail-out{background: var(--s-gray-bg)}.s-inbox-filters{display: flex;gap: var(--s-space-2);flex-wrap: wrap;margin-bottom: var(--s-space-4)}.s-pill{border-radius: 999px;padding: 4px 12px;font-size: var(--s-text-sm);font-weight: 600;cursor: pointer;background: var(--s-gray-bg);color: var(--s-gray-text);user-select: none}.s-pill-active{background: var(--s-blue-bg);color: var(--s-blue-text)}.s-pill-warn{background: var(--s-yellow-bg);color: var(--s-yellow-text)}.s-inbox{background: var(--s-surface);border: 1px solid var(--s-border);border-radius: var(--s-radius-l);overflow: hidden;width: 100%}.s-inbox-row{display: grid;grid-template-columns: 14px minmax(150px,1.2fr) minmax(0,3fr) 170px 120px;gap: var(--s-space-3);align-items: center;padding: var(--s-space-3) var(--s-space-4);border-bottom: 1px solid var(--s-border);cursor: pointer}.s-inbox-row:last-child{border-bottom: none}.s-inbox-row:hover{background: var(--s-gray-bg)}.s-inbox-head{color: var(--s-text-2);font-size: var(--s-text-xs);font-weight: 600;cursor: default;padding-top: var(--s-space-2);padding-bottom: var(--s-space-2)}.s-inbox-head:hover{background: none}.s-inbox-row.s-open,.s-inbox-row.s-open:hover{background: var(--s-blue-bg)}.s-inbox-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--s-yellow)}.s-inbox-from{display: flex;flex-direction: column;min-width: 0}.s-inbox-from>span,.s-inbox-subj{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.s-inbox-strong{font-weight: 600}.s-inbox-dim{color: var(--s-text-2)}.s-inbox-detail{grid-column: 2 / -1;display: grid;grid-template-columns: minmax(0,1fr) 340px;gap: var(--s-space-4);border-top: 1px dashed var(--s-border);padding-top: var(--s-space-3);margin-top: var(--s-space-1);cursor: default}.s-inbox-text{white-space: pre-wrap;font-size: var(--s-text-sm);max-height: 16em;overflow-y: auto}.s-inbox-agent{background: var(--s-gray-bg);border-radius: var(--s-radius-m);padding: var(--s-space-3);font-size: var(--s-text-sm);display: flex;flex-direction: column;gap: var(--s-space-2);align-items: flex-start}.s-inbox-agent.s-warn{background: var(--s-yellow-bg)}@media (max-width: 800px){.s-inbox-row{grid-template-columns: 10px minmax(0,1fr) auto}.s-inbox-row>.s-inbox-subj-col,.s-inbox-head{display: none}.s-inbox-detail{grid-column: 1 / -1;grid-template-columns: 1fr}}.s-mail-list .s-mail-body{max-height: 7.5em;overflow: hidden;cursor: pointer}.s-mail-list .s-mail-body.s-open{max-height: none}.s-mail-files{display: flex;gap: var(--s-space-2);flex-wrap: wrap;margin-top: var(--s-space-2);align-items: center;font-size: var(--s-text-sm)}.s-mail-thumb{width: 96px;height: 72px;object-fit: cover;border-radius: var(--s-radius-s);border: 1px solid var(--s-border);display: block}.s-approval{display: flex;flex-direction: column;gap: var(--s-space-2);background: var(--s-surface);border: 1px solid var(--s-border);border-left: 3px solid var(--s-yellow);border-radius: var(--s-radius-m);padding: var(--s-space-3);width: 100%;box-sizing: border-box}.s-approval-head{display: flex;justify-content: space-between;gap: var(--s-space-2);align-items: baseline;flex-wrap: wrap}.s-approval-title{font-weight: 600}.s-approval-text{white-space: pre-wrap;font-size: var(--s-text-sm)}.s-approval-quote{white-space: pre-wrap;font-size: var(--s-text-sm);background: var(--s-gray-bg);border-radius: var(--s-radius-s);padding: var(--s-space-2) var(--s-space-3);max-height: 14em;overflow-y: auto}.s-approval-actions{display: flex;gap: var(--s-space-2)}.s-record-link{font-size: var(--s-text-sm);text-decoration: none}.s-record-link:hover{text-decoration: underline}schnack-code{display: block;font-family: var(--lumo-font-family-monospace,ui-monospace,monospace)}schnack-code code{font-family: inherit;white-space: inherit}schnack-code .hljs-keyword,schnack-code .hljs-meta,schnack-code-editor .hljs-keyword,schnack-code-editor .hljs-meta{color: var(--lumo-primary-text-color);font-weight: 600}schnack-code .hljs-string,schnack-code .hljs-regexp,schnack-code-editor .hljs-string,schnack-code-editor .hljs-regexp{color: var(--lumo-success-text-color)}schnack-code .hljs-number,schnack-code .hljs-literal,schnack-code-editor .hljs-number,schnack-code-editor .hljs-literal{color: var(--lumo-warning-text-color,#b45309)}schnack-code .hljs-comment,schnack-code-editor .hljs-comment{color: var(--lumo-secondary-text-color);font-style: italic}schnack-code .hljs-built_in,schnack-code .hljs-type,schnack-code .hljs-title,schnack-code-editor .hljs-built_in,schnack-code-editor .hljs-type,schnack-code-editor .hljs-title{color: var(--lumo-error-text-color)}schnack-code .hljs-variable,schnack-code .hljs-attr,schnack-code .hljs-operator,schnack-code-editor .hljs-variable,schnack-code-editor .hljs-attr,schnack-code-editor .hljs-operator{color: var(--s-text)}schnack-code-editor{display: grid;font-family: var(--lumo-font-family-monospace,ui-monospace,monospace);font-size: 12px;line-height: 1.5;border: 1px solid var(--s-border);border-radius: var(--s-radius-s);background: var(--lumo-base-color);color: var(--s-text);overflow: auto}schnack-code-editor:focus-within{border-color: var(--s-accent)}schnack-code-editor .sce-layer,schnack-code-editor .sce-input{grid-area: 1 / 1;margin: 0;padding: var(--s-space-2) var(--s-space-3);border: 0;font: inherit;line-height: inherit;letter-spacing: normal;tab-size: 4;white-space: pre-wrap;overflow-wrap: anywhere;word-break: normal}schnack-code-editor .sce-layer code{font: inherit;white-space: inherit;background: none;padding: 0}schnack-code-editor .sce-layer{pointer-events: none}schnack-code-editor .sce-layer span{font-weight: inherit}schnack-code-editor .sce-input{resize: none;overflow: hidden;outline: none;background: transparent;color: transparent;caret-color: var(--s-text);min-height: 100%;box-sizing: border-box}schnack-code-editor .sce-input::placeholder{color: var(--lumo-secondary-text-color)}schnack-code-editor .sce-input::selection{background: color-mix(in srgb,var(--s-accent) 25%,transparent);color: transparent}.s-detail-scroll{width: 100%;flex: 1;overflow-y: auto}.s-detail-page{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s-space-6);padding: 0 var(--s-space-7) var(--s-space-8);box-sizing: border-box;max-width: 1440px}.s-detail-page.s-with-outline{grid-template-columns: minmax(0,1fr) 208px}.s-detail-main{min-width: 0;display: flex;flex-direction: column}.s-detail-main .schnack-grid:not(.s-dashboard){padding: var(--s-space-2) 0 var(--s-space-4)}.s-section{border-bottom: 1px solid var(--s-border);scroll-margin-top: var(--s-space-4)}.s-section-head{display: flex;align-items: center;gap: var(--s-space-3);min-height: 44px}.s-section-toggle{flex: 1;min-width: 0;display: flex;align-items: baseline;gap: var(--s-space-2);background: none;border: 0;padding: var(--s-space-3) 0;margin: 0;cursor: pointer;text-align: left;font: inherit;color: var(--s-text)}.s-section-toggle:focus-visible{outline: 2px solid var(--s-accent);outline-offset: 2px;border-radius: var(--s-radius-s)}.s-section-chevron{color: var(--s-text-2);align-self: center;display: inline-flex;transition: transform .15s ease}.s-section.s-open>.s-section-head .s-section-chevron{transform: rotate(90deg)}.s-section-title{font-size: 15px;font-weight: 600;white-space: nowrap}.s-section.s-zero .s-section-title{color: var(--s-text-2);font-weight: 500}.s-section-summary{font-size: var(--s-text-sm);color: var(--s-text-2);min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-section.s-open>.s-section-head .s-section-summary.s-preview{display: none}.s-section-actions{display: flex;align-items: center;gap: var(--s-space-1);flex-shrink: 0}.s-section-btn{display: inline-flex;align-items: center;gap: 4px;height: 28px;min-width: 28px;justify-content: center;padding: 0 var(--s-space-2);border-radius: var(--s-radius-s);font-size: var(--s-text-sm);color: var(--s-accent);text-decoration: none;cursor: pointer}.s-section-btn:hover{background: var(--s-blue-bg);text-decoration: none}.s-section-btn.s-muted{color: var(--s-text-2)}.s-section-via{display: block;font-size: var(--s-text-xs);color: var(--s-text-2);margin: calc(-1 * var(--s-space-1)) 0 var(--s-space-2)}.s-section-body{padding: 0 0 var(--s-space-5) calc(1em + var(--s-space-2))}.s-section-more{margin-top: var(--s-space-2);background: none;border: 0;padding: var(--s-space-1) 0;cursor: pointer;font: inherit;font-size: var(--s-text-sm);color: var(--s-accent)}.s-section-more:hover{text-decoration: underline}.s-link-strong{font-weight: 600}.s-section-group{font-size: var(--s-text-xs);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;color: var(--s-text-2);margin-top: var(--s-space-6);padding-bottom: var(--s-space-1)}.s-count.s-warn{color: var(--s-red-text);font-weight: 600}.s-page-title-row{display: flex;align-items: center;gap: var(--s-space-2);flex-wrap: wrap;min-width: 0}.s-page-position{color: var(--s-text-2)}.s-page-facts{display: flex;flex-wrap: wrap;align-items: baseline;gap: var(--s-space-1) var(--s-space-5);font-size: var(--s-text-sm);color: var(--s-text);margin-top: var(--s-space-1)}.s-fact{display: inline-flex;gap: var(--s-space-1);align-items: baseline;white-space: nowrap}.s-fact-label{color: var(--s-text-2)}.s-page-header.s-compact .s-page-facts{display: none}.s-stepper{display: inline-flex;border: 1px solid var(--s-border);border-radius: var(--s-radius-m,8px)}.s-stepper vaadin-button{margin: 0;min-width: 32px}.s-page-tools{display: inline-flex;align-items: center}.s-record-actions{display: inline-flex;align-items: center;gap: var(--s-space-1)}.s-record-actions vaadin-button{margin: 0}.s-record-actions-menu .s-choice-list{gap: 2px}.s-record-actions-menu .s-choice-list vaadin-button{justify-content: flex-start;width: 100%;margin: 0}.s-outline-toggle{display: none;align-items: center;gap: var(--s-space-2);height: 32px;padding: 0 var(--s-space-3);border: 1px solid var(--s-border);border-radius: var(--s-radius-m,8px);background: none;cursor: pointer;font: inherit;font-size: var(--s-text-sm);color: var(--s-text)}.s-detail-bar{display: none}#abschnitt-jetzt{border: 1px solid var(--s-border);border-radius: var(--s-radius-l,12px);padding: 0 var(--s-space-4);margin: var(--s-space-4) 0 var(--s-space-2)}#abschnitt-jetzt .s-section-head{min-height: 36px}#abschnitt-jetzt .s-section-chevron,#abschnitt-jetzt>.s-section-head .s-count{display: none}#abschnitt-jetzt .s-section-title{font-size: var(--s-text-sm);color: var(--s-text-2)}#abschnitt-jetzt .s-section-body{padding: 0 0 var(--s-space-2)}.s-now{display: flex;flex-direction: column;margin: 0 calc(-1 * var(--s-space-4))}.s-now-row{display: grid;grid-template-columns: 28px minmax(0,1fr) auto;align-items: center;gap: var(--s-space-2);min-height: 52px;padding: var(--s-space-2) var(--s-space-4);border-top: 1px solid var(--s-border);cursor: pointer}.s-now-row:hover{background: var(--s-blue-bg)}.s-now-row:focus-visible{outline: 2px solid var(--s-accent);outline-offset: -2px}.s-now-text{display: flex;flex-direction: column;min-width: 0}.s-now-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-now-src{font-size: var(--s-text-xs);color: var(--s-text-2);white-space: nowrap}.s-now-when{font-size: var(--s-text-sm);color: var(--s-text-2);white-space: nowrap}.s-now-row.s-warn .s-now-when{color: var(--s-red-text);font-weight: 600}.s-now-row.s-done .s-now-title{text-decoration: line-through;color: var(--s-text-2)}.s-timeline-input{margin-bottom: var(--s-space-2)}.s-timeline{display: flex;flex-direction: column;margin: 0 calc(-1 * var(--s-space-4))}.s-timeline>.s-muted{padding: var(--s-space-2) var(--s-space-4)}.s-timeline-row{display: grid;grid-template-columns: 28px minmax(0,1fr) auto;align-items: start;gap: var(--s-space-2);padding: var(--s-space-2) var(--s-space-4);border-top: 1px solid var(--s-border)}.s-timeline-row:hover{background: var(--s-blue-bg)}.s-timeline-row[role=link] .s-timeline-text{cursor: pointer}.s-timeline-text{display: flex;flex-direction: column;min-width: 0;gap: 2px}.s-timeline-title{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 500}.s-timeline-meta{font-size: var(--s-text-xs);color: var(--s-text-2)}.s-timeline-body{font-size: var(--s-text-sm);white-space: pre-line;overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.s-timeline-when{font-size: var(--s-text-sm);color: var(--s-text-2);white-space: nowrap}.s-timeline-row.s-warn .s-timeline-when{color: var(--s-red-text);font-weight: 600}.s-timeline-row.s-done .s-timeline-title{text-decoration: line-through;color: var(--s-text-2)}.s-outline{position: sticky;top: var(--s-space-4);align-self: start;display: flex;flex-direction: column;gap: 0;padding-top: var(--s-space-3);max-height: calc(100vh - 160px);overflow-y: auto}.s-outline-title{font-size: var(--s-text-xs);font-weight: 600;color: var(--s-text-2);margin-bottom: var(--s-space-2)}.s-outline-item{display: block}.s-outline-entry{display: flex;justify-content: space-between;align-items: baseline;width: 100%;gap: var(--s-space-2);background: none;border: 0;border-left: 2px solid var(--s-border);padding: 5px var(--s-space-3);cursor: pointer;text-align: left;font: inherit;font-size: var(--s-text-sm);color: var(--s-text)}.s-outline-entry:hover{color: var(--s-accent)}.s-outline-sub{padding-left: calc(var(--s-space-3) + 14px);position: relative}.s-outline-sub::before{content: "";position: absolute;left: var(--s-space-3);top: 2px;height: 10px;width: 8px;border-left: 1px solid var(--s-border);border-bottom: 1px solid var(--s-border)}.s-outline-group{font-size: 11px;font-weight: 600;text-transform: uppercase;letter-spacing: .05em;color: var(--s-text-2);margin: var(--s-space-4) 0 var(--s-space-1)}.s-outline-entry.s-active{color: var(--s-accent);border-left-color: var(--s-accent);font-weight: 500}.s-outline-entry.s-zero{color: var(--s-text-2)}.s-outline-entry .s-count{color: var(--s-text-2)}.s-outline-entry .s-count.s-warn{color: var(--s-red-text);font-weight: 600}.s-outline-entry.s-zero .s-count{color: var(--s-accent);font-weight: 600}.s-outline-entry.s-zero.s-fixed{cursor: default}.s-outline-entry.s-zero.s-fixed:hover{color: var(--s-text-2)}.s-field-link{min-width: 0;flex: 1 1 auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-field-links{min-width: 0;width: 100%}.s-field-links>:not(.s-field-link){flex-shrink: 0}.s-outline-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-choice-list{display: flex;flex-direction: column;min-width: 180px}.s-choice{background: none;border: 0;text-align: left;padding: var(--s-space-2) var(--s-space-3);cursor: pointer;font: inherit;font-size: var(--s-text-sm);color: var(--s-text);border-radius: var(--s-radius-s)}.s-choice:hover{background: var(--s-blue-bg);color: var(--s-accent)}@media (min-width: 1281px){.s-detail-page.s-with-outline .s-section.s-zero,.s-detail-page.s-with-outline .s-section-group.s-group-empty{display: none}}@media (max-width: 1280px){.s-detail-page.s-with-outline{grid-template-columns: minmax(0,1fr)}.s-outline{display: none}.s-outline.s-outline-open{display: flex;position: fixed;top: 64px;right: var(--s-space-4);bottom: auto;z-index: 150;width: 280px;max-height: calc(100vh - 96px);padding: var(--s-space-3) var(--s-space-4) var(--s-space-4);background: var(--aura-background-color,#fff);border: 1px solid var(--s-border);border-radius: var(--s-radius-l,12px);box-shadow: 0 12px 32px rgba(0,0,0,.14)}.s-page-header .s-outline-toggle{display: inline-flex}}@media (max-width: 600px){.s-detail-page{padding-left: var(--s-space-4);padding-right: var(--s-space-4);padding-bottom: 80px}.s-section-body{padding-left: 0}.s-section-btn{height: 36px;min-width: 36px}.s-now-row{min-height: 56px}.s-now-when{font-size: var(--s-text-xs)}.s-page-header .s-outline-toggle,.s-page-header .s-new-menu,.s-page-header .s-stepper{display: none}.s-detail-bar{display: flex;gap: var(--s-space-2);position: fixed;left: 0;right: 0;bottom: 0;z-index: 140;padding: var(--s-space-2) var(--s-space-4) calc(var(--s-space-2) + env(safe-area-inset-bottom));background: var(--aura-background-color,#fff);border-top: 1px solid var(--s-border)}.s-detail-bar>*{flex: 1;justify-content: center}.s-detail-bar .s-outline-toggle{display: inline-flex;height: 40px}.s-detail-bar .s-new-menu{flex: 1}.s-outline.s-outline-open{top: auto;left: 0;right: 0;bottom: 0;width: auto;max-height: 70vh;border-radius: var(--s-radius-l,12px) var(--s-radius-l,12px) 0 0;padding-bottom: calc(64px + env(safe-area-inset-bottom))}.s-outline-entry{min-height: 40px;align-items: center}body:has(.s-detail-bar) .schnack-edit-bar{bottom: calc(72px + env(safe-area-inset-bottom)) !important}}.s-dataplan{container-type: inline-size;width: 100%;box-sizing: border-box}.s-dataplan-list{display: none}.s-dataplan-list>div{padding: 2px 0}@container (max-width: 520px){.s-dataplan-grid{display: none}.s-dataplan-list{display: block}}.s-bell{position: relative;display: inline-flex}.s-bell-badge{position: absolute;top: 2px;right: 2px;min-width: 18px;height: 18px;padding: 0 4px;border-radius: 9px;background: var(--lumo-error-color);color: #fff;font-size: 11px;font-weight: 600;display: flex;align-items: center;justify-content: center;pointer-events: none}.s-bell-panel{width: min(380px,calc(100vw - 32px));max-height: min(560px,70vh);overflow-y: auto;display: flex;flex-direction: column}.s-bell-head{display: flex;align-items: center;gap: var(--s-space-1);padding: var(--s-space-2) var(--s-space-3);border-bottom: 1px solid var(--s-border);position: sticky;top: 0;background: var(--s-surface,var(--lumo-base-color))}.s-bell-heading{flex: 1;font-weight: 600}.s-bell-empty{padding: var(--s-space-4) var(--s-space-3);color: var(--s-text-2);font-size: var(--s-text-sm)}.s-bell-row{display: grid;grid-template-columns: 20px minmax(0,1fr) auto;gap: var(--s-space-2);align-items: start;padding: var(--s-space-2) var(--s-space-3);border-bottom: 1px solid var(--s-border);cursor: pointer;color: var(--s-text-2)}.s-bell-row:hover{background: var(--s-blue-bg)}.s-bell-row:focus-visible{outline: 2px solid var(--s-accent);outline-offset: -2px}.s-bell-row.s-unread{color: inherit}.s-bell-row.s-unread .s-bell-title{font-weight: 600}.s-bell-row .s-icon{margin-top: 2px}.s-bell-text{display: flex;flex-direction: column;min-width: 0;gap: 2px}.s-bell-title{overflow-wrap: anywhere}.s-bell-body{font-size: var(--s-text-sm);color: var(--s-text-2);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.s-bell-when{font-size: var(--s-text-xs);color: var(--s-text-2);white-space: nowrap}.s-notify-grid{display: grid;grid-template-columns: minmax(0,1fr) auto auto auto;gap: var(--s-space-2) var(--s-space-4);align-items: center}.s-page-header>.s-tile-l,.s-page-header>.s-avatar-xl{align-self: center}.s-page-header.s-compact>.s-tile-l,.s-page-header.s-compact>.s-avatar-xl{width: 28px;height: 28px;font-size: 12px;border-radius: var(--s-radius-s)}.s-page-header.s-compact>.s-tile-l .s-icon svg{width: 16px;height: 16px}vaadin-menu-bar[theme~="icon"]>vaadin-menu-bar-button::part(suffix){display: none}vaadin-menu-bar[theme~="icon"]>vaadin-menu-bar-button{border-color: transparent;background: transparent;box-shadow: none}vaadin-menu-bar[theme~="icon"]>vaadin-menu-bar-button:hover,vaadin-menu-bar[theme~="icon"]>vaadin-menu-bar-button[expanded]{background: var(--s-gray-bg)}vaadin-grid[overflow~="end"]::part(first-frozen-to-end-cell){box-shadow: inset 1px 0 0 var(--s-border),-6px 0 6px -6px rgba(0,0,0,.12)}a.s-row-title{color: var(--s-text);font-weight: 600;text-decoration: none}a.s-row-title:hover{color: var(--s-accent)}vaadin-grid.s-grid-open::part(body-cell){cursor: pointer}.s-first-steps{display: flex;flex-direction: column;gap: var(--s-space-2)}.s-first-steps .s-card-title{margin-bottom: 0}.s-first-steps-list{display: flex;flex-direction: column;margin-top: var(--s-space-2)}.s-first-step{display: flex;align-items: center;gap: var(--s-space-3);padding: var(--s-space-3) 0;border-top: 1px solid var(--s-border)}.s-first-step-mark{flex: none;width: 28px;height: 28px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;font-weight: 600;font-size: var(--s-text-sm);background: var(--s-blue-bg);color: var(--s-blue-text)}.s-first-step.done .s-first-step-mark{background: var(--lumo-success-color-10pct);color: var(--lumo-success-text-color)}.s-first-step-text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.s-first-step-head{font-weight: 600}.s-first-step.done .s-first-step-head{color: var(--s-text-2);text-decoration: line-through}.s-first-steps-footer{display: flex;gap: var(--s-space-2);justify-content: flex-end;flex-wrap: wrap}@media (max-width: 600px){.s-first-step{flex-wrap: wrap}.s-first-step>vaadin-button{margin-left: 40px}}.s-wa-chat{display: flex;flex-direction: column;gap: var(--s-space-2);min-height: 0}.s-wa-list{display: flex;flex-direction: column;gap: var(--s-space-2);overflow-y: auto;padding: var(--s-space-2) 0;min-height: 0}.s-wa-bubble{max-width: 80%;padding: var(--s-space-1) var(--s-space-3);border-radius: var(--s-radius-l);white-space: pre-wrap;overflow-wrap: anywhere}.s-wa-in{align-self: flex-start;background: var(--s-gray-bg)}.s-wa-out{align-self: flex-end;background: var(--s-green-bg)}.s-wa-actions{display: flex;justify-content: flex-end;gap: var(--s-space-2)}.s-mx{display: grid;grid-template-columns: 220px minmax(300px,400px) minmax(0,1fr);gap: 0;height: calc(100dvh - 96px);min-height: 480px;border: 1px solid var(--s-border);border-radius: var(--s-radius-l);background: var(--s-surface);overflow: hidden}.s-mx-nav{display: flex;flex-direction: column;gap: var(--s-space-3);padding: var(--s-space-3);border-right: 1px solid var(--s-border);overflow-y: auto}.s-mx-compose{align-self: flex-start;border-radius: var(--s-radius-l)}.s-mx-folders{display: flex;flex-direction: column;gap: 2px}.s-mx-folder{display: flex;align-items: center;gap: var(--s-space-2);padding: 6px var(--s-space-3);border-radius: 999px;cursor: pointer;color: var(--s-text);font-size: var(--s-text-md);user-select: none}.s-mx-folder:hover{background: var(--s-gray-bg)}.s-mx-folder.s-active{background: var(--s-blue-bg);color: var(--s-blue-text);font-weight: 600}.s-mx-folder>span:first-of-type{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-mx-count{font-size: var(--s-text-xs);font-weight: 600}.s-mx-channels{display: flex;flex-wrap: wrap;gap: var(--s-space-1)}.s-mx-link{font-size: var(--s-text-sm);color: var(--s-text-2);padding: 0 var(--s-space-3)}.s-mx-list{display: flex;flex-direction: column;min-height: 0;border-right: 1px solid var(--s-border)}.s-mx-search{padding: var(--s-space-2) var(--s-space-3) 0;box-sizing: border-box}.s-mx-tabs{display: flex;border-bottom: 1px solid var(--s-border)}.s-mx-tab{flex: 1;display: flex;align-items: center;justify-content: center;gap: var(--s-space-1);padding: var(--s-space-2) var(--s-space-1);font-size: var(--s-text-sm);color: var(--s-text-2);cursor: pointer;border-bottom: 3px solid transparent;user-select: none;white-space: nowrap}.s-mx-tab.s-active{color: var(--s-accent);border-bottom-color: var(--s-accent);font-weight: 600}.s-mx-tab-new{font-size: var(--s-text-xs);background: var(--s-accent);color: #fff;border-radius: 999px;padding: 0 6px}.s-mx-items{flex: 1;overflow-y: auto;min-height: 0}.s-mx-empty-list,.s-mx-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--s-space-2);color: var(--s-text-2);padding: var(--s-space-8) var(--s-space-4);text-align: center}.s-mx-empty{height: 100%;box-sizing: border-box}.s-mx-row{position: relative;display: flex;flex-direction: column;gap: 2px;padding: var(--s-space-2) var(--s-space-3);border-bottom: 1px solid var(--s-border);cursor: pointer;font-size: var(--s-text-sm)}.s-mx-row:hover{background: var(--s-gray-bg)}.s-mx-row.s-active{background: var(--s-blue-bg)}.s-mx-row.s-unread .s-mx-row-who,.s-mx-row.s-unread .s-mx-row-subject{font-weight: 700;color: var(--s-text)}.s-mx-row.s-unread::before{content: "";position: absolute;left: 3px;top: 50%;width: 6px;height: 6px;margin-top: -3px;border-radius: 50%;background: var(--s-accent)}.s-mx-row-top{display: flex;align-items: center;gap: var(--s-space-2)}.s-mx-row-icon{display: inline-flex;color: var(--s-text-2)}.s-mx-row-icon svg{width: 14px;height: 14px}.s-mx-channel-whatsapp{color: var(--s-green)}.s-mx-row-who{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-mx-row-when{color: var(--s-text-2);font-size: var(--s-text-xs);white-space: nowrap}.s-mx-row-text{display: flex;gap: var(--s-space-1);min-width: 0;overflow: hidden;white-space: nowrap}.s-mx-row-subject{flex: none;max-width: 60%;overflow: hidden;text-overflow: ellipsis}.s-mx-row-snippet{color: var(--s-text-2);overflow: hidden;text-overflow: ellipsis}.s-mx-row-snippet::before{content: "– "}.s-mx-row-bottom{display: flex;align-items: center;gap: var(--s-space-2);color: var(--s-text-2);font-size: var(--s-text-xs);min-height: 0}.s-mx-row-bottom:empty{display: none}.s-mx-row-bottom svg{width: 12px;height: 12px}.s-mx-row-record,.s-mx-row-norecord,.s-mx-row-needs{display: inline-flex;align-items: center;gap: 3px;border-radius: 999px;padding: 0 8px;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-mx-row-record{background: var(--s-blue-bg);color: var(--s-blue-text)}.s-mx-row-norecord{background: var(--s-gray-bg);color: var(--s-gray-text)}.s-mx-row-needs{background: var(--s-yellow-bg);color: var(--s-yellow-text)}.s-mx-row-actions{position: absolute;right: var(--s-space-2);top: 50%;transform: translateY(-50%);display: none;gap: 2px;background: var(--s-surface);border-radius: var(--s-radius-s);box-shadow: 0 1px 4px rgba(0,0,0,.12);padding: 2px}.s-mx-row:hover .s-mx-row-actions{display: flex}.s-mx-row-actions .s-on,.s-mx-toolbar .s-on{color: var(--s-yellow)}.s-mx-pane{position: relative;overflow-y: auto;min-height: 0}.s-mx-back{display: none}.s-mx-pane-body{display: flex;flex-direction: column;gap: var(--s-space-3);padding: var(--s-space-4) var(--s-space-5)}.s-mx-pane-chat{height: 100%;box-sizing: border-box}.s-mx-pane-chat .s-wa-chat{flex: 1}.s-mx-head{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-space-2) var(--s-space-3)}.s-mx-subject{margin: 0;font-size: var(--s-text-xl);font-weight: 600;flex: 1 1 280px;min-width: 0;overflow-wrap: anywhere}.s-mx-toolbar{display: flex;gap: 2px;align-items: center}.s-mx-crm{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-space-2);padding: var(--s-space-2) var(--s-space-3);background: var(--s-gray-bg);border-radius: var(--s-radius-m);font-size: var(--s-text-sm)}.s-mx-none{color: var(--s-text-2)}.s-mx-chip{display: inline-flex;align-items: center;gap: var(--s-space-1);padding: 2px 4px 2px 10px;border-radius: 999px;background: var(--s-blue-bg);color: var(--s-blue-text);font-weight: 600;max-width: 100%}.s-mx-chip a{color: inherit;text-decoration: none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-mx-chip-derived{background: var(--s-surface);color: var(--s-text-2);font-weight: 400;padding-right: 10px;border: 1px solid var(--s-border)}.s-mx-agent{display: flex;flex-wrap: wrap;align-items: center;gap: var(--s-space-2);font-size: var(--s-text-sm);color: var(--s-text-2)}.s-mx-mails{display: flex;flex-direction: column;gap: var(--s-space-2)}.s-mx-mail{border: 1px solid var(--s-border);border-radius: var(--s-radius-m);padding: var(--s-space-3) var(--s-space-4)}.s-mx-mail-out{border-left: 3px solid var(--s-accent)}.s-mx-mail-head{display: flex;align-items: flex-start;gap: var(--s-space-3);cursor: pointer}.s-mx-avatar{flex: none;width: 36px;height: 36px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;background: var(--s-blue-bg);color: var(--s-blue-text);font-weight: 700}.s-mx-who{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px;font-size: var(--s-text-sm)}.s-mx-who>div{display: flex;flex-wrap: wrap;gap: var(--s-space-2);align-items: baseline}.s-mx-from{font-weight: 600;color: var(--s-text)}.s-mx-to{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-mx-when{font-size: var(--s-text-xs);white-space: nowrap}.s-mx-mail-body{white-space: pre-wrap;overflow-wrap: anywhere;margin: var(--s-space-3) 0 0 48px;font-size: var(--s-text-md)}.s-mx-collapsed .s-mx-mail-body{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--s-text-2);margin-top: var(--s-space-1)}.s-mx-collapsed .s-mx-to{display: none}.s-mx-replies{display: flex;flex-wrap: wrap;gap: var(--s-space-2);padding-bottom: var(--s-space-4)}@media (max-width: 1100px){.s-mx{grid-template-columns: 64px minmax(260px,340px) minmax(0,1fr)}.s-mx-nav{padding: var(--s-space-2);align-items: center}.s-mx-folder{padding: var(--s-space-2);justify-content: center;position: relative}.s-mx-folder>span:first-of-type,.s-mx-channels,.s-mx-link{display: none}.s-mx-folder .s-mx-count{position: absolute;top: 0;right: 0;font-size: 10px}.s-mx-compose{align-self: center;min-width: 0}.s-mx-compose::part(label){display: none}}@media (max-width: 760px){.s-mx{display: flex;flex-direction: column;height: auto;min-height: calc(100dvh - 96px);border: none;border-radius: 0}.s-mx-nav{flex-direction: row;flex-wrap: nowrap;overflow-x: auto;border-right: none;border-bottom: 1px solid var(--s-border);align-items: center}.s-mx-folders{flex-direction: row}.s-mx-list{border-right: none;flex: 1}.s-mx-pane{display: none}.s-mx-reading .s-mx-nav,.s-mx-reading .s-mx-list{display: none}.s-mx-reading .s-mx-pane{display: block}.s-mx-back{display: inline-flex;margin: var(--s-space-2) 0 0 var(--s-space-2)}.s-mx-pane-body{padding: var(--s-space-3)}.s-mx-mail-body{margin-left: 0}.s-mx-row-actions{display: none !important}}@media (hover: none){.s-mx-row-actions{display: none !important}}.s-cal{display: grid;grid-template-columns: 220px minmax(0,1fr);height: calc(100dvh - 96px);min-height: 520px;border: 1px solid var(--s-border);border-radius: var(--s-radius-l);background: var(--s-surface);overflow: hidden}.s-cal.s-cal-open{grid-template-columns: 220px minmax(0,1fr) 360px}.s-cal-side{display: flex;flex-direction: column;gap: var(--s-space-3);padding: var(--s-space-3);border-right: 1px solid var(--s-border);overflow-y: auto}.s-cal-new{align-self: flex-start;border-radius: var(--s-radius-l)}.s-cal-sources{display: flex;flex-direction: column;gap: var(--s-space-1);font-size: var(--s-text-sm)}.s-cal-head{display: inline-flex;align-items: center;gap: var(--s-space-1);font-size: var(--s-text-xs);font-weight: 600;text-transform: uppercase;letter-spacing: .04em;color: var(--s-text-2);margin-bottom: var(--s-space-1)}.s-cal-source{display: flex;align-items: center;gap: var(--s-space-2);min-width: 0}.s-cal-dot{flex: none;width: 10px;height: 10px;border-radius: 3px;background: var(--s-accent)}.s-cal-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.s-cal-problem{font-size: var(--s-text-xs);color: var(--s-red-text);padding-left: 18px}.s-cal-main{min-width: 0;min-height: 0;padding: var(--s-space-2) var(--s-space-3);display: flex;flex-direction: column}.s-cal-main vaadin-full-calendar,.s-cal-main>*{flex: 1;min-height: 0}.s-cal-crm-only{opacity: .85;border-style: dashed !important}.s-cal-pane{border-left: 1px solid var(--s-border);overflow-y: auto;min-height: 0}.s-cal-detail{display: flex;flex-direction: column;gap: var(--s-space-3);padding: var(--s-space-4)}.s-cal-detail-head{display: flex;align-items: flex-start;gap: var(--s-space-2)}.s-cal-detail-head h3{flex: 1;margin: 0;font-size: var(--s-text-lg);overflow-wrap: anywhere}.s-cal-detail-head .s-cal-dot{margin-top: 6px}.s-cal-line{display: flex;align-items: flex-start;gap: var(--s-space-2);font-size: var(--s-text-sm);color: var(--s-text)}.s-cal-line svg{flex: none;width: 16px;height: 16px;color: var(--s-text-2);margin-top: 1px}.s-cal-people{display: flex;flex-direction: column;gap: 2px;font-size: var(--s-text-sm);color: var(--s-text-2)}.s-cal-people>span:first-child{font-weight: 600;color: var(--s-text)}.s-cal-text{white-space: pre-wrap;overflow-wrap: anywhere;font-size: var(--s-text-sm);border-top: 1px solid var(--s-border);padding-top: var(--s-space-3)}.s-cal-prep{display: flex;flex-direction: column;gap: var(--s-space-1)}.s-cal-prep:empty{display: none}.s-cal-prep-mail{display: flex;flex-direction: column;padding: var(--s-space-2);border-radius: var(--s-radius-s);text-decoration: none;color: inherit;font-size: var(--s-text-sm)}.s-cal-prep-mail:hover{background: var(--s-gray-bg)}.s-cal-prep-subject{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}@media (max-width: 1100px){.s-cal,.s-cal.s-cal-open{grid-template-columns: minmax(0,1fr);grid-template-rows: auto minmax(0,1fr)}.s-cal-side{flex-direction: row;flex-wrap: wrap;align-items: center;border-right: none;border-bottom: 1px solid var(--s-border)}.s-cal-sources{flex-direction: row;flex-wrap: wrap;gap: var(--s-space-3)}.s-cal-head{display: none}.s-cal-open .s-cal-main{display: none}.s-cal-pane{border-left: none}}