:root{--hs-shell-sidebar-width:240px;--hs-shell-sidebar-collapsed:72px;--hs-shell-header-height:64px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.14s}
*{box-sizing:border-box}
body.hs-shell-mounted{margin:0;background:#f8f8f8;overflow:hidden;font-family:'Segoe UI',system-ui,sans-serif}
.hs-shell-header{view-transition-name:hs-master-header;position:fixed;top:0;left:0;right:0;height:var(--hs-shell-header-height);background:#fff;border-bottom:1px solid #e5e7eb;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;z-index:30000;padding:0 18px;box-shadow:0 1px 4px rgba(15,23,42,.04)}
.hs-shell-logo-area{min-width:0;display:flex;align-items:center;gap:10px;justify-self:start}
.hs-shell-logo{display:block;width:148px;max-height:42px;height:auto;object-fit:contain;flex:0 0 auto}
.hs-shell-logo-divider{width:1px;height:26px;background:#e5e7eb;flex:0 0 auto}
.hs-shell-title{font-size:17px;font-weight:800;color:#111;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;line-height:1.08}
.hs-shell-center{justify-self:center;min-width:0;max-width:100%;overflow:hidden}
.hs-shell-context-nav{display:flex;align-items:center;gap:2px;background:#f8f9fb;border-radius:10px;padding:3px;max-width:100%;overflow:auto}
.hs-shell-context-nav button{padding:7px 15px;border-radius:7px;border:0;background:transparent;font:600 13px inherit;color:#6b7280;cursor:pointer;white-space:nowrap}
.hs-shell-context-nav button:hover{color:#111827}
.hs-shell-context-nav button.active{background:#fff;color:#111827;box-shadow:0 1px 4px rgba(15,23,42,.08)}
.hs-shell-actions{justify-self:end;display:flex;align-items:center;gap:10px;min-width:0}
.hs-shell-profile{display:flex;align-items:center;gap:10px;padding:5px 12px 5px 6px;border-radius:999px;color:#374151;min-width:0}
.hs-shell-avatar{width:32px;height:32px;border-radius:50%;background:#cc0033;color:#fff;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.hs-shell-profile-name{font-size:13.5px;font-weight:600;white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}
.hs-shell-logout{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:9px;padding:8px 13px;font-size:12.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}.hs-shell-logout-icon{display:none;font-size:18px;line-height:1}.hs-shell-logout-label{display:inline}
.hs-shell-logout:hover{background:#f9fafb}
.hs-shell-mobile-menu{display:none;border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:9px;width:36px;height:36px;padding:0;align-items:center;justify-content:center;font-size:20px;line-height:1;cursor:pointer;flex:0 0 auto}
.hs-shell-mobile-menu:hover{background:#f9fafb}
.hs-shell-mobile-backdrop{display:none;position:fixed;top:var(--hs-shell-header-height);left:0;right:0;bottom:0;background:rgba(15,23,42,.42);z-index:9985;backdrop-filter:blur(2px)}
.hs-shell-mobile-backdrop.open{display:block}
.hs-shell-sidebar{view-transition-name:hs-sidebar;position:fixed;top:var(--hs-shell-header-height);left:0;bottom:0;width:var(--hs-shell-sidebar-width);background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:width .2s;z-index:9990}
.hs-shell-sidebar.collapsed{width:var(--hs-shell-sidebar-collapsed)}
.hs-shell-sidebar-list{flex:1;padding:18px 14px;display:flex;flex-direction:column;gap:3px;overflow-y:auto;overflow-x:hidden}
.hs-shell-sidebar.collapsed .hs-shell-sidebar-list{padding:18px 10px;align-items:center}
.hs-shell-item{display:flex;align-items:center;gap:13px;width:100%;padding:11px 14px;border-radius:10px;border:0;background:transparent;cursor:pointer;font:500 13.5px inherit;color:#4b5563;text-align:left;white-space:nowrap;position:relative}
.hs-shell-item:hover{background:#f3f4f6;color:#111}
.hs-shell-item.active{background:#eff6ff;color:#0b3f8c;font-weight:700}
.hs-shell-item-icon{width:22px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:17px}
.hs-shell-item-label{overflow:hidden;text-overflow:ellipsis}
.hs-shell-sidebar.collapsed .hs-shell-item{justify-content:center;padding:11px 0;width:44px}
.hs-shell-sidebar.collapsed .hs-shell-item-label{display:none}
.hs-shell-sep{height:1px;background:#f3f4f6;margin:10px 6px;flex:0 0 auto}
.hs-shell-spacer{flex:1}
.hs-shell-toggle{position:absolute;top:50%;right:-14px;transform:translateY(-50%);width:28px;height:28px;background:#fff;border:1px solid #e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.05),0 1px 2px rgba(0,0,0,.1);z-index:10001;padding:0}
.hs-shell-toggle svg{width:16px;height:16px;transition:transform .3s}
.hs-shell-sidebar:not(.collapsed) .hs-shell-toggle svg{transform:rotate(180deg)}
.hs-shell-content{position:fixed!important;top:var(--hs-shell-header-height)!important;left:var(--hs-shell-sidebar-width)!important;right:0!important;bottom:0!important;overflow:hidden!important;transition:left .2s;background:#f8f8f8}
body.hs-shell-collapsed .hs-shell-content{left:var(--hs-shell-sidebar-collapsed)!important}
@media(max-width:900px){.hs-shell-profile-name{display:none}.hs-shell-header{grid-template-columns:minmax(0,1fr) auto}.hs-shell-center{display:none}.hs-shell-logo{width:120px}.hs-shell-logo-area{gap:8px}.hs-shell-title{flex:1 1 auto;min-width:0;max-width:100%}}
@media(max-width:700px){
.hs-shell-content,body.hs-shell-collapsed .hs-shell-content{left:0!important}
.hs-shell-sidebar{width:min(86vw,300px);overflow:hidden;border-right:1px solid #e5e7eb;background:#fff;pointer-events:auto;transform:translateX(-105%);transition:transform .2s ease;box-shadow:10px 0 28px rgba(15,23,42,.14);z-index:9990}
.hs-shell-sidebar.mobile-open{transform:translateX(0)}
.hs-shell-sidebar.collapsed{width:min(86vw,300px)}
.hs-shell-sidebar-list,.hs-shell-sidebar.collapsed .hs-shell-sidebar-list{display:flex;padding:16px 12px;align-items:stretch}
.hs-shell-sidebar.collapsed .hs-shell-item{justify-content:flex-start;padding:11px 14px;width:100%}
.hs-shell-sidebar.collapsed .hs-shell-item-label{display:inline}
.hs-shell-toggle{display:none!important}.hs-shell-mobile-menu{display:inline-flex}
.hs-shell-logo{width:108px}.hs-shell-logo-area{gap:7px}.hs-shell-title{font-size:15px;line-height:1.08;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;overflow-wrap:anywhere}
.hs-shell-actions{gap:6px}.hs-shell-profile{padding:4px 2px}.hs-shell-profile-name{display:none}
.hs-shell-logout{padding:7px 9px;width:36px;height:36px;border-radius:9px}.hs-shell-logout-label{display:none}.hs-shell-logout-icon{display:inline;font-size:18px}
}
@media print{.hs-shell-header,.hs-shell-sidebar,.hs-shell-toggle{display:none!important}.hs-shell-content{position:static!important;inset:auto!important;overflow:visible!important}}
/* v83: getrennte Verwaltung scrollt innerhalb der gemeinsamen Shell. */
body.module1-admin .hs-shell-content{overflow-y:auto!important;overflow-x:hidden!important}

/* V120: globaler, rein informativer Server-Verbindungsstatus oberhalb Startseite. */
.hs-shell-connection{display:flex;align-items:center;gap:9px;padding:7px 12px;margin:0 0 6px;border-radius:9px;font-size:12px;font-weight:700;color:#4b5563;white-space:nowrap;min-height:32px}
.hs-shell-connection-dot{width:9px;height:9px;border-radius:50%;background:#9ca3af;box-shadow:0 0 0 3px rgba(156,163,175,.15);flex:0 0 auto}
.hs-shell-connection--active .hs-shell-connection-dot{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.14)}
.hs-shell-connection--disconnected{color:#991b1b;background:#fef2f2}.hs-shell-connection--disconnected .hs-shell-connection-dot{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.14)}
.hs-shell-connection--checking .hs-shell-connection-dot{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.14)}
.hs-shell-sidebar.collapsed .hs-shell-connection{justify-content:center;width:44px;padding:7px 0}.hs-shell-sidebar.collapsed .hs-shell-connection-label{display:none}
@media(max-width:700px){.hs-shell-sidebar.collapsed .hs-shell-connection{justify-content:flex-start;width:100%;padding:7px 12px}.hs-shell-sidebar.collapsed .hs-shell-connection-label{display:inline}}