:root{--brand:#1877f2;--ink:#172033;--muted:#6b7280;--line:#e6e9ef;--bg:#f5f7fb;--card:#fff;--soft:#eef4ff;--danger:#dc2626}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:66px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.brand img{height:42px;max-width:150px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:12px}.mini-avatar{width:30px;height:30px;border-radius:50%;vertical-align:middle;object-fit:cover}.page{max-width:1180px;margin:24px auto;padding:0 16px}.landing{min-height:calc(100vh - 66px);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:48px;line-height:1.05;margin:0 0 12px}.hero p{color:var(--muted);font-size:19px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;box-shadow:0 10px 28px rgba(16,24,40,.07);padding:22px}.form input,.form select,.form textarea,input,select,textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:#fff;margin:7px 0 12px;font:inherit}.btn,button{border:0;border-radius:13px;padding:12px 16px;background:var(--brand);color:white;font-weight:700;cursor:pointer}.btn.secondary,button.secondary{background:#edf2f7;color:#162033}.btn.danger{background:var(--danger)}.grid{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:18px}.feed{display:flex;flex-direction:column;gap:16px}.post-head{display:flex;gap:12px;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}.cover{height:220px;border-radius:22px;background:linear-gradient(135deg,#eef4ff,#fff);object-fit:cover;width:100%}.media{max-width:100%;border-radius:18px;border:1px solid var(--line);margin-top:12px}.muted{color:var(--muted)}.actions{display:flex;gap:10px;align-items:center;margin-top:12px}.comment{background:#f7f8fb;border-radius:14px;padding:10px 12px;margin-top:8px}.sidenav{position:fixed;top:0;left:-285px;width:285px;height:100vh;background:#0f172a;color:#fff;z-index:50;transition:.25s;padding:24px;box-shadow:20px 0 40px rgba(0,0,0,.24)}.sidenav.open{left:0}.sidenav a{display:block;padding:14px;border-radius:12px;margin:6px 0}.sidenav a:hover{background:rgba(255,255,255,.1)}.closeNav{background:transparent;font-size:28px;padding:0;float:right}.navHandle{position:fixed;left:0;top:110px;border-radius:0 14px 14px 0;z-index:40}.chat-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 270px;gap:16px}.chat-box{height:62vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px}.msg{padding:9px 11px;border-radius:14px;margin:7px 0;background:#f4f7fb}.msg.bot{background:#eef4ff}.msg.system{background:#fff7ed}.online-user{display:flex;gap:9px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.away{font-style:italic;color:#64748b}.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat{font-size:34px;font-weight:900}.badge{display:inline-flex;gap:6px;align-items:center;background:#eef4ff;color:#123c69;border-radius:999px;padding:6px 10px;font-weight:700}.cookie{display:none;position:fixed;bottom:16px;left:16px;right:16px;max-width:760px;margin:auto;background:#111827;color:#fff;border-radius:18px;padding:14px 16px;z-index:80;box-shadow:0 20px 50px rgba(0,0,0,.22);justify-content:space-between;gap:12px}.cookie.show{display:flex}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left}.pill{border-radius:999px;padding:4px 8px;background:#edf2f7}@media(max-width:900px){.landing,.grid,.chat-layout{grid-template-columns:1fr}.hero h1{font-size:34px}.top-actions{gap:7px;font-size:14px}.admin-grid{grid-template-columns:1fr}.page{margin:14px auto}.chat-box{height:55vh}}
.alert{background:#fff2f2;border:1px solid #ffcaca;color:#8a0000;border-radius:14px;padding:10px 12px;margin:10px 0}
.composer-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.file-pill,.icon-upload{display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe5f2;background:#f8faff;border-radius:12px;padding:10px 12px;cursor:pointer}.file-pill input,.icon-upload input{display:none}.chat-composer{display:flex;gap:8px;align-items:center;margin-top:12px}.chat-composer input[type=text],.chat-composer #chatInput{flex:1}.chat-media{max-width:260px;max-height:240px;border-radius:16px;margin-top:8px;display:block;box-shadow:0 8px 24px #0001}.selected-gif{align-items:center;gap:10px;margin:10px 0;padding:10px;border:1px dashed #cfd8ea;border-radius:16px;background:#f8faff}.selected-gif img{max-width:150px;max-height:120px;border-radius:12px}.giphy-modal{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;z-index:9999;padding:18px}.giphy-modal.show{display:flex}.giphy-box{width:min(760px,96vw);max-height:82vh;overflow:auto;background:#fff;border-radius:24px;box-shadow:0 30px 80px #0003;padding:18px}.giphy-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.giphy-head button{width:38px;height:38px;border-radius:50%;padding:0}.giphy-box form{display:flex;gap:10px;margin-bottom:14px}.giphy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.giphy-grid button{padding:0;background:#f1f5fb;border:0;border-radius:14px;overflow:hidden;cursor:pointer}.giphy-grid img{display:block;width:100%;height:110px;object-fit:cover}.media{border-radius:18px;max-width:100%;height:auto}.alert{background:#fff2f2;color:#9b1c1c;border:1px solid #ffd0d0;border-radius:12px;padding:10px}
@media(max-width:700px){.chat-composer{position:sticky;bottom:8px;background:#fff;padding:8px;border-radius:16px;box-shadow:0 10px 35px #0002}.chat-media{max-width:100%}.giphy-grid{grid-template-columns:repeat(2,1fr)}}
/* Profil wie Facebook: Cover, Avatar links überlappend, klare Struktur */
.profile-hero{padding:0;overflow:hidden}.profile-cover{height:285px;background:linear-gradient(135deg,#e8f1ff,#ffffff);background-size:cover;background-position:center;border-bottom:1px solid var(--line)}.profile-mainrow{display:flex;align-items:flex-end;gap:18px;padding:0 26px 22px;margin-top:-64px}.profile-avatar{width:138px;height:138px;border-radius:50%;border:6px solid #fff;object-fit:cover;background:#fff;box-shadow:0 12px 30px rgba(16,24,40,.18)}.profile-title{flex:1}.profile-title h1{font-size:34px;margin:0 0 4px}.profile-actions{margin-bottom:10px}.profile-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;align-items:start}.profile-info-card{position:sticky;top:88px}.badge-wrap{display:flex;gap:7px;flex-wrap:wrap}.profile-posts-head h2{margin-bottom:4px}.post-card{overflow:hidden}.rich-comment{display:flex;gap:9px;align-items:flex-start}.comment-media{max-width:180px;max-height:150px;border-radius:14px;margin-top:7px}.comment-row{display:flex;gap:8px;align-items:center;margin-top:10px}.comment-row input{margin:0;flex:1}.emoji-bar{gap:6px;flex-wrap:wrap;padding:8px 0}.emoji-bar button{background:#f1f5fb;color:#172033;border-radius:10px;padding:7px 9px}.emoji-toggle{min-width:44px}.page{max-width:1320px}.chat-layout{grid-template-columns:220px minmax(0,1fr) 240px;gap:12px}.chat-layout .card{padding:16px}.chat-box{height:68vh}.chat-composer{gap:7px}.chat-composer button{padding:11px 13px}@media(max-width:900px){.profile-mainrow{align-items:center;flex-direction:column;text-align:center;margin-top:-70px}.profile-actions{margin-bottom:0}.profile-grid{grid-template-columns:1fr}.profile-info-card{position:static}.profile-cover{height:220px}.profile-title h1{font-size:28px}.comment-row{flex-wrap:wrap}.comment-row input{flex-basis:100%}.chat-layout{grid-template-columns:1fr}.chat-box{height:58vh}}
.profile-sidebar{display:flex;flex-direction:column;gap:18px}.profile-info-card h3,.profile-sidebar h3{margin-top:0}.profile-info-card a{color:var(--brand);font-weight:700;word-break:break-word}.friends-grid-small{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.friend-tile{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;background:#f8faff;border:1px solid var(--line);border-radius:14px;padding:9px;font-size:13px}.friend-tile img{width:58px;height:58px;border-radius:16px;object-fit:cover}.profile-level{background:#fff;border:2px solid #dbeafe}.badge{border:1px solid transparent}.chat-room-card{min-width:0}.chat-layout{max-width:calc(100vw - 28px);margin-inline:auto}.chat-box{scroll-behavior:smooth}.chat-box img{height:auto}@media(max-width:900px){.friends-grid-small{grid-template-columns:repeat(4,1fr)}}@media(max-width:560px){.friends-grid-small{grid-template-columns:repeat(3,1fr)}.profile-mainrow{padding-left:12px;padding-right:12px}.chat-composer{gap:5px}.chat-composer button,.chat-composer .secondary{padding:10px 11px}}

/* Update: sichtbare Smilies/GIFs + Chat ohne manuelles Scrollen */
.composer-tools .secondary,.comment-row .secondary,.chat-composer .secondary{white-space:nowrap}
.emoji-bar{display:flex;gap:6px;flex-wrap:wrap;padding:8px 0}
.emoji-bar button{background:#f1f5fb;color:#172033;border-radius:10px;padding:7px 9px;border:1px solid #dfe5f2}
.chat-layout{grid-template-columns:205px minmax(0,1fr) 225px;gap:10px;max-width:calc(100vw - 16px)}
.chat-layout .card{padding:14px}.chat-room-card{display:flex;flex-direction:column;min-height:calc(100vh - 118px)}
.chat-box{height:auto;min-height:0;flex:1;overflow-y:auto;scroll-behavior:auto}.chat-composer{flex-shrink:0}.chat-composer input{margin:0}
@media(max-width:900px){.chat-room-card{min-height:calc(100vh - 98px)}.chat-box{min-height:52vh}.chat-layout{max-width:100%}}
/* Fix: Profilkopf sauber halten, Level in Profilinfos; robuster GIF-Picker */
.profile-title .profile-level{display:none!important}.profile-info-card p strong{font-weight:800}.giphy-result{min-height:110px}.giphy-result:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(16,24,40,.16)}.selected-gif button{background:#edf2f7;color:#172033}.chat-box{overscroll-behavior:contain}.chat-box #chatEnd{height:1px}


/* Update: kompakter Chat, alles im Browserfenster sichtbar */
body:has(.chat-layout) .page{max-width:100%;margin:8px auto;padding:0 8px;}
.chat-layout{grid-template-columns:190px minmax(0,1fr) 210px;gap:8px;max-width:100%;height:calc(100vh - 86px);align-items:stretch;}
.chat-layout>.card{padding:10px;border-radius:16px;overflow:auto;}
.chat-room-card{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden;}
.chat-head h2{font-size:20px;margin:0 0 2px;}.chat-head p{margin:0 0 7px;font-size:13px;}
.chat-box{flex:1;height:auto!important;min-height:0!important;padding:9px;border-radius:14px;overflow-y:auto;background:#fff;}
.msg{position:relative;padding:7px 34px 7px 9px;margin:5px 0;border-radius:12px;font-size:14px;line-height:1.32;}
.msg-line{display:inline;}.msg-delete{position:absolute;right:7px;top:5px;width:24px;height:24px;line-height:20px;padding:0;border-radius:999px;background:#fee2e2;color:#991b1b;font-size:17px;font-weight:900;opacity:.82}.msg-delete:hover{opacity:1;background:#ef4444;color:#fff}.msg .muted{font-size:12px}.chat-media{max-width:190px;max-height:150px;border-radius:12px;margin-top:5px;}
.chat-composer{margin-top:7px;gap:5px;align-items:center;}.chat-composer input{padding:9px 10px;font-size:14px}.chat-composer button,.chat-composer .secondary,.chat-composer .icon-upload{padding:8px 10px;border-radius:11px;font-size:13px}.emoji-bar{padding:5px 0}.emoji-bar button{padding:5px 7px}.selected-gif{margin:6px 0;padding:7px}.selected-gif img{max-width:95px;max-height:76px}.online-user{padding:6px;font-size:13px}.mini-avatar{width:26px;height:26px}.chat-layout aside h3{margin:0 0 8px;font-size:16px}.chat-layout aside .btn.secondary{padding:8px 10px!important;margin:5px 0!important;border-radius:11px;}
@media(max-width:900px){body:has(.chat-layout) .page{margin:6px auto;padding:0 6px}.chat-layout{grid-template-columns:1fr;height:auto;min-height:calc(100vh - 78px)}.chat-layout aside{max-height:150px}.chat-room-card{height:calc(100vh - 250px);min-height:520px}.chat-box{min-height:0!important}.chat-composer{position:sticky;bottom:0}.chat-media{max-width:150px;max-height:120px}}
.room-count{min-width:28px;height:22px;padding:0 8px;border-radius:999px;background:#eef3ff;color:#1f3b7a;font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.comment-body{flex:1}.link-btn{border:0;background:transparent;color:#1877f2;padding:6px 0;font-weight:700;cursor:pointer}.comment-replies{margin-top:8px;margin-left:18px;border-left:3px solid #eef1f7;padding-left:12px}.comment-reply-item{background:#f8faff}.reply-form{margin-top:8px}.actions button,.composer-tools button,.comment-row button{font-weight:700}.chat-layout{height:calc(100vh - 92px);overflow:hidden}.chat-room-card{min-height:0}.chat-box{min-height:0;scroll-behavior:auto}
/* Update: großes Moderationssystem + Bearbeitungshinweis */
.danger-btn,.danger-link{background:#dc2626!important;color:#fff!important}.danger-link.text-action{background:transparent!important;color:#dc2626!important}.badge.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.badge.warning{background:#fff7ed;color:#9a3412;border-color:#fed7aa}.admin-moderation-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)}.report-preview{white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:14px;max-height:420px;overflow:auto}.moderation-resolve-form textarea{width:100%}.feed-text-actions .text-action{background:transparent;color:#1877f2;padding:6px 8px;border-radius:8px}.feed-text-actions .text-action:hover{background:#eef4ff}@media(max-width:1000px){.admin-moderation-grid{grid-template-columns:1fr}}


/* Update: Meldebereich, Textlinks, responsive App-Chat, Gast-Sperren, Copyright */
.site-footer{max-width:1320px;margin:18px auto 28px;padding:0 16px;color:#64748b;font-size:13px;text-align:center}.hamburgerTop{display:none;background:#edf2f7;color:#172033;padding:9px 12px;border-radius:12px}.side-title{font-weight:900;font-size:18px;margin:6px 0 18px;color:#fff}.nav-badge,.pill-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;margin-left:6px;border-radius:999px;background:#dc2626;color:#fff;font-size:12px;font-weight:900}.top-icon{position:relative;display:inline-flex;align-items:center}.guest-pill{background:#eef4ff;color:#173b70;border-radius:999px;padding:7px 10px;font-weight:800}.report-link,.chat-report-text,.link-btn{background:transparent!important;color:#1877f2!important;padding:4px 6px!important;border:0!important;border-radius:8px!important;font-weight:800!important;box-shadow:none!important}.chat-report-text{font-size:12px;margin-left:6px}.report-link:hover,.chat-report-text:hover,.link-btn:hover{background:#eef4ff!important}.reports-page{display:flex;flex-direction:column;gap:16px}.reports-head h1{margin-top:0}.report-tabs{flex-wrap:wrap}.row-open{background:#fff7f7}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid var(--line);padding:10px;text-align:left;vertical-align:top}.chat-layout{height:calc(100dvh - 92px)}.chat-layout>.card:first-child,.chat-layout>.card:last-child{scrollbar-width:thin}.chat-room-card{border-radius:18px}.chat-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-composer{background:#fff}.chat-composer button,.chat-composer .icon-upload{white-space:nowrap}.msg{word-break:break-word}.msg .link-btn{display:inline-block}.guest-wall-info{max-width:720px;margin:40px auto;text-align:center}.guest-wall-info h1{margin-top:0}
@media(max-width:900px){.topbar{height:58px;padding:0 10px}.hamburgerTop{display:inline-flex}.brand span{font-size:17px}.brand img{height:34px}.top-actions{gap:7px;font-size:13px}.navHandle{display:none}.page{margin:8px auto;padding:0 8px}.sidenav{width:82vw;left:-82vw}.chat-layout{display:grid;grid-template-columns:1fr;height:calc(100dvh - 74px);gap:7px}.chat-layout>.card:first-child{order:1;max-height:92px;overflow:auto;display:flex;gap:6px;align-items:center}.chat-layout>.card:first-child h3{display:none}.chat-layout>.card:first-child .room-link{min-width:145px;margin:0!important}.chat-room-card{order:2;height:calc(100dvh - 184px)!important;min-height:0!important}.chat-layout>.card:last-child{order:3;max-height:76px;overflow:auto}.chat-layout>.card:last-child h3{display:none}.online-user{display:inline-flex;margin-right:8px;border-bottom:0;background:#f8faff;border-radius:999px}.chat-head h2{font-size:18px}.chat-head .muted{display:none}.chat-box{padding:8px}.msg{font-size:13.5px}.chat-composer{position:sticky;bottom:0;display:grid;grid-template-columns:1fr auto auto auto;gap:5px;padding:6px;border-radius:14px}.chat-composer input{grid-column:1/-1}.chat-composer button[type=submit]{grid-column:auto}.chat-composer .icon-upload{justify-content:center}.admin-moderation-grid{grid-template-columns:1fr}.table{font-size:13px}.table th:nth-child(4),.table td:nth-child(4){display:none}}
@media(max-width:520px){.top-actions a[href="/notifications.php"],.top-actions a[href="/messages.php"]{display:none}.brand span{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-composer{grid-template-columns:repeat(4,1fr)}.chat-composer input{grid-column:1/-1}.chat-composer button,.chat-composer .icon-upload{padding:8px 7px;font-size:12px}.chat-media{max-width:125px;max-height:100px}.giphy-box{border-radius:18px;padding:12px}.giphy-grid{grid-template-columns:repeat(2,1fr)}}

/* Patch: stabiles App-Hamburgermenü und Text-Meldeaktionen */
.nav-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:45;backdrop-filter:blur(2px)}
body.nav-open .nav-overlay{display:block}
body.nav-open{overflow:hidden}
.sidenav.open{left:0!important}
.chat-report-text,.report-link,.text-action.report-link{appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;color:#1877f2!important;padding:0 4px!important;margin:0 4px!important;font-weight:800!important;text-decoration:none!important;cursor:pointer!important}
.chat-report-text:hover,.report-link:hover{background:transparent!important;text-decoration:underline!important}
.msg-delete{background:transparent!important;color:#dc2626!important;border:0!important;box-shadow:none!important;padding:0 6px!important;font-size:18px;line-height:1}
@media(max-width:900px){
  .sidenav{left:-88vw!important;width:88vw!important;max-width:360px!important}
  .sidenav.open{left:0!important}
  .hamburgerTop{display:inline-flex!important;align-items:center;justify-content:center}
  .topbar{z-index:60!important}
  .nav-overlay{z-index:45}
  .sidenav{z-index:70!important}
}


/* Modernes Profil-Layout Update */
.profile-hero-modern{position:relative;padding:0!important;overflow:hidden;border-radius:26px!important;box-shadow:0 18px 55px rgba(15,23,42,.10)!important}
.profile-hero-modern .profile-cover{height:315px;position:relative;background:linear-gradient(135deg,#dbeafe 0%,#f8fbff 42%,#ffffff 100%);background-size:cover;background-position:center}
.profile-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,0) 45%,rgba(15,23,42,.34) 100%)}
.profile-modern-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 30px 26px;margin-top:-76px;position:relative;z-index:2}
.profile-avatar-wrap{position:relative}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{width:156px;height:156px;border-radius:34px;border:7px solid #fff;box-shadow:0 18px 42px rgba(15,23,42,.22);background:#fff;object-fit:cover}.profile-online-dot{position:absolute;right:13px;bottom:13px;width:20px;height:20px;border-radius:999px;background:#22c55e;border:4px solid #fff;box-shadow:0 4px 12px rgba(34,197,94,.35)}
.profile-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.profile-name-line h1{font-size:38px;line-height:1;margin:0;color:#111827;letter-spacing:-.035em}.role-badge{background:#111827;color:#fff;border:0}.profile-status{font-size:16px;color:#475569;margin:8px 0 12px}.profile-mini-stats{display:flex;gap:9px;flex-wrap:wrap}.profile-mini-stats span{display:inline-flex;align-items:center;gap:6px;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:8px 11px;font-weight:800;font-size:13px;color:#334155}.profile-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-bottom:2px}.profile-actions .btn{box-shadow:0 8px 22px rgba(24,119,242,.18)}
.profile-grid{grid-template-columns:minmax(290px,365px) minmax(0,1fr)!important;gap:20px!important;align-items:start}.profile-sidebar-modern{gap:16px!important}.profile-sidebar-modern .card,.profile-feed-modern .card{border-radius:24px;box-shadow:0 12px 34px rgba(15,23,42,.07);border-color:#e8edf5}.section-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.section-title span{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;background:#eef4ff}.section-title h2,.section-title h3{margin:0!important;letter-spacing:-.02em}.profile-info-modern p{margin:11px 0;padding:9px 0;border-bottom:1px solid #f1f4f9}.profile-info-modern p:last-child{border-bottom:0}.profile-info-modern{position:sticky;top:84px}.profile-friends-modern .friends-grid-small{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.profile-friends-modern .friend-tile{background:linear-gradient(180deg,#fff,#f8fbff);border-radius:18px;transition:.18s ease}.profile-friends-modern .friend-tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.10)}.profile-friends-modern .friend-tile img{width:64px;height:64px;border-radius:20px}.profile-badges-modern .badge-wrap{gap:8px}.profile-badges-modern .badge{background:#fff;border:1px solid #dbeafe;box-shadow:0 5px 14px rgba(15,23,42,.05)}.profile-posts-modern{background:linear-gradient(135deg,#ffffff,#f8fbff)}.profile-edit-card .form{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.profile-edit-card .form textarea,.profile-edit-card .form label,.profile-edit-card .form button,.profile-edit-card .form .alert{grid-column:1/-1}.profile-edit-card input,.profile-edit-card select,.profile-edit-card textarea{background:#f8fafc;border-color:#e2e8f0}.profile-edit-card button{justify-self:start;min-width:180px}.profile-feed-modern .post-card{border-radius:24px!important;transition:.18s ease}.profile-feed-modern .post-card:hover{box-shadow:0 16px 42px rgba(15,23,42,.09)}
@media(max-width:980px){.profile-modern-row{grid-template-columns:1fr;text-align:center;justify-items:center;margin-top:-86px;padding:0 18px 22px}.profile-name-line{justify-content:center}.profile-actions{justify-content:center}.profile-mini-stats{justify-content:center}.profile-grid{grid-template-columns:1fr!important}.profile-info-modern{position:static}.profile-hero-modern .profile-cover{height:240px}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{width:142px;height:142px;border-radius:30px}.profile-name-line h1{font-size:31px}.profile-edit-card .form{grid-template-columns:1fr}}
@media(max-width:560px){.profile-hero-modern{border-radius:20px!important}.profile-hero-modern .profile-cover{height:205px}.profile-modern-row{gap:12px;margin-top:-74px}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{width:126px;height:126px;border-radius:28px;border-width:6px}.profile-name-line h1{font-size:27px}.profile-mini-stats span{font-size:12px;padding:7px 9px}.profile-friends-modern .friends-grid-small{grid-template-columns:repeat(3,1fr)}.profile-actions .btn{width:100%;text-align:center}.profile-grid{gap:14px!important}.profile-sidebar-modern .card,.profile-feed-modern .card{border-radius:20px}}

/* Update: Level und Badges vereinheitlicht */
.profile-title .profile-status{display:none!important}
.profile-level-badges-card{background:linear-gradient(135deg,#ffffff 0%,#f8fbff 100%)}
.level-unified-head{display:flex;align-items:center;gap:13px;margin:8px 0 12px}
.level-medal{width:54px;height:54px;border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:25px;box-shadow:0 12px 28px rgba(15,23,42,.14)}
.level-unified-head strong{display:block;font-size:16px;color:#172033;letter-spacing:-.01em}.level-unified-head p{margin:4px 0 0!important;border:0!important;padding:0!important}.level-progress{height:12px;background:#edf2f7;border-radius:999px;overflow:hidden;margin:10px 0 14px;border:1px solid #e2e8f0}.level-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1877f2,#7c3aed)}.unified-badges{padding-top:8px;border-top:1px solid #eef2f7}.profile-info-modern p strong:first-child{color:#334155}


/* Professional wall/feed + elegant logout update */
.wall-shell{display:grid;grid-template-columns:270px minmax(0,720px) 280px;gap:20px;align-items:start;max-width:1280px;margin:0 auto}.wall-feed-modern{gap:18px}.wall-side-card{position:sticky;top:86px;padding:20px;border-radius:24px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 14px 38px rgba(15,23,42,.07)}.wall-side-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#eef4ff;font-size:22px;margin-bottom:10px}.wall-chat-cta{display:inline-flex;margin-top:8px;align-items:center;justify-content:center}.small-muted{font-size:13px;margin-top:-4px}.wall-composer-card{border-radius:26px;padding:20px 20px 18px;background:linear-gradient(180deg,#ffffff 0%,#fbfdff 100%);box-shadow:0 18px 50px rgba(15,23,42,.08)}.composer-head{display:flex;align-items:center;gap:13px;margin-bottom:12px}.composer-head h2{font-size:21px;margin:0}.composer-head p{margin:2px 0 0;font-size:14px}.composer-avatar{width:46px;height:46px;border:3px solid #fff;box-shadow:0 8px 20px rgba(15,23,42,.12)}#wallInput{border:1px solid #e2e8f0;background:#f8fafc;border-radius:18px;min-height:104px;resize:vertical;font-size:15px;line-height:1.45;transition:border-color .15s,box-shadow .15s,background .15s}#wallInput:focus{outline:none;border-color:#b9d6ff;background:#fff;box-shadow:0 0 0 4px rgba(24,119,242,.10)}.composer-tools{border-top:1px solid #edf1f7;padding-top:12px;justify-content:space-between}.composer-tools .file-pill,.composer-tools .secondary{background:#f5f7fb;border:1px solid #e2e8f0;color:#243044;font-weight:750}.composer-tools .file-pill:hover,.composer-tools .secondary:hover{background:#eef4ff;border-color:#d5e6ff}.post-submit{margin-left:auto;background:linear-gradient(135deg,#1877f2,#4f8df8);box-shadow:0 10px 22px rgba(24,119,242,.22)}.post-card{border-radius:26px;padding:0;overflow:hidden;border:1px solid #e5eaf2;box-shadow:0 14px 42px rgba(15,23,42,.075);background:#fff}.post-card .post-head{padding:18px 20px 0}.post-card .post-head+.muted{padding:0 20px}.post-card>p{padding:0 20px;font-size:16px;line-height:1.55}.post-card .media{display:block;width:calc(100% - 40px);margin:12px 20px 4px;border-radius:22px;max-height:560px;object-fit:cover;background:#f8fafc}.post-card video.media{object-fit:contain;background:#0f172a}.feed-text-actions{padding:12px 20px;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;margin-top:14px;gap:18px;flex-wrap:wrap}.text-action{background:transparent!important;color:#475569!important;padding:0!important;border-radius:0!important;font-weight:800}.text-action:hover{color:#1877f2!important;text-decoration:underline}.danger-link:hover{color:#dc2626!important}.post-card .comment-form{padding:14px 20px 8px}.post-card .comment{margin-left:20px;margin-right:20px;background:#f8fafc;border:1px solid #edf1f7}.comment-row input{background:#fff}.logout-btn{display:inline-flex!important;align-items:center;gap:7px;padding:9px 13px;border-radius:999px;background:linear-gradient(135deg,#f8fafc,#eef4ff);border:1px solid #dce8f8;color:#172033;font-weight:850;box-shadow:0 6px 18px rgba(15,23,42,.06);transition:transform .12s,box-shadow .12s,background .12s}.logout-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(15,23,42,.10);background:#fff}.top-icon{position:relative}.guest-wall-info{max-width:760px;margin:40px auto;text-align:center;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff)}
@media(max-width:1100px){.wall-shell{grid-template-columns:minmax(0,1fr);max-width:780px}.wall-side-card{position:static}.wall-online-card{order:3}.wall-welcome{order:2}.wall-feed-modern{order:1}}
@media(max-width:700px){.wall-shell{padding:0 4px;gap:14px}.wall-composer-card,.post-card,.wall-side-card{border-radius:20px}.composer-head{align-items:flex-start}.composer-tools{justify-content:flex-start}.post-submit{width:100%;margin-left:0}.post-card .media{width:calc(100% - 24px);margin-left:12px;margin-right:12px;border-radius:18px}.post-card .post-head,.post-card>p,.feed-text-actions,.post-card .comment-form{padding-left:14px;padding-right:14px}.post-card .comment{margin-left:14px;margin-right:14px}.logout-btn{padding:8px 10px;font-size:13px}.top-actions{gap:7px}}

/* Elegant Community Lightbox */
.community-lightbox{position:fixed;inset:0;background:rgba(8,13,23,.86);backdrop-filter:blur(10px);z-index:9999;display:none;align-items:center;justify-content:center;padding:26px;animation:lightboxFade .16s ease-out}.community-lightbox.show{display:flex}.community-lightbox-inner{position:relative;max-width:min(1100px,96vw);max-height:92vh;display:flex;align-items:center;justify-content:center}.community-lightbox-img{display:block;max-width:100%;max-height:88vh;border-radius:22px;box-shadow:0 28px 80px rgba(0,0,0,.48);background:#fff;object-fit:contain}.community-lightbox-close{position:fixed;right:22px;top:18px;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.14);color:#fff;font-size:31px;line-height:38px;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.25)}.community-lightbox-close:hover{background:rgba(255,255,255,.24)}.community-lightbox-caption{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);max-width:min(720px,90vw);color:#fff;background:rgba(15,23,42,.58);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:9px 15px;font-size:13px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-card .media,.comment-media,.chat-media,.profile-cover,.profile-avatar{cursor:zoom-in}.community-lightbox-open{overflow:hidden}@keyframes lightboxFade{from{opacity:0}to{opacity:1}}@media(max-width:700px){.community-lightbox{padding:12px}.community-lightbox-img{max-height:84vh;border-radius:16px}.community-lightbox-close{right:12px;top:10px;width:42px;height:42px;font-size:29px}.community-lightbox-caption{bottom:10px;border-radius:16px;white-space:normal}}

/* Team-Wappen und sichtbarere Navigation */
.team-wappen{display:inline-flex;align-items:center;gap:4px;margin-left:7px;padding:2px 7px;border-radius:999px;font-size:11px;font-weight:900;line-height:1;vertical-align:middle;border:1px solid transparent;box-shadow:0 4px 12px rgba(15,23,42,.10)}
.team-wappen-icon{font-size:12px;line-height:1}.team-wappen-text{letter-spacing:.02em}.team-admin{background:linear-gradient(135deg,#fff7d6,#fbbf24);color:#5b3300;border-color:#f59e0b;text-shadow:0 1px rgba(255,255,255,.35)}.team-mod{background:linear-gradient(135deg,#dff0ff,#38bdf8);color:#08345c;border-color:#0ea5e9}.msg .team-wappen{margin-left:6px}.online-user .team-wappen{margin-left:auto}.post-head .team-wappen{margin-left:8px}.comment .team-wappen{margin-left:6px}
.navHandle{width:52px;height:54px;display:grid;place-items:center;background:linear-gradient(135deg,#1877f2,#5b8cff)!important;color:#fff!important;border:2px solid rgba(255,255,255,.9)!important;box-shadow:0 14px 34px rgba(24,119,242,.35)!important;font-size:22px;font-weight:900}.navHandle:hover{transform:translateX(2px);box-shadow:0 18px 42px rgba(24,119,242,.45)!important}.hamburgerTop{background:linear-gradient(135deg,#1877f2,#5b8cff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.65)!important;box-shadow:0 8px 20px rgba(24,119,242,.25)}.sidenav{background:linear-gradient(180deg,#0f172a 0%,#111c35 54%,#0b1220 100%)!important;border-right:1px solid rgba(255,255,255,.12)}.sidenav a{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);font-weight:800}.sidenav a:hover{background:rgba(24,119,242,.25)!important;border-color:rgba(147,197,253,.35);transform:translateX(2px)}.side-title{padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.nav-overlay.show{display:block;position:fixed;inset:0;background:rgba(15,23,42,.38);z-index:45;backdrop-filter:blur(2px)}
@media(max-width:900px){.team-wappen{font-size:10px;padding:2px 6px}.team-wappen-text{display:none}.navHandle{display:none!important}.hamburgerTop{display:inline-flex!important}}


/* Auto-Logout Hinweis + sichtbares Desktop-Hamburgermenü */
.session-timeout-note{max-width:760px;margin:18px auto 0;padding:13px 16px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:800;text-align:center;box-shadow:0 12px 30px rgba(154,52,18,.08)}
.navHandle{position:fixed!important;left:0!important;top:50%!important;transform:translateY(-50%)!important;width:64px!important;height:76px!important;border-radius:0 22px 22px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;z-index:65!important;background:linear-gradient(135deg,#1877f2,#0f5ed7)!important;color:#fff!important;border:1px solid rgba(255,255,255,.8)!important;border-left:0!important;box-shadow:0 18px 46px rgba(24,119,242,.42)!important;font-weight:900!important}
.navHandle span{font-size:25px;line-height:1}.navHandle small{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.navHandle:hover{transform:translateY(-50%) translateX(3px)!important;box-shadow:0 22px 56px rgba(24,119,242,.52)!important}.nav-open .navHandle{opacity:.15;pointer-events:none}.sidenav{box-shadow:24px 0 60px rgba(15,23,42,.34)!important}.nav-overlay.show{display:block!important;position:fixed;inset:0;background:rgba(15,23,42,.42);z-index:45;backdrop-filter:blur(2px)}
@media(max-width:900px){.navHandle{display:none!important}.hamburgerTop{display:inline-flex!important}}


/* Modern Chat & Landing Update */
.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0}.landing-feature-grid>div{background:rgba(255,255,255,.72);border:1px solid rgba(24,119,242,.12);border-radius:22px;padding:18px;box-shadow:0 16px 36px rgba(16,24,40,.08)}.landing-feature-grid h3{margin:0 0 8px;color:#123c69}.landing-feature-grid p{font-size:15px!important;margin:0;color:#46556d!important;line-height:1.55}
.chat-app-shell{height:calc(100vh - 104px);min-height:610px;display:flex;flex-direction:column}.modern-chat-layout{grid-template-columns:250px minmax(0,1fr) 270px;gap:14px;min-height:0;flex:1}.modern-chat-layout>.card{padding:16px;border-radius:24px}.modern-chat-room{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:linear-gradient(180deg,#ffffff,#f7faff)!important;border:1px solid rgba(24,119,242,.13)}.modern-chat-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px 6px 12px;border-bottom:1px solid #edf2fb;margin-bottom:10px}.modern-chat-head h2{margin:0;font-size:22px}.modern-chat-head p{margin:4px 0 0}.chat-menu-inline{display:none}.chat-box{flex:1;height:auto!important;min-height:0;overflow:auto;background:linear-gradient(180deg,#f7faff 0%,#ffffff 100%)!important;border:1px solid #e7edf8!important;border-radius:22px!important;padding:16px!important;scroll-behavior:auto}.modern-msg{display:flex;align-items:flex-start;gap:10px;background:transparent!important;border-radius:0!important;margin:0 0 13px!important;padding:0!important}.msg-avatar-wrap{flex:0 0 42px}.chat-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 8px 20px rgba(16,24,40,.14);background:#fff}.msg-bubble{max-width:min(740px,78%);background:#fff;border:1px solid rgba(226,232,240,.95);border-radius:18px 18px 18px 8px;padding:10px 12px;box-shadow:0 8px 22px rgba(16,24,40,.07);line-height:1.45}.modern-msg.bot .msg-bubble{background:#eef5ff;border-color:#d9e8ff}.modern-msg.system{justify-content:center}.modern-msg.system .msg-avatar-wrap{display:none}.modern-msg.system .msg-bubble{max-width:88%;background:#fff8ed;border-color:#ffe4bd;border-radius:999px;padding:7px 14px;text-align:center;color:#8a4b10;box-shadow:none}.msg-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:3px}.msg-name{font-weight:850;color:#172033}.msg-time{font-size:12px;color:#7c8798;margin-left:auto}.msg-text{white-space:normal;word-break:break-word}.msg-delete{background:#fff1f2!important;color:#be123c!important;border:1px solid #ffe4e6!important;border-radius:999px!important;width:25px;height:25px;line-height:1;padding:0!important;font-size:16px}.chat-report-text{display:inline-block;margin-top:6px;font-size:12px;color:#64748b;text-decoration:underline}.chat-media{max-width:min(360px,100%)!important;max-height:300px!important;border-radius:16px!important;border:1px solid #e6eaf2;box-shadow:0 10px 30px rgba(16,24,40,.12)}.chat-composer{position:sticky;bottom:0;display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border:1px solid #e7edf8;border-radius:22px;padding:10px;margin-top:10px;box-shadow:0 -8px 30px rgba(16,24,40,.06)}.chat-composer input#chatInput{margin:0!important;border-radius:16px;background:#f8fbff;border-color:#e1e8f5}.chat-composer button,.chat-composer .icon-upload{margin:0;white-space:nowrap;border-radius:15px!important}.emoji-bar{gap:6px;flex-wrap:wrap;padding:9px;background:#fff;border:1px solid #e7edf8;border-radius:18px;margin-top:8px}.emoji-bar button{background:#f8fbff;color:#172033;padding:8px 10px;border-radius:12px}.selected-gif{border-radius:18px!important;background:#fff!important}.chat-sidebar{overflow:auto;min-height:0;background:rgba(255,255,255,.88)}.room-link{border:1px solid #e7edf8!important;background:#f7faff!important;color:#172033!important;box-shadow:none!important}.room-count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:999px;background:#1877f2;color:#fff;font-weight:800;font-size:12px}.online-user{border-bottom:0!important;margin:4px 0;border-radius:14px;background:#f8fbff}.online-user:hover{background:#eef5ff}.chat-mobile-bar{display:none}.chat-side-backdrop{display:none}.team-wappen{transform:scale(.92);transform-origin:left center}
@media(max-width:980px){.chat-app-shell{height:calc(100vh - 82px);min-height:0}.chat-mobile-bar{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff;border:1px solid #e7edf8;border-radius:20px;padding:10px 12px;margin-bottom:10px;box-shadow:0 12px 30px rgba(16,24,40,.08)}.chat-menu-btn{width:42px;height:42px;border-radius:14px;padding:0}.modern-chat-layout{display:block}.chat-room-card{height:calc(100vh - 150px);min-height:520px}.chat-sidebar{position:fixed;top:82px;bottom:12px;left:12px;width:min(86vw,330px);z-index:90;transform:translateX(-112%);transition:.22s ease;box-shadow:18px 0 50px rgba(15,23,42,.22)}body.chat-side-open .chat-sidebar{transform:translateX(0)}.chat-users-panel{left:auto;right:12px;transform:translateX(112%)}body.chat-side-open .chat-users-panel{transform:translateX(0)}body.chat-side-open .chat-side-backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.38);backdrop-filter:blur(2px);z-index:80}.chat-menu-inline{display:inline-flex}.msg-bubble{max-width:calc(100% - 52px)}.chat-composer{grid-template-columns:minmax(0,1fr) auto auto;gap:7px}.chat-composer button[type=button],.chat-composer .icon-upload{padding:10px 11px}.chat-composer button[type=submit]{grid-column:1/-1;width:100%;padding:11px}.landing-feature-grid{grid-template-columns:1fr}}
@media(max-width:560px){.chat-app-shell{height:calc(100vh - 78px)}.chat-room-card{height:calc(100vh - 136px);min-height:480px;border-radius:18px!important;padding:10px!important}.modern-chat-head h2{font-size:18px}.modern-chat-head .muted{font-size:12px}.chat-box{padding:11px!important;border-radius:18px!important}.chat-avatar{width:36px;height:36px}.msg-avatar-wrap{flex-basis:36px}.msg-bubble{font-size:14px;border-radius:16px 16px 16px 7px;padding:9px 10px}.msg-time{font-size:11px}.chat-composer{border-radius:18px;padding:8px}.chat-composer input#chatInput{font-size:14px;padding:11px}.chat-media{max-height:220px!important}}


/* Update: größerer moderner Chat + eleganter Radioplayer */
body:has(.chat-app-shell) .page{max-width:1500px;margin:14px auto;padding:0 14px}.chat-app-shell{height:calc(100vh - 92px)!important;min-height:650px!important}.modern-chat-layout{grid-template-columns:260px minmax(0,1fr) 285px!important;gap:16px!important}.modern-chat-layout>.card{padding:18px!important}.chat-room-card{min-height:0!important}.chat-box{padding:18px!important}.msg-bubble{max-width:min(860px,82%)!important}.chat-avatar{width:46px!important;height:46px!important}.msg-avatar-wrap{flex-basis:46px!important}.chat-composer{padding:12px!important}.chat-composer input#chatInput{padding:13px 14px!important}.chat-composer button,.chat-composer .icon-upload{padding:11px 14px!important}.chat-media{max-width:min(440px,100%)!important;max-height:340px!important}
.radio-player-pro{max-width:1320px;margin:12px auto 0;padding:12px 16px;display:grid;grid-template-columns:auto minmax(160px,1fr) minmax(320px,520px);gap:14px;align-items:center;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(24,119,242,.88));color:#fff;border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:0 18px 48px rgba(15,23,42,.18);overflow:hidden;position:relative}.radio-player-pro:before{content:"";position:absolute;inset:-80px auto auto -50px;width:190px;height:190px;background:radial-gradient(circle,rgba(255,255,255,.28),transparent 62%);pointer-events:none}.radio-orb{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#fff,#dbeafe);color:#1877f2;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.20);position:relative;z-index:1}.radio-copy{position:relative;z-index:1;min-width:0}.radio-copy strong{display:block;font-size:18px;letter-spacing:-.02em}.radio-copy small{display:block;color:rgba(255,255,255,.78);margin-top:2px}.radio-player-pro audio{width:100%;height:42px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.14));position:relative;z-index:1}.checkline{display:flex;gap:10px;align-items:center;margin:8px 0 12px;font-weight:800}.checkline input{width:auto;margin:0}
@media(max-width:980px){body:has(.chat-app-shell) .page{margin:8px auto;padding:0 8px}.chat-app-shell{height:calc(100vh - 78px)!important;min-height:0!important}.chat-room-card{height:calc(100vh - 136px)!important;min-height:560px!important}.radio-player-pro{margin:8px 8px 0;grid-template-columns:auto 1fr;border-radius:20px}.radio-player-pro audio{grid-column:1/-1}.msg-bubble{max-width:calc(100% - 54px)!important}}
@media(max-width:560px){.chat-room-card{height:calc(100vh - 128px)!important;min-height:510px!important}.chat-box{padding:13px!important}.chat-avatar{width:38px!important;height:38px!important}.msg-avatar-wrap{flex-basis:38px!important}.chat-composer{grid-template-columns:minmax(0,1fr) auto auto!important}.chat-composer input#chatInput{grid-column:1/-1}.radio-orb{width:44px;height:44px;border-radius:15px}.radio-copy strong{font-size:16px}.radio-player-pro{gap:10px;padding:10px}}


/* Premium UI Update: Blue/Orange Designsystem + größerer App-Chat */
:root{
  --brand:#2f80ff;
  --brand-2:#ff8a3d;
  --brand-soft:#eaf3ff;
  --orange-soft:#fff3e8;
  --ink:#172033;
  --muted:#667085;
  --line:#dfe8f6;
  --bg:#f3f8ff;
  --card:rgba(255,255,255,.92);
  --shadow:0 20px 55px rgba(25,73,138,.10);
}
body{background:radial-gradient(circle at top left,rgba(47,128,255,.18),transparent 34%),radial-gradient(circle at top right,rgba(255,138,61,.18),transparent 30%),linear-gradient(180deg,#f7fbff,#fff8f1 62%,#f8fbff);}
.topbar{background:rgba(255,255,255,.78)!important;border-bottom:1px solid rgba(47,128,255,.13)!important;box-shadow:0 12px 34px rgba(28,70,125,.07);}
.card{background:var(--card)!important;border:1px solid rgba(47,128,255,.12)!important;box-shadow:var(--shadow)!important;}
.btn,button{background:linear-gradient(135deg,var(--brand),#1d62d8);box-shadow:0 10px 24px rgba(47,128,255,.22)}
.btn.secondary,button.secondary{background:#f3f7ff!important;color:#1c365e!important;border:1px solid #dce9fb!important;box-shadow:none!important}
.sidenav{background:linear-gradient(180deg,#102744,#15385f 55%,#1d4973)!important}.sidenav a:hover{background:rgba(255,255,255,.13)!important}.navHandle{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important}
body:has(.chat-app-shell) .page{max-width:1680px!important;margin:8px auto!important;padding:0 10px!important}.chat-app-shell{height:calc(100dvh - 78px)!important;min-height:690px!important}.modern-chat-layout{grid-template-columns:285px minmax(0,1fr) 310px!important;gap:18px!important}.modern-chat-layout>.card{border-radius:28px!important;padding:18px!important}.modern-chat-room{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(235,244,255,.92))!important;border:1px solid rgba(47,128,255,.16)!important}.modern-chat-head{background:linear-gradient(135deg,rgba(47,128,255,.08),rgba(255,138,61,.08));border:1px solid rgba(47,128,255,.10);border-radius:22px;padding:14px!important;margin-bottom:14px!important}.modern-chat-head h2{font-size:25px!important;letter-spacing:-.03em}.chat-box{padding:22px!important;border-radius:26px!important;background:linear-gradient(180deg,#f6faff 0%,#fff 58%,#fff8f2 100%)!important;border:1px solid rgba(47,128,255,.12)!important}.modern-msg{gap:13px!important;margin-bottom:16px!important}.chat-avatar{width:52px!important;height:52px!important;border:3px solid #fff!important}.msg-avatar-wrap{flex-basis:52px!important}.msg-bubble{max-width:min(980px,84%)!important;border-radius:22px 22px 22px 9px!important;padding:13px 15px!important;border:1px solid rgba(47,128,255,.11)!important;box-shadow:0 14px 34px rgba(24,74,140,.09)!important}.modern-msg.bot .msg-bubble{background:linear-gradient(135deg,#eaf3ff,#fff)!important}.modern-msg.system .msg-bubble{background:linear-gradient(135deg,#fff6ec,#fff)!important;border-color:#ffe1c4!important;color:#8b3e10!important}.msg-name{font-size:14px;font-weight:900}.msg-time{color:#7b8aa3}.msg-text{font-size:15.5px;line-height:1.55}.chat-composer{border-radius:26px!important;padding:14px!important;border:1px solid rgba(47,128,255,.16)!important;background:rgba(255,255,255,.86)!important}.chat-composer input#chatInput{border-radius:20px!important;background:#f7fbff!important;padding:15px 16px!important}.chat-composer button,.chat-composer .icon-upload{border-radius:18px!important}.chat-sidebar{background:rgba(255,255,255,.78)!important;border-radius:28px!important}.chat-sidebar h3{font-size:18px!important;letter-spacing:-.02em}.room-link{background:linear-gradient(135deg,#f8fbff,#fff7ef)!important;border-color:#e0ecfb!important}.room-count{background:linear-gradient(135deg,var(--brand),var(--brand-2))!important}.online-user{background:rgba(247,251,255,.86)!important;border:1px solid rgba(47,128,255,.08);gap:8px}.online-user:hover{background:#eef6ff!important}.gender-icon{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:999px;font-size:13px;font-weight:900;margin-left:4px;border:1px solid rgba(0,0,0,.04)}.gender-male{background:#e8f2ff;color:#1769d2}.gender-female{background:#fff0f7;color:#d63384}.gender-diverse{background:#f2edff;color:#7c3aed}.gender-none{background:#eef2f7;color:#64748b}.msg-meta .gender-icon{width:20px;height:20px;font-size:12px;margin-left:-2px}.landing{gap:54px}.hero h1{letter-spacing:-.05em}.landing-feature-grid>div{border-color:rgba(47,128,255,.14)!important;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(239,247,255,.72))!important}.wall-shell,.profile-modern-grid{filter:saturate(1.04)}
@media(max-width:1180px){.modern-chat-layout{grid-template-columns:245px minmax(0,1fr) 260px!important}.chat-app-shell{min-height:650px!important}.msg-bubble{max-width:calc(100% - 64px)!important}}
@media(max-width:980px){body:has(.chat-app-shell) .page{padding:0 7px!important}.chat-app-shell{height:calc(100dvh - 70px)!important;min-height:0!important}.chat-room-card{height:calc(100dvh - 128px)!important;min-height:570px!important}.chat-mobile-bar{background:rgba(255,255,255,.88)!important;border-color:rgba(47,128,255,.14)!important}.chat-sidebar{top:76px!important}.chat-box{padding:16px!important}.chat-composer{grid-template-columns:minmax(0,1fr) auto auto auto auto!important}.chat-composer button[type=submit]{grid-column:auto!important;width:auto!important}}
@media(max-width:560px){.chat-room-card{height:calc(100dvh - 118px)!important;min-height:520px!important}.modern-chat-head{padding:10px!important}.modern-chat-head h2{font-size:19px!important}.chat-avatar{width:40px!important;height:40px!important}.msg-avatar-wrap{flex-basis:40px!important}.msg-bubble{padding:10px 11px!important}.msg-text{font-size:14px}.chat-composer{grid-template-columns:1fr auto auto!important}.chat-composer input#chatInput{grid-column:1/-1}.chat-composer button[type=submit]{grid-column:1/-1;width:100%!important}.gender-icon{width:20px;height:20px;font-size:12px}}

/* Update: breiter Chatverlauf + eleganter persistenter Radio-Player */
body:has(.chat-app-shell) .page{max-width:1860px!important;padding-left:8px!important;padding-right:8px!important}.modern-chat-layout{grid-template-columns:240px minmax(0,1fr) 255px!important;gap:14px!important}.chat-app-shell{height:calc(100dvh - 72px)!important}.chat-room-card{min-width:0!important}.msg-bubble{max-width:min(1220px,90%)!important}.chat-box{min-height:0!important}.radio-player-pro{max-width:1860px!important;margin:8px auto 0!important;grid-template-columns:auto minmax(190px,1fr) minmax(420px,620px)!important;border-radius:22px!important;background:linear-gradient(135deg,#123b72 0%,#2f80ff 58%,#ff8a3d 100%)!important}.radio-controls-pro{display:grid;grid-template-columns:minmax(260px,1fr) auto;gap:10px;align-items:center;position:relative;z-index:1}.radio-popout{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:14px;padding:11px 13px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:900;font-size:13px}.radio-popout:hover{background:rgba(255,255,255,.24)}.radio-popout-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eff6ff,#fff7ed);padding:18px}.radio-popout-card{width:min(100%,390px);background:rgba(255,255,255,.9);border:1px solid rgba(47,128,255,.16);border-radius:28px;padding:24px;box-shadow:0 24px 70px rgba(15,23,42,.16);text-align:center}.radio-popout-card h1{margin:12px 0 4px;font-size:25px;letter-spacing:-.04em}.radio-popout-card p{margin:0 0 18px;color:#64748b}.radio-popout-card audio{width:100%}.radio-popout-card small{display:block;margin-top:14px;color:#64748b}.radio-orb.big{width:70px;height:70px;margin:0 auto;border-radius:24px;background:linear-gradient(135deg,#2f80ff,#ff8a3d);color:#fff}
@media(max-width:1180px){.modern-chat-layout{grid-template-columns:220px minmax(0,1fr) 235px!important}.msg-bubble{max-width:calc(100% - 58px)!important}.radio-player-pro{grid-template-columns:auto 1fr!important}.radio-controls-pro{grid-column:1/-1}}
@media(max-width:980px){.modern-chat-layout{grid-template-columns:1fr!important}.chat-app-shell{height:calc(100dvh - 70px)!important}.radio-player-pro{margin:7px!important}.radio-controls-pro{grid-template-columns:1fr}.radio-popout{width:100%}}


/* Update: breiterer statischer Chat + schnellere Präsenz + Radio-Name */
body.chat-page-static{height:100dvh;overflow:hidden;}
body.chat-page-static .topbar{height:58px;}
body.chat-page-static .radio-player-pro{margin:6px 8px 0!important;padding:8px 12px!important;min-height:58px!important;}
body.chat-page-static .radio-orb{width:42px!important;height:42px!important;border-radius:15px!important;font-size:22px!important;}
body.chat-page-static .radio-copy strong{font-size:15px!important;}
body.chat-page-static .radio-copy small{font-size:12px!important;}
body.chat-page-static .radio-player-pro audio{height:36px!important;}
body.chat-page-static .page{height:calc(100dvh - 64px);max-width:1920px!important;margin:0 auto!important;padding:6px 8px 8px!important;overflow:hidden;}
body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 130px);}
body.chat-page-static .site-footer{display:none;}
body.chat-page-static .chat-app-shell{height:100%!important;min-height:0!important;display:flex;flex-direction:column;}
body.chat-page-static .modern-chat-layout{height:100%!important;min-height:0!important;grid-template-columns:210px minmax(0,1fr) 225px!important;gap:10px!important;}
body.chat-page-static .chat-room-card{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:12px!important;border-radius:24px!important;}
body.chat-page-static .modern-chat-head{flex:0 0 auto;margin-bottom:8px!important;padding:10px 12px!important;border-radius:18px!important;}
body.chat-page-static .modern-chat-head h2{font-size:20px!important;margin:0!important;}
body.chat-page-static .modern-chat-head p{font-size:13px!important;margin:2px 0 0!important;}
body.chat-page-static .chat-box{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-y:auto!important;padding:15px!important;border-radius:22px!important;}
body.chat-page-static .chat-composer{flex:0 0 auto!important;margin-top:8px!important;padding:9px!important;border-radius:20px!important;}
body.chat-page-static .chat-composer input#chatInput{padding:12px 14px!important;}
body.chat-page-static .chat-sidebar{height:100%!important;min-height:0!important;overflow:auto!important;padding:12px!important;border-radius:24px!important;}
body.chat-page-static .chat-sidebar h3{position:sticky;top:0;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);z-index:2;margin:-4px -4px 8px;padding:7px 4px;border-radius:14px;}
body.chat-page-static .room-link{display:flex!important;justify-content:space-between!important;align-items:center!important;margin:6px 0!important;padding:10px 11px!important;border-radius:15px!important;}
body.chat-page-static .room-link.active{outline:2px solid rgba(47,128,255,.22);background:linear-gradient(135deg,#eaf3ff,#fff3e8)!important;}
body.chat-page-static .msg-bubble{max-width:min(1360px,93%)!important;}
body.chat-page-static .modern-msg{margin-bottom:11px!important;}
body.chat-page-static .chat-avatar{width:46px!important;height:46px!important;}
body.chat-page-static .msg-avatar-wrap{flex-basis:46px!important;}
body.chat-page-static .msg-text{font-size:15px!important;}
@media(max-width:980px){
  body.chat-page-static{overflow:hidden;}
  body.chat-page-static .page{height:calc(100dvh - 58px)!important;padding:5px!important;}
  body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 122px)!important;}
  body.chat-page-static .chat-mobile-bar{display:flex!important;flex:0 0 auto;margin-bottom:6px;}
  body.chat-page-static .modern-chat-layout{grid-template-columns:1fr!important;height:100%!important;}
  body.chat-page-static .chat-room-card{height:100%!important;min-height:0!important;}
  body.chat-page-static .chat-sidebar{position:fixed!important;left:-310px;top:65px;bottom:10px;width:300px;height:auto!important;z-index:70;transition:left .22s ease;box-shadow:20px 0 55px rgba(15,23,42,.22);}
  body.chat-side-open .chat-sidebar{left:8px;}
  body.chat-page-static .chat-users-panel{left:auto!important;right:-310px;}
  body.chat-side-open .chat-users-panel{right:8px;}
  body.chat-page-static .chat-side-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.28);z-index:65;}
  body.chat-side-open .chat-side-backdrop{display:block;}
}


/* Chat wide layout fix: Räume + Onlineliste links, maximal breiter Verlauf */
body.chat-page-static .modern-chat-layout.chat-layout-wide,
.modern-chat-layout.chat-layout-wide{
  grid-template-columns:260px minmax(0,1fr)!important;
  gap:10px!important;
  width:100%!important;
}
body.chat-page-static .chat-combined-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  min-width:0!important;
  overflow:hidden!important;
}
body.chat-page-static .chat-side-section{
  min-height:0!important;
  overflow:auto!important;
}
body.chat-page-static .chat-side-section:first-child{
  flex:0 0 auto!important;
  max-height:42%!important;
}
body.chat-page-static .chat-users-section{
  flex:1 1 auto!important;
}
body.chat-page-static .chat-room-card{
  width:100%!important;
  max-width:none!important;
}
body.chat-page-static .chat-box{
  width:100%!important;
  max-width:none!important;
}
body.chat-page-static .msg-bubble{
  max-width:min(1580px,96%)!important;
}
body.chat-page-static .modern-msg{
  max-width:100%!important;
}
body.chat-page-static .chat-sidebar h3{
  margin:0 0 8px!important;
}
body.chat-page-static .online-user{
  padding:8px 9px!important;
  border-radius:14px!important;
}
body.chat-page-static .room-link{
  font-size:14px!important;
}
@media(max-width:1180px){
  body.chat-page-static .modern-chat-layout.chat-layout-wide,
  .modern-chat-layout.chat-layout-wide{grid-template-columns:230px minmax(0,1fr)!important;}
}
@media(max-width:980px){
  body.chat-page-static .modern-chat-layout.chat-layout-wide,
  .modern-chat-layout.chat-layout-wide{grid-template-columns:1fr!important;}
  body.chat-page-static .chat-combined-panel{position:fixed!important;left:-320px;top:65px;bottom:10px;width:305px;height:auto!important;z-index:70;transition:left .22s ease;box-shadow:20px 0 55px rgba(15,23,42,.22);overflow:auto!important;}
  body.chat-side-open .chat-combined-panel{left:8px!important;}
}


/* Patch: Username im Chat sichtbar + feste obere Hamburger-Navi */
.msg-meta{display:flex!important;align-items:center!important;gap:7px!important;flex-wrap:wrap!important;}
.msg-name{display:inline-flex!important;visibility:visible!important;opacity:1!important;color:#123b72!important;font-weight:950!important;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.modern-msg.own-message .msg-name{color:#0f62d8!important;}
.modern-msg.own-message .msg-bubble{background:linear-gradient(135deg,#eef6ff,#ffffff)!important;border-color:rgba(47,128,255,.22)!important;}
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:120!important;height:62px!important;}
.hamburgerTop{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:130!important;min-width:46px!important;height:42px!important;font-size:22px!important;}
body{padding-top:62px!important;}
body.chat-page-static{padding-top:0!important;}
body.chat-page-static .topbar{position:fixed!important;height:58px!important;}
body.chat-page-static .page{margin-top:58px!important;height:calc(100dvh - 122px)!important;}
body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 188px)!important;}
.navHandle{display:none!important;}
.sidenav{z-index:140!important;}
.nav-overlay.show{z-index:135!important;}
@media(max-width:980px){
  .msg-name{max-width:180px;}
  body.chat-page-static .page{margin-top:58px!important;height:calc(100dvh - 116px)!important;}
}


/* Guest entry + player/header spacing fix */
.guest-entry-wrap{min-height:calc(100dvh - 110px);display:grid;place-items:center;padding:24px 12px;background:radial-gradient(circle at top left,rgba(47,128,255,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(255,138,61,.16),transparent 32%)}
.guest-entry-card{width:min(100%,620px);border-radius:30px;padding:28px;box-shadow:0 28px 80px rgba(30,64,175,.12)}
.guest-entry-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.guest-entry-head h1{margin:0 0 6px;font-size:30px;letter-spacing:-.04em}.guest-entry-icon{width:58px;height:58px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#2f80ff,#ff8a3d);color:white;font-size:28px;box-shadow:0 18px 34px rgba(47,128,255,.24)}
.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:16px;padding:12px 14px;margin:12px 0;font-weight:700}
body.chat-page-static .radio-player-pro{position:relative!important;z-index:40!important;margin-top:66px!important;}
body.chat-page-static .topbar + .radio-player-pro{margin-top:66px!important;}
body.chat-page-static:has(.radio-player-pro) .page{margin-top:0!important;height:calc(100dvh - 138px)!important;}
body.chat-page-static:not(:has(.radio-player-pro)) .page{margin-top:58px!important;height:calc(100dvh - 58px)!important;}
@media(max-width:980px){.form-grid-2{grid-template-columns:1fr}.guest-entry-card{padding:22px}.guest-entry-head h1{font-size:25px}body.chat-page-static .radio-player-pro{margin-top:62px!important}body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 132px)!important}}

/* YouTube + Alter/Geschlecht Anzeige Update */
.youtube-embed{position:relative;width:100%;max-width:680px;aspect-ratio:16/9;margin:12px 0;border-radius:18px;overflow:hidden;background:#0f172a;box-shadow:0 16px 40px rgba(15,23,42,.16)}
.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.msg-bubble .youtube-embed{max-width:560px;margin-top:10px;border-radius:16px}
.age-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:22px;padding:0 8px;margin-left:6px;border-radius:999px;background:linear-gradient(135deg,#e0f2fe,#fff7ed);border:1px solid rgba(24,119,242,.18);color:#0f3a67;font-size:12px;font-weight:800;vertical-align:middle}
.online-user .age-badge{height:20px;min-width:24px;font-size:11px;padding:0 6px;margin-left:auto}
.admin-filter-form textarea{min-height:160px;font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;line-height:1.5}
.success-card{border:1px solid rgba(22,163,74,.22);background:#f0fdf4;color:#14532d}


/* Ghostmodus Teamfunktion */
.ghost-mode-card{margin-top:16px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#fff7ed);border:1px solid rgba(24,119,242,.14);box-shadow:0 10px 26px rgba(15,23,42,.06)}
.ghost-title{font-weight:800;margin-bottom:6px;color:#0f172a}.ghost-mode-card .btn{width:100%;margin-top:8px}.btn.danger{background:#fee2e2;color:#991b1b;border-color:#fecaca}.ghost-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;border-radius:999px;background:#f3e8ff;color:#6b21a8;font-size:11px;font-weight:800;border:1px solid #e9d5ff}.online-user .ghost-badge{font-size:10px;padding:1px 6px}

/* Final Mobile UX + Login/Navigation Fix */
:root{--mobile-blue:#2f80ff;--mobile-orange:#ff8a3d;--mobile-ink:#102033;--mobile-soft:#f3f8ff;}
.public-login-page .radio-player-pro{display:none!important;}
.public-login-page .page{min-height:calc(100dvh - 120px);}
.register-wrap{min-height:calc(100dvh - 120px);display:grid;place-items:center;padding:22px 12px;background:radial-gradient(circle at 10% 0%,rgba(47,128,255,.14),transparent 34%),radial-gradient(circle at 90% 100%,rgba(255,138,61,.16),transparent 30%)}
.register-card{width:min(100%,560px);border-radius:30px;padding:30px;}
.success-hero{text-align:center;padding:16px 8px}.success-icon{width:76px;height:76px;border-radius:28px;margin:0 auto 16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--mobile-blue),var(--mobile-orange));color:white;font-size:42px;font-weight:900;box-shadow:0 24px 52px rgba(47,128,255,.28)}.success-hero h1{font-size:34px;margin:0 0 8px}.auth-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.small-note{font-size:13px;margin-top:14px}
.sidenav{pointer-events:auto!important;z-index:1005!important}.sidenav.open{left:0!important}.sidenav a,.sidenav button{pointer-events:auto!important;position:relative;z-index:1007!important}.nav-overlay.show{z-index:1000!important}.topbar{z-index:990!important}.hamburgerTop{position:relative;z-index:995!important}.closeNav{position:relative;z-index:1008!important}
.mobile-bottom-nav{display:none;position:fixed;left:10px;right:10px;bottom:10px;z-index:920;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border:1px solid rgba(47,128,255,.16);box-shadow:0 18px 55px rgba(16,32,51,.16);border-radius:24px;padding:7px;gap:5px;justify-content:space-around}.mobile-bottom-nav a{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:18px;padding:8px 4px;color:#1f344d;font-weight:800;font-size:18px}.mobile-bottom-nav a span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{background:linear-gradient(135deg,#eaf3ff,#fff4ec);color:#0f3a67}.mobile-bottom-nav .nav-badge{position:absolute;margin-left:24px;margin-top:-28px}
@media(max-width:900px){
  body{padding-bottom:76px!important;}
  body.public-login-page{padding-bottom:0!important;}
  .mobile-bottom-nav{display:flex;}
  .topbar{height:60px!important;padding:0 10px!important;}
  .brand span{font-size:16px!important;max-width:42vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .top-actions .logout-btn{padding:9px 10px!important;font-size:0!important;}
  .top-actions .logout-btn::after{content:'⏻';font-size:18px;}
  .top-actions a:not(.logout-btn):not(.top-icon){font-size:0!important;}
  .top-actions .mini-avatar{width:34px!important;height:34px!important;}
  .page{margin:8px auto!important;padding:0 8px!important;}
  .landing{grid-template-columns:1fr!important;gap:14px!important;align-items:start!important;min-height:auto!important;padding-top:12px;}
  .hero,.landing .card{border-radius:26px;background:rgba(255,255,255,.9);border:1px solid rgba(47,128,255,.12);box-shadow:0 18px 45px rgba(16,32,51,.08);padding:20px;}
  .hero h1{font-size:32px!important;letter-spacing:-.04em;}
  .hero p{font-size:15px!important;}
  .landing-feature-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;}
  .landing-feature-grid>div{background:linear-gradient(135deg,#f3f8ff,#fff7f0);border:1px solid rgba(47,128,255,.12);border-radius:18px;padding:14px;}
  .btn,button{min-height:44px;border-radius:15px;}
  input,select,textarea{min-height:44px;border-radius:15px!important;}
  .sidenav{width:min(86vw,340px)!important;left:calc(-1 * min(86vw,340px))!important;padding:20px!important;border-radius:0 28px 28px 0;}
  .sidenav.open{left:0!important;}
  .sidenav a{padding:15px 14px!important;font-size:16px;margin:8px 0!important;}
}
@media(max-width:980px){
  body.chat-page-static{padding-bottom:0!important;}
  body.chat-page-static .mobile-bottom-nav{display:none!important;}
  body.chat-page-static .chat-app-shell{height:calc(100dvh - 66px)!important;}
  body.chat-page-static .chat-room-card{border-radius:22px!important;}
  body.chat-page-static .chat-composer{position:sticky!important;bottom:0!important;box-shadow:0 -14px 36px rgba(16,32,51,.10)!important;}
}

/* Patch: Profil-Statusfeld entfernt + klickbare Top-Navigation */
.hamburgerTop{pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;color:#fff!important;border:0!important;border-radius:15px!important;box-shadow:0 10px 24px rgba(47,128,255,.22)!important;}
.topbar{pointer-events:auto!important;}
.sidenav{pointer-events:auto!important;visibility:visible!important;}
.sidenav.open{transform:none!important;left:0!important;}
.nav-overlay{pointer-events:none!important;opacity:0;transition:.2s;}
.nav-overlay.show{pointer-events:auto!important;display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.36)!important;opacity:1!important;}
#sideNav a{cursor:pointer!important;}
.profile-edit-card input[name="status_text"]{display:none!important;}

/* Final Patch: Hamburger anklickbar + breitere Chat-Onlineliste + sichtbare User-Icons */
.topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:5000!important;pointer-events:auto!important;}
.hamburgerTop{display:inline-flex!important;align-items:center!important;justify-content:center!important;position:relative!important;z-index:5010!important;pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;border:1px solid rgba(47,128,255,.20)!important;background:linear-gradient(135deg,#ffffff,#eef6ff)!important;color:#123b72!important;box-shadow:0 10px 28px rgba(24,119,242,.13)!important;border-radius:15px!important;}
.hamburgerTop:hover{background:linear-gradient(135deg,#eaf3ff,#fff7ef)!important;color:#0d4ca6!important;}
.sidenav{z-index:6000!important;pointer-events:auto!important;}
.sidenav.open{left:0!important;transform:none!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;}
.sidenav a,.sidenav button,.closeNav{pointer-events:auto!important;cursor:pointer!important;}
.nav-overlay{pointer-events:none!important;}
.nav-overlay.show{z-index:5500!important;pointer-events:auto!important;}
.navHandle{display:none!important;}

body.chat-page-static .modern-chat-layout.chat-layout-wide,
.modern-chat-layout.chat-layout-wide{grid-template-columns:390px minmax(0,1fr)!important;gap:16px!important;}
body.chat-page-static .chat-combined-panel{width:390px!important;min-width:390px!important;max-width:390px!important;overflow:visible!important;}
body.chat-page-static .chat-users-section{overflow:auto!important;padding-right:2px!important;}
body.chat-page-static .online-user,
.online-user{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;width:100%!important;overflow:visible!important;white-space:nowrap!important;padding:9px 10px!important;}
.online-user .mini-avatar{flex:0 0 34px!important;width:34px!important;height:34px!important;}
.online-user a{flex:1 1 auto!important;min-width:80px!important;max-width:none!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:850!important;}
.online-user .gender-icon,
.online-user .age-badge,
.online-user .team-wappen,
.online-user .ghost-badge{flex:0 0 auto!important;margin-left:0!important;white-space:nowrap!important;display:inline-flex!important;visibility:visible!important;opacity:1!important;}
.online-user .team-wappen{min-width:max-content!important;}
body.chat-page-static .chat-room-card{min-width:0!important;}
body.chat-page-static .msg-bubble{max-width:min(1700px,97%)!important;}
.like-hover-list{cursor:help;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px;}
.admin-user-inline-form{display:grid;grid-template-columns:minmax(160px,1fr) minmax(150px,1fr) auto minmax(140px,auto) auto auto;gap:10px;align-items:end;margin:0;}
.admin-user-inline-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:800;color:#64748b;}
.admin-user-inline-form select{min-height:40px;border-radius:12px;border:1px solid #dbe7f7;padding:8px 10px;background:#fff;}
.admin-user-inline-form .checkline{flex-direction:row;align-items:center;gap:7px;color:#102033;font-size:13px;padding-bottom:10px;}
.user-state-pill{align-self:center;padding:8px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:800;}
.table-responsive{overflow:auto;width:100%;}
@media(max-width:1180px){
  body.chat-page-static .modern-chat-layout.chat-layout-wide,
  .modern-chat-layout.chat-layout-wide{grid-template-columns:340px minmax(0,1fr)!important;}
  body.chat-page-static .chat-combined-panel{width:340px!important;min-width:340px!important;max-width:340px!important;}
}
@media(max-width:980px){
  body.chat-page-static .modern-chat-layout.chat-layout-wide,
  .modern-chat-layout.chat-layout-wide{grid-template-columns:1fr!important;}
  body.chat-page-static .chat-combined-panel{width:330px!important;min-width:0!important;max-width:calc(100vw - 18px)!important;left:-360px!important;}
  body.chat-side-open .chat-combined-panel{left:8px!important;}
  .admin-user-inline-form{grid-template-columns:1fr!important;align-items:stretch;}
}

/* Mobile Chat UX Update: App-Feeling, bessere Touchflächen, kein Gedränge */
@media(max-width:980px){
  body.chat-page-static{background:#eef6ff!important;overflow:hidden!important;padding-top:0!important;}
  body.chat-page-static .topbar{height:56px!important;background:rgba(255,255,255,.96)!important;border-bottom:1px solid rgba(47,128,255,.14)!important;}
  body.chat-page-static .radio-player-pro{margin-top:58px!important;margin-left:6px!important;margin-right:6px!important;border-radius:18px!important;min-height:50px!important;padding:7px 9px!important;}
  body.chat-page-static .radio-player-pro audio{height:32px!important;}
  body.chat-page-static .radio-copy small{display:none!important;}
  body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 116px)!important;margin-top:0!important;padding:5px!important;}
  body.chat-page-static:not(:has(.radio-player-pro)) .page{height:calc(100dvh - 56px)!important;margin-top:56px!important;padding:5px!important;}
  body.chat-page-static .chat-app-shell{height:100%!important;min-height:0!important;border-radius:0!important;}
  body.chat-page-static .chat-mobile-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;margin:0 0 5px!important;padding:9px 10px!important;border-radius:18px!important;background:linear-gradient(135deg,#ffffff,#f3f8ff)!important;border:1px solid rgba(47,128,255,.14)!important;box-shadow:0 10px 26px rgba(16,32,51,.08)!important;}
  body.chat-page-static .chat-mobile-bar strong{font-size:16px!important;max-width:54vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.chat-page-static .chat-menu-btn,
  body.chat-page-static .chat-menu-inline{min-width:44px!important;min-height:42px!important;border-radius:15px!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;color:#fff!important;box-shadow:0 10px 22px rgba(47,128,255,.20)!important;}
  body.chat-page-static .modern-chat-layout.chat-layout-wide{height:calc(100% - 54px)!important;display:grid!important;grid-template-columns:1fr!important;gap:0!important;}
  body.chat-page-static .modern-chat-room{height:100%!important;min-height:0!important;border-radius:22px!important;padding:8px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 16px 44px rgba(16,32,51,.10)!important;}
  body.chat-page-static .modern-chat-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 7px!important;padding:9px 10px!important;border-radius:17px!important;background:linear-gradient(135deg,#f4f9ff,#fff7ef)!important;}
  body.chat-page-static .modern-chat-head h2{font-size:17px!important;margin:0!important;}
  body.chat-page-static .modern-chat-head p{display:none!important;}
  body.chat-page-static .chat-box{flex:1 1 auto!important;height:auto!important;min-height:0!important;padding:10px 8px 86px!important;border-radius:18px!important;background:linear-gradient(180deg,#f7fbff,#fff)!important;scroll-padding-bottom:90px!important;}
  body.chat-page-static .modern-msg{gap:8px!important;margin-bottom:9px!important;align-items:flex-end!important;}
  body.chat-page-static .chat-avatar{width:34px!important;height:34px!important;border-width:2px!important;}
  body.chat-page-static .msg-avatar-wrap{flex:0 0 34px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 66px)!important;border-radius:18px 18px 18px 7px!important;padding:9px 11px!important;box-shadow:0 8px 22px rgba(16,32,51,.08)!important;}
  body.chat-page-static .msg-meta{gap:5px!important;}
  body.chat-page-static .msg-name{font-size:13px!important;max-width:145px!important;}
  body.chat-page-static .msg-time{font-size:11px!important;}
  body.chat-page-static .msg-text{font-size:14px!important;line-height:1.45!important;word-break:break-word!important;}
  body.chat-page-static .chat-media,
  body.chat-page-static .msg-bubble .media{max-width:100%!important;max-height:220px!important;border-radius:14px!important;}
  body.chat-page-static .msg-bubble .youtube-embed{max-width:100%!important;border-radius:14px!important;}
  body.chat-page-static .chat-composer{position:absolute!important;left:8px!important;right:8px!important;bottom:8px!important;z-index:45!important;display:grid!important;grid-template-columns:1fr 44px 44px 54px!important;gap:7px!important;margin:0!important;padding:8px!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;box-shadow:0 -12px 42px rgba(16,32,51,.16)!important;border:1px solid rgba(47,128,255,.16)!important;}
  body.chat-page-static .chat-composer input#chatInput{grid-column:1/-1!important;margin:0!important;min-height:46px!important;border-radius:18px!important;font-size:15px!important;background:#f6faff!important;}
  body.chat-page-static .chat-composer .icon-upload,
  body.chat-page-static .chat-composer button{min-width:44px!important;min-height:42px!important;margin:0!important;padding:0 10px!important;border-radius:16px!important;font-size:14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.chat-page-static .chat-composer button[type=submit]{width:auto!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;font-size:0!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{content:'➤';font-size:20px;line-height:1;}
  body.chat-page-static .emoji-bar{position:absolute!important;left:8px!important;right:8px!important;bottom:72px!important;z-index:46!important;max-height:112px!important;overflow:auto!important;border-radius:18px!important;background:#fff!important;box-shadow:0 16px 44px rgba(16,32,51,.16)!important;}
  body.chat-page-static .selected-gif{position:absolute!important;left:8px!important;right:8px!important;bottom:72px!important;z-index:46!important;background:#fff!important;box-shadow:0 16px 44px rgba(16,32,51,.16)!important;}
  body.chat-page-static .chat-combined-panel{position:fixed!important;top:62px!important;bottom:8px!important;left:-92vw!important;width:min(88vw,360px)!important;max-width:min(88vw,360px)!important;min-width:0!important;z-index:6100!important;border-radius:0 26px 26px 0!important;background:rgba(255,255,255,.98)!important;box-shadow:24px 0 70px rgba(15,23,42,.25)!important;padding:14px!important;transition:left .24s ease!important;overflow:auto!important;}
  body.chat-side-open .chat-combined-panel{left:0!important;}
  body.chat-page-static .chat-side-backdrop{display:none;position:fixed!important;inset:0!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(3px)!important;z-index:6050!important;}
  body.chat-side-open .chat-side-backdrop{display:block!important;}
  body.chat-page-static .room-link{min-height:44px!important;border-radius:16px!important;font-size:15px!important;}
  body.chat-page-static .online-user{min-height:46px!important;border-radius:16px!important;padding:8px!important;}
  body.chat-page-static .online-user a{font-size:14px!important;}
}
@media(max-width:420px){
  body.chat-page-static .msg-name{max-width:112px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 58px)!important;}
  body.chat-page-static .chat-avatar{width:30px!important;height:30px!important;}
  body.chat-page-static .msg-avatar-wrap{flex-basis:30px!important;}
  body.chat-page-static .chat-composer{grid-template-columns:1fr 40px 40px 50px!important;}
}

/* Patch: Mobile Chat groß und lesbar */
@media(max-width:980px){
  body.chat-page-static{background:#eef6ff!important;overflow:hidden!important;}
  body.chat-page-static .page{padding:6px!important;}
  body.chat-page-static:has(.radio-player-pro) .page{height:calc(100dvh - 112px)!important;}
  body.chat-page-static:not(:has(.radio-player-pro)) .page{height:calc(100dvh - 56px)!important;}
  body.chat-page-static .chat-mobile-bar{min-height:52px!important;padding:11px 12px!important;border-radius:20px!important;}
  body.chat-page-static .chat-mobile-bar strong{font-size:19px!important;line-height:1.2!important;}
  body.chat-page-static .chat-menu-btn,
  body.chat-page-static .chat-menu-inline{min-width:52px!important;min-height:50px!important;font-size:20px!important;border-radius:17px!important;}
  body.chat-page-static .modern-chat-layout.chat-layout-wide{height:calc(100% - 58px)!important;}
  body.chat-page-static .modern-chat-room{padding:10px!important;border-radius:24px!important;}
  body.chat-page-static .modern-chat-head{padding:12px!important;margin-bottom:8px!important;border-radius:19px!important;}
  body.chat-page-static .modern-chat-head h2{font-size:20px!important;}
  body.chat-page-static .chat-box{padding:12px 10px 126px!important;border-radius:20px!important;}
  body.chat-page-static .modern-msg{gap:10px!important;margin-bottom:13px!important;align-items:flex-end!important;}
  body.chat-page-static .chat-avatar{width:44px!important;height:44px!important;min-width:44px!important;}
  body.chat-page-static .msg-avatar-wrap{flex:0 0 44px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 78px)!important;padding:13px 14px!important;border-radius:20px 20px 20px 8px!important;}
  body.chat-page-static .msg-name{font-size:15px!important;max-width:180px!important;}
  body.chat-page-static .msg-time{font-size:12px!important;}
  body.chat-page-static .msg-text{font-size:17px!important;line-height:1.55!important;}
  body.chat-page-static .msg-meta .gender-icon{width:23px!important;height:23px!important;font-size:13px!important;}
  body.chat-page-static .chat-media,
  body.chat-page-static .msg-bubble .media{max-height:300px!important;border-radius:16px!important;}
  body.chat-page-static .chat-composer{left:8px!important;right:8px!important;bottom:8px!important;padding:10px!important;border-radius:24px!important;grid-template-columns:1fr 52px 52px 62px!important;gap:8px!important;}
  body.chat-page-static .chat-composer input#chatInput{min-height:58px!important;padding:16px 17px!important;font-size:18px!important;border-radius:20px!important;}
  body.chat-page-static .chat-composer .icon-upload,
  body.chat-page-static .chat-composer button{min-width:52px!important;min-height:50px!important;font-size:18px!important;border-radius:18px!important;padding:0 12px!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{font-size:24px!important;}
  body.chat-page-static .emoji-bar,
  body.chat-page-static .selected-gif{bottom:92px!important;max-height:160px!important;}
  body.chat-page-static .emoji-bar button{min-width:46px!important;min-height:42px!important;font-size:22px!important;}
  body.chat-page-static .chat-combined-panel{top:62px!important;width:min(92vw,390px)!important;max-width:min(92vw,390px)!important;padding:16px!important;}
  body.chat-page-static .room-link{min-height:52px!important;font-size:17px!important;padding:12px!important;}
  body.chat-page-static .online-user{min-height:56px!important;font-size:16px!important;padding:10px!important;}
  body.chat-page-static .online-user .mini-avatar{width:40px!important;height:40px!important;flex-basis:40px!important;}
  body.chat-page-static .online-user a{font-size:16px!important;min-width:0!important;}
  body.chat-page-static .online-user .gender-icon,
  body.chat-page-static .online-user .age-badge{transform:scale(1.08);}
}
@media(max-width:420px){
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 70px)!important;}
  body.chat-page-static .chat-avatar{width:40px!important;height:40px!important;min-width:40px!important;}
  body.chat-page-static .msg-avatar-wrap{flex-basis:40px!important;}
  body.chat-page-static .msg-name{max-width:145px!important;}
  body.chat-page-static .msg-text{font-size:16.5px!important;}
  body.chat-page-static .chat-composer{grid-template-columns:1fr 48px 48px 58px!important;}
  body.chat-page-static .chat-composer input#chatInput{font-size:17px!important;}
}

/* FINAL PATCH: Mobile Chat lesbar + Formular unten + Bottom-Navi zurück */
@media (max-width: 980px){
  body.chat-page-static{
    overflow:hidden!important;
    background:#eef6ff!important;
  }
  body.chat-page-static .topbar{
    height:54px!important;
    min-height:54px!important;
    z-index:9000!important;
  }
  /* Radio im mobilen Chat nur als kompakte Leiste, damit der Chat Platz bekommt */
  body.chat-page-static .radio-player-pro{
    position:fixed!important;
    top:56px!important;
    left:8px!important;
    right:8px!important;
    z-index:120!important;
    min-height:42px!important;
    padding:6px 10px!important;
    margin:0!important;
    border-radius:16px!important;
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  body.chat-page-static .radio-player-pro .radio-orb{width:30px!important;height:30px!important;min-width:30px!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{font-size:13px!important;line-height:1!important;}
  body.chat-page-static .radio-player-pro .radio-copy small{display:none!important;}
  body.chat-page-static .radio-player-pro audio{display:none!important;}
  body.chat-page-static .radio-player-pro .radio-popout{font-size:12px!important;padding:6px 8px!important;margin-left:auto!important;}

  body.chat-page-static .page{
    margin:0!important;
    padding:0!important;
    height:100dvh!important;
    max-height:100dvh!important;
    overflow:hidden!important;
  }
  body.chat-page-static:has(.radio-player-pro) .page,
  body.chat-page-static:not(:has(.radio-player-pro)) .page{
    height:100dvh!important;
    padding:0!important;
    margin:0!important;
  }
  body.chat-page-static .chat-app-shell{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:104px!important;
    bottom:78px!important;
    height:auto!important;
    min-height:0!important;
    padding:0 8px!important;
    display:flex!important;
    flex-direction:column!important;
    z-index:50!important;
  }
  body.chat-page-static:not(:has(.radio-player-pro)) .chat-app-shell{top:58px!important;}

  body.chat-page-static .chat-mobile-bar{
    flex:0 0 50px!important;
    min-height:50px!important;
    margin:0 0 6px!important;
    padding:8px 10px!important;
    border-radius:18px!important;
    background:linear-gradient(135deg,#ffffff,#eef6ff)!important;
    border:1px solid rgba(47,128,255,.18)!important;
    box-shadow:0 8px 20px rgba(16,32,51,.08)!important;
  }
  body.chat-page-static .chat-mobile-bar strong{font-size:18px!important;}

  body.chat-page-static .modern-chat-layout.chat-layout-wide{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
  }
  /* Räume/User nicht mehr vor dem Chat anzeigen, sondern nur als Panel */
  body.chat-page-static .chat-combined-panel{
    display:none!important;
    position:fixed!important;
    top:58px!important;
    bottom:78px!important;
    left:8px!important;
    width:min(92vw,390px)!important;
    max-width:min(92vw,390px)!important;
    min-width:0!important;
    z-index:6100!important;
    border-radius:22px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 24px 70px rgba(15,23,42,.28)!important;
    overflow:auto!important;
    padding:14px!important;
  }
  body.chat-side-open .chat-combined-panel{display:block!important;}
  body.chat-page-static .chat-side-backdrop{display:none!important;}
  body.chat-side-open .chat-side-backdrop{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:6050!important;
    background:rgba(15,23,42,.42)!important;
    backdrop-filter:blur(3px)!important;
  }

  body.chat-page-static .modern-chat-room{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
    border-radius:22px!important;
    overflow:hidden!important;
    background:rgba(255,255,255,.96)!important;
  }
  body.chat-page-static .modern-chat-head{
    flex:0 0 auto!important;
    padding:8px 10px!important;
    margin:0 0 6px!important;
    border-radius:16px!important;
  }
  body.chat-page-static .modern-chat-head h2{font-size:18px!important;}
  body.chat-page-static .modern-chat-head p{display:none!important;}

  body.chat-page-static .chat-box{
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:12px 10px 118px!important;
    border-radius:18px!important;
    background:#f7fbff!important;
  }
  body.chat-page-static .modern-msg{margin-bottom:12px!important;gap:9px!important;align-items:flex-end!important;}
  body.chat-page-static .chat-avatar{width:40px!important;height:40px!important;min-width:40px!important;}
  body.chat-page-static .msg-avatar-wrap{flex:0 0 40px!important;}
  body.chat-page-static .msg-bubble{
    max-width:calc(100vw - 74px)!important;
    padding:12px 13px!important;
    border-radius:20px 20px 20px 8px!important;
  }
  body.chat-page-static .msg-name{font-size:15px!important;max-width:165px!important;}
  body.chat-page-static .msg-text{font-size:16.5px!important;line-height:1.5!important;color:#102033!important;}

  /* Eingabe immer unten, groß und gut erreichbar */
  body.chat-page-static .chat-composer{
    position:absolute!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:140!important;
    display:grid!important;
    grid-template-columns:1fr 48px 48px 58px!important;
    gap:7px!important;
    padding:9px!important;
    margin:0!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(47,128,255,.18)!important;
    box-shadow:0 -14px 42px rgba(16,32,51,.18)!important;
  }
  body.chat-page-static .chat-composer input#chatInput{
    grid-column:1 / -1!important;
    min-height:56px!important;
    padding:15px 16px!important;
    font-size:17px!important;
    border-radius:20px!important;
    background:#f6faff!important;
    color:#102033!important;
  }
  body.chat-page-static .chat-composer .icon-upload,
  body.chat-page-static .chat-composer button{
    min-width:48px!important;
    min-height:46px!important;
    font-size:17px!important;
    border-radius:17px!important;
    padding:0 10px!important;
  }
  body.chat-page-static .chat-composer button[type=submit]{font-size:0!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;color:#fff!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{content:'➤';font-size:23px!important;}
  body.chat-page-static .emoji-bar,
  body.chat-page-static .selected-gif{bottom:88px!important;left:8px!important;right:8px!important;z-index:150!important;}

  /* Bottom-Navigation im Chat wieder sichtbar */
  body.chat-page-static .mobile-bottom-nav{
    display:flex!important;
    position:fixed!important;
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    z-index:1000!important;
    height:58px!important;
    border-radius:22px!important;
  }
}

/* PATCH 2026-05-18: Mobile Chat wirklich lesbar – Verlauf bis zum Formular, Formular unten, Bottom-Navi unten */
@media (max-width: 980px){
  html, body.chat-page-static{height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;background:#eef6ff!important;}
  body.chat-page-static .site-footer{display:none!important;}
  body.chat-page-static .topbar{position:fixed!important;top:0!important;left:0!important;right:0!important;height:54px!important;min-height:54px!important;z-index:9000!important;padding:0 12px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 8px 24px rgba(16,32,51,.08)!important;}
  body.chat-page-static .brand span{font-size:17px!important;max-width:46vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.chat-page-static .top-actions{gap:8px!important;}
  body.chat-page-static .top-actions a:not(.logout-btn),
  body.chat-page-static .top-actions span{font-size:0!important;}
  body.chat-page-static .top-actions .mini-avatar{width:38px!important;height:38px!important;}
  body.chat-page-static .logout-btn{width:46px!important;height:46px!important;padding:0!important;border-radius:18px!important;font-size:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.chat-page-static .logout-btn::before{content:'⏻';font-size:24px!important;}

  body.chat-page-static .radio-player-pro{position:fixed!important;top:58px!important;left:8px!important;right:8px!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:7px 10px!important;z-index:300!important;border-radius:18px!important;display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important;overflow:hidden!important;box-shadow:0 12px 30px rgba(47,128,255,.16)!important;}
  body.chat-page-static .radio-player-pro .radio-orb{width:36px!important;height:36px!important;min-width:36px!important;border-radius:14px!important;}
  body.chat-page-static .radio-player-pro .radio-copy{min-width:0!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{font-size:15px!important;line-height:1.05!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.chat-page-static .radio-player-pro .radio-copy small{display:block!important;font-size:12px!important;line-height:1.05!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;opacity:.9!important;}
  body.chat-page-static .radio-player-pro audio{display:none!important;}
  body.chat-page-static .radio-player-pro .radio-controls-pro{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:0!important;}
  body.chat-page-static .radio-player-pro .radio-popout{width:auto!important;min-width:42px!important;height:36px!important;padding:0 10px!important;border-radius:14px!important;font-size:0!important;margin:0!important;}
  body.chat-page-static .radio-player-pro .radio-popout::before{content:'↗';font-size:20px!important;}

  body.chat-page-static .page{position:fixed!important;inset:0!important;margin:0!important;padding:0!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;max-width:none!important;}
  body.chat-page-static .chat-app-shell{position:fixed!important;left:0!important;right:0!important;top:116px!important;bottom:196px!important;height:auto!important;min-height:0!important;padding:0 8px!important;display:flex!important;flex-direction:column!important;z-index:60!important;overflow:hidden!important;}
  body.chat-page-static:not(:has(.radio-player-pro)) .chat-app-shell{top:58px!important;}

  body.chat-page-static .chat-mobile-bar{flex:0 0 48px!important;min-height:48px!important;height:48px!important;margin:0 0 7px!important;padding:7px 10px!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(47,128,255,.16)!important;box-shadow:0 8px 20px rgba(16,32,51,.08)!important;}
  body.chat-page-static .chat-mobile-bar strong{font-size:18px!important;line-height:1!important;max-width:58vw!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
  body.chat-page-static .chat-menu-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:16px!important;padding:0!important;}

  body.chat-page-static .modern-chat-layout.chat-layout-wide{flex:1 1 auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:0!important;max-width:none!important;margin:0!important;overflow:hidden!important;}
  body.chat-page-static .modern-chat-room{flex:1 1 auto!important;height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:8px!important;border-radius:22px!important;overflow:hidden!important;background:rgba(255,255,255,.97)!important;border:1px solid rgba(47,128,255,.14)!important;box-shadow:0 12px 34px rgba(16,32,51,.09)!important;position:relative!important;}
  body.chat-page-static .modern-chat-head{display:none!important;}

  body.chat-page-static .chat-box{display:block!important;flex:1 1 auto!important;height:100%!important;min-height:260px!important;max-height:none!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding:12px 10px 12px!important;border-radius:18px!important;background:linear-gradient(180deg,#f7fbff,#ffffff)!important;border:1px solid rgba(47,128,255,.10)!important;scroll-padding-bottom:18px!important;}
  body.chat-page-static .modern-msg{margin-bottom:12px!important;gap:9px!important;align-items:flex-end!important;}
  body.chat-page-static .chat-avatar{width:42px!important;height:42px!important;min-width:42px!important;}
  body.chat-page-static .msg-avatar-wrap{flex:0 0 42px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 76px)!important;padding:12px 13px!important;border-radius:20px 20px 20px 8px!important;background:#fff!important;color:#102033!important;box-shadow:0 8px 22px rgba(16,32,51,.08)!important;}
  body.chat-page-static .msg-name{font-size:15px!important;max-width:170px!important;}
  body.chat-page-static .msg-text{font-size:16.5px!important;line-height:1.5!important;color:#102033!important;word-break:break-word!important;}

  body.chat-page-static .chat-composer{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;z-index:1200!important;display:grid!important;grid-template-columns:1fr 50px 50px 60px!important;gap:8px!important;margin:0!important;padding:10px!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;border:1px solid rgba(47,128,255,.18)!important;box-shadow:0 -14px 42px rgba(16,32,51,.20)!important;backdrop-filter:blur(18px)!important;}
  body.chat-page-static .chat-composer input#chatInput{grid-column:1 / -1!important;min-height:58px!important;height:58px!important;margin:0!important;padding:15px 16px!important;font-size:17px!important;border-radius:20px!important;background:#f6faff!important;color:#102033!important;border:1px solid rgba(47,128,255,.18)!important;}
  body.chat-page-static .chat-composer .icon-upload,
  body.chat-page-static .chat-composer button{min-width:50px!important;min-height:48px!important;height:48px!important;margin:0!important;padding:0 10px!important;border-radius:18px!important;font-size:17px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;}
  body.chat-page-static .chat-composer button[type=submit]{font-size:0!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;color:#fff!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{content:'➤';font-size:24px!important;line-height:1!important;}
  body.chat-page-static .emoji-bar,
  body.chat-page-static .selected-gif{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(196px + env(safe-area-inset-bottom, 0px))!important;z-index:1300!important;background:#fff!important;border-radius:20px!important;box-shadow:0 18px 50px rgba(16,32,51,.20)!important;max-height:170px!important;overflow:auto!important;padding:10px!important;}

  body.chat-page-static .chat-combined-panel{display:none!important;position:fixed!important;top:60px!important;bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;left:8px!important;width:min(92vw,390px)!important;max-width:min(92vw,390px)!important;min-width:0!important;z-index:6100!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(15,23,42,.28)!important;overflow:auto!important;padding:14px!important;}
  body.chat-side-open .chat-combined-panel{display:block!important;}
  body.chat-side-open .chat-side-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:6050!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(3px)!important;}

  body.chat-page-static .mobile-bottom-nav{display:flex!important;position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px, env(safe-area-inset-bottom, 0px))!important;height:62px!important;z-index:1100!important;border-radius:23px!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(47,128,255,.16)!important;box-shadow:0 16px 45px rgba(16,32,51,.16)!important;backdrop-filter:blur(18px)!important;padding:7px!important;gap:4px!important;}
  body.chat-page-static .mobile-bottom-nav a{min-width:0!important;flex:1 1 0!important;padding:7px 3px!important;border-radius:18px!important;font-size:19px!important;}
  body.chat-page-static .mobile-bottom-nav a span{font-size:10px!important;}
}

/* FINAL PATCH: Mobile Chat sichtbar bis zum Formular + Postfach-Antworten */
@media (max-width: 980px){
  body.chat-page-static .radio-player-pro{
    position:fixed!important;
    top:56px!important;
    left:10px!important;
    right:10px!important;
    height:54px!important;
    min-height:54px!important;
    max-height:54px!important;
    padding:7px 11px!important;
    margin:0!important;
    overflow:hidden!important;
    z-index:220!important;
    border-radius:18px!important;
    grid-template-columns:38px minmax(0,1fr) 42px!important;
  }
  body.chat-page-static .radio-player-pro audio{display:none!important;width:0!important;height:0!important;overflow:hidden!important;}
  body.chat-page-static .radio-player-pro .radio-orb{width:38px!important;height:38px!important;min-width:38px!important;border-radius:14px!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.chat-page-static .radio-player-pro .radio-copy small{font-size:12px!important;display:block!important;}
  body.chat-page-static .radio-player-pro .radio-popout{width:38px!important;min-width:38px!important;height:38px!important;padding:0!important;font-size:0!important;border-radius:14px!important;}
  body.chat-page-static .radio-player-pro .radio-popout::before{content:'↗';font-size:20px!important;}

  body.chat-page-static .chat-app-shell{
    top:118px!important;
    bottom:calc(214px + env(safe-area-inset-bottom, 0px))!important;
    padding:0 8px!important;
    overflow:hidden!important;
  }
  body.chat-page-static:not(:has(.radio-player-pro)) .chat-app-shell{top:58px!important;}
  body.chat-page-static .chat-mobile-bar{height:44px!important;min-height:44px!important;flex-basis:44px!important;margin-bottom:6px!important;}
  body.chat-page-static .modern-chat-room{min-height:0!important;height:100%!important;}
  body.chat-page-static .chat-box{
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-start!important;
    height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:12px 10px 14px!important;
    background:linear-gradient(180deg,#f7fbff,#ffffff)!important;
  }
  body.chat-page-static .chat-box::before{content:'';margin-top:auto;display:block;}
  body.chat-page-static .modern-msg{flex:0 0 auto!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 76px)!important;}
  body.chat-page-static .chat-composer{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:calc(78px + env(safe-area-inset-bottom, 0px))!important;
    z-index:1250!important;
  }
  body.chat-page-static .mobile-bottom-nav{
    position:fixed!important;
    left:10px!important;
    right:10px!important;
    bottom:max(8px, env(safe-area-inset-bottom, 0px))!important;
    z-index:1200!important;
  }
}
.pm-actions{display:flex;gap:14px;align-items:center;margin-top:8px;flex-wrap:wrap}.pm-inline-reply{margin-top:10px;padding:10px;border-radius:16px;background:#f7fbff;border:1px solid rgba(47,128,255,.12)}.pm-inline-reply textarea{min-height:58px}.pm-inline-reply .composer-tools{margin-top:8px}.pm-inline-reply .file-pill{font-size:13px}
/* PM delete/reply refinement */
.pm-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:8px}
.inline-delete{display:inline;margin:0;padding:0}
.inline-delete button{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}
.text-action.danger{color:#c9365f!important}
.text-action.danger:hover{text-decoration:underline}
.pm-inline-reply{margin-top:10px;padding-top:10px;border-top:1px solid rgba(24,119,242,.12)}
.small{font-size:.86rem}

/* FINAL mailbox redesign + mobile chat visibility fix */
.mail-app{padding:0!important;overflow:hidden!important;border-radius:26px!important}
.mail-toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px 24px;border-bottom:1px solid rgba(47,128,255,.12);background:linear-gradient(135deg,#f7fbff,#fff7ef)}
.mail-toolbar h1{margin:0;font-size:30px;color:#102033}.mail-toolbar p{margin:4px 0 0}
.mail-layout{display:grid;grid-template-columns:330px minmax(0,1fr);min-height:680px;background:#f4f9ff}
.mail-sidebar{border-right:1px solid rgba(47,128,255,.12);background:rgba(255,255,255,.82);padding:14px;overflow:auto;max-height:calc(100vh - 230px)}
.mail-folder-title{font-weight:900;color:#102033;margin:6px 6px 12px;font-size:16px}.mail-empty{padding:10px}
.mail-thread-link{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:18px;text-decoration:none;color:#102033;border:1px solid transparent;margin-bottom:8px;background:rgba(255,255,255,.68)}
.mail-thread-link:hover,.mail-thread-link.active{background:#fff;border-color:rgba(47,128,255,.22);box-shadow:0 10px 26px rgba(16,32,51,.08)}
.mail-thread-link img{width:48px;height:48px;border-radius:17px;object-fit:cover}.mail-thread-copy{min-width:0}.mail-thread-copy b{display:block;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-thread-copy small{display:block;color:#6b7a90;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mail-thread-link time{font-size:11px;color:#8a98aa;align-self:start;margin-top:4px}
.mail-thread-panel{display:flex;flex-direction:column;min-width:0;min-height:680px;background:linear-gradient(180deg,#f8fbff,#eef6ff)}
.mail-thread-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;border-bottom:1px solid rgba(47,128,255,.12);background:rgba(255,255,255,.9)}
.mail-thread-head h2{margin:0}.mail-person{display:flex;align-items:center;gap:12px}.mail-person img{width:54px;height:54px;border-radius:18px;object-fit:cover}.mail-person h2{margin:0;font-size:22px}.mail-person p{margin:2px 0 0}
.mail-thread-body{flex:1 1 auto;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth;min-height:420px}
.mail-message{display:flex;gap:11px;max-width:76%;align-items:flex-end}.mail-message.mine{margin-left:auto;flex-direction:row-reverse}.mail-avatar{width:38px;height:38px;border-radius:14px;object-fit:cover;flex:0 0 38px}.mail-bubble{background:#fff;border:1px solid rgba(47,128,255,.12);border-radius:22px 22px 22px 8px;padding:12px 14px;box-shadow:0 10px 26px rgba(16,32,51,.08);min-width:0}.mail-message.mine .mail-bubble{border-radius:22px 22px 8px 22px;background:linear-gradient(135deg,#247dff,#ff8a3d);color:#fff}.mail-bubble header{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:6px}.mail-bubble header b{font-size:14px}.mail-bubble time{font-size:11px;opacity:.72}.mail-text{font-size:16px;line-height:1.48;word-break:break-word}.mail-message.mine .mail-text a,.mail-message.mine .mail-bubble a{color:#fff}.mail-media{display:block;max-width:min(360px,70vw);max-height:320px;border-radius:16px;margin-top:10px;object-fit:cover}.mail-bubble footer{display:flex;gap:12px;align-items:center;margin-top:9px;font-size:13px}.mail-message.mine .text-action{color:#fff!important;opacity:.88}.mail-reply-form{padding:14px 16px;border-top:1px solid rgba(47,128,255,.12);background:rgba(255,255,255,.95);display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.mail-reply-form textarea{width:100%;min-height:74px;border-radius:20px;padding:14px 16px;font-size:16px;resize:vertical}.mail-reply-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mail-reply-tools button,.mail-reply-tools .file-pill{min-height:42px}.mail-empty-state{margin:auto;text-align:center;padding:40px}.mail-compose-drawer{position:fixed;right:22px;top:92px;width:min(460px,calc(100vw - 28px));z-index:9000;transform:translateX(calc(100% + 40px));transition:.25s ease;box-shadow:0 24px 70px rgba(15,23,42,.25)!important}.mail-compose-open .mail-compose-drawer{transform:translateX(0)}
@media(max-width:760px){.mail-app{border-radius:0!important;margin:0 -12px!important}.mail-toolbar{padding:16px;align-items:flex-start}.mail-toolbar h1{font-size:24px}.mail-layout{display:flex;flex-direction:column;min-height:calc(100dvh - 180px)}.mail-sidebar{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;max-height:none;border-right:0;border-bottom:1px solid rgba(47,128,255,.12);padding:10px}.mail-folder-title{display:none}.mail-thread-link{min-width:230px;margin:0}.mail-thread-link time{display:none}.mail-thread-panel{min-height:calc(100dvh - 280px)}.mail-thread-head{padding:12px}.mail-person img{width:44px;height:44px}.mail-person h2{font-size:18px}.mail-thread-body{min-height:0;height:calc(100dvh - 430px);padding:12px;gap:12px}.mail-message{max-width:94%}.mail-bubble{padding:11px 12px}.mail-text{font-size:16px}.mail-reply-form{position:sticky;bottom:76px;z-index:40;border-radius:22px 22px 0 0;box-shadow:0 -12px 35px rgba(16,32,51,.12)}.mail-reply-form textarea{min-height:64px}.mail-compose-drawer{left:10px;right:10px;top:76px;width:auto}.mail-media{max-width:70vw}}

@media(max-width:760px){
  body.chat-page-static .radio-player-pro{top:58px!important;left:10px!important;right:10px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:7px 10px!important;border-radius:18px!important;z-index:400!important;}
  body.chat-page-static .radio-player-pro .radio-orb{width:34px!important;height:34px!important;min-width:34px!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{font-size:14px!important}.radio-player-pro .radio-copy small{font-size:11px!important}
  body.chat-page-static .chat-app-shell{top:112px!important;bottom:calc(190px + env(safe-area-inset-bottom, 0px))!important;left:0!important;right:0!important;padding:0 8px!important;z-index:50!important;}
  body.chat-page-static .chat-mobile-bar{height:42px!important;min-height:42px!important;flex-basis:42px!important;margin-bottom:6px!important;}
  body.chat-page-static .modern-chat-layout.chat-layout-wide{height:100%!important;min-height:0!important;}
  body.chat-page-static .modern-chat-room{height:100%!important;min-height:0!important;padding:8px!important;}
  body.chat-page-static .chat-box{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;gap:0!important;height:100%!important;min-height:0!important;overflow-y:auto!important;padding:12px 10px 12px!important;}
  body.chat-page-static .chat-box::before{display:none!important;content:none!important;margin:0!important;}
  body.chat-page-static .modern-msg{flex:0 0 auto!important;margin-bottom:10px!important;}
  body.chat-page-static .msg-text{font-size:17px!important;line-height:1.45!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 82px)!important;}
  body.chat-page-static .chat-composer{left:10px!important;right:10px!important;bottom:calc(78px + env(safe-area-inset-bottom,0px))!important;z-index:1500!important;padding:9px!important;border-radius:22px!important;grid-template-columns:1fr 48px 48px 58px!important;}
  body.chat-page-static .chat-composer input#chatInput{min-height:54px!important;height:54px!important;font-size:17px!important;}
  body.chat-page-static .mobile-bottom-nav{bottom:max(8px, env(safe-area-inset-bottom,0px))!important;height:62px!important;z-index:1400!important;}
}


/* PATCH: mobile chat radio must never overlap chat input/messages */
@media (max-width: 760px){
  body.chat-page-static{
    overflow:hidden!important;
    height:100dvh!important;
    padding:0!important;
  }
  body.chat-page-static .topbar{
    position:fixed!important;
    top:0!important;left:0!important;right:0!important;
    height:56px!important;
    z-index:2200!important;
  }
  body.chat-page-static .radio-player-pro{
    position:fixed!important;
    top:60px!important;
    left:8px!important;
    right:8px!important;
    width:auto!important;
    height:46px!important;
    min-height:46px!important;
    max-height:46px!important;
    margin:0!important;
    padding:6px 9px!important;
    border-radius:16px!important;
    z-index:1600!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr) 38px!important;
    gap:8px!important;
    align-items:center!important;
    overflow:hidden!important;
  }
  body.chat-page-static .radio-player-pro .radio-orb{
    width:32px!important;height:32px!important;min-width:32px!important;
    border-radius:13px!important;font-size:18px!important;
  }
  body.chat-page-static .radio-player-pro .radio-copy{min-width:0!important;overflow:hidden!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{
    font-size:13px!important;line-height:1.05!important;display:block!important;
    white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
  }
  body.chat-page-static .radio-player-pro .radio-copy small{display:none!important;}
  body.chat-page-static .radio-player-pro audio{display:none!important;width:0!important;height:0!important;}
  body.chat-page-static .radio-player-pro .radio-controls-pro{display:flex!important;align-items:center!important;justify-content:flex-end!important;min-width:38px!important;}
  body.chat-page-static .radio-player-pro .radio-popout{
    width:36px!important;min-width:36px!important;height:34px!important;padding:0!important;
    font-size:0!important;border-radius:13px!important;margin:0!important;
  }
  body.chat-page-static .radio-player-pro .radio-popout::before{content:'↗';font-size:19px!important;}

  /* Space calculation: header 56 + radio 46 + gaps. Composer + bottom nav reserved at bottom. */
  body.chat-page-static .chat-app-shell{
    position:fixed!important;
    top:112px!important;
    left:0!important;right:0!important;
    bottom:calc(150px + env(safe-area-inset-bottom, 0px))!important;
    height:auto!important;min-height:0!important;
    padding:0 8px!important;
    overflow:hidden!important;
    z-index:900!important;
    display:flex!important;flex-direction:column!important;
  }
  body.chat-page-static:not(:has(.radio-player-pro)) .chat-app-shell{top:60px!important;}
  body.chat-page-static .chat-mobile-bar{
    height:40px!important;min-height:40px!important;margin:0 0 6px!important;
    flex:0 0 40px!important;z-index:905!important;
  }
  body.chat-page-static .modern-chat-layout,
  body.chat-page-static .modern-chat-layout.chat-layout-wide{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow:hidden!important;
    display:grid!important;grid-template-columns:1fr!important;
  }
  body.chat-page-static .modern-chat-room{
    height:100%!important;min-height:0!important;overflow:hidden!important;padding:8px!important;
    display:flex!important;flex-direction:column!important;
  }
  body.chat-page-static .modern-chat-head{display:none!important;}
  body.chat-page-static .chat-box{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    padding:12px 10px 16px!important;
    margin:0!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
    scroll-padding-bottom:18px!important;
    -webkit-overflow-scrolling:touch!important;
  }
  body.chat-page-static .chat-box::before{content:''!important;display:block!important;margin-top:auto!important;}
  body.chat-page-static .chat-composer{
    position:fixed!important;
    left:8px!important;right:8px!important;
    bottom:calc(72px + env(safe-area-inset-bottom, 0px))!important;
    z-index:1800!important;
    margin:0!important;
    padding:10px!important;
    border-radius:22px!important;
    box-shadow:0 -14px 36px rgba(15,23,42,.18)!important;
    background:rgba(255,255,255,.96)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 46px 46px 54px!important;
    gap:7px!important;
    align-items:center!important;
  }
  body.chat-page-static .chat-composer input#chatInput{
    grid-column:1/-1!important;
    height:52px!important;min-height:52px!important;
    font-size:17px!important;line-height:1.2!important;
    border-radius:18px!important;
  }
  body.chat-page-static .chat-composer button,
  body.chat-page-static .chat-composer .icon-upload{
    height:44px!important;min-height:44px!important;border-radius:16px!important;
  }
  body.chat-page-static .mobile-bottom-nav{
    position:fixed!important;
    left:8px!important;right:8px!important;
    bottom:max(6px, env(safe-area-inset-bottom, 0px))!important;
    height:60px!important;
    z-index:1700!important;
  }
}

/* MOBILE FRONTEND REFACTOR 2026-05-19
   Ziel: stabile App-Ansicht ohne überlagernde fixed Elemente.
   Bottom-Navigation bleibt unten, Chatverlauf füllt den sichtbaren Bereich bis zur Eingabe. */
:root{
  --cem-mobile-topbar:56px;
  --cem-mobile-radio:42px;
  --cem-mobile-nav:64px;
  --cem-mobile-composer:76px;
  --cem-safe-bottom:env(safe-area-inset-bottom,0px);
}
@media (max-width: 760px){
  html,body{max-width:100%;overflow-x:hidden!important;}
  body.chat-page-static{
    height:100dvh!important;
    min-height:100dvh!important;
    overflow:hidden!important;
    padding:0!important;
    background:linear-gradient(180deg,#eef7ff 0%,#fff7ef 100%)!important;
  }
  body.chat-page-static .topbar{
    position:fixed!important;top:0!important;left:0!important;right:0!important;
    height:var(--cem-mobile-topbar)!important;min-height:var(--cem-mobile-topbar)!important;
    z-index:5000!important;padding:7px 10px!important;
    background:rgba(255,255,255,.96)!important;backdrop-filter:blur(16px)!important;
    border-bottom:1px solid rgba(47,128,255,.12)!important;
  }
  body.chat-page-static .topbar .brand span{font-size:15px!important;max-width:42vw!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.chat-page-static .top-actions{gap:6px!important;}
  body.chat-page-static .top-actions .logout-btn{padding:7px 9px!important;font-size:0!important;min-width:38px!important;}
  body.chat-page-static .top-actions .logout-btn::after{content:'⏻';font-size:18px!important;}

  body.chat-page-static .radio-player-pro{
    position:fixed!important;top:calc(var(--cem-mobile-topbar) + 4px)!important;left:8px!important;right:8px!important;
    height:var(--cem-mobile-radio)!important;min-height:var(--cem-mobile-radio)!important;max-height:var(--cem-mobile-radio)!important;
    z-index:2500!important;margin:0!important;padding:5px 8px!important;border-radius:16px!important;
    display:grid!important;grid-template-columns:30px minmax(0,1fr) 36px!important;gap:8px!important;align-items:center!important;
    overflow:hidden!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(47,128,255,.14)!important;
    box-shadow:0 12px 30px rgba(16,32,51,.13)!important;
  }
  body.chat-page-static .radio-player-pro .radio-orb{width:30px!important;height:30px!important;min-width:30px!important;border-radius:12px!important;}
  body.chat-page-static .radio-player-pro .radio-copy strong{font-size:13px!important;line-height:1.1!important;display:block!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.chat-page-static .radio-player-pro .radio-copy small, body.chat-page-static .radio-player-pro audio{display:none!important;}
  body.chat-page-static .radio-player-pro .radio-popout{width:34px!important;height:32px!important;min-width:34px!important;padding:0!important;font-size:0!important;border-radius:12px!important;}
  body.chat-page-static .radio-player-pro .radio-popout::before{content:'↗';font-size:18px!important;}

  body.chat-page-static .chat-app-shell{
    position:fixed!important;left:0!important;right:0!important;
    top:calc(var(--cem-mobile-topbar) + var(--cem-mobile-radio) + 10px)!important;
    bottom:calc(var(--cem-mobile-nav) + var(--cem-mobile-composer) + var(--cem-safe-bottom) + 12px)!important;
    height:auto!important;min-height:0!important;max-height:none!important;
    padding:0 8px!important;margin:0!important;overflow:hidden!important;
    z-index:1000!important;display:flex!important;flex-direction:column!important;
  }
  body.chat-page-static.cem-no-radio .chat-app-shell{top:calc(var(--cem-mobile-topbar) + 6px)!important;}

  body.chat-page-static .chat-mobile-bar{
    flex:0 0 40px!important;height:40px!important;min-height:40px!important;margin:0 0 6px 0!important;
    border-radius:18px!important;padding:0 10px!important;background:rgba(255,255,255,.96)!important;
    box-shadow:0 8px 22px rgba(16,32,51,.09)!important;border:1px solid rgba(47,128,255,.12)!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
  }
  body.chat-page-static .chat-mobile-bar strong{font-size:15px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  body.chat-page-static .chat-menu-btn{width:38px!important;height:34px!important;border-radius:14px!important;font-size:20px!important;}

  body.chat-page-static .modern-chat-layout,
  body.chat-page-static .modern-chat-layout.chat-layout-wide{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    display:grid!important;grid-template-columns:1fr!important;overflow:hidden!important;margin:0!important;padding:0!important;gap:0!important;
  }
  body.chat-page-static .modern-chat-room{
    height:100%!important;min-height:0!important;max-height:none!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;padding:8px!important;margin:0!important;border-radius:22px!important;
    background:rgba(255,255,255,.86)!important;border:1px solid rgba(47,128,255,.12)!important;
  }
  body.chat-page-static .modern-chat-head{display:none!important;}
  body.chat-page-static .chat-box{
    flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important;
    overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;
    display:flex!important;flex-direction:column!important;justify-content:flex-start!important;
    padding:12px 10px 18px!important;margin:0!important;gap:0!important;
    background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)!important;border-radius:18px!important;
    scroll-padding-bottom:24px!important;
  }
  body.chat-page-static .chat-box::before{content:''!important;display:block!important;margin-top:auto!important;min-height:4px!important;}
  body.chat-page-static .modern-msg{flex:0 0 auto!important;margin:0 0 11px 0!important;gap:9px!important;align-items:flex-end!important;}
  body.chat-page-static .chat-avatar, body.chat-page-static .msg-avatar-wrap{width:38px!important;height:38px!important;min-width:38px!important;flex-basis:38px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100vw - 78px)!important;padding:10px 12px!important;border-radius:18px 18px 18px 8px!important;box-shadow:0 8px 20px rgba(16,32,51,.08)!important;}
  body.chat-page-static .msg-name{font-size:14px!important;line-height:1.2!important;}
  body.chat-page-static .msg-text{font-size:16.5px!important;line-height:1.45!important;color:#102033!important;word-break:break-word!important;}
  body.chat-page-static .text-action{font-size:13px!important;}

  body.chat-page-static .chat-composer{
    position:fixed!important;left:8px!important;right:8px!important;
    bottom:calc(var(--cem-mobile-nav) + var(--cem-safe-bottom) + 8px)!important;
    min-height:0!important;height:auto!important;margin:0!important;padding:8px!important;
    z-index:3000!important;border-radius:22px!important;background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(47,128,255,.16)!important;box-shadow:0 -14px 36px rgba(15,23,42,.17)!important;backdrop-filter:blur(18px)!important;
    display:grid!important;grid-template-columns:minmax(0,1fr) 42px 42px 42px 52px!important;gap:6px!important;align-items:center!important;
  }
  body.chat-page-static .chat-composer input#chatInput{
    grid-column:auto!important;height:50px!important;min-height:50px!important;max-height:50px!important;
    padding:0 14px!important;margin:0!important;font-size:16.5px!important;line-height:50px!important;border-radius:18px!important;
    background:#f5faff!important;border:1px solid rgba(47,128,255,.18)!important;color:#102033!important;
  }
  body.chat-page-static .chat-composer button,
  body.chat-page-static .chat-composer .icon-upload{
    width:42px!important;min-width:42px!important;height:44px!important;min-height:44px!important;
    padding:0!important;margin:0!important;border-radius:16px!important;font-size:15px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  }
  body.chat-page-static .chat-composer button[type=submit]{width:52px!important;min-width:52px!important;font-size:0!important;background:linear-gradient(135deg,#2f80ff,#ff8a3d)!important;color:#fff!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{content:'➤';font-size:22px!important;}

  body.chat-page-static .emoji-bar,
  body.chat-page-static .selected-gif{
    position:fixed!important;left:8px!important;right:8px!important;bottom:calc(var(--cem-mobile-nav) + var(--cem-mobile-composer) + var(--cem-safe-bottom) + 10px)!important;
    z-index:3200!important;max-height:145px!important;overflow:auto!important;border-radius:20px!important;background:#fff!important;box-shadow:0 18px 50px rgba(16,32,51,.20)!important;
  }

  body.chat-page-static .mobile-bottom-nav{
    display:flex!important;position:fixed!important;left:8px!important;right:8px!important;bottom:max(6px,var(--cem-safe-bottom))!important;
    height:58px!important;min-height:58px!important;z-index:2800!important;padding:6px!important;border-radius:22px!important;
    background:rgba(255,255,255,.97)!important;border:1px solid rgba(47,128,255,.14)!important;box-shadow:0 15px 38px rgba(16,32,51,.15)!important;
    gap:3px!important;backdrop-filter:blur(18px)!important;
  }
  body.chat-page-static .mobile-bottom-nav a{flex:1 1 0!important;min-width:0!important;padding:5px 2px!important;border-radius:17px!important;font-size:18px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;}
  body.chat-page-static .mobile-bottom-nav a span{font-size:10px!important;line-height:1.05!important;margin-top:1px!important;}

  body.chat-page-static .chat-combined-panel{
    display:none!important;position:fixed!important;top:calc(var(--cem-mobile-topbar) + 8px)!important;bottom:calc(var(--cem-mobile-nav) + 10px + var(--cem-safe-bottom))!important;
    left:8px!important;width:min(88vw,360px)!important;max-width:min(88vw,360px)!important;z-index:5200!important;
    overflow:auto!important;border-radius:24px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 24px 70px rgba(15,23,42,.30)!important;padding:14px!important;
  }
  body.chat-side-open .chat-combined-panel{display:block!important;}
  body.chat-side-open .chat-side-backdrop{display:block!important;position:fixed!important;inset:0!important;z-index:5100!important;background:rgba(15,23,42,.42)!important;backdrop-filter:blur(3px)!important;}
  body.chat-page-static .online-user{font-size:15px!important;min-height:38px!important;gap:7px!important;}
  body.chat-page-static .mini-avatar{width:30px!important;height:30px!important;min-width:30px!important;}
}

/* Sendeplan Modul */
.schedule-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid rgba(24,119,242,.12)}
.schedule-hero h1{margin:.15rem 0;font-size:clamp(1.8rem,3vw,2.6rem)}
.eyebrow{display:inline-flex;align-items:center;gap:6px;color:#f97316;font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}
.schedule-tabs{display:flex;gap:8px;overflow:auto;padding:4px 2px 14px;margin:2px 0 12px;scrollbar-width:none}
.schedule-tabs a{white-space:nowrap;text-decoration:none;color:#1f2937;background:#fff;border:1px solid rgba(15,23,42,.1);padding:10px 14px;border-radius:999px;font-weight:800;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.schedule-tabs a.active,.schedule-tabs a.today{background:linear-gradient(135deg,#1877f2,#38bdf8);color:white;border-color:transparent}
.schedule-board{display:grid;gap:12px}.schedule-day{margin:18px 0 4px;font-size:1.25rem}.schedule-day span{font-size:.78rem;background:#ffedd5;color:#c2410c;padding:4px 9px;border-radius:999px;margin-left:8px}
.schedule-card{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:16px;box-shadow:0 16px 40px rgba(15,23,42,.07)}
.schedule-card.is-today{border-color:rgba(249,115,22,.3);box-shadow:0 18px 46px rgba(249,115,22,.12)}
.schedule-time{background:linear-gradient(135deg,#eff6ff,#e0f2fe);border-radius:18px;text-align:center;padding:12px 8px;color:#0f172a}.schedule-time strong{display:block;font-size:1.25rem}.schedule-time small{display:block;color:#64748b;font-weight:700}.schedule-main h3{margin:0 0 4px;font-size:1.1rem}.schedule-main p{margin:.25rem 0;color:#334155}.schedule-meta{font-weight:800;color:#1877f2!important}.schedule-badge{background:#fff7ed;color:#ea580c;font-weight:900;padding:8px 10px;border-radius:999px;font-size:.78rem}.schedule-admin-card .form-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty-state{text-align:center;padding:36px}
@media(max-width:760px){.schedule-hero{align-items:flex-start;flex-direction:column}.schedule-card{grid-template-columns:1fr;gap:10px}.schedule-time{text-align:left;display:flex;justify-content:space-between;align-items:center}.schedule-badge{justify-self:start}.schedule-admin-card .form-grid.two{grid-template-columns:1fr}}


/* Team-OnAir Update */
.onair-mode-card{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#fff7ed,#eff6ff);border:1px solid rgba(249,115,22,.22);box-shadow:0 10px 28px rgba(15,23,42,.06)}
.onair-title{font-weight:900;color:#0f172a;display:flex;align-items:center;gap:8px;margin-bottom:6px}.onair-title i{color:#f97316}.onair-badge{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;border-radius:999px;background:linear-gradient(135deg,#fb923c,#2563eb);color:#fff;font-size:11px;font-weight:900;line-height:1;box-shadow:0 4px 12px rgba(37,99,235,.18);vertical-align:middle}.onair-badge i{font-size:10px}.online-user .onair-badge span,.msg-meta .onair-badge span{display:inline}.msg-meta .onair-badge{margin-right:4px}.online-user .onair-badge{flex:0 0 auto}
@media(max-width:700px){.onair-badge{font-size:10px;padding:2px 6px}.onair-badge span{display:none!important}.onair-mode-card{padding:12px}}


/* Final Admin/SEO/Profile/Radio Polish */
.admin-shell{background:linear-gradient(135deg,#f8fbff,#fff7ed);border:1px solid rgba(24,119,242,.12);box-shadow:0 18px 55px rgba(15,23,42,.08)}
.admin-shell-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-shell-head h1{margin:.1rem 0;font-size:clamp(1.7rem,3vw,2.4rem)}
.admin-nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-nav-grid a{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center;text-decoration:none;color:#0f172a;background:rgba(255,255,255,.88);border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:14px;box-shadow:0 10px 28px rgba(15,23,42,.06);transition:.18s ease}.admin-nav-grid a:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(24,119,242,.13);border-color:rgba(24,119,242,.25)}.admin-nav-grid i{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0f2fe,#fff7ed);color:#1877f2;font-size:19px}.admin-nav-grid span{font-weight:900}.admin-nav-grid small{display:block;color:#64748b;font-size:.78rem;margin-top:2px}.admin-form-card{max-width:960px}.admin-form-grid label{font-weight:900;margin-top:8px}.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#047857;padding:10px 12px;border-radius:14px;font-weight:800}
@media(max-width:1100px){.admin-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.admin-shell-head{align-items:flex-start;flex-direction:column}.admin-nav-grid{grid-template-columns:1fr}.admin-nav-grid a{padding:13px}.admin-nav-grid i{width:38px;height:38px}}

.profile-grid{align-items:start}.profile-sidebar-modern{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 115px);overflow:auto;padding-right:4px;scrollbar-width:thin}.profile-sidebar-modern .card{margin-bottom:14px}.profile-info-modern p{margin:.45rem 0}.profile-feed-modern{min-width:0}
@media(max-width:900px){.profile-sidebar-modern{position:static;max-height:none;overflow:visible;padding-right:0}.profile-grid{display:block}.profile-feed-modern{margin-top:14px}}

.radio-player-pro{z-index:900}.radio-player-pro .radio-song-title{display:block;margin-top:3px;color:#2563eb;font-weight:800;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-popout-card-large{width:min(92vw,620px);min-height:420px;padding:34px!important}.radio-popout-card-large audio{width:100%;margin:18px 0}.radio-now-playing{background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid rgba(24,119,242,.14);border-radius:20px;padding:15px;margin:18px 0;text-align:left}.radio-now-playing span{display:block;color:#64748b;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.radio-now-playing strong{display:block;color:#0f172a;font-size:1.1rem;margin-top:4px;line-height:1.3}.radio-popout-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#e0f2fe,transparent 38%),linear-gradient(135deg,#f8fbff,#fff7ed)}
@media(max-width:700px){.radio-player-pro .radio-song-title{max-width:160px;font-size:11px}.radio-popout-card-large{width:calc(100vw - 20px);min-height:360px;padding:22px!important}}

/* OnAir ausschließlich in der Chat-Onlineliste sichtbar */
.msg-meta .onair-badge,.post-card .onair-badge,.comment .onair-badge,.profile-hero .onair-badge,.sidenav .onair-badge,.mobile-bottom-nav .onair-badge{display:none!important}.online-user .onair-badge{display:inline-flex!important}

/* Final modern profile refactor */
.profile-hero-modern{
  background:#fff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  border-radius:30px!important;
  overflow:hidden!important;
  box-shadow:0 22px 70px rgba(15,23,42,.12)!important;
}
.profile-hero-modern .profile-cover{
  min-height:330px!important;
  background-color:#eaf4ff!important;
  background-image:linear-gradient(135deg,#d9efff 0%,#fff7ed 55%,#ffffff 100%);
  background-size:cover!important;
  background-position:center!important;
}
.profile-cover-shade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(15,23,42,.04) 0%,rgba(15,23,42,.18) 74%,rgba(15,23,42,.32) 100%)!important;
}
.profile-modern-row{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:22px!important;
  margin-top:-78px!important;
  padding:0 32px 28px!important;
  position:relative!important;
  z-index:2!important;
}
.profile-avatar-wrap{position:relative!important}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{
  width:164px!important;height:164px!important;border-radius:34px!important;border:7px solid #fff!important;
  box-shadow:0 18px 48px rgba(15,23,42,.22)!important;background:#fff!important;
}
.profile-online-dot{position:absolute;right:10px;bottom:12px;width:20px;height:20px;border-radius:50%;background:#22c55e;border:4px solid #fff;box-shadow:0 4px 14px rgba(34,197,94,.4)}
.profile-name-line h1{font-size:42px!important;line-height:1!important;letter-spacing:-.045em!important;color:#0f172a!important;text-shadow:0 1px 0 rgba(255,255,255,.45)}
.profile-name-line .role-badge{background:linear-gradient(135deg,#1877f2,#ff9f43)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:8px 12px!important}
.profile-mini-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.profile-mini-stats span{background:#f8fafc;border:1px solid #e5edf6;border-radius:999px;padding:9px 13px;color:#475569;font-weight:800;font-size:13px}
.profile-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.profile-actions .btn{border-radius:16px!important;box-shadow:0 10px 25px rgba(24,119,242,.16)}
.profile-tabs{
  display:flex;align-items:center;gap:8px;position:sticky;top:74px;z-index:20;margin:16px 0!important;padding:10px!important;
  border-radius:22px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(16px);box-shadow:0 12px 34px rgba(15,23,42,.08)!important;
}
.profile-tabs a{padding:11px 15px;border-radius:15px;color:#334155;font-weight:900;text-decoration:none;white-space:nowrap}.profile-tabs a:hover{background:#eef6ff;color:#1877f2}.profile-tabs a:first-child{background:linear-gradient(135deg,#eaf4ff,#fff7ed);color:#0f172a}
.profile-layout-refined.profile-grid{grid-template-columns:minmax(310px,360px) minmax(0,1fr)!important;gap:24px!important;align-items:start!important}
.profile-sidebar-modern{
  position:sticky!important;top:148px!important;align-self:start!important;max-height:none!important;overflow:visible!important;padding-right:0!important;
  display:flex!important;flex-direction:column!important;gap:16px!important;
}
.profile-sidebar-modern .card{margin-bottom:0!important;border-radius:26px!important;background:rgba(255,255,255,.98)!important;border:1px solid #e7eef7!important;box-shadow:0 16px 44px rgba(15,23,42,.08)!important}
.section-title span{background:linear-gradient(135deg,#eaf4ff,#fff1df)!important;color:#1877f2!important}.section-title h2,.section-title h3{font-weight:950!important;color:#0f172a!important}
.profile-info-modern p{display:flex;gap:9px;align-items:flex-start;padding:10px 0!important;margin:0!important;border-bottom:1px solid #f1f5f9!important;color:#334155;line-height:1.45}.profile-info-modern p:first-of-type{display:block;background:#f8fbff;border:1px solid #e9f1fb;border-radius:18px;padding:14px!important;margin-bottom:8px!important}.profile-info-modern p:last-child{border-bottom:0!important}
.profile-friends-modern .friends-grid-small{grid-template-columns:repeat(3,minmax(0,1fr))!important}.profile-friends-modern .friend-tile{border-radius:20px!important;padding:10px 8px!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.profile-friends-modern .friend-tile img{width:66px!important;height:66px!important;border-radius:22px!important}.profile-friends-modern .friend-tile span{font-weight:850;color:#1e293b;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profile-badges-modern .level-unified-head{background:linear-gradient(135deg,#f8fbff,#fff7ed);border:1px solid #e9f1fb;border-radius:22px;padding:14px;margin-bottom:12px}.profile-badges-modern .level-medal{box-shadow:0 12px 28px rgba(24,119,242,.18)}.level-progress{height:12px!important;background:#edf2f7!important;border-radius:999px!important;overflow:hidden!important}.level-progress span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1877f2,#ff9f43)!important}.unified-badges .badge{border-radius:999px!important;padding:8px 10px!important;background:#fff!important}
.profile-feed-modern{min-width:0!important}.profile-feed-modern .card{border-radius:26px!important;border:1px solid #e7eef7!important;box-shadow:0 16px 44px rgba(15,23,42,.07)!important}.profile-posts-modern{background:linear-gradient(135deg,#fff,#f8fbff 55%,#fff7ed)!important}.profile-posts-modern .muted{font-size:15px}.profile-feed-modern .post-card{border-radius:26px!important;margin-bottom:18px!important}.profile-feed-modern .post-card:hover{transform:translateY(-1px);box-shadow:0 20px 52px rgba(15,23,42,.10)!important}
.profile-edit-card{border:2px solid #dcecff!important;background:linear-gradient(180deg,#fff,#f8fbff)!important}.profile-edit-card .form{gap:10px 14px!important}.profile-edit-card input,.profile-edit-card select,.profile-edit-card textarea{border-radius:16px!important;min-height:46px!important}.profile-edit-card textarea{min-height:115px!important}.profile-edit-card button{border-radius:16px!important}
@media(max-width:980px){
  .profile-hero-modern .profile-cover{min-height:250px!important}.profile-modern-row{grid-template-columns:1fr!important;justify-items:center!important;text-align:center!important;margin-top:-78px!important;padding:0 16px 22px!important}.profile-actions{justify-content:center!important}.profile-name-line{justify-content:center!important}.profile-name-line h1{font-size:32px!important}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{width:138px!important;height:138px!important;border-radius:30px!important}.profile-tabs{top:58px;overflow-x:auto;margin-left:-2px!important;margin-right:-2px!important;scrollbar-width:none}.profile-layout-refined.profile-grid{display:block!important}.profile-sidebar-modern{position:static!important;display:grid!important;grid-template-columns:1fr!important;gap:14px!important;margin-bottom:14px}.profile-sidebar-modern .card{border-radius:22px!important}.profile-feed-modern .card{border-radius:22px!important}
}
@media(min-width:981px){
  .profile-feed-modern{padding-bottom:30px}.profile-sidebar-modern{max-width:360px}.profile-layout-refined{min-height:calc(100vh - 180px)}
}
@media(max-width:560px){
  .profile-hero-modern{border-radius:22px!important}.profile-hero-modern .profile-cover{min-height:210px!important}.profile-modern-row{gap:10px!important}.profile-avatar-wrap .profile-avatar,.profile-modern-row .profile-avatar{width:118px!important;height:118px!important;border-width:6px!important}.profile-name-line h1{font-size:28px!important}.profile-tabs a{padding:10px 12px;font-size:14px}.profile-mini-stats{justify-content:center}.profile-mini-stats span{font-size:12px;padding:8px 10px}.profile-friends-modern .friends-grid-small{grid-template-columns:repeat(3,1fr)!important}.profile-actions{width:100%}.profile-actions .btn{flex:1;text-align:center}.profile-info-modern p{font-size:14px}.profile-edit-card .form{grid-template-columns:1fr!important}
}

/* Profile privacy/friends update */
.profile-tabs a.active{background:linear-gradient(135deg,#eaf3ff,#fff3e6);color:#0f172a;font-weight:900;box-shadow:inset 0 0 0 1px rgba(24,119,242,.16)}
.profile-sidebar-modern{position:relative}.profile-info-card{position:static!important}.profile-friends-modern{position:sticky;top:88px;z-index:2}.profile-badges-modern{position:sticky;top:330px;z-index:1}.friends-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.friend-tile-wide{min-height:150px;justify-content:center}.friend-tile-wide a{display:flex;flex-direction:column;gap:8px;align-items:center}.friend-tile-wide img{width:76px;height:76px;border-radius:22px;object-fit:cover}.settings-card{max-width:760px;margin:auto}.soft-card{background:#f8fbff;border-style:dashed;margin:8px 0 14px}.alert.ok{background:#ecfdf5;color:#065f46;border:1px solid #bbf7d0}
@media(max-width:900px){.profile-friends-modern,.profile-badges-modern{position:static!important}.friends-page-grid{grid-template-columns:1fr!important}.friends-grid-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Level & Badges Pro Update */
.level-benefit{margin:.35rem 0 0;color:#0f172a;font-size:.9rem;background:linear-gradient(135deg,#eff6ff,#fff7ed);border:1px solid #dbeafe;border-radius:12px;padding:7px 10px;display:inline-block}
.badge.rare-badge{background:linear-gradient(135deg,#fff7ed,#fef3c7);box-shadow:0 6px 18px rgba(245,158,11,.16)}
.badge.event-badge{background:linear-gradient(135deg,#ecfdf5,#eff6ff);box-shadow:0 6px 18px rgba(34,197,94,.14)}
.level-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.level-help-grid>div{border:1px solid #e5e7eb;border-radius:16px;padding:14px;background:#fff}.level-help-grid b{display:block;color:#0f172a}.level-help-grid span{display:block;color:#64748b;font-size:.92rem;margin-top:4px}@media(max-width:760px){.level-help-grid{grid-template-columns:1fr}}

/* Patch: anklickbare Avatare & Erwähnungen */
.avatar-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit;flex:0 0 auto}
.post-head .avatar-link{margin-right:0}.comment .avatar-link{align-self:flex-start}
.mention-link{font-weight:800;color:#1877f2;text-decoration:none;background:rgba(24,119,242,.08);padding:1px 5px;border-radius:999px;white-space:nowrap}
.mention-link:hover{text-decoration:underline;background:rgba(24,119,242,.14)}
.online-user .onair-badge{display:inline-flex!important;flex:0 0 auto;margin-left:4px}


/* Community Expansion Update */
.verified-badge{display:inline-flex;align-items:center;justify-content:center;color:#2f80ff;margin-left:6px;font-size:.9em;vertical-align:middle}.story-tray{padding:16px;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f4f9ff)}.story-tray-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.story-tray-head h3{margin:0}.story-row{display:flex;gap:12px;overflow:auto;padding-bottom:2px}.story-add,.story-pill{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:7px;color:#172033;font-weight:800;font-size:12px}.story-add{width:78px;height:96px;justify-content:center;border:1px dashed #b7d4ff;border-radius:18px;background:#eef6ff;color:#2f80ff}.story-pill img{width:62px;height:62px;border-radius:22px;object-fit:cover;border:3px solid #2f80ff;box-shadow:0 8px 18px rgba(47,128,255,.18)}.stories-page{display:grid;gap:18px}.story-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.story-card{background:linear-gradient(135deg,var(--story-bg),#ff8a3d);color:#fff;border-radius:26px;padding:16px;min-height:330px;box-shadow:0 22px 48px rgba(16,24,40,.16);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.story-card header{display:flex;align-items:center;gap:10px}.story-card header img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid #fff}.story-card header time{margin-left:auto;color:rgba(255,255,255,.82);font-size:12px}.story-body img,.story-body video{width:100%;max-height:220px;object-fit:cover;border-radius:18px;margin:12px 0;background:#000}.story-body p{font-weight:800;font-size:17px;line-height:1.35;text-shadow:0 2px 12px rgba(0,0,0,.18)}.visitor-list{display:grid;gap:10px}.visitor-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #e7edf8;border-radius:18px;background:#f8fbff}.visitor-row img{width:48px;height:48px;border-radius:50%;object-fit:cover}.visitor-row small{display:block;color:#64748b;margin-top:3px}.expansion-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.admin-table{width:100%;border-collapse:separate;border-spacing:0 8px}.admin-table th{text-align:left;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.admin-table td{background:#fff;border-top:1px solid #e7edf8;border-bottom:1px solid #e7edf8;padding:10px}.admin-table td:first-child{border-left:1px solid #e7edf8;border-radius:14px 0 0 14px}.admin-table td:last-child{border-right:1px solid #e7edf8;border-radius:0 14px 14px 0}.suggestion-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:#f8fbff;border:1px solid #e7edf8}.suggestion-card img{width:42px;height:42px;border-radius:50%;object-fit:cover}@media(max-width:700px){.story-grid-full{grid-template-columns:1fr}.admin-table{display:block;overflow:auto}.story-card{min-height:270px}}


/* Phase 2 Community Live UI */
.reaction-line{display:flex;align-items:center;gap:10px;margin:8px 0 2px;flex-wrap:wrap}.reaction-total{font-size:13px;color:#64748b}.reaction-picker{display:flex;gap:4px}.reaction-btn,.chat-reaction{border:0;background:#f1f5f9;border-radius:999px;padding:5px 8px;cursor:pointer;font-size:15px;transition:.15s}.reaction-btn:hover,.chat-reaction:hover,.reaction-btn.active,.chat-reaction.active{background:#e0efff;transform:translateY(-1px)}.chat-reactions{display:flex;gap:4px;margin-top:6px;flex-wrap:wrap}.chat-reaction small{font-size:11px;color:#475569}.chat-pinned-message{margin:8px 12px;padding:10px 12px;border-radius:14px;background:linear-gradient(135deg,#fff7ed,#e0f2fe);border:1px solid #fed7aa;color:#1e293b;display:flex;gap:8px;align-items:center;justify-content:space-between}.msg-pin{border:0;background:transparent;cursor:pointer;margin-left:5px}.events-page{max-width:1100px;margin:0 auto}.events-hero{background:linear-gradient(135deg,#e0f2fe,#fff7ed)}.events-grid{display:grid;gap:14px}.event-card{display:grid;grid-template-columns:92px 1fr auto;gap:16px;align-items:center}.event-date{background:#f8fafc;border-radius:16px;padding:12px;text-align:center}.event-date b{display:block;font-size:24px;color:#1877f2}.event-date span{font-size:13px;color:#64748b}.event-info h2{margin:0 0 4px}.story-reactions{display:flex;gap:6px;margin-top:8px}.admin-form{display:grid;gap:12px}.admin-form input,.admin-form textarea{width:100%;padding:10px;border:1px solid #dbe4f0;border-radius:12px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:10px;border-bottom:1px solid #e5edf8;text-align:left}@media(max-width:700px){.event-card{grid-template-columns:1fr}.event-date{text-align:left;display:flex;align-items:center;gap:10px}.event-date b{font-size:20px}}

/* Phase 3 Final – compact navigation, refined profile, legal pages, event banners */
.topbar{height:62px}.brand span{font-size:18px;white-space:nowrap}.top-actions a,.top-actions span{font-size:13px}.logout-btn{padding:9px 12px!important;border-radius:12px!important}.hamburgerTop{width:42px;height:42px;border-radius:14px}.sidenav{width:270px}.sidenav a{padding:11px 12px;margin:4px 0;font-size:14px}.side-title{font-size:18px;margin-bottom:10px}.mobile-bottom-nav a{font-size:18px}.mobile-bottom-nav span{font-size:10px}.footer-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:6px}.site-footer{padding:24px 12px;color:#64748b;text-align:center}.site-footer a{font-weight:700;color:#2f80ff}
.legal-card,.contact-card{max-width:900px;margin:0 auto;line-height:1.65}.legal-card h1,.contact-card h1{font-size:38px;margin:6px 0 16px}.legal-card h2{margin-top:24px}.contact-form{max-width:720px}.admin-separator{grid-column:1/-1;border:0;border-top:1px solid var(--line);width:100%;margin:12px 0}.admin-form-grid h3{grid-column:1/-1;margin:4px 0 0}.events-grid-pro{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.event-card-pro{overflow:hidden;padding:0!important}.event-banner{height:180px;background:#eaf3ff}.event-banner img{width:100%;height:100%;object-fit:cover;display:block}.event-body{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.event-body .btn{grid-column:1/-1}.event-date{min-width:72px;text-align:center;background:#fff3e8;border:1px solid #ffd8b8;border-radius:18px;padding:10px;color:#a4460b}.event-date b{display:block;font-size:24px}.event-date span{font-size:12px;font-weight:800}.profile-hero-modern{border-radius:30px!important;overflow:hidden!important;background:#fff!important}.profile-cover{height:310px!important;position:relative}.profile-cover-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,42,.06),rgba(15,23,42,.34))}.profile-modern-row{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:end;padding:0 30px 26px!important;margin-top:-72px!important;position:relative;z-index:2}.profile-avatar{width:152px!important;height:152px!important;border-radius:38px!important}.profile-name-line h1{font-size:38px!important;letter-spacing:-.035em}.profile-tabs{display:flex!important;gap:8px;position:sticky;top:72px;z-index:12;overflow:auto;padding:10px!important}.profile-tabs a{padding:10px 14px;border-radius:14px;font-weight:850;color:#64748b;white-space:nowrap}.profile-tabs a.active,.profile-tabs a:hover{background:#eaf3ff;color:#1f65c8}.profile-layout-refined{grid-template-columns:350px minmax(0,1fr)!important;gap:22px!important}.profile-sidebar-modern{position:relative!important}.profile-info-modern{position:static!important}.profile-friends-modern,.profile-badges-modern{position:sticky;top:134px;z-index:8}.profile-badges-modern{top:390px}.section-title{display:flex;align-items:center;gap:10px}.section-title h2,.section-title h3{margin:0}.profile-info-modern p{line-height:1.55}.profile-feed-modern .card{border-radius:24px}.friends-grid-full{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.friend-tile-wide{align-items:stretch;text-align:left}.friend-tile-wide a{display:flex;align-items:center;gap:10px}.level-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.level-help-grid div{background:#f8fbff;border:1px solid #e7edf8;border-radius:18px;padding:14px}.level-help-grid b{display:block;margin-bottom:4px}.level-help-grid span{color:#64748b;font-size:14px}.level-progress{height:12px;background:#eef2f7;border-radius:999px;overflow:hidden;margin:14px 0}.level-progress span{display:block;height:100%;background:linear-gradient(90deg,#2f80ff,#ff8a3d);border-radius:999px}.radio-player-pro{z-index:18}@media(max-width:900px){.topbar{height:58px}.brand span{font-size:15px}.top-actions .logout-btn,.top-actions>a:not(.top-icon){display:none}.profile-modern-row{grid-template-columns:1fr!important;text-align:center;justify-items:center;margin-top:-58px!important;padding:0 16px 18px!important}.profile-cover{height:230px!important}.profile-avatar{width:118px!important;height:118px!important;border-radius:30px!important}.profile-name-line h1{font-size:28px!important}.profile-layout-refined{grid-template-columns:1fr!important}.profile-friends-modern,.profile-badges-modern,.profile-tabs{position:static!important}.level-help-grid{grid-template-columns:1fr}.events-grid-pro{grid-template-columns:1fr}.event-body{grid-template-columns:1fr}.page{padding-bottom:84px}}

/* Finalcode Fix: Pinnwand-Likes entfernt, Reaktionsnutzer sichtbar */
.reaction-users{display:inline-flex;align-items:center;max-width:100%;font-size:12px;color:#64748b;background:#f8fbff;border:1px solid #e7edf8;border-radius:999px;padding:5px 9px;margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.reaction-btn small{font-size:11px;font-weight:800;margin-left:3px;color:inherit}
.chat-reactions{display:none!important}
.like-hover-list{display:none!important}

/* FINAL PATCH 2026-05-19: Chat-Dark-Design vereinheitlicht, alte helle Boxen entfernt */
body.chat-page-static{
  background:radial-gradient(circle at 18% 0%,rgba(46,111,255,.22),transparent 34%),radial-gradient(circle at 85% 8%,rgba(188,64,255,.16),transparent 32%),linear-gradient(180deg,#07111d 0%,#091522 58%,#120c24 100%)!important;
  color:#eaf2ff!important;
}
body.chat-page-static .topbar{
  background:rgba(6,16,29,.94)!important;
  border-bottom:1px solid rgba(116,147,190,.18)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.28)!important;
}
body.chat-page-static .brand,
body.chat-page-static .topbar a,
body.chat-page-static .topbar button{color:#f4f8ff!important;}
body.chat-page-static .radio-player-pro,
body.chat-page-static .chat-sidebar,
body.chat-page-static .chat-room-card,
body.chat-page-static .chat-box,
body.chat-page-static .chat-composer,
body.chat-page-static .modern-chat-head{
  border:1px solid rgba(137,170,220,.18)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.25)!important;
}
body.chat-page-static .chat-sidebar,
body.chat-page-static .chat-room-card{
  background:linear-gradient(180deg,rgba(11,28,48,.96),rgba(7,18,32,.98))!important;
}
body.chat-page-static .chat-side-section h3,
body.chat-page-static .chat-sidebar h3{
  color:#f5f9ff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.07))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:18px!important;
  padding:10px 12px!important;
  text-shadow:0 1px 8px rgba(0,0,0,.28)!important;
}
body.chat-page-static .room-link{
  color:#eaf2ff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.04))!important;
  border:1px solid rgba(137,170,220,.16)!important;
  box-shadow:none!important;
}
body.chat-page-static .room-link.active{
  color:#ffffff!important;
  background:linear-gradient(135deg,#297cff,#9b4dff)!important;
  border-color:rgba(255,255,255,.24)!important;
  outline:none!important;
}
body.chat-page-static .room-count,
body.chat-page-static #roomUserCount{
  background:linear-gradient(135deg,#2f80ff,#b44dff)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.2)!important;
}
body.chat-page-static .online-user{
  color:#eaf2ff!important;
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  border:1px solid rgba(137,170,220,.14)!important;
  border-bottom:0!important;
}
body.chat-page-static .online-user a{color:#ffffff!important;font-weight:900!important;}
body.chat-page-static .modern-chat-head{
  color:#f4f8ff!important;
  background:linear-gradient(135deg,rgba(47,128,255,.28),rgba(157,76,255,.18))!important;
}
body.chat-page-static .modern-chat-head h2{color:#ffffff!important;}
body.chat-page-static .modern-chat-head .muted{color:#b9c7dd!important;}
body.chat-page-static .chat-box{
  background:linear-gradient(180deg,rgba(7,19,34,.98),rgba(5,15,28,.99))!important;
}
body.chat-page-static .modern-msg,
body.chat-page-static .msg{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  min-height:0!important;
}
body.chat-page-static .msg-bubble{
  color:#eef6ff!important;
  background:linear-gradient(135deg,rgba(24,61,102,.92),rgba(13,47,74,.92))!important;
  border:1px solid rgba(137,170,220,.18)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.20)!important;
}
body.chat-page-static .modern-msg.own-message .msg-bubble{
  background:linear-gradient(135deg,#176ee8,#7647d8)!important;
  border-color:rgba(255,255,255,.20)!important;
}
body.chat-page-static .modern-msg.system .msg-bubble,
body.chat-page-static .modern-msg.bot .msg-bubble{
  color:#fff7ed!important;
  background:linear-gradient(135deg,rgba(255,138,61,.92),rgba(155,76,255,.82))!important;
  border-color:rgba(255,255,255,.20)!important;
}
body.chat-page-static .msg-name,
body.chat-page-static .modern-msg.own-message .msg-name{color:#ffffff!important;}
body.chat-page-static .msg-time{color:#c7d6eb!important;}
body.chat-page-static .msg-text{color:inherit!important;}
body.chat-page-static .chat-report-text{color:#6db4ff!important;font-weight:800!important;}
body.chat-page-static .chat-composer{
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.045))!important;
}
body.chat-page-static .chat-composer input#chatInput{
  color:#f5f9ff!important;
  background:rgba(4,13,24,.76)!important;
  border:1px solid rgba(137,170,220,.18)!important;
}
body.chat-page-static .chat-composer input#chatInput::placeholder{color:#8191aa!important;}
body.chat-page-static .icon-upload,
body.chat-page-static .emoji-toggle,
body.chat-page-static .chat-composer .secondary{
  color:#ffffff!important;
  background:rgba(255,255,255,.10)!important;
  border:1px solid rgba(255,255,255,.14)!important;
}
body.chat-page-static .chat-composer button[type=submit]{
  background:linear-gradient(135deg,#13a8ff,#2f80ff)!important;
  color:#fff!important;
}
body.chat-page-static .cookie{
  background:rgba(9,20,35,.96)!important;
  border:1px solid rgba(137,170,220,.20)!important;
  color:#f4f8ff!important;
}

/* ChrisEmm Profile Darkfix - 2026-05-19
   Vereinheitlicht Profil/Pinnwand-Bereiche mit dem dunklen Radio-Design. */
body.profile-page-static{
  background:radial-gradient(circle at 12% 10%,rgba(47,128,255,.28),transparent 34%),radial-gradient(circle at 86% 24%,rgba(255,79,216,.20),transparent 34%),linear-gradient(180deg,#071321 0%,#06101c 54%,#071321 100%)!important;
  color:#f3f7ff!important;
}
body.profile-page-static .page{max-width:1240px!important;}
body.profile-page-static .topbar{
  background:rgba(6,16,29,.94)!important;border-bottom:1px solid rgba(116,147,190,.18)!important;box-shadow:0 10px 35px rgba(0,0,0,.28)!important;
}
body.profile-page-static .brand,body.profile-page-static .topbar a,body.profile-page-static .topbar button{color:#f4f8ff!important;}
body.profile-page-static .radio-player-pro,body.profile-page-static .profile-hero-modern,body.profile-page-static .profile-tabs,body.profile-page-static .card{
  background:linear-gradient(180deg,rgba(12,29,50,.96),rgba(8,19,34,.98))!important;
  border:1px solid rgba(137,170,220,.18)!important;
  color:#edf5ff!important;
  box-shadow:0 22px 60px rgba(0,0,0,.28)!important;
}
body.profile-page-static .profile-hero-modern{overflow:hidden!important;padding:0!important;}
body.profile-page-static .profile-cover{
  background-color:#0b1b30!important;
  background-size:cover!important;background-position:center!important;
  border-bottom:1px solid rgba(137,170,220,.20)!important;
}
body.profile-page-static .profile-cover:not([style*="background-image"]){
  background:linear-gradient(180deg,rgba(237,245,255,.92),rgba(91,107,125,.62) 45%,rgba(8,19,34,.98))!important;
}
body.profile-page-static .profile-cover-shade{background:linear-gradient(180deg,rgba(9,22,39,.08),rgba(7,17,31,.78))!important;}
body.profile-page-static .profile-modern-row{background:linear-gradient(135deg,rgba(16,35,61,.72),rgba(32,22,61,.72))!important;border-top:1px solid rgba(137,170,220,.12)!important;}
body.profile-page-static .profile-avatar{border:6px solid rgba(244,248,255,.94)!important;background:#0a1830!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important;}
body.profile-page-static h1,body.profile-page-static h2,body.profile-page-static h3,body.profile-page-static strong,body.profile-page-static .profile-name-line h1{color:#fff!important;text-shadow:0 2px 14px rgba(0,0,0,.25)!important;}
body.profile-page-static .muted,body.profile-page-static small,body.profile-page-static time{color:#b9c7dd!important;}
body.profile-page-static .profile-mini-stats span,body.profile-page-static .badge,body.profile-page-static .role-badge{
  color:#fff!important;background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:999px!important;
}
body.profile-page-static .profile-tabs{position:sticky!important;top:72px!important;z-index:20!important;backdrop-filter:blur(16px)!important;}
body.profile-page-static .profile-tabs a{color:#dce8fa!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(137,170,220,.14)!important;}
body.profile-page-static .profile-tabs a.active,body.profile-page-static .profile-tabs a:hover{color:#fff!important;background:linear-gradient(135deg,#297cff,#d83fd6)!important;border-color:rgba(255,255,255,.24)!important;}
body.profile-page-static .section-title span{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;color:#fff!important;}
body.profile-page-static .profile-info-modern p,body.profile-page-static .profile-info-card p{color:#eaf2ff!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(137,170,220,.12)!important;border-radius:16px!important;padding:10px 12px!important;}
body.profile-page-static .friend-tile,body.profile-page-static .friend-tile-wide,body.profile-page-static .suggestion-card,body.profile-page-static .visitor-row,body.profile-page-static .level-help-grid div{
  background:rgba(255,255,255,.065)!important;border:1px solid rgba(137,170,220,.15)!important;color:#eef6ff!important;box-shadow:none!important;
}
body.profile-page-static .level-progress{background:rgba(255,255,255,.10)!important;border:1px solid rgba(137,170,220,.12)!important;}
body.profile-page-static .level-progress span{background:linear-gradient(90deg,#2f80ff,#d83fd6,#ff8a3d)!important;}
body.profile-page-static .post-card,body.profile-page-static .profile-feed-modern .card{
  background:linear-gradient(180deg,rgba(12,29,50,.96),rgba(7,18,32,.98))!important;border-color:rgba(137,170,220,.18)!important;color:#edf5ff!important;
}
body.profile-page-static .post-card .post-head,body.profile-page-static .post-head{background:rgba(255,255,255,.035)!important;border-radius:18px!important;}
body.profile-page-static .post-card a,body.profile-page-static .post-actions a,body.profile-page-static .actions a{color:#69b7ff!important;font-weight:800!important;}
body.profile-page-static .reaction-line,body.profile-page-static .comment-box,body.profile-page-static .comment-form{border-top:1px solid rgba(137,170,220,.18)!important;}
body.profile-page-static .reaction-btn{background:linear-gradient(135deg,#13a8ff,#2f80ff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;}
body.profile-page-static input,body.profile-page-static select,body.profile-page-static textarea{
  color:#f5f9ff!important;background:rgba(4,13,24,.76)!important;border:1px solid rgba(137,170,220,.18)!important;
}
body.profile-page-static input::placeholder,body.profile-page-static textarea::placeholder{color:#8191aa!important;}
body.profile-page-static .btn,body.profile-page-static button{background:linear-gradient(135deg,#13a8ff,#2f80ff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;}
body.profile-page-static .btn.secondary,body.profile-page-static button.secondary{background:rgba(255,255,255,.10)!important;color:#fff!important;}
body.profile-page-static footer,body.profile-page-static .footer{background:rgba(5,14,25,.88)!important;color:#d7e5f8!important;border-top:1px solid rgba(137,170,220,.14)!important;}
body.profile-page-static .cookie{background:rgba(9,20,35,.96)!important;border:1px solid rgba(137,170,220,.20)!important;color:#f4f8ff!important;}
@media(max-width:900px){body.profile-page-static .profile-tabs{position:static!important}body.profile-page-static .profile-layout-refined{grid-template-columns:1fr!important}}

/* FINAL FIX: Lange Profilinfo-Links umbrechen statt Container sprengen */
.profile-info-card,.profile-info-modern,.profile-info-modern p{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important;white-space:normal!important;}
.profile-info-modern p a,.profile-info-card a{max-width:100%!important;overflow-wrap:anywhere!important;word-break:break-word!important;word-wrap:break-word!important;line-height:1.45!important;}

/* Hugo als System-Bot in Chat und Onlineliste */
.online-user.hugo-online{background:linear-gradient(135deg,rgba(0,188,255,.22),rgba(111,66,255,.18));border:1px solid rgba(0,188,255,.35);box-shadow:0 0 18px rgba(0,188,255,.14);}
.hugo-online .mini-avatar{border:2px solid rgba(0,188,255,.85);box-shadow:0 0 14px rgba(0,188,255,.35);}
.hugo-online-name{font-weight:900;color:#fff;}
.bot-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#08a9ff,#8b5cf6);color:#fff;font-size:11px;font-weight:900;line-height:1;margin-left:6px;}
.online-dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.75);margin-left:auto;display:inline-block;}
.msg.system .chat-avatar,.msg.bot .chat-avatar{border:2px solid rgba(0,188,255,.9);box-shadow:0 0 18px rgba(0,188,255,.32);}
.msg.system .msg-name,.msg.bot .msg-name{color:#7dd3fc;font-weight:900;}


/* FINAL 2026-05-19: großes Header-Logo, Story-Komfort, Hugo-Systemavatar */
.topbar{height:76px!important;min-height:76px!important;padding:8px 18px!important;background:rgba(6,16,29,.94)!important;border-bottom:1px solid rgba(116,147,190,.18)!important;}
.brand.brand-logo-main{display:flex!important;align-items:center!important;min-width:0!important;max-width:min(430px,48vw)!important;height:100%!important;gap:0!important;}
.brand.brand-logo-main .site-logo-img{display:block!important;width:auto!important;height:64px!important;max-height:64px!important;max-width:390px!important;object-fit:contain!important;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35)) drop-shadow(0 0 12px rgba(47,128,255,.22))!important;}
.brand.brand-logo-main span{font-size:20px!important;font-weight:900!important;color:#fff!important;}
.page{padding-top:calc(var(--topbar-h, 72px) + 28px)!important;}
body.chat-page-static .chat-app-shell{top:86px!important;}
body.chat-page-static .radio-player-pro + .chat-app-shell{top:150px!important;}
@media(max-width:900px){.topbar{height:66px!important;min-height:66px!important;padding:7px 10px!important}.brand.brand-logo-main{max-width:52vw!important}.brand.brand-logo-main .site-logo-img{height:52px!important;max-height:52px!important;max-width:230px!important}.top-actions a:not(.top-icon),.logout-btn{display:none!important}body.chat-page-static .chat-app-shell{top:72px!important}}

/* Storys direkt in der Pinnwand: kompakt, sauber, keine überlagerten Reaktionen */
.wall-stories-inline{padding:16px!important;overflow:hidden!important;border-radius:26px!important;}
.wall-stories-inline .story-tray-head{margin-bottom:10px!important;}
.wall-stories-inline .story-tray-head h3{font-size:22px!important;margin:0!important;color:#fff!important;}
.wall-story-composer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px!important;margin-bottom:14px!important;}
.wall-story-composer textarea{min-height:54px!important;max-height:92px!important;resize:vertical!important;border-radius:18px!important;}
.story-tools-inline{display:flex!important;gap:8px!important;flex-wrap:wrap!important;align-items:center!important;}
.wall-story-grid{display:grid!important;grid-auto-flow:column!important;grid-auto-columns:minmax(178px,210px)!important;grid-template-columns:none!important;gap:12px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:4px 2px 12px!important;scroll-snap-type:x proximity!important;}
.wall-story-grid::-webkit-scrollbar{height:8px}.wall-story-grid::-webkit-scrollbar-thumb{background:rgba(125,165,220,.35);border-radius:999px}.wall-story-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px}
.wall-story-card{position:relative!important;display:flex!important;flex-direction:column!important;min-height:255px!important;max-height:none!important;border-radius:22px!important;padding:12px!important;background:linear-gradient(145deg,var(--story-bg,#137aff),rgba(9,20,35,.96))!important;color:#fff!important;box-shadow:0 16px 38px rgba(0,0,0,.25)!important;overflow:hidden!important;scroll-snap-align:start!important;}
.wall-story-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 0%,rgba(255,255,255,.24),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20));pointer-events:none;}
.wall-story-card>*{position:relative;z-index:1;}
.wall-story-card header{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;gap:8px!important;align-items:center!important;margin-bottom:8px!important;}
.wall-story-card header img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.9)!important;}
.wall-story-card header b{font-size:13px!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#fff!important;}
.wall-story-card header time{font-size:11px!important;color:rgba(255,255,255,.78)!important;}
.wall-story-card .story-body{display:flex!important;flex-direction:column!important;gap:7px!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important;}
.wall-story-card .story-body img,.wall-story-card .story-body video{width:100%!important;height:118px!important;max-height:118px!important;object-fit:cover!important;border-radius:16px!important;margin:0!important;background:#06101c!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)!important;}
.wall-story-card .story-body p{font-size:13.5px!important;line-height:1.32!important;font-weight:800!important;margin:0!important;display:-webkit-box!important;-webkit-line-clamp:4!important;-webkit-box-orient:vertical!important;overflow:hidden!important;text-shadow:0 2px 12px rgba(0,0,0,.35)!important;}
.wall-story-card .reaction-line{position:static!important;margin-top:10px!important;padding-top:9px!important;border-top:1px solid rgba(255,255,255,.16)!important;display:grid!important;grid-template-columns:1fr!important;gap:7px!important;background:transparent!important;min-height:auto!important;}
.wall-story-card .reaction-total,.wall-story-card .reaction-users{display:block!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-size:11px!important;color:rgba(255,255,255,.86)!important;}
.wall-story-card .reaction-picker{display:flex!important;gap:5px!important;flex-wrap:nowrap!important;overflow-x:auto!important;padding-bottom:2px!important;}
.wall-story-card .reaction-btn{flex:0 0 auto!important;width:30px!important;height:30px!important;min-width:30px!important;padding:0!important;border-radius:999px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.20)!important;color:#fff!important;box-shadow:none!important;}
.wall-story-card .reaction-btn small{font-size:9px!important;margin-left:1px!important;}
.wall-story-card .story-delete-inline{margin-top:7px!important;text-align:right!important;}
.wall-story-card .story-delete-inline button{font-size:12px!important;padding:4px 7px!important;border-radius:10px!important;}
@media(max-width:700px){.wall-stories-inline{padding:12px!important}.wall-story-grid{grid-auto-columns:168px!important}.wall-story-card{min-height:238px!important;padding:10px!important}.wall-story-card .story-body img,.wall-story-card .story-body video{height:96px!important;max-height:96px!important}}

/* Hugo-Systemnachrichten immer mit sichtbarem Avatar */
.msg.system .chat-avatar,.msg.bot .chat-avatar{width:52px!important;height:52px!important;object-fit:cover!important;background:#071321!important;border:2px solid rgba(0,188,255,.95)!important;box-shadow:0 0 20px rgba(0,188,255,.35)!important;}
.modern-msg.system .msg-bubble,.modern-msg.bot .msg-bubble{background:linear-gradient(135deg,rgba(7,27,48,.98),rgba(22,43,77,.96))!important;color:#edf7ff!important;border-color:rgba(0,188,255,.28)!important;}


/* FINAL HOTFIX 2026-05-19: Header-Logo massiv größer + sauber skaliert */
.topbar{height:150px!important;min-height:150px!important;padding:14px 28px!important;}
.brand.brand-logo-main{max-width:min(760px,58vw)!important;height:100%!important;align-items:center!important;}
.brand.brand-logo-main .site-logo-img{height:128px!important;max-height:128px!important;max-width:720px!important;width:auto!important;object-fit:contain!important;display:block!important;}
.brand.brand-logo-main span{display:none!important;}
body.chat-page-static .chat-app-shell{top:156px!important;}
@media(max-width:900px){.topbar{height:112px!important;min-height:112px!important;padding:10px 14px!important}.brand.brand-logo-main{max-width:68vw!important}.brand.brand-logo-main .site-logo-img{height:96px!important;max-height:96px!important;max-width:360px!important}body.chat-page-static .chat-app-shell{top:118px!important;}}
@media(max-width:480px){.topbar{height:92px!important;min-height:92px!important}.brand.brand-logo-main .site-logo-img{height:76px!important;max-height:76px!important;max-width:260px!important}body.chat-page-static .chat-app-shell{top:98px!important;}}

/* Admin Beauty + Hugo KI Panel 2026-05-19 */
body:has(.admin-shell), body.admin-page{
  background:
    radial-gradient(circle at 8% 6%, rgba(47,128,255,.30), transparent 32%),
    radial-gradient(circle at 92% 16%, rgba(255,79,216,.18), transparent 28%),
    linear-gradient(180deg,#071321 0%,#06101d 58%,#081626 100%) !important;
  color:#eef6ff !important;
}
.admin-shell.card,
.admin-shell,
.admin-panel-card,
.admin-hugo-hero,
.admin-nav-manager,
.admin-grid .card,
.admin-shell ~ .card,
main.page > .card{
  background:linear-gradient(180deg,rgba(12,29,50,.96),rgba(7,18,32,.98)) !important;
  border:1px solid rgba(137,170,220,.18) !important;
  color:#eef6ff !important;
  box-shadow:0 24px 70px rgba(0,0,0,.30) !important;
  border-radius:26px !important;
}
.admin-shell-head{
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  padding:6px 2px 18px;border-bottom:1px solid rgba(137,170,220,.14);margin-bottom:18px;
}
.admin-shell-head h1,
.admin-shell h1,
.admin-shell h2,
.admin-shell h3,
.admin-panel-card h3,
.admin-hugo-hero h2,
.admin-grid .stat{color:#fff!important;text-shadow:0 3px 18px rgba(0,0,0,.25)}
.admin-shell .muted,
.admin-panel-card .muted,
.admin-hugo-hero .muted,
.admin-shell small,
.admin-panel-card p{color:#b9c7dd!important;}
.admin-nav-grid{
  display:grid!important;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px!important;margin-top:18px!important;
}
.admin-nav-grid a{
  display:grid!important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  min-height:84px;padding:16px!important;border-radius:20px!important;text-decoration:none!important;
  color:#eef6ff!important;background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;
  border:1px solid rgba(137,170,220,.16)!important;box-shadow:0 12px 34px rgba(0,0,0,.18)!important;transition:.18s ease!important;
}
.admin-nav-grid a:hover{transform:translateY(-2px);border-color:rgba(47,128,255,.55)!important;box-shadow:0 18px 45px rgba(47,128,255,.16)!important;background:linear-gradient(135deg,rgba(47,128,255,.22),rgba(216,63,214,.12))!important;}
.admin-nav-grid a i{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#13a8ff,#2f80ff);color:#fff;font-size:18px;box-shadow:0 12px 30px rgba(47,128,255,.25)}
.admin-nav-grid a span{font-weight:900;color:#fff;font-size:15px}.admin-nav-grid a small{font-size:12px;color:#9eb0ca!important;}
.admin-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px!important;margin:20px 0!important}.admin-grid .card{text-align:left!important;padding:20px!important}.admin-grid .stat{font-size:38px!important;font-weight:950!important;line-height:1!important}.admin-grid p{color:#b9c7dd!important;margin:.4rem 0 0!important;font-weight:800!important}
.admin-form input,
.admin-form select,
.admin-form textarea,
.admin-panel-card input,
.admin-panel-card select,
.admin-panel-card textarea,
.admin-hugo-form input,
.admin-hugo-form select,
.admin-hugo-form textarea,
.admin-shell ~ .card input,
.admin-shell ~ .card select,
.admin-shell ~ .card textarea,
main.page > .card input,
main.page > .card select,
main.page > .card textarea{
  width:100%;background:rgba(4,13,24,.78)!important;color:#f5f9ff!important;border:1px solid rgba(137,170,220,.20)!important;border-radius:16px!important;padding:13px 14px!important;outline:none!important;
}
.admin-form input:focus,.admin-panel-card input:focus,.admin-hugo-form input:focus,.admin-hugo-form textarea:focus{border-color:rgba(47,128,255,.75)!important;box-shadow:0 0 0 4px rgba(47,128,255,.14)!important;}
.admin-form label,.admin-hugo-form label,.admin-panel-card label{display:block;color:#eaf2ff!important;font-weight:800;margin:10px 0 8px!important}.admin-hugo-form label input,.admin-hugo-form label textarea{margin-top:8px!important}
.admin-shell button,.admin-shell .btn,.admin-hugo-form button,.admin-sticky-save .btn,main.page > .card button{
  border:0!important;border-radius:16px!important;padding:12px 18px!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#13a8ff,#2f80ff)!important;box-shadow:0 14px 34px rgba(47,128,255,.22)!important;text-decoration:none!important;cursor:pointer!important;
}
.admin-shell .btn.secondary,.admin-sticky-save .btn.secondary{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:none!important}
.admin-hugo-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:24px!important;overflow:hidden;position:relative}.admin-hugo-hero:before{content:"";position:absolute;inset:auto -80px -100px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(47,128,255,.28),transparent 70%)}.hugo-hero-left{display:flex;align-items:center;gap:18px;position:relative;z-index:1}.hugo-admin-avatar{width:96px;height:96px;border-radius:28px;padding:5px;background:linear-gradient(135deg,#13a8ff,#d83fd6,#ff8a3d);box-shadow:0 20px 60px rgba(47,128,255,.23)}.hugo-admin-avatar img{width:100%;height:100%;object-fit:cover;border-radius:23px;background:#071321}.hugo-status-grid{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1}.hugo-status-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;font-weight:900;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#dbe8fb}.hugo-status-pill.on{background:rgba(34,197,94,.16);border-color:rgba(34,197,94,.30);color:#d7ffe7}.hugo-status-pill.off{background:rgba(255,138,61,.12);border-color:rgba(255,138,61,.25);color:#ffe8d7}.admin-hugo-form{display:grid;gap:18px}.admin-card-title{display:flex;align-items:center;gap:14px;margin-bottom:16px}.admin-card-title>i{display:grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,#13a8ff,#2f80ff);color:#fff;box-shadow:0 14px 32px rgba(47,128,255,.23)}.admin-card-title h3{margin:0!important}.admin-card-title p{margin:3px 0 0!important}.admin-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-toggle-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:14px}.admin-toggle{display:flex!important;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(137,170,220,.14);border-radius:18px;padding:13px 14px;color:#eef6ff!important}.admin-toggle.big{margin:0 0 14px!important;background:linear-gradient(135deg,rgba(47,128,255,.18),rgba(216,63,214,.10));}.admin-toggle input{width:auto!important;margin:0!important;accent-color:#2f80ff}.admin-toggle span{font-weight:900}.admin-avatar-upload{display:flex;align-items:center;gap:18px}.admin-avatar-upload img{width:120px;height:120px;object-fit:cover;border-radius:32px;background:#071321;border:1px solid rgba(137,170,220,.22);box-shadow:0 18px 50px rgba(0,0,0,.24)}.admin-sticky-save{position:sticky;bottom:18px;z-index:50;display:flex;gap:10px;justify-content:flex-end;background:rgba(7,19,33,.78);backdrop-filter:blur(18px);border:1px solid rgba(137,170,220,.18);padding:12px;border-radius:22px;box-shadow:0 20px 60px rgba(0,0,0,.28)}.card.success{border-color:rgba(34,197,94,.35)!important;background:linear-gradient(135deg,rgba(34,197,94,.18),rgba(7,18,32,.98))!important}.card.alert{border-color:rgba(255,138,61,.35)!important;background:linear-gradient(135deg,rgba(255,138,61,.14),rgba(7,18,32,.98))!important}.nav-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.nav-manager-item{display:flex!important;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(137,170,220,.14);padding:14px;border-radius:18px}.nav-manager-item input{width:auto!important;accent-color:#2f80ff}.nav-manager-item strong{color:#fff}.nav-manager-item small{display:block;color:#b9c7dd!important;margin-top:2px}
@media(max-width:780px){.admin-shell-head,.admin-hugo-hero{display:block}.hugo-hero-left{align-items:flex-start}.hugo-status-grid{justify-content:flex-start;margin-top:16px}.admin-two-col{grid-template-columns:1fr}.admin-avatar-upload{align-items:flex-start;flex-direction:column}.admin-sticky-save{justify-content:stretch;flex-direction:column}.admin-sticky-save .btn{text-align:center}.admin-nav-grid{grid-template-columns:1fr!important}}

/* FINAL 2026-05-19: Hugo lokal, Navi bereinigt, moderne Eventseite */
.events-page-modern{max-width:1180px;margin:0 auto;padding:18px 12px 70px}.events-hero-modern{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;align-items:stretch;padding:34px;border:1px solid rgba(90,160,255,.24)!important;background:radial-gradient(circle at 15% 10%,rgba(47,128,255,.30),transparent 36%),linear-gradient(135deg,rgba(10,18,36,.98),rgba(11,25,56,.94))!important;box-shadow:0 24px 80px rgba(0,0,0,.32)!important}.events-hero-modern:before{content:"";position:absolute;inset:-60px -80px auto auto;width:260px;height:260px;border-radius:999px;background:rgba(45,145,255,.22);filter:blur(18px)}.events-hero-copy,.events-next-box{position:relative;z-index:1}.events-hero-copy h1{font-size:clamp(2.1rem,5vw,4.4rem);line-height:.95;margin:8px 0 14px;color:#fff;letter-spacing:-.06em}.events-hero-copy .muted{max-width:680px;color:#bfd2f7!important;font-size:1.05rem}.events-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.events-next-box{display:flex;flex-direction:column;justify-content:center;min-height:210px;border-radius:28px;padding:26px;background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}.events-next-box small{color:#9ec5ff;text-transform:uppercase;font-weight:900;letter-spacing:.12em}.events-next-box strong{display:block;margin:10px 0;color:#fff;font-size:1.45rem;line-height:1.15}.events-next-box em{color:#d8e7ff;font-style:normal}.events-live-dot{width:12px;height:12px;border-radius:99px;background:#35ffb0;box-shadow:0 0 0 8px rgba(53,255,176,.12),0 0 25px rgba(53,255,176,.7);margin-bottom:16px}.events-toolbar-modern{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0;padding:16px 20px!important;background:rgba(11,20,42,.86)!important;border:1px solid rgba(90,160,255,.18)!important;color:#dbeaff!important}.events-toolbar-modern strong{font-size:1.5rem;color:#fff}.events-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:18px}.event-card-modern{overflow:hidden;padding:0!important;background:linear-gradient(180deg,rgba(13,25,52,.96),rgba(8,15,32,.98))!important;border:1px solid rgba(90,160,255,.20)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.event-card-modern:hover{transform:translateY(-4px);border-color:rgba(89,166,255,.55)!important;box-shadow:0 24px 70px rgba(24,119,242,.18)!important}.event-media-modern{position:relative;height:190px;background:#09152d;overflow:hidden}.event-media-modern img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)}.event-media-modern:after{content:"";position:absolute;inset:auto 0 0;height:70%;background:linear-gradient(transparent,rgba(5,10,24,.84))}.event-placeholder-modern{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;background:radial-gradient(circle at center,rgba(47,128,255,.28),rgba(8,15,32,.96));color:#dbeaff;font-weight:900}.event-placeholder-modern i{font-size:3rem;color:#66adff}.event-date-badge{position:absolute;top:14px;left:14px;z-index:2;width:68px;height:68px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(4,10,24,.74);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.30)}.event-date-badge b{font-size:1.55rem;line-height:1}.event-date-badge span{text-transform:uppercase;font-size:.75rem;color:#9ec5ff;font-weight:900}.event-content-modern{padding:20px}.event-meta-modern{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.event-meta-modern span,.event-attendees{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;background:rgba(47,128,255,.11);border:1px solid rgba(90,160,255,.15);color:#bdd7ff;font-size:.84rem;font-weight:800}.event-content-modern h2{color:#fff;margin:0 0 10px;font-size:1.35rem;letter-spacing:-.02em}.event-content-modern p{color:#c8d8f4;line-height:1.55;min-height:54px}.event-footer-modern{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.events-empty-modern{grid-column:1/-1;text-align:center;padding:50px 24px!important;background:linear-gradient(180deg,rgba(12,24,50,.96),rgba(8,15,32,.98))!important}.events-empty-modern i{font-size:3rem;color:#65adff;margin-bottom:12px}.hugo-status-pill{white-space:nowrap}.admin-hugo-form textarea{font-family:inherit}.sidenav a[href="/admin/schedule.php"],.sidenav a[href="/admin/events.php"]{display:none!important}
@media (max-width:760px){.events-hero-modern{grid-template-columns:1fr;padding:24px}.events-next-box{min-height:150px}.events-toolbar-modern{align-items:flex-start;flex-direction:column}.event-footer-modern{align-items:stretch;flex-direction:column}.event-media-modern{height:170px}.events-grid-modern{grid-template-columns:1fr}.events-page-modern{padding-left:10px;padding-right:10px}}

/* FINAL PATCH 2026-05-19: Nachrichten/Postfach komplett im dunklen Radio-Design */
.mail-app.card,
.mail-app,
.mail-compose-drawer.card{
  background:linear-gradient(180deg,rgba(8,16,34,.98),rgba(5,10,24,.98))!important;
  border:1px solid rgba(90,160,255,.22)!important;
  box-shadow:0 22px 80px rgba(0,0,0,.34)!important;
  color:#eaf3ff!important;
}
.mail-toolbar{
  background:radial-gradient(circle at 0 0,rgba(47,128,255,.30),transparent 34%),linear-gradient(135deg,rgba(10,22,48,.98),rgba(7,14,31,.98))!important;
  border-bottom:1px solid rgba(90,160,255,.20)!important;
}
.mail-toolbar h1,
.mail-thread-head h2,
.mail-folder-title,
.mail-person h2,
.mail-empty-state h2{
  color:#ffffff!important;
}
.mail-toolbar p,
.mail-app .muted,
.mail-person p,
.mail-empty,
.mail-empty-state p{
  color:#adc6ef!important;
}
.mail-layout{
  background:linear-gradient(135deg,rgba(6,13,30,.98),rgba(9,21,45,.96))!important;
}
.mail-sidebar{
  background:rgba(7,17,38,.90)!important;
  border-right:1px solid rgba(90,160,255,.20)!important;
}
.mail-thread-link{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(137,170,220,.13)!important;
  color:#eef6ff!important;
}
.mail-thread-link:hover,
.mail-thread-link.active{
  background:linear-gradient(135deg,rgba(47,128,255,.20),rgba(216,63,214,.09))!important;
  border-color:rgba(90,160,255,.38)!important;
  box-shadow:0 14px 36px rgba(47,128,255,.14)!important;
}
.mail-thread-copy b{color:#ffffff!important;}
.mail-thread-copy small,
.mail-thread-link time{color:#a9bddc!important;}
.mail-thread-panel{
  background:radial-gradient(circle at 100% 0,rgba(47,128,255,.16),transparent 32%),linear-gradient(180deg,rgba(8,18,40,.98),rgba(4,10,24,.98))!important;
}
.mail-thread-head{
  background:rgba(7,17,38,.92)!important;
  border-bottom:1px solid rgba(90,160,255,.20)!important;
}
.mail-thread-body{
  background:linear-gradient(180deg,rgba(6,13,30,.50),rgba(4,10,24,.74))!important;
}
.mail-bubble{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(137,170,220,.17)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  color:#edf6ff!important;
}
.mail-message.mine .mail-bubble{
  background:linear-gradient(135deg,rgba(47,128,255,.96),rgba(18,168,255,.76))!important;
  border-color:rgba(150,205,255,.34)!important;
  color:#ffffff!important;
}
.mail-bubble header b,
.mail-text,
.mail-bubble footer,
.mail-bubble a{color:#edf6ff!important;}
.mail-bubble time{color:#a9bddc!important;opacity:1!important;}
.mail-message.mine .mail-bubble time,
.mail-message.mine .mail-bubble header b,
.mail-message.mine .mail-text,
.mail-message.mine .mail-bubble footer,
.mail-message.mine .mail-bubble a{color:#ffffff!important;}
.mail-reply-form,
.mail-compose-drawer .form,
.pm-form{
  background:rgba(7,17,38,.94)!important;
  border-top:1px solid rgba(90,160,255,.20)!important;
  color:#eef6ff!important;
}
.mail-reply-form textarea,
.mail-compose-drawer select,
.mail-compose-drawer textarea,
.pm-form select,
.pm-form textarea{
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(137,170,220,.20)!important;
  color:#ffffff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.mail-reply-form textarea::placeholder,
.mail-compose-drawer textarea::placeholder{color:#8da4c6!important;}
.mail-reply-tools .secondary,
.mail-compose-drawer .secondary,
.mail-reply-tools .file-pill,
.mail-compose-drawer .file-pill,
.pm-form .file-pill{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(137,170,220,.18)!important;
  color:#eaf3ff!important;
  border-radius:14px!important;
}
.mail-reply-tools button,
.pm-form button{
  background:linear-gradient(135deg,#13a8ff,#2f80ff)!important;
  border:0!important;
  color:#fff!important;
  border-radius:14px!important;
  font-weight:900!important;
}
.mail-compose-drawer{
  background:linear-gradient(180deg,rgba(8,18,40,.98),rgba(4,10,24,.98))!important;
}
.mail-empty-state{
  color:#eef6ff!important;
}
@media(max-width:760px){
  .mail-sidebar{border-right:0!important;border-bottom:1px solid rgba(90,160,255,.20)!important;}
  .mail-reply-form{background:rgba(7,17,38,.98)!important;box-shadow:0 -14px 36px rgba(0,0,0,.28)!important;}
}


/* Phase 4.2 Chat replies / Hugo greeting */
.chat-reply-preview{grid-column:1/-1;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-radius:16px;background:rgba(59,130,246,.14);border:1px solid rgba(96,165,250,.28);color:#dbeafe;min-width:220px}
.chat-reply-preview span{display:grid;gap:2px;min-width:0}.chat-reply-preview b{font-size:13px}.chat-reply-preview small{font-size:12px;opacity:.82;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}.chat-reply-preview button{width:28px;height:28px;border-radius:999px;padding:0;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.16)}
.msg-quote{margin:7px 0 8px;padding:8px 10px;border-left:3px solid #60a5fa;border-radius:10px;background:rgba(96,165,250,.12);font-size:13px;line-height:1.35;color:#dbeafe;word-break:break-word}.msg-reply{border:0;background:rgba(255,255,255,.08);color:#dbeafe;border-radius:999px;width:27px;height:27px;display:inline-grid;place-items:center;cursor:pointer;margin-left:6px}.msg-reply:hover{background:rgba(96,165,250,.22)}
.hugo-login-greeting{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,64,175,.72))!important;border:1px solid rgba(96,165,250,.28)!important;color:#fff;margin-bottom:16px}.hugo-login-greeting img{width:58px;height:58px;border-radius:18px;object-fit:cover;box-shadow:0 0 24px rgba(59,130,246,.35)}.hugo-login-greeting b{display:block;font-size:16px}.hugo-login-greeting p{margin:3px 0 0;color:#dbeafe}


/* FINAL PATCH: runde Chat-Aktionsbuttons entfernt, Aktionen als Textlinks */
.msg-meta .msg-reply,
.msg-meta .msg-delete,
.chat-report-text,
.link-btn,
.text-action,
.danger-text{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  min-height:0!important;
  padding:0 0 2px!important;
  margin-left:10px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#8ec5ff!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
  cursor:pointer!important;
}
.msg-meta .msg-reply::after,
.chat-report-text::after,
.link-btn::after,
.text-action::after{
  content:'';
  display:block;
  height:1px;
  width:100%;
  background:linear-gradient(90deg,transparent,#58b7ff,transparent);
  opacity:.45;
  position:absolute;
  bottom:-2px;
  left:0;
}
.msg-meta .msg-reply,
.chat-report-text,
.link-btn,
.text-action{position:relative!important;}
.msg-meta .msg-reply:hover,
.chat-report-text:hover,
.link-btn:hover,
.text-action:hover{
  color:#ffffff!important;
  transform:none!important;
}
.msg-meta .msg-delete,
.danger-text,
.text-action.danger{
  color:#ff9f9f!important;
}
.msg-meta .msg-delete:hover,
.danger-text:hover,
.text-action.danger:hover{
  color:#ffffff!important;
}
.chat-reply-preview button{
  width:auto!important;
  height:auto!important;
  min-width:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#ffb4b4!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:none!important;
}
.chat-reply-preview button::before{content:'Abbrechen';}
.chat-reply-preview button{font-size:0!important;}
.chat-reply-preview button::before{font-size:13px!important;}
.giphy-head button,
.closeNav{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8ec5ff!important;
  padding:0!important;
  box-shadow:none!important;
}
.giphy-head button{font-size:0!important;}
.giphy-head button::before{content:'Schließen';font-size:13px;font-weight:900;}
.emoji-bar button{
  border-radius:12px!important;
}


/* FINAL PATCH: Chat-Nachrichten schöner + mehr Textabstand + DSGVO Export */
body.chat-page-static .chat-box{
  padding:18px 18px 22px!important;
}
body.chat-page-static .modern-msg{
  display:grid!important;
  grid-template-columns:48px minmax(0, 1fr)!important;
  gap:12px!important;
  margin:12px 0!important;
  align-items:flex-start!important;
}
body.chat-page-static .chat-avatar{
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(64,180,255,.28)!important;
  box-shadow:0 8px 22px rgba(0,0,0,.32)!important;
}
body.chat-page-static .msg-bubble{
  width:fit-content!important;
  max-width:min(760px, calc(100vw - 135px))!important;
  min-width:240px!important;
  padding:18px 22px 14px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(18,34,58,.96),rgba(13,24,44,.96))!important;
  border:1px solid rgba(130,166,222,.20)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.24)!important;
}
body.chat-page-static .modern-msg.own-message .msg-bubble{
  padding:20px 24px 16px!important;
  background:linear-gradient(135deg,#236de7 0%,#584fe4 58%,#7b3be0 100%)!important;
  border-color:rgba(255,255,255,.22)!important;
  box-shadow:0 18px 44px rgba(62,88,220,.28)!important;
}
body.chat-page-static .msg-meta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
  margin-bottom:10px!important;
}
body.chat-page-static .msg-meta-left,
body.chat-page-static .msg-meta-right{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
  flex-wrap:wrap!important;
}
body.chat-page-static .msg-name{
  font-size:16px!important;
  font-weight:900!important;
  letter-spacing:.01em!important;
}
body.chat-page-static .msg-time{
  font-size:13px!important;
  opacity:.78!important;
}
body.chat-page-static .msg-text{
  font-size:17px!important;
  line-height:1.55!important;
  padding:2px 0 8px!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
body.chat-page-static .msg-action,
body.chat-page-static .msg-reply,
body.chat-page-static .msg-delete,
body.chat-page-static .chat-report-text{
  display:inline-flex!important;
  align-items:center!important;
  min-height:auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#bcd0ff!important;
  font-weight:800!important;
  font-size:13px!important;
  text-decoration:none!important;
  line-height:1.2!important;
}
body.chat-page-static .msg-action:hover,
body.chat-page-static .chat-report-text:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
}
body.chat-page-static .msg-delete{color:#ffc0d0!important;}
body.chat-page-static .chat-report-text{
  margin-top:8px!important;
  color:#8db3e8!important;
}
body.chat-page-static .msg-quote{
  margin:6px 0 12px!important;
  padding:10px 12px!important;
  border-left:3px solid rgba(64,180,255,.65)!important;
  border-radius:12px!important;
  background:rgba(4,12,22,.28)!important;
  color:#dbeafe!important;
  font-size:14px!important;
}
body.chat-page-static .age-badge,
body.chat-page-static .role-badge,
body.chat-page-static .team-badge,
body.chat-page-static .bot-badge{
  padding:4px 8px!important;
  border-radius:999px!important;
  line-height:1!important;
}
.profile-data-export-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#7dd3fc!important;
  font-weight:900!important;
  text-decoration:none!important;
  padding:10px 0!important;
}
.profile-data-export-link:hover{text-decoration:underline!important;color:#ffffff!important;}
@media(max-width:700px){
  body.chat-page-static .modern-msg{grid-template-columns:38px minmax(0,1fr)!important;gap:9px!important;}
  body.chat-page-static .chat-avatar{width:38px!important;height:38px!important;}
  body.chat-page-static .msg-bubble,
  body.chat-page-static .modern-msg.own-message .msg-bubble{max-width:calc(100vw - 82px)!important;min-width:0!important;padding:15px 16px 13px!important;border-radius:18px!important;}
  body.chat-page-static .msg-meta{align-items:flex-start!important;gap:8px!important;flex-direction:column!important;margin-bottom:8px!important;}
  body.chat-page-static .msg-meta-right{gap:12px!important;}
  body.chat-page-static .msg-text{font-size:16px!important;}
}

/* Private Chat direkt im Chat */
.private-chat-link{
  margin-left:auto;
  border:0!important;
  background:transparent!important;
  color:#8fd6ff!important;
  font-weight:800;
  font-size:12px;
  padding:4px 0!important;
  cursor:pointer;
  box-shadow:none!important;
  text-shadow:none!important;
}
.private-chat-link:hover{color:#fff!important;text-decoration:underline;}
.private-chat-dock{
  position:fixed;
  right:22px;
  bottom:22px;
  width:min(430px, calc(100vw - 28px));
  height:min(620px, calc(100vh - 120px));
  z-index:9998;
  flex-direction:column;
  overflow:hidden;
  border-radius:24px;
  border:1px solid rgba(64,189,255,.35);
  background:linear-gradient(145deg, rgba(10,18,35,.98), rgba(20,30,55,.98));
  box-shadow:0 30px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(255,255,255,.04) inset;
  color:#f5f8ff;
}
.pm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(90deg, rgba(24,124,255,.18), rgba(151,80,255,.16));
}
.pm-head-user{display:flex;align-items:center;gap:12px;min-width:0;}
.pm-head-user img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(64,189,255,.65);box-shadow:0 0 18px rgba(23,168,255,.32);}
.pm-head-user strong{display:block;font-size:16px;color:#fff;}
.pm-head-user small{display:block;color:#aebddd;font-size:12px;line-height:1.3;}
.pm-head-actions{display:flex;align-items:center;gap:8px;}
.pm-close,.pm-delete{
  border:0!important;background:transparent!important;box-shadow:none!important;color:#b9c8ec!important;cursor:pointer;font-weight:900;padding:4px!important;
}
.pm-close{font-size:24px;line-height:1;}
.pm-delete{font-size:12px;white-space:nowrap;}
.pm-close:hover,.pm-delete:hover{color:#fff!important;text-decoration:underline;}
.pm-messages{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;}
.pm-empty,.pm-loading,.pm-error{margin:auto;text-align:center;color:#aebddd;padding:28px;}
.pm-error{color:#ffb2c2;}
.pm-line{display:flex;gap:10px;align-items:flex-end;}
.pm-line.own{justify-content:flex-end;}
.pm-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18);}
.pm-bubble{max-width:78%;padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);}
.pm-line.own .pm-bubble{background:linear-gradient(135deg, rgba(27,132,255,.88), rgba(111,67,221,.82));border-color:rgba(163,207,255,.24);}
.pm-meta{display:flex;align-items:center;gap:8px;margin-bottom:5px;font-size:12px;color:#c8d5f3;}
.pm-meta strong{color:#fff;}
.pm-meta span{opacity:.78;}
.pm-text{font-size:14px;line-height:1.45;color:#fff;word-break:break-word;overflow-wrap:anywhere;}
.pm-form{display:flex;gap:10px;padding:14px;border-top:1px solid rgba(255,255,255,.08);background:rgba(3,9,20,.45);}
.pm-form input{flex:1;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);color:#fff;padding:12px 13px;outline:none;}
.pm-form input:focus{border-color:rgba(35,180,255,.75);box-shadow:0 0 0 3px rgba(35,180,255,.12);}
.pm-form button{border:0;border-radius:15px;padding:0 16px;background:linear-gradient(135deg,#18a8ff,#7b4dff);color:#fff;font-weight:900;cursor:pointer;}
.pm-form button:hover{filter:brightness(1.08);}
@media(max-width:680px){.private-chat-dock{left:10px;right:10px;bottom:10px;width:auto;height:calc(100vh - 76px);border-radius:18px}.pm-delete{display:none}.pm-bubble{max-width:86%;}}

/* Private Nachricht Hinweis im Chat */
.private-chat-notify{
  position:fixed;
  right:24px;
  bottom:660px;
  z-index:9999;
  align-items:center;
  gap:8px;
  max-width:min(420px, calc(100vw - 28px));
  border-radius:22px;
  padding:8px;
  border:1px solid rgba(87,205,255,.42);
  background:linear-gradient(145deg, rgba(9,18,35,.98), rgba(22,34,67,.98));
  box-shadow:0 22px 65px rgba(0,0,0,.45), 0 0 28px rgba(35,178,255,.18);
  color:#fff;
}
.pm-notify-card{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  background:transparent!important;
  color:#fff!important;
  padding:8px!important;
  text-align:left!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.pm-notify-card img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid rgba(80,202,255,.75);box-shadow:0 0 18px rgba(28,168,255,.28);}
.pm-notify-card strong{display:block;font-size:14px;line-height:1.15;color:#fff;}
.pm-notify-card small{display:block;margin-top:3px;color:#b9c9ec;font-size:12px;line-height:1.25;}
.pm-notify-card:hover small{text-decoration:underline;color:#fff;}
.pm-notify-close{border:0!important;background:transparent!important;color:#b9c9ec!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;padding:4px 8px!important;box-shadow:none!important;}
.pm-notify-close:hover{color:#fff!important;}
@media(max-width:680px){.private-chat-notify{left:10px;right:10px;bottom:84px;max-width:none;border-radius:18px}.pm-notify-card{flex:1!important}.pm-notify-card img{width:38px;height:38px}}

/* Final Chat Sprechblasen + Mobile Layout Fix */
body.chat-page-static{
  background:linear-gradient(135deg,#060b18 0%,#0b1530 48%,#111827 100%)!important;
}
body.chat-page-static .modern-chat-room{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  background:linear-gradient(145deg,rgba(10,18,38,.96),rgba(13,22,46,.98))!important;
  border:1px solid rgba(90,185,255,.22)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.chat-page-static .chat-box{
  flex:1 1 auto!important;
  min-height:0!important;
  background:radial-gradient(circle at top left,rgba(30,125,255,.14),transparent 32%),linear-gradient(180deg,rgba(6,12,26,.58),rgba(6,12,26,.28))!important;
  border:1px solid rgba(255,255,255,.07)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)!important;
  padding:18px 18px 20px!important;
}
body.chat-page-static .modern-msg{
  display:flex!important;
  align-items:flex-end!important;
  gap:10px!important;
  margin:10px 0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.chat-page-static .modern-msg.own-message{
  flex-direction:row-reverse!important;
}
body.chat-page-static .modern-msg.system,
body.chat-page-static .modern-msg.bot{
  align-items:flex-start!important;
}
body.chat-page-static .msg-avatar-wrap{
  flex:0 0 38px!important;
}
body.chat-page-static .chat-avatar{
  width:38px!important;
  height:38px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  border:2px solid rgba(72,190,255,.45)!important;
  box-shadow:0 0 18px rgba(39,171,255,.22)!important;
}
body.chat-page-static .msg-bubble{
  position:relative!important;
  max-width:min(740px,78%)!important;
  min-width:0!important;
  margin:0!important;
  padding:12px 15px 11px!important;
  border-radius:20px 20px 20px 7px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.055))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.20)!important;
  color:#eef6ff!important;
  overflow:hidden!important;
}
body.chat-page-static .msg-bubble:before{
  content:"";
  position:absolute;
  left:-7px;
  bottom:10px;
  width:14px;
  height:14px;
  background:inherit;
  border-left:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  transform:rotate(45deg);
  z-index:0;
}
body.chat-page-static .modern-msg.own-message .msg-bubble{
  border-radius:20px 20px 7px 20px!important;
  background:linear-gradient(135deg,rgba(25,133,255,.92),rgba(106,71,232,.86))!important;
  border-color:rgba(160,212,255,.25)!important;
  box-shadow:0 14px 34px rgba(14,89,220,.30)!important;
}
body.chat-page-static .modern-msg.own-message .msg-bubble:before{
  left:auto;
  right:-7px;
  border-left:0;
  border-bottom:0;
  border-right:1px solid rgba(160,212,255,.25);
  border-top:1px solid rgba(160,212,255,.25);
}
body.chat-page-static .modern-msg.bot .msg-bubble,
body.chat-page-static .modern-msg.system .msg-bubble{
  background:linear-gradient(145deg,rgba(23,170,255,.20),rgba(123,77,255,.13))!important;
  border-color:rgba(98,205,255,.24)!important;
}
body.chat-page-static .msg-meta,
body.chat-page-static .msg-meta-left,
body.chat-page-static .msg-meta-right{
  position:relative!important;
  z-index:1!important;
}
body.chat-page-static .msg-meta{
  display:flex!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:6px!important;
}
body.chat-page-static .msg-name{
  color:#ffffff!important;
  font-size:13px!important;
  font-weight:900!important;
}
body.chat-page-static .msg-time{
  color:rgba(229,239,255,.76)!important;
  font-size:11px!important;
  font-weight:700!important;
}
body.chat-page-static .msg-text{
  position:relative!important;
  z-index:1!important;
  color:#f6fbff!important;
  font-size:14px!important;
  line-height:1.48!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}
body.chat-page-static .msg-action,
body.chat-page-static .chat-report-text{
  font-size:11px!important;
  opacity:.75!important;
}
body.chat-page-static .msg-action:hover,
body.chat-page-static .chat-report-text:hover{opacity:1!important;}
body.chat-page-static .msg-quote{
  position:relative!important;
  z-index:1!important;
  margin:5px 0 9px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  border-left:3px solid rgba(143,214,255,.85)!important;
  background:rgba(0,0,0,.18)!important;
  color:#dcecff!important;
  font-size:12px!important;
}
body.chat-page-static .chat-composer{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex:0 0 auto!important;
  background:linear-gradient(145deg,rgba(9,18,38,.96),rgba(13,25,54,.96))!important;
  border:1px solid rgba(90,185,255,.18)!important;
  box-shadow:0 -10px 30px rgba(0,0,0,.22)!important;
  padding:10px!important;
  border-radius:20px!important;
}
body.chat-page-static .chat-composer input#chatInput{
  margin:0!important;
  min-height:42px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.07)!important;
  color:#fff!important;
  padding:11px 14px!important;
}
body.chat-page-static .chat-composer input#chatInput::placeholder{color:rgba(220,235,255,.58)!important;}
body.chat-page-static .chat-composer button,
body.chat-page-static .chat-composer .icon-upload{
  flex:0 0 auto!important;
  border:0!important;
  background:transparent!important;
  color:#9bdcff!important;
  box-shadow:none!important;
  padding:8px 6px!important;
  border-radius:0!important;
  font-size:13px!important;
  font-weight:900!important;
}
body.chat-page-static .chat-composer button[type=submit]{color:#ffffff!important;}
body.chat-page-static .chat-composer button:hover,
body.chat-page-static .chat-composer .icon-upload:hover{text-decoration:underline!important;color:#fff!important;}

@media(max-width:900px){
  body.chat-page-static .page{
    height:calc(100dvh - 58px)!important;
    overflow:hidden!important;
    padding:5px!important;
  }
  body.chat-page-static .chat-app-shell,
  body.chat-page-static .modern-chat-layout,
  body.chat-page-static .chat-room-card{
    height:100%!important;
    min-height:0!important;
  }
  body.chat-page-static .chat-room-card{
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  body.chat-page-static .modern-chat-head{
    flex:0 0 auto!important;
    padding:8px 10px!important;
    margin-bottom:6px!important;
  }
  body.chat-page-static .chat-box{
    order:2!important;
    flex:1 1 auto!important;
    height:auto!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:12px 10px 14px!important;
    border-radius:18px!important;
  }
  body.chat-page-static .chat-composer{
    order:3!important;
    position:sticky!important;
    bottom:0!important;
    margin-top:7px!important;
    padding:8px!important;
    border-radius:18px!important;
  }
  body.chat-page-static .chat-composer input#chatInput{
    min-width:0!important;
    font-size:14px!important;
  }
  body.chat-page-static .chat-composer button,
  body.chat-page-static .chat-composer .icon-upload{
    font-size:12px!important;
    padding:7px 4px!important;
  }
  body.chat-page-static .modern-msg{gap:8px!important;margin:8px 0!important;}
  body.chat-page-static .msg-avatar-wrap{flex-basis:32px!important;}
  body.chat-page-static .chat-avatar{width:32px!important;height:32px!important;}
  body.chat-page-static .msg-bubble,
  body.chat-page-static .modern-msg.own-message .msg-bubble{
    max-width:calc(100vw - 78px)!important;
    padding:11px 12px 10px!important;
    border-radius:17px 17px 17px 6px!important;
  }
  body.chat-page-static .modern-msg.own-message .msg-bubble{border-radius:17px 17px 6px 17px!important;}
  body.chat-page-static .msg-meta{gap:6px!important;margin-bottom:5px!important;}
  body.chat-page-static .msg-meta-right{gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;}
  body.chat-page-static .msg-text{font-size:13px!important;line-height:1.45!important;}
}
@media(max-width:520px){
  body.chat-page-static .chat-composer{gap:6px!important;}
  body.chat-page-static .chat-composer button:nth-of-type(1){font-size:0!important;}
  body.chat-page-static .chat-composer button:nth-of-type(1)::after{content:'😊';font-size:17px!important;}
  body.chat-page-static .chat-composer button:nth-of-type(2){font-size:0!important;}
  body.chat-page-static .chat-composer button:nth-of-type(2)::after{content:'GIF';font-size:12px!important;}
  body.chat-page-static .chat-composer button[type=submit]{font-size:0!important;}
  body.chat-page-static .chat-composer button[type=submit]::after{content:'Senden';font-size:12px!important;}
}

/* FINAL FIX: Chat-Aktionen dürfen nicht überlappen */
body.chat-page-static .modern-msg,
body.chat-page-static .msg.modern-msg{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  width:100%!important;
  gap:10px!important;
  clear:both!important;
}
body.chat-page-static .msg-bubble{
  min-width:0!important;
  max-width:calc(100% - 54px)!important;
  overflow:visible!important;
}
body.chat-page-static .msg-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  margin-bottom:8px!important;
}
body.chat-page-static .msg-meta-left,
body.chat-page-static .msg-meta-right{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px 12px!important;
}
body.chat-page-static .msg-meta-right{
  padding-top:2px!important;
}
body.chat-page-static .msg-action,
body.chat-page-static .msg-reply,
body.chat-page-static .msg-delete,
body.chat-page-static .chat-report-text{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  height:auto!important;
  min-width:max-content!important;
  min-height:0!important;
  padding:0 0 3px!important;
  margin:0!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  float:none!important;
  clear:none!important;
}
body.chat-page-static .msg-action::after,
body.chat-page-static .msg-reply::after,
body.chat-page-static .msg-delete::after,
body.chat-page-static .chat-report-text::after{
  content:''!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:1px!important;
  background:currentColor!important;
  opacity:.32!important;
}
body.chat-page-static .msg-text{
  display:block!important;
  width:100%!important;
  clear:both!important;
}
@media(max-width:700px){
  body.chat-page-static .modern-msg,
  body.chat-page-static .msg.modern-msg{gap:8px!important;}
  body.chat-page-static .chat-avatar{width:34px!important;height:34px!important;}
  body.chat-page-static .msg-bubble{max-width:calc(100% - 42px)!important;}
  body.chat-page-static .msg-meta{gap:6px!important;}
  body.chat-page-static .msg-meta-right{gap:7px 10px!important;}
  body.chat-page-static .msg-action,
  body.chat-page-static .msg-reply,
  body.chat-page-static .msg-delete,
  body.chat-page-static .chat-report-text{font-size:12px!important;}
}

/* FINAL FIX: Alle Chatnachrichten einheitlich untereinander + 100-Wort-Hinweis UI */
body.chat-page-static .modern-msg,
body.chat-page-static .modern-msg.own-message,
body.chat-page-static .modern-msg.system,
body.chat-page-static .modern-msg.bot,
body.chat-page-static .msg.modern-msg{
  display:flex!important;
  flex-direction:row!important;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  width:100%!important;
  margin:10px 0!important;
  padding:0!important;
  gap:10px!important;
  float:none!important;
  clear:both!important;
}
body.chat-page-static .modern-msg.system .msg-avatar-wrap,
body.chat-page-static .modern-msg.bot .msg-avatar-wrap,
body.chat-page-static .msg-avatar-wrap{
  display:block!important;
  flex:0 0 36px!important;
  width:36px!important;
}
body.chat-page-static .chat-avatar{
  width:36px!important;
  height:36px!important;
}
body.chat-page-static .msg-bubble,
body.chat-page-static .modern-msg.own-message .msg-bubble,
body.chat-page-static .modern-msg.system .msg-bubble,
body.chat-page-static .modern-msg.bot .msg-bubble{
  margin:0!important;
  max-width:min(760px, calc(100% - 48px))!important;
  min-width:0!important;
  width:auto!important;
  text-align:left!important;
  border-radius:18px 18px 18px 7px!important;
  padding:12px 14px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.11)!important;
  color:#eef8ff!important;
  box-shadow:0 12px 28px rgba(0,0,0,.18)!important;
}
body.chat-page-static .modern-msg.system .msg-bubble,
body.chat-page-static .modern-msg.bot .msg-bubble{
  background:linear-gradient(135deg,rgba(35,126,255,.18),rgba(255,79,216,.10))!important;
  border-color:rgba(115,190,255,.18)!important;
}
body.chat-page-static .msg-meta{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:5px!important;
}
body.chat-page-static .msg-meta-left,
body.chat-page-static .msg-meta-right{
  justify-content:flex-start!important;
  width:100%!important;
}
body.chat-page-static .msg-text{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
body.chat-page-static .chat-composer:after{
  content:'Max. 100 Wörter pro Text';
  grid-column:1/-1;
  flex-basis:100%;
  font-size:11px;
  color:rgba(219,234,254,.58);
  padding-left:4px;
}
@media(max-width:700px){
  body.chat-page-static .chat-room-card{display:flex!important;flex-direction:column!important;}
  body.chat-page-static .chat-box{order:2!important;flex:1 1 auto!important;min-height:0!important;}
  body.chat-page-static .chat-composer{order:3!important;flex-wrap:wrap!important;position:sticky!important;bottom:0!important;}
  body.chat-page-static .chat-composer input#chatInput{flex:1 1 100%!important;width:100%!important;}
  body.chat-page-static .modern-msg,
  body.chat-page-static .modern-msg.own-message,
  body.chat-page-static .modern-msg.system,
  body.chat-page-static .modern-msg.bot{gap:8px!important;margin:9px 0!important;}
  body.chat-page-static .msg-avatar-wrap{flex-basis:30px!important;width:30px!important;}
  body.chat-page-static .chat-avatar{width:30px!important;height:30px!important;}
  body.chat-page-static .msg-bubble,
  body.chat-page-static .modern-msg.own-message .msg-bubble,
  body.chat-page-static .modern-msg.system .msg-bubble,
  body.chat-page-static .modern-msg.bot .msg-bubble{
    max-width:calc(100% - 38px)!important;
    padding:10px 11px!important;
    border-radius:16px 16px 16px 6px!important;
  }
}


/* Final: Private Chat Tools + 24h Userliste */
.recent-24h-wrap{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.recent-24h-wrap h3{margin:0 0 10px;font-size:13px;color:#dbe7ff;letter-spacing:.02em;text-transform:none}
.recent-24h-list{display:flex;flex-direction:column;gap:8px}
.recent-user{opacity:.88;background:rgba(255,255,255,.035)!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:14px;padding:7px 8px!important}
.recent-user .muted{margin-left:auto;font-size:11px;color:#8fa1c2!important}
.pm-media{display:block;max-width:220px;max-height:220px;border-radius:14px;margin-top:9px;object-fit:cover;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 28px rgba(0,0,0,.25)}
.pm-report{display:inline-block;margin-top:7px;font-size:11px;color:#b9c9ec!important;text-decoration:none!important;opacity:.78}
.pm-report:hover{opacity:1;color:#fff!important;text-decoration:underline!important}
.pm-tool{border:0!important;background:transparent!important;color:#dbe7ff!important;box-shadow:none!important;border-radius:10px!important;padding:7px 8px!important;cursor:pointer!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;min-width:auto!important}
.pm-tool:hover{color:#fff!important;text-decoration:underline!important;background:rgba(255,255,255,.06)!important}
.pm-tool input{display:none!important}
.pm-emoji-bar,.pm-giphy-preview{padding:8px 14px;border-top:1px solid rgba(255,255,255,.06);background:rgba(3,9,20,.55)}
.pm-giphy-preview img{max-width:90px;max-height:70px;border-radius:10px;object-fit:cover}
.pm-giphy-preview button{background:transparent!important;color:#dbe7ff!important;border:0!important;box-shadow:none!important;text-decoration:underline!important;padding:4px 8px!important}
@media(max-width:680px){.pm-form{gap:6px;padding:10px}.pm-form input{min-width:0;padding:10px}.pm-form button[type=submit]{padding:0 10px}.pm-tool{padding:6px!important}.pm-media{max-width:190px;max-height:180px}.recent-24h-wrap{margin-top:12px}}


/* FINAL FIX: Private Profilchat-Werkzeuge als ruhige Textlinks statt Button-Flächen */
.private-chat-dock .pm-form{
  align-items:center!important;
}
.private-chat-dock .pm-tool,
.private-chat-dock label.pm-tool,
.private-chat-dock button.pm-tool{
  appearance:none!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  color:#b9c9ec!important;
  padding:4px 3px!important;
  margin:0 2px!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1.2!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.private-chat-dock .pm-tool:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
  background:transparent!important;
  box-shadow:none!important;
}
.private-chat-dock .pm-tool input{display:none!important}
.private-chat-dock .pm-form button[type=submit]{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#7ec8ff!important;
  padding:4px 3px!important;
  margin-left:2px!important;
  border-radius:0!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  min-width:auto!important;
  white-space:nowrap!important;
}
.private-chat-dock .pm-form button[type=submit]:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
}
@media(max-width:680px){
  .private-chat-dock .pm-form{
    grid-template-columns:1fr!important;
    display:flex!important;
    flex-wrap:wrap!important;
  }
  .private-chat-dock .pm-form #pmInput{
    flex:1 1 100%!important;
    width:100%!important;
  }
  .private-chat-dock .pm-tool,
  .private-chat-dock .pm-form button[type=submit]{
    font-size:12px!important;
    padding:5px 4px!important;
  }
}

/* FINAL: Benutzerfreundliche Storys + Chat-Farben/Schriften */
.story-composer-modern{background:linear-gradient(145deg,rgba(10,21,38,.96),rgba(17,34,61,.92))!important;border:1px solid rgba(126,200,255,.16)!important;color:#eef8ff!important;box-shadow:0 22px 70px rgba(0,0,0,.32)!important}
.story-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.story-title-row h1{margin:0;color:#fff}.story-title-row .muted{color:#aebfde!important}.story-color-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.story-color-picker span{font-size:12px;font-weight:900;color:#bcd0ef;text-transform:uppercase;letter-spacing:.05em}.story-color-swatch{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06)}.story-color-swatch input{position:absolute;opacity:0;pointer-events:none}.story-color-swatch i{width:21px;height:21px;border-radius:999px;background:var(--swatch);display:block;box-shadow:0 0 0 2px rgba(0,0,0,.12)}.story-color-swatch:has(input:checked){box-shadow:0 0 0 2px rgba(126,200,255,.9),0 0 18px rgba(47,128,255,.45);transform:translateY(-1px)}.story-color-picker.compact{margin:0;gap:6px}.story-color-picker.compact .story-color-swatch{width:27px;height:27px}.story-color-picker.compact .story-color-swatch i{width:18px;height:18px}.story-grid-preview{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}.story-open-card{min-height:285px!important;cursor:pointer;transition:transform .18s ease, box-shadow .18s ease;position:relative}.story-open-card:hover{transform:translateY(-3px);box-shadow:0 28px 70px rgba(0,0,0,.34)!important}.story-open-hint{position:absolute;right:14px;bottom:13px;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;color:#fff}.story-viewer{position:fixed;inset:0;background:rgba(2,6,18,.92);backdrop-filter:blur(14px);z-index:9999;display:none}.story-viewer.show{display:block}.story-viewer-open{overflow:hidden}.story-viewer-close{position:fixed;top:16px;right:18px;z-index:10001;border:0!important;background:rgba(255,255,255,.09)!important;color:#fff!important;border-radius:999px!important;padding:10px 14px!important;font-weight:900!important;box-shadow:0 12px 34px rgba(0,0,0,.35)!important}.story-viewer-feed{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scroll-behavior:smooth}.story-full{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:34px 16px;scroll-snap-align:start}.story-full-card{width:min(520px,94vw);max-height:92vh;overflow:auto;border-radius:32px;padding:18px;background:linear-gradient(145deg,var(--story-bg,#137aff),#07111f 82%);border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 120px rgba(0,0,0,.45);color:#fff}.story-full-card header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.story-full-card header img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.9)}.story-full-card header b{display:block;font-size:16px}.story-full-card header small{display:block;color:rgba(255,255,255,.72);font-size:12px;margin-top:2px}.story-full-media img,.story-full-media video{width:100%;max-height:54vh;object-fit:contain;background:#030816;border-radius:22px;border:1px solid rgba(255,255,255,.13)}.story-full-text{margin-top:14px;font-size:16px;line-height:1.55;font-weight:800;background:rgba(0,0,0,.20);border:1px solid rgba(255,255,255,.11);border-radius:20px;padding:14px;overflow-wrap:anywhere}.story-full-reactions{margin-top:12px}.story-full-reactions .reaction-line{background:rgba(0,0,0,.18)!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:18px!important;padding:10px!important}.wall-story-card{cursor:pointer}.wall-story-card:after{content:'Öffnen';position:absolute;right:10px;top:48px;z-index:2;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.20);border-radius:999px;padding:4px 8px;color:#fff;font-size:10px;font-weight:900}.chat-style-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin:10px 0 8px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);flex-wrap:wrap}.chat-style-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.chat-style-group span{font-size:12px;color:#aebfde;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.chat-style-group select{background:rgba(2,8,20,.72)!important;color:#eef8ff!important;border:1px solid rgba(126,200,255,.18)!important;border-radius:12px!important;padding:7px 10px!important;box-shadow:none!important}.chat-color-dot{width:25px!important;height:25px!important;min-width:25px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:var(--dot)!important;padding:0!important;box-shadow:0 0 0 2px rgba(0,0,0,.18)!important}.chat-color-dot.active{outline:2px solid rgba(126,200,255,.95)!important;outline-offset:2px;transform:translateY(-1px)}#chatStyleSaved{color:#8fa6c8;font-size:11px;min-width:78px}.msg-bubble{border-color:color-mix(in srgb,var(--user-chat-color,#137aff) 28%,rgba(255,255,255,.10))!important}.modern-msg.user .msg-bubble{font-family:var(--user-chat-font,Inter),system-ui,sans-serif!important;box-shadow:inset 3px 0 0 var(--user-chat-color,#137aff),0 12px 28px rgba(0,0,0,.18)!important}.modern-msg.user .msg-name{color:var(--user-chat-color,#7ec8ff)!important}.modern-msg.own-message .msg-bubble{background:linear-gradient(135deg,color-mix(in srgb,var(--user-chat-color,#137aff) 21%,rgba(255,255,255,.08)),rgba(255,255,255,.06))!important}@media(max-width:700px){.story-title-row{flex-direction:column}.story-grid-preview{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.story-open-card{min-height:230px!important;padding:12px!important}.story-viewer-close{top:10px;right:10px;padding:8px 11px!important}.story-full{padding:48px 8px 18px}.story-full-card{width:96vw;max-height:88vh;border-radius:24px;padding:13px}.story-full-text{font-size:14px;padding:12px}.story-full-media img,.story-full-media video{max-height:42vh}.chat-style-panel{align-items:flex-start;gap:9px;margin:8px 0}.chat-style-group{width:100%;justify-content:flex-start}.chat-style-group select{width:100%}.chat-color-dot{width:23px!important;height:23px!important;min-width:23px!important}}

/* FINAL: DSGVO Profil löschen / Account Delete */
.settings-danger-zone,.account-delete-card{border:1px solid rgba(255,77,109,.24)!important;background:linear-gradient(145deg,rgba(34,8,19,.92),rgba(8,15,29,.96))!important;box-shadow:0 22px 65px rgba(0,0,0,.28)!important}
.settings-danger-zone h2,.account-delete-card h1{color:#fff!important;margin-top:0!important}.settings-danger-zone .muted,.account-delete-card .muted{color:#b9c9ec!important}.delete-option-preview{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.delete-option-preview span{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.055);color:#dbe7ff;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.danger-text-link,.profile-data-delete-link{display:inline-flex!important;color:#ff8ea1!important;text-decoration:none!important;font-weight:900!important;margin-top:8px!important}.danger-text-link:hover,.profile-data-delete-link:hover{text-decoration:underline!important;color:#ffc2cc!important}.delete-warning-box{background:rgba(255,77,109,.08);border:1px solid rgba(255,77,109,.18);border-radius:18px;padding:14px;margin:16px 0;color:#eaf2ff}.delete-warning-box p{margin:.35rem 0 0;color:#b9c9ec}.account-delete-form .check-row{display:flex!important;align-items:flex-start;gap:10px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);border-radius:14px;padding:11px 12px;color:#eaf2ff;font-weight:800}.account-delete-form .check-row input{width:auto!important;margin-top:3px}.account-delete-button{background:linear-gradient(135deg,#ff3d62,#9b1230)!important;color:white!important;border:0!important;border-radius:16px!important;padding:12px 16px!important;font-weight:950!important;box-shadow:0 16px 42px rgba(255,61,98,.22)!important}.account-delete-button:hover{filter:brightness(1.08)}@media(max-width:700px){.delete-option-preview{display:grid;grid-template-columns:1fr}.settings-danger-zone,.account-delete-card{border-radius:18px!important}.account-delete-form .check-row{font-size:13px}}
.chat-delete-settings-link{font-size:12px;font-weight:900;color:#ff9aac!important;text-decoration:none!important;margin-left:auto}.chat-delete-settings-link:hover{text-decoration:underline!important;color:#ffd1d9!important}@media(max-width:700px){.chat-delete-settings-link{margin-left:0;width:100%;display:block}}

/* Admin Profil-Löschungen */
.admin-row-new{background:rgba(255,196,87,.10)!important;box-shadow:inset 3px 0 0 rgba(255,196,87,.85)}
.admin-reason-cell{max-width:420px;white-space:normal;line-height:1.45;color:#f4f7ff}
.admin-inline-actions{margin:10px 0 16px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.account-delete-form textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(8,14,28,.82);color:#f5f8ff;padding:14px 16px;resize:vertical;line-height:1.45}
.account-delete-form textarea:focus{outline:none;border-color:rgba(72,157,255,.75);box-shadow:0 0 0 3px rgba(72,157,255,.14)}


/* FINAL PATCH: Chat-Einstellungen aus Chat entfernt, Werkzeuge als Textlinks */
body.chat-page-static .chat-style-panel,
body.chat-page-static .chat-delete-settings-link{display:none!important;}
body.chat-page-static .chat-composer{
  align-items:center!important;
  gap:12px!important;
}
body.chat-page-static .chat-composer .chat-text-tool,
body.chat-page-static .chat-composer button.chat-text-tool,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#dbeafe!important;
  padding:6px 4px!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:auto!important;
  border-radius:0!important;
  font-size:13px!important;
  line-height:1.2!important;
  font-weight:850!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.chat-page-static .chat-composer .chat-text-tool:hover,
body.chat-page-static .chat-composer button.chat-text-tool:hover,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
}
body.chat-page-static .chat-composer button.chat-text-tool::after,
body.chat-page-static .chat-composer button.chat-text-tool::before{content:none!important;}
body.chat-page-static .chat-composer .icon-upload.chat-text-tool input{display:none!important;}
@media(max-width:700px){
  body.chat-page-static .chat-composer{gap:9px!important;}
  body.chat-page-static .chat-composer .chat-text-tool,
  body.chat-page-static .chat-composer button.chat-text-tool,
  body.chat-page-static .chat-composer .icon-upload.chat-text-tool{font-size:12px!important;padding:5px 2px!important;}
}

/* FINAL PATCH: Chateinstellungen in Profileinstellungen */
.settings-subcard.chat-profile-settings{
  margin:18px 0!important;
  padding:16px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(126,200,255,.12)!important;
}
.settings-subcard.chat-profile-settings h2{margin:0 0 6px!important;color:#fff!important;}
.settings-color-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px!important;margin:8px 0 14px!important;}
.settings-color-choice{display:flex!important;align-items:center!important;gap:9px!important;padding:10px 11px!important;border-radius:15px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;color:#dbe7ff!important;cursor:pointer!important;font-weight:850!important;}
.settings-color-choice input{position:absolute!important;opacity:0!important;pointer-events:none!important;}
.settings-color-choice span{width:23px!important;height:23px!important;border-radius:999px!important;background:var(--choice)!important;border:1px solid rgba(255,255,255,.28)!important;box-shadow:0 0 0 2px rgba(0,0,0,.18)!important;flex:0 0 23px!important;}
.settings-color-choice em{font-style:normal!important;font-size:13px!important;}
.settings-color-choice.active,
.settings-color-choice:has(input:checked){border-color:rgba(126,200,255,.65)!important;box-shadow:0 0 0 2px rgba(47,128,255,.20),0 14px 30px rgba(47,128,255,.12)!important;background:rgba(47,128,255,.10)!important;}
.profile-data-delete-link{display:none!important;}

/* FINAL PATCH: Großes Chatformular mit FontAwesome-Textwerkzeugen */
body.chat-page-static .chat-room-card{
  display:flex!important;
  flex-direction:column!important;
}
body.chat-page-static #chatBox.chat-box{
  flex:1 1 auto!important;
  min-height:360px!important;
}
body.chat-page-static .chat-composer{
  display:grid!important;
  grid-template-columns:1fr auto auto auto auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:16px!important;
  margin-top:14px!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(7,14,30,.96),rgba(11,25,48,.92))!important;
  border:1px solid rgba(126,200,255,.16)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
body.chat-page-static .chat-composer #chatInput{
  min-height:58px!important;
  height:58px!important;
  border-radius:20px!important;
  padding:0 18px!important;
  font-size:15px!important;
  background:rgba(255,255,255,.075)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#f4f9ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
body.chat-page-static .chat-composer #chatInput:focus{
  outline:none!important;
  border-color:rgba(126,200,255,.55)!important;
  box-shadow:0 0 0 3px rgba(19,122,255,.16)!important;
}
body.chat-page-static .chat-composer .chat-text-tool,
body.chat-page-static .chat-composer button.chat-text-tool,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#cfe2ff!important;
  padding:8px 6px!important;
  min-width:auto!important;
  width:auto!important;
  height:auto!important;
  min-height:auto!important;
  border-radius:0!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
  text-decoration:none!important;
  display:inline-flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
body.chat-page-static .chat-composer .chat-text-tool i{
  font-size:18px!important;
  line-height:1!important;
  color:#7ec8ff!important;
  filter:drop-shadow(0 0 8px rgba(19,122,255,.25));
}
body.chat-page-static .chat-composer .chat-text-tool span{font-size:12px!important;}
body.chat-page-static .chat-composer .chat-text-tool:hover,
body.chat-page-static .chat-composer button.chat-text-tool:hover,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool:hover{
  color:#ffffff!important;
  text-decoration:none!important;
  transform:translateY(-1px);
}
body.chat-page-static .chat-composer .chat-text-tool:hover i{color:#fff!important;}
body.chat-page-static .chat-composer button.chat-text-tool::after,
body.chat-page-static .chat-composer button.chat-text-tool::before{content:none!important;}
body.chat-page-static .chat-composer .icon-upload.chat-text-tool input{display:none!important;}
body.chat-page-static .chat-composer #chatReplyPreview{
  grid-column:1 / -1!important;
  margin:0!important;
}
body.chat-page-static .chat-composer input[type="hidden"]{display:none!important;}
@media(max-width:820px){
  body.chat-page-static .chat-layout.modern-chat-layout{display:flex!important;flex-direction:column!important;min-height:calc(100vh - 82px)!important;}
  body.chat-page-static .modern-chat-room{min-height:calc(100vh - 120px)!important;}
  body.chat-page-static .chat-composer{
    grid-template-columns:repeat(4,1fr)!important;
    gap:9px!important;
    padding:13px!important;
    border-radius:22px!important;
    order:10!important;
  }
  body.chat-page-static .chat-composer #chatInput{
    grid-column:1 / -1!important;
    width:100%!important;
    min-height:66px!important;
    height:66px!important;
    font-size:16px!important;
  }
  body.chat-page-static #chatBox.chat-box{
    min-height:52vh!important;
    order:2!important;
  }
  body.chat-page-static .chat-composer .chat-text-tool,
  body.chat-page-static .chat-composer button.chat-text-tool,
  body.chat-page-static .chat-composer .icon-upload.chat-text-tool{
    padding:7px 3px!important;
    font-size:12px!important;
  }
  body.chat-page-static .chat-composer .chat-text-tool i{font-size:17px!important;}
}

/* FINAL PATCH: Eine Profil-/Einstellungsseite */
.unified-settings-card{
  background:linear-gradient(145deg,rgba(8,17,34,.96),rgba(13,28,54,.94))!important;
  border:1px solid rgba(126,200,255,.14)!important;
  box-shadow:0 24px 80px rgba(0,0,0,.30)!important;
}
.unified-settings-card h1{margin-bottom:6px!important;color:#fff!important;}
.settings-section-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.unified-settings-card .settings-subcard{
  margin:0 0 16px!important;
  padding:18px!important;
  border-radius:24px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.085)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.unified-settings-card .settings-subcard h2{margin:0 0 6px!important;color:#fff!important;}
.unified-settings-card .profile-edit-settings{grid-row:span 4!important;}
.unified-settings-card input,
.unified-settings-card textarea,
.unified-settings-card select{
  background:rgba(2,8,20,.70)!important;
  border:1px solid rgba(126,200,255,.14)!important;
  color:#f4f9ff!important;
  border-radius:15px!important;
}
.unified-settings-card textarea{min-height:115px!important;resize:vertical!important;}
.unified-settings-card input[type="file"]{padding:12px!important;}
.settings-savebar{
  position:sticky;
  bottom:12px;
  z-index:5;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
  padding:14px!important;
  margin-top:12px!important;
  border-radius:22px!important;
  background:rgba(5,13,29,.86)!important;
  border:1px solid rgba(126,200,255,.14)!important;
  backdrop-filter:blur(12px)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.30)!important;
}
.settings-savebar button{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  border-radius:16px!important;
  padding:12px 18px!important;
}
.settings-savebar .profile-data-export-link{font-weight:900!important;color:#9ed2ff!important;text-decoration:none!important;}
.settings-savebar .profile-data-export-link:hover{text-decoration:underline!important;}
@media(max-width:900px){
  .settings-section-grid{grid-template-columns:1fr!important;}
  .settings-savebar{position:static!important;}
}

/* FINAL PATCH 2026-05-20: Chat-Icons, Einstellungen breiter, Profil-Webseite und gespeicherte Farben */
body.chat-page-static .chat-composer{
  padding:22px!important;
  gap:16px!important;
  border-radius:30px!important;
}
body.chat-page-static .chat-composer #chatInput{
  min-height:74px!important;
  height:74px!important;
  font-size:17px!important;
  padding:0 22px!important;
  border-radius:24px!important;
}
body.chat-page-static .chat-composer .chat-text-tool,
body.chat-page-static .chat-composer button.chat-text-tool,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:#9ed2ff!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  border-radius:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}
body.chat-page-static .chat-composer .chat-text-tool span{display:none!important;}
body.chat-page-static .chat-composer .chat-text-tool i{
  font-size:24px!important;
  color:#9ed2ff!important;
}
body.chat-page-static .chat-composer .chat-text-tool:hover i{color:#fff!important;filter:drop-shadow(0 0 12px rgba(126,200,255,.45));}
body.chat-page-static .modern-msg .msg-text,
body.chat-page-static .modern-msg .msg-text a{
  color:var(--user-chat-color,#eaf3ff)!important;
  font-family:var(--user-chat-font,Inter),Inter,Arial,sans-serif!important;
}
.post-card .post-body-text,
.post-card .post-body-text a,
.comment-body .comment-text,
.comment-body .comment-text a{
  color:var(--user-chat-color,#dbe7ff)!important;
  font-family:var(--user-chat-font,Inter),Inter,Arial,sans-serif!important;
}
body:not(.chat-page-static) .page:has(.unified-settings-card){
  max-width:1480px!important;
  width:min(1480px,calc(100% - 24px))!important;
  padding-top:14px!important;
}
.unified-settings-card{
  padding:22px!important;
  margin-top:8px!important;
}
.settings-section-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important;
  gap:14px!important;
}
.unified-settings-card .settings-subcard{padding:16px!important;margin-bottom:12px!important;}
.unified-settings-card textarea{min-height:104px!important;}
.profile-web-bg{
  position:relative;
  margin:-8px -8px 0;
  padding:18px;
  border-radius:30px;
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
  overflow:hidden;
}
.profile-web-bg::before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(4,10,24,.50),rgba(4,10,24,.86));
  z-index:0;
}
.profile-web-bg > *{position:relative;z-index:1;}
.profile-about-wide{
  background:linear-gradient(145deg,rgba(10,22,44,.94),rgba(15,33,62,.88))!important;
  border:1px solid rgba(126,200,255,.16)!important;
}
.profile-about-wide p{
  margin:0!important;
  font-size:15px!important;
  line-height:1.7!important;
  color:#eaf3ff!important;
  word-break:break-word!important;
}
.profile-info-modern p{word-break:break-word!important;overflow-wrap:anywhere!important;}
@media(max-width:820px){
  body.chat-page-static .chat-composer{padding:16px!important;gap:12px!important;grid-template-columns:repeat(4,1fr)!important;}
  body.chat-page-static .chat-composer #chatInput{grid-column:1/-1!important;min-height:82px!important;height:82px!important;font-size:17px!important;}
  body.chat-page-static .chat-composer .chat-text-tool,
  body.chat-page-static .chat-composer button.chat-text-tool,
  body.chat-page-static .chat-composer .icon-upload.chat-text-tool{width:100%!important;min-width:0!important;height:48px!important;}
  body:not(.chat-page-static) .page:has(.unified-settings-card){width:calc(100% - 16px)!important;padding-top:8px!important;}
  .unified-settings-card{padding:15px!important;}
  .profile-web-bg{margin:-10px -10px 0;padding:12px;border-radius:0;background-attachment:scroll;}
}

/* FINAL PATCH 2026-05-20: Projektweite Ghost/Icon-Buttons wie im Chat-Mockup */
:root{
  --cem-action-text:#b9c8ec;
  --cem-action-hover:#ffffff;
  --cem-action-border:rgba(185,200,236,.22);
  --cem-action-bg:transparent;
  --cem-action-hover-bg:rgba(255,255,255,.055);
}

/* Grunddesign: keine schweren blauen Button-Flächen mehr */
a.btn,
.btn,
button,
input[type="submit"],
input[type="button"],
.button,
.action-btn,
.primary-btn,
.secondary,
button.secondary,
.link-btn,
.text-action,
.pm-form button,
.mail-reply-tools button,
.mail-reply-tools .file-pill,
.admin-shell button,
.admin-shell .btn,
main.page > .card button,
.unified-settings-card button,
.settings-savebar button,
.profile-page-static .btn,
.profile-page-static button,
.wall-composer button,
.wall-composer .btn,
.story-actions button,
.event-card .btn,
.schedule-card .btn{
  background:var(--cem-action-bg)!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--cem-action-text)!important;
  border:1px solid var(--cem-action-border)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border-radius:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease!important;
}

a.btn:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.action-btn:hover,
.primary-btn:hover,
.secondary:hover,
button.secondary:hover,
.link-btn:hover,
.text-action:hover,
.pm-form button:hover,
.mail-reply-tools button:hover,
.mail-reply-tools .file-pill:hover,
.admin-shell button:hover,
.admin-shell .btn:hover,
main.page > .card button:hover,
.unified-settings-card button:hover,
.settings-savebar button:hover,
.profile-page-static .btn:hover,
.profile-page-static button:hover,
.wall-composer button:hover,
.wall-composer .btn:hover,
.story-actions button:hover,
.event-card .btn:hover,
.schedule-card .btn:hover{
  color:var(--cem-action-hover)!important;
  border-color:rgba(185,200,236,.42)!important;
  background:var(--cem-action-hover-bg)!important;
  filter:none!important;
  transform:translateY(-1px)!important;
}

/* Wichtige Speicher-/Senden-Aktionen bleiben sichtbar, aber ohne massive blaue Fläche */
button[type="submit"],
input[type="submit"],
.settings-savebar button,
.admin-sticky-save .btn{
  color:#9ed2ff!important;
  border-color:rgba(126,200,255,.34)!important;
}
button[type="submit"]:hover,
input[type="submit"]:hover,
.settings-savebar button:hover,
.admin-sticky-save .btn:hover{
  color:#fff!important;
  border-color:rgba(126,200,255,.62)!important;
  box-shadow:0 0 0 1px rgba(126,200,255,.12),0 10px 30px rgba(19,168,255,.08)!important;
}

/* Gefahr-Aktionen als klare Text/Outline-Aktion */
.danger,
.danger-link,
.danger-btn,
button.danger,
a.danger,
.delete-btn,
button[name*="delete"],
button[value="delete"]{
  background:transparent!important;
  background-image:none!important;
  color:#ff8fa3!important;
  border-color:rgba(255,143,163,.30)!important;
  box-shadow:none!important;
}
.danger:hover,
.danger-link:hover,
.danger-btn:hover,
button.danger:hover,
a.danger:hover,
.delete-btn:hover,
button[name*="delete"]:hover,
button[value="delete"]:hover{
  color:#fff!important;
  border-color:rgba(255,143,163,.55)!important;
  background:rgba(255,76,110,.07)!important;
}

/* Chat: untere Composer-Aktionen exakt wie im Mockup — nur Icon/Text, kein Button-Kasten */
body.chat-page-static .chat-composer .chat-text-tool,
body.chat-page-static .chat-composer button.chat-text-tool,
body.chat-page-static .chat-composer .icon-upload.chat-text-tool,
body.chat-page-static .chat-composer button,
body.chat-page-static .chat-composer button[type="button"],
body.chat-page-static .chat-composer button[type="submit"],
body.chat-page-static .chat-composer label,
body.chat-page-static .chat-composer .file-pill{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  border-radius:0!important;
  color:#b9c8ec!important;
  min-width:46px!important;
  width:auto!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
body.chat-page-static .chat-composer button[type="submit"]::after,
body.chat-page-static .chat-composer button::after{
  content:none!important;
  display:none!important;
}
body.chat-page-static .chat-composer .chat-text-tool i,
body.chat-page-static .chat-composer button i,
body.chat-page-static .chat-composer label i,
body.chat-page-static .chat-composer .file-pill i{
  font-size:24px!important;
  color:#b9c8ec!important;
  line-height:1!important;
}
body.chat-page-static .chat-composer .chat-text-tool:hover,
body.chat-page-static .chat-composer button:hover,
body.chat-page-static .chat-composer label:hover,
body.chat-page-static .chat-composer .file-pill:hover{
  background:transparent!important;
  color:#fff!important;
  transform:translateY(-1px)!important;
}
body.chat-page-static .chat-composer .chat-text-tool:hover i,
body.chat-page-static .chat-composer button:hover i,
body.chat-page-static .chat-composer label:hover i,
body.chat-page-static .chat-composer .file-pill:hover i{
  color:#fff!important;
  filter:drop-shadow(0 0 10px rgba(126,200,255,.55));
}

/* Falls Composer-Aktionen noch Text statt Icons ausgeben: dezent anzeigen, ohne Pillen */
body.chat-page-static .chat-composer .chat-text-tool span,
body.chat-page-static .chat-composer button span{
  display:inline!important;
  font-size:13px!important;
  color:inherit!important;
  font-weight:800!important;
}

/* Emoji-/GIF-Popups: auch hier keine blauen runden Buttons */
.emoji-bar button,
.giphy-head button,
.story-color-btn,
.color-choice,
.font-choice{
  background:transparent!important;
  background-image:none!important;
  color:#b9c8ec!important;
  border:1px solid rgba(185,200,236,.22)!important;
  box-shadow:none!important;
}
.emoji-bar button:hover,
.giphy-head button:hover,
.story-color-btn:hover,
.color-choice:hover,
.font-choice:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(185,200,236,.42)!important;
}

/* Kleine Icon-Aktionen bleiben kompakt */
.icon-btn,
.only-icon,
.btn-icon,
button.icon,
a.icon-btn{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  min-height:44px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

@media(max-width:820px){
  body.chat-page-static .chat-composer .chat-text-tool,
  body.chat-page-static .chat-composer button,
  body.chat-page-static .chat-composer label,
  body.chat-page-static .chat-composer .file-pill{
    min-width:42px!important;
    height:44px!important;
    min-height:44px!important;
    padding:0 7px!important;
  }
  body.chat-page-static .chat-composer .chat-text-tool i,
  body.chat-page-static .chat-composer button i,
  body.chat-page-static .chat-composer label i,
  body.chat-page-static .chat-composer .file-pill i{font-size:22px!important;}
  a.btn,.btn,button,input[type="submit"],input[type="button"],.button{min-height:40px!important;}
}

/* =========================================================
   GLOBAL FIX: Keine blauen Button-Hintergründe mehr
   Gewünscht: Facebook-ähnlich nur Text oder FontAwesome-Icon
   Besonders: Chat, Pinnwand, Profil, Events, Sendeplan, Admin
   ========================================================= */
:root{
  --cem-action-text:#b9c8ec;
  --cem-action-text-hover:#ffffff;
  --cem-action-accent:#7cc7ff;
}

/* Standard-Aktionsbuttons entkernen */
a.btn,
.btn,
button,
.button,
.action-btn,
.primary-btn,
.secondary,
.link-btn,
.danger-btn,
.delete-btn,
input[type="submit"],
input[type="button"],
input[type="reset"],
.wall-composer .btn,
.wall-composer button,
.post-actions button,
.post-actions .btn,
.actions button,
.actions .btn,
.chat-composer button,
.chat-composer label,
.chat-composer .file-pill,
.chat-composer .icon-upload,
.composer-tools button,
.composer-tools label,
.composer-tools .file-pill,
.event-card .btn,
.schedule-card .btn,
.profile-page-static .btn,
.admin-shell .btn,
.admin-shell button{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  color:var(--cem-action-text)!important;
  text-shadow:none!important;
  border-radius:0!important;
}

/* Hover nur als Text-/Icon-Reaktion, kein Kasten */
a.btn:hover,
.btn:hover,
button:hover,
.button:hover,
.action-btn:hover,
.primary-btn:hover,
.secondary:hover,
.link-btn:hover,
.danger-btn:hover,
.delete-btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
.wall-composer .btn:hover,
.wall-composer button:hover,
.post-actions button:hover,
.actions button:hover,
.chat-composer button:hover,
.chat-composer label:hover,
.chat-composer .file-pill:hover,
.chat-composer .icon-upload:hover,
.composer-tools button:hover,
.composer-tools label:hover,
.event-card .btn:hover,
.schedule-card .btn:hover,
.profile-page-static .btn:hover,
.admin-shell .btn:hover,
.admin-shell button:hover{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:var(--cem-action-text-hover)!important;
  box-shadow:none!important;
  filter:drop-shadow(0 0 8px rgba(124,199,255,.35));
}

/* Chat unten: nur Icons/Text, einheitlich ohne blaue Kreise */
body.chat-page-static .chat-composer .composer-tools,
body.chat-page-static .composer-tools{
  gap:18px!important;
}
body.chat-page-static .chat-composer button,
body.chat-page-static .chat-composer label,
body.chat-page-static .chat-composer .file-pill,
body.chat-page-static .chat-composer .icon-upload,
body.chat-page-static .composer-tools button,
body.chat-page-static .composer-tools label,
body.chat-page-static .composer-tools .file-pill,
body.chat-page-static .composer-tools .icon-upload{
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:8px 4px!important;
  margin:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  font-weight:800!important;
  font-size:14px!important;
  line-height:1.1!important;
}
body.chat-page-static .chat-composer button i,
body.chat-page-static .chat-composer label i,
body.chat-page-static .chat-composer .file-pill i,
body.chat-page-static .chat-composer .icon-upload i,
body.chat-page-static .composer-tools button i,
body.chat-page-static .composer-tools label i,
body.chat-page-static .composer-tools .file-pill i,
body.chat-page-static .composer-tools .icon-upload i{
  color:var(--cem-action-text)!important;
  font-size:23px!important;
  width:auto!important;
  height:auto!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body.chat-page-static .chat-composer button:hover i,
body.chat-page-static .chat-composer label:hover i,
body.chat-page-static .composer-tools button:hover i,
body.chat-page-static .composer-tools label:hover i{
  color:var(--cem-action-text-hover)!important;
}

/* Senden-Icon nicht mehr als blauer Button */
body.chat-page-static .chat-composer button[type="submit"],
body.chat-page-static .chat-composer .send-btn,
body.chat-page-static button.send-btn{
  color:#9f7cff!important;
  padding-inline:6px!important;
}
body.chat-page-static .chat-composer button[type="submit"] i,
body.chat-page-static .chat-composer .send-btn i,
body.chat-page-static button.send-btn i{
  color:#9f7cff!important;
  font-size:25px!important;
}

/* Pinnwand/Feed: Aktionen wie Facebook als Text/Icons */
.wall-composer button,
.wall-composer .btn,
.wall-actions button,
.wall-actions .btn,
.post-actions button,
.post-actions a,
.post-actions .btn,
.feed .actions button,
.feed .actions .btn,
.comment-actions button,
.comment-actions .btn,
.repost-btn,
.share-btn{
  padding:6px 4px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  width:auto!important;
  font-size:14px!important;
  font-weight:800!important;
  color:var(--cem-action-text)!important;
}
.wall-composer button i,
.wall-composer .btn i,
.post-actions button i,
.feed .actions button i,
.comment-actions button i{
  font-size:18px!important;
  color:inherit!important;
}

/* Reaktionen: keine blauen Pillen, nur Emoji/Text */
.reaction-btn,
.chat-reaction,
.wall-story-card .reaction-btn,
.story-reactions button,
.reaction-picker button{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:inherit!important;
  border-radius:0!important;
  padding:4px 3px!important;
  min-width:0!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
}
.reaction-btn:hover,
.chat-reaction:hover,
.wall-story-card .reaction-btn:hover,
.story-reactions button:hover,
.reaction-picker button:hover,
.reaction-btn.active,
.chat-reaction.active{
  background:transparent!important;
  transform:translateY(-1px)!important;
  filter:drop-shadow(0 0 8px rgba(124,199,255,.40));
}

/* Icon-only Utility-Klassen global transparent halten */
.icon-btn,
.only-icon,
.btn-icon,
button.icon,
a.icon-btn,
.top-icon,
.notification-btn,
.nav-icon,
.closeNav,
.hamburgerTop{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--cem-action-text)!important;
}
.icon-btn:hover,
.only-icon:hover,
.btn-icon:hover,
button.icon:hover,
a.icon-btn:hover,
.top-icon:hover,
.notification-btn:hover,
.nav-icon:hover,
.closeNav:hover,
.hamburgerTop:hover{
  background:transparent!important;
  color:var(--cem-action-text-hover)!important;
}

/* Formular-Buttons, die wirklich als Hauptaktion stehen, bleiben Text ohne Fläche */
.settings-page button,
.settings-page .btn,
.profile-settings button,
.profile-settings .btn,
.account-delete button,
.account-delete .btn{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:var(--cem-action-text)!important;
  padding:8px 4px!important;
}

/* Gefährliche Aktionen nur farblich markieren, ohne Hintergrund */
.danger,
.btn.danger,
.danger-btn,
.delete-btn,
button[name*="delete"],
a[href*="delete"]{
  background:transparent!important;
  color:#ff6b8a!important;
  border:0!important;
}

@media(max-width:820px){
  body.chat-page-static .chat-composer button,
  body.chat-page-static .chat-composer label,
  body.chat-page-static .chat-composer .file-pill,
  body.chat-page-static .chat-composer .icon-upload,
  body.chat-page-static .composer-tools button,
  body.chat-page-static .composer-tools label{
    padding:7px 3px!important;
    font-size:13px!important;
  }
  body.chat-page-static .chat-composer button i,
  body.chat-page-static .chat-composer label i,
  body.chat-page-static .composer-tools button i,
  body.chat-page-static .composer-tools label i{
    font-size:22px!important;
  }
}

/* =========================================================
   FINAL REALFIX 2026-05-20
   Entfernt endgültig alle blauen/runden Button-Hintergründe
   besonders im Chat-Composer: Bild, Smilies, GIF, Senden
   ========================================================= */
body.chat-page-static #chatForm.chat-composer,
body.chat-page-static form#chatForm.chat-composer{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto auto auto auto!important;
  align-items:center!important;
  gap:16px!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool,
body.chat-page-static #chatForm.chat-composer > button.chat-text-tool,
body.chat-page-static #chatForm.chat-composer > label.chat-text-tool,
body.chat-page-static #chatForm.chat-composer > .icon-upload.chat-text-tool,
body.chat-page-static #chatForm.chat-composer > button[type="submit"].chat-text-tool,
body.chat-page-static #chatForm.chat-composer > button[type="button"].chat-text-tool,
body.chat-page-static .chat-composer .emoji-toggle,
body.chat-page-static .chat-composer .chat-send-text{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
  border-radius:0!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:6px 4px!important;
  margin:0!important;
  color:#a9cfff!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  line-height:1!important;
  overflow:visible!important;
  filter:none!important;
  transform:none!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool::before,
body.chat-page-static #chatForm.chat-composer > .chat-text-tool::after,
body.chat-page-static #chatForm.chat-composer > button::before,
body.chat-page-static #chatForm.chat-composer > button::after,
body.chat-page-static #chatForm.chat-composer > label::before,
body.chat-page-static #chatForm.chat-composer > label::after,
body.chat-page-static #chatForm.chat-composer > .icon-upload::before,
body.chat-page-static #chatForm.chat-composer > .icon-upload::after{
  content:none!important;
  display:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool i,
body.chat-page-static #chatForm.chat-composer > button.chat-text-tool i,
body.chat-page-static #chatForm.chat-composer > label.chat-text-tool i,
body.chat-page-static #chatForm.chat-composer > .icon-upload.chat-text-tool i,
body.chat-page-static #chatForm.chat-composer > button[type="submit"].chat-text-tool i,
body.chat-page-static #chatForm.chat-composer > button[type="button"].chat-text-tool i,
body.chat-page-static .chat-composer .emoji-toggle i,
body.chat-page-static .chat-composer .chat-send-text i{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  width:auto!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  color:#a9cfff!important;
  font-size:25px!important;
  line-height:1!important;
  display:inline-block!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool span,
body.chat-page-static #chatForm.chat-composer > button.chat-text-tool span,
body.chat-page-static #chatForm.chat-composer > label.chat-text-tool span{
  display:none!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool:hover,
body.chat-page-static #chatForm.chat-composer > button.chat-text-tool:hover,
body.chat-page-static #chatForm.chat-composer > label.chat-text-tool:hover,
body.chat-page-static #chatForm.chat-composer > .icon-upload.chat-text-tool:hover,
body.chat-page-static #chatForm.chat-composer > button[type="submit"].chat-text-tool:hover,
body.chat-page-static #chatForm.chat-composer > button[type="button"].chat-text-tool:hover{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  border:0!important;
  box-shadow:none!important;
  color:#ffffff!important;
  filter:none!important;
  transform:none!important;
}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool:hover i,
body.chat-page-static #chatForm.chat-composer > button.chat-text-tool:hover i,
body.chat-page-static #chatForm.chat-composer > label.chat-text-tool:hover i{
  color:#ffffff!important;
  filter:drop-shadow(0 0 8px rgba(169,207,255,.45))!important;
}

/* globale Sicherheitsregel: typische blaue Runden/Pillen im Projekt neutralisieren */
button[class*="smil"], button[class*="emoji"], button[class*="gif"], button[class*="upload"], button[class*="send"],
a[class*="smil"], a[class*="emoji"], a[class*="gif"], a[class*="upload"], a[class*="send"],
label[class*="smil"], label[class*="emoji"], label[class*="gif"], label[class*="upload"], label[class*="send"],
[class*="chat-"][class*="btn"], [class*="tool"] button, [class*="tools"] button, [class*="actions"] button{
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
@media(max-width:820px){
  body.chat-page-static #chatForm.chat-composer{
    grid-template-columns:1fr auto auto auto auto!important;
    gap:12px!important;
  }
  body.chat-page-static #chatForm.chat-composer > .chat-text-tool i{font-size:23px!important;}
}


/* =========================================================
   MODERNE FULLPAGE LOGINSEITE + HUGO + RECHENCAPTCHA
   ========================================================= */
body.public-login-fullpage,
body.public-login-fullpage html{
    height:100%;
}
body.public-login-fullpage{
    overflow:hidden!important;
    background:#030b16!important;
    color:#f7fbff!important;
}
body.public-login-fullpage .topbar,
body.public-login-fullpage .navHandle,
body.public-login-fullpage .sidenav,
body.public-login-fullpage .mobile-bottom-nav,
body.public-login-fullpage .site-footer{
    display:none!important;
}
body.public-login-fullpage .page{
    width:100%!important;
    max-width:none!important;
    height:100vh!important;
    min-height:100vh!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
}
.cem-login-fullpage{
    position:relative;
    width:100%;
    height:100vh;
    min-height:100vh;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(14px,2vw,28px);
    background:
      radial-gradient(circle at 20% 20%, rgba(0,152,255,.34), transparent 34%),
      radial-gradient(circle at 80% 30%, rgba(165,71,255,.30), transparent 35%),
      linear-gradient(135deg,#020814 0%,#07172b 45%,#130720 100%);
}
.cem-login-fullpage::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
    background-size:54px 54px;
    mask-image:radial-gradient(circle at center, #000 0%, transparent 75%);
    pointer-events:none;
}
.login-glow{position:absolute;border-radius:999px;filter:blur(40px);opacity:.65;pointer-events:none}.login-glow-one{width:260px;height:260px;background:#00b7ff;left:8%;top:12%}.login-glow-two{width:320px;height:320px;background:#9747ff;right:6%;bottom:8%}
.cem-login-shell{
    position:relative;
    z-index:2;
    width:min(1180px,100%);
    height:min(720px,calc(100vh - 28px));
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.82fr);
    gap:22px;
    align-items:stretch;
}
.cem-login-hero,.cem-login-panel{
    border:1px solid rgba(160,200,255,.18);
    background:linear-gradient(145deg,rgba(14,30,54,.76),rgba(8,16,32,.66));
    box-shadow:0 28px 90px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(20px);
    border-radius:34px;
    overflow:hidden;
}
.cem-login-hero{position:relative;padding:26px;display:flex;flex-direction:column;justify-content:space-between}.hugo-card{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}.hugo-login-img{width:min(520px,84%);max-height:calc(100vh - 210px);object-fit:contain;filter:drop-shadow(0 0 34px rgba(0,183,255,.42));animation:hugoFloat 5.5s ease-in-out infinite}@keyframes hugoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hugo-bubble{position:absolute;left:18px;bottom:16px;max-width:390px;padding:16px 18px;border-radius:24px;background:rgba(4,12,24,.76);border:1px solid rgba(126,195,255,.24);box-shadow:0 18px 44px rgba(0,0,0,.28)}.hugo-bubble strong{display:block;font-size:18px;margin-bottom:5px;color:#fff}.hugo-bubble span{display:block;color:#bdd0ef;line-height:1.48;font-size:14px}.login-brand-block{display:flex;align-items:center;gap:18px;padding:18px;border-radius:26px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.login-brand-block h1{font-size:clamp(34px,4vw,60px);line-height:.95;margin:0;letter-spacing:-.05em}.login-brand-block p{margin:4px 0 0;color:#adc3e5;font-size:15px}.login-brand-logo{max-width:330px;max-height:110px;object-fit:contain;filter:drop-shadow(0 0 26px rgba(0,183,255,.32))}
.cem-login-panel{padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;justify-content:center}.login-kicker{display:inline-flex;align-items:center;gap:8px;width:max-content;padding:8px 12px;border-radius:999px;background:rgba(0,174,255,.10);color:#8ed7ff;border:1px solid rgba(91,187,255,.22);font-weight:800;font-size:13px}.login-panel-head h2{font-size:clamp(34px,4vw,52px);margin:16px 0 6px;letter-spacing:-.05em}.login-panel-head p{margin:0 0 18px;color:#aebfda;line-height:1.5}.cem-login-form label{display:block;margin:0 0 10px}.cem-login-form label span{display:block;margin:0 0 7px;color:#dce8ff;font-weight:750;font-size:13px}.cem-login-form input{height:52px;background:rgba(3,12,25,.70)!important;border:1px solid rgba(151,190,255,.20)!important;border-radius:17px!important;color:#fff!important;margin:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.cem-login-form input:focus{outline:none;border-color:#34bfff!important;box-shadow:0 0 0 4px rgba(0,174,255,.13)}.captcha-row{display:grid;grid-template-columns:1fr 140px;gap:10px}.captcha-question{height:52px;display:flex;align-items:center;justify-content:center;border-radius:17px;background:linear-gradient(135deg,rgba(0,174,255,.15),rgba(151,71,255,.12));border:1px solid rgba(151,190,255,.22);font-size:22px;font-weight:900;color:#fff}.login-submit{width:100%;height:54px;border:0!important;border-radius:18px!important;background:linear-gradient(135deg,#009dff,#8b45ff)!important;color:#fff!important;font-weight:900!important;font-size:16px!important;box-shadow:0 16px 38px rgba(0,132,255,.24)!important;margin-top:4px}.login-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.login-links-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.login-links-row a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);color:#dce8ff;font-weight:800;font-size:13px}.login-links-row a:hover{color:#fff;border-color:rgba(102,197,255,.28);background:rgba(0,174,255,.09)}.login-legal-row{display:flex;justify-content:center;gap:10px;margin-top:18px;color:#8fa6c9;font-size:13px}.login-legal-row a{color:#9fc8ff}.login-alert{display:flex;align-items:center;gap:9px;padding:11px 13px;margin:0 0 14px;border-radius:16px;background:rgba(0,174,255,.10);border:1px solid rgba(0,174,255,.20);color:#dff3ff;font-weight:700}.login-alert-danger{background:rgba(255,80,110,.12);border-color:rgba(255,80,110,.28);color:#ffd9e1}

/* Moderner Cookie-Hinweis */
.cem-cookie-modern{left:50%!important;right:auto!important;bottom:18px!important;transform:translateX(-50%);width:min(760px,calc(100% - 24px))!important;max-width:760px!important;display:none;align-items:center;gap:14px;padding:14px!important;border-radius:24px!important;background:rgba(5,14,28,.86)!important;border:1px solid rgba(130,180,255,.22)!important;color:#fff!important;backdrop-filter:blur(18px);box-shadow:0 22px 70px rgba(0,0,0,.42)!important}.cem-cookie-modern.show{display:flex!important}.cookie-icon{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#009dff,#8b45ff);box-shadow:0 0 24px rgba(0,157,255,.35);flex:0 0 auto}.cookie-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.cookie-content strong{font-size:15px}.cookie-content span{font-size:13px;color:#bfd0ec;line-height:1.35}.cookie-actions{display:flex;gap:8px;flex:0 0 auto}.cookie-actions button{border-radius:14px!important;padding:10px 12px!important;font-weight:850!important;border:1px solid rgba(255,255,255,.10)!important;white-space:nowrap}.cookie-secondary{background:rgba(255,255,255,.06)!important;color:#d8e6ff!important}.cookie-primary{background:linear-gradient(135deg,#009dff,#8b45ff)!important;color:#fff!important}
body.public-login-fullpage .cem-cookie-modern{bottom:14px!important;}

@media(max-width:900px){
  .cem-login-shell{grid-template-columns:1fr;height:calc(100vh - 20px);gap:10px}.cem-login-hero{min-height:0;height:34vh;padding:12px;border-radius:24px}.cem-login-panel{border-radius:24px;padding:18px}.hugo-card{min-height:0;height:100%;justify-content:flex-end}.hugo-login-img{width:min(260px,52vw);max-height:30vh}.hugo-bubble{left:12px;bottom:10px;max-width:58%;padding:10px 12px;border-radius:16px}.hugo-bubble strong{font-size:14px}.hugo-bubble span{font-size:12px}.login-brand-block{position:absolute;left:12px;top:12px;width:max-content;max-width:55%;padding:10px 12px;border-radius:18px}.login-brand-block h1{font-size:24px}.login-brand-block p{font-size:12px}.login-brand-logo{max-width:180px;max-height:54px}.login-panel-head h2{font-size:30px;margin:9px 0 4px}.login-panel-head p{font-size:13px;margin-bottom:10px}.cem-login-form input,.captcha-question{height:44px}.captcha-row{grid-template-columns:1fr 110px}.captcha-question{font-size:18px}.login-submit{height:46px}.login-links-row{grid-template-columns:1fr;gap:6px;margin-top:10px}.login-links-row a{min-height:36px}.login-legal-row{margin-top:10px}.cem-cookie-modern{bottom:10px!important;align-items:flex-start}.cookie-icon{display:none}.cookie-actions{flex-direction:column}.cookie-actions button{padding:8px 10px!important}
}
@media(max-width:520px){
  .cem-login-fullpage{padding:8px}.cem-login-hero{height:28vh}.hugo-login-img{width:220px;max-height:25vh}.hugo-bubble span{display:none}.hugo-bubble{max-width:52%;padding:8px 10px}.cem-login-panel{padding:14px}.login-kicker{display:none}.captcha-row{grid-template-columns:1fr 92px}.login-links-row a{font-size:12px}.cem-cookie-modern{font-size:12px}.cookie-content span{display:none}
}
@media(max-height:700px){
  .cem-login-shell{height:calc(100vh - 16px)}.cem-login-panel{padding:18px}.login-panel-head h2{font-size:32px}.login-panel-head p{display:none}.cem-login-form label{margin-bottom:7px}.cem-login-form input,.captcha-question{height:42px}.login-links-row{margin-top:8px}.login-legal-row{margin-top:8px}.hugo-card{min-height:300px}.hugo-login-img{max-height:calc(100vh - 160px)}
}

/* =========================================================
   STARTSEITE = LOGINPAGE V2 / Hugo Fullpage Redesign
   ========================================================= */
body.cem-loginpage-v2{
  min-height:100vh!important;
  height:100vh!important;
  overflow:hidden!important;
  background:#020812!important;
  color:#eef6ff!important;
}
body.cem-loginpage-v2 .topbar,
body.cem-loginpage-v2 .site-footer{
  display:none!important;
}
body.cem-loginpage-v2 .page{
  width:100%!important;
  max-width:none!important;
  height:100vh!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.cem-startpage{
  position:relative;
  min-height:100vh;
  height:100vh;
  width:100%;
  overflow:hidden;
  padding:clamp(18px,2.2vw,34px);
  background:
    radial-gradient(circle at 16% 14%,rgba(0,157,255,.24),transparent 31%),
    radial-gradient(circle at 82% 20%,rgba(150,65,255,.20),transparent 34%),
    linear-gradient(135deg,#03101e 0%,#06172b 48%,#0c061c 100%);
}
.cem-startpage::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.65),transparent 88%);
  pointer-events:none;
}
.cem-start-bg{position:absolute;border-radius:999px;filter:blur(38px);opacity:.55;pointer-events:none}.cem-start-bg-a{width:360px;height:360px;background:#009dff;left:-140px;top:8vh}.cem-start-bg-b{width:420px;height:420px;background:#803bff;right:-180px;bottom:-120px}.cem-start-shell{position:relative;z-index:1;height:100%;max-width:1540px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);gap:clamp(18px,2.4vw,34px);align-items:stretch}.cem-start-hero,.cem-login-card{border:1px solid rgba(151,189,255,.16);background:linear-gradient(145deg,rgba(8,22,42,.78),rgba(7,13,30,.60));box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(22px);border-radius:34px}.cem-start-hero{display:grid;grid-template-rows:auto 1fr auto;gap:clamp(14px,1.8vh,24px);padding:clamp(20px,2.2vw,34px);min-width:0}.cem-start-brand{min-height:62px;display:flex;align-items:center;gap:14px}.cem-start-brand img{max-width:min(420px,46vw);max-height:82px;object-fit:contain;filter:drop-shadow(0 0 25px rgba(0,166,255,.32))}.cem-start-brandmark{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;font-size:34px;font-weight:950;background:linear-gradient(135deg,#00b7ff,#933dff);box-shadow:0 0 30px rgba(0,183,255,.33)}.cem-start-brand strong{font-size:clamp(24px,2.2vw,40px);line-height:1;letter-spacing:-.04em}.cem-hero-main{display:grid;grid-template-columns:minmax(320px,.82fr) minmax(360px,1.18fr);gap:clamp(18px,2vw,32px);align-items:center;min-height:0}.cem-hero-copy{align-self:center;max-width:560px}.cem-kicker{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border-radius:999px;background:rgba(0,157,255,.10);border:1px solid rgba(0,190,255,.22);color:#9edcff;font-weight:800;font-size:13px;margin-bottom:16px}.cem-hero-copy h1{margin:0 0 14px;font-size:clamp(42px,5.1vw,82px);line-height:.92;letter-spacing:-.07em;color:#fff;text-shadow:0 12px 40px rgba(0,0,0,.35)}.cem-hero-copy p{margin:0;color:#bdd1ef;font-size:clamp(16px,1.35vw,21px);line-height:1.55;max-width:520px}.cem-hugo-stage{position:relative;min-height:0;height:100%;display:flex;align-items:center;justify-content:center}.cem-hugo-big{width:min(620px,100%);max-height:calc(100vh - 230px);object-fit:contain;filter:drop-shadow(0 0 50px rgba(0,183,255,.42));animation:cemHugoFloat 5s ease-in-out infinite}@keyframes cemHugoFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}.cem-hugo-speech{position:absolute;right:2%;bottom:5%;max-width:min(420px,90%);padding:17px 19px;border-radius:24px;background:rgba(3,12,24,.82);border:1px solid rgba(124,196,255,.28);box-shadow:0 20px 58px rgba(0,0,0,.36)}.cem-hugo-speech strong{display:block;color:#fff;font-size:18px;margin-bottom:5px}.cem-hugo-speech span{display:block;color:#c2d8f8;line-height:1.5;font-size:14px}.cem-feature-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cem-feature-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;min-height:82px;padding:14px;border-radius:22px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.cem-feature-card i{grid-row:span 2;width:42px;height:42px;border-radius:15px;display:grid;place-items:center;color:#8ed8ff;background:rgba(0,157,255,.10);font-size:18px}.cem-feature-card span{font-weight:900;color:#fff}.cem-feature-card small{display:block;color:#9fb5d6;line-height:1.35}.cem-login-card{padding:clamp(20px,2.2vw,34px);display:flex;flex-direction:column;justify-content:center;min-width:0}.cem-login-card-head{display:flex;align-items:center;gap:15px;margin-bottom:20px}.cem-login-lock{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#009dff,#8b45ff);box-shadow:0 0 28px rgba(0,157,255,.32)}.cem-login-card h2{margin:0;color:#fff;font-size:clamp(34px,3vw,52px);line-height:1;letter-spacing:-.05em}.cem-login-card p{margin:5px 0 0;color:#aebfde}.cem-login-form-v2 label{display:block;margin-bottom:12px}.cem-login-form-v2 label span{display:flex;align-items:center;gap:8px;color:#d7e6ff;font-size:13px;font-weight:800;margin-bottom:7px}.cem-login-form-v2 input{height:52px!important;margin:0!important;border-radius:18px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(168,200,255,.14)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important}.cem-login-form-v2 input::placeholder{color:#7f94ba}.captcha-row-v2{display:grid;grid-template-columns:1fr 130px;gap:10px}.captcha-row-v2 .captcha-question{height:52px;margin:0;display:flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgba(0,157,255,.16),rgba(139,69,255,.14));border:1px solid rgba(122,184,255,.18);font-size:20px;font-weight:950;color:#fff}.login-submit-v2{width:100%;height:54px;border-radius:18px!important;background:linear-gradient(135deg,#00a8ff,#8b45ff)!important;color:#fff!important;font-weight:950!important;font-size:16px;box-shadow:0 16px 42px rgba(0,119,255,.24)!important;margin-top:4px}.login-links-row-v2{display:grid;grid-template-columns:1fr;gap:9px;margin-top:16px}.login-links-row-v2 a{display:flex;align-items:center;gap:10px;min-height:42px;padding:10px 12px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);color:#dbe9ff;font-weight:800}.login-links-row-v2 a:hover{background:rgba(0,157,255,.10);color:#fff}.cem-login-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.cem-login-stats span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:62px;border-radius:17px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.07)}.cem-login-stats b{color:#fff;font-size:16px}.cem-login-stats small{color:#9fb5d6;font-size:12px}.login-legal-row-v2{margin-top:16px;display:flex;justify-content:center;align-items:center;gap:9px;color:#95abc9;font-size:13px}.login-legal-row-v2 a:hover{color:#fff}.cem-loginpage-v2 .login-alert{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.10)!important;color:#fff!important;border-radius:16px!important;padding:10px 12px!important;margin-bottom:12px!important}.cem-loginpage-v2 .login-alert-danger{background:rgba(239,68,68,.13)!important;border-color:rgba(239,68,68,.28)!important}.cem-loginpage-v2 .cem-cookie-modern{bottom:18px!important;width:min(720px,calc(100% - 30px))!important;border-radius:22px!important;background:rgba(4,13,28,.86)!important;border:1px solid rgba(123,180,255,.22)!important;box-shadow:0 22px 70px rgba(0,0,0,.45)!important}.cem-loginpage-v2 .cookie-actions button{border-radius:14px!important}
@media(max-width:1180px){.cem-start-shell{grid-template-columns:1fr 390px}.cem-hero-main{grid-template-columns:1fr 1fr}.cem-hero-copy h1{font-size:52px}.cem-hugo-big{max-height:calc(100vh - 280px)}.cem-feature-card small{display:none}}
@media(max-width:900px){body.cem-loginpage-v2{overflow:hidden!important}.cem-startpage{padding:10px}.cem-start-shell{grid-template-columns:1fr;height:100%;gap:10px}.cem-start-hero{height:44vh;padding:14px;border-radius:24px;gap:8px}.cem-login-card{height:calc(56vh - 10px);border-radius:24px;padding:16px;justify-content:flex-start;overflow:hidden}.cem-start-brand{min-height:34px}.cem-start-brand img{max-height:38px;max-width:220px}.cem-hero-main{grid-template-columns:1fr 1fr;gap:8px}.cem-hero-copy h1{font-size:32px;margin-bottom:7px}.cem-hero-copy p{font-size:13px;line-height:1.35}.cem-kicker{font-size:11px;padding:6px 9px;margin-bottom:8px}.cem-hugo-big{width:260px;max-height:29vh}.cem-hugo-speech{right:auto;left:0;bottom:0;max-width:100%;padding:9px 11px;border-radius:16px}.cem-hugo-speech strong{font-size:13px}.cem-hugo-speech span{display:none}.cem-feature-row{grid-template-columns:repeat(3,1fr);gap:7px}.cem-feature-card{min-height:46px;padding:8px;grid-template-columns:24px 1fr;border-radius:14px}.cem-feature-card i{width:24px;height:24px;border-radius:9px;font-size:12px}.cem-feature-card span{font-size:12px}.cem-feature-card small{display:none}.cem-login-card-head{margin-bottom:10px}.cem-login-lock{width:38px;height:38px;border-radius:13px}.cem-login-card h2{font-size:28px}.cem-login-card p{display:none}.cem-login-form-v2 label{margin-bottom:7px}.cem-login-form-v2 label span{font-size:12px;margin-bottom:4px}.cem-login-form-v2 input,.captcha-row-v2 .captcha-question{height:40px!important;border-radius:13px!important}.captcha-row-v2{grid-template-columns:1fr 96px;gap:7px}.captcha-row-v2 .captcha-question{font-size:16px}.login-submit-v2{height:42px!important;border-radius:14px!important}.login-links-row-v2{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.login-links-row-v2 a{min-height:34px;padding:7px 8px;font-size:0;justify-content:center}.login-links-row-v2 a i{font-size:15px}.cem-login-stats{display:none}.login-legal-row-v2{margin-top:8px;font-size:12px}.cem-loginpage-v2 .cem-cookie-modern{bottom:8px!important;padding:9px!important}.cem-loginpage-v2 .cookie-icon,.cem-loginpage-v2 .cookie-content span{display:none!important}.cem-loginpage-v2 .cookie-content strong{font-size:12px}.cem-loginpage-v2 .cookie-actions button{padding:7px 9px!important;font-size:12px!important}}
@media(max-width:520px){.cem-start-hero{height:39vh}.cem-login-card{height:calc(61vh - 10px)}.cem-hero-main{grid-template-columns:1fr}.cem-hero-copy p{display:none}.cem-hugo-stage{position:absolute;right:4px;top:34px;width:42%;height:calc(100% - 44px)}.cem-hugo-big{width:180px;max-height:100%}.cem-feature-row{display:none}.cem-start-brand strong{font-size:20px}.cem-login-card-head{gap:10px}.login-legal-row-v2{font-size:11px}.cem-loginpage-v2 .cem-cookie-modern{width:calc(100% - 16px)!important}}

/* =========================================================
   FINAL FIX: KEINE BLAUEN BUTTON-HINTERGRÜNDE MEHR
   Gilt projektweit auf allen Community-Seiten.
   Aktionen erscheinen wie bei Facebook/Discord als Text/Icon.
   Login- und Cookie-CTA bleiben ausgenommen.
   ========================================================= */
body:not(.public-login-fullpage):not(.cem-loginpage-v2) button:not(.cookie-primary):not(.cookie-secondary):not(.login-submit):not(.login-submit-v2),
body:not(.public-login-fullpage):not(.cem-loginpage-v2) input[type="submit"],
body:not(.public-login-fullpage):not(.cem-loginpage-v2) input[type="button"],
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) a.btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .secondary,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .text-action,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .link-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .icon-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .file-pill,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .emoji-toggle,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-text-tool,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-tool,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .pm-tool,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .reaction-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .react-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-send-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-gif-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-smiley-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-upload-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .comment-row button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .composer-tools button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-form-actions button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-tools button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .message-tools button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .post-tools button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .feed-text-actions button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .story-tools-inline button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .mail-reply-tools button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .notification-actions button {
    appearance:none !important;
    -webkit-appearance:none !important;
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    outline:0 !important;
    border-radius:0 !important;
    color:#bcd0ef !important;
    font-weight:800 !important;
    text-decoration:none !important;
    text-shadow:none !important;
    padding:4px 7px !important;
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    line-height:1.35 !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    cursor:pointer !important;
}
body:not(.public-login-fullpage):not(.cem-loginpage-v2) button:not(.cookie-primary):not(.cookie-secondary):not(.login-submit):not(.login-submit-v2):hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .btn:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .secondary:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .text-action:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .link-btn:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .file-pill:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-text-tool:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .pm-tool:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .reaction-btn:hover,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .react-btn:hover {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:#ffffff !important;
    text-decoration:underline !important;
    transform:none !important;
}
body:not(.public-login-fullpage):not(.cem-loginpage-v2) button i,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .btn i,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .secondary i,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-text-tool i,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .pm-tool i,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .file-pill i {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    box-shadow:none !important;
    color:inherit !important;
    width:auto !important;
    height:auto !important;
    border-radius:0 !important;
}
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .danger,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .danger-link,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .text-action.danger,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) button.danger,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .btn.danger {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    color:#ff7a9a !important;
}
/* Reaktionen: keine blauen Pillen, nur Emoji/Text */
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .reaction-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .react-btn,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .reaction-pill,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .reaction-count {
    background:transparent !important;
    background-color:transparent !important;
    background-image:none !important;
    border:0 !important;
    box-shadow:none !important;
    border-radius:0 !important;
}
/* Chat-Composer unten: Upload, Smilies, GIF, Senden nur noch Icon/Text */
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer-tools,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-form-actions,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-tools-row,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .mail-reply-tools {
    gap:12px !important;
}
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer .fa,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer .fa-solid,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer .fa-regular,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .chat-composer .fa-brands,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .mail-reply-tools .fa,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .mail-reply-tools .fa-solid,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) .mail-reply-tools .fa-regular {
    font-size:19px !important;
    color:#bcd0ef !important;
}
/* Falls alte Inline- oder Utility-Klassen blaue Kreise erzwingen */
body:not(.public-login-fullpage):not(.cem-loginpage-v2) [class*="btn"],
body:not(.public-login-fullpage):not(.cem-loginpage-v2) [class*="button"],
body:not(.public-login-fullpage):not(.cem-loginpage-v2) [class*="tool"] button,
body:not(.public-login-fullpage):not(.cem-loginpage-v2) [class*="action"] button {
    box-shadow:none !important;
}
@media(max-width:768px){
  body:not(.public-login-fullpage):not(.cem-loginpage-v2) button:not(.cookie-primary):not(.cookie-secondary):not(.login-submit):not(.login-submit-v2),
  body:not(.public-login-fullpage):not(.cem-loginpage-v2) .btn,
  body:not(.public-login-fullpage):not(.cem-loginpage-v2) .secondary,
  body:not(.public-login-fullpage):not(.cem-loginpage-v2) .text-action,
  body:not(.public-login-fullpage):not(.cem-loginpage-v2) .file-pill{
      padding:4px 6px !important;
      font-size:13px !important;
  }
}

/* =========================================================
   FINAL ADMIN / CHAT / STORY UX FIX 2026-05-20
========================================================= */
/* Mittiges Seiten-Burger-Menü vollständig entfernen. Nur oberes Menü bleibt. */
.navHandle{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.hamburgerTop{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:rgba(10,20,42,.92)!important;color:#eaf3ff!important;border:1px solid rgba(126,200,255,.18)!important;box-shadow:0 10px 28px rgba(0,0,0,.22)!important;border-radius:14px!important;min-width:42px!important;height:42px!important;padding:0!important;}
.sidenav{z-index:5000!important;pointer-events:auto!important;}
.nav-overlay{position:fixed!important;inset:0!important;background:rgba(2,8,23,.52)!important;backdrop-filter:blur(4px)!important;display:none;z-index:4990!important;}
.nav-overlay.show{display:block!important;}
.closeNav{position:absolute!important;top:14px!important;right:14px!important;z-index:5010!important;display:inline-grid!important;place-items:center!important;width:40px!important;height:40px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px!important;float:none!important;font-size:20px!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;}
.closeNav:hover{background:rgba(255,255,255,.16)!important;color:#7ec8ff!important;}
.side-title{padding-right:42px!important;}

/* Chat: Nachrichten immer sauber untereinander und Team-Aktionen als Icons */
.chat-box{display:flex!important;flex-direction:column!important;gap:9px!important;}
.msg.modern-msg{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;align-items:flex-start!important;width:100%!important;margin:0!important;clear:both!important;}
.msg-bubble{width:100%!important;min-width:0!important;}
.msg-meta{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:10px!important;}
.msg-meta-right{display:inline-flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important;}
.msg-action.msg-reply,.msg-action.msg-delete{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:26px!important;height:26px!important;min-width:26px!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;background-color:transparent!important;background-image:none!important;box-shadow:none!important;border-radius:0!important;color:#a9bee6!important;font-size:14px!important;line-height:1!important;text-indent:0!important;overflow:visible!important;}
.msg-action.msg-reply::before,.msg-action.msg-reply::after,.msg-action.msg-delete::before,.msg-action.msg-delete::after{content:none!important;display:none!important;}
.msg-action.msg-reply:hover{color:#7ec8ff!important;background:transparent!important;transform:translateY(-1px);}
.msg-action.msg-delete:hover{color:#ff8fa3!important;background:transparent!important;transform:translateY(-1px);}
.msg-action i{pointer-events:none!important;}
.chat-report-text{display:inline-flex!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#a9bee6!important;padding:3px 0!important;margin-top:4px!important;}
.chat-report-text:hover{background:transparent!important;color:#7ec8ff!important;text-decoration:underline!important;}

/* Story Viewer schließen: weiter nach rechts innen, nicht aus der Seite heraus */
.story-viewer-close{right:max(24px,calc(env(safe-area-inset-right) + 24px))!important;top:max(16px,calc(env(safe-area-inset-top) + 14px))!important;z-index:10050!important;white-space:nowrap!important;}
@media(max-width:700px){.story-viewer-close{right:18px!important;top:12px!important;padding:8px 12px!important}.msg.modern-msg{grid-template-columns:30px minmax(0,1fr)!important}.msg-meta{flex-direction:column!important;gap:4px!important}.msg-meta-right{width:100%!important;justify-content:flex-start!important}.chat-box{gap:8px!important}}

/* Adminbereich: freundlichere, sortierte Menü-Kacheln */
.admin-shell-modern{background:linear-gradient(145deg,rgba(7,17,38,.96),rgba(13,24,51,.94))!important;border:1px solid rgba(126,200,255,.10)!important;box-shadow:0 24px 80px rgba(0,0,0,.28)!important;}
.admin-menu-sections{display:grid!important;gap:18px!important;margin-top:18px!important;}
.admin-menu-section{border:1px solid rgba(255,255,255,.08)!important;background:rgba(255,255,255,.035)!important;border-radius:22px!important;padding:16px!important;}
.admin-menu-section h2{margin:0 0 12px!important;color:#f3f8ff!important;font-size:18px!important;}
.admin-nav-grid-clean{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:10px!important;}
.admin-nav-grid-clean a{display:grid!important;grid-template-columns:34px 1fr!important;gap:4px 10px!important;align-items:center!important;padding:13px!important;border-radius:17px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.075)!important;color:#eaf3ff!important;box-shadow:none!important;}
.admin-nav-grid-clean a:hover{background:rgba(126,200,255,.09)!important;border-color:rgba(126,200,255,.22)!important;transform:translateY(-1px);}
.admin-nav-grid-clean i{grid-row:1/3;color:#7ec8ff!important;font-size:18px!important;}
.admin-nav-grid-clean small{color:#9eb3d6!important;}

/* Benutzerverwaltung */
.admin-user-list{display:grid!important;gap:14px!important;margin-top:16px!important;}
.admin-user-card{display:grid!important;gap:14px!important;padding:16px!important;border-radius:22px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;}
.admin-user-head{display:flex!important;align-items:center!important;gap:12px!important;}
.admin-user-head img{width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(126,200,255,.25)!important;}
.admin-user-head h2{margin:0!important;font-size:19px!important;color:#fff!important;}
.admin-user-edit-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:10px!important;}
.admin-user-edit-grid .wide{grid-column:1/-1!important;}
.admin-user-card label span{display:block!important;margin-bottom:5px!important;color:#b9c9ec!important;font-size:12px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.admin-user-card input,.admin-user-card select,.admin-user-card textarea{background:rgba(2,8,20,.72)!important;color:#eef8ff!important;border:1px solid rgba(126,200,255,.14)!important;border-radius:14px!important;}
.admin-user-actions{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
.user-state-pill.locked{color:#ff9aac!important;border-color:rgba(255,122,154,.30)!important;background:rgba(255,77,109,.08)!important;}

/* Anker-Ziele beim Kommentieren nicht unter Header verstecken */
.post-card[id],.comment[id]{scroll-margin-top:92px!important;}

body:has(.admin-pro-page), body:has(.admin-dashboard-pro){background:radial-gradient(circle at top left,rgba(0,183,255,.12),transparent 34%),radial-gradient(circle at bottom right,rgba(124,58,237,.16),transparent 36%),#06111f!important;color:#eaf2ff}.admin-pro-page .card,.admin-dashboard-pro .card{background:rgba(13,24,45,.92);border-color:rgba(125,160,220,.18)}

/* =========================================================
   ADMINMENÜ 2-SPALTEN-LAYOUT + BENUTZERSUCHE FINAL
   2026-05-20
========================================================= */
.admin-workspace-v2{
  width:min(1760px,calc(100vw - 28px))!important;
  margin:14px auto 28px!important;
  display:grid!important;
  grid-template-columns:300px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
}
.admin-sidebar-v2{
  position:sticky!important;
  top:82px!important;
  max-height:calc(100vh - 104px)!important;
  overflow:auto!important;
  border:1px solid rgba(126,200,255,.14)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(9,20,42,.97),rgba(5,12,26,.96))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.30)!important;
  padding:16px!important;
  scrollbar-width:thin!important;
}
.admin-brand-v2{display:flex!important;align-items:center!important;gap:12px!important;padding:8px 8px 16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;margin-bottom:12px!important;}
.admin-brand-icon{width:42px!important;height:42px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(0,183,255,.24),rgba(168,85,247,.22))!important;border:1px solid rgba(126,200,255,.18)!important;color:#8edbff!important;}
.admin-brand-v2 strong{display:block!important;color:#f4f8ff!important;font-size:16px!important;line-height:1.1!important;}
.admin-brand-v2 small{display:block!important;color:#91a6ca!important;font-size:12px!important;margin-top:3px!important;}
.admin-nav-v2{display:grid!important;gap:10px!important;}
.admin-nav-group-v2{border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;background:rgba(255,255,255,.025)!important;overflow:hidden!important;}
.admin-nav-group-v2 summary{cursor:pointer!important;list-style:none!important;padding:12px 13px!important;color:#d9e8ff!important;font-weight:900!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.08em!important;background:rgba(255,255,255,.035)!important;}
.admin-nav-group-v2 summary::-webkit-details-marker{display:none!important;}
.admin-nav-group-v2 summary::after{content:'\f107';font-family:'Font Awesome 6 Free';font-weight:900;float:right;color:#7ec8ff!important;}
.admin-nav-group-v2[open] summary::after{content:'\f106';}
.admin-nav-group-v2 div{display:grid!important;padding:6px!important;gap:3px!important;}
.admin-nav-group-v2 a{display:grid!important;grid-template-columns:24px minmax(0,1fr)!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border-radius:13px!important;color:#b8c9ec!important;text-decoration:none!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:13px!important;line-height:1.2!important;}
.admin-nav-group-v2 a i{color:#79caff!important;font-size:14px!important;text-align:center!important;}
.admin-nav-group-v2 a:hover,.admin-nav-group-v2 a.active{background:rgba(126,200,255,.10)!important;color:#fff!important;}
.admin-nav-group-v2 a.active{box-shadow:inset 3px 0 0 #7ec8ff!important;}
.admin-content-v2{min-width:0!important;border:1px solid rgba(126,200,255,.12)!important;border-radius:26px!important;background:linear-gradient(145deg,rgba(8,19,40,.92),rgba(4,12,28,.92))!important;box-shadow:0 24px 80px rgba(0,0,0,.24)!important;padding:18px!important;}
.admin-topbar-v2{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;margin-bottom:18px!important;padding:18px!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(255,255,255,.065),rgba(126,200,255,.035))!important;border:1px solid rgba(255,255,255,.08)!important;}
.admin-topbar-v2 h1{margin:0!important;color:#fff!important;font-size:26px!important;line-height:1.1!important;}
.admin-topbar-actions-v2{display:flex!important;gap:10px!important;align-items:center!important;flex-wrap:wrap!important;}
.admin-topbar-actions-v2 a{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:9px 12px!important;border-radius:14px!important;color:#dcecff!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.09)!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;}
.admin-topbar-actions-v2 a:hover{background:rgba(126,200,255,.11)!important;color:#fff!important;}
.admin-panel-v2,.admin-content-v2 .card,.admin-content-v2 .admin-shell,.admin-content-v2 .admin-panel-pro,.admin-content-v2 .admin-dashboard-hero,.admin-content-v2 .admin-panel-pro{background:rgba(13,26,52,.72)!important;border:1px solid rgba(126,200,255,.11)!important;border-radius:22px!important;box-shadow:none!important;padding:18px!important;color:#eaf3ff!important;}
.admin-section-head-v2{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important;margin-bottom:14px!important;}
.admin-section-head-v2 h2{margin:0!important;color:#fff!important;font-size:21px!important;}
.admin-user-search-v2{display:grid!important;grid-template-columns:22px minmax(180px,1fr) auto auto!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important;padding:10px 12px!important;border-radius:18px!important;background:rgba(2,8,23,.65)!important;border:1px solid rgba(126,200,255,.13)!important;}
.admin-user-search-v2 i{color:#7ec8ff!important;}
.admin-user-search-v2 input{width:100%!important;background:transparent!important;border:0!important;outline:0!important;color:#eef8ff!important;font-size:14px!important;padding:8px 0!important;}
.admin-user-search-v2 button,.admin-user-search-v2 a{background:transparent!important;border:0!important;box-shadow:none!important;color:#8edbff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;padding:6px 8px!important;}
.admin-user-search-v2 button:hover,.admin-user-search-v2 a:hover{text-decoration:underline!important;color:#fff!important;}
.admin-users-modern{font-size:13px!important;}
.admin-users-modern .admin-user-list{gap:10px!important;}
.admin-users-modern .admin-user-card{padding:12px!important;border-radius:18px!important;gap:10px!important;background:rgba(255,255,255,.035)!important;}
.admin-users-modern .admin-user-head img{width:42px!important;height:42px!important;}
.admin-users-modern .admin-user-head h2{font-size:16px!important;}
.admin-users-modern .admin-user-head small{font-size:11px!important;color:#9fb0d0!important;}
.admin-users-modern .admin-user-edit-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))!important;gap:8px!important;}
.admin-users-modern label span{font-size:10px!important;margin-bottom:4px!important;}
.admin-users-modern input,.admin-users-modern select,.admin-users-modern textarea{font-size:12px!important;padding:8px 9px!important;border-radius:11px!important;}
.admin-users-modern .admin-user-actions{gap:8px!important;}
.admin-users-modern .admin-user-actions button,.admin-users-modern .admin-user-actions a{font-size:12px!important;padding:6px 8px!important;background:transparent!important;border:0!important;box-shadow:none!important;color:#9fdcff!important;}
.admin-users-modern .admin-user-actions button:hover,.admin-users-modern .admin-user-actions a:hover{text-decoration:underline!important;background:transparent!important;color:#fff!important;}
.admin-content-v2 table{font-size:13px!important;}
.admin-content-v2 th,.admin-content-v2 td{padding:8px 9px!important;}
@media(max-width:1050px){.admin-workspace-v2{grid-template-columns:1fr!important;width:calc(100vw - 18px)!important}.admin-sidebar-v2{position:relative!important;top:auto!important;max-height:none!important}.admin-nav-v2{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important}.admin-topbar-v2{flex-direction:column!important;align-items:flex-start!important}}
@media(max-width:680px){.admin-content-v2{padding:12px!important;border-radius:20px!important}.admin-topbar-v2{padding:14px!important}.admin-topbar-v2 h1{font-size:22px!important}.admin-user-search-v2{grid-template-columns:22px 1fr!important}.admin-user-search-v2 button,.admin-user-search-v2 a{justify-self:start!important}.admin-users-modern .admin-user-edit-grid{grid-template-columns:1fr!important}}

/* FINAL HOTFIX: Chat-Nachrichten nie zusammenziehen + Login ohne Scroll + Sidebar breiter */
body.chat-page-static .chat-layout,body.chat-page-static .modern-chat-layout,body.chat-page-static .chat-layout-wide{display:grid!important;grid-template-columns:minmax(390px,460px) minmax(0,1fr)!important;gap:22px!important;width:min(1780px,calc(100vw - 32px))!important;margin:0 auto!important;align-items:stretch!important;}
body.chat-page-static .chat-sidebar,body.chat-page-static .chat-combined-panel{min-width:390px!important;max-width:460px!important;width:100%!important;}
body.chat-page-static #chatBox.chat-box{display:block!important;flex:1 1 auto!important;min-height:520px!important;max-height:calc(100vh - 285px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:18px 18px 22px!important;box-sizing:border-box!important;contain:layout paint!important;}
body.chat-page-static #chatBox.chat-box>.msg,body.chat-page-static #chatBox.chat-box>.modern-msg{position:relative!important;display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;column-gap:12px!important;align-items:start!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:72px!important;flex:none!important;flex-shrink:0!important;margin:0 0 16px!important;padding:0!important;overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;opacity:1!important;isolation:isolate!important;}
body.chat-page-static #chatBox.chat-box>.msg:last-of-type{margin-bottom:8px!important;}
body.chat-page-static #chatBox.chat-box .msg-avatar-wrap{grid-column:1!important;width:52px!important;min-width:52px!important;height:52px!important;margin:0!important;padding:0!important;position:relative!important;z-index:2!important;}
body.chat-page-static #chatBox.chat-box .chat-avatar{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:50%!important;display:block!important;object-fit:cover!important;border:2px solid rgba(126,200,255,.22)!important;}
body.chat-page-static #chatBox.chat-box .msg-bubble{grid-column:2!important;position:relative!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:72px!important;margin:0!important;padding:13px 16px 12px!important;box-sizing:border-box!important;overflow:visible!important;border-radius:20px!important;background:linear-gradient(135deg,rgba(20,45,78,.84),rgba(25,27,70,.70))!important;border:1px solid rgba(126,200,255,.16)!important;box-shadow:0 12px 32px rgba(0,0,0,.16)!important;}
body.chat-page-static #chatBox.chat-box .msg-meta{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important;align-items:start!important;width:100%!important;margin:0 0 7px!important;}
body.chat-page-static #chatBox.chat-box .msg-meta-left{min-width:0!important;display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap!important;line-height:1.2!important;}
body.chat-page-static #chatBox.chat-box .msg-meta-right{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;white-space:nowrap!important;min-width:max-content!important;line-height:1!important;}
body.chat-page-static #chatBox.chat-box .msg-name{display:inline-flex!important;align-items:center!important;max-width:240px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;line-height:1.2!important;}
body.chat-page-static #chatBox.chat-box .msg-time{display:inline-flex!important;align-items:center!important;color:#9fb2d4!important;font-size:12px!important;font-weight:800!important;}
body.chat-page-static #chatBox.chat-box .msg-action{display:inline-flex!important;width:16px!important;height:16px!important;min-width:16px!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;color:#aebee0!important;background:transparent!important;border:0!important;box-shadow:none!important;text-decoration:none!important;line-height:1!important;}
body.chat-page-static #chatBox.chat-box .msg-action i{font-size:14px!important;line-height:1!important;}
body.chat-page-static #chatBox.chat-box .msg-text{display:block!important;position:relative!important;z-index:1!important;clear:both!important;width:100%!important;margin:0!important;padding:0!important;color:#edf6ff!important;line-height:1.48!important;font-size:14px!important;font-weight:600!important;white-space:normal!important;overflow-wrap:anywhere!important;word-break:break-word!important;}
body.chat-page-static #chatBox.chat-box .msg-quote{display:block!important;width:100%!important;margin:0 0 8px!important;padding:8px 10px!important;border-radius:12px!important;background:rgba(126,200,255,.10)!important;border-left:3px solid #7ec8ff!important;color:#cfe1ff!important;overflow-wrap:anywhere!important;}
body.chat-page-static #chatBox.chat-box .chat-report-text{display:inline-flex!important;margin-top:8px!important;color:#9fb2d4!important;font-size:12px!important;background:transparent!important;border:0!important;box-shadow:none!important;}
body.chat-page-static #chatBox.chat-box #chatEnd{display:block!important;clear:both!important;height:1px!important;min-height:1px!important;flex:none!important;}
@media(max-width:1100px){body.chat-page-static .chat-layout,body.chat-page-static .modern-chat-layout,body.chat-page-static .chat-layout-wide{grid-template-columns:1fr!important;width:calc(100vw - 18px)!important;}body.chat-page-static .chat-sidebar,body.chat-page-static .chat-combined-panel{max-width:none!important;min-width:0!important;}}
@media(max-width:700px){body.chat-page-static #chatBox.chat-box{min-height:calc(100dvh - 310px)!important;max-height:calc(100dvh - 265px)!important;padding:12px!important;}body.chat-page-static #chatBox.chat-box>.msg,body.chat-page-static #chatBox.chat-box>.modern-msg{grid-template-columns:38px minmax(0,1fr)!important;column-gap:9px!important;min-height:64px!important;margin-bottom:13px!important;}body.chat-page-static #chatBox.chat-box .msg-avatar-wrap,body.chat-page-static #chatBox.chat-box .chat-avatar{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important;}body.chat-page-static #chatBox.chat-box .msg-bubble{min-height:64px!important;padding:10px 11px!important;border-radius:17px!important;}body.chat-page-static #chatBox.chat-box .msg-meta{grid-template-columns:1fr!important;gap:4px!important;}body.chat-page-static #chatBox.chat-box .msg-meta-right{justify-content:flex-start!important;gap:9px!important;}}
html:has(body.public-login-fullpage),body.public-login-fullpage{width:100%!important;min-height:100dvh!important;height:100dvh!important;overflow:hidden!important;}body.public-login-fullpage .page,body.public-login-fullpage .cem-startpage{height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;}body.public-login-fullpage .radio-player-pro,body.public-login-fullpage .onair-mode-card,body.public-login-fullpage .onair-badge,body.public-login-fullpage .mobile-bottom-nav,body.public-login-fullpage .site-footer{display:none!important;}

/* =========================================================
   FINAL CHAT VIEWPORT / SCROLLBAR / SIDEBAR FIX 2026-05-20
   Behebt: letzte Nachricht unter Formular, helle Scrollbars,
   horizontales Scrollen in der Userliste, Chat-Überlagerungen.
========================================================= */
body.chat-page-static{
  overflow-x:hidden!important;
}
body.chat-page-static .chat-app-shell,
body.chat-page-static .chat-layout,
body.chat-page-static .modern-chat-layout,
body.chat-page-static .chat-layout-wide{
  min-width:0!important;
  max-width:100vw!important;
}
body.chat-page-static .modern-chat-room,
body.chat-page-static .chat-room-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:calc(100vh - 150px)!important;
  max-height:calc(100vh - 110px)!important;
  overflow:hidden!important;
  position:relative!important;
  padding-bottom:0!important;
}
body.chat-page-static .modern-chat-head,
body.chat-page-static .chat-head{
  flex:0 0 auto!important;
}
body.chat-page-static #chatBox.chat-box{
  flex:1 1 auto!important;
  display:block!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:18px 18px 150px!important;
  scroll-padding-bottom:165px!important;
  box-sizing:border-box!important;
  overscroll-behavior:contain!important;
  scrollbar-width:thin!important;
  scrollbar-color:#49698f rgba(8,18,34,.78)!important;
  background:linear-gradient(180deg,rgba(7,18,34,.96),rgba(8,22,42,.94))!important;
}
body.chat-page-static #chatBox.chat-box::-webkit-scrollbar,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar,
body.chat-page-static .chat-sidebar::-webkit-scrollbar,
body.chat-page-static #roomUsers::-webkit-scrollbar,
body.chat-page-static .recent-24h-list::-webkit-scrollbar{
  width:9px!important;
  height:9px!important;
}
body.chat-page-static #chatBox.chat-box::-webkit-scrollbar-track,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar-track,
body.chat-page-static .chat-sidebar::-webkit-scrollbar-track,
body.chat-page-static #roomUsers::-webkit-scrollbar-track,
body.chat-page-static .recent-24h-list::-webkit-scrollbar-track{
  background:rgba(8,18,34,.78)!important;
  border-radius:999px!important;
}
body.chat-page-static #chatBox.chat-box::-webkit-scrollbar-thumb,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar-thumb,
body.chat-page-static .chat-sidebar::-webkit-scrollbar-thumb,
body.chat-page-static #roomUsers::-webkit-scrollbar-thumb,
body.chat-page-static .recent-24h-list::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#38577e,#6d4fd9)!important;
  border-radius:999px!important;
  border:2px solid rgba(8,18,34,.78)!important;
}
body.chat-page-static #chatBox.chat-box::-webkit-scrollbar-thumb:hover,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar-thumb:hover,
body.chat-page-static .chat-sidebar::-webkit-scrollbar-thumb:hover,
body.chat-page-static #roomUsers::-webkit-scrollbar-thumb:hover,
body.chat-page-static .recent-24h-list::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#54a8ff,#8a5cff)!important;
}
body.chat-page-static #chatBox.chat-box > .msg,
body.chat-page-static #chatBox.chat-box > .modern-msg{
  margin-bottom:18px!important;
  flex:0 0 auto!important;
  min-height:auto!important;
}
body.chat-page-static #chatBox.chat-box > .msg:last-of-type,
body.chat-page-static #chatBox.chat-box > .modern-msg:last-of-type{
  margin-bottom:155px!important;
}
body.chat-page-static #chatEnd{
  display:block!important;
  height:155px!important;
  min-height:155px!important;
  clear:both!important;
}
body.chat-page-static #chatForm.chat-composer{
  flex:0 0 auto!important;
  position:sticky!important;
  bottom:0!important;
  z-index:20!important;
  width:100%!important;
  margin:0!important;
  padding:18px 22px!important;
  min-height:112px!important;
  background:linear-gradient(180deg,rgba(8,18,34,.42),rgba(8,18,34,.98) 28%,rgba(8,18,34,1))!important;
  border-top:1px solid rgba(126,200,255,.16)!important;
  backdrop-filter:blur(14px)!important;
  box-sizing:border-box!important;
}
body.chat-page-static #chatForm.chat-composer #chatInput{
  min-height:64px!important;
  padding:0 18px!important;
  border-radius:20px!important;
  font-size:16px!important;
}
body.chat-page-static .chat-combined-panel,
body.chat-page-static .chat-sidebar{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  min-width:400px!important;
  scrollbar-width:thin!important;
  scrollbar-color:#49698f rgba(8,18,34,.78)!important;
}
body.chat-page-static #roomList,
body.chat-page-static #roomUsers,
body.chat-page-static .recent-24h-list,
body.chat-page-static .chat-side-section{
  min-width:0!important;
  max-width:100%!important;
  overflow-x:hidden!important;
}
body.chat-page-static .online-user,
body.chat-page-static .recent-user{
  min-width:0!important;
  max-width:100%!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:34px minmax(0,1fr) auto auto auto!important;
  align-items:center!important;
  gap:8px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}
body.chat-page-static .online-user a,
body.chat-page-static .online-user .hugo-online-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
body.chat-page-static .private-chat-link,
body.chat-page-static .online-user .onair-badge,
body.chat-page-static .online-user .team-wappen,
body.chat-page-static .online-user .ghost-badge,
body.chat-page-static .online-user .age-badge,
body.chat-page-static .online-user .gender-icon,
body.chat-page-static .online-dot{
  max-width:100%!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
}
body.chat-page-static .private-chat-link{
  font-size:12px!important;
  padding:2px 0!important;
}
@media(max-width:1100px){
  body.chat-page-static .chat-combined-panel,
  body.chat-page-static .chat-sidebar{min-width:0!important;max-height:260px!important;}
  body.chat-page-static .modern-chat-room,
  body.chat-page-static .chat-room-card{min-height:calc(100dvh - 120px)!important;max-height:calc(100dvh - 92px)!important;}
}
@media(max-width:700px){
  body.chat-page-static #chatBox.chat-box{padding:12px 10px 140px!important;scroll-padding-bottom:150px!important;}
  body.chat-page-static #chatBox.chat-box > .msg:last-of-type,
  body.chat-page-static #chatBox.chat-box > .modern-msg:last-of-type{margin-bottom:145px!important;}
  body.chat-page-static #chatEnd{height:145px!important;min-height:145px!important;}
  body.chat-page-static #chatForm.chat-composer{min-height:108px!important;padding:14px 12px!important;grid-template-columns:minmax(0,1fr) auto auto auto auto!important;gap:10px!important;}
  body.chat-page-static #chatForm.chat-composer #chatInput{min-height:58px!important;font-size:15px!important;}
}

/* =========================================================
   FINAL REALFIX: Chatbox/Formular-Abstand ohne Überlagerung
   Das Formular ist wieder normal im Layoutfluss, nicht über dem Verlauf.
========================================================= */
body.chat-page-static .modern-chat-room,
body.chat-page-static .chat-room-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:0!important;
  overflow:hidden!important;
}
body.chat-page-static #chatBox.chat-box{
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:20px 18px 46px!important;
  margin:0!important;
  box-sizing:border-box!important;
  scroll-padding-bottom:70px!important;
}
body.chat-page-static #chatBox.chat-box > .msg,
body.chat-page-static #chatBox.chat-box > .modern-msg{
  margin-bottom:22px!important;
}
body.chat-page-static #chatBox.chat-box > .msg:last-of-type,
body.chat-page-static #chatBox.chat-box > .modern-msg:last-of-type{
  margin-bottom:34px!important;
}
body.chat-page-static #chatEnd{
  display:block!important;
  height:34px!important;
  min-height:34px!important;
  clear:both!important;
  flex:0 0 34px!important;
}
body.chat-page-static #chatForm.chat-composer,
body.chat-page-static form#chatForm.chat-composer{
  position:relative!important;
  inset:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  z-index:5!important;
  flex:0 0 auto!important;
  width:100%!important;
  margin:0!important;
  padding:20px 24px 22px!important;
  min-height:128px!important;
  background:linear-gradient(180deg,rgba(12,25,44,.98),rgba(7,17,31,1))!important;
  border-top:1px solid rgba(126,200,255,.18)!important;
  box-shadow:0 -18px 42px rgba(0,0,0,.20)!important;
  box-sizing:border-box!important;
}
body.chat-page-static #chatForm.chat-composer #chatInput{
  min-height:72px!important;
  height:72px!important;
}
@media(max-width:700px){
  body.chat-page-static #chatBox.chat-box{
    padding:14px 10px 38px!important;
    scroll-padding-bottom:60px!important;
  }
  body.chat-page-static #chatForm.chat-composer,
  body.chat-page-static form#chatForm.chat-composer{
    min-height:122px!important;
    padding:16px 12px 18px!important;
  }
  body.chat-page-static #chatForm.chat-composer #chatInput{
    min-height:66px!important;
    height:66px!important;
  }
}

/* =========================================================
   ChrisEmm Community - Navigation Visibility Fix
   Ziel: Navigation sichtbarer, lesbarer und klickbarer machen
   Einbindung: Diese Datei NACH deiner Haupt-CSS laden.
   ========================================================= */

/* Hauptnavigation / Headernavigation */
.main-nav,
.site-nav,
.top-nav,
.header-nav,
.navbar,
.app-nav,
.mobile-nav,
.sidebar-nav,
.chat-sidebar,
.left-sidebar,
.admin-sidebar {
    background: rgba(8, 18, 35, 0.96) !important;
    border: 1px solid rgba(120, 170, 255, 0.22) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(18px) !important;
}

/* Navigationslinks */
.main-nav a,
.site-nav a,
.top-nav a,
.header-nav a,
.navbar a,
.app-nav a,
.mobile-nav a,
.sidebar-nav a,
.chat-sidebar a,
.left-sidebar a,
.admin-sidebar a,
.nav-link,
.menu-link,
.sidebar-link {
    color: #eaf2ff !important;
    opacity: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.45) !important;
}

/* Icons in der Navigation */
.main-nav i,
.site-nav i,
.top-nav i,
.header-nav i,
.navbar i,
.app-nav i,
.mobile-nav i,
.sidebar-nav i,
.chat-sidebar i,
.left-sidebar i,
.admin-sidebar i,
.nav-link i,
.menu-link i,
.sidebar-link i {
    color: #9ed2ff !important;
    opacity: 1 !important;
}

/* Einzelne Navigationspunkte */
.main-nav li,
.site-nav li,
.top-nav li,
.header-nav li,
.navbar li,
.app-nav li,
.mobile-nav li,
.sidebar-nav li,
.chat-sidebar li,
.left-sidebar li,
.admin-sidebar li,
.nav-item,
.menu-item {
    border-radius: 14px !important;
}

/* Hover + Fokus */
.main-nav a:hover,
.site-nav a:hover,
.top-nav a:hover,
.header-nav a:hover,
.navbar a:hover,
.app-nav a:hover,
.mobile-nav a:hover,
.sidebar-nav a:hover,
.chat-sidebar a:hover,
.left-sidebar a:hover,
.admin-sidebar a:hover,
.nav-link:hover,
.menu-link:hover,
.sidebar-link:hover,
.main-nav a:focus,
.site-nav a:focus,
.top-nav a:focus,
.header-nav a:focus,
.navbar a:focus,
.app-nav a:focus,
.mobile-nav a:focus,
.sidebar-nav a:focus,
.chat-sidebar a:focus,
.left-sidebar a:focus,
.admin-sidebar a:focus,
.nav-link:focus,
.menu-link:focus,
.sidebar-link:focus {
    color: #ffffff !important;
    background: rgba(40, 125, 255, 0.18) !important;
    outline: 2px solid rgba(90, 180, 255, 0.35) !important;
    outline-offset: 2px !important;
}

/* Aktiver Menüpunkt */
.main-nav a.active,
.site-nav a.active,
.top-nav a.active,
.header-nav a.active,
.navbar a.active,
.app-nav a.active,
.mobile-nav a.active,
.sidebar-nav a.active,
.chat-sidebar a.active,
.left-sidebar a.active,
.admin-sidebar a.active,
.nav-link.active,
.menu-link.active,
.sidebar-link.active,
.nav-item.active > a,
.menu-item.active > a,
body[data-page="chat"] a[href*="chat"],
body[data-page="wall"] a[href*="wall"],
body[data-page="profile"] a[href*="profile"],
body[data-page="settings"] a[href*="settings"],
body[data-page="events"] a[href*="events"] {
    color: #ffffff !important;
    background: linear-gradient(135deg, rgba(35,130,255,0.32), rgba(150,80,255,0.26)) !important;
    border: 1px solid rgba(120, 190, 255, 0.35) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08), 0 10px 25px rgba(0,0,0,0.25) !important;
}

/* Burger-Menü sichtbarer */
.burger,
.burger-menu,
.menu-toggle,
.hamburger,
.mobile-menu-toggle,
button[aria-label*="Menü"],
button[aria-label*="Menu"] {
    background: linear-gradient(135deg, #1f8cff, #8d4dff) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow: 0 12px 28px rgba(25, 120, 255, 0.35) !important;
    border-radius: 16px !important;
}

/* Burger-Linien */
.burger span,
.burger-menu span,
.menu-toggle span,
.hamburger span,
.mobile-menu-toggle span {
    background: #ffffff !important;
    opacity: 1 !important;
}

/* Close/X Button im mobilen Menü klickbar und sichtbar */
.nav-close,
.menu-close,
.mobile-nav-close,
.close-menu,
button.close,
button[aria-label*="Schließen"],
button[aria-label*="Close"] {
    position: relative !important;
    z-index: 99999 !important;
    color: #ffffff !important;
    background: rgba(255,255,255,0.08) !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    border-radius: 12px !important;
    min-width: 40px !important;
    min-height: 40px !important;
}

/* Mobile Navigation klarer und dunkler */
@media (max-width: 900px) {
    .mobile-nav,
    .sidebar-nav,
    .app-nav.open,
    .nav-drawer,
    .drawer,
    .offcanvas,
    .menu-panel {
        background: rgba(6, 14, 28, 0.98) !important;
        border-right: 1px solid rgba(130, 190, 255, 0.24) !important;
        box-shadow: 24px 0 60px rgba(0,0,0,0.55) !important;
        backdrop-filter: blur(20px) !important;
        z-index: 9999 !important;
    }

    .mobile-nav a,
    .sidebar-nav a,
    .app-nav.open a,
    .nav-drawer a,
    .drawer a,
    .offcanvas a,
    .menu-panel a {
        display: flex !important;
        align-items: center !important;
        gap: 10px !important;
        min-height: 44px !important;
        padding: 11px 14px !important;
        color: #f1f6ff !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
    }
}

/* Kleine Badges lesbarer */
.nav-badge,
.menu-badge,
.sidebar-badge,
.badge {
    background: rgba(126, 92, 255, 0.95) !important;
    color: #ffffff !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    font-weight: 800 !important;
}


/* =========================================================
   Admin Backup Manager
   ========================================================= */
.backup-manager .admin-section-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:22px;
    margin-bottom:20px;
}
.backup-manager .admin-section-head h2{
    margin:0 0 8px;
    font-size:28px;
    color:#f4f8ff;
}
.backup-manager .admin-section-head p{
    margin:0;
    color:#aebbd8;
    max-width:760px;
}
.admin-alert{
    display:flex;
    align-items:center;
    gap:10px;
    padding:13px 15px;
    border-radius:16px;
    margin:14px 0;
    font-weight:700;
}
.admin-alert.success{
    background:rgba(36, 211, 134, .12);
    border:1px solid rgba(36,211,134,.28);
    color:#b6ffd9;
}
.admin-alert.danger{
    background:rgba(255, 82, 102, .12);
    border:1px solid rgba(255,82,102,.28);
    color:#ffd0d6;
}
.backup-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
    margin:20px 0 28px;
}
.backup-card{
    background:linear-gradient(180deg,rgba(17,28,52,.94),rgba(10,18,35,.96));
    border:1px solid rgba(126,179,255,.18);
    border-radius:24px;
    padding:22px;
    box-shadow:0 18px 50px rgba(0,0,0,.30);
}
.backup-card>i{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border-radius:16px;
    background:rgba(55,141,255,.14);
    color:#8dc7ff;
    font-size:22px;
    margin-bottom:14px;
}
.backup-card.warning>i{
    background:rgba(255,185,80,.13);
    color:#ffd28a;
}
.backup-card h3{
    margin:0 0 8px;
    color:#fff;
    font-size:20px;
}
.backup-card p{
    margin:0 0 16px;
    color:#b6c2dc;
}
.backup-card label{
    display:block;
    margin:12px 0 6px;
    color:#dce8ff;
    font-weight:700;
    font-size:13px;
}
.backup-card input[type="file"],
.backup-card input[type="text"]{
    width:100%;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(160,195,255,.18);
    border-radius:14px;
    color:#f5f8ff;
    padding:12px 13px;
}
.admin-primary-action,
.admin-danger-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:0;
    border-radius:14px;
    padding:12px 16px;
    cursor:pointer;
    font-weight:800;
    color:#fff;
    margin-top:10px;
}
.admin-primary-action{
    background:linear-gradient(135deg,#2f8cff,#7d5cff);
    box-shadow:0 12px 30px rgba(47,140,255,.22);
}
.admin-danger-action{
    background:linear-gradient(135deg,#ff4f6d,#ff8d4d);
    box-shadow:0 12px 30px rgba(255,79,109,.18);
}
.backup-list-title{
    margin:10px 0 12px;
    color:#f5f8ff;
}
.admin-table.compact{
    width:100%;
    border-collapse:separate;
    border-spacing:0 8px;
    font-size:13px;
}
.admin-table.compact th{
    text-align:left;
    color:#9fb0d0;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.06em;
    padding:8px 12px;
}
.admin-table.compact td{
    background:rgba(255,255,255,.045);
    border-top:1px solid rgba(255,255,255,.07);
    border-bottom:1px solid rgba(255,255,255,.07);
    padding:11px 12px;
    color:#e7efff;
}
.admin-table.compact tr td:first-child{
    border-left:1px solid rgba(255,255,255,.07);
    border-radius:14px 0 0 14px;
}
.admin-table.compact tr td:last-child{
    border-right:1px solid rgba(255,255,255,.07);
    border-radius:0 14px 14px 0;
}
.backup-actions{
    display:flex;
    align-items:center;
    gap:12px;
}
.backup-actions a,
.backup-actions button{
    background:transparent!important;
    border:0!important;
    color:#a9d2ff!important;
    cursor:pointer;
    padding:0!important;
    font-weight:800;
    text-decoration:none;
}
.backup-actions form{margin:0}
@media(max-width:900px){
    .backup-grid{grid-template-columns:1fr}
    .backup-actions{align-items:flex-start; flex-direction:column}
}

/* =========================================================
   Hugo Quiz / Coins / Badge-Shop
   ========================================================= */
.quiz-admin-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;overflow:hidden;position:relative}
.quiz-admin-stats{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:12px;min-width:360px}
.quiz-admin-stats span,.coin-pill{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(150,190,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.quiz-admin-stats b{font-size:20px;color:#fff}.quiz-admin-stats small{color:#aebddd;font-size:12px}.admin-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.admin-tabs a{padding:9px 13px;border-radius:14px;text-decoration:none;color:#dce8ff;background:transparent;border:1px solid rgba(130,180,255,.16)}.admin-tabs a.active,.admin-tabs a:hover{background:rgba(70,140,255,.18);border-color:rgba(120,190,255,.32);color:#fff}.admin-form-grid{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:12px 18px;align-items:center}.admin-form-grid textarea{min-height:100px}.toggle-line{grid-column:1/-1;display:flex!important;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(130,180,255,.13)}.compact-table{font-size:13px}.compact-table td,.compact-table th{padding:8px 10px}.link-danger{background:transparent!important;border:0!important;color:#ff9d9d!important;padding:0!important;box-shadow:none!important}.badge-shop-hero{display:flex;align-items:center;justify-content:space-between;gap:20px}.coin-pill{display:inline-flex;flex-direction:row;align-items:center;color:#fff;font-weight:800}.badge-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.badge-shop-card{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;min-height:260px}.badge-shop-card.owned{opacity:.75}.shop-badge-icon{width:72px;height:72px;border-radius:24px;border:2px solid #6aa9ff;display:grid;place-items:center;font-size:34px;background:rgba(255,255,255,.06)}.coin-price{display:inline-flex;gap:8px;align-items:center;color:#ffe189}.owned-label{padding:8px 12px;border-radius:14px;background:rgba(60,255,160,.12);color:#9cffcd;border:1px solid rgba(60,255,160,.24)}
@media(max-width:800px){.quiz-admin-hero,.badge-shop-hero{flex-direction:column;align-items:flex-start}.quiz-admin-stats{min-width:0;width:100%;grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.admin-tabs{gap:6px}.admin-tabs a{font-size:13px;padding:8px 10px}}


/* Hugo Quiz Phase 2 */
.quiz-admin-hero,.badge-shop-hero,.quiz-ranking-hero{background:linear-gradient(135deg,rgba(25,45,85,.96),rgba(36,23,72,.94))!important;border:1px solid rgba(126,180,255,.22)!important;box-shadow:0 18px 45px rgba(0,0,0,.28)!important}.quiz-admin-stats{display:flex;gap:12px;flex-wrap:wrap}.quiz-admin-stats span{min-width:92px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center}.quiz-admin-stats b{display:block;font-size:20px}.quiz-admin-stats small{color:#b9c7e8}.admin-tabs{display:flex;gap:10px;flex-wrap:wrap}.admin-tabs a{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.05);color:#e9f2ff;text-decoration:none}.admin-tabs a.active{background:rgba(95,155,255,.18);outline:1px solid rgba(120,180,255,.25)}.quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.badge-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.badge-shop-card{text-align:center}.shop-badge-icon{width:72px;height:72px;margin:0 auto 12px;border:3px solid #6aa9ff;border-radius:22px;display:flex;align-items:center;justify-content:center;font-size:34px;background:rgba(255,255,255,.06)}.coin-pill,.coin-price{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,200,70,.12);color:#ffe49a}.owned-label{display:inline-block;margin-top:10px;color:#9ee6b7;font-weight:700}.compact-table{font-size:13px}.compact-table td,.compact-table th{padding:8px 10px}.quiz-ranking-page .table a{text-decoration:none;font-weight:800}@media(max-width:760px){.quiz-admin-stats{width:100%}.quiz-admin-stats span{flex:1 1 40%}.admin-form-grid{display:block}.admin-form-grid label{margin-top:10px}.compact-table{font-size:12px}}


/* =========================================================
   Phase 3: Hugo Quiz Coins + Sticker-Shop
   ========================================================= */
.sticker-shop-hero,.badge-shop-hero{display:grid;gap:12px;background:linear-gradient(135deg,rgba(12,28,54,.96),rgba(26,18,54,.96))!important;border:1px solid rgba(130,190,255,.22)!important}
.sticker-shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:18px}
.sticker-shop-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:10px;min-height:310px}
.sticker-shop-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(91,153,255,.16),transparent 45%);pointer-events:none}
.sticker-shop-media,.profile-sticker-media{display:grid;place-items:center;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);overflow:hidden}
.sticker-shop-media{height:122px;margin-bottom:4px}.sticker-shop-media img{max-width:100%;max-height:100%;object-fit:contain}.sticker-shop-media span{font-size:54px}
.profile-sticker-wall{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;margin-top:12px}.profile-sticker-wall.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-sticker{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:10px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.profile-sticker-media{width:74px;height:74px}.profile-sticker-media img{max-width:100%;max-height:100%;object-fit:contain}.profile-sticker-media span{font-size:34px}.profile-sticker strong{font-size:12px;line-height:1.15}.profile-sticker small{opacity:.75}
.rarity-rare{border-color:rgba(89,167,255,.35)!important}.rarity-epic{border-color:rgba(186,117,255,.4)!important}.rarity-legendary{border-color:rgba(255,205,89,.5)!important;box-shadow:0 0 0 1px rgba(255,205,89,.12),0 12px 30px rgba(255,190,60,.08)}
.sticker-actions button,.sticker-gift-box button{width:100%}.sticker-gift-box{margin-top:auto}.sticker-gift-box summary{cursor:pointer;color:#dceaff;font-weight:700;padding:8px 0}.sticker-gift-box form{display:grid;gap:8px;margin-top:8px}.coin-price{display:inline-flex;gap:7px;align-items:center;color:#ffe08a}.admin-sticker-preview{max-width:120px;max-height:90px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.07);padding:8px}.admin-sticker-row{display:grid;grid-template-columns:44px 1fr;gap:10px;align-items:center}.admin-sticker-row img{width:44px;height:44px;object-fit:contain;border-radius:12px}.admin-sticker-row span{font-size:28px}.admin-sticker-row small{grid-column:2;color:var(--muted,#9ca3af)}
@media(max-width:760px){.sticker-shop-grid{grid-template-columns:1fr}.profile-sticker-wall.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-sticker-media{width:62px;height:62px}.profile-sticker strong{font-size:11px}}

/* =========================================================
   FINALFIX: Chat unten sichtbar + Nachrichten laufen weiter
   ========================================================= */
body.chat-page-static{
    min-height:100svh !important;
    overflow:hidden !important;
}
body.chat-page-static .chat-app-shell{
    height:calc(100svh - var(--header-height, 78px)) !important;
    min-height:0 !important;
    overflow:hidden !important;
    padding-bottom:22px !important;
}
body.chat-page-static .chat-layout,
body.chat-page-static .modern-chat-layout,
body.chat-page-static .chat-layout-wide{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:grid !important;
}
body.chat-page-static .chat-room-card,
body.chat-page-static .modern-chat-room{
    height:100% !important;
    min-height:0 !important;
    overflow:hidden !important;
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:18px !important;
}
body.chat-page-static .chat-head,
body.chat-page-static .modern-chat-head{
    flex:0 0 auto !important;
}
body.chat-page-static #chatBox,
body.chat-page-static .chat-box{
    flex:1 1 auto !important;
    min-height:0 !important;
    height:auto !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:18px 18px 150px !important;
    scroll-padding-bottom:160px !important;
}
body.chat-page-static .chat-composer,
body.chat-page-static #chatForm{
    position:relative !important;
    flex:0 0 auto !important;
    margin:14px 18px 28px !important;
    padding:18px !important;
    min-height:96px !important;
    z-index:20 !important;
    background:rgba(7,16,33,.96) !important;
    border:1px solid rgba(126,185,255,.20) !important;
    border-radius:24px !important;
    box-shadow:0 -16px 45px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.05) !important;
    backdrop-filter:blur(16px) !important;
}
body.chat-page-static #chatInput{
    min-height:50px !important;
    line-height:1.45 !important;
    font-size:15px !important;
}
body.chat-page-static .chat-message,
body.chat-page-static .message-row,
body.chat-page-static .chat-msg,
body.chat-page-static [data-message-id]{
    flex:0 0 auto !important;
    min-height:max-content !important;
    height:auto !important;
    margin-bottom:16px !important;
    overflow:visible !important;
}
body.chat-page-static .chat-message:last-child,
body.chat-page-static .message-row:last-child,
body.chat-page-static .chat-msg:last-child,
body.chat-page-static [data-message-id]:last-child{
    margin-bottom:80px !important;
}
body.chat-page-static .chat-bubble,
body.chat-page-static .message-bubble,
body.chat-page-static .msg-bubble{
    min-height:max-content !important;
    height:auto !important;
    overflow:visible !important;
}
body.chat-page-static .chat-sidebar,
body.chat-page-static .chat-combined-panel{
    overflow-x:hidden !important;
}
body.chat-page-static .chat-sidebar *,
body.chat-page-static .chat-combined-panel *{
    max-width:100% !important;
}
body.chat-page-static .online-user{
    overflow:hidden !important;
}
body.chat-page-static .online-user a,
body.chat-page-static .online-user span{
    min-width:0 !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
}
body.chat-page-static .chat-box::-webkit-scrollbar,
body.chat-page-static .chat-sidebar::-webkit-scrollbar,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar{width:10px;height:10px}
body.chat-page-static .chat-box::-webkit-scrollbar-track,
body.chat-page-static .chat-sidebar::-webkit-scrollbar-track,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
body.chat-page-static .chat-box::-webkit-scrollbar-thumb,
body.chat-page-static .chat-sidebar::-webkit-scrollbar-thumb,
body.chat-page-static .chat-combined-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(90,160,255,.65),rgba(150,90,255,.55));border-radius:999px;border:2px solid rgba(7,16,33,.96)}

@media(max-width:900px){
    body.chat-page-static{overflow:hidden !important;}
    body.chat-page-static .chat-app-shell{height:100svh !important;padding-bottom:14px !important;}
    body.chat-page-static #chatBox,
    body.chat-page-static .chat-box{padding:14px 12px 180px !important;}
    body.chat-page-static .chat-composer,
    body.chat-page-static #chatForm{margin:10px 10px calc(22px + env(safe-area-inset-bottom,0px)) !important;padding:14px !important;min-height:108px !important;border-radius:22px !important;}
    body.chat-page-static #chatInput{min-height:54px !important;font-size:16px !important;}
    body.chat-page-static .chat-message:last-child,
    body.chat-page-static .message-row:last-child,
    body.chat-page-static .chat-msg:last-child,
    body.chat-page-static [data-message-id]:last-child{margin-bottom:110px !important;}
}

/* =========================================================
   REAL FINALFIX 2026-05-20: Chat-Formular fest sichtbar
   Problem: Eingabeformular rutschte unten aus dem sichtbaren Bereich.
   Lösung: Chatseite bekommt eine echte Viewport-Höhe, kein Footer/Botnav,
   Chatbox scrollt allein, Formular bleibt unten im Chat-Panel.
   ========================================================= */
body.chat-page-static{
    --chat-topbar-h:66px;
    --chat-page-gap:16px;
    overflow:hidden!important;
    height:100dvh!important;
    min-height:100dvh!important;
}
body.chat-page-static .site-footer,
body.chat-page-static .mobile-bottom-nav{
    display:none!important;
}
body.chat-page-static .topbar{
    height:var(--chat-topbar-h)!important;
    min-height:var(--chat-topbar-h)!important;
    flex:0 0 var(--chat-topbar-h)!important;
}
body.chat-page-static .radio-player-pro{
    max-height:74px!important;
    min-height:0!important;
    margin:0!important;
    flex-shrink:0!important;
}
body.chat-page-static .page{
    max-width:100%!important;
    width:100%!important;
    height:calc(100dvh - var(--chat-topbar-h))!important;
    min-height:0!important;
    margin:0!important;
    padding:8px!important;
    overflow:hidden!important;
}
body.chat-page-static:has(.radio-player-pro) .page{
    height:calc(100dvh - var(--chat-topbar-h) - 74px)!important;
}
body.chat-page-static .chat-app-shell{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:0!important;
    display:block!important;
}
body.chat-page-static .chat-layout,
body.chat-page-static .modern-chat-layout,
body.chat-page-static .chat-layout-wide{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:280px minmax(0,1fr)!important;
    gap:12px!important;
    align-items:stretch!important;
}
body.chat-page-static .chat-room-card,
body.chat-page-static .modern-chat-room{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto auto!important;
    gap:10px!important;
    padding:14px!important;
    border-radius:22px!important;
}
body.chat-page-static .chat-head,
body.chat-page-static .modern-chat-head{
    min-height:0!important;
    flex:none!important;
    margin:0!important;
}
body.chat-page-static #chatBox,
body.chat-page-static .chat-box{
    position:relative!important;
    grid-row:auto!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    flex:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:16px 16px 130px!important;
    margin:0!important;
    scroll-padding-bottom:150px!important;
    overscroll-behavior:contain!important;
}
body.chat-page-static #chatForm,
body.chat-page-static .chat-composer{
    position:relative!important;
    inset:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    grid-row:auto!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
    padding:16px!important;
    min-height:118px!important;
    max-height:none!important;
    overflow:visible!important;
    z-index:30!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) repeat(4,48px)!important;
    align-items:center!important;
    gap:12px!important;
    background:rgba(7,16,33,.98)!important;
    border:1px solid rgba(126,185,255,.26)!important;
    border-radius:24px!important;
    box-shadow:0 -8px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.05)!important;
    backdrop-filter:blur(18px)!important;
}
body.chat-page-static #chatInput{
    grid-column:1 / 2!important;
    width:100%!important;
    min-width:0!important;
    min-height:62px!important;
    height:62px!important;
    margin:0!important;
    padding:16px 18px!important;
    border-radius:19px!important;
    font-size:16px!important;
    line-height:1.45!important;
}
body.chat-page-static #chatForm input[type="hidden"],
body.chat-page-static .chat-composer input[type="hidden"]{
    display:none!important;
}
body.chat-page-static #chatReplyPreview,
body.chat-page-static .chat-reply-preview{
    grid-column:1 / -1!important;
    order:-1!important;
    margin:0!important;
}
body.chat-page-static .chat-text-tool,
body.chat-page-static #chatForm button,
body.chat-page-static #chatForm label{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    padding:0!important;
    margin:0!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:14px!important;
    color:#d9e9ff!important;
}
body.chat-page-static .chat-text-tool span{
    display:none!important;
}
body.chat-page-static .chat-text-tool i,
body.chat-page-static #chatForm button i,
body.chat-page-static #chatForm label i{
    font-size:22px!important;
    color:#d9e9ff!important;
}
body.chat-page-static .chat-text-tool:hover i,
body.chat-page-static #chatForm button:hover i,
body.chat-page-static #chatForm label:hover i{
    color:#78c8ff!important;
}
body.chat-page-static #chatEmojiBar,
body.chat-page-static #chatGiphyPreview{
    margin:0!important;
    flex:none!important;
    max-height:120px!important;
    overflow:auto!important;
}
body.chat-page-static .chat-message,
body.chat-page-static .message-row,
body.chat-page-static .chat-msg,
body.chat-page-static [data-message-id]{
    margin-bottom:18px!important;
    flex:0 0 auto!important;
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
}
body.chat-page-static .chat-message:last-child,
body.chat-page-static .message-row:last-child,
body.chat-page-static .chat-msg:last-child,
body.chat-page-static [data-message-id]:last-child{
    margin-bottom:120px!important;
}
body.chat-page-static .chat-sidebar,
body.chat-page-static .chat-combined-panel{
    height:100%!important;
    max-height:100%!important;
    min-height:0!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
}
body.chat-page-static .chat-mobile-bar{
    display:none!important;
}

@media(max-width:900px){
    body.chat-page-static{
        --chat-topbar-h:62px;
    }
    body.chat-page-static .page{
        height:calc(100dvh - var(--chat-topbar-h))!important;
        padding:6px!important;
    }
    body.chat-page-static:has(.radio-player-pro) .page{
        height:calc(100dvh - var(--chat-topbar-h) - 68px)!important;
    }
    body.chat-page-static .chat-mobile-bar{
        display:flex!important;
        height:42px!important;
        min-height:42px!important;
        align-items:center!important;
        gap:10px!important;
        margin-bottom:6px!important;
    }
    body.chat-page-static .chat-layout,
    body.chat-page-static .modern-chat-layout,
    body.chat-page-static .chat-layout-wide{
        height:calc(100% - 48px)!important;
        grid-template-columns:1fr!important;
    }
    body.chat-page-static .chat-sidebar,
    body.chat-page-static .chat-combined-panel{
        position:fixed!important;
        top:0!important;
        bottom:0!important;
        left:0!important;
        width:min(86vw,340px)!important;
        height:100dvh!important;
        z-index:9999!important;
        transform:translateX(-105%)!important;
        transition:transform .22s ease!important;
    }
    body.chat-page-static.chat-side-open .chat-sidebar,
    body.chat-page-static.chat-side-open .chat-combined-panel{
        transform:translateX(0)!important;
    }
    body.chat-page-static .chat-room-card,
    body.chat-page-static .modern-chat-room{
        padding:10px!important;
        gap:8px!important;
    }
    body.chat-page-static .chat-head,
    body.chat-page-static .modern-chat-head{
        display:none!important;
    }
    body.chat-page-static #chatBox,
    body.chat-page-static .chat-box{
        padding:12px 10px 160px!important;
    }
    body.chat-page-static #chatForm,
    body.chat-page-static .chat-composer{
        grid-template-columns:repeat(4,1fr)!important;
        gap:10px!important;
        padding:13px!important;
        min-height:132px!important;
        border-radius:22px!important;
        margin:0!important;
    }
    body.chat-page-static #chatInput{
        grid-column:1 / -1!important;
        min-height:62px!important;
        height:62px!important;
        font-size:16px!important;
    }
    body.chat-page-static .chat-text-tool,
    body.chat-page-static #chatForm button,
    body.chat-page-static #chatForm label{
        width:100%!important;
        min-width:0!important;
        height:42px!important;
        min-height:42px!important;
    }
    body.chat-page-static .chat-message:last-child,
    body.chat-page-static .message-row:last-child,
    body.chat-page-static .chat-msg:last-child,
    body.chat-page-static [data-message-id]:last-child{
        margin-bottom:150px!important;
    }
}

/* =========================================================
   FINALFIX: Chatformular bleibt sichtbar + Quizbot Livekarte
   ========================================================= */
body.chat-page-static .chat-app-shell{
    height:calc(100dvh - 104px)!important;
    max-height:calc(100dvh - 104px)!important;
    min-height:0!important;
    overflow:hidden!important;
    padding-bottom:10px!important;
    box-sizing:border-box!important;
}
body.chat-page-static .chat-layout,
body.chat-page-static .modern-chat-layout,
body.chat-page-static .chat-layout-wide{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    align-items:stretch!important;
}
body.chat-page-static .chat-room-card,
body.chat-page-static .modern-chat-room{
    height:100%!important;
    min-height:0!important;
    max-height:100%!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr) auto auto auto!important;
    gap:12px!important;
    padding:14px!important;
    box-sizing:border-box!important;
}
body.chat-page-static #chatBox,
body.chat-page-static .chat-box{
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding:16px 14px 46px!important;
    scroll-padding-bottom:54px!important;
    box-sizing:border-box!important;
}
body.chat-page-static #chatForm,
body.chat-page-static .chat-composer{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    top:auto!important;
    transform:none!important;
    z-index:30!important;
    width:100%!important;
    flex:0 0 auto!important;
    margin:0!important;
    padding:14px!important;
    min-height:96px!important;
    display:grid!important;
    grid-template-columns:1fr auto auto auto auto!important;
    gap:10px!important;
    align-items:center!important;
    border-radius:24px!important;
    background:rgba(9,22,43,.96)!important;
    border:1px solid rgba(126,178,255,.20)!important;
    box-shadow:0 -12px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(16px)!important;
    box-sizing:border-box!important;
}
body.chat-page-static #chatInput,
body.chat-page-static .chat-composer input#chatInput{
    grid-column:1 / -1!important;
    min-height:58px!important;
    height:58px!important;
    padding:16px 18px!important;
    font-size:16px!important;
    line-height:1.35!important;
    color:#eef6ff!important;
    background:rgba(255,255,255,.07)!important;
    border:1px solid rgba(126,178,255,.18)!important;
    border-radius:20px!important;
    box-sizing:border-box!important;
}
body.chat-page-static #chatForm .chat-text-tool,
body.chat-page-static #chatForm button,
body.chat-page-static #chatForm label{
    position:relative!important;
    width:auto!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:0 8px!important;
    margin:0!important;
    background:transparent!important;
    background-color:transparent!important;
    border:0!important;
    box-shadow:none!important;
    border-radius:12px!important;
    color:#d9e9ff!important;
    cursor:pointer!important;
}
body.chat-page-static #chatForm .chat-text-tool span{display:none!important;}
body.chat-page-static #chatForm .chat-text-tool i,
body.chat-page-static #chatForm button i,
body.chat-page-static #chatForm label i{font-size:22px!important;color:#d9e9ff!important;}
body.chat-page-static #chatForm .chat-text-tool:hover i,
body.chat-page-static #chatForm button:hover i,
body.chat-page-static #chatForm label:hover i{color:#79c8ff!important;}
body.chat-page-static .msg,
body.chat-page-static .modern-msg{
    margin:0 0 18px!important;
    flex:none!important;
    min-height:auto!important;
    height:auto!important;
    overflow:visible!important;
}
body.chat-page-static .quiz-live-card{
    display:flex!important;
    gap:12px!important;
    margin:18px 0 10px!important;
    padding:15px!important;
    border-radius:22px!important;
    background:linear-gradient(135deg,rgba(21,55,105,.96),rgba(42,28,78,.94))!important;
    border:1px solid rgba(130,190,255,.28)!important;
    box-shadow:0 18px 42px rgba(0,0,0,.28)!important;
    color:#eef6ff!important;
}
body.chat-page-static .quiz-live-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:16px;background:rgba(255,255,255,.10);font-size:24px;flex:0 0 auto;}
body.chat-page-static .quiz-live-content{min-width:0;flex:1;}
body.chat-page-static .quiz-live-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px;}
body.chat-page-static .quiz-live-top b{font-size:14px;letter-spacing:.02em;}
body.chat-page-static .quiz-live-top span{font-size:12px;color:#b8cff5;white-space:nowrap;}
body.chat-page-static .quiz-live-question{font-size:16px;font-weight:800;line-height:1.35;margin-bottom:8px;color:#fff;}
body.chat-page-static .quiz-live-hint{font-size:13px;color:#dceaff;margin:7px 0;}
body.chat-page-static .quiz-live-bottom{font-size:13px;color:#c6dcff;}

@media(max-width:900px){
    body.chat-page-static .chat-app-shell{
        height:calc(100dvh - 72px)!important;
        max-height:calc(100dvh - 72px)!important;
        padding:6px 6px calc(10px + env(safe-area-inset-bottom,0px))!important;
    }
    body.chat-page-static .chat-layout,
    body.chat-page-static .modern-chat-layout,
    body.chat-page-static .chat-layout-wide{
        height:calc(100% - 48px)!important;
        grid-template-columns:1fr!important;
    }
    body.chat-page-static .chat-room-card,
    body.chat-page-static .modern-chat-room{
        padding:10px!important;
        gap:10px!important;
        border-radius:20px!important;
    }
    body.chat-page-static #chatBox,
    body.chat-page-static .chat-box{
        padding:12px 9px 34px!important;
    }
    body.chat-page-static #chatForm,
    body.chat-page-static .chat-composer{
        grid-template-columns:repeat(4,1fr)!important;
        min-height:124px!important;
        padding:12px!important;
        gap:9px!important;
        border-radius:22px!important;
    }
    body.chat-page-static #chatInput,
    body.chat-page-static .chat-composer input#chatInput{
        grid-column:1 / -1!important;
        min-height:58px!important;
        height:58px!important;
        font-size:16px!important;
    }
    body.chat-page-static #chatForm .chat-text-tool,
    body.chat-page-static #chatForm button,
    body.chat-page-static #chatForm label{
        width:100%!important;
        min-width:0!important;
        height:42px!important;
        min-height:42px!important;
    }
    body.chat-page-static .quiz-live-card{padding:12px!important;border-radius:18px!important;margin:14px 0 8px!important;}
    body.chat-page-static .quiz-live-top{display:block!important;}
    body.chat-page-static .quiz-live-top span{display:block;margin-top:3px;white-space:normal;}
    body.chat-page-static .quiz-live-question{font-size:15px!important;}
}


/* =========================================================
   CHAT + QUIZ FINAL ORDENTLICH FIX
   - Eingabeformular bleibt sichtbar
   - Chat scrollt darüber
   - Quizkarte sauber und benutzerfreundlich
   ========================================================= */
body.chat-page-static,
body[class*="chat"]{
    overflow:hidden !important;
}
.chat-app-shell{
    height:calc(100vh - var(--topbar-height, 0px)) !important;
    min-height:0 !important;
    overflow:hidden !important;
}
.modern-chat-layout,
.chat-layout-wide,
.chat-layout{
    height:calc(100vh - 150px) !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(300px, 360px) minmax(0, 1fr) !important;
    gap:18px !important;
    overflow:hidden !important;
}
.chat-room-card,
.modern-chat-room{
    position:relative !important;
    min-height:0 !important;
    height:100% !important;
    display:flex !important;
    flex-direction:column !important;
    overflow:hidden !important;
    padding-bottom:0 !important;
}
.chat-head,
.modern-chat-head{
    flex:0 0 auto !important;
}
#chatBox.chat-box,
.chat-box{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
    overflow-x:hidden !important;
    padding:18px 18px 210px 18px !important;
    scroll-padding-bottom:230px !important;
}
#chatForm.chat-composer,
.chat-composer{
    position:absolute !important;
    left:18px !important;
    right:18px !important;
    bottom:18px !important;
    z-index:50 !important;
    min-height:104px !important;
    padding:16px 18px !important;
    border-radius:24px !important;
    background:rgba(12, 25, 45, .96) !important;
    border:1px solid rgba(150,190,255,.22) !important;
    box-shadow:0 -18px 45px rgba(2,8,18,.62), inset 0 1px 0 rgba(255,255,255,.06) !important;
    backdrop-filter:blur(18px) !important;
    display:grid !important;
    grid-template-columns:1fr auto auto auto auto !important;
    gap:12px !important;
    align-items:center !important;
}
#chatInput{
    min-height:64px !important;
    width:100% !important;
    border-radius:18px !important;
    background:rgba(255,255,255,.045) !important;
    border:1px solid rgba(170,205,255,.18) !important;
    color:#eef6ff !important;
    padding:0 18px !important;
    font-size:15px !important;
}
.chat-text-tool,
.chat-composer button,
.chat-composer label{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#bcd8ff !important;
    padding:8px !important;
    min-width:34px !important;
    min-height:34px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    cursor:pointer !important;
}
.chat-text-tool span{display:none !important;}
.chat-text-tool i{font-size:22px !important;line-height:1 !important;}
.chat-text-tool:hover{color:#ffffff !important;transform:translateY(-1px);}
.chat-box .msg,
.chat-box .modern-msg{
    display:grid !important;
    grid-template-columns:54px minmax(0, 1fr) !important;
    gap:14px !important;
    margin:0 0 18px 0 !important;
    min-height:unset !important;
    height:auto !important;
    position:relative !important;
    flex:0 0 auto !important;
}
.chat-box .msg-bubble{
    min-height:unset !important;
    height:auto !important;
    padding:14px 16px !important;
    border-radius:18px !important;
    overflow:visible !important;
}
.chat-box .msg-text{
    margin-top:7px !important;
    line-height:1.45 !important;
    word-break:break-word !important;
}
.quiz-live-card{
    display:flex !important;
    gap:14px !important;
    align-items:flex-start !important;
    margin:0 0 20px 0 !important;
    padding:18px 20px !important;
    border-radius:22px !important;
    background:linear-gradient(135deg, rgba(28,72,140,.92), rgba(60,36,112,.92)) !important;
    border:1px solid rgba(125,190,255,.28) !important;
    box-shadow:0 16px 40px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.quiz-live-icon{
    width:44px !important;height:44px !important;border-radius:50% !important;
    display:flex !important;align-items:center !important;justify-content:center !important;
    background:rgba(255,255,255,.10) !important;font-size:22px !important;flex:0 0 44px !important;
}
.quiz-live-content{min-width:0 !important;flex:1 !important;}
.quiz-live-top{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:12px !important;margin-bottom:8px !important;color:#eaf3ff !important;}
.quiz-live-top span{font-size:12px !important;color:#c5d7ff !important;white-space:nowrap !important;}
.quiz-live-question{font-size:17px !important;font-weight:800 !important;color:#fff !important;line-height:1.35 !important;margin-bottom:8px !important;}
.quiz-live-bottom,.quiz-live-hint{font-size:13px !important;color:#dbe8ff !important;line-height:1.35 !important;}
.chat-sidebar,.chat-combined-panel{overflow-y:auto !important;overflow-x:hidden !important;}
@media(max-width:900px){
    body.chat-page-static, body[class*="chat"]{overflow:auto !important;}
    .modern-chat-layout,.chat-layout-wide,.chat-layout{height:calc(100vh - 105px) !important;grid-template-columns:1fr !important;}
    .chat-sidebar{position:fixed !important;left:0;top:0;bottom:0;width:min(86vw,340px);z-index:2000;transform:translateX(-110%);transition:.2s ease;}
    body.chat-side-open .chat-sidebar{transform:translateX(0);}
    #chatBox.chat-box,.chat-box{padding:14px 12px 190px 12px !important;}
    #chatForm.chat-composer,.chat-composer{left:10px !important;right:10px !important;bottom:10px !important;grid-template-columns:1fr auto auto auto auto !important;min-height:92px !important;padding:12px !important;border-radius:20px !important;}
    #chatInput{min-height:56px !important;font-size:14px !important;}
    .chat-box .msg,.chat-box .modern-msg{grid-template-columns:44px minmax(0,1fr) !important;gap:10px !important;margin-bottom:14px !important;}
    .quiz-live-card{padding:14px !important;border-radius:18px !important;}
    .quiz-live-question{font-size:15px !important;}
}


/* FINAL: compact profile gift history + full admin user editor */
.profile-gifts-section .profile-gift-list{display:grid!important;gap:8px!important;margin-top:12px!important;}
.profile-gift-row{display:grid!important;grid-template-columns:34px minmax(0,1fr) auto!important;align-items:center!important;gap:10px!important;padding:8px 10px!important;border-radius:14px!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;}
.profile-gift-mini{width:34px!important;height:34px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,rgba(19,122,255,.16),rgba(255,79,216,.14))!important;border:1px solid rgba(126,200,255,.16)!important;overflow:hidden!important;}
.profile-gift-mini img{width:25px!important;height:25px!important;object-fit:contain!important;display:block!important;}
.profile-gift-mini span{font-size:22px!important;line-height:1!important;}
.profile-gift-info{min-width:0!important;display:grid!important;gap:1px!important;}
.profile-gift-info b{font-size:13px!important;color:#fff!important;line-height:1.15!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.profile-gift-info small{font-size:11px!important;color:#a9bbdc!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.profile-gift-info a{color:#8edbff!important;text-decoration:none!important;font-weight:800!important;}
.profile-gift-row time{font-size:10px!important;color:#8fa3c8!important;white-space:nowrap!important;}
.admin-user-full-editor{font-size:13px!important;}
.admin-head-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.admin-user-full-form,.admin-password-card,.admin-danger-card,.admin-related-data{margin-top:16px!important;}
.admin-user-full-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:10px!important;}
.admin-user-full-grid label{display:flex!important;flex-direction:column!important;gap:5px!important;padding:10px!important;border-radius:16px!important;background:rgba(2,8,23,.42)!important;border:1px solid rgba(126,200,255,.10)!important;min-width:0!important;}
.admin-user-full-grid label.wide{grid-column:1/-1!important;}
.admin-user-full-grid label.readonly{opacity:.72!important;}
.admin-user-full-grid span{font-size:11px!important;line-height:1.2!important;color:#b9c9ec!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.04em!important;}
.admin-user-full-grid span small{display:block!important;color:#7488a9!important;font-size:9px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;margin-top:2px!important;}
.admin-user-full-grid input,.admin-user-full-grid textarea{width:100%!important;border:1px solid rgba(126,200,255,.14)!important;background:rgba(1,7,18,.76)!important;color:#eef8ff!important;border-radius:12px!important;padding:9px 10px!important;outline:none!important;}
.admin-user-full-grid input:focus,.admin-user-full-grid textarea:focus{border-color:rgba(126,200,255,.42)!important;box-shadow:0 0 0 3px rgba(19,122,255,.12)!important;}
.admin-user-full-actions{display:flex!important;justify-content:flex-end!important;margin-top:14px!important;}
.admin-password-reset{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:center!important;}
.admin-password-reset input{min-width:260px!important;flex:1!important;background:rgba(1,7,18,.76)!important;color:#eef8ff!important;border:1px solid rgba(126,200,255,.14)!important;border-radius:12px!important;padding:10px 12px!important;}
.admin-danger-card{border-color:rgba(255,79,104,.28)!important;background:rgba(255,79,104,.06)!important;}
.admin-danger-card .danger{background:rgba(255,79,104,.16)!important;color:#ff9cab!important;border:1px solid rgba(255,79,104,.32)!important;}
.admin-related-table{margin-top:10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important;}
.admin-related-table summary{cursor:pointer!important;padding:11px 13px!important;color:#eef8ff!important;font-weight:900!important;display:flex!important;justify-content:space-between!important;gap:10px!important;}
.admin-related-table summary span{color:#9fb0d0!important;font-size:11px!important;}
.admin-mini-table-wrap{overflow:auto!important;max-height:340px!important;padding:0 10px 10px!important;}
@media(max-width:720px){.profile-gift-row{grid-template-columns:30px minmax(0,1fr)!important}.profile-gift-row time{grid-column:2!important}.admin-user-full-grid{grid-template-columns:1fr!important}.admin-password-reset input{min-width:0!important;width:100%!important}.admin-head-actions{width:100%!important}.admin-head-actions a{width:100%!important;text-align:center!important}}

/* === Admin Benutzerliste + Team Profilkommentar FINAL === */
.admin-users-action-page .admin-user-table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.12);background:rgba(5,10,28,.46);box-shadow:0 20px 60px rgba(0,0,0,.22)}
.admin-user-action-table{width:100%;border-collapse:separate;border-spacing:0;min-width:980px;color:#eef6ff}
.admin-user-action-table th{position:sticky;top:0;z-index:1;text-align:left;padding:14px 16px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#98b6da;background:rgba(9,16,42,.96);border-bottom:1px solid rgba(255,255,255,.12)}
.admin-user-action-table td{padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.08);vertical-align:middle}
.admin-user-action-table tr:hover td{background:rgba(19,122,255,.08)}
.admin-user-action-table tr.is-banned td{background:rgba(255,53,94,.07)}
.admin-user-action-table tr.is-locked td{background:rgba(255,190,70,.06)}
.admin-user-name-link{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:260px}
.admin-user-name-link img{width:44px;height:44px;border-radius:14px;object-fit:cover;border:1px solid rgba(255,255,255,.2)}
.admin-user-name-link b{display:block;font-size:15px}.admin-user-name-link small{display:block;color:#8fa8ca;margin-top:2px;font-size:12px}
.admin-role-pill,.state-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 10px;font-weight:850;font-size:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#eaf3ff;text-transform:capitalize}
.admin-role-pill.role-moderator,.admin-role-pill.role-admin,.admin-role-pill.role-superadmin{background:linear-gradient(135deg,rgba(19,122,255,.22),rgba(255,74,173,.14));color:#fff}
.state-pill.ok{background:rgba(35,220,139,.14);color:#8ff2bd}.state-pill.warning{background:rgba(255,190,70,.16);color:#ffd48a}.state-pill.danger{background:rgba(255,53,94,.18);color:#ff9ab0}
.admin-user-action-cell{display:flex;gap:7px;align-items:center;flex-wrap:wrap;min-width:410px}.admin-user-action-cell form{display:inline-flex;margin:0}
.mini-action{appearance:none;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.08);color:#eef6ff!important;text-decoration:none!important;padding:9px 11px;font-size:12px;font-weight:900;display:inline-flex;align-items:center;gap:6px;cursor:pointer;line-height:1;white-space:nowrap}
.mini-action:hover{transform:translateY(-1px);background:rgba(19,122,255,.18)}.mini-action.primary{background:linear-gradient(135deg,#137aff,#8d5bff);border-color:transparent}.mini-action.danger{background:linear-gradient(135deg,#ff335f,#b91445);border-color:transparent}.mini-action.ok{background:linear-gradient(135deg,#16c784,#0a9a63);border-color:transparent}
.profile-team-note-card{border:1px solid rgba(255,190,70,.22)!important;background:linear-gradient(180deg,rgba(255,190,70,.08),rgba(19,122,255,.06)),rgba(8,14,35,.72)!important;color:#eef6ff!important}
.profile-team-note-form textarea{width:100%;min-height:118px;resize:vertical;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:rgba(0,0,0,.24);color:#fff;padding:13px 14px;font:inherit;outline:none}.profile-team-note-form textarea:focus{border-color:rgba(19,122,255,.75);box-shadow:0 0 0 4px rgba(19,122,255,.14)}
.team-note-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.team-note-meta small{color:#9fb5d7}.team-note-meta button{border:0;border-radius:14px;padding:10px 14px;background:linear-gradient(135deg,#137aff,#8d5bff);color:#fff;font-weight:900;cursor:pointer}.success-card.compact{padding:8px 10px;border-radius:12px;margin:8px 0;font-size:13px}
.profile-gift-list{display:grid;gap:8px}.profile-gift-row{display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;padding:9px 10px!important;border-radius:16px!important;background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.10)!important}.profile-gift-mini{width:38px!important;height:38px!important;border-radius:12px!important;display:grid!important;place-items:center!important;background:rgba(19,122,255,.12)!important}.profile-gift-mini img{width:26px!important;height:26px!important;object-fit:contain!important}.profile-gift-mini span{font-size:22px!important}.profile-gift-info b{font-size:14px!important}.profile-gift-info small{display:block;color:#9fb5d7!important;font-size:12px!important}.profile-gift-row time{font-size:11px;color:#8fa8ca;white-space:nowrap}
@media(max-width:780px){.admin-user-action-table{min-width:820px}.admin-user-action-cell{min-width:330px}.team-note-meta{align-items:stretch;flex-direction:column}.team-note-meta button{width:100%}.profile-gift-row{grid-template-columns:34px minmax(0,1fr)!important}.profile-gift-row time{grid-column:2;font-size:10px}.profile-gift-mini{width:34px!important;height:34px!important}.profile-gift-mini img{width:23px!important;height:23px!important}}

/* Phase 17 Moderator Dashboard */
.moddash-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(49,46,129,.88));border:1px solid rgba(255,255,255,.12);color:#fff;overflow:hidden;position:relative}
.moddash-hero:before{content:"";position:absolute;inset:-120px auto auto -120px;width:260px;height:260px;background:radial-gradient(circle,rgba(99,102,241,.45),transparent 65%);filter:blur(4px)}
.moddash-hero>*{position:relative;z-index:1}.moddash-hero h2{margin:.1rem 0 .35rem;font-size:clamp(1.5rem,2.4vw,2.4rem)}
.moddash-onair-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:999px;background:rgba(148,163,184,.18);border:1px solid rgba(255,255,255,.18);font-weight:800;white-space:nowrap}.moddash-onair-pill.is-live{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 0 24px rgba(239,68,68,.35)}
.moddash-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:12px}.moddash-tabs a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:14px;text-decoration:none;font-weight:800;color:inherit;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.18)}.moddash-tabs a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;box-shadow:0 12px 30px rgba(37,99,235,.25)}
.moddash-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0}.moddash-kpi{display:flex;align-items:center;gap:14px}.moddash-kpi i{font-size:1.6rem;color:#60a5fa}.moddash-kpi strong{font-size:2rem;display:block}.moddash-kpi span{color:var(--muted,#94a3b8)}
.moddash-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.moddash-row{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.16)}.moddash-row:last-child{border-bottom:0}
.moddash-card-pro{border:1px solid rgba(99,102,241,.18);box-shadow:0 18px 45px rgba(2,6,23,.08)}.moddash-form .form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.moddash-form input,.moddash-form select,.moddash-form textarea{width:100%}
.moddash-onair-form{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.moddash-switch{display:inline-flex;align-items:center;gap:12px;cursor:pointer}.moddash-switch input{display:none}.moddash-switch span{width:62px;height:34px;border-radius:999px;background:#64748b;position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}.moddash-switch span:before{content:"";position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;left:4px;top:4px;transition:.2s}.moddash-switch input:checked+span{background:linear-gradient(135deg,#ef4444,#f97316)}.moddash-switch input:checked+span:before{transform:translateX(28px)}
.moddash-user{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.15)}.moddash-user img{width:38px;height:38px;border-radius:50%;object-fit:cover}.moddash-user span{color:var(--muted,#94a3b8)}
.onair-moved-card{background:linear-gradient(135deg,rgba(15,23,42,.08),rgba(99,102,241,.10));border:1px solid rgba(99,102,241,.22);border-radius:18px;padding:14px;margin-top:14px}
@media(max-width:800px){.moddash-hero{align-items:flex-start;flex-direction:column}.moddash-grid,.moddash-columns,.moddash-form .form-grid.two{grid-template-columns:1fr}.moddash-tabs{overflow-x:auto;flex-wrap:nowrap}.moddash-tabs a{white-space:nowrap}.moddash-onair-form{align-items:flex-start;flex-direction:column}}

/* =========================================================
   Phase 18: Modernes Moderator-Dashboard + reduzierte Team-Navi
   ========================================================= */
.admin-workspace-v2:has(.moddash-pro-shell){
  background:
    radial-gradient(circle at top left, rgba(59,130,246,.18), transparent 34%),
    radial-gradient(circle at top right, rgba(236,72,153,.14), transparent 28%),
    linear-gradient(180deg, rgba(15,23,42,.98), rgba(2,6,23,.96));
}
.admin-sidebar-v2 .admin-brand-v2 strong{letter-spacing:.02em}
.admin-nav-v2 a{transition:transform .18s ease, background .18s ease, border-color .18s ease;}
.admin-nav-v2 a:hover{transform:translateX(3px)}
.moddash-pro-shell{display:flex;flex-direction:column;gap:18px;color:#f8fafc}
.moddash-pro-hero{position:relative;overflow:hidden;border-radius:28px;padding:24px;background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.92) 42%,rgba(79,70,229,.70));border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(2,6,23,.35)}
.moddash-pro-hero:before{content:"";position:absolute;inset:-80px -60px auto auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(56,189,248,.42),transparent 62%);filter:blur(3px)}
.moddash-pro-hero:after{content:"";position:absolute;left:-80px;bottom:-120px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(236,72,153,.28),transparent 64%)}
.moddash-pro-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.moddash-pro-hero h2{font-size:clamp(1.7rem,3vw,3rem);line-height:1.02;margin:.1rem 0 .5rem;color:#fff}.moddash-pro-hero .muted{max-width:760px;color:rgba(226,232,240,.86)}
.moddash-quick-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.moddash-quick-actions a,.moddash-quick-actions button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:16px;padding:11px 14px;background:rgba(255,255,255,.11);color:#fff;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px)}
.moddash-live-card{min-width:230px;border-radius:24px;padding:18px;background:rgba(15,23,42,.48);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);text-align:center}.moddash-live-card i{font-size:2rem;margin-bottom:8px;color:#93c5fd}.moddash-live-card.is-live{background:linear-gradient(135deg,rgba(239,68,68,.96),rgba(249,115,22,.88));box-shadow:0 0 38px rgba(239,68,68,.28)}.moddash-live-card.is-live i{color:#fff}.moddash-live-card strong{display:block;font-size:1.05rem}.moddash-live-card span{display:block;color:rgba(255,255,255,.82);font-size:.88rem;margin-top:3px}
.moddash-tabs{border-radius:24px;background:rgba(15,23,42,.72)!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 48px rgba(2,6,23,.22);position:sticky;top:8px;z-index:20}.moddash-tabs a{background:rgba(255,255,255,.06)!important;color:#dbeafe!important;border-color:rgba(255,255,255,.10)!important}.moddash-tabs a.active{background:linear-gradient(135deg,#2563eb,#9333ea)!important;color:#fff!important}.moddash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.moddash-kpi{position:relative;overflow:hidden;border-radius:24px;background:linear-gradient(145deg,rgba(15,23,42,.84),rgba(30,41,59,.72))!important;border:1px solid rgba(148,163,184,.18)!important;color:#fff;min-height:118px}.moddash-kpi:after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:999px;background:rgba(99,102,241,.20)}.moddash-kpi i{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:rgba(96,165,250,.14);color:#93c5fd!important}.moddash-kpi strong{color:#fff}.moddash-kpi span{color:#cbd5e1!important}.moddash-columns{gap:18px}.moddash-card-pro,.moddash-columns>.card,.moddash-pro-shell>.card,.moddash-pro-shell section.card{border-radius:24px!important;background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(30,41,59,.72))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 20px 52px rgba(2,6,23,.22)!important;color:#e5e7eb}.moddash-card-pro h3,.moddash-pro-shell .card h3{color:#fff;margin-top:0}.moddash-row{border-color:rgba(148,163,184,.14)!important}.moddash-row b{color:#bfdbfe}.moddash-form input,.moddash-form select,.moddash-form textarea,.moddash-pro-shell input,.moddash-pro-shell select,.moddash-pro-shell textarea{border:1px solid rgba(148,163,184,.20)!important;background:rgba(2,6,23,.42)!important;color:#fff!important;border-radius:16px!important;padding:12px 14px!important}.moddash-pro-shell label{color:#e5e7eb;font-weight:700}.moddash-pro-shell .muted{color:#94a3b8!important}.moddash-pro-shell button,.moddash-pro-shell .btn{border-radius:16px!important;background:linear-gradient(135deg,#2563eb,#7c3aed)!important;color:#fff!important;border:0!important;font-weight:900;padding:11px 15px!important;text-decoration:none}.moddash-pro-shell .secondary{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important}.moddash-pro-shell .danger{background:linear-gradient(135deg,#dc2626,#f97316)!important}.moddash-switch span{box-shadow:0 0 0 1px rgba(255,255,255,.16),0 12px 28px rgba(2,6,23,.22)}.moddash-user{border-color:rgba(148,163,184,.14)!important}.moddash-user img{border:2px solid rgba(96,165,250,.55)}.moddash-pro-shell .table-responsive{border-radius:20px;overflow:auto;border:1px solid rgba(148,163,184,.14)}.moddash-pro-shell table{width:100%;border-collapse:collapse}.moddash-pro-shell th{background:rgba(2,6,23,.55);color:#bfdbfe;text-align:left;padding:12px}.moddash-pro-shell td{border-top:1px solid rgba(148,163,184,.13);padding:12px;color:#e5e7eb}.moddash-pro-shell tr:hover td{background:rgba(59,130,246,.06)}
@media(max-width:900px){.moddash-pro-hero-inner{grid-template-columns:1fr}.moddash-live-card{text-align:left}.moddash-grid,.moddash-columns{grid-template-columns:1fr!important}.moddash-tabs{position:static;overflow-x:auto;flex-wrap:nowrap}.moddash-tabs a{white-space:nowrap}.moddash-pro-hero{padding:18px;border-radius:22px}}


/* =========================================================
   PHASE 27 FINAL: stabile Chat-Presence, P-Button und großes Privat-Eingabefeld
   ========================================================= */
.cem-online-user{align-items:flex-start!important;gap:10px!important;min-width:0!important;}
.cem-online-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important;flex:1 1 auto!important;}
.cem-online-name-row{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex-wrap:nowrap!important;}
.cem-online-name-row>a{min-width:0!important;max-width:145px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;}
.cem-private-p{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:20px!important;height:20px!important;min-width:20px!important;border-radius:999px!important;border:1px solid rgba(96,179,255,.46)!important;background:linear-gradient(135deg,rgba(28,154,255,.96),rgba(126,80,255,.92))!important;color:#fff!important;font-size:11px!important;font-weight:950!important;line-height:1!important;padding:0!important;margin:0!important;box-shadow:0 6px 16px rgba(24,132,255,.24)!important;cursor:pointer!important;text-decoration:none!important;}
.cem-private-p:hover{transform:translateY(-1px) scale(1.06)!important;filter:brightness(1.12)!important;box-shadow:0 9px 22px rgba(24,132,255,.34)!important;}
.private-chat-link.cem-private-under-name,.private-chat-link.cem-private-mail-icon{display:none!important;}
.recent-user .cem-private-p{margin-left:auto!important;}

.private-chat-dock{height:min(720px,calc(100vh - 84px))!important;min-height:520px!important;}
.private-chat-dock .pm-messages{min-height:0!important;}
.private-chat-dock .pm-form{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto auto!important;align-items:end!important;gap:10px!important;padding:14px!important;background:rgba(3,9,20,.72)!important;border-top:1px solid rgba(126,200,255,.14)!important;}
.private-chat-dock .pm-form #pmInput,
.private-chat-dock .pm-form textarea#pmInput{grid-column:1/-1!important;width:100%!important;min-height:92px!important;max-height:180px!important;resize:vertical!important;border:1px solid rgba(126,200,255,.24)!important;border-radius:18px!important;background:rgba(255,255,255,.075)!important;color:#fff!important;padding:14px 16px!important;font-size:15px!important;line-height:1.45!important;outline:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;font-family:inherit!important;}
.private-chat-dock .pm-form #pmInput:focus{border-color:rgba(80,190,255,.82)!important;box-shadow:0 0 0 3px rgba(52,162,255,.13), inset 0 1px 0 rgba(255,255,255,.06)!important;}
.private-chat-dock .pm-tool,
.private-chat-dock label.pm-tool,
.private-chat-dock button.pm-tool{height:36px!important;min-height:36px!important;border-radius:13px!important;padding:0 10px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.10)!important;color:#dbe7ff!important;text-decoration:none!important;font-size:12px!important;font-weight:850!important;white-space:nowrap!important;}
.private-chat-dock .pm-form button[type=submit]{height:38px!important;min-height:38px!important;border-radius:14px!important;padding:0 17px!important;background:linear-gradient(135deg,#18a8ff,#7b4dff)!important;color:#fff!important;font-size:13px!important;font-weight:950!important;text-decoration:none!important;box-shadow:0 10px 24px rgba(24,132,255,.25)!important;}
.private-chat-dock .pm-form button[type=submit]:hover,.private-chat-dock .pm-tool:hover{filter:brightness(1.09)!important;color:#fff!important;text-decoration:none!important;}
@media(max-width:680px){
  .private-chat-dock{left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;height:calc(100dvh - 74px)!important;min-height:0!important;}
  .private-chat-dock .pm-form{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important;padding:10px!important;}
  .private-chat-dock .pm-form #pmInput{grid-column:1/-1!important;min-height:82px!important;font-size:14px!important;}
  .private-chat-dock .pm-tool,.private-chat-dock .pm-form button[type=submit]{width:100%!important;padding:0 5px!important;font-size:11px!important;}
  .cem-online-name-row>a{max-width:120px!important;}
}

/* Phase 33: Quiz-Countdown + Gäste-Registrierungs-Popup */
.quiz-live-card .quiz-countdown{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;padding:4px 9px;border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#06b6d4);color:#04111d;font-weight:900;box-shadow:0 8px 20px rgba(6,182,212,.18);
}
.quiz-live-waiting .quiz-countdown{background:linear-gradient(135deg,#f59e0b,#f97316);color:#130b02;}
.cem-guest-register-btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:10px 14px;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#04111d!important;font-weight:900;text-decoration:none;box-shadow:0 12px 28px rgba(34,197,94,.18)}
.cem-guest-register-modal{position:fixed;inset:0;z-index:99999;display:none;align-items:center;justify-content:center;padding:18px}.cem-guest-register-modal.is-open{display:flex}.cem-guest-register-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(8px)}.cem-guest-register-dialog{position:relative;width:min(920px,96vw);max-height:min(760px,92vh);overflow:auto;border-radius:28px;background:linear-gradient(160deg,#101827,#0b1020 58%,#111736);border:1px solid rgba(148,163,184,.22);box-shadow:0 30px 90px rgba(0,0,0,.55);color:#e5efff}.cem-guest-register-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;padding:22px 24px;border-bottom:1px solid rgba(148,163,184,.16);background:radial-gradient(circle at top left,rgba(59,130,246,.30),transparent 38%),radial-gradient(circle at top right,rgba(236,72,153,.18),transparent 42%)}.cem-guest-register-head span{display:inline-flex;margin-bottom:5px;color:#7dd3fc;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cem-guest-register-head h2{margin:0;font-size:28px}.cem-guest-register-head p{margin:6px 0 0;color:#b8c5d9}.cem-guest-register-close{border:0;background:rgba(255,255,255,.09);color:#e5efff;border-radius:14px;width:40px;height:40px;font-size:24px;cursor:pointer}.cem-guest-register-body{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;padding:22px}.cem-guest-benefits{display:grid;gap:12px}.cem-guest-benefit{display:flex;gap:12px;padding:14px;border-radius:18px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.14)}.cem-guest-benefit i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:rgba(59,130,246,.18);color:#93c5fd}.cem-guest-benefit b{display:block;color:#fff;margin-bottom:2px}.cem-guest-benefit small{display:block;color:#aab7ca;line-height:1.35}.cem-guest-register-form{padding:18px;border-radius:22px;background:rgba(255,255,255,.06);border:1px solid rgba(148,163,184,.16)}.cem-guest-register-form h3{margin:0 0 12px}.cem-guest-register-form label{display:block;margin:10px 0 6px;color:#cbd5e1;font-weight:800;font-size:13px}.cem-guest-register-form input,.cem-guest-register-form select{width:100%;box-sizing:border-box;border:1px solid rgba(148,163,184,.18);border-radius:15px;background:#0b1220;color:#fff;padding:13px 14px;outline:none}.cem-guest-register-form input:focus,.cem-guest-register-form select:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.16)}.cem-guest-register-submit{margin-top:14px;width:100%;border:0;border-radius:16px;padding:14px 16px;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#03131d;font-weight:950;cursor:pointer}.cem-guest-register-message{margin-top:12px;padding:11px 12px;border-radius:14px;display:none}.cem-guest-register-message.ok{display:block;background:rgba(34,197,94,.14);color:#bbf7d0}.cem-guest-register-message.err{display:block;background:rgba(239,68,68,.14);color:#fecaca}.cem-hp-field{position:absolute!important;left:-9999px!important;opacity:0!important}@media(max-width:780px){.cem-guest-register-body{grid-template-columns:1fr}.cem-guest-register-head h2{font-size:23px}.cem-guest-register-dialog{border-radius:22px}.cem-guest-register-body{padding:16px}}

/* Final UX Patch: schneller Chat-Zugang im Header + Zurück-zum-Profil Button */
.chat-enter-btn{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px;
  border-radius:999px;
  background:linear-gradient(135deg,#22c55e,#06b6d4);
  color:#04111d!important;
  text-decoration:none!important;
  font-weight:900;
  box-shadow:0 8px 22px rgba(34,197,94,.22);
  white-space:nowrap;
}
.chat-enter-btn:hover{
  transform:translateY(-1px);
  filter:brightness(1.04);
}
.settings-back-row{
  display:flex;
  justify-content:flex-start;
  margin-bottom:16px;
}
.back-profile-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 16px;
  border-radius:14px;
  background:linear-gradient(135deg,#1d4ed8,#2563eb);
  color:#fff!important;
  text-decoration:none!important;
  font-weight:800;
  box-shadow:0 6px 18px rgba(37,99,235,.25);
}
.back-profile-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 10px 24px rgba(37,99,235,.34);
}
@media(max-width:760px){
  .top-actions .chat-enter-btn{
    padding:8px 10px;
    font-size:0;
  }
  .top-actions .chat-enter-btn i{
    font-size:15px;
  }
  .settings-back-row{
    position:sticky;
    top:8px;
    z-index:25;
  }
}


.settings-toggle-row{display:flex!important;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(37,99,235,.08);border:1px solid rgba(37,99,235,.18);font-weight:700}.settings-toggle-row input{width:20px;height:20px;accent-color:#2563eb}.sound-profile-settings{border-color:rgba(37,99,235,.25)!important}


/* Final Patch: Aktive User auf wall.php dürfen nicht aus dem Rand laufen */
.wall-online-card,
.wall-online-card #onlineBox{
  min-width:0;
  overflow:hidden;
}
.wall-online-card #onlineBox .online-user{
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr) auto auto;
  align-items:center;
  gap:8px;
  width:100%;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.wall-online-card #onlineBox .online-user .mini-avatar{
  width:38px!important;
  height:38px!important;
  min-width:38px!important;
  object-fit:cover;
}
.wall-online-card #onlineBox .online-user a,
.wall-online-card #onlineBox .online-user .hugo-online-name{
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
}
.wall-online-card #onlineBox .online-user .muted{
  min-width:0;
  max-width:82px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.wall-online-card #onlineBox .online-user .bot-badge,
.wall-online-card #onlineBox .online-user .age-badge,
.wall-online-card #onlineBox .online-user .gender-icon{
  flex:0 0 auto;
  white-space:nowrap;
}
@media(max-width:420px){
  .wall-online-card #onlineBox .online-user{
    grid-template-columns:34px minmax(0,1fr) auto;
  }
  .wall-online-card #onlineBox .online-user .muted{
    display:none;
  }
}


/* =========================================================
   FINAL PATCH: kompakte Loginseite ohne Scrollen + ab 16 Hinweis
   ========================================================= */
body.cem-loginpage-v2.public-login-fullpage{overflow:hidden!important;min-height:100dvh!important;}
body.cem-loginpage-v2.public-login-fullpage .page{height:100dvh!important;min-height:100dvh!important;overflow:hidden!important;}
.cem-startpage-compact{height:100dvh!important;min-height:100dvh!important;padding:clamp(12px,2vw,24px)!important;overflow:hidden!important;display:flex;align-items:center;justify-content:center;}
.cem-start-shell-compact{width:min(1180px,100%)!important;height:min(660px,calc(100dvh - 32px))!important;grid-template-columns:minmax(0,1fr) minmax(360px,430px)!important;align-items:stretch!important;gap:18px!important;}
.cem-start-hero-compact{display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:clamp(22px,3vw,38px)!important;min-height:0!important;overflow:hidden!important;}
.cem-start-hero-compact .cem-start-brand{min-height:50px!important;}
.cem-hero-copy-compact{max-width:680px!important;}
.cem-hero-copy-compact h1{font-size:clamp(44px,6vw,82px)!important;line-height:.9!important;margin:0 0 14px!important;}
.cem-hero-copy-compact p{font-size:clamp(15px,1.4vw,20px)!important;line-height:1.45!important;max-width:620px!important;}
.cem-compact-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;}
.cem-compact-actions a{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:15px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);color:#eef6ff;text-decoration:none;}
.cem-compact-actions a:hover{background:rgba(0,157,255,.11);border-color:rgba(0,190,255,.26);}
.cem-compact-actions i{grid-row:span 2;width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(0,157,255,.22),rgba(139,69,255,.20));color:#9edcff;}
.cem-compact-actions strong{font-size:16px;line-height:1.1;}.cem-compact-actions span{font-size:13px;color:#9fb5d6;margin-top:3px;}
.cem-login-privacy-note{margin-top:16px;padding:12px 14px;border-radius:18px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.075);color:#bcd0ed;font-weight:750;font-size:13px;display:flex;align-items:center;gap:9px;}
.cem-login-card-compact{justify-content:center!important;padding:clamp(20px,2.6vw,32px)!important;overflow:hidden!important;}
.cem-login-card-compact .cem-login-card-head{margin-bottom:16px!important;}.cem-login-card-compact h2{font-size:clamp(32px,3.6vw,46px)!important;}
.cem-login-card-compact .cem-login-form-v2 label{margin-bottom:10px!important;}.cem-login-card-compact .cem-login-form-v2 input,.cem-login-card-compact .captcha-row-v2 .captcha-question{height:48px!important;}
.login-links-compact{grid-template-columns:1fr!important;gap:8px!important;margin-top:12px!important;}.login-links-compact a{min-height:38px!important;padding:8px 10px!important;}
.cem-checkline{display:flex!important;align-items:flex-start;gap:9px;font-size:13px;color:#cbd5e1;line-height:1.35;margin:8px 0!important}.cem-checkline input{width:auto!important;height:auto!important;margin-top:2px!important;}
@media(max-width:900px){.cem-startpage-compact{padding:10px!important}.cem-start-shell-compact{height:calc(100dvh - 20px)!important;grid-template-columns:1fr!important;grid-template-rows:minmax(0,.92fr) minmax(0,1.08fr)!important;gap:10px!important}.cem-start-hero-compact{padding:16px!important;border-radius:24px!important}.cem-login-card-compact{border-radius:24px!important;padding:16px!important}.cem-hero-copy-compact h1{font-size:34px!important}.cem-hero-copy-compact p{font-size:13px!important}.cem-compact-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px}.cem-compact-actions a{padding:10px;border-radius:16px;grid-template-columns:34px 1fr}.cem-compact-actions i{width:34px;height:34px;border-radius:12px}.cem-compact-actions strong{font-size:13px}.cem-compact-actions span,.cem-login-privacy-note{font-size:11px}.cem-login-card-compact .cem-login-card-head{margin-bottom:8px!important}.cem-login-card-compact h2{font-size:28px!important}.cem-login-card-compact .cem-login-form-v2 label{margin-bottom:7px!important}.cem-login-card-compact .cem-login-form-v2 input,.cem-login-card-compact .captcha-row-v2 .captcha-question{height:39px!important}.login-links-compact{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.login-links-compact a{font-size:0!important;justify-content:center!important;min-height:32px!important}.login-links-compact a i{font-size:15px!important}.login-legal-row-v2{margin-top:7px!important}}
@media(max-width:520px){.cem-start-shell-compact{grid-template-rows:38% calc(62% - 10px)!important}.cem-start-hero-compact .cem-start-brand{min-height:34px!important}.cem-start-brand img{max-height:38px!important}.cem-start-brandmark{width:38px!important;height:38px!important;border-radius:13px!important;font-size:22px!important}.cem-hero-copy-compact h1{font-size:29px!important}.cem-hero-copy-compact p{display:none!important}.cem-kicker{font-size:10px!important;padding:5px 8px!important;margin-bottom:8px!important}.cem-login-privacy-note{display:none!important}.cem-login-card-compact .cem-login-lock{display:none!important}.captcha-row-v2{grid-template-columns:1fr 90px!important}.login-legal-row-v2{font-size:11px!important}}
@media(max-height:720px){.cem-start-shell-compact{height:calc(100dvh - 18px)!important}.cem-start-hero-compact,.cem-login-card-compact{padding:14px!important}.cem-hero-copy-compact h1{font-size:42px!important}.cem-hero-copy-compact p{font-size:13px!important}.cem-login-card-compact h2{font-size:30px!important}.cem-login-card-compact .cem-login-form-v2 input,.cem-login-card-compact .captcha-row-v2 .captcha-question{height:39px!important}.cem-login-card-compact .cem-login-form-v2 label span{font-size:12px!important;margin-bottom:4px!important}.login-submit-v2{height:40px!important}.login-links-compact a{min-height:32px!important}.login-legal-row-v2{margin-top:6px!important}.cem-compact-actions a{padding:10px}.cem-login-privacy-note{display:none!important}}


/* Final Patch: Regeln, Footer Copyright, Registrierung */
.cem-legal-footer{border-top:1px solid rgba(148,163,184,.18);background:rgba(8,15,32,.92);color:#cbd5e1;text-align:center;padding:24px 14px!important;}
.cem-legal-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 18px;margin-bottom:10px;}
.cem-legal-footer .footer-links a{color:#dbeafe!important;text-decoration:none;font-weight:800;}
.cem-legal-footer .footer-links a:hover{text-decoration:underline;}
.cem-legal-footer .footer-copy{font-weight:900;color:#fff;letter-spacing:.01em;}
.cem-legal-footer .footer-note{margin-top:6px;font-size:12px;color:#94a3b8;}
.cem-rules-card{max-width:1050px;margin:22px auto;padding:28px!important;}
.cem-rules-card h1{margin:.15rem 0 10px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.05em;}
.cem-rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin-top:22px;}
.cem-rules-grid article{border:1px solid rgba(47,128,255,.16);border-radius:20px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,252,.88));box-shadow:0 10px 28px rgba(15,23,42,.06);}
.cem-rules-grid strong{display:block;margin-bottom:8px;color:#0f172a;font-size:15px;}
.cem-rules-grid span{display:block;color:#475569;line-height:1.45;font-size:14px;}
.cem-legal-note{margin-top:20px;border-radius:18px;padding:16px;background:rgba(47,128,255,.10);border:1px solid rgba(47,128,255,.20);color:#1e293b;line-height:1.5;}
.cem-register-rules-preview{display:grid;gap:6px;border-radius:16px;padding:12px 14px;background:rgba(47,128,255,.08);border:1px solid rgba(47,128,255,.18);font-size:13px;line-height:1.35;color:#334155;}
.cem-register-rules-preview strong{color:#0f172a;}
.cem-checkline a{font-weight:900;color:#2563eb;text-decoration:none;}
.cem-checkline a:hover{text-decoration:underline;}
.cem-modal-check{font-size:12px!important;line-height:1.35;margin-top:6px;}
body.public-login-fullpage .cem-legal-footer,body.public-login-page .cem-legal-footer{font-size:12px;padding:10px 12px!important;}
@media(max-width:700px){.cem-rules-card{margin:10px;padding:18px!important}.cem-rules-grid{grid-template-columns:1fr}.cem-legal-footer .footer-links{gap:8px 12px}.cem-legal-footer .footer-copy{font-size:13px}}


/* Final Patch: Rules page dark readable design */
body.rules-page{
  background:
    radial-gradient(circle at 12% 10%, rgba(47,128,255,.22), transparent 34%),
    radial-gradient(circle at 88% 16%, rgba(255,138,61,.16), transparent 30%),
    linear-gradient(180deg,#07111f 0%,#0b1424 48%,#070d18 100%) !important;
  color:#eaf2ff !important;
}
body.rules-page .page{
  max-width:1120px !important;
  margin:0 auto !important;
  padding:clamp(14px,2.6vw,34px) 14px 28px !important;
}
body.rules-page .cem-rules-card{
  max-width:1080px !important;
  margin:18px auto 28px !important;
  padding:clamp(20px,3vw,34px) !important;
  border-radius:30px !important;
  background:linear-gradient(145deg,rgba(12,23,42,.96),rgba(11,18,32,.92)) !important;
  border:1px solid rgba(148,190,255,.18) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.06) !important;
  overflow:hidden;
  position:relative;
}
body.rules-page .cem-rules-card:before{
  content:"";
  position:absolute;
  inset:-90px -80px auto auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(47,128,255,.24),transparent 68%);
  pointer-events:none;
}
body.rules-page .cem-rules-card .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(47,128,255,.14);
  border:1px solid rgba(91,166,255,.28);
  color:#9dccff !important;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
body.rules-page .cem-rules-card h1{
  color:#ffffff !important;
  text-shadow:0 10px 32px rgba(47,128,255,.18);
}
body.rules-page .cem-rules-card .muted{
  color:#b9c8df !important;
  max-width:780px;
  line-height:1.65;
  font-weight:650;
}
body.rules-page .cem-rules-grid article{
  background:linear-gradient(180deg,rgba(18,31,54,.96),rgba(12,22,39,.94)) !important;
  border:1px solid rgba(148,190,255,.16) !important;
  box-shadow:0 16px 38px rgba(0,0,0,.22) !important;
  color:#dce8f8 !important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
body.rules-page .cem-rules-grid article:hover{
  transform:translateY(-2px);
  border-color:rgba(96,165,250,.38) !important;
  background:linear-gradient(180deg,rgba(20,39,68,.98),rgba(13,25,45,.96)) !important;
}
body.rules-page .cem-rules-grid strong{
  color:#ffffff !important;
  font-size:15px;
}
body.rules-page .cem-rules-grid span{
  color:#b9c8df !important;
}
body.rules-page .cem-legal-note{
  margin-top:22px !important;
  background:linear-gradient(135deg,rgba(255,138,61,.18),rgba(47,128,255,.12)) !important;
  border:1px solid rgba(255,190,120,.32) !important;
  color:#fff4e8 !important;
  box-shadow:0 16px 36px rgba(0,0,0,.22) !important;
  font-weight:750;
}
body.rules-page .cem-legal-note strong{
  color:#ffffff !important;
}
body.rules-page .cem-legal-footer{
  background:rgba(6,12,24,.96) !important;
  border-top:1px solid rgba(148,190,255,.14) !important;
}
@media(max-width:700px){
  body.rules-page .page{padding:10px 10px 18px !important;}
  body.rules-page .cem-rules-card{border-radius:22px !important;margin:10px auto 18px !important;}
}

/* Postfach Lösch-Fix */
.mail-thread-row{position:relative;display:grid;grid-template-columns:1fr auto;align-items:stretch;gap:6px;margin-bottom:8px}
.mail-thread-row .mail-thread-link{margin-bottom:0;width:100%}
.mail-thread-row.active .mail-thread-link{background:rgba(19,122,255,.18)!important;border-color:rgba(19,122,255,.45)!important}
.mail-thread-delete-form{display:flex;align-items:center;margin:0}
.mail-thread-delete-form button{width:34px;min-width:34px;height:34px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,70,90,.12);color:#ff9ca8;font-weight:900;cursor:pointer;line-height:1}
.mail-thread-delete-form button:hover{background:rgba(255,70,90,.24);color:#fff}
@media(max-width:760px){.mail-thread-row{min-width:260px}.mail-thread-delete-form button{height:46px}.mail-thread-row .mail-thread-link{min-width:220px}}

/* Modernes Postfach 2026 */
.modern-mail-app{
  border-radius:30px!important;
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(7,18,36,.96),rgba(12,34,65,.92))!important;
  border:1px solid rgba(120,170,255,.20)!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
}
.modern-mail-toolbar{
  background:radial-gradient(circle at 20% 0%,rgba(38,122,255,.26),transparent 34%),linear-gradient(135deg,rgba(8,19,37,.92),rgba(12,28,54,.86))!important;
  border-bottom:1px solid rgba(120,170,255,.18)!important;
  padding:24px 28px!important;
}
.mail-eyebrow{display:inline-flex;margin-bottom:6px;color:#79d8ff;font-weight:950;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.modern-mail-toolbar h1{font-size:34px!important;line-height:1.05!important;margin:0 0 6px!important}
.mail-toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mail-stat-pill{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);padding:9px 13px;border-radius:999px;color:#dfeaff;font-weight:850;font-size:13px}
.mail-new-btn{background:linear-gradient(135deg,#137aff,#00d8ff)!important;border:0!important;box-shadow:0 12px 34px rgba(19,122,255,.28)!important;color:#fff!important}
.mail-layout{min-height:650px!important;background:rgba(2,9,20,.22)!important}
.modern-mail-sidebar{background:rgba(4,14,28,.52)!important;backdrop-filter:blur(14px);border-right:1px solid rgba(120,170,255,.18)!important;padding:16px!important;min-width:340px!important}
.mail-folder-title{font-size:15px!important;text-transform:uppercase;letter-spacing:.08em;color:#cfe2ff!important;margin:0 0 12px!important;font-weight:950!important}
.mail-search{display:flex;align-items:center;gap:9px;margin:0 0 14px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:rgba(255,255,255,.055);color:#cfe2ff}
.mail-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-weight:750}
.mail-search input::placeholder{color:#91a9c9}
.mail-thread-row{border-radius:20px!important;transition:.18s ease!important}
.mail-thread-row .mail-thread-link{background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:20px!important;padding:12px!important;transition:.18s ease!important}
.mail-thread-row:hover .mail-thread-link,.mail-thread-row.active .mail-thread-link{transform:translateY(-1px);background:linear-gradient(135deg,rgba(19,122,255,.24),rgba(0,216,255,.09))!important;border-color:rgba(0,216,255,.36)!important;box-shadow:0 15px 34px rgba(0,0,0,.22)!important}
.mail-thread-link img{border-radius:50%!important;border:2px solid rgba(121,216,255,.25)!important;background:#dcecff!important}
.mail-thread-copy b{font-size:15px!important;color:#fff!important}.mail-thread-copy small{color:#a8bddc!important;font-weight:650!important}
.mail-row-meta{display:flex;flex-direction:column;gap:6px;align-items:flex-end;min-width:54px}.mail-row-meta time{font-size:10px!important;color:#8da7ca!important}.mail-unread-badge{display:inline-flex;min-width:22px;height:22px;align-items:center;justify-content:center;padding:0 7px;border-radius:999px;background:linear-gradient(135deg,#ff4fd8,#137aff);color:#fff;font-style:normal;font-size:12px;font-weight:950;box-shadow:0 0 18px rgba(255,79,216,.35)}
.mail-thread-delete-form button{opacity:.72;transition:.18s ease}.mail-thread-row:hover .mail-thread-delete-form button{opacity:1;transform:scale(1.04)}
.mail-thread-panel{background:radial-gradient(circle at 70% 15%,rgba(19,122,255,.15),transparent 38%),linear-gradient(180deg,rgba(6,18,35,.72),rgba(4,12,25,.88))!important;border:0!important;min-height:650px!important}
.mail-thread-head{background:rgba(6,18,35,.72)!important;border-bottom:1px solid rgba(120,170,255,.16)!important;backdrop-filter:blur(14px);position:sticky;top:0;z-index:8}
.mail-person img{border-radius:50%!important;border:2px solid rgba(121,216,255,.32)!important}.mail-person h2{color:#fff!important}.mail-head-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.mail-head-actions form{margin:0}
.mail-thread-body{padding:28px!important;background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,0))!important;scroll-padding-bottom:160px!important}
.mail-message{animation:mailPop .18s ease both}.mail-message.mine{align-self:flex-end!important}.mail-message.theirs{align-self:flex-start!important}@keyframes mailPop{from{opacity:.0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.mail-bubble{border-radius:24px!important;padding:14px 16px!important;box-shadow:0 16px 38px rgba(0,0,0,.22)!important;max-width:min(620px,78vw)!important}.mail-message.mine .mail-bubble{background:linear-gradient(135deg,rgba(19,122,255,.78),rgba(0,216,255,.26))!important;border:1px solid rgba(121,216,255,.30)!important}.mail-message.theirs .mail-bubble{background:linear-gradient(135deg,rgba(255,255,255,.09),rgba(255,255,255,.045))!important;border:1px solid rgba(255,255,255,.12)!important}
.mail-bubble header{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px}.mail-bubble header b{color:#fff!important}.mail-bubble header time{font-size:11px;color:#a9bddc}.mail-text{color:#fff!important;line-height:1.55!important}.mail-media{border-radius:18px!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important}
.modern-mail-reply{background:rgba(6,18,35,.92)!important;border-top:1px solid rgba(120,170,255,.18)!important;padding:14px!important;position:sticky!important;bottom:0!important;z-index:10!important;backdrop-filter:blur(16px)}
.modern-mail-reply textarea{border-radius:18px!important;border:1px solid rgba(255,255,255,.14)!important;background:rgba(255,255,255,.07)!important;color:#fff!important;resize:vertical!important;min-height:60px!important}.modern-mail-reply textarea::placeholder{color:#91a9c9!important}.mail-reply-tools{gap:8px!important;align-items:center!important}.mail-reply-tools button,.mail-reply-tools .secondary,.file-pill{border-radius:14px!important}
.mail-empty-state.compact{margin:auto;max-width:420px;text-align:center;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.10);border-radius:24px;padding:24px}.mail-compose-drawer{background:linear-gradient(145deg,rgba(7,18,36,.98),rgba(12,34,65,.96))!important;border:1px solid rgba(120,170,255,.20)!important;box-shadow:0 30px 90px rgba(0,0,0,.38)!important}
@media(max-width:900px){.modern-mail-toolbar{padding:18px!important}.modern-mail-toolbar h1{font-size:28px!important}.mail-toolbar-actions{justify-content:flex-start}.mail-layout{min-height:calc(100dvh - 190px)!important}.modern-mail-sidebar{min-width:0!important;width:100%!important;padding:10px!important}.mail-search{min-width:230px;margin-bottom:0}.mail-sidebar{display:flex!important;align-items:stretch!important}.mail-thread-row{min-width:270px!important}.mail-thread-panel{min-height:calc(100dvh - 330px)!important}.mail-thread-head{position:relative!important}.mail-head-actions{gap:8px}.mail-thread-body{height:calc(100dvh - 430px)!important;min-height:320px!important;padding:14px!important}.mail-bubble{max-width:82vw!important}.modern-mail-reply{bottom:72px!important;border-radius:24px 24px 0 0!important}.mail-reply-tools{overflow-x:auto;flex-wrap:nowrap!important}.mail-stat-pill{display:none}}
@media(max-width:540px){.mail-thread-row{min-width:238px!important}.mail-thread-link{grid-template-columns:42px minmax(0,1fr)!important}.mail-row-meta{display:none}.mail-thread-delete-form button{width:40px!important;height:40px!important}.mail-person h2{font-size:18px!important}.mail-person p{display:none}.mail-head-actions .text-action{font-size:12px}.mail-message{max-width:100%!important}.mail-avatar{display:none!important}.mail-bubble{max-width:91vw!important}.mail-reply-tools button,.file-pill{font-size:12px!important;padding:9px 10px!important}.mail-compose-drawer{left:8px!important;right:8px!important;width:auto!important}}


/* === FINAL VIP Avatar Frames / VIP Profile cosmetics === */
.cem-vip-avatar,
img.cem-vip-avatar,
.cem-vip-avatar img{
  border:3px solid var(--cem-vip-color,#facc15)!important;
  box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 22px color-mix(in srgb,var(--cem-vip-color,#facc15) 68%,transparent)!important;
}
.cem-vip-avatar{border-radius:999px!important;position:relative;}
.cem-vip-tier-3,.cem-vip-tier-4,.cem-vip-tier-5{animation:cemVipGlow 2.8s ease-in-out infinite;}
@keyframes cemVipGlow{0%,100%{filter:drop-shadow(0 0 2px var(--cem-vip-color,#facc15));}50%{filter:drop-shadow(0 0 12px var(--cem-vip-color,#facc15));}}
.cem-vip-badge{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--cem-vip-color,#facc15) 18%,rgba(255,255,255,.08));border:1px solid color-mix(in srgb,var(--cem-vip-color,#facc15) 60%,rgba(255,255,255,.18));color:#fff;font-size:.72rem;font-weight:900;vertical-align:middle;box-shadow:0 0 18px color-mix(in srgb,var(--cem-vip-color,#facc15) 24%,transparent)}
.cem-vip-shop-wrap{max-width:1180px;margin:0 auto;padding:24px 16px 90px;color:#eef6ff}.cem-vip-hero{border-radius:28px;padding:30px;background:radial-gradient(circle at 20% 0,rgba(250,204,21,.34),transparent 36%),radial-gradient(circle at 90% 10%,rgba(103,232,249,.20),transparent 30%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.92));border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px rgba(0,0,0,.32)}.cem-vip-hero h1{margin:0 0 8px;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.04em}.cem-vip-hero p{margin:0;color:#cbd5e1;max-width:760px}.cem-vip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.cem-vip-plan{border-radius:24px;padding:22px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.92));border:1px solid color-mix(in srgb,var(--vip-color,#facc15) 38%,rgba(255,255,255,.12));box-shadow:0 20px 55px rgba(0,0,0,.26);position:relative;overflow:hidden}.cem-vip-plan:before{content:"";position:absolute;inset:-60px -60px auto auto;width:160px;height:160px;border-radius:999px;background:color-mix(in srgb,var(--vip-color,#facc15) 22%,transparent);filter:blur(4px)}.cem-vip-plan h2{margin:0 0 8px}.cem-vip-price{font-size:2rem;font-weight:1000;color:#fff}.cem-vip-plan ul{padding-left:18px;color:#cbd5e1;line-height:1.8}.cem-vip-form{display:grid;gap:10px;margin-top:18px}.cem-vip-form input,.cem-vip-form select{border-radius:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;padding:11px 12px}.cem-vip-btn{border:0;border-radius:15px;padding:12px 14px;background:linear-gradient(135deg,var(--vip-color,#facc15),#fb7185);color:#111827;font-weight:1000;cursor:pointer}.cem-vip-note{margin-top:14px;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#dbeafe}.cem-vip-alert{margin-top:16px;border-radius:18px;padding:14px 16px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.28);color:#dcfce7}.cem-vip-alert.err{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.28);color:#fee2e2}.cem-vip-locked-field{opacity:.62;filter:saturate(.55)}.cem-vip-upgrade-hint{padding:12px;border-radius:14px;background:rgba(250,204,21,.10);border:1px solid rgba(250,204,21,.25);color:#fde68a;margin:10px 0}@media(max-width:900px){.cem-vip-grid{grid-template-columns:1fr}.cem-vip-shop-wrap{padding:14px 12px 90px}}


/* === FINAL VIP Erweiterung: Chat-Avatar sichtbar + stärkere Rahmen === */
.cem-chat-box .msg,.cem-chat-box .modern-msg{display:grid!important;grid-template-columns:52px minmax(0,1fr)!important;gap:12px!important;align-items:flex-start!important;}
.cem-chat-box .msg-avatar-wrap{display:block!important;width:52px!important;min-width:52px!important;visibility:visible!important;opacity:1!important;}
.cem-chat-box .chat-avatar{display:block!important;width:52px!important;height:52px!important;border-radius:50%!important;object-fit:cover!important;visibility:visible!important;opacity:1!important;background:#0b1220!important;}
.cem-chat-box .own-message .msg-avatar-wrap{display:block!important;}
.cem-vip-avatar,img.cem-vip-avatar{border:3px solid var(--cem-vip-color,#facc15)!important;box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 24px var(--cem-vip-color,#facc15)!important;}
.cem-vip-tier-4{box-shadow:0 0 0 3px rgba(255,255,255,.08),0 0 28px #a78bfa,0 0 44px rgba(167,139,250,.35)!important;}
.cem-vip-tier-5{box-shadow:0 0 0 3px rgba(255,255,255,.10),0 0 32px #67e8f9,0 0 58px rgba(103,232,249,.48)!important;}
.cem-vip-daily{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(250,204,21,.13),rgba(103,232,249,.09));border:1px solid rgba(250,204,21,.28);color:#eaf6ff}
.cem-vip-daily div{display:flex;flex-direction:column;gap:3px}.cem-vip-daily span{color:#cbd5e1}.cem-vip-daily button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.35)}
.cem-vip-plan-diamant{background:radial-gradient(circle at 80% 0,rgba(103,232,249,.24),transparent 34%),linear-gradient(180deg,rgba(8,20,38,.98),rgba(2,6,23,.95))!important;}
@media(max-width:720px){.cem-chat-box .msg,.cem-chat-box .modern-msg{grid-template-columns:42px minmax(0,1fr)!important;gap:9px!important}.cem-chat-box .msg-avatar-wrap{width:42px!important;min-width:42px!important}.cem-chat-box .chat-avatar{width:42px!important;height:42px!important}.cem-vip-daily{align-items:stretch;flex-direction:column}}


/* ==========================================================
   FINAL: Feste Top-Navigation + professionelles Admin-Tabellenmenü
   ========================================================== */
body{padding-top:0!important;}
.cem-app-bottom,.cem-app-more,.cem-app-more-btn,[data-cem-more-open]{display:none!important;}
.cem-modern-topnav{position:sticky!important;top:0!important;z-index:2000!important;width:100%!important;margin:0!important;padding:0!important;background:linear-gradient(180deg,rgba(5,10,24,.98),rgba(8,14,31,.94))!important;border-bottom:1px solid rgba(148,163,184,.18)!important;box-shadow:0 14px 42px rgba(0,0,0,.28)!important;}
.cem-modern-topnav-inner{width:100%!important;max-width:none!important;margin:0!important;padding:10px 18px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;justify-content:center!important;overflow:visible!important;}
.cem-fixed-top-navigation{width:100%!important;display:flex!important;justify-content:center!important;}
.cem-top-parent-nav-inner{width:100%;max-width:1240px;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}
.cem-nav-parent{position:relative!important;display:block!important;}
.cem-nav-parent summary{list-style:none!important;display:flex!important;align-items:center!important;gap:8px!important;padding:10px 15px!important;border-radius:999px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.11)!important;color:#eef5ff!important;font-weight:900!important;cursor:pointer!important;user-select:none!important;transition:.16s ease!important;}
.cem-nav-parent summary::-webkit-details-marker{display:none!important;}
.cem-nav-parent summary:hover,.cem-nav-parent[open] summary,.cem-nav-parent.is-active summary{background:linear-gradient(135deg,rgba(91,140,255,.27),rgba(168,85,247,.18))!important;border-color:rgba(160,190,255,.32)!important;transform:translateY(-1px)!important;}
.cem-nav-parent summary b{font-size:11px!important;opacity:.75!important;transition:.16s ease!important;}.cem-nav-parent[open] summary b{transform:rotate(180deg)!important;}
.cem-nav-children{position:absolute!important;left:50%!important;top:calc(100% + 10px)!important;transform:translateX(-50%)!important;min-width:260px!important;display:grid!important;gap:7px!important;padding:10px!important;border-radius:22px!important;background:rgba(7,12,28,.985)!important;border:1px solid rgba(148,163,184,.22)!important;box-shadow:0 26px 80px rgba(0,0,0,.55)!important;z-index:4500!important;}
.cem-nav-parent:not([open]) .cem-nav-children{display:none!important;}
.cem-nav-children:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px;}
.cem-nav-child{display:flex!important;align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:15px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;color:#eaf2ff!important;text-decoration:none!important;font-weight:800!important;white-space:nowrap!important;}
.cem-nav-child:hover,.cem-nav-child.is-active{background:linear-gradient(135deg,rgba(91,140,255,.24),rgba(236,72,153,.12))!important;border-color:rgba(160,190,255,.28)!important;}
.cem-app-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#ef4444;color:white;font-size:12px;font-style:normal;margin-left:auto;}
@media(max-width:760px){.cem-modern-topnav-inner{padding:8px 8px!important}.cem-top-parent-nav-inner{gap:7px!important}.cem-nav-parent summary{padding:9px 11px!important;font-size:13px!important}.cem-nav-children{position:fixed!important;left:10px!important;right:10px!important;top:64px!important;transform:none!important;min-width:0!important;max-height:calc(100vh - 86px)!important;overflow:auto!important}.cem-nav-child{white-space:normal!important}}

.admin-workspace-tableui{grid-template-columns:minmax(320px,380px) minmax(0,1fr)!important;align-items:start!important;}
.admin-table-sidebar{border-radius:24px!important;background:linear-gradient(180deg,rgba(8,14,31,.96),rgba(14,20,43,.92))!important;border:1px solid rgba(148,163,184,.18)!important;box-shadow:0 18px 55px rgba(0,0,0,.24)!important;}
.admin-nav-table{display:grid!important;gap:14px!important;}
.admin-nav-table-group{border:1px solid rgba(148,163,184,.16)!important;border-radius:18px!important;background:rgba(255,255,255,.035)!important;overflow:hidden!important;}
.admin-nav-table-group h3{margin:0!important;padding:12px 14px!important;font-size:13px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:#9fb2d7!important;background:rgba(255,255,255,.045)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;}
.admin-nav-table table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;}
.admin-nav-table tr{transition:.15s ease!important;}
.admin-nav-table tr:hover,.admin-nav-table tr.is-active{background:rgba(91,140,255,.13)!important;}
.admin-nav-table tr.is-active{box-shadow:inset 4px 0 0 #60a5fa!important;}
.admin-nav-table td{padding:0!important;border-bottom:1px solid rgba(148,163,184,.08)!important;vertical-align:middle!important;}
.admin-nav-table tr:last-child td{border-bottom:0!important;}
.admin-nav-icon{width:46px!important;text-align:center!important;color:#9cc1ff!important;font-size:16px!important;}
.admin-nav-table a{display:block!important;padding:11px 12px 11px 0!important;color:#eef5ff!important;text-decoration:none!important;}
.admin-nav-table a strong{display:block!important;font-size:14px!important;line-height:1.2!important;}
.admin-nav-table a small{display:block!important;margin-top:3px!important;color:#94a3b8!important;font-size:12px!important;line-height:1.25!important;}
.admin-content-tableui{min-width:0!important;}
.admin-content-tableui .card,.admin-content-tableui form.card{border-radius:22px!important;background:linear-gradient(180deg,rgba(13,20,41,.94),rgba(9,15,31,.92))!important;border:1px solid rgba(148,163,184,.17)!important;box-shadow:0 18px 48px rgba(0,0,0,.20)!important;color:#eaf2ff!important;}
.admin-content-tableui table.admin-table,.admin-content-tableui .admin-table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important;}
.admin-content-tableui .admin-table th{font-size:12px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#9fb2d7!important;text-align:left!important;padding:10px!important;}
.admin-content-tableui .admin-table td{background:rgba(255,255,255,.045)!important;border-top:1px solid rgba(148,163,184,.12)!important;border-bottom:1px solid rgba(148,163,184,.12)!important;padding:10px!important;color:#eaf2ff!important;vertical-align:top!important;}
.admin-content-tableui .admin-table tr td:first-child{border-left:1px solid rgba(148,163,184,.12)!important;border-radius:14px 0 0 14px!important}.admin-content-tableui .admin-table tr td:last-child{border-right:1px solid rgba(148,163,184,.12)!important;border-radius:0 14px 14px 0!important}
.admin-content-tableui input,.admin-content-tableui select,.admin-content-tableui textarea{background:rgba(3,7,18,.82)!important;border:1px solid rgba(148,163,184,.18)!important;color:#eef5ff!important;border-radius:12px!important;padding:10px!important;max-width:100%!important;}
.admin-content-tableui textarea{min-height:90px!important;resize:vertical!important;}
@media(max-width:1050px){.admin-workspace-tableui{grid-template-columns:1fr!important}.admin-table-sidebar{position:relative!important;top:auto!important}.admin-nav-table{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}.admin-content-tableui .admin-table{display:block!important;overflow-x:auto!important;white-space:nowrap!important}}

.cem-vip-locked-preview{opacity:.72;filter:saturate(.75)}
.cem-vip-locked-preview:after{content:"VIP";display:inline-flex;margin-left:8px;padding:3px 8px;border-radius:999px;background:rgba(250,204,21,.18);border:1px solid rgba(250,204,21,.35);color:#fde68a;font-size:12px;font-weight:900}


/* ==========================================================
   VIP Profileinstellungen PRO + prachtvolle VIP Rahmen/Namen
   ========================================================== */
#profileSettings.unified-settings-card,
.unified-settings-card#profileSettings{
  border-radius:32px!important;
  background:radial-gradient(circle at 15% 0,rgba(91,140,255,.18),transparent 34%),radial-gradient(circle at 92% 8%,rgba(250,204,21,.12),transparent 30%),linear-gradient(180deg,rgba(8,15,34,.97),rgba(4,9,22,.98))!important;
  border:1px solid rgba(148,163,184,.20)!important;
  color:#eaf2ff!important;
  box-shadow:0 26px 90px rgba(0,0,0,.36)!important;
}
#profileSettings h1{font-size:clamp(30px,4vw,48px)!important;letter-spacing:-.045em!important;margin-bottom:8px!important;color:#fff!important}
#profileSettings .muted{color:#aebbd1!important}.settings-back-row{margin-bottom:18px!important}.back-profile-btn{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#eef6ff!important;box-shadow:0 14px 36px rgba(0,0,0,.22)!important}
.cem-vip-settings-overview{margin:22px 0 26px!important;padding:24px!important;border-radius:30px!important;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;border:1px solid rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 18px 50px rgba(0,0,0,.25)!important;overflow:hidden!important;position:relative!important}
.cem-vip-settings-overview:before{content:"";position:absolute;inset:-120px auto auto -120px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(250,204,21,.19),transparent 70%);pointer-events:none}.cem-vip-settings-overview:after{content:"";position:absolute;right:-160px;bottom:-160px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(103,232,249,.16),transparent 70%);pointer-events:none}
.cem-vip-settings-head{position:relative;z-index:1;display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:center!important}.cem-vip-eyebrow{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:7px 12px!important;border-radius:999px!important;background:rgba(250,204,21,.14)!important;border:1px solid rgba(250,204,21,.32)!important;color:#fde68a!important;font-weight:950!important;text-transform:uppercase!important;letter-spacing:.08em!important;font-size:12px!important}.cem-vip-settings-head h2{font-size:clamp(24px,3vw,36px)!important;margin:8px 0 8px!important;color:#fff!important}.cem-vip-upgrade-btn{display:inline-flex!important;align-items:center!important;gap:9px!important;padding:13px 16px!important;border-radius:999px!important;background:linear-gradient(135deg,#facc15,#fb923c)!important;color:#18110a!important;font-weight:950!important;box-shadow:0 16px 38px rgba(250,204,21,.25)!important;white-space:nowrap!important}
.cem-vip-current-showcase{position:relative;z-index:1;margin:18px 0 18px!important;display:flex!important;align-items:center!important;gap:16px!important;padding:16px!important;border-radius:26px!important;background:linear-gradient(135deg,color-mix(in srgb,var(--cem-vip-color,#facc15) 17%,transparent),rgba(255,255,255,.05))!important;border:1px solid color-mix(in srgb,var(--cem-vip-color,#facc15) 42%,transparent)!important}.cem-vip-current-avatar{width:84px;height:84px;border-radius:28px;padding:4px;background:conic-gradient(from 180deg,var(--cem-vip-color,#facc15),#fff,var(--cem-vip-color,#facc15),#0ea5e9,var(--cem-vip-color,#facc15));box-shadow:0 0 34px color-mix(in srgb,var(--cem-vip-color,#facc15) 64%,transparent),inset 0 0 0 1px rgba(255,255,255,.22)}.cem-vip-current-avatar img{width:100%;height:100%;border-radius:23px;object-fit:cover;background:#071321}.cem-vip-current-name{display:block!important;font-size:24px!important;line-height:1!important;color:var(--cem-vip-color,#facc15)!important;text-shadow:0 0 16px color-mix(in srgb,var(--cem-vip-color,#facc15) 75%,transparent),0 0 38px color-mix(in srgb,var(--cem-vip-color,#facc15) 40%,transparent)!important}.cem-vip-current-showcase span{display:block;margin-top:5px;color:#cbd5e1!important;font-weight:700!important}
.cem-vip-plan-grid{position:relative;z-index:1;display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;gap:14px!important}.cem-vip-plan-card{position:relative!important;overflow:hidden!important;border-radius:24px!important;padding:17px!important;background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035))!important;border:1px solid color-mix(in srgb,var(--vip-plan-color,#facc15) 35%,rgba(255,255,255,.10))!important;box-shadow:0 15px 38px rgba(0,0,0,.20)!important;transition:.18s ease!important}.cem-vip-plan-card:before{content:"";position:absolute;inset:-60px -80px auto auto;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--vip-plan-color,#facc15) 30%,transparent),transparent 68%)}.cem-vip-plan-card:hover{transform:translateY(-3px)!important;box-shadow:0 22px 58px rgba(0,0,0,.28),0 0 30px color-mix(in srgb,var(--vip-plan-color,#facc15) 20%,transparent)!important}.cem-vip-plan-card.is-current{background:linear-gradient(135deg,color-mix(in srgb,var(--vip-plan-color,#facc15) 24%,rgba(255,255,255,.07)),rgba(255,255,255,.05))!important;box-shadow:0 0 0 1px color-mix(in srgb,var(--vip-plan-color,#facc15) 62%,transparent),0 0 40px color-mix(in srgb,var(--vip-plan-color,#facc15) 35%,transparent)!important}.cem-vip-plan-top{display:flex!important;justify-content:space-between!important;gap:12px!important;align-items:flex-start!important}.cem-vip-plan-top strong{font-size:18px!important;color:#fff!important}.cem-vip-plan-top span{font-size:13px!important;font-weight:950!important;color:#111827!important;background:var(--vip-plan-color,#facc15)!important;border-radius:999px!important;padding:6px 9px!important;white-space:nowrap!important}.cem-vip-plan-card small{display:block;margin:8px 0 10px;color:#bac8dd!important}.cem-vip-plan-card ul{margin:0!important;padding:0!important;display:grid!important;gap:7px!important;list-style:none!important}.cem-vip-plan-card li{position:relative;padding-left:22px!important;color:#eaf2ff!important;font-size:13px!important;line-height:1.32!important}.cem-vip-plan-card li:before{content:"✦";position:absolute;left:0;color:var(--vip-plan-color,#facc15);text-shadow:0 0 12px var(--vip-plan-color,#facc15)}.cem-vip-plan-card em{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.25);color:#bbf7d0;font-style:normal;font-weight:900;font-size:12px}.cem-vip-plan-card em.locked{background:rgba(250,204,21,.12);border-color:rgba(250,204,21,.28);color:#fde68a}
.settings-section-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.settings-subcard{border-radius:26px!important;background:rgba(255,255,255,.065)!important;border:1px solid rgba(255,255,255,.12)!important;padding:20px!important;box-shadow:0 16px 42px rgba(0,0,0,.22)!important;color:#eef6ff!important}.settings-subcard h2{margin-top:0!important;color:#fff!important}.settings-subcard input,.settings-subcard textarea,.settings-subcard select{background:rgba(2,6,23,.76)!important;border:1px solid rgba(148,163,184,.22)!important;color:#f8fbff!important;border-radius:16px!important}.cem-vip-badge{background:color-mix(in srgb,var(--cem-vip-color,#facc15) 18%,rgba(255,255,255,.07))!important;border:1px solid color-mix(in srgb,var(--cem-vip-color,#facc15) 45%,transparent)!important;color:var(--cem-vip-color,#facc15)!important;border-radius:999px!important;font-weight:950!important}.cem-vip-upgrade-hint,.cem-vip-locked-box{border-radius:20px!important;background:linear-gradient(135deg,rgba(250,204,21,.12),rgba(103,232,249,.08))!important;border:1px solid rgba(250,204,21,.26)!important;color:#f8fbff!important;padding:14px!important}.cem-vip-upgrade-hint a{color:#fde68a!important;font-weight:950!important}
.cem-vip-avatar,.profile-avatar.cem-vip-avatar,.avatar.cem-vip-avatar,.mini-avatar.cem-vip-avatar,.cem-message-avatar.cem-vip-avatar{border:4px solid var(--cem-vip-color,#facc15)!important;box-shadow:0 0 0 3px rgba(255,255,255,.10),0 0 24px color-mix(in srgb,var(--cem-vip-color,#facc15) 80%,transparent),0 0 52px color-mix(in srgb,var(--cem-vip-color,#facc15) 38%,transparent)!important}.cem-vip-tier-1{background:linear-gradient(#0b1220,#0b1220) padding-box,linear-gradient(135deg,#cd7f32,#ffdf9a,#8b4513) border-box!important}.cem-vip-tier-2{background:linear-gradient(#0b1220,#0b1220) padding-box,linear-gradient(135deg,#e5e7eb,#94a3b8,#ffffff,#64748b) border-box!important}.cem-vip-tier-3{background:linear-gradient(#0b1220,#0b1220) padding-box,conic-gradient(from 90deg,#facc15,#fff7ad,#fb923c,#facc15) border-box!important;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 34px rgba(250,204,21,.75),0 0 70px rgba(250,204,21,.32)!important}.cem-vip-tier-4{background:linear-gradient(#0b1220,#0b1220) padding-box,conic-gradient(from 160deg,#a78bfa,#f0abfc,#60a5fa,#a78bfa) border-box!important;box-shadow:0 0 0 3px rgba(255,255,255,.12),0 0 38px rgba(167,139,250,.78),0 0 82px rgba(96,165,250,.34)!important}.cem-vip-tier-5{background:linear-gradient(#0b1220,#0b1220) padding-box,conic-gradient(from 180deg,#67e8f9,#ffffff,#a78bfa,#22d3ee,#67e8f9) border-box!important;box-shadow:0 0 0 3px rgba(255,255,255,.14),0 0 42px rgba(103,232,249,.92),0 0 96px rgba(167,139,250,.45)!important;animation:cemVipDiamondPulse 2.8s ease-in-out infinite}@keyframes cemVipDiamondPulse{0%,100%{filter:saturate(1)}50%{filter:saturate(1.35) brightness(1.08)}}.cem-message-name.cem-vip-name,.username.cem-vip-name{font-weight:950!important;letter-spacing:.01em!important}
@media(max-width:900px){.cem-vip-settings-head{display:block!important}.cem-vip-upgrade-btn{margin-top:12px!important}.settings-section-grid{grid-template-columns:1fr!important}.cem-vip-current-showcase{align-items:flex-start!important}.cem-vip-current-avatar{width:70px;height:70px;border-radius:23px}.cem-vip-current-avatar img{border-radius:19px}.cem-vip-current-name{font-size:20px!important}}


/* === VIP Avatar Rahmen global FINAL === */
:root{--cem-vip-color:#facc15}
img.cem-vip-avatar,
.profile-avatar.cem-vip-avatar,
.mini-avatar.cem-vip-avatar,
.avatar.cem-vip-avatar,
.chat-avatar.cem-vip-avatar,
.cem-message-avatar.cem-vip-avatar,
.cem-chat-avatar-wrap img.cem-vip-avatar,
.post-head img.cem-vip-avatar,
.comment img.cem-vip-avatar,
.friend-tile img.cem-vip-avatar,
.visitor-mini-row img.cem-vip-avatar{
  border:4px solid transparent!important;
  background:linear-gradient(#07111f,#07111f) padding-box, conic-gradient(from 90deg,var(--cem-vip-color),#fff,var(--cem-vip-color),#111827,var(--cem-vip-color)) border-box!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.10),0 0 20px color-mix(in srgb,var(--cem-vip-color) 72%,transparent),0 0 52px color-mix(in srgb,var(--cem-vip-color) 32%,transparent)!important;
  outline:1px solid color-mix(in srgb,var(--cem-vip-color) 45%,transparent)!important;
  object-fit:cover!important;
}
img.cem-vip-tier-1{--cem-vip-color:#cd7f32}
img.cem-vip-tier-2{--cem-vip-color:#c0c7d1}
img.cem-vip-tier-3{--cem-vip-color:#facc15}
img.cem-vip-tier-4{--cem-vip-color:#a78bfa}
img.cem-vip-tier-5{--cem-vip-color:#67e8f9;animation:cemVipAvatarGlow 2.4s ease-in-out infinite}
@keyframes cemVipAvatarGlow{0%,100%{filter:saturate(1) brightness(1)}50%{filter:saturate(1.35) brightness(1.12)}}
.cem-message-avatar.cem-vip-avatar,.chat-avatar.cem-vip-avatar{display:block!important;flex:0 0 auto!important;width:44px!important;height:44px!important;border-radius:16px!important}
body.cem-wall-chat-page .cem-message{display:flex!important;align-items:flex-start!important;gap:12px!important}
body.cem-wall-chat-page .cem-message.own,body.cem-wall-chat-page .cem-message.is-own{flex-direction:row-reverse!important}
.profile-name-line h1 .cem-vip-badge,.cem-vip-badge{border:1px solid color-mix(in srgb,var(--cem-vip-color) 55%,transparent);box-shadow:0 0 18px color-mix(in srgb,var(--cem-vip-color) 35%,transparent)}

/* === 2026-05-29 FIX: Chat-Räume wie Userliste + eckige Top-Navi + keine Footer-Navi === */
body.cem-wall-chat-page .cem-room-list{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
  align-items:stretch!important;
}
body.cem-wall-chat-page .cem-room-link,
body.cem-wall-chat-page .room-link{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  min-height:64px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  text-align:left!important;
  width:100%!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  color:inherit!important;
  box-shadow:none!important;
  transform:none!important;
}
body.cem-wall-chat-page .cem-room-link:hover,
body.cem-wall-chat-page .room-link:hover{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(99,179,237,.35)!important;
  transform:translateX(2px)!important;
}
body.cem-wall-chat-page .cem-room-link.active,
body.cem-wall-chat-page .room-link.active{
  background:linear-gradient(135deg,rgba(59,130,246,.20),rgba(168,85,247,.16))!important;
  border-color:rgba(96,165,250,.42)!important;
  color:#fff!important;
}
body.cem-wall-chat-page .cem-room-dot{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,rgba(19,122,255,.35),rgba(124,58,237,.25))!important;
  box-shadow:0 10px 24px rgba(15,23,42,.18)!important;
  position:relative!important;
}
body.cem-wall-chat-page .cem-room-dot:before{
  content:'\f086';
  font-family:'Font Awesome 6 Free';
  font-weight:900;
  font-size:17px;
  color:#fff;
}
body.cem-wall-chat-page .cem-room-main,
body.cem-wall-chat-page .cem-room-main b,
body.cem-wall-chat-page .cem-room-main small{
  min-width:0!important;
  text-align:left!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}
body.cem-wall-chat-page .cem-room-main b{
  display:block!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:900!important;
}
body.cem-wall-chat-page .cem-room-main small{
  display:block!important;
  margin-top:3px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  font-size:12px!important;
  line-height:1.25!important;
  opacity:.72!important;
}
body.cem-wall-chat-page .cem-room-count{
  min-width:28px!important;
  height:28px!important;
  padding:0 8px!important;
  border-radius:10px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-weight:900!important;
  background:rgba(255,255,255,.12)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
body.cem-wall-chat-page .cem-room-link[href*="room=6"] .cem-room-dot,
body.cem-wall-chat-page .room-link[href*="room=6"] .cem-room-dot{
  background:linear-gradient(135deg,#facc15,#b45309)!important;
  box-shadow:0 0 0 2px rgba(250,204,21,.22),0 14px 34px rgba(250,204,21,.24)!important;
}
body.cem-wall-chat-page .cem-room-link[href*="room=6"] .cem-room-dot:before,
body.cem-wall-chat-page .room-link[href*="room=6"] .cem-room-dot:before{
  content:'\f521';
}
.cem-modern-topnav,
.cem-modern-topnav-inner,
.cem-top-parent-nav,
.cem-top-parent-nav-inner{
  border-radius:0!important;
}
.cem-nav-parent summary{
  border-radius:8px!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:none!important;
}
.cem-nav-parent summary:hover,
.cem-nav-parent[open] summary,
.cem-nav-parent.is-active summary{
  background:rgba(255,255,255,.12)!important;
  border-color:rgba(255,255,255,.28)!important;
}
.cem-nav-children{
  border-radius:10px!important;
}
.cem-nav-child{
  border-radius:8px!important;
}
@media(max-width:900px){
  body.cem-wall-chat-page .cem-room-link,
  body.cem-wall-chat-page .room-link{grid-template-columns:44px minmax(0,1fr) auto!important;min-height:58px!important;}
  body.cem-wall-chat-page .cem-room-dot{width:38px!important;height:38px!important;min-width:38px!important;border-radius:12px!important;}
}

/* FINAL settings + daily widgets cleanup 2026-05-30 */
.wall-dailybest-inline .cem-inline-panel-body{display:flex;flex-direction:column;gap:8px}
.cem-dailybest-item{border:1px solid rgba(250,204,21,.22)!important;background:linear-gradient(135deg,rgba(250,204,21,.09),rgba(47,128,255,.06))!important}
.cem-dailybest-item img,.cem-last-active-item img{width:34px;height:34px;object-fit:cover;border-radius:10px;flex:0 0 34px}
.cem-last-active-item{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;padding:8px 9px;border-radius:0;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);margin-bottom:7px;min-width:0}
.cem-last-active-item span{min-width:0;display:flex;flex-direction:column;line-height:1.15}.cem-last-active-item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff}.cem-last-active-item small{color:#aab9d6}.cem-last-active-list{display:flex;flex-direction:column;gap:2px}
@media(max-width:900px){.cem-settings-modern{padding:0 8px}.cem-settings-nav{gap:7px}.cem-settings-nav a{font-size:13px;padding:9px 10px}}