/* Eine gemeinsame, ruhige Seitenleiste für alle Wissenswerk-Bereiche. */
@media(min-width:761px){html[data-online-authenticated="true"] .app-shell{grid-template-columns:270px minmax(0,1fr)!important}html[data-online-authenticated="true"] .app-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}}
html[data-online-authenticated="true"] .app-shell .sidebar{width:270px!important;min-width:270px!important;box-sizing:border-box;background:#203f5b!important;color:#fff!important;padding:18px!important;align-items:stretch!important}
html[data-online-authenticated="true"] .app-shell.learning-mode .sidebar{background:#174b3d!important}
html[data-online-authenticated="true"] .app-shell.reference-mode .sidebar{background:#4b3039!important}
html[data-online-authenticated="true"] .app-shell.workshop-mode .sidebar{background:#203f5b!important}
html[data-online-authenticated="true"] .app-shell.knowledge-library-mode .sidebar{background:#4b3023!important}
html[data-online-authenticated="true"] .app-shell.home-mode .sidebar{background:linear-gradient(180deg,#24483e 0 36%,#493540 68%,#273e57 100%)!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar{width:72px!important;min-width:72px!important;padding-left:14px!important;padding-right:14px!important}
html[data-online-authenticated="true"] .sidebar .sidebar-toggle,html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .sidebar-toggle{position:absolute!important;z-index:40!important;left:auto!important;top:29px!important;right:-13px!important;display:grid!important;place-items:center!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border:1px solid rgba(10,20,28,.42)!important;border-radius:50%!important;background:#fff!important;color:#26445b!important;box-shadow:0 3px 10px rgba(8,25,36,.18)!important;font-size:0!important;line-height:0!important;transform:none!important}
html[data-online-authenticated="true"] .sidebar .sidebar-toggle:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:7px!important;height:10px!important;margin:0!important;border:0!important;background:#203b55!important;clip-path:polygon(100% 0,100% 25%,45% 50%,100% 75%,100% 100%,0 50%)!important;transform:translate(-50%,-50%)!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .sidebar-toggle:after{transform:translate(-50%,-50%) scaleX(-1)!important}
html[data-online-authenticated="true"] .sidebar .brand{width:100%!important;color:#fff!important}
html[data-online-authenticated="true"] .sidebar .brand .logo{flex:0 0 42px!important;width:42px!important;height:42px!important}
html[data-online-authenticated="true"] .premium-sidebar-navigation{display:grid!important;gap:7px!important;margin:19px 0 0!important}
html[data-online-authenticated="true"] .premium-sidebar-navigation>*{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:center!important;min-height:39px!important;padding:4px 8px!important;border:0!important;background:transparent!important;color:#fff!important;text-decoration:none!important;text-align:left!important}
html[data-online-authenticated="true"] .premium-sidebar-navigation strong{font-size:14px!important}
html[data-online-authenticated="true"] .sidebar #openMessages{display:none!important}
html[data-online-authenticated="true"] .sidebar :is(.import-project,#newProject,#newFolder,#allFolders,#helpBtn,.search,.side-title,#projectList){display:none!important}
html[data-online-authenticated="true"] .sidebar .sidebar-bottom{display:flex!important;gap:9px!important;width:100%!important}
html[data-online-authenticated="true"] .sidebar .module-switches{display:grid!important;gap:7px!important;width:100%!important}
html[data-online-authenticated="true"] .sidebar .module-link{display:flex!important;width:100%!important;min-height:55px!important;margin:0!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:10px!important;color:#fff!important;opacity:1!important;box-shadow:none!important}
html[data-online-authenticated="true"] .sidebar .learning-link{background:#22684f!important}.sidebar .reference-link{background:#7a3e50!important}.sidebar .workshop-link{background:#274f73!important}.sidebar .knowledge-library-link{background:#76513e!important}
html[data-online-authenticated="true"] .sidebar .module-link.navigation-active{border-color:#efc66e!important;box-shadow:0 0 0 2px rgba(239,198,110,.32)!important;filter:brightness(.92)}
html[data-online-authenticated="true"] .sidebar .module-link.navigation-active strong:after{content:" · aktuell";font-size:9px;color:#f7dfaa}
html[data-online-authenticated="true"] .sidebar #settingsBtn{display:block!important;width:100%!important;min-height:43px!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;background:transparent!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .premium-sidebar-navigation>*{display:grid!important;grid-template-columns:1fr!important;width:42px!important;height:42px!important;padding:0!important;place-items:center!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .premium-sidebar-navigation strong{display:none!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .sidebar-bottom{display:flex!important;width:44px!important;align-items:center!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .module-switches{display:grid!important;width:44px!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .module-link{display:grid!important;place-items:center!important;width:44px!important;height:47px!important;min-height:47px!important;padding:0!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .module-link>span:first-child{margin:0!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .module-link>span:last-child{display:none!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar #settingsBtn{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:0!important;font-size:0!important}
html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar #settingsBtn::first-letter{font-size:17px}
.message-screenshot-loading{display:grid;min-height:120px;place-items:center;color:#607681;font-size:12px;background:#eef3f5}
html[data-online-authenticated="true"] #homeLearning,html[data-online-authenticated="true"] #homeReference{display:flex!important}
html[data-online-authenticated="true"] .home-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}
html[data-online-authenticated="true"] .home-module-card{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:172px!important;align-items:flex-start!important;border-width:1px 1px 1px 5px!important;background:#fbfcfc!important;overflow:hidden!important}
html[data-online-authenticated="true"] .home-module-card>span:last-child{min-width:0!important;width:100%!important}
html[data-online-authenticated="true"] .home-module-card strong{display:block!important;max-width:100%!important;overflow-wrap:anywhere!important;word-break:normal!important;font-size:clamp(19px,1.6vw,23px)!important;line-height:1.15!important}
html[data-online-authenticated="true"] .home-module-card.learning{border-left-color:#22684f!important;background:linear-gradient(110deg,#f0f8f4,#fff 54%)!important}html[data-online-authenticated="true"] .home-module-card.reference{border-left-color:#7a3e50!important;background:linear-gradient(110deg,#fbf1f4,#fff 54%)!important}html[data-online-authenticated="true"] .home-module-card.workshop{border-left-color:#274f73!important;background:linear-gradient(110deg,#f0f5fa,#fff 54%)!important}html[data-online-authenticated="true"] .home-module-card.knowledge-library{border-left-color:#76513e!important;background:linear-gradient(110deg,#f8f2ee,#fff 54%)!important}
@media(max-width:900px){html[data-online-authenticated="true"] .home-module-grid{grid-template-columns:1fr!important}}

/* The shell head never changes shape between products. */
html[data-online-authenticated="true"] .app-shell .sidebar{z-index:50!important;overflow:visible!important}
html[data-online-authenticated="true"] .app-shell .sidebar .brand{display:flex!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;min-height:44px!important;margin:0 auto!important;padding:0!important}
html[data-online-authenticated="true"] .app-shell .sidebar .brand>span:last-child{display:none!important}
html[data-online-authenticated="true"] .app-shell .sidebar .brand .logo{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important}
html[data-online-authenticated="true"] .app-shell .sidebar .sidebar-toggle,html[data-online-authenticated="true"] .app-shell.sidebar-collapsed .sidebar .sidebar-toggle{z-index:100!important;left:auto!important;right:-13px!important;top:29px!important}
html[data-online-authenticated="true"] .app-shell .app-main{position:relative!important;z-index:1!important;min-width:0!important}
html[data-online-authenticated="true"] .app-shell .premium-sidebar-navigation{width:100%!important;margin-top:19px!important}
@media(max-width:760px){html[data-online-authenticated="true"] .app-shell .sidebar{width:72px!important;min-width:72px!important}}

/* Die Navigation bleibt beim Scrollen in jedem Bereich am Bildschirm stehen. */
@media(min-width:761px){html[data-online-authenticated="true"] .app-shell .sidebar{position:sticky!important;top:0!important;align-self:start!important;height:100vh!important;height:100dvh!important;max-height:100dvh!important}}

/* Videoabgleich v5: Startseite und Bibliothek verwenden exakt dieselbe
   270/234-Geometrie wie Lernwerkstatt, Nachschlagwerk und Werkbank. */
@media(min-width:761px){
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode){grid-template-columns:270px minmax(0,1fr)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode) .sidebar{width:270px!important;min-width:270px!important;padding:18px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode) .sidebar .brand{width:234px!important;margin:0 auto 14px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode) .premium-sidebar-navigation{box-sizing:border-box;width:234px!important;margin:2px auto 14px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .premium-sidebar-navigation :is(button,a){display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px!important;align-items:center!important;justify-content:stretch!important;column-gap:10px!important;width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;font-size:14px!important;font-weight:750!important;line-height:1!important;text-align:center!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .premium-sidebar-navigation :is(button,a)>span{grid-column:1!important;width:24px!important;height:24px!important;font-size:17px!important;line-height:1!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .premium-sidebar-navigation :is(button,a)>strong{grid-column:2!important;display:block!important;width:100%!important;text-align:center!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode) .sidebar-bottom{box-sizing:border-box;display:grid!important;grid-template-rows:auto 42px!important;gap:8px!important;width:234px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom .module-switches{display:grid!important;gap:6px!important;width:234px!important;margin:0!important;padding:10px 0 0!important;border-top:1px solid rgba(255,255,255,.16)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom .module-link{box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:11px!important;width:234px!important;height:54px!important;min-height:54px!important;margin:0!important;padding:8px 11px!important;border-radius:10px!important;text-align:left!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom .module-link>span:first-child{width:30px!important;height:30px!important;flex:0 0 30px!important;font-size:19px!important;line-height:1!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom .module-link strong{display:block!important;overflow:hidden!important;font-size:14px!important;font-weight:800!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom .module-link small{display:block!important;margin-top:3px!important;overflow:hidden!important;font-size:10px!important;font-weight:500!important;line-height:1.15!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode):not(.sidebar-collapsed) .sidebar-bottom #settingsBtn{display:flex!important;align-items:center!important;justify-content:flex-start!important;width:234px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:8px 11px!important;border-radius:10px!important;font-size:14px!important;font-weight:800!important;line-height:1!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .sidebar{width:72px!important;min-width:72px!important;padding:16px 8px!important;align-items:center!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .sidebar .brand,
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .premium-sidebar-navigation,
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .sidebar-bottom{width:42px!important;margin-left:auto!important;margin-right:auto!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .premium-sidebar-navigation :is(button,a),
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .sidebar-bottom .module-link,
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode).sidebar-collapsed .sidebar-bottom #settingsBtn{width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin-left:0!important;margin-right:0!important;padding:5px!important;justify-content:center!important}
}

/* v7: Verbindliche Endgeometrie für alle fünf Bereiche. Diese Regeln stehen
   absichtlich zuletzt, damit keine frühere bereichsspezifische Variante beim
   Umschalten Abstände, Knopfgrößen oder den Schalter verändern kann. */
@media(min-width:761px){
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode){grid-template-columns:270px minmax(0,1fr)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .sidebar{box-sizing:border-box!important;width:270px!important;min-width:270px!important;padding:18px!important;align-items:stretch!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .sidebar .brand{box-sizing:border-box!important;width:234px!important;min-width:234px!important;height:42px!important;min-height:42px!important;margin:0 auto 14px!important;padding:0!important;justify-content:center!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .sidebar .brand .logo{width:42px!important;height:42px!important;flex:0 0 42px!important;margin:0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .premium-sidebar-navigation{box-sizing:border-box!important;display:grid!important;gap:7px!important;width:234px!important;margin:2px auto 14px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode):not(.sidebar-collapsed) .premium-sidebar-navigation :is(button,a){box-sizing:border-box!important;display:grid!important;grid-template-columns:24px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:10px!important;width:234px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 12px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .sidebar .sidebar-toggle,
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar .sidebar-toggle{left:auto!important;right:-13px!important;top:29px!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;border:1px solid rgba(10,20,28,.42)!important;border-radius:50%!important;background:#fff!important;color:#26445b!important;box-shadow:0 3px 10px rgba(8,25,36,.18)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode) .sidebar-bottom{box-sizing:border-box!important;display:grid!important;grid-template-rows:auto 42px!important;gap:8px!important;width:234px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode):not(.sidebar-collapsed) .sidebar-bottom .module-switches{display:grid!important;gap:6px!important;width:234px!important;margin:0!important;padding:10px 0 0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode):not(.sidebar-collapsed) .sidebar-bottom .module-link{box-sizing:border-box!important;width:234px!important;height:54px!important;min-height:54px!important;margin:0!important;padding:8px 11px!important;gap:11px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode):not(.sidebar-collapsed) .sidebar-bottom #settingsBtn{box-sizing:border-box!important;width:234px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:8px 11px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar{width:72px!important;min-width:72px!important;padding:16px 8px!important;align-items:center!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar .brand{width:44px!important;min-width:44px!important;height:42px!important;min-height:42px!important;margin:0 auto 14px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .premium-sidebar-navigation{width:42px!important;margin:2px auto 14px!important;gap:7px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .premium-sidebar-navigation :is(button,a){box-sizing:border-box!important;width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar-bottom{width:42px!important;margin-left:auto!important;margin-right:auto!important;gap:8px!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar-bottom .module-switches{display:grid!important;gap:6px!important;width:42px!important;margin:0!important;padding:10px 0 0!important}
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar-bottom .module-link,
  html[data-online-authenticated="true"] .app-shell:is(.home-mode,.knowledge-library-mode,.workshop-mode,.learning-mode,.reference-mode).sidebar-collapsed .sidebar-bottom #settingsBtn{box-sizing:border-box!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:42px!important;min-height:42px!important;margin:0!important;padding:5px!important;justify-content:center!important}
}