html{--bms-brand-primary: #0b66ff;--bms-brand-accent: #00c2a8;--bms-ok: #2ecc71;--bms-warn: #f1c40f;--bms-err: #e74c3c;--bms-info: #3498db;--bms-radius-s: 10px;--bms-radius-m: 16px;--bms-gap: 12px;--bms-pad: 14px;--bms-touch-min: 44px;--bms-shadow-s: 0 2px 10px rgba(0,0,0,.08);--bms-shadow-m: 0 10px 28px rgba(0,0,0,.14);--bms-font-ui: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial}html{color-scheme: light;--bms-surface-0: #f7f8fb;--bms-surface-1: #ffffff;--bms-text-1: #111827;--bms-text-2: #6b7280;--bms-border: rgba(17,24,39,.10);--lumo-primary-color: var(--bms-brand-primary);--lumo-font-family: var(--bms-font-ui)}html[theme~="dark"]{color-scheme: dark;--bms-surface-0: #0b1220;--bms-surface-1: #111a2b;--bms-text-1: #e5e7eb;--bms-text-2: #9ca3af;--bms-border: rgba(229,231,235,.12);--lumo-primary-color: var(--bms-brand-primary);--lumo-font-family: var(--bms-font-ui)}.bms-view{background: var(--bms-surface-0);color: var(--bms-text-1);min-height: 100%;padding: 16px;box-sizing: border-box}.bms-view-header{margin-bottom: 10px}.bms-view-title{display:block;font-size: 1.15rem;font-weight: 800}.bms-view-subtitle{display:block;margin-top:2px;color: var(--bms-text-2)}:focus-visible{outline: 3px solid color-mix(in srgb,var(--bms-brand-primary) 55%,transparent);outline-offset: 3px;border-radius: var(--bms-radius-s)}.bms-mainlayout{--bms-header-h: 64px;min-height: 100vh;background: var(--lumo-contrast-5pct)}.bms-header{height: var(--bms-header-h);padding: 0 12px;background: var(--bms-surface-1);border-bottom: 1px solid var(--bms-border);box-shadow: var(--bms-shadow-s);gap: 10px}.bms-header-left{display: flex;align-items: center;gap: 10px}.bms-brand{font-size: 1.05rem;margin: 0;font-weight: 900;letter-spacing: 0.5px}.bms-header-center{display: flex;align-items: center;gap: 10px;margin-left: 8px;flex: 1;justify-content: center}.bms-context{color: var(--bms-text-2);font-weight: 600;font-size: .95rem}.bms-header-right{display: flex;align-items: center;gap: 8px}.bms-clock{font-size: 0.85rem;font-weight: 600;color: var(--bms-text-2,var(--lumo-secondary-text-color));white-space: nowrap;font-variant-numeric: tabular-nums;letter-spacing: 0.02em;padding: 0 4px}.bms-iconbtn{min-width: var(--bms-touch-min);min-height: var(--bms-touch-min);border-radius: 12px}.bms-pill{padding: 6px 12px;border-radius: 999px;border: 1px solid var(--bms-border);font-weight: 800;font-size: .9rem;background: color-mix(in srgb,var(--bms-surface-1) 88%,var(--bms-text-2) 12%)}.bms-drawer{height: 100%;background: var(--bms-surface-1);border-right: 1px solid var(--bms-border)}.bms-drawer-header{padding: 12px 14px;font-weight: 800;color: var(--bms-text-2);border-bottom: 1px solid var(--bms-border)}.bms-drawer-scroller{height: calc(100vh - var(--bms-header-h) - 48px)}.bms-sidenav{padding: 8px}.bms-sidenav vaadin-side-nav-item{border-radius: 12px}.bms-filter-row{gap: var(--bms-gap);margin: 6px 0 12px 0}.bms-search{min-height: var(--bms-touch-min)}.bms-kpi-top{display: flex;align-items: center;gap: 8px;color: var(--bms-text-2);font-weight: 700}.bms-kpi-top vaadin-icon{width: 20px;height: 20px}.bms-bmp-grid{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(300px,1fr));max-width: 100%}.bms-chip{padding: 6px 10px;border-radius: 999px;border: 1px solid var(--bms-border);font-weight: 900;font-size: .8rem;color: var(--bms-text-1);background: color-mix(in srgb,var(--bms-surface-1) 86%,var(--bms-text-2) 14%)}.bms-badge{display: inline-flex;align-items: center;gap: 8px;padding: 8px 10px;border-radius: 999px;border: 1px solid var(--bms-border);background: color-mix(in srgb,var(--bms-surface-1) 88%,var(--bms-text-2) 12%);font-size: .9rem;font-weight: 700}.bms-badge vaadin-icon{width: 18px;height: 18px;opacity: .9}.bms-event-grid .bms-badge{min-width: 7.2rem;justify-content: center;font-weight: 800}.bms-event-grid .bms-badge.state-ok{color: #0f7a3c;border-color: #8fd3ad;background: #eaf8f0}.bms-event-grid .bms-badge.state-warn{color: #8a5a00;border-color: #efcf7f;background: #fff7e6}.bms-event-grid .bms-badge.state-fault{color: #9a1d22;border-color: #ebb0b4;background: #fdecee}.bms-event-grid .bms-badge.state-critical{color: #7d151b;border-color: #d97e85;background: #fbe3e6}.bms-event-detail-panel{padding: 8px 12px 12px 12px;border-top: 1px solid var(--bms-border);background: color-mix(in srgb,var(--bms-surface-1) 90%,var(--bms-text-2) 10%)}.bms-event-detail-row{display: flex;align-items: baseline;gap: 10px;margin: 2px 0}.bms-event-detail-label{width: 6.5rem;min-width: 6.5rem;color: var(--bms-text-2);font-weight: 700}.bms-event-detail-value{color: var(--bms-text-1);word-break: break-word}.bms-event-detail-severity-high .bms-event-detail-label{color: #b0282f}.bms-action-top{display: flex;align-items: center;gap: 10px;font-weight: 900}.bms-action-top vaadin-icon{width: 20px;height: 20px}.bms-action-subtitle{display: block;margin-top: 6px;color: var(--bms-text-2);font-weight: 600}.bms-card{background: var(--bms-surface-1);color: var(--bms-text-1);border: 1px solid var(--bms-border);border-radius: var(--bms-radius-m);box-shadow: var(--bms-shadow-s);padding: var(--bms-pad);user-select: none;-webkit-tap-highlight-color: transparent;transition: transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.bms-card[role="button"]{cursor: pointer;min-height: var(--bms-touch-min)}.bms-card:hover{box-shadow: var(--bms-shadow-m);transform: translateY(-2px)}.bms-card:active{transform: translateY(0px) scale(0.99)}.state-ok{border-left: 6px solid var(--bms-ok)}.state-warn{border-left: 6px solid var(--bms-warn)}.state-error{border-left: 6px solid var(--bms-err)}.state-fault{border-left: 6px solid var(--bms-err)}.state-critical{border-left: 6px solid var(--bms-err)}.state-info{border-left: 6px solid var(--bms-info)}html{--bms-brand-primary: #0b66ff;--bms-brand-accent: #00c2a8}