
/* Global User Search + Mention Autocomplete */
.cem-global-search{position:relative;min-width:260px;max-width:390px;flex:1;margin:0 12px;z-index:1004}.cem-global-search-inner{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:16px;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.22);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.cem-global-search-inner i{color:#93c5fd}.cem-global-search input{width:100%;border:0;outline:0;background:transparent;color:#eaf2ff;font-weight:700}.cem-global-search input::placeholder{color:#93a4bd}.cem-user-suggest{position:absolute;left:0;right:0;top:calc(100% + 8px);display:none;padding:8px;border-radius:18px;background:rgba(10,18,32,.98);border:1px solid rgba(96,165,250,.25);box-shadow:0 20px 60px rgba(0,0,0,.45);max-height:320px;overflow:auto}.cem-user-suggest.is-open{display:grid;gap:6px}.cem-user-suggest a,.cem-mention-suggest button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:14px;background:rgba(255,255,255,.045);border:0;color:#edf5ff;text-decoration:none;text-align:left;cursor:pointer}.cem-user-suggest a:hover,.cem-mention-suggest button:hover,.cem-user-suggest .is-active,.cem-mention-suggest .is-active{background:rgba(59,130,246,.22)}.cem-user-suggest img,.cem-mention-suggest img{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#162236}.cem-user-suggest b,.cem-mention-suggest b{display:block;font-size:13px}.cem-user-suggest small,.cem-mention-suggest small{display:block;color:#9fb3d1;font-size:11px}.cem-mention-suggest{position:absolute;display:none;z-index:10000;min-width:230px;max-width:min(320px,calc(100vw - 24px));padding:7px;border-radius:16px;background:rgba(8,14,28,.98);border:1px solid rgba(125,211,252,.25);box-shadow:0 18px 55px rgba(0,0,0,.45)}.cem-mention-suggest.is-open{display:grid;gap:5px}.wall-side-card .cem-inline-panel{margin-top:14px}.cem-inline-panel{border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(148,163,184,.16);overflow:hidden}.cem-inline-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.08)}.cem-inline-panel-head b{color:#f4f8ff}.cem-inline-panel-head a{font-size:12px;color:#93c5fd;text-decoration:none}.cem-inline-panel-body{display:grid;gap:7px;padding:10px}.cem-inline-panel-body a{color:#e8f1ff;text-decoration:none}.cem-last-active-list{display:grid;gap:7px;margin-top:10px}.cem-last-active-item{display:flex;align-items:center;gap:10px;padding:9px;border-radius:15px;background:rgba(255,255,255,.045);text-decoration:none;color:#eaf2ff}.cem-last-active-item:hover{background:rgba(59,130,246,.16)}.cem-last-active-item img{width:34px;height:34px;border-radius:50%;object-fit:cover}.cem-last-active-item b{font-size:13px}.cem-last-active-item small{display:block;color:#9fb3d1;font-size:11px}.cem-search-privacy-note{font-size:12px;color:#9fb3d1;margin-top:6px}.privacy-search-toggle{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(148,163,184,.14);margin-top:12px}.privacy-search-toggle input{margin-top:3px}.privacy-search-toggle span{font-weight:800}.privacy-search-toggle small{display:block;color:#9fb3d1;margin-top:3px}@media(max-width:980px){.cem-global-search{order:5;flex-basis:100%;max-width:none;margin:8px 0 0}.topbar{flex-wrap:wrap}}@media(max-width:720px){.cem-global-search-inner{padding:8px 10px}.cem-user-suggest{position:fixed;left:10px;right:10px;top:72px;max-height:55vh}.cem-inline-panel{border-radius:16px}.wall-side-card .cem-inline-panel{margin-top:10px}}
/* Wall: docked instead of floating */
body.wall-page-static .cem-live-dock,body.wall-page-static .cem-quest-dock{display:none!important}


/* FINAL: sauberes Layout für "Gerade passiert" und Tagesquests in der Wall-Sidebar */
.wall-side-card .cem-inline-panel{margin-top:16px;border-radius:22px;background:linear-gradient(145deg,rgba(15,23,42,.92),rgba(30,41,59,.84));border:1px solid rgba(148,163,184,.20);box-shadow:0 14px 34px rgba(2,8,23,.22);overflow:hidden;}
.cem-inline-panel-head{padding:13px 14px;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(168,85,247,.12));border-bottom:1px solid rgba(148,163,184,.16);}
.cem-inline-panel-head b{display:flex;align-items:center;gap:8px;color:#f8fbff;font-size:14px;letter-spacing:.01em;}
.cem-inline-panel-head a{padding:5px 9px;border-radius:999px;background:rgba(96,165,250,.14);color:#bfdbfe!important;font-weight:800;font-size:11px;}
.cem-inline-panel-body{padding:10px;display:grid;gap:8px;}
.cem-inline-panel-body>a,#cemLiveDockBody>a{display:grid!important;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;padding:10px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.06);color:#eaf2ff!important;text-decoration:none;transition:.16s ease;}
.cem-inline-panel-body>a:hover,#cemLiveDockBody>a:hover{background:rgba(59,130,246,.18);border-color:rgba(147,197,253,.18);transform:translateY(-1px);}
.cem-inline-panel-body>a b,#cemLiveDockBody>a b{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:12px;background:rgba(96,165,250,.16);font-size:16px;}
.cem-inline-panel-body>a span,#cemLiveDockBody>a span{font-size:13px;line-height:1.32;color:#f1f5f9;overflow:hidden;text-overflow:ellipsis;}
.cem-quest-mini-summary{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;border-radius:16px;background:rgba(34,197,94,.12);border:1px solid rgba(74,222,128,.20);color:#dcfce7}.cem-quest-mini-summary b{font-size:20px}.cem-quest-mini-summary span{font-size:12px;color:#bbf7d0}.cem-quest-mini{display:grid!important;gap:5px;grid-template-columns:1fr!important}.cem-quest-mini-title{font-weight:900}.cem-quest-mini small{color:#b6c7df}.cem-quest-mini i{display:block;height:6px;border-radius:999px;background:rgba(148,163,184,.20);overflow:hidden}.cem-quest-mini i em{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#22c55e,#38bdf8)}.cem-quest-mini.is-done{background:rgba(34,197,94,.12)!important;border-color:rgba(74,222,128,.22)!important}
.cem-math-captcha{display:grid;gap:8px;margin:8px 0 14px}.cem-math-captcha span{font-weight:800;color:#dbeafe}.cem-math-captcha b{color:#facc15}.cem-math-captcha input{max-width:220px}

/* Final Fix 2026-06-03: rechte Pinnwand-Sidebar scrollbar machen */
@media (min-width:1101px){
  body.wall-page-static .wall-online-card{
    position:sticky!important;
    top:86px!important;
    max-height:calc(100dvh - 108px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    padding-right:14px!important;
    scrollbar-width:thin;
  }
  body.wall-page-static .wall-online-card::-webkit-scrollbar{width:8px;}
  body.wall-page-static .wall-online-card::-webkit-scrollbar-track{background:rgba(148,163,184,.16);border-radius:999px;}
  body.wall-page-static .wall-online-card::-webkit-scrollbar-thumb{background:rgba(96,165,250,.55);border-radius:999px;}
  body.wall-page-static .wall-online-card::-webkit-scrollbar-thumb:hover{background:rgba(96,165,250,.78);}
}
@media (max-width:1100px){
  body.wall-page-static .wall-online-card{
    max-height:none!important;
    overflow:visible!important;
    padding-right:20px!important;
  }
}

/* FINAL WALL UPGRADE 2026-06-03: Sidebar-Accordions, bessere Mobile-Reihenfolge, Load-More */
body.wall-page-static .cem-wall-right-sidebar{display:block;}
body.wall-page-static .cem-side-accordion{margin:0 0 12px;border-radius:20px;background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.18);overflow:hidden;}
body.wall-page-static .cem-side-accordion[open]{box-shadow:0 12px 28px rgba(2,8,23,.18);}
body.wall-page-static .cem-side-accordion>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;cursor:pointer;background:linear-gradient(135deg,rgba(59,130,246,.18),rgba(168,85,247,.10));font-weight:900;color:#f8fbff;}
body.wall-page-static .cem-side-accordion>summary::-webkit-details-marker{display:none;}
body.wall-page-static .cem-side-accordion>summary::after{content:'▾';font-size:13px;color:#bfdbfe;transition:transform .16s ease;}
body.wall-page-static .cem-side-accordion:not([open])>summary::after{transform:rotate(-90deg);}
body.wall-page-static .cem-side-accordion>summary small{padding:4px 8px;border-radius:999px;background:rgba(96,165,250,.14);color:#bfdbfe;font-size:11px;}
body.wall-page-static .cem-side-accordion>.muted,
body.wall-page-static .cem-side-accordion>#onlineBox,
body.wall-page-static .cem-side-accordion>.cem-last-active-list{padding-left:10px;padding-right:10px;}
body.wall-page-static .cem-side-accordion>.cem-inline-panel{margin:0!important;border-radius:0!important;border:0!important;background:transparent!important;box-shadow:none!important;}
body.wall-page-static .cem-side-accordion>.cem-inline-panel>.cem-inline-panel-head{display:none!important;}
body.wall-page-static .cem-side-accordion>.cem-inline-panel>.cem-inline-panel-body{padding:10px!important;}
.wall-load-more-wrap{display:flex;justify-content:center;margin:18px 0 8px;}
.wall-load-more-wrap .btn{min-width:220px;}
.wall-load-more-wrap .btn[disabled]{opacity:.62;cursor:wait;}
body.wall-page-static .post-card img.media,
body.wall-page-static .post-card video.media,
body.wall-page-static .wall-story-card img,
body.wall-page-static .wall-story-card video{content-visibility:auto;}
@media(max-width:1100px){
  body.wall-page-static .wall-feed-modern{order:1!important;}
  body.wall-page-static .wall-welcome{order:2!important;}
  body.wall-page-static .wall-online-card{order:3!important;}
}
@media(max-width:700px){
  body.wall-page-static .cem-side-accordion{border-radius:16px;}
  body.wall-page-static .cem-side-accordion>summary{padding:11px 12px;}
}


/* FINAL PATCH 2026-06-03: Wall-Sidebar standardmäßig zugeklappt + Tagesbester luftiger */
@media (min-width:1101px){
  body.wall-page-static .wall-shell{
    grid-template-columns:270px minmax(0,690px) 340px!important;
    max-width:1340px!important;
  }
  body.wall-page-static .wall-online-card{
    max-height:calc(100dvh - 108px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:16px 12px 16px 16px!important;
  }
}
body.wall-page-static .cem-side-accordion:not([open]){
  box-shadow:none!important;
}
body.wall-page-static .cem-side-accordion:not([open]) > *:not(summary){
  display:none!important;
}
body.wall-page-static .cem-side-accordion>summary{
  user-select:none;
}
body.wall-page-static .cem-side-accordion>summary span{
  min-width:0;
  white-space:nowrap;
}
body.wall-page-static .cem-side-accordion>summary small{
  flex:0 0 auto;
}
body.wall-page-static .wall-dailybest-inline .cem-inline-panel-body{
  gap:10px!important;
}
body.wall-page-static .cem-dailybest-item{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  padding:12px!important;
  min-height:68px;
  border-radius:18px!important;
}
body.wall-page-static .cem-dailybest-item img{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  grid-column:1;
}
body.wall-page-static .cem-dailybest-item span{
  display:block!important;
  min-width:0!important;
  overflow:visible!important;
}
body.wall-page-static .cem-dailybest-item b{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.25!important;
  font-size:13.5px!important;
  word-break:break-word!important;
  color:#f8fbff!important;
}
body.wall-page-static .cem-dailybest-item small{
  display:block!important;
  margin-top:4px!important;
  white-space:normal!important;
  line-height:1.25!important;
  color:#b6c7df!important;
}
@media(max-width:1100px){
  body.wall-page-static .cem-side-accordion>summary span{white-space:normal;}
}
