:root{--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--yellow-400: #fbbf24;--yellow-500: #f59e0b;--yellow-600: #d97706;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--purple-400: #a78bfa;--purple-500: #8b5cf6;--purple-600: #7c3aed;--dark-0: #0b101a;--dark-1: #0f1524;--dark-2: #161c2d;--dark-3: #1e2539;--dark-4: #28304a;--dark-5: #333c5a;--light-0: #f4f7fa;--light-1: #ffffff;--light-2: #e9eff5;--light-3: #dce4ee;--light-4: #cbd5e1;--light-5: #94a3b8;--success-subtle-bg: rgba(34, 197, 94, .15);--warn-subtle-bg: rgba(245, 158, 11, .15);--error-subtle-bg: rgba(239, 68, 68, .15);--info-subtle-bg: rgba(59, 130, 246, .15);--accent-subtle-bg: rgba(59, 130, 246, .1);--success-subtle-border: rgba(34, 197, 94, .3);--warn-subtle-border: rgba(245, 158, 11, .3);--error-subtle-border: rgba(239, 68, 68, .3);--info-subtle-border: rgba(59, 130, 246, .3);--accent-subtle-border: rgba(59, 130, 246, .4);--success-subtle: var(--success-subtle-bg);--warn-subtle: var(--warn-subtle-bg);--error-subtle: var(--error-subtle-bg);--info-subtle: var(--info-subtle-bg);--accent-subtle: var(--accent-subtle-bg);--success-border: var(--success-subtle-border);--warn-border: var(--warn-subtle-border);--error-border: var(--error-subtle-border);--accent-border: var(--accent-subtle-border)}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sidebar-width: 280px;--sidebar-width-fold: 72px;--topbar-height: 64px;--card-padding: var(--space-4);--modal-padding: var(--space-5);--input-height: 36px}:root{--font: "Outfit", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 12px;--text-tab: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--lh-none: 1;--lh-tight: 1.25;--lh-base: 1.5;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700}:root{--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 12px 32px rgba(0,0,0,.5)}:root{--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px}:root{--redox-v-oxidized: #bae6fd;--redox-oxidized: #0ea5e9;--redox-neutral: #94a3b8;--redox-amber: #f59e0b;--redox-reduced: #d97706;--redox-v-reduced: #92400e;--redox-sulfide: #ef4444;--qa-ok: var(--success);--qa-info: var(--info);--qa-warn: var(--warn);--qa-error: var(--error);--qa-critical: #991b1b;--qa-reboil: var(--purple-500);--silo-ok: var(--success);--silo-low: var(--warn);--silo-critical: var(--error);--silo-reserve: #64748b;--silo-empty: #334155;--temp-melt: #dc2626;--temp-working: #f97316;--temp-forming: #fbbf24;--temp-annealing: #3b82f6;--temp-cold: #64748b;--co2-low: var(--green-500);--co2-med: var(--yellow-500);--co2-high: var(--red-500);--waage-1: #06b6d4;--waage-2: #10b981;--waage-3: #f59e0b;--waage-4: #ec4899;--waage-5: #a855f7;--waage-6: #14b8a6;--waage-7: #eab308;--waage-8: #f97316}[data-theme=dark],:root{--bg0: var(--dark-0);--bg1: var(--dark-1);--bg2: var(--dark-2);--bg3: var(--dark-3);--bg4: var(--dark-4);--bg-hover: var(--dark-4);--border: var(--dark-5);--line: var(--dark-5);--line2: rgba(255, 255, 255, .05);--t1: #f1f5f9;--t2: #cbd5e1;--t3: #94a3b8;--t4: #64748b;--primary: var(--blue-500);--primary-hover: var(--blue-600);--success: var(--green-500);--warn: var(--yellow-500);--error: var(--red-500);--info: var(--blue-400);--teal: #44e5cc;--accent: var(--blue-500);--accent-subtle: rgba(59, 130, 246, .1);--accent-border: rgba(59, 130, 246, .3);--focus-ring: rgba(59, 130, 246, .5);--transition: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg0: var(--light-0);--bg1: var(--light-1);--bg2: var(--light-2);--bg3: var(--light-3);--bg4: var(--light-4);--bg-hover: var(--light-2);--border: var(--light-4);--line: var(--light-4);--line2: rgba(0, 0, 0, .05);--t1: #0f172a;--t2: #334155;--t3: #64748b;--t4: #94a3b8;--primary: var(--blue-600);--primary-hover: var(--blue-700);--success: var(--green-600);--warn: var(--yellow-600);--error: var(--red-600);--info: var(--blue-500);--teal: #2cb8a3;--accent: var(--blue-600);--accent-subtle: rgba(37, 99, 235, .1);--accent-border: rgba(37, 99, 235, .3);--focus-ring: rgba(37, 99, 235, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;-webkit-text-size-adjust:100%;background:var(--bg0);color:var(--t1)}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--lh-base);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}a{color:inherit;text-decoration:none}body{overflow:hidden;background:var(--bg0);color:var(--t1);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-semibold);line-height:var(--lh-tight);color:var(--t1);letter-spacing:-.01em}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--t4)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.glass-panel,.glass-overlay{background:var(--bg2);border:1px solid var(--border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}wm-app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;grid-template-areas:"sidebar topbar" "sidebar content";height:100vh;width:100vw;overflow:hidden;transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1)}wm-app-shell[sidebar-folded]{grid-template-columns:var(--sidebar-width-fold) 1fr}#page-content{grid-area:content;overflow-y:auto;overflow-x:auto;min-width:0;background:var(--bg1);padding:var(--space-6);position:relative;-webkit-overflow-scrolling:touch}@media (max-width: 768px),html[data-bm-layout="phone"]{wm-app-shell{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}}:host{display:contents}.sidebar{grid-area:sidebar;display:flex;flex-direction:column;background:var(--bg1);color:var(--t1);border-right:1px solid var(--line);height:100vh;position:sticky;top:0;overflow:hidden;z-index:100;font-family:var(--font);width:var(--sidebar-width);transition:width .3s var(--ease);box-shadow:inset -1px 0 0 var(--wanne-accent-border, transparent)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-4);min-height:var(--topbar-height);border-bottom:1px solid var(--line);flex-shrink:0;gap:var(--space-3)}.sidebar-header-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.sidebar-logo-mark{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(155deg,var(--wanne-accent-bg, var(--accent-subtle)) 0%,var(--bg2) 100%);border:1px solid var(--wanne-accent-border, var(--line));box-shadow:0 2px 14px #0000001f,inset 0 1px #ffffff0f;transition:border-color .35s ease,box-shadow .35s ease}.sidebar-logo-mark-icon{display:flex;align-items:center;justify-content:center;color:var(--wanne-accent, var(--accent));filter:drop-shadow(0 0 10px var(--wanne-accent-bg, var(--accent-subtle)));transition:color .35s ease,filter .35s ease}.sidebar-logo-mark-icon svg{width:22px;height:22px}.sidebar-logo-text{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-logo-name{font-weight:800;font-size:var(--text-base);color:var(--t1);letter-spacing:-.025em;line-height:1.2;white-space:nowrap}.sidebar-logo-meta{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:wrap}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;font-weight:500}.sidebar-logo-meta-sep{color:var(--t4);opacity:.45;font-weight:300;-webkit-user-select:none;user-select:none}.sidebar-version{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--wanne-accent, var(--accent));background:var(--bg2);padding:2px 6px;border-radius:4px;border:1px solid var(--line);white-space:nowrap;transition:color .35s ease,border-color .35s ease}.sidebar-close-mobile{display:none;flex-shrink:0;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;border:none;border-radius:10px;background:var(--bg2);color:var(--t3);cursor:pointer;transition:background .2s ease,color .2s ease}.sidebar-close-mobile svg{width:18px;height:18px}.sidebar-close-mobile:hover{background:var(--bg3);color:var(--t1)}.sidebar-close-mobile:focus-visible{outline:2px solid var(--wanne-accent, var(--accent));outline-offset:2px}.sidebar-search-wrap{padding:var(--space-4);position:relative;flex-shrink:0}.sidebar-search-icon{position:absolute;left:28px;top:50%;transform:translateY(-50%);color:var(--t4);pointer-events:none;display:flex}.sidebar-search-wrap input{width:100%;background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius-md);color:var(--t1);padding:10px 12px 10px 36px;font-size:var(--text-sm);font-family:inherit;transition:border-color .2s,box-shadow .2s}.sidebar-search-wrap input:focus{outline:none;border-color:var(--wanne-accent, var(--accent));background:var(--bg3);box-shadow:0 0 0 3px var(--wanne-accent-bg, var(--accent-subtle))}.sidebar-nav{flex:1;padding:var(--space-2) 0;overflow-y:auto;scrollbar-width:thin}.nav-section-label{padding:var(--space-5) var(--space-5) var(--space-2);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--t4);-webkit-user-select:none;user-select:none}.nav-item{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:12px var(--space-5);background:none;border:none;color:var(--t2);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;position:relative;transition:all .2s var(--ease);text-align:left}.nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;opacity:.7;transition:transform .2s var(--ease),opacity .2s}.nav-icon svg{width:20px;height:20px;stroke-width:2}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item:hover{background:#ffffff08;color:var(--t1)}.nav-item:hover .nav-icon{opacity:1;transform:translate(2px)}.nav-item.active{background:linear-gradient(90deg,var(--wanne-accent-bg, var(--accent-subtle)) 0%,transparent 100%);color:var(--wanne-accent, var(--accent));font-weight:700;transition:background .4s ease,color .4s ease}.nav-item.active:after{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:var(--wanne-accent, var(--accent));border-radius:0 4px 4px 0;box-shadow:2px 0 10px var(--wanne-accent-bg, var(--accent-subtle));transition:background .4s ease,box-shadow .4s ease}.nav-item.active .nav-icon{opacity:1;color:var(--wanne-accent, var(--accent));filter:drop-shadow(0 0 5px var(--wanne-accent-bg, var(--accent-subtle)))}.nav-item[data-area=production] .nav-icon{color:#3b82f6}.nav-item[data-area=logistics] .nav-icon{color:#f59e0b}.nav-item[data-area=analysis] .nav-icon{color:#10b981}.nav-item[data-area=tools] .nav-icon{color:#a855f7}.nav-item[data-area=admin] .nav-icon{color:#f43f5e}.nav-item.active[data-area] .nav-icon{color:inherit}.badge-red,.badge-blue{min-width:18px;height:18px;border-radius:10px;font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;font-weight:800;margin-left:auto}.badge-red{background:var(--error);color:#fff}.badge-blue{background:var(--accent);color:#fff}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:var(--space-2)}.nav-glastyp-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:var(--bg2);border:1px solid var(--line);color:var(--t3);font-size:11px;font-weight:600;border-radius:6px;cursor:default}@media (max-width: 768px),html[data-bm-layout="phone"]{:host(:not([shell-layout])) .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);z-index:1000}:host(:not([shell-layout])) .sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000080}:host(:not([shell-layout])) .sidebar-close-mobile{display:inline-flex}}:host([shell-layout="phone"]) .sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);z-index:1000}:host([shell-layout="phone"]) .sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000080}:host([shell-layout="phone"]) .sidebar-close-mobile{display:inline-flex}:host([shell-layout="tablet"]) .sidebar,:host([shell-layout="desktop"]) .sidebar{position:sticky;top:0;transform:none;width:var(--sidebar-width);height:100vh;z-index:100}:host([shell-layout="tablet"]) .sidebar-close-mobile,:host([shell-layout="desktop"]) .sidebar-close-mobile{display:none}.topbar{grid-area:topbar;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:var(--bg2);border-bottom:1px solid var(--line);height:var(--topbar-height);position:sticky;top:0;z-index:90}.hamburger{font-size:18px;color:var(--t3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);flex-shrink:0}.hamburger:hover{color:var(--t1);background:var(--bg4)}.breadcrumb{font-size:var(--text-sm);font-weight:600;color:var(--t2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex-shrink:1}.topbar-user{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;margin-right:var(--space-2);flex-shrink:0}.topbar-username{font-size:var(--text-xs);color:var(--t2);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-role-badge{font-size:var(--text-xs);font-weight:700}.topbar-session-timer{font-size:var(--text-xs);color:var(--t3);white-space:nowrap}.wanne-ctx-switcher{position:relative;display:none}.wanne-ctx-chip{display:flex;align-items:center;gap:var(--space-1);padding:4px var(--space-2);background:var(--bg3);border:1px solid var(--line);border-radius:var(--radius);font-size:var(--text-xs);color:var(--t2);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.wanne-ctx-dot{width:7px;height:7px;border-radius:50%;background:var(--success);flex-shrink:0}.wanne-ctx-lbl{color:var(--t4)}.wanne-ctx-name{font-weight:600;color:var(--t1)}.wanne-ctx-caret{color:var(--t3)}.wanne-ctx-select{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.alarm-badge{font-size:14px;color:var(--warn);animation:pulse 2s infinite}.alarm-banner{background:var(--warn-subtle);border-bottom:1px solid var(--warn-border);color:var(--warn);font-size:var(--text-sm);font-weight:500;padding:var(--space-2) var(--space-4);display:none}#page-content{grid-area:content;overflow-y:auto;overflow-x:auto;min-width:0;padding:var(--space-6);background:var(--bg1);min-height:0;-webkit-overflow-scrolling:touch}.group-tabbar{display:flex;gap:var(--space-1);padding:0 var(--space-4);background:var(--bg2);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.group-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:600;color:var(--t3);border-bottom:2px solid transparent;transition:all var(--transition);cursor:pointer;white-space:nowrap}.group-tab:hover{color:var(--t1);background:var(--bg-hover)}.group-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--accent-subtle)}@media (max-width: 768px),html[data-bm-layout="phone"]{#page-content{padding:var(--space-4)}}html{min-width:0}#app-body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}#page-content{min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px),html[data-bm-layout="phone"]{#page-content{padding-left:max(var(--space-4, 16px),env(safe-area-inset-left,0px));padding-right:max(var(--space-4, 16px),env(safe-area-inset-right,0px));padding-bottom:max(var(--space-4, 16px),env(safe-area-inset-bottom,0px))}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}.anim-fade-in{animation:fadeIn .4s ease-out forwards}ripple{position:relative;overflow:hidden}:host{display:none;grid-template-columns:var(--sidebar-width, 220px) 1fr;grid-template-rows:var(--topbar-height, 52px) auto auto 1fr auto;grid-template-areas:"sidebar topbar" "sidebar alarm" "sidebar grouptabs" "sidebar content" "sidebar footer";min-height:100vh;background:var(--bg1, #0f1117)}:host(:not([hidden])){display:grid}:host([sidebar-folded]){grid-template-columns:var(--sidebar-width-fold, 60px) 1fr}#page-loading-bar{position:fixed;top:0;left:0;height:3px;width:0;background:var(--wanne-accent, var(--accent, #6c8fff));z-index:9999;transition:width .3s ease,opacity .3s ease,background .4s ease;opacity:0}#page-loading-bar.loading{opacity:1;width:60%}#page-loading-bar.done{width:100%;opacity:0}#alarm-banner{grid-area:alarm;display:none;background:var(--warn-subtle, rgba(251,191,36,.08));border-bottom:1px solid var(--warn-border, rgba(251,191,36,.25));color:var(--warn, #fbbf24);font-size:13px;font-weight:500;padding:8px 16px}#alarm-banner.level-error{background:#ef53501a;border-bottom-color:#ef535059;color:var(--error, #ef5350)}#group-tabbar{grid-area:grouptabs;display:none;gap:2px;padding:0 16px;background:var(--bg2, #141720);border-bottom:1px solid var(--line, rgba(255,255,255,.07));overflow-x:auto;scrollbar-width:none}#group-tabbar::-webkit-scrollbar{display:none}#group-tabbar.visible{display:flex;align-items:stretch}.gtab{display:flex;align-items:center;padding:0 14px;height:38px;font-size:12px;font-weight:500;color:var(--t3, #7d859e);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s;letter-spacing:.01em}.gtab:hover{color:var(--t1, #e8eaf2)}.gtab.active{color:var(--wanne-accent, var(--accent, #6c8fff));border-bottom-color:var(--wanne-accent, var(--accent, #6c8fff))}#content-area{grid-area:content;overflow-y:auto;background:var(--bg1, #0f1117);min-height:0}#app-footer{grid-area:footer;display:flex;align-items:center;gap:8px;padding:8px 16px;border-top:1px solid var(--line, rgba(255,255,255,.07));background:var(--bg2, #141720);font-size:11px;color:var(--t4, #4a5068)}.footer-brand{font-weight:600;color:var(--t3, #7d859e)}.footer-sep{opacity:.5}#sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:250;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box;background:var(--bg2, #141720);border-top:1px solid var(--line, rgba(255,255,255,.07));z-index:200;align-items:stretch}.btab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--t3, #7d859e);background:none;border:none;cursor:pointer;transition:color .15s;padding:0}.btab.active{color:var(--wanne-accent, var(--accent, #6c8fff))}:host([shell-layout="phone"]:not([hidden])){grid-template-columns:1fr!important;grid-template-areas:"topbar" "alarm" "grouptabs" "content" "footer"}:host([shell-layout="phone"]:not([hidden])) #bottom-tabs{display:flex}:host([shell-layout="phone"]:not([hidden])) #content-area{padding-bottom:64px}:host([shell-layout="tablet"]:not([hidden])) #bottom-tabs,:host([shell-layout="desktop"]:not([hidden])) #bottom-tabs{display:none!important}:host([shell-layout="tablet"]:not([hidden])) #content-area,:host([shell-layout="desktop"]:not([hidden])) #content-area{padding-bottom:0}@media(max-width:768px){:host(:not([hidden]):not([shell-layout])){grid-template-columns:1fr;grid-template-areas:"topbar" "alarm" "grouptabs" "content" "footer"}:host(:not([hidden]):not([shell-layout])) #bottom-tabs{display:flex}:host(:not([hidden]):not([shell-layout])) #content-area{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}}#action-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;justify-content:center;animation:aoFadeIn .18s ease}@keyframes aoFadeIn{0%{opacity:0}to{opacity:1}}#action-overlay.open{display:flex}.ao-panel{background:var(--bg2, #141720);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:0;width:min(860px,95vw);max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #000000bf,0 0 0 1px #ffffff0a inset;animation:aoPanelUp .2s ease;overflow:hidden}@keyframes aoPanelUp{0%{transform:translateY(16px);opacity:.7}to{transform:none;opacity:1}}.ao-header{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.ao-title{font-size:15px;font-weight:700;color:var(--t1, #e8eaf2);letter-spacing:-.01em;flex:1}.ao-subtitle{font-size:11px;color:var(--t4, #4a5068);margin-left:6px}.ao-close{width:28px;height:28px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:7px;color:var(--t3, #7d859e);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .12s}.ao-close:hover{background:#ffffff1a;color:var(--t1)}.ao-body{overflow-y:auto;flex:1;min-height:0}.ao-body table{width:100%;border-collapse:collapse;font-size:12px;color:var(--t2, #c4c9de)}.ao-body th{text-align:left;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.07);color:var(--t4, #4a5068);font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;position:sticky;top:0;background:var(--bg2);z-index:10}.ao-body td{padding:7px 12px;border-bottom:1px solid rgba(255,255,255,.035);vertical-align:top}.ao-body tr:hover td{background:#ffffff06}.ao-body tr.audit-row-expanded td{background:#6c8fff0a}.ao-body tr.audit-row-detail td{padding:0;background:#0000002e;border-bottom:1px solid rgba(255,255,255,.06)}.audit-row-json-inner{padding:10px 48px;font-family:var(--mono, monospace);font-size:10px;color:var(--t3);white-space:pre-wrap;word-break:break-all;line-height:1.6;max-height:220px;overflow-y:auto}.audit-controls{display:flex;gap:8px;align-items:center;padding:12px 20px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;flex-wrap:wrap;background:#0000001a}.audit-search-wrap{display:flex;align-items:center;gap:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:5px 10px;flex:1;min-width:180px;transition:border-color .12s}.audit-search-wrap:focus-within{border-color:#6c8fff73}.audit-search-wrap svg{width:13px;height:13px;color:var(--t4);flex-shrink:0}.audit-search-input{background:none;border:none;color:var(--t1);font-size:12px;outline:none;flex:1;min-width:0}.audit-search-input::placeholder{color:var(--t4)}.audit-cat-pills{display:flex;gap:4px;flex-wrap:wrap}.audit-cat-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;font-size:10px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .12s;background:#ffffff0d;color:var(--t3);white-space:nowrap;-webkit-user-select:none;user-select:none}.audit-cat-pill.active,.audit-cat-pill.cat-auth.active{background:#6c8fff24;border-color:#6c8fff4d;color:#6c8fff}.audit-cat-pill.cat-config.active{background:#f59e0b24;border-color:#f59e0b4d;color:#f59e0b}.audit-cat-pill.cat-booking.active{background:#34d39924;border-color:#34d3994d;color:#34d399}.audit-cat-pill.cat-silo.active{background:#a78bfa24;border-color:#a78bfa4d;color:#a78bfa}.audit-cat-pill.cat-system.active{background:#7d859e24;border-color:#7d859e4d;color:#7d859e}.audit-cat-pill.cat-error.active{background:#fb718524;border-color:#fb71854d;color:#fb7185}.audit-badge{display:inline-flex;align-items:center;padding:2px 7px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.audit-badge-auth{background:#6c8fff21;color:#6c8fff;border:1px solid rgba(108,143,255,.22)}.audit-badge-config{background:#f59e0b21;color:#f59e0b;border:1px solid rgba(245,158,11,.22)}.audit-badge-system{background:#7d859e21;color:#7d859e;border:1px solid rgba(125,133,158,.22)}.audit-badge-booking{background:#34d39921;color:#34d399;border:1px solid rgba(52,211,153,.22)}.audit-badge-silo{background:#a78bfa21;color:#a78bfa;border:1px solid rgba(167,139,250,.22)}.audit-badge-error{background:#fb718521;color:#fb7185;border:1px solid rgba(251,113,133,.22)}.audit-badge-api{background:#22d3ee21;color:#22d3ee;border:1px solid rgba(34,211,238,.22)}.audit-ts{font-family:var(--mono);color:var(--t3);font-size:11px}.audit-ts-date{display:block}.audit-ts-time{display:block;font-size:10px;color:var(--t4)}.audit-user{font-weight:600;color:var(--t2);font-size:11px}.audit-user-system{font-style:italic;color:var(--t4);font-size:10px}.audit-row-clickable{cursor:pointer}.audit-row-clickable:hover .audit-ts{color:var(--t2)}.audit-expand-icon{display:inline-block;width:14px;height:14px;line-height:14px;text-align:center;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-size:9px;color:var(--t4);margin-right:6px;flex-shrink:0;transition:transform .15s;vertical-align:middle}.audit-detail-grid{display:flex;flex-wrap:wrap;gap:6px 16px;padding:3px 0}.audit-kv{display:flex;flex-direction:column;gap:1px;min-width:80px}.audit-k{font-size:9px;font-weight:700;color:var(--t4);text-transform:uppercase;letter-spacing:.05em}.audit-v{font-size:11px;color:var(--t2);font-weight:500}.audit-v-hi{color:var(--wanne-accent, #6c8fff);font-weight:700}.audit-tags{display:flex;flex-wrap:wrap;gap:3px;margin-top:1px}.audit-tag{display:inline-block;padding:1px 5px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-family:var(--mono);font-size:9px;color:var(--t3)}.audit-detail-text{font-size:11px;color:var(--t3)}.audit-detail-json{font-family:var(--mono);font-size:10px;color:var(--t4)}.audit-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#0000001a}.audit-pag-info{font-size:11px;color:var(--t4)}.audit-pag-btns{display:flex;gap:4px}.audit-pag-btn{padding:4px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:var(--t2);font-size:11px;cursor:pointer;transition:all .12s}.audit-pag-btn:hover:not(:disabled){background:#6c8fff1f;border-color:#6c8fff4d;color:#6c8fff}.audit-pag-btn:disabled{opacity:.3;cursor:default}.audit-empty{text-align:center;padding:40px 20px;color:var(--t4);font-size:13px}.audit-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px;color:var(--t3);font-size:13px}.audit-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#6c8fff;border-radius:50%;animation:aoSpin .7s linear infinite}@keyframes aoSpin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;transition:background var(--transition),color var(--transition),box-shadow var(--transition),opacity var(--transition);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px #6c8fff40}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 4px 14px #6c8fff66}.btn-ghost,.btn-secondary{background:transparent;color:var(--t3);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled),.btn-secondary:hover:not(:disabled){background:var(--bg3);color:var(--t1)}.btn-danger{background:var(--error-subtle);color:var(--error);border:1px solid var(--error-border)}.btn-danger:hover:not(:disabled){background:var(--error);color:#fff;border-color:var(--error)}.btn-sm{padding:3px var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-lg)}.btn-spinner{display:none;width:18px;height:18px;animation:spin .8s linear infinite}.btn[data-loading=true] .btn-text{display:none}.btn[data-loading=true] .btn-spinner{display:block}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg3);border:1px solid var(--line);border-radius:var(--radius);color:var(--t1);font-size:var(--text-base);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent-border);box-shadow:0 0 0 3px #6c8fff1a}.input::placeholder{color:var(--t4)}.input:disabled{opacity:.5;cursor:not-allowed}.floating-input-group{position:relative}.floating-input{padding-top:16px;padding-bottom:8px}.floating-label{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--text-base);color:var(--t3);pointer-events:none;transition:transform .2s,font-size .2s,color .2s}.floating-input:not(:placeholder-shown)~.floating-label,.floating-input:focus~.floating-label{transform:translateY(-130%) scale(.8);transform-origin:left;color:var(--accent)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 768px),html[data-bm-layout="phone"]{.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-xs);font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.4px}.form-hint{font-size:var(--text-xs);color:var(--t4)}:host{--modal-bg: var(--bg1);--modal-border: var(--border);--modal-header-bg: var(--bg2);--modal-footer-bg: var(--bg3);--modal-shadow: 0 16px 48px rgba(0, 0, 0, .2);--modal-z: 2000}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:var(--modal-z);display:none;align-items:center;justify-content:center;padding:24px;animation:backdrop-fade .3s ease-out}.modal-overlay.open{display:flex}@keyframes backdrop-fade{0%{opacity:0}to{opacity:1}}.modal-box{position:relative;background:var(--modal-bg);border:1px solid var(--modal-border);border-radius:24px;box-shadow:var(--modal-shadow);width:100%;max-width:640px;max-height:calc(100% - 48px);display:flex;flex-direction:column;overflow:hidden;animation:modal-enter .35s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-enter{0%{opacity:0;transform:scale(.92) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-sm{max-width:440px}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-full{max-width:96vw;height:94vh}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--modal-header-bg);border-bottom:1px solid var(--modal-border);flex-shrink:0}.modal-title{font-size:var(--text-xl, 20px);font-weight:800;color:var(--t1);letter-spacing:-.015em;display:flex;align-items:center;gap:12px}.modal-title svg{width:20px;height:20px;opacity:.8}.modal-close{background:var(--bg4);border:1px solid var(--border);border-radius:12px;height:36px;width:36px;display:flex;align-items:center;justify-content:center;color:var(--t3);cursor:pointer;transition:all .2s}.modal-close:hover{background:#ff32321a;color:var(--error);border-color:#ff32324d;transform:rotate(90deg)}.modal-body{padding:32px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.modal-footer{padding:20px 32px;background:var(--modal-footer-bg);border-top:1px solid var(--modal-border);display:flex;justify-content:flex-end;gap:14px;flex-shrink:0}.modal-overlay[hidden]{display:none!important}.modal-content{display:contents}@media (max-width: 768px),html[data-bm-layout="phone"]{.modal-overlay{padding:max(12px,env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) max(12px,env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));align-items:center}.modal-box{width:min(100%,560px);max-width:100%;max-height:min(90dvh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 32px))}.modal-body{padding:20px 16px}.modal-footer{padding:14px 16px;flex-wrap:wrap}}.card{background:var(--bg2);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-5)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.card-title{font-size:var(--text-base);font-weight:700;color:var(--t1)}.bm-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.bm-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--line);white-space:nowrap}.bm-table td{padding:var(--space-2) var(--space-3);color:var(--t2);border-bottom:1px solid var(--line);white-space:nowrap}.bm-table tr:hover td{background:var(--bg3)}.kpi-chip{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-3);background:var(--bg3);border:1px solid var(--line);border-radius:var(--radius);min-width:64px;text-align:center}.kpi-chip__value{font-size:var(--text-lg);font-weight:700;font-family:var(--mono);color:var(--t1);line-height:1}.kpi-chip__label{font-size:var(--text-xs);color:var(--t4);margin-top:2px}#toast-container{position:fixed;bottom:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:1000;max-width:360px}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg3);border:1px solid var(--line2);border-radius:var(--radius-lg);box-shadow:var(--shadow);font-size:var(--text-sm);color:var(--t1);animation:toastEnter .3s ease}.toast--success{border-left:3px solid var(--success)}.toast--warn{border-left:3px solid var(--warn)}.toast--error{border-left:3px solid var(--error)}.toast--info{border-left:3px solid var(--accent)}.toast.leaving{animation:toastLeave .3s ease forwards}.draft-banner{display:none;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 16px;background:#f59e0b1a;font-size:12px;border-bottom:1px solid rgba(245,158,11,.3)}.draft-banner.visible{display:flex}.draft-msg{color:var(--warn);flex:1 1 auto}.draft-btn--restore{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}.draft-btn--restore:hover{opacity:.85}.draft-btn--discard{color:var(--t3)}.vwz-strip{display:none;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:8px 16px;font-size:12px;font-weight:600;border-bottom:1px solid var(--border)}.vwz-strip.visible{display:flex}.vwz-strip--run{background:color-mix(in srgb,var(--accent) 10%,var(--bg2));color:var(--t1);border-bottom-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.vwz-strip--done{background:color-mix(in srgb,var(--success) 10%,var(--bg2));color:var(--t2);border-bottom-color:color-mix(in srgb,var(--success) 25%,var(--border))}.vwz-strip-meta{color:var(--t3);font-weight:600;font-size:11px}.vwz-strip-end{font-family:var(--mono);color:var(--t1);font-size:11px}.vwz-strip-pct{font-weight:800;color:var(--accent)}.waagen-belegung-card{margin:0 16px 16px;border:1px solid var(--border);border-radius:12px;background:linear-gradient(135deg,var(--bg2) 0%,var(--bg1) 100%);box-shadow:0 4px 12px #0000000d;overflow:hidden}.wb-hdr{display:flex;align-items:center;padding:10px 16px;border-bottom:1px dashed var(--border)}.wb-title{font-size:13px;font-weight:700;color:var(--t1);letter-spacing:.05em;text-transform:uppercase}.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:16px}.wb-card{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 14px;box-shadow:0 1px 3px #0000000d}.wb-card-title{font-size:13px;font-weight:800;margin-bottom:6px;letter-spacing:.02em;color:var(--wb-title-color, var(--t1))}.wb-bar-wrap{background:var(--bg4);border-radius:4px;height:6px;margin-bottom:6px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.wb-bar-fill{width:var(--wb-pct, 0%);height:100%;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1)}.wb-bar-ok{background:var(--success);box-shadow:0 0 6px #2de09c4d}.wb-bar-warn{background:var(--warn);box-shadow:0 0 6px #ffc1074d}.wb-bar-crit{background:var(--error);box-shadow:0 0 6px #e74c3c4d}.wb-info{font-size:11px;font-weight:600;color:var(--t3);margin-bottom:6px}.wb-items{list-style:none;padding:0;margin:0}.wb-items li{font-size:11.5px;color:var(--t2);padding:3px 0;border-bottom:1px dotted var(--border);display:flex;justify-content:space-between}.wb-items li:last-child{border-bottom:none}@media print{.overlay,.draft-banner{display:none!important}:host{font-size:12px;color:#000}}.modal-body--compact{padding:12px 16px;color:var(--t2);font-size:13px}.rc-p{color:var(--t2);margin:0 0 8px}.rc-p strong.rc-strong-t1{color:var(--t1)}.rc-p strong.rc-strong-accent{color:var(--accent)}.rc-p--small{color:var(--t3);font-size:12px;margin:0}.bs-kg--err{color:var(--error, #ef5350)}.bs-kg--warn{color:var(--warn, #f0a030)}.bs-kg--ok{color:inherit}
