.shell-bar{position:relative;z-index:10;display:flex;min-height:2.4rem;align-items:center;gap:.65rem;padding:.25rem .75rem;background:#22352f;color:#fffdf7;box-shadow:0 .18rem .55rem rgba(21,37,32,.28);font-size:.82rem}
.shell-brand{font-weight:800;white-space:nowrap}
.environment{max-width:min(45rem,60vw);overflow:hidden;padding:.18rem .5rem;border-radius:999px;background:rgba(255,255,255,.14);text-overflow:ellipsis;white-space:nowrap}
.shell-status{display:flex;min-width:0;flex:1;justify-content:flex-end;color:#d7dfdb}
.connection-dot{display:inline-block;width:.55rem;height:.55rem;margin-right:.35rem;border-radius:50%;background:#9ba8a2}
.connection-dot[data-state="online"]{background:#69d391}
.shell-actions,.live-auth,.login-form,.session{display:flex;align-items:center;gap:.4rem}
.menubar-apps{display:flex;align-items:center;gap:.25rem}.menubar-app-button{background:transparent}.menubar-app-button:hover,.menubar-app-button[aria-expanded="true"]{background:rgba(255,255,255,.2)}
.live-auth{margin-left:auto}.login-form,.session{margin-block:0}
.login-form input,button,.live-form input{height:1.8rem;border:1px solid rgba(255,255,255,.38);border-radius:.35rem;font:inherit}
.login-form input{width:9rem;padding:.2rem .45rem;background:#fff;color:#22352f}
button{padding:.2rem .6rem;background:#f4cf68;color:#22352f;cursor:pointer;font-weight:750}
.error{margin:0;color:#ffd0c8}
.shell-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;padding:.2rem .45rem;background:rgba(255,255,255,.12);color:#fffdf7}
.shell-icon-button svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8}
.shell-badge{display:inline-grid;min-width:1rem;height:1rem;place-items:center;margin-left:.2rem;border-radius:999px;background:#f4cf68;color:#22352f;font-size:.65rem}
.avatar-button{width:2rem;padding:0;border-radius:50%;overflow:hidden}.avatar-button img{width:100%;height:100%;object-fit:cover}
#kulturladen-content .public-fragment,#kulturladen-content .landing{min-height:calc(100vh - 2.4rem)}
.shell-popover,.live-panel,.live-app-window{position:fixed;padding:.8rem;border:1px solid #ccd4d0;border-radius:.7rem;background:#fffdf7;box-shadow:0 .5rem 2rem rgba(21,37,32,.2)}
.shell-popover{z-index:30;top:3.15rem;padding:.7rem}.app-switcher{right:3.1rem;width:min(28rem,calc(100vw - 1.5rem))}.user-menu{right:.75rem;width:min(18rem,calc(100vw - 1.5rem))}
.menubar-popover{z-index:31;top:3.15rem;right:7rem;width:min(27rem,calc(100vw - 1.5rem));max-height:calc(100vh - 4rem);overflow:auto}.menubar-popover>div>strong{display:block;margin-bottom:.55rem}.sitemap-tabs{display:flex;gap:.25rem;margin-bottom:.55rem}.sitemap-tabs button{height:1.6rem;background:#eef1ed}.sitemap-tabs button[aria-pressed="true"]{background:#22352f;color:#fff}.sitemap-tree ul{margin:0;padding:0;list-style:none}.sitemap-tree li{display:flex;align-items:center;gap:.35rem;padding:.18rem 0 .18rem calc(.25rem + var(--sitemap-depth)*1rem)}.sitemap-tree a{min-width:0;flex:1;color:#22352f;text-decoration:none}.sitemap-tree a[aria-current="page"]{font-weight:800}.sitemap-edit{width:1.7rem;height:1.5rem;padding:0;opacity:.25}.sitemap-tree li:hover .sitemap-edit,.sitemap-edit:focus{opacity:1}.host-scope-list{margin:.4rem 0;padding:0;list-style:none}.host-scope-list li{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0}.host-scope-list code{color:#586a63}
.app-section+.app-section{margin-top:.7rem}.app-section h2{margin:0 0 .35rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#586a63}
.app-list,.live-roster,.live-capabilities{display:flex;gap:.35rem;flex-wrap:wrap}.app-list button,.live-capabilities button{display:inline-flex;align-items:center;gap:.3rem}
.app-empty{margin:.2rem 0;color:#788780;font-size:.8rem}.user-menu p{margin:.2rem 0}.user-groups{color:#586a63;font-size:.75rem}
.live-panel,.live-app-window{z-index:20;top:3.15rem}.live-panel{right:.75rem;width:min(24rem,calc(100vw - 1.5rem))}.live-panel[hidden],[hidden]{display:none!important}
.live-head,.live-app-head{display:flex;align-items:center;gap:.5rem}.live-head strong,.live-app-head strong{margin-right:auto}.live-app-head{cursor:move;touch-action:none;user-select:none}
.live-roster{max-height:8rem;overflow:auto;margin:.6rem 0}.roster-actor{padding:.25rem .45rem;border:1px solid #ccd4d0;border-radius:.4rem;background:#fff}.roster-actor summary{cursor:pointer;font-weight:700}
.roster-badge{display:inline-grid;min-width:1.35rem;height:1.35rem;place-items:center;margin-left:.25rem;border-radius:999px;background:#22352f;color:#fff;font-size:.72rem}.roster-actor ul{margin:.35rem 0 0;padding-left:1.1rem;font-size:.78rem}
.capability-planned,.live-capabilities .capability-planned{border-color:#9ba8a2;background:#eef1ed;color:#586a63;cursor:default;font-weight:600}.capability-state{padding:.05rem .25rem;border-radius:999px;background:#d7dfdb;font-size:.65rem;text-transform:uppercase}.capability-icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.7}
.live-channels{display:flex;gap:.3rem;overflow:auto}.live-channels button{height:1.55rem;padding:.1rem .45rem;background:#d7dfdb;white-space:nowrap}.live-channels button[aria-selected="true"]{background:#22352f;color:#fff}
.live-messages{height:12rem;overflow:auto;margin:.65rem 0;padding:.5rem;border-radius:.4rem;background:#eef1ed;font-size:.85rem}.live-messages p{margin:.25rem 0}.live-form{display:flex;gap:.4rem}.live-form input{min-width:0;flex:1;padding:.35rem;border-color:#ccd4d0}
.live-toggle{background:#d7dfdb}.live-app-window{left:.75rem;width:min(64rem,calc(100vw - 1.5rem));height:min(44rem,calc(100vh - 3.9rem));min-width:min(24rem,calc(100vw - 1.5rem));min-height:16rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 3.2rem);overflow:hidden;resize:both}.live-app-body{height:calc(100% - 2.2rem);margin-top:.45rem;overflow:auto}
.cache-stats{display:grid;grid-template-columns:repeat(5,minmax(4rem,1fr));gap:.35rem;margin:.7rem 0}.cache-stats dt{font-size:.7rem;color:#586a63}.cache-stats dd{margin:0;font-weight:800}.cache-recent{padding:.45rem;border-radius:.4rem;background:#eef1ed;font-size:.8rem}.cache-admin pre{max-height:12rem;overflow:auto;padding:.5rem;background:#eef1ed}.cache-pages{max-height:14rem;overflow:auto}
.tagdb-inspector-toolbar{display:flex;align-items:center;gap:.7rem}.tagdb-inspector-toolbar strong{margin-right:auto}.tagdb-inspector-toolbar input{min-width:12rem;padding:.35rem;border:1px solid #ccd4d0;border-radius:.35rem;font:inherit}.tagdb-inspector-body{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(18rem,2fr);gap:.75rem;min-height:24rem}.tagdb-node-list{max-height:32rem;overflow:auto}.tagdb-node-list button{display:flex;width:100%;height:auto;flex-direction:column;align-items:flex-start;margin-bottom:.25rem;background:#eef1ed;text-align:left}.tagdb-node-list button[aria-current="true"]{background:#22352f;color:#fff}.tagdb-node-list small{font-weight:400}.tagdb-node-detail{min-width:0}.tagdb-node-detail h3{margin-top:0}.tagdb-node-detail pre{max-height:14rem;overflow:auto;padding:.5rem;background:#eef1ed;white-space:pre-wrap}.tagdb-node-detail section{max-height:12rem;overflow:auto}.tagdb-node-detail section p{display:flex;align-items:center;gap:.3rem;margin:.3rem 0}.tagdb-node-detail section button{height:auto;text-align:left}
.directory-user-form{display:grid;max-width:42rem;gap:.8rem}.directory-user-form>p{margin:0;color:#586a63}.directory-user-form>label,.directory-host-fields>label{display:grid;grid-template-columns:9rem 1fr;align-items:center;gap:.6rem;font-weight:700}.directory-user-form input{min-width:0;height:2.1rem;padding:.3rem .5rem;border:1px solid #aebbb5;border-radius:.35rem;font:inherit}.directory-password-row{display:grid;grid-template-columns:minmax(10rem,1fr) auto;gap:.4rem}.directory-user-form fieldset{border:1px solid #ccd4d0;border-radius:.45rem}.directory-user-form fieldset>div:not(.directory-host-fields){display:flex;gap:.7rem;flex-wrap:wrap}.directory-user-form fieldset>label{display:flex;align-items:center;gap:.15rem}.directory-user-form fieldset>label input,.directory-user-form fieldset>div:not(.directory-host-fields) input{width:1rem;height:1rem}.directory-host-fields{display:grid;gap:.5rem;margin-top:.6rem}.directory-user-form>button{justify-self:start}.directory-user-form [role="status"]{min-height:1.4rem;color:#22352f;font-weight:700}
@media(max-width:48rem){.shell-bar{flex-wrap:wrap}.shell-status{display:none}.shell-brand{max-width:8rem;overflow:hidden;text-overflow:ellipsis}.live-auth{width:100%;order:2;margin-left:0}.login-form{width:100%}.login-form input{min-width:0;flex:1}.app-switcher,.user-menu,.menubar-popover,.live-app-window{top:6rem}.menubar-popover{right:.5rem}.sitemap-edit{opacity:.65}.live-app-window{width:calc(100vw - 1rem);height:calc(100vh - 6.75rem);max-height:calc(100vh - 6.75rem);resize:none}.cache-stats{grid-template-columns:repeat(2,minmax(4rem,1fr))}.tagdb-inspector-toolbar{align-items:stretch;flex-direction:column}.tagdb-inspector-toolbar input{width:100%}.tagdb-inspector-body{grid-template-columns:1fr}.tagdb-node-list{max-height:12rem}.directory-user-form>label,.directory-host-fields>label{grid-template-columns:1fr}.directory-password-row{grid-template-columns:1fr}}