*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Plus Jakarta Sans,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.right-0{right:0}.top-9{top:2.25rem}.z-50{z-index:50}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-6{margin-bottom:1.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-7{height:1.75rem}.min-h-screen{min-height:100vh}.w-56{width:14rem}.w-7{width:1.75rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-sm{max-width:24rem}.flex-1{flex:1}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0{gap:0}.gap-1\.5{gap:.375rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-border{border-color:var(--color-border)}.border-border-subtle{border-color:var(--color-border-subtle)}.bg-accent{background-color:var(--color-accent)}.bg-bg{background-color:var(--color-bg)}.bg-card{background-color:var(--color-card)}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[10px\]{font-size:10px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tracking-tight{letter-spacing:-.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-accent{color:var(--color-accent)}.text-alert{color:var(--color-alert)}.text-ok{color:var(--color-ok)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-text-tertiary{color:var(--color-text-tertiary)}.text-warn{color:var(--color-warn)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--font-ui:"Plus Jakarta Sans", sans-serif;--font-mono:"IBM Plex Mono", monospace;--fs-body:13px;--fs-title:22px;--fs-breadcrumb:11px;--fs-btn:12px;--fs-nav:14px;--fs-sidebar:13px;--fs-table-head:10px;--fs-table-cell:13px;--fs-table-mono:12px;--fs-tab:12px;--fs-card-label:10px;--fs-card-value:22px;--fs-card-sub:10px;--fs-section-title:15px;--fs-section-desc:13px;--fs-small:11px;--bg:#fbf8f5;--card:#fffdfc;--surface-recessed:#f9f6f3;--border:#e5ddd6;--border-subtle:#ede5de;--sidebar:#28023a;--text-primary:#1a1a1e;--text-secondary:#6b6b64;--text-tertiary:#7a7268;--accent:#622280;--accent-hover:#7e3ca0;--accent-tint:#ede0f5;--ok:#3d8c5a;--ok-bg:#e8f5e8;--ok-text:#2d6b2d;--warn:#d98e00;--warn-bg:#fef5e6;--warn-text:#8b6914;--alert:#d14f34;--alert-bg:#fceae6;--alert-text:#b04a32;--offline:#a09a90;--offline-bg:#f0ede8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-primary);height:100dvh;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;display:flex;overflow:hidden}.sidebar{background:var(--sidebar);color:#c6add1;flex-direction:column;width:195px;min-width:195px;height:100vh;padding:14px 0;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sidebar-logo{box-sizing:border-box;border-bottom:1px solid #ffffff26;align-items:center;gap:8px;min-height:49px;margin:-14px 0 16px;padding:9px 14px;display:flex;position:relative}.sidebar-logo .logo-box{filter:url(#logo-tint-lilac)drop-shadow(0 0 8px #3c0a55d9)drop-shadow(0 0 20px #1e0032b3);flex-shrink:0;width:auto;height:30px;display:block}.sidebar-logo .logo-text{color:#ddd;font-weight:600;font-size:var(--fs-sidebar)}.sidebar-logo .notif{font-size:var(--fs-small);color:#d98e00;margin-left:auto}.sidebar-search{margin-bottom:10px;padding:0 14px}.sidebar-search input{color:#ccc;width:100%;font-size:var(--fs-sidebar);background:#2e2e34;border:1px solid #444;border-radius:4px;outline:none;padding:6px 10px;font-family:inherit}.sidebar-search input::placeholder{color:#888}.buildings-sub{background:var(--bg);border-radius:0 0 0 3px;margin:0 0 0 8px;padding:0 0 4px;display:none}.buildings-sub.open{display:block}.buildings-search{border-top:1px solid var(--border);border-bottom:none;padding:9px 10px 7px;position:relative}.bld-select-wrap{position:relative}.bld-select-input{box-sizing:border-box;background:var(--card);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:text;border-radius:4px;outline:none;padding:6px 22px 6px 10px;font-family:inherit;font-size:13px;font-weight:700;transition:border-color .1s,background .1s,box-shadow .1s}.bld-select-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #62228014}.bld-select-input:hover{border-color:#bbb}.bld-select-input:focus{background:#fff;border-color:#999}.bld-select-arrow{color:#999;pointer-events:none;font-size:9px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.bld-collapsed-label{cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:8px;display:none;position:absolute;inset:0}.bld-collapsed-label:hover{background:#0000000a}.bld-collapsed-label .bld-initials{color:#222;letter-spacing:.4px;font-size:11px;font-weight:700}.bld-collapsed-label .bld-chevron{color:#888;font-size:8px}.bld-list{background:var(--card);border:1px solid var(--border);z-index:120;border-radius:4px;flex-direction:column;max-height:300px;margin-top:2px;display:none;position:absolute;top:100%;left:10px;right:10px;overflow:hidden;box-shadow:0 4px 16px #12012314}.bld-list.open{display:flex}.bld-list-search{color:#333;border:none;border-bottom:1px solid #eee;outline:none;flex-shrink:0;padding:8px 10px;font-family:inherit;font-size:12px}.bld-list-search::placeholder{color:#bbb}.bld-list-items{max-height:250px;padding:4px;overflow-y:auto}.bld-list-item{color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:13px;transition:all .1s}.bld-list-item:hover{background:var(--surface-recessed);color:var(--text-primary)}.bld-list-item.active{color:var(--accent);background:var(--accent-tint);font-weight:700}.bld-list-owner{color:var(--text-primary);margin-top:4px;padding:6px 10px;font-weight:700}.bld-list-owner:first-child{margin-top:0}.bld-list-building{color:#888;padding-left:22px}.buildings-context{margin-top:0;padding:4px 0;position:relative}.buildings-context:before{content:"";background:#0000002e;width:1px;position:absolute;top:0;bottom:16px;left:14px}.bc-link{font-size:var(--fs-nav);color:var(--text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:8px;margin:1px 10px 1px 24px;padding:7px 10px;transition:all .1s;display:flex;position:relative}.bc-link:before{content:"";background:#0000002e;width:8px;height:1px;position:absolute;top:50%;left:-10px}.bc-link:hover{color:var(--text-primary);background:#0000000a}.bc-link.active{background:var(--accent-tint);color:var(--accent);font-weight:600}.bc-link svg{stroke-width:1.8px;stroke:currentColor;fill:none;flex-shrink:0;width:16px;height:16px}.lib-card{cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:4px;transition:border-color .1s,box-shadow .1s;overflow:hidden}.lib-card-img{background:#f5f2ef;justify-content:center;align-items:center;height:100px;display:flex;overflow:hidden}.lib-card-img .lib-no-img{color:#ccc;font-size:28px}.lib-card-body{padding:8px 10px}.lib-card-model{color:#333;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:13px;font-weight:600;overflow:hidden}.lib-card-make{color:#999;margin-bottom:4px;font-size:11px}.lib-card-type{color:#aaa;background:var(--surface-recessed);border-radius:4px;padding:1px 6px;font-size:10px;display:inline-block}.svc-icons{align-items:center;gap:8px;display:inline-flex}.svc-icons svg{stroke:#999;stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.svc-icons svg:hover{stroke:#555}.filter-row td{background:#f5f2ef!important;border-bottom:2px solid #ddd!important;padding:4px 8px!important}.sidebar-nav{flex:1;padding:4px 0;overflow-y:auto}.nav-item{cursor:pointer;font-size:var(--fs-nav);color:#c6add1;border-radius:0;align-items:center;gap:8px;margin:0;padding:11px 20px;transition:background .1s,color .1s;display:flex}.nav-item:hover{color:#fffc;background:#ffffff0d}.nav-item.active{background:var(--bg);color:var(--text-primary);border-radius:4px 0 0 3px;margin-left:8px;padding-left:12px;font-weight:600}.nav-item.active.has-sub{border-radius:4px 0 0}.nav-item svg{stroke-width:1.8px;stroke:currentColor;fill:none;flex-shrink:0;width:16px;height:16px}.nav-sep{background:#ffffff26;height:1px;margin:6px 14px}.sidebar-profile{border-top:1px solid #ffffff26;padding:10px 14px}.sidebar-mode-switch{cursor:pointer;letter-spacing:.2px;color:#d8c4e2;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin:8px 14px 4px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.sidebar-mode-switch svg{stroke:currentColor;stroke-width:2px;fill:none;opacity:.9;flex-shrink:0;width:15px;height:15px}.sidebar-mode-switch:hover{color:#fff;background:#ffffff1a;border-color:#ffffff47}.sidebar.collapsed .sidebar-mode-switch{gap:0;margin:6px auto 4px;padding:7px}.sidebar.collapsed .sidebar-mode-switch span{display:none}.sidebar.collapsed .sidebar-mode-switch svg{width:18px;height:18px}.profile-row{align-items:center;gap:8px;display:flex}.avatar{color:#2a1f2b;letter-spacing:.3px;background:#c8b7bf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex}.profile-name{font-size:var(--fs-sidebar);color:#a89aa0}.profile-menu{z-index:100;background:#2a1638;border:1px solid #ffffff1a;border-radius:4px;margin-bottom:6px;padding:4px;display:none;position:absolute;bottom:100%;left:0;right:0}.profile-menu.open{display:block}.profile-menu-item{color:#ccc;cursor:pointer;border-radius:4px;padding:7px 10px;font-size:12px;transition:background .1s}.profile-menu-item:hover{color:#fff;background:#ffffff26}.profile-menu-sep{background:#3a3a3e;height:1px;margin:3px 6px}.content{flex-direction:column;flex:1;display:flex;overflow:hidden}.breadcrumb{display:none}.breadcrumb span{cursor:pointer}.breadcrumb span:hover{color:#555}.sidebar{position:relative}.sidebar-toggle{color:#c6add1;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-right:-4px;padding:0;font-family:inherit;transition:color .1s,background .1s;display:inline-flex}.sidebar-pin{color:#c6add173;cursor:pointer;background:#ffffff29;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;padding:0;transition:color .15s,background .15s,transform .2s;display:inline-flex}.sidebar-pin svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:14px;height:14px}.sidebar-pin:hover{color:#c6add1;background:#ffffff0f}.sidebar-pin.pinned{color:var(--accent-tint);transform:rotate(45deg)}.sidebar-pin.pinned:hover{color:#fff}.sidebar-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;width:18px;height:18px;transition:transform .15s}.sidebar-toggle:hover{color:#fff;background:#ffffff0f}.sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar .nav-item{transition:margin .2s,padding .2s,border-radius .2s}.sidebar .sidebar-logo{transition:padding .2s,gap .2s}.sidebar .sidebar-profile{transition:padding .2s}.sidebar .buildings-sub{transition:margin .2s,padding .2s}.sidebar.collapsed{width:52px;min-width:52px}.sidebar.collapsed .sidebar-logo{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:auto;margin:0 0 10px;padding:8px 0}.sidebar.collapsed .sidebar-logo .logo-box{width:30px;height:30px;-webkit-mask-position:50%;mask-position:50%}.sidebar.collapsed .sidebar-toggle{width:20px;height:20px;margin-left:0}.sidebar.collapsed .sidebar-toggle svg{width:14px;height:14px}.sidebar.collapsed .sidebar-pin{display:none}.sidebar.collapsed .nav-item{border-radius:4px 0 0 3px;justify-content:center;gap:0;height:36px;margin-left:4px;padding:0;font-size:0}.sidebar.collapsed .nav-item.active.has-sub{border-radius:4px 0 0}.sidebar.collapsed .nav-item svg{width:18px;height:18px}.sidebar.collapsed .nav-item .nav-badge{display:none}.sidebar.collapsed #beheerNavItem,.sidebar.collapsed #bibliotheekNavItem{justify-content:center;margin-left:4px;padding:0;font-size:0}.sidebar.collapsed .buildings-sub{margin-left:4px;padding:4px 0}.sidebar.collapsed .buildings-search{border-top:none;justify-content:center;min-height:34px;padding:4px;display:flex}.sidebar.collapsed .bld-select-wrap{justify-content:center;width:100%;display:flex;position:relative}.sidebar.collapsed .bld-select-input{text-align:center;color:#0000;caret-color:#0000;width:100%;padding:6px 4px}.sidebar.collapsed .bld-select-arrow{display:none}.sidebar.collapsed .bld-collapsed-label{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sidebar.collapsed .bld-select-wrap.is-searching{background:var(--surface-recessed);border-radius:4px;padding:4px;box-shadow:0 2px 8px #00000014}.sidebar.collapsed .bld-select-wrap.is-searching .bld-select-input{text-align:left;color:#333;caret-color:auto;background:#fff;border-color:#999;padding:6px 22px 6px 10px}.sidebar.collapsed .bld-select-wrap.is-searching .bld-collapsed-label{display:none}.sidebar.collapsed .bld-select-wrap.is-searching .bld-select-arrow{display:block;right:12px}.sidebar.collapsed .bc-link{justify-content:center;gap:0;padding:7px 0;font-size:0}.sidebar.collapsed .bc-link svg{width:18px;height:18px}.sidebar.collapsed .sidebar-profile{justify-content:center;padding:8px 0 10px;display:flex}.sidebar.collapsed .sidebar-profile .profile-row{justify-content:center}.sidebar.collapsed .sidebar-profile .profile-name,.sidebar.collapsed .sidebar-profile .profile-name+span{display:none}.sidebar.collapsed .sidebar-profile .avatar{margin:0}.sidebar.collapsed .profile-menu{width:180px;bottom:0;left:52px;right:auto}.nav-item .nav-badge{background:var(--alert);color:#fff;letter-spacing:0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-left:auto;padding:0;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.nav-item.active .nav-badge{background:var(--alert);color:#fff}.page-header{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:8px 20px 9px;display:flex}.page-actions{flex-shrink:0;gap:8px;margin-left:auto;display:flex}.page-title{font-size:var(--fs-title);color:var(--text-primary);font-weight:700}.page-back{flex-shrink:0;min-width:0;margin-right:8px;padding:5px 8px!important}.page-back svg{stroke:currentColor;stroke-width:2px;fill:none;vertical-align:-2px;width:14px;height:14px;margin-right:2px}.btn{border:1px solid var(--border);background:var(--card);font-size:var(--fs-btn);cursor:pointer;color:var(--text-primary);border-radius:4px;padding:7px 14px;font-family:inherit;font-weight:600;transition:background .12s,border-color .12s}.btn:hover{background:var(--surface-recessed);border-color:#aaa}.btn-primary{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.btn-primary:hover{background:#333;border-color:#333}.btn-add{background:var(--ok);color:#fff;border-color:var(--ok)}.btn-add:hover{background:#2f6f46;border-color:#2f6f46}.page-content{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex;overflow:hidden}.cards-row{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.card{border:1px solid var(--border);background:var(--card);border-radius:4px;flex:1;min-width:90px;padding:12px 14px;overflow:hidden}.card-label{font-size:var(--fs-card-label);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:700}.card-value{font-family:var(--font-mono);font-size:var(--fs-card-value);color:var(--text-primary);font-weight:600;line-height:1}.card-sub{font-size:var(--fs-card-sub);color:var(--text-tertiary);margin-top:4px}.card.sum-alert{background:var(--alert-bg);border:1px solid #d14f342e}.card.sum-alert .card-label,.card.sum-alert .card-sub{color:var(--alert-text);opacity:.8}.card.sum-alert .card-value{color:var(--alert-text)}.card.sum-warn{background:var(--warn-bg);border:1px solid #d4940a38}.card.sum-warn .card-label,.card.sum-warn .card-sub{color:var(--warn-text);opacity:.8}.card.sum-warn .card-value{color:var(--warn-text)}.card.sum-ok{background:var(--ok-bg);border:1px solid #3d8c5a33}.card.sum-ok .card-label,.card.sum-ok .card-sub{color:var(--ok-text);opacity:.8}.card.sum-ok .card-value{color:var(--ok-text)}.card.sum-purple,.card.sum-neutral{background:var(--card);border:1px solid var(--border)}.card.sum-purple .card-label,.card.sum-purple .card-sub,.card.sum-neutral .card-label,.card.sum-neutral .card-sub{color:var(--text-tertiary);opacity:1}.card.sum-purple .card-value,.card.sum-neutral .card-value{color:var(--text-primary)}.data-table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--border);border-radius:4px;width:100%;margin-bottom:10px}.inline-filter-table{border-radius:4px 4px 0 0}.inline-filter-table .filter-row th,.inline-filter-table .filter-row td{background:var(--surface-recessed);border-bottom:1px solid var(--border);z-index:3;padding:6px 8px;position:sticky;top:30px}.inline-filter-table .filter-row input,.inline-filter-table .filter-row select{box-sizing:border-box;border:1px solid var(--border);background:var(--card);width:100%;color:var(--text-primary);border-radius:4px;outline:none;height:26px;padding:4px 8px;font-family:inherit;font-size:11px}.inline-filter-table .filter-row input:focus,.inline-filter-table .filter-row select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #62228014}.inline-filter-table .filter-row .filter-empty{color:#0000;pointer-events:none}@media (width<=767px){.inline-filter-table .filter-row{display:none!important}}.data-table th{text-align:left;font-size:var(--fs-table-head);text-transform:uppercase;letter-spacing:.4px;color:#666;z-index:4;white-space:nowrap;background:#ede8e2;border-bottom:1px solid #d6cec3;padding:7px 12px;font-weight:700;position:sticky;top:0}.data-table th:first-child{border-radius:4px 0 0 2px}.data-table th:last-child{border-radius:0 2px 2px 0}.data-table td{border-bottom:1px solid var(--border-subtle);font-size:var(--fs-table-cell);color:var(--text-primary);background:0 0;padding:8px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tr.clickable{cursor:pointer}.data-table tr.clickable:hover td{background:var(--surface-recessed)}.data-table .tbl-sub{font-size:var(--fs-small);color:#999}.fleet-health{flex-direction:column;gap:8px;display:flex}.fleet-bar{background:var(--surface-recessed);border-radius:4px;height:12px;display:flex;overflow:hidden}.fleet-bar .hb-seg{height:100%}.fleet-bar .hb-ok{background:#3d8c5a}.fleet-bar .hb-warn{background:#d98e00}.fleet-bar .hb-alert{background:#d14f34}.fleet-bar .hb-offline{background:#4a8ac2}.fleet-legend{color:#666;flex-wrap:wrap;gap:16px 10px;font-size:10px;display:flex}.fleet-legend-item{align-items:center;gap:8px;display:inline-flex}.fleet-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.trend-card{background:var(--card);border:1px solid var(--border);border-radius:4px;padding:10px 12px}.ni-tab-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600;transition:color .1s,border-color .1s}.ni-tab-btn:hover{color:var(--text-primary)}.ni-tab-btn.ni-active{color:var(--accent);border-bottom-color:var(--accent)}.note-row{background:var(--surface-recessed);border:1px solid var(--border-subtle);border-radius:4px;align-items:center;gap:8px;padding:6px 8px;display:flex}.note-row .note-icon{width:14px;height:14px;stroke:var(--text-tertiary);stroke-width:2px;fill:none;flex-shrink:0}.note-row .note-title{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.note-row .note-open-btn{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:22px;padding:2px 6px;font-size:0;display:inline-flex}.note-row .note-open-btn svg{stroke:currentColor;stroke-width:2px;fill:none;width:12px;height:12px}.insp-table{width:100%;font-size:11px}.insp-table th{text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);border-bottom:1.5px solid var(--border);padding:4px 6px;font-size:10px;font-weight:700}.insp-table td{border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:6px;line-height:1.3}.insp-table td.mono{color:var(--text-secondary);white-space:nowrap;font-size:10px}.insp-table .badge{padding:1px 6px;font-size:10px}.trend-label{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:11px;display:flex}.trend-value{font-size:11px;font-weight:700}.card.card-combined{align-items:stretch;gap:12px;padding:10px 14px;display:flex}.card-combined-left{flex-direction:column;flex:none;justify-content:center;min-width:0;display:flex}.card-combined-right{border-left:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;min-width:0;padding-left:12px;display:flex}.card.sum-alert .card-combined-right{border-left-color:#d14f3440}.card.sum-warn .card-combined-right{border-left-color:#d98e004d}.card.sum-ok .card-combined-right{border-left-color:#3d8c5a4d}.badge{white-space:nowrap;letter-spacing:.1px;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:1px 8px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.badge.badge-new,.badge.badge-warn{color:#8f6606;background:#fff3e0;border-color:#f0ddb8}.badge.badge-ok{color:#2e6b44;background:#e8f5e9;border-color:#b8dfc2}.badge.badge-alert,.badge.sev-red{color:#a63c26;background:#fbe9e7;border-color:#f0c4ba}.badge.status-new{color:#8f6606;background:0 0;border-color:#d9b879}.badge.status-progress{color:#2a6ba3;background:0 0;border-color:#7ab0dc}.badge.status-resolved{color:#2e6b44;background:0 0;border-color:#7dc094}.badge.status-acknowledged{color:#666;background:0 0;border-color:#bbb}.badge.sev-amber{background:var(--warn-bg);color:var(--warn-text)}.badge.sev-green{background:var(--ok-bg);color:var(--ok-text)}.badge-dot{border-radius:50%;width:6px;height:6px}.section-header{justify-content:space-between;align-items:center;gap:8px;padding:4px 0 6px;display:flex}.section-title{color:var(--text-primary);margin-bottom:8px;font-size:18px;font-weight:700}.alert-table th,.alert-table tbody td{white-space:nowrap}.alert-table tbody td:nth-child(3){white-space:normal}.alert-table-split{table-layout:fixed;width:100%}.alert-table-split tbody td{text-overflow:ellipsis;overflow:hidden}.alert-table-split tbody td:nth-child(3){text-overflow:clip;overflow:visible}.data-table.no-row-select tr{cursor:default}.data-table.no-row-select tr.clickable:hover td,.data-table.no-row-select tr:hover td{background:inherit!important}.data-table.no-row-select tr.clickable.row-selected td{background:#fff!important;border-bottom-color:#eee!important}.data-table.no-row-select tr.clickable.row-selected td:first-child{border-radius:0!important}.alert-table .svc-icons-cell{color:#999;gap:8px;display:inline-flex}.alert-table .svc-icons-cell svg{stroke:currentColor;stroke-width:2px;fill:none;width:13px;height:13px}.kebab-btn{cursor:pointer;color:#888;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-weight:700}.kebab-btn:hover{color:#333;background:#eee}.lib-thumb{color:#fff;letter-spacing:.2px;border:1px solid #00000014;border-radius:4px;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:600;display:flex}.lib-thumb-air{background:linear-gradient(135deg,#8bae9c,#6f9684)}.lib-thumb-energy{background:linear-gradient(135deg,#d4a657,#b8893b)}.lib-thumb-temp{background:linear-gradient(135deg,#d14f34,#a83a22)}.lib-thumb-water{background:linear-gradient(135deg,#6b9dc2,#4a7ba0)}.lib-thumb-pres{background:linear-gradient(135deg,#9b8aa8,#7a6b88)}.lib-thumb-presence{background:linear-gradient(135deg,#c9a86b,#a68847)}.lib-thumb-sound{background:linear-gradient(135deg,#7a7a7a,#555)}.lib-table td{vertical-align:middle}.data-table .mono{font-family:var(--font-mono);font-size:var(--fs-table-mono)}.eui-chip{font-family:var(--font-mono);color:var(--text-tertiary);background:var(--surface-recessed);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:4px;padding:0 6px;font-size:12px;display:inline-block}.data-table td.eui{padding-right:15px}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:inset 0 0 0 1px #0000002e}.dot-green,.dot[style*=\#3D8C5A]{background:#3d8c5a;box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #3d8c5a2e}.dot-amber,.dot[style*=\#D98E00]{background:#d98e00;box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #d98e0038}.dot-red,.dot[style*=\#D14F34]{background:#d14f34;animation:2.4s ease-in-out infinite dotPulse;box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #d14f3447,0 0 4px 1px #d14f3459}.dot[style*=\#4A8AC2]{box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #4a8ac233}@keyframes dotPulse{0%,to{box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #d14f3438,0 0 3px 1px #d14f344d}50%{box-shadow:inset 0 0 0 1px #00000038,0 0 0 2px #d14f3452,0 0 5px 1px #d14f3473}}@media (prefers-reduced-motion:reduce){.dot-red,.dot[style*=\#D14F34]{animation:none}}.status-chip{letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;vertical-align:middle;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.status-chip .dot{width:7px;height:7px;box-shadow:inset 0 0 0 1px #0000002e;animation:none!important}.status-chip.s-green{color:#2a5f3f;background:#e4f1e9}.status-chip.s-green .dot{background:#3d8c5a}.status-chip.s-amber{color:#7a4d00;background:#fbeed1}.status-chip.s-amber .dot{background:#d98e00}.status-chip.s-red{color:#8c2614;background:#f8ddd4}.status-chip.s-red .dot{background:#d14f34}.status-chip.s-blue,.status-chip.s-offline,.status-chip.s-created{color:#2e5f8a;background:#dde9f3}.status-chip.s-blue .dot,.status-chip.s-offline .dot,.status-chip.s-created .dot{background:#4a8ac2}.status-chip.s-grey,.status-chip.s-unknown{color:#555;background:#ececec}.status-chip.s-grey .dot,.status-chip.s-unknown .dot{background:#888}.content-with-filter{flex:1;display:flex;overflow:hidden}.filter-bar{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:260px;min-width:260px;margin:10px 0 10px 10px;padding:10px;overflow-y:auto}.filter-bar.flush{border:none;border-right:1px solid var(--border);border-radius:0;width:195px;min-width:195px;margin:0;padding:0 14px 12px}.filter-bar.flush .filter-bar-title{border-bottom:1px solid var(--border);text-transform:none;letter-spacing:0;color:var(--text-primary);border-radius:0;margin:0 -14px 10px;padding:14px 14px 13px;font-size:16px;font-weight:700}.filter-bar.flush .filter-bar-item{padding:7px 10px;font-size:14px}.side-panel{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-direction:column;flex:3;gap:8px;min-width:240px;margin:0 0 0 8px;padding:16px;display:flex;overflow-y:auto;box-shadow:0 4px 16px #1201230f}.side-panel-overlay{display:none}.side-panel-header{border-bottom:1px solid #eee;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;display:flex}.side-panel-header .ip-top-actions{border-bottom:none;margin-bottom:0;margin-left:auto;padding:0}.side-panel-title{color:var(--text-primary);flex:1;min-width:0;font-size:18px;font-weight:700;line-height:1.2}.side-panel-close{cursor:pointer;color:#aaa;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;display:inline-flex}.side-panel-close:hover{color:#333;background:#eee}.side-panel-section{margin-bottom:6px}.side-panel-label{text-transform:uppercase;letter-spacing:.3px;color:#999;margin-bottom:3px;font-size:10px;font-weight:600}.side-panel-value{font-size:var(--fs-body);color:#444}.side-panel-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.side-panel-actions .btn{text-align:center}.ip-top-actions{border-bottom:1px solid #eee;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-bottom:4px;padding:0 0 8px;display:flex}.ip-sub{font-size:var(--fs-small);color:#888;align-items:center;gap:8px;margin-top:2px;display:inline-flex}.ip-chips-row{border-bottom:1px solid var(--surface-recessed);flex-wrap:wrap;gap:8px;margin-bottom:8px;padding:0 0 10px;display:flex}.data-table .tbl-chip{font-size:var(--fs-small);white-space:nowrap;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:2px 8px;font-weight:600;line-height:1.3;display:inline-flex}.data-table .tbl-chip .chip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.sev-red-bg{background-color:var(--alert-bg);color:var(--alert-text);border-color:#0000}.sev-red-bg .chip-dot{background:#d14f34}.sev-amber-bg{background-color:var(--warn-bg);color:var(--warn-text);border-color:#0000}.sev-amber-bg .chip-dot{background:#d98e00}.sev-green-bg{background-color:var(--ok-bg);color:var(--ok-text);border-color:#0000}.sev-green-bg .chip-dot{background:#3d8c5a}.status-new-bg{color:#8f6606;background-color:#0000;border-color:#d9b879!important}.status-progress-bg{color:#2a6ba3;background-color:#0000;border-color:#7ab0dc!important}.status-resolved-bg{color:#2e6b44;background-color:#0000;border-color:#7dc094!important}.ip-ernst-select,.ip-status-select{font-size:var(--fs-small);cursor:pointer;appearance:none;letter-spacing:.1px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><polyline points='2,4 5,7 8,4' fill='none' stroke='currentColor' stroke-width='1.5'/></svg>");background-position:right 6px center;background-repeat:no-repeat;border:1px solid #0000;border-radius:4px;padding:2px 22px 2px 8px;font-family:inherit;font-weight:500}.ip-ernst-select:hover,.ip-status-select:hover{filter:brightness(.97)}.ip-body{flex:1;gap:8px;min-height:0;display:flex}.ip-body-main{flex-direction:column;flex:1;min-width:0;display:flex}.ip-body-side{border-left:1px solid var(--surface-recessed);flex-direction:column;flex-shrink:0;width:180px;padding-left:12px;display:flex}.ip-side-section{padding:8px 0}.ip-side-section:first-child{padding-top:0}.ip-side-section+.ip-side-section{border-top:1px solid var(--surface-recessed)}.ip-side-value{font-size:var(--fs-body);color:#333}.ip-assignee-select{box-sizing:border-box;width:100%;font-size:var(--fs-body);border:1px solid var(--border);color:#333;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'><polyline points='2,4 5,7 8,4' fill='none' stroke='%23666' stroke-width='1.5'/></svg>");background-position:right 6px center;background-repeat:no-repeat;border-radius:4px;margin-top:4px;padding:5px 22px 5px 8px;font-family:inherit}.ip-assignee-select:hover{border-color:#bbb}.ip-body-side .ip-device{cursor:pointer;flex-direction:column;gap:8px;padding:8px;transition:background .1s,border-color .1s}.ip-body-side .ip-device:hover{background:#eee8df;border-color:#c9c2b8}.ip-body-side .ip-device-thumb{box-sizing:border-box;background:var(--card);border-color:var(--border);width:100%;height:100px;padding:8px 0}.ip-body-side .ip-device-thumb svg{width:42px;height:42px}.ip-body-side .ip-device-thumb img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.ip-body-side .ip-device-body{gap:1px}.ip-body-side .ip-device-meta{flex-direction:column;align-items:flex-start;gap:8px}@media (width<=767px){.ip-body{flex-direction:column;gap:0}.ip-body-side{border-left:none;border-top:1px solid var(--surface-recessed);width:auto;margin-top:8px;padding-top:8px;padding-left:0}.ip-body-side .ip-device-thumb{height:120px}}.ip-section{padding:6px 0}.ip-section+.ip-section{border-top:1px solid var(--border-subtle)}.ip-section-label{font-size:var(--fs-table-head);text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);margin-bottom:5px;font-weight:700}.ip-body-main .ip-section-label{text-transform:none;letter-spacing:0;color:var(--text-primary);margin-bottom:8px;font-size:15px;font-weight:700}.ip-body-main .ip-section{padding:12px 0}.ip-body-main .ip-section:first-child{padding-top:0}.ip-body-main .ip-section+.ip-section{margin-top:8px}.ip-desc{font-size:var(--fs-body);color:#444;line-height:1.4}.ip-ai{font-size:var(--fs-body);color:#555;background:var(--surface-recessed);border-left:2px solid #d98e00;border-radius:4px;margin-top:5px;padding:6px 8px}.ip-ai strong{color:#333}.ip-meta-grid{font-size:var(--fs-body);color:#444;grid-template-columns:1fr 1fr;gap:16px 12px;display:grid}.ip-meta-grid .lbl{font-size:var(--fs-table-head);text-transform:uppercase;color:#999;letter-spacing:.3px;margin-bottom:1px;font-weight:600}.ip-device{background:var(--surface-recessed);border:1px solid var(--border);border-radius:4px;align-items:flex-start;gap:8px;padding:10px;display:flex}.ip-device-thumb{background:var(--offline-bg);border:1px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.ip-device-thumb svg{stroke:#666;stroke-width:1.5px;fill:none;width:38px;height:38px}.ip-device-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.ip-device-model{font-weight:700;font-size:var(--fs-nav);color:#222;line-height:1.2}.ip-device-make{font-size:var(--fs-small);color:#888}.ip-device-meta{font-size:var(--fs-small);color:#666;flex-wrap:wrap;gap:8px;margin-top:3px;display:flex}.ip-device-meta .dev-chip{background:var(--card);border:1px solid var(--border);border-radius:4px;align-items:center;gap:8px;padding:1px 6px;display:inline-flex}.ip-events{flex-direction:column;display:flex;position:relative}.ip-event{font-size:var(--fs-body);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:8px;padding:8px 0;display:flex;position:relative}.ip-event:last-child{border-bottom:none}.ip-event-dot{z-index:1;width:8px;height:8px;box-shadow:0 0 0 3px var(--card);background:#ccc;border-radius:50%;flex-shrink:0;margin-top:6px;position:relative}.ip-events:before{content:none}.ip-event-dot.red{background:#d14f34}.ip-event-dot.amber{background:#d98e00}.ip-event-dot.green{background:#3d8c5a}.ip-event-dot.blue{background:#4a8ac2}.ip-event-main{flex:1;min-width:0}.ip-event-title{color:var(--text-primary);font-weight:600}.ip-event-time{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--text-tertiary);margin-top:2px}tr.clickable.row-selected td{background:#0000000d!important;border-bottom-color:#0000!important}tr.clickable.row-selected td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}tr.clickable.row-selected td:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.filter-bar-title{font-size:var(--fs-table-head);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;justify-content:space-between;align-items:center;margin:0 0 10px;padding:0 0 8px;font-weight:700;display:flex}.filter-bar-title .fb-clear-all{color:var(--accent);cursor:pointer;text-transform:none;letter-spacing:0;font-size:10px;font-weight:500}.filter-bar-title .fb-clear-all:hover{color:var(--accent-hover)}.filter-bar-group{margin-bottom:10px}.filter-bar-group-label{color:#777;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:10px;font-weight:700}.filter-bar-item{color:#555;cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:3px 6px;font-size:12px;transition:background .1s;display:flex}.filter-bar-item:hover{color:#333;background:#0000000a}.filter-bar-item.fb-active{color:#333;background:#0000000f;font-weight:600}.filter-bar-item .fb-check{border:1.5px solid #ccc;border-radius:4px;flex-shrink:0;width:14px;height:14px;transition:all .1s;position:relative}.filter-bar-item:hover .fb-check{border-color:#999}.filter-bar-item .fb-check.on{background:#622280;border-color:#622280}.filter-bar-item .fb-check.on:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:4px;height:7px;position:absolute;top:1px;left:3.5px;transform:rotate(45deg)}.filter-bar-item .fb-count{font-family:var(--font-mono);color:#aaa;text-align:right;min-width:20px;margin-left:auto;font-size:10px}.active-filters{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:0 0 12px;display:flex}.active-filters:empty{display:none}.active-filter-pill{color:var(--accent);background:var(--accent-tint);cursor:default;border:none;border-radius:14px;align-items:center;gap:8px;max-width:100%;padding:3px 8px 3px 10px;font-size:11px;font-weight:600;display:inline-flex}.active-filter-pill>span:not(.pill-remove):not(.pill-dot):not(.pill-label){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.active-filter-pill .pill-label{color:#999;margin-right:1px;font-size:9px}.active-filter-pill .pill-remove{cursor:pointer;color:#999;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:13px;height:13px;margin-left:1px;font-size:12px;line-height:1;transition:all .1s;display:flex}.active-filter-pill .pill-remove:hover{color:#fff;background:#d14f34}.active-filter-pill .pill-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.filter-bar-input{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:6px 10px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.filter-bar-input:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 2px #62228014}.filter-bar-input.mono{font-family:var(--font-mono)}.filter-bar-list{border:1px solid var(--border);background:var(--surface-recessed);border-radius:4px;max-height:105px;margin-top:4px;overflow-y:auto}.table-scroll-wrap{flex:1;min-height:0;position:relative}.table-scroll{height:100%;overflow-y:auto}.scroll-fade{pointer-events:none;background:linear-gradient(#0000,#0000001f);height:32px;transition:opacity .2s;position:absolute;bottom:0;left:0;right:0}.scroll-fade.hidden{opacity:0}.pagination-bar{background:var(--surface-recessed);border-top:1px solid var(--border);color:#666;border-radius:0 0 6px 6px;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.pag-info{font-family:var(--font-mono);color:#888;white-space:nowrap;font-size:11px}.pag-buttons{align-items:center;gap:8px;display:flex}.pag-btn{border:1px solid var(--border);background:var(--card);width:28px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:all .1s;display:inline-flex}.pag-btn:hover:not(:disabled){background:var(--surface-recessed);color:var(--text-primary);border-color:#d5ccc2}.pag-btn:disabled{opacity:.35;cursor:default}.pag-page{color:#777;white-space:nowrap;padding:0 8px;font-size:11px}.pag-size{align-items:center;gap:8px;display:flex}.pag-size-btn{border:1px solid var(--border);background:var(--surface-recessed);color:#888;font-size:11px;font-family:var(--font-mono);cursor:pointer;border-radius:4px;padding:3px 8px;transition:all .1s}.pag-size-btn:hover{color:#555;background:#fff}.pag-size-btn.active{color:#333;background:#fff;border-color:#bbb;font-weight:600}.content-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.lib-filter-bar{background:var(--card);border:1px solid var(--border);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.lib-filter-bar .lib-search{flex:0 0 220px}.lib-filter-bar .lib-search input{border:1px solid var(--border);background:var(--card);box-sizing:border-box;border-radius:3px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:12px}.lib-filter-bar .lib-search input:focus{border-color:var(--accent)}.lib-dd{position:relative}.lib-dd-btn{border:1px solid var(--border);background:var(--card);cursor:pointer;white-space:nowrap;color:var(--text-primary);border-radius:4px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:border-color .12s,background .12s;display:inline-flex}.lib-dd-btn:hover{background:var(--surface-recessed);border-color:#bbb}.lib-dd-btn.has-sel{border-color:var(--accent);color:var(--accent)}.lib-dd-btn .dd-arrow{color:#999;margin-left:2px;font-size:9px}.lib-dd-panel{z-index:200;background:var(--card);border:1px solid var(--border);border-radius:4px;min-width:280px;max-height:260px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #1201231f}.lib-dd-panel.open{display:block}.page-actions .lib-dd-panel{min-width:200px;left:auto;right:0}.act-dd-item{color:var(--text-primary);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:background .1s;display:flex}.act-dd-item:hover{background:var(--surface-recessed)}.lib-dd-panel .filter-bar-item{color:#555;cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.lib-dd-panel .filter-bar-item:hover{background:#00000008}.lib-dd-panel .filter-bar-item.fb-active{color:#333;background:#0000000d;font-weight:600}.lib-filter-bar .active-filters{border:none;flex-wrap:wrap;gap:4px;margin:0;padding:0;display:flex}.lib-cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;padding:4px 0;display:grid}.lib-card{background:var(--card);border:1px solid var(--border);cursor:pointer;border-radius:4px;flex-direction:column;gap:8px;min-height:0;padding:12px;transition:border-color .1s,box-shadow .1s;display:flex}.lib-card:hover{border-color:#bbb;box-shadow:0 2px 6px #0000000d}.lib-card-img{border:1px solid var(--border);box-sizing:border-box;background:#fff;border-radius:3px;justify-content:center;align-items:center;height:130px;margin:0;padding:8px;display:flex;overflow:hidden}.lib-card-img img{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.lib-card-placeholder{opacity:.3;font-size:32px}.lib-card-body{flex-direction:column;gap:4px;display:flex}.lib-card-model{color:#222;font-size:13px;font-weight:700;line-height:1.3}.lib-card-make{color:#888;font-size:12px}.lib-card-type{align-self:flex-start;margin-top:2px}.lib-card-type span{background:var(--surface-recessed);color:#666;border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.lib-card-sensors{flex-wrap:wrap;gap:6px;margin-top:-4px;padding:0;display:flex}.lib-sensor-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.lib-sensor-icon img{opacity:1;width:16px;height:16px}.lib-card-actions{border-top:1px solid var(--border-subtle);gap:4px;margin-top:auto;padding-top:8px;display:flex}.lib-card-actions .btn{flex:1;padding:4px 8px;font-size:11px}.lib-modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:500;background:#1a0a236b;justify-content:center;align-items:center;padding:24px;animation:.16s lib-modal-overlay-in;display:flex;position:fixed;inset:0}.lib-modal{background:var(--card);border-radius:12px;flex-direction:column;width:560px;max-width:92vw;max-height:88vh;animation:.22s cubic-bezier(.16,1,.3,1) lib-modal-in;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #1201230d,0 18px 48px -12px #1201234d}.lib-modal:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hover));z-index:1;height:3px;position:absolute;top:0;left:0;right:0}.lib-modal-header{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:19px 24px 15px;display:flex}.lib-modal-header img{-o-object-fit:contain;object-fit:contain;background:var(--surface-recessed);border-radius:8px;width:56px;height:56px}.lib-modal-header .lib-modal-title{color:var(--text-primary);letter-spacing:-.01em;font-size:17px;font-weight:700;line-height:1.25}.lib-modal-header .lib-modal-sub{color:var(--text-secondary);margin-top:3px;font-size:12.5px}.lib-modal-close{width:30px;height:30px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:20px;transition:background .12s,color .12s;display:flex}.lib-modal-close:hover{background:var(--accent-tint);color:var(--accent)}.lib-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.lib-modal-section{margin-bottom:14px}.lib-modal-section-title{text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);margin-bottom:6px;font-size:10px;font-weight:700}.lib-modal-tags{flex-wrap:wrap;gap:8px;display:flex}.lib-modal-tag{background:var(--surface-recessed);color:var(--text-secondary);border-radius:6px;padding:3px 8px;font-size:12px;display:inline-block}.lib-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}.lib-modal input,.lib-modal select,.lib-modal textarea{transition:box-shadow .13s,border-color .13s}.lib-modal input:focus,.lib-modal select:focus,.lib-modal textarea:focus{box-shadow:0 0 0 3px var(--accent-tint);border-color:var(--accent)!important}.lib-modal input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:15px;height:15px}@keyframes lib-modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes lib-modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.lib-modal-overlay,.lib-modal{animation:none}}.dashed-section{border:1.5px dashed #ccc;border-radius:4px;margin-bottom:12px;padding:16px 18px}.dashed-section-desc{font-size:var(--fs-section-desc);color:#999}.wiz-overlay{z-index:500;background:#1e1c1873;display:none;position:fixed;inset:0}.wiz-overlay.open{display:block}.wiz-modal{background:var(--bg);z-index:510;border-radius:4px;flex-direction:column;width:min(880px,94vw);max-height:92vh;display:none;position:fixed;top:4vh;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 40px #12012340}.wiz-modal.open{display:flex}.wiz-header{background:var(--card);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:14px 20px;display:flex}.wiz-header .wiz-title{color:#222;flex:1;font-size:17px;font-weight:700}.wiz-header .wiz-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;display:inline-flex}.wiz-header .wiz-close:hover{color:#333;background:#eee8df}.wiz-progress{background:var(--surface-recessed);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.wiz-progress .wiz-step{color:var(--text-tertiary);white-space:nowrap;border-radius:14px;align-items:center;gap:8px;padding:4px 10px;font-size:12px;display:flex}.wiz-progress .wiz-step .wiz-num{background:var(--border);width:20px;height:20px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.wiz-progress .wiz-step.active{color:var(--accent);background:var(--card);border:1px solid var(--accent);font-weight:700}.wiz-progress .wiz-step.active .wiz-num{background:var(--accent);color:#fff}.wiz-progress .wiz-step.done{color:var(--ok-text)}.wiz-progress .wiz-step.done .wiz-num{background:var(--ok);color:#fff}.wiz-progress .wiz-sep{background:#d4cec5;flex-shrink:0;width:16px;height:1px}.wiz-body{flex:1;min-height:200px;padding:22px 28px;overflow-y:auto}.wiz-pane{display:none}.wiz-pane.active{display:block}.wiz-intro{color:#555;margin-bottom:18px;font-size:13px;line-height:1.5}.wiz-field{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.wiz-field label{text-transform:uppercase;letter-spacing:.3px;color:#777;font-size:11px;font-weight:600}.wiz-field label .wiz-req{color:#d14f34}.wiz-field input:not([type=checkbox]):not([type=radio]),.wiz-field select,.wiz-field textarea{border:1px solid var(--border);background:var(--bg);height:36px;color:var(--text-primary);border-radius:4px;outline:none;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .12s,box-shadow .12s}.wiz-field select{height:36px;padding:0 30px 0 12px}.wiz-field input:not([type=checkbox]):not([type=radio]):focus,.wiz-field select:focus,.wiz-field textarea:focus{border-color:var(--accent);background:var(--card);box-shadow:0 0 0 2px #62228014}.wiz-field textarea{resize:vertical;min-height:60px}.wiz-field-row{gap:8px;display:flex}.wiz-field-row .wiz-field{flex:1}.wiz-field-hint{color:#999;font-size:11px}.wiz-options{gap:8px;margin-bottom:18px;display:flex}.wiz-option{cursor:pointer;background:#fff;border:1.5px solid #d4cec5;border-radius:4px;flex:1;padding:12px 14px;transition:all .1s}.wiz-option:hover{border-color:#888}.wiz-option.selected{border-color:var(--accent);background:var(--accent-tint);color:var(--accent)}.wiz-option.selected .wiz-option-title{color:var(--accent)}.wiz-option-title{color:#222;margin-bottom:3px;font-size:13px;font-weight:600}.wiz-option-desc{color:#777;font-size:11px}.wiz-alert{color:#6a4a04;background:#faf0d9;border:1px solid #ebdcb0;border-left:3px solid #d98e00;border-radius:4px;margin-bottom:14px;padding:10px 12px;font-size:12px}.wiz-alert.wiz-info{color:#244a6d;background:#e6eef4;border-color:#b8cee0 #b8cee0 #b8cee0 #4a8ac2}.wiz-alert.wiz-success{color:#1f5b37;background:#e1efe6;border-color:#b6dac4 #b6dac4 #b6dac4 #3d8c5a}.wiz-floorplan{color:#aaa;background:#fff;border:1.5px dashed #c9c2b8;border-radius:4px;justify-content:center;align-items:center;height:300px;margin-bottom:12px;font-size:12px;display:flex;position:relative;overflow:hidden}.wiz-floorplan-empty{text-align:center}.wiz-floorplan-empty svg{opacity:.4;width:32px;height:32px;margin-bottom:6px}.wiz-floorplan-dot{cursor:grab;background:#d98e00;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;box-shadow:0 2px 6px #00000040}.wiz-floorplan-dot:hover{background:#e6a62a}.wiz-floorplan-guide{color:#fff;pointer-events:none;background:#1a1a1ed9;border-radius:12px;padding:4px 10px;font-size:11px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.wiz-service-list{flex-direction:column;gap:8px;display:flex}.wiz-service{background:var(--card);border:1px solid var(--border);border-radius:4px;align-items:flex-start;gap:8px;padding:12px;display:flex}.wiz-service-body{flex:1}.wiz-service-head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.wiz-service-name{color:#222;font-size:13px;font-weight:600}.wiz-service-badge{color:#1f5b37;background:#e1efe6;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:600}.wiz-service-desc{color:#666;margin-bottom:4px;font-size:12px;line-height:1.4}.wiz-service-price{color:#555;font-size:11px;font-family:var(--font-mono)}.wiz-toggle{cursor:pointer;background:#ccc5bc;border-radius:12px;flex-shrink:0;width:38px;height:22px;transition:background .15s;position:relative}.wiz-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:left .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.wiz-toggle.on{background:var(--accent)}.wiz-toggle.on:after{left:18px}.wiz-summary{border:1px solid var(--border);background:#fff;border-radius:4px;margin-bottom:14px;padding:14px 16px}.wiz-summary-row{border-bottom:1px dashed var(--surface-recessed);padding:5px 0;font-size:13px;display:flex}.wiz-summary-row:last-child{border-bottom:none}.wiz-summary-row .lbl{color:#888;text-transform:uppercase;letter-spacing:.3px;width:140px;padding-top:1px;font-size:11px;font-weight:600}.wiz-summary-row .val{color:#222;flex:1}.wiz-footer{background:var(--card);border-top:1px solid var(--border);align-items:center;gap:8px;padding:14px 20px;display:flex}.wiz-footer .wiz-footer-left{color:#999;margin-right:auto;font-size:12px}.wiz-banner{color:#6a4a04;background:#faf0d9;border:1px solid #ebdcb0;border-left:3px solid #d98e00;border-radius:4px;align-items:center;gap:8px;margin:0 0 6px;padding:8px 12px;font-size:12px;display:flex}.wiz-banner .wiz-banner-cta{color:#fff;cursor:pointer;background:#1a1a1e;border:none;border-radius:4px;margin-left:auto;padding:4px 10px;font-family:inherit;font-size:12px}.wiz-banner .wiz-banner-cta:hover{background:#333}.wiz-banner.wiz-banner-info{color:#244a6d;background:#e6eef4;border-color:#b8cee0 #b8cee0 #b8cee0 #4a8ac2}.tabs{z-index:1;border-bottom:none;flex-shrink:0;gap:2px;margin-bottom:0;padding-left:6px;display:flex;position:relative}.tab{font-size:var(--fs-tab);color:var(--text-tertiary);cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:none;border-radius:4px 4px 0 0;margin-bottom:-1px;padding:7px 16px;font-weight:600}.tab:hover{color:var(--text-secondary);background:#00000008}.tab.active{color:var(--accent);background:var(--bg);border-color:var(--border);font-weight:700}.tab-card{background:var(--bg);border:1px solid var(--border);border-top:1px solid var(--border);border-radius:0 4px 4px;flex-direction:column;min-height:0;display:flex}.detail-layout{gap:8px;display:flex}.detail-main{flex:3;min-width:0}.detail-side{flex:1;min-width:180px}.back-link{font-size:var(--fs-breadcrumb);color:#888;cursor:pointer;margin-bottom:10px;display:inline-block}.back-link:hover{color:#555}.placeholder-lg{text-align:center;color:#aaa;font-size:var(--fs-body);border:1.5px dashed #ccc;border-radius:4px;margin-bottom:12px;padding:40px 20px}.persona-notes{display:none}.persona-popup{z-index:200;background:#fffcf0;border:1px solid #e8d890;border-radius:4px;flex-direction:column;width:360px;max-height:70vh;display:none;position:fixed;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 32px #0000001f}.persona-popup.open{display:flex}.persona-popup-header{text-transform:uppercase;letter-spacing:.5px;color:#9a7d10;background:#f8f0d8;border-bottom:1px solid #e8d890;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.persona-popup-close{cursor:pointer;color:#b8a040;font-size:16px;line-height:1}.persona-popup-close:hover{color:#650}.persona-popup-body{color:#540;padding:12px 14px;font-size:11px;line-height:1.6;overflow-y:auto}.persona-note{margin-bottom:8px}.persona-note:last-child{margin-bottom:0}.persona-note strong{color:#320}.persona-tag{border-radius:4px;margin-right:3px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-block}.tag-fm{color:#3b4fc4;background:#e0e7ff}.tag-ei{color:#b84c00;background:#ffe0d0}.tag-wi{color:#1a7a40;background:#d0f0e0}.tag-eig{color:#7b3fa0;background:#f0e0ff}.tag-pv{color:#8a6d00;background:#fff0c0}.tag-volta{color:#a03030;background:#ffd0d0}.persona-toggle{color:#8a7520;cursor:pointer;z-index:199;background:#f0e8c8;border:1px solid #d8cc90;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .15s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 2px 8px #00000014}.persona-toggle:hover{background:#e8ddb0}.persona-toggle.hidden{display:none}.dashed-section{background:#ffffff4d;border:1.5px dashed #c0b8a8;border-radius:4px;margin-bottom:6px;padding:10px 12px}.dashed-section-title{font-size:var(--fs-section-title);color:#444;margin-bottom:3px;font-weight:700}.dashed-section-desc{font-size:var(--fs-section-desc);color:#888;line-height:1.5}.spatial{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex;overflow:hidden}.spatial-row{gap:8px;display:flex}.spatial-fill{flex:1;min-height:0}.spatial-block{border:1px solid var(--border);background:#f6f2ee;border-radius:2px;flex-direction:column;padding:12px 14px;display:flex;overflow:hidden}.spatial-block:has(table.data-table){background:0 0;border:none;padding:0}.spatial-block:has(table.data-table) .spatial-block-title{margin-bottom:6px}.spatial-block-title{color:#222;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.3}.spatial-block-desc{font-size:var(--fs-section-desc);color:#666;line-height:1.4}.spatial-block-fill{flex:1}.spatial-label{display:none}.spatial-block{position:relative}.page{display:none}.page.active{flex-direction:column;flex:1;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.bottom-tabs{background:var(--card);border-top:1px solid var(--border);flex-shrink:0;justify-content:space-around;align-items:center;height:52px;padding:0 8px;display:none}.btab{color:var(--text-tertiary);cursor:pointer;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;font-size:9px;font-weight:600;text-decoration:none;display:flex}.btab svg{stroke-width:1.8px;stroke:currentColor;fill:none;width:18px;height:18px;display:block}.btab span{line-height:1;display:block}.btab.active{color:var(--accent)}.mobile-topbar{background:var(--sidebar);flex-shrink:0;align-items:center;gap:8px;height:44px;padding:0 12px;display:none}.mobile-topbar .m-logo{filter:url(#logo-tint-lilac)drop-shadow(0 0 8px #3c0a55d9)drop-shadow(0 0 20px #1e0032b3);width:auto;height:30px;display:block}.mobile-topbar .m-title{color:#ddd;flex:1;font-size:14px;font-weight:600}.mobile-topbar .m-building-select{color:#aaa;cursor:pointer;background:#2e2e34;border:1px solid #444;border-radius:4px;padding:3px 8px;font-family:inherit;font-size:11px}.mobile-topbar .m-bld-wrap{flex:auto;min-width:0;margin-left:4px;position:relative}.mobile-topbar .m-bld-wrap .bld-select-input{color:#ffffffb3;background:#ffffff26;border-color:#ffffff26;padding:5px 22px 5px 10px;font-size:12px}.mobile-topbar .m-bld-wrap .bld-select-input:hover{border-color:#ffffff40}.mobile-topbar .m-bld-wrap .bld-select-input:focus{color:#fff;box-shadow:none;background:#ffffff1f;border-color:#ffffff4d}.mobile-topbar .m-bld-wrap .bld-select-input::placeholder{color:#fff6}.mobile-topbar .m-bld-wrap .bld-select-arrow{color:#fff6}.mobile-topbar .m-bld-wrap .bld-list{width:260px;max-width:calc(100vw - 24px);top:calc(100% + 4px);left:0;right:auto}.mobile-topbar .m-avatar{color:#2a1f2b;letter-spacing:.3px;background:#c8b7bf;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:inline-flex;position:relative}.mobile-profile-menu{z-index:200;background:#2a1638;border:1px solid #ffffff1a;border-radius:4px;width:180px;margin-top:6px;padding:4px;display:none;position:absolute;top:100%;right:0}.mobile-profile-menu.open{display:block}.mpm-item{color:#ffffffb3;cursor:pointer;border-radius:4px;padding:7px 10px;font-size:12px}.mpm-item:hover{color:#fff;background:#ffffff26}.mpm-sep{background:#3a3a3e;height:1px;margin:3px 6px}.meer-menu{background:var(--card);border-top:1px solid var(--border);z-index:200;padding:8px;display:none;position:fixed;bottom:52px;left:0;right:0;box-shadow:0 -4px 16px #12012314}.meer-menu.open{display:block}.meer-menu-item{color:var(--text-primary);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex}.meer-menu-item:hover{background:var(--surface-recessed)}.meer-menu-item svg{stroke-width:1.8px;stroke:currentColor;fill:none;width:16px;height:16px}.meer-menu-sep{background:#eee;height:1px;margin:4px 10px}.meer-overlay{z-index:199;display:none;position:fixed;inset:0}.meer-overlay.open{display:block}@media (width<=1024px){.sidebar{width:52px;min-width:52px}.sidebar-logo{justify-content:center;padding:0 0 8px}.sidebar-logo .notif,.sidebar-toggle,.sidebar-pin,.sidebar-search,.nav-item .nav-badge{display:none}.sidebar .buildings-sub{margin-left:4px;padding:4px 0}.sidebar .buildings-search{border-top:none;min-height:34px;padding:4px}.sidebar .bld-select-input{text-align:center;color:#0000;caret-color:#0000;padding:6px 4px}.sidebar .bld-select-arrow{display:none}.sidebar .bld-collapsed-label{display:flex}.sidebar .bld-select-wrap.is-searching{background:var(--surface-recessed);border-radius:4px;padding:4px;box-shadow:0 2px 8px #00000014}.sidebar .bld-select-wrap.is-searching .bld-select-input{text-align:left;color:#333;caret-color:auto;background:#fff;border-color:#999;padding:6px 22px 6px 10px}.sidebar .bld-select-wrap.is-searching .bld-collapsed-label{display:none}.sidebar .bld-select-wrap.is-searching .bld-select-arrow{display:block;right:12px}.sidebar .buildings-context{padding:4px 0}.sidebar .bc-link{justify-content:center;gap:0;padding:7px 0;font-size:0}.sidebar .bc-link svg{width:18px;height:18px}.building-switcher{margin-bottom:6px;padding:0 4px}.building-switcher-btn .bs-label{text-align:center;padding:6px 0;font-size:0}.building-switcher-btn .bs-label:after{content:"🏢";font-size:14px}.building-switcher-btn .bs-arrow{display:none}.building-dropdown{width:200px;left:4px;right:auto}.nav-item{border-radius:4px 0 0 3px;justify-content:center;gap:0;height:36px;margin-left:4px;padding:0;font-size:0}.nav-item.active.has-sub{border-radius:4px 0 0}.nav-item svg{width:18px;height:18px}#beheerNavItem{justify-content:center;margin-left:4px;padding:0;font-size:0}.sidebar-profile{justify-content:center;padding:8px 0 10px}.sidebar-profile .profile-name{display:none}.sidebar-profile .avatar{margin:0 auto}.profile-menu{width:180px;bottom:0;left:52px;right:auto}.page-content{padding:16px}.page-header{padding:8px 12px 6px}.cards-row{flex-wrap:wrap}.card{min-width:100px}.side-panel{border-left:none;border-top:1px solid var(--border);border-radius:4px;flex:none;min-width:0;max-height:200px;margin:6px 0 0}.filter-bar{width:210px!important;min-width:210px!important}}@media (width<=900px){.dd-spark,.dd-spark-sep{display:none!important}}.dd-cards .card{flex:1 1 0;min-width:0}.dd-sensor-graph{border:1px solid var(--border);background:var(--card);border-radius:2px;overflow:hidden;gap:0!important}.dd-sensor-graph .dd-sensors{min-height:0;overflow-y:auto;flex:0 0 calc(20% - 3px)!important}.dd-sensor-graph .dd-graph{border-left:1px solid var(--border-subtle)}.dd-sensor-graph .dd-sensors-title{background:var(--card);z-index:1;border-bottom:1px solid var(--border-subtle);margin:0;padding:12px 14px 8px;position:sticky;top:0}.ip-event-actions{flex:none;margin-left:auto}.ip-event-actions .btn{padding:3px 8px;font-size:10px}.dd-graph-popup{z-index:999;background:#00000080;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.dd-graph-popup.open{display:flex}.dd-graph-popup-sheet{background:var(--card);border-radius:12px 12px 0 0;width:100%;max-width:480px;max-height:70vh;padding:16px;overflow-y:auto;box-shadow:0 -4px 24px #0003}.dd-graph-popup-sheet .dd-graph-close{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.dd-graph-popup-sheet .dd-graph-close button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:4px 8px;font-size:22px}@media (width<=767px){.dd-left{flex:none!important;width:100%!important;overflow-y:visible!important}.dd-right{flex:none!important;width:100%!important}.dd-cards{grid-template-columns:1fr 1fr;gap:8px!important;display:grid!important}.dd-status{grid-column:1/-1;align-items:center;flex-direction:row!important;padding:10px 14px!important;display:flex!important}.dd-status .dd-status-half{flex:1}.dd-status .dd-status-half:first-child{border-right:1px solid #2d6b2d26;padding-right:14px}.dd-status .dd-status-half:last-child{padding-left:14px;border-top:none!important;margin:0!important;padding-top:0!important}.dd-kpi{min-width:0!important;padding:10px 14px!important}.dd-kpi div[style*=text-align\:right]{text-align:left!important;padding:0!important}.dd-graph{display:none!important}.dd-sensor-graph{flex-direction:column!important;min-height:auto!important}.dd-sensors{flex:none!important;width:100%!important;max-height:none!important}.dd-sensor-graph .dd-graph{border-left:none!important}body{flex-direction:column;min-height:100dvh;padding-bottom:56px;height:auto!important;overflow:visible!important}html{overflow-x:hidden}.sidebar{display:none}.mobile-topbar{z-index:100;display:flex;position:sticky;top:0}.bottom-tabs{z-index:100;display:flex;position:fixed;bottom:0;left:0;right:0}.content,#pageContainer{min-height:0;flex:none!important;overflow:visible!important}.page{flex:none!important;height:auto!important;overflow:visible!important}.page.active{flex:none!important}.page-content{padding:10px;flex:none!important;height:auto!important;overflow:visible!important}.page-header{background:var(--surface-recessed);z-index:50;flex-shrink:0;padding:10px;position:sticky;top:44px}.page-title{font-size:16px}.table-scroll-wrap,.table-scroll{flex:none!important;height:auto!important;overflow:visible!important}.pagination-bar{flex-wrap:wrap}.scroll-fade{display:none!important}#a-devices-list,#a-devices-list>div,#page-a-devices .page-content>div,#page-b-apparaatdb .page-content>div,#page-b-apparaatdb .page-content>div>div{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}.breadcrumb{padding:4px 10px;font-size:10px}.cards-row{flex-wrap:nowrap;gap:4px}.card{flex:1 1 0;min-width:0;padding:6px 8px}.card-label{font-size:10px}.card-value{font-size:18px}.card-sub{font-size:9px}.b-dash-top,.b-dash-bottom{flex-direction:column!important;width:100%!important;max-width:none!important}.b-dash-top>div,.b-dash-bottom>div,.b-dash-top>div>*,.b-dash-bottom>div>*{box-sizing:border-box;flex:auto!important;width:100%!important;min-width:0!important;max-width:none!important}#page-b-dashboard .trend-card,#page-b-dashboard .card-combined-right{display:none!important}#page-b-dashboard .card.card-combined{display:block!important}.data-table{display:block}.data-table thead{display:none}.data-table tbody{flex-direction:column;gap:0;display:flex}.data-table tbody tr{border:none;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;border-radius:0;flex-wrap:wrap;align-items:center;gap:8px;height:auto;padding:8px 10px;display:flex}.data-table tbody tr td{padding:0;font-size:12px;border:none!important}.data-table td:nth-child(2){flex:1;font-weight:600}.data-table td:nth-child(4),.data-table td:nth-child(5),.data-table td:nth-child(6){display:none}.page-actions{position:relative}.page-actions-hamburger,.page-actions.has-menu>.btn,.page-actions.has-menu>.btn-primary,.page-actions.has-menu>.lib-dd{display:none}.page-actions.has-menu>.page-actions-hamburger{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.page-actions.has-menu>.page-actions-hamburger svg{width:18px;height:18px;stroke:var(--text-primary);stroke-width:2px;fill:none}.page-actions-dropdown{z-index:200;background:var(--card);border:1px solid var(--border);border-radius:4px;min-width:220px;padding:6px;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000026}.page-actions-dropdown.open{flex-direction:column;gap:0;display:flex}.page-actions-dropdown .ham-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:8px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;display:flex}.page-actions-dropdown .ham-item:hover{background:#0000000a}.page-actions-dropdown .ham-item.primary{color:var(--accent);font-weight:600}.page-actions-dropdown .ham-item.danger{color:var(--alert-text)}.page-actions-dropdown .ham-sep{background:var(--border);height:1px;margin:4px 0}.page-actions-dropdown .ham-group-label{text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary);padding:8px 12px 4px;font-size:10px;font-weight:700}.page-actions-dropdown .ham-sub{color:var(--text-secondary);cursor:pointer;border-radius:3px;align-items:center;gap:8px;padding:8px 12px 8px 28px;font-size:12px;display:flex}.page-actions-dropdown .ham-sub:hover{color:var(--text-primary);background:#0000000a}.page-actions-dropdown .ham-sub.danger{color:var(--alert-text)}.filter-bar{display:none!important}.side-panel{border:none;border-top:1px solid var(--border);z-index:180;border-radius:4px 4px 0 0;min-width:0;max-height:65vh;margin:0;position:fixed;inset:auto 0 52px;box-shadow:0 -4px 20px #0000001f;display:none!important}.side-panel.mobile-open{display:flex!important}.spatial-block{min-height:auto!important}#a-devices-list,#b-install-list{flex-direction:column!important}.btn-label-full{display:none}.page-header .context-indicator{display:none!important}#issues-table-body tr.clickable.row-selected td,#issues-table-body-done tr.clickable.row-selected td,#devices-table-body tr.clickable.row-selected td{background:#fff!important}#issues-table-body tr.clickable.row-selected td:first-child,#issues-table-body-done tr.clickable.row-selected td:first-child,#devices-table-body tr.clickable.row-selected td:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}#a-dashboard-content .spatial-block{overflow-x:hidden!important}#a-dashboard-content .data-table:not(.bld-device-table){table-layout:fixed;width:100%}#a-dashboard-content .data-table:not(.bld-device-table) tr{-moz-column-gap:10px;box-sizing:border-box;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"name health""owner health";align-items:center;gap:2px 10px;width:100%;max-width:100%;padding:8px 10px!important;display:grid!important}#a-dashboard-content .data-table:not(.bld-device-table) td{min-width:0;overflow:hidden;border:none!important;padding:0!important;display:block!important}#a-dashboard-content .data-table:not(.bld-device-table) td:first-child{color:#222;white-space:nowrap;text-overflow:ellipsis;grid-area:name;font-size:13px;font-weight:700}#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(2){color:#888;white-space:nowrap;text-overflow:ellipsis;grid-area:owner;font-size:12px;font-weight:400}#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(3){grid-area:health;min-width:0;max-width:100%}#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(3)>div{max-width:100%;overflow:hidden}#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(3)>div>div{min-width:0!important;max-width:none!important}#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(4),#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(5),#a-dashboard-content .data-table:not(.bld-device-table) td:nth-child(6){display:none!important}#devices-table-body tr{-moz-column-gap:8px;grid-template-columns:16px 36px minmax(110px,1.3fr) minmax(80px,1fr);grid-template-areas:"status img model floor""status img eui zone";align-items:center;gap:1px 8px;padding:10px 12px!important;display:grid!important}#devices-table-body tr td{min-width:0;line-height:1.25;overflow:hidden;border:none!important;flex:none!important;width:auto!important;padding:0!important;display:block!important}#devices-table-body tr td:first-child{text-align:center;grid-area:status}#devices-table-body tr td:nth-child(2){text-align:center;grid-area:img}#devices-table-body tr td:nth-child(2) img{width:32px!important;height:32px!important}#devices-table-body tr td:nth-child(3){display:none!important}#devices-table-body tr td:nth-child(4){color:#999;text-overflow:ellipsis;grid-area:eui;font-size:10px;font-weight:400}#devices-table-body tr td:nth-child(4) .eui-chip{font-family:var(--font-mono);background:0 0;padding:0;font-size:10px}#devices-table-body tr td:nth-child(5){white-space:nowrap;text-overflow:ellipsis;grid-area:model;font-size:12px}#devices-table-body tr td:nth-child(5) strong{color:#222;font-weight:700}#devices-table-body tr td:nth-child(6){display:none!important}#devices-table-body tr td:nth-child(7){color:#222;text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:floor;font-size:12px}#devices-table-body tr td:nth-child(8){color:#888;text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:zone;font-size:11px;display:block!important}#devices-table-body tr td:nth-child(9),#devices-table-body tr td:nth-child(10),#devices-table-body tr td:nth-child(11){display:none!important}.eui-full{display:inline!important}.eui-short{display:none!important}.bld-device-table thead{display:none}.bld-device-table tbody tr{-moz-column-gap:8px;grid-template-columns:16px minmax(110px,1.3fr) minmax(80px,1fr);grid-template-areas:"status model floor""status eui zone";align-items:center;gap:1px 8px;padding:10px 12px!important;display:grid!important}.bld-device-table tbody tr td{min-width:0;line-height:1.25;overflow:hidden;border:none!important;padding:0!important;display:block!important}.bld-device-table tbody tr td:first-child{text-align:center;grid-area:status}.bld-device-table tbody tr td:nth-child(2),.bld-device-table tbody tr td:nth-child(3){display:none!important}.bld-device-table tbody tr td:nth-child(4){color:var(--text-tertiary);text-overflow:ellipsis;grid-area:eui;font-size:10px}.bld-device-table tbody tr td:nth-child(4) .eui-chip{font-family:var(--font-mono);background:0 0;padding:0;font-size:10px}.bld-device-table tbody tr td:nth-child(5){white-space:nowrap;text-overflow:ellipsis;grid-area:model;font-size:12px}.bld-device-table tbody tr td:nth-child(5) strong{color:var(--text-primary);font-weight:700}.bld-device-table tbody tr td:nth-child(6){display:none!important}.bld-device-table tbody tr td:nth-child(7){color:var(--text-primary);text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:floor;font-size:12px}.bld-device-table tbody tr td:nth-child(8){color:var(--text-tertiary);text-align:right;white-space:nowrap;text-overflow:ellipsis;grid-area:zone;font-size:11px;display:block!important}.bld-device-table tbody tr td:nth-child(9),.bld-device-table tbody tr td:nth-child(10),.bld-device-table tbody tr td:nth-child(11){display:none!important}.alert-table thead{display:none}.alert-table tbody tr{-moz-column-gap:10px;grid-template-columns:16px 82px 1fr minmax(110px,1fr);grid-template-areas:"status badge issue klant""status.device device";align-items:center;gap:2px 10px;padding:10px 12px!important;display:grid!important}.alert-table tbody td{line-height:1.3;border:none!important;flex:none!important;width:auto!important;padding:0!important;display:block!important}.alert-table tbody td:first-child{text-align:center;grid-area:status}.alert-table tbody td:nth-child(2){grid-area:badge}.alert-table tbody td:nth-child(3){color:#222;white-space:nowrap;text-overflow:ellipsis;grid-area:issue;font-size:13px;font-weight:700;overflow:hidden}.alert-table tbody td:nth-child(3) .tbl-sub,.alert-table tbody td:nth-child(3) br{display:none!important}.alert-table tbody td:nth-child(4){color:#666;white-space:nowrap;text-overflow:ellipsis;grid-area:device;font-size:12px;overflow:hidden}.alert-table tbody td:nth-child(8){color:#222;white-space:nowrap;text-overflow:ellipsis;text-align:right;grid-area:klant;font-size:12px;overflow:hidden}.alert-table tbody td:nth-child(5),.alert-table tbody td:nth-child(6),.alert-table tbody td:nth-child(7),.alert-table tbody td:nth-child(9),.alert-table tbody td:nth-child(10),.alert-table tbody td:nth-child(11){display:none!important}#b-install-list .data-table thead{display:none}#b-install-list .data-table tbody tr{-moz-column-gap:10px;grid-template-columns:16px minmax(110px,1.3fr) minmax(90px,1fr);grid-template-areas:"status model klant""status eui post";align-items:center;gap:1px 10px;padding:10px 12px!important;display:grid!important}#b-install-list .data-table tbody tr td{line-height:1.25;border:none!important;flex:none!important;width:auto!important;padding:0!important;display:block!important}#b-install-list .data-table tbody tr td:first-child{text-align:left;grid-area:status}#b-install-list .data-table tbody tr td:nth-child(2),#b-install-list .data-table tbody tr td:nth-child(3){display:none!important}#b-install-list .data-table tbody tr td:nth-child(4){color:#999;text-overflow:ellipsis;grid-area:eui;font-size:11px;font-weight:400;overflow:hidden}#b-install-list .data-table tbody tr td:nth-child(4) .eui-chip{font-family:var(--font-mono);background:0 0;padding:0}#b-install-list .data-table tbody tr td:nth-child(5){color:#666;flex-direction:row;grid-area:model;align-items:baseline;gap:4px;font-size:12px;overflow:hidden;display:flex!important}#b-install-list .data-table tbody tr td:nth-child(5) strong{color:#222;white-space:nowrap;text-overflow:ellipsis;order:1;font-size:13px;font-weight:700;overflow:hidden}#b-install-list .data-table tbody tr td:nth-child(5) .tbl-sub{color:#666;white-space:nowrap;order:2;font-size:12px}#b-install-list .data-table tbody tr td:nth-child(5) .tbl-sub:before{content:"- "}#b-install-list .data-table tbody tr td:nth-child(5) br{display:none}#b-install-list .data-table tbody tr td:nth-child(6),#b-install-list .data-table tbody tr td:nth-child(7){display:none!important}#b-install-list .data-table tbody tr td:nth-child(8){color:#222;white-space:nowrap;text-overflow:ellipsis;grid-area:klant;font-size:12px;overflow:hidden}#b-install-list .data-table tbody tr td:nth-child(9){color:#888;grid-area:post;font-size:11px}#b-install-list .data-table tbody tr td:nth-child(10),#b-install-list .data-table tbody tr td:nth-child(11),#b-install-list .data-table tbody tr td:nth-child(12){display:none!important}.wiz-modal{border-radius:4px;width:calc(100vw - 16px);max-height:calc(100vh - 16px);top:8px;box-shadow:0 6px 24px #0000004d}.wiz-header{padding:10px 14px}.wiz-header .wiz-title{font-size:15px}.wiz-progress{gap:8px;padding:10px 14px}.wiz-progress .wiz-step{flex-shrink:0;gap:0;padding:0;background:0 0!important;border:none!important}.wiz-progress .wiz-step .wiz-num{width:22px;height:22px;font-size:11px}.wiz-progress .wiz-step .wiz-step-label{display:none}.wiz-progress .wiz-step.active{border-radius:14px;gap:8px;padding:0 8px 0 4px;background:#fff!important;border:1px solid #d4cec5!important}.wiz-progress .wiz-step.active .wiz-step-label{font-size:12px;font-weight:600;display:inline}.wiz-progress .wiz-sep{flex:auto;width:auto;min-width:6px}.wiz-body{padding:14px 16px}.wiz-footer{flex-wrap:wrap;gap:8px;padding:10px 14px}.wiz-footer .wiz-footer-left{flex:100%;order:-1;font-size:11px}.mobile-filter-btn{display:block!important}.filter-bar.filter-bar-open{border:none;border-top:1px solid var(--border);z-index:180;border-radius:4px 4px 0 0;flex-direction:column;max-height:65vh;position:fixed;inset:auto 0 52px;overflow-y:auto;box-shadow:0 -4px 20px #0000001f;width:auto!important;min-width:0!important;margin:0!important;padding:12px 14px!important;display:flex!important}#page-a-dashboard .page-content [style*=flex-direction\:row],#page-b-dashboard .page-content [style*=flex-direction\:row],#page-a-devices .page-content [style*=flex-direction\:row],#page-b-installaties .page-content [style*=flex-direction\:row],#page-a-dashboard .page-content>div[style*=display\:flex]:not([style*=flex-direction\:column]),#page-b-dashboard .page-content>div[style*=display\:flex]:not([style*=flex-direction\:column]),#page-a-dashboard [style*="display:flex; gap"]:not([style*=flex-direction\:column]),#page-b-dashboard [style*="display:flex; gap"]:not([style*=flex-direction\:column]){flex-direction:column!important}#page-a-dashboard [style*=flex\:3],#page-a-dashboard [style*="flex: 3"],#page-b-dashboard [style*=flex\:3],#page-b-dashboard [style*="flex: 3"]{flex:auto!important;width:100%!important;min-width:0!important}#page-a-dashboard [style*=min-width\:200px],#page-b-dashboard [style*=min-width\:200px],#page-a-dashboard [style*=min-width\:240px],#page-b-dashboard [style*=min-width\:240px]{min-width:0!important}#page-a-beheer,#page-b-beheer{flex-direction:column!important}#page-a-beheer .filter-bar,#page-b-beheer .filter-bar{border-bottom:1px solid var(--border);flex-shrink:0;gap:8px;overflow-x:auto;border-right:none!important;border-radius:0!important;flex-direction:row!important;width:100%!important;min-width:0!important;margin:0!important;padding:8px 10px!important;display:flex!important}#page-a-beheer .filter-bar .filter-bar-title,#page-b-beheer .filter-bar .filter-bar-title{display:none}#page-a-beheer .filter-bar .filter-bar-item,#page-b-beheer .filter-bar .filter-bar-item{white-space:nowrap;border:1px solid #ddd;border-radius:4px;padding:5px 10px!important;font-size:12px!important}#a-devices-detail{flex-direction:column!important}#a-devices-detail>div{flex:none!important;min-width:0!important}#b-install-detail{flex-direction:column!important}#b-install-detail>div{flex:none!important;min-width:0!important}.page-content>div[style*=flex-direction\:row],.page-content>div[style*=display\:flex]>div[style*=flex\:2]{min-height:150px!important}.tabs{flex-wrap:nowrap}.tab{white-space:nowrap;flex-shrink:0;padding:6px 10px;font-size:11px}}.dev-sensor-row:hover{background:var(--surface-recessed)}.dev-sensor-row.active{color:var(--text-primary);font-weight:600;background:var(--surface-recessed)!important}.dev-sensor-row .sensor-arrow{color:var(--text-tertiary);flex-shrink:0;margin-left:auto;font-size:14px;display:none}.dev-sensor-row.active .sensor-arrow{display:inline}.fp-viewport{cursor:grab;border:1px solid var(--border);border-radius:4px;position:relative;overflow:hidden}.fp-viewport:after{content:"";pointer-events:none;border-radius:inherit;z-index:4;position:absolute;inset:0;box-shadow:inset 0 1px 6px #1201231a}.fp-viewport:active{cursor:grabbing}.fp-canvas{transform-origin:0 0;width:100%;height:100%;position:relative}.fp-canvas img{-o-object-fit:contain;object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.fp-icon{transition:none}.fp-zoom-controls{z-index:5;flex-direction:column;gap:2px;display:flex;position:absolute;bottom:8px;right:8px}.fp-zoom-controls button{border:1px solid var(--border);background:var(--card);width:28px;height:28px;color:var(--text-primary);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-size:16px;display:flex}.fp-zoom-controls button:hover{background:var(--surface-recessed)}.fp-popover{background:var(--card);border:1px solid var(--border);cursor:default;border-radius:6px;width:234px;font-size:12px;overflow:hidden;box-shadow:0 8px 28px #1201232e}.fp-popover-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:8px;padding:9px 10px;display:flex}.fp-popover-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.fp-popover-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.fp-popover-body{max-height:200px;padding:6px 10px;overflow-y:auto}.fp-popover-row{justify-content:space-between;align-items:center;gap:8px;padding:3px 0;display:flex}.fp-popover-row+.fp-popover-row{border-top:1px solid var(--border-subtle)}.fp-popover-row-label{color:var(--text-tertiary);align-items:center;gap:6px;min-width:0;display:flex}.fp-popover-row-value{color:var(--text-primary);white-space:nowrap;font-weight:700}.fp-popover-icon{-o-object-fit:contain;object-fit:contain;border-radius:3px;flex-shrink:0;width:15px;height:15px;display:inline-block}.fp-popover-empty{color:var(--text-tertiary);text-align:center;padding:6px 0}.fp-popover-foot{border-top:1px solid var(--border-subtle);padding:8px 10px}.owner-row:hover{background:var(--surface-recessed)}.owner-row-active,.owner-row-active:hover{background:var(--surface-recessed);box-shadow:inset 3px 0 0 var(--text-tertiary)}.owner-row-active>div:first-child>div:first-child{font-weight:700}@media (width<=767px){.owner-master-detail{flex-direction:column!important}.owner-master{display:none!important}.owner-mobile-select{display:block!important}.owner-detail{flex:auto!important}}.owner-mobile-select{margin-bottom:8px;display:none}.owner-mobile-select select{border:1px solid var(--border);background:var(--card);width:100%;color:var(--text-primary);cursor:pointer;border-radius:4px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600}body{height:auto;display:block;overflow:visible}#root{height:100vh;display:flex;overflow:hidden}@keyframes li-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.li-spinner{transform-origin:50%;animation:.8s linear infinite li-spin}@media (prefers-reduced-motion:reduce){.li-spinner{animation:none}}.dev-sensor-row{cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}@keyframes sqp-skel-pulse{0%{opacity:.55}50%{opacity:.85}to{opacity:.55}}.sqp-skel{background:linear-gradient(90deg, var(--surface-recessed) 0%, var(--border-subtle) 50%, var(--surface-recessed) 100%);animation:1.4s ease-in-out infinite sqp-skel-pulse;display:inline-block}@media (prefers-reduced-motion:reduce){.sqp-skel{opacity:.7;animation:none}}.hover\:bg-accent-hover:hover{background-color:var(--color-accent-hover)}.hover\:bg-surface:hover{background-color:var(--color-surface-recessed)}.hover\:underline:hover{text-decoration-line:underline}