: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: rgba(34, 197, 94, .15);--warn-subtle: rgba(245, 158, 11, .15);--error-subtle: rgba(239, 68, 68, .15);--info-subtle: rgba(59, 130, 246, .15);--accent-subtle: rgba(59, 130, 246, .1);--success-border: rgba(34, 197, 94, .3);--warn-border: rgba(245, 158, 11, .3);--error-border: rgba(239, 68, 68, .3);--accent-border: rgba(59, 130, 246, .4)}: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-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);--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);--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}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:hidden;background:var(--bg1);padding:var(--space-6);position:relative}@media(max-width:768px){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);height:var(--topbar-height);border-bottom:1px solid var(--line);flex-shrink:0;gap:var(--space-2)}.sidebar-header-logo{display:flex;align-items:center;gap:var(--space-3);min-width:0}.sidebar-logo-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--wanne-accent, var(--accent));filter:drop-shadow(0 0 8px var(--wanne-accent-bg, var(--accent-subtle)));transition:color .4s ease,filter .4s ease}.sidebar-logo-text{display:flex;flex-direction:column;gap:1px;min-width:0}.sidebar-logo-name{font-weight:800;font-size:var(--text-base);color:var(--t1);letter-spacing:-.02em;white-space:nowrap}.sidebar-logo-sub{font-size:var(--text-xs);color:var(--t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-version{font-size:10px;background:var(--wanne-accent-bg, var(--accent-subtle));color:var(--wanne-accent, var(--accent));padding:2px 7px;border-radius:10px;font-weight:700;border:1px solid var(--wanne-accent-border, var(--accent-border));white-space:nowrap;transition:background .4s ease,color .4s ease,border-color .4s ease}.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){.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translate(-100%);z-index:1000}.sidebar.open{transform:translate(0);box-shadow:0 0 40px #00000080}}.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;padding:var(--space-6);background:var(--bg1);min-height:0}.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){#page-content{padding:var(--space-4)}}@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: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;background:var(--bg0);transition:grid-template-columns var(--transition-slow)}:host([sidebar-folded]){--sidebar-width: var(--sidebar-width-fold)}#sidebar-slot{grid-area:sidebar;z-index:100}#topbar-slot{grid-area:topbar;z-index:90}#content-slot{grid-area:content;overflow:auto}@media(max-width:768px){:host{grid-template-columns:1fr;grid-template-areas:"topbar" "content"}#sidebar-slot{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--transition-slow)}:host([sidebar-open]) #sidebar-slot{transform:translate(0)}}.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-secondary{background:var(--bg4);color:var(--t2);border:1px solid var(--line2)}.btn-secondary:hover:not(:disabled){background:var(--bg5);color:var(--t1)}.btn-ghost{background:transparent;color:var(--t3);border:1px solid var(--line)}.btn-ghost: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:600px){.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:flex;align-items:center;justify-content:center;padding:24px;animation:backdrop-fade .3s ease-out}@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}.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)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-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}.data-table td{padding:var(--space-2) var(--space-3);color:var(--t2);border-bottom:1px solid var(--line);white-space:nowrap}.data-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}:host{display:block;padding:var(--space-4)}.satz-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);background:var(--bg2);padding:var(--space-4);border-radius:var(--radius-lg);border-left:4px solid var(--accent)}.title{font-size:var(--text-base);font-weight:700;color:var(--t1)}.tabs{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media(min-width:1200px){.tabs{grid-template-columns:2fr 1fr}}.draft-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 14px;background:#6c8fff1a;border:1px solid rgba(108,143,255,.3);border-radius:6px;margin-bottom:8px;font-size:var(--text-xs)}.draft-msg{color:var(--t2);flex:1;min-width:200px}.draft-btn{padding:4px 12px;border-radius:4px;font-size:var(--text-xs);cursor:pointer;white-space:nowrap}.draft-btn--restore{background:var(--accent, #6c8fff);border:1px solid var(--accent, #6c8fff);color:#fff;font-weight:600}.draft-btn--discard{background:transparent;border:1px solid var(--border);color:var(--t3)}