/* =========================================================
   ChrisEmm.de Professional Redesign 2026
   Upload-safe frontend layer: no database changes required
   ========================================================= */
:root{
  --pro-bg:#06111f;
  --pro-bg-2:#09182a;
  --pro-bg-3:#0f2440;
  --pro-card:rgba(14,31,53,.88);
  --pro-card-2:rgba(20,43,73,.92);
  --pro-line:rgba(255,255,255,.105);
  --pro-text:#f6fbff;
  --pro-muted:#a9bdd6;
  --pro-primary:#137aff;
  --pro-primary-2:#00d8ff;
  --pro-pink:#ff4fd8;
  --pro-orange:#ff9f43;
  --pro-green:#22d37b;
  --pro-danger:#ff5b75;
  --pro-radius:24px;
  --pro-shadow:0 22px 70px rgba(0,0,0,.36);
  --pro-soft-shadow:0 14px 42px rgba(0,0,0,.24);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{
  min-height:100vh!important;
  background:
    radial-gradient(circle at 4% 0%,rgba(19,122,255,.36),transparent 32%),
    radial-gradient(circle at 94% 12%,rgba(255,79,216,.24),transparent 30%),
    radial-gradient(circle at 70% 100%,rgba(0,216,255,.18),transparent 28%),
    linear-gradient(180deg,var(--pro-bg),#081522 52%,#050b14)!important;
  color:var(--pro-text)!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
a{color:#9fd0ff} a:hover{color:#fff}.page{width:min(1420px,calc(100% - 28px));margin:0 auto;padding:26px 0 110px!important;}
/* Header */
.topbar{
  position:sticky!important;top:0!important;z-index:1000!important;height:70px!important;padding:10px clamp(12px,2vw,28px)!important;
  background:rgba(6,17,31,.78)!important;backdrop-filter:blur(22px)!important;border-bottom:1px solid var(--pro-line)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.28)!important;
}
.brand{gap:12px!important;color:#fff!important;text-decoration:none!important;font-weight:950!important;letter-spacing:-.03em}.brand img{width:42px!important;height:42px!important;border-radius:16px!important;object-fit:cover;box-shadow:0 0 0 1px var(--pro-line),0 0 24px rgba(19,122,255,.4)}.brand span{font-size:17px!important;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hamburgerTop{background:linear-gradient(135deg,rgba(19,122,255,.22),rgba(0,216,255,.14))!important;color:#fff!important;border:1px solid var(--pro-line)!important;box-shadow:0 10px 24px rgba(0,0,0,.22)!important}.top-actions{gap:9px!important}.top-actions a,.top-actions span{background:rgba(255,255,255,.06)!important;border:1px solid var(--pro-line)!important;color:#eaf6ff!important;border-radius:999px!important;padding:8px 12px!important;text-decoration:none!important;font-weight:800!important}.top-actions a:hover{background:rgba(19,122,255,.26)!important;transform:translateY(-1px)}.top-icon{min-width:42px;text-align:center;position:relative}.mini-avatar{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.34)!important}.logout-btn{background:rgba(255,91,117,.13)!important;color:#ffdce3!important}.nav-badge{background:linear-gradient(135deg,var(--pro-pink),var(--pro-primary))!important;color:#fff!important;box-shadow:0 0 18px rgba(255,79,216,.35)!important}
/* Side navigation */
.sidenav{background:rgba(7,18,33,.94)!important;backdrop-filter:blur(24px)!important;border-right:1px solid var(--pro-line)!important;box-shadow:28px 0 70px rgba(0,0,0,.45)!important}.side-title{color:#fff!important;font-weight:950!important;letter-spacing:-.03em}.sidenav a{color:#d9ecff!important;border:1px solid transparent!important;border-radius:16px!important;font-size:13.5px!important;font-weight:850!important}.sidenav a:hover{background:rgba(19,122,255,.20)!important;border-color:rgba(19,122,255,.28)!important;transform:translateX(4px)}.closeNav{color:#fff!important;background:rgba(255,255,255,.08)!important;border:1px solid var(--pro-line)!important}.navHandle{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-2))!important;color:#fff!important;box-shadow:0 18px 36px rgba(19,122,255,.34)!important;border:0!important}
/* Cards / common containers */
.card,.feed-card,.profile-card,.chat-box,.admin-card,.sidebar-box,.mail-app,.contact-card,.legal-card,.settings-card,.guest-entry-card,.story-tray,.post-card,.chat-sidebar,.chat-room-card,.event-card-pro,.admin-shell{
  background:linear-gradient(180deg,var(--pro-card-2),rgba(8,18,32,.94))!important;color:var(--pro-text)!important;border:1px solid var(--pro-line)!important;border-radius:var(--pro-radius)!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(16px)!important;
}
.card h1,.card h2,.card h3,.hero h1,.profile-name-line h1,.section-title h2,.section-title h3,.mail-app h1,.mail-app h2{color:#fff!important}.muted,.small,small,.radio-copy small,.event-info .muted{color:var(--pro-muted)!important}.eyebrow{color:#75caff!important;text-transform:uppercase;letter-spacing:.14em;font-weight:950!important}
/* Forms and buttons */
input,textarea,select,.input{background:rgba(3,11,22,.54)!important;border:1px solid rgba(255,255,255,.13)!important;color:#fff!important;border-radius:16px!important;padding:13px 15px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}input::placeholder,textarea::placeholder{color:#88a1be!important}input:focus,textarea:focus,select:focus{border-color:rgba(19,122,255,.8)!important;box-shadow:0 0 0 4px rgba(19,122,255,.18)!important;outline:none!important}.btn,button:not(.hamburgerTop):not(.closeNav):not(.text-action):not(.msg-pin),.form button{border:0!important;border-radius:16px!important;background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-2))!important;color:#fff!important;font-weight:900!important;box-shadow:0 14px 30px rgba(19,122,255,.28)!important;transition:.2s ease!important;text-decoration:none!important}.btn:hover,button:hover,.form button:hover{transform:translateY(-2px)}.btn.secondary,.secondary,a.secondary,button.secondary{background:rgba(255,255,255,.08)!important;border:1px solid var(--pro-line)!important;color:#e9f5ff!important;box-shadow:none!important}.text-action,.danger-link{color:#ff9dad!important}
/* Landing / login */
.public-login-page .page{width:min(1220px,calc(100% - 28px));display:flex;align-items:center;min-height:calc(100vh - 70px)}.landing{display:grid!important;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)!important;gap:28px!important;align-items:center!important;width:100%}.hero,.landing>.card{border-radius:34px!important;background:linear-gradient(135deg,rgba(19,122,255,.18),rgba(255,79,216,.10) 45%,rgba(0,216,255,.08))!important;border:1px solid var(--pro-line)!important;box-shadow:var(--pro-shadow)!important;backdrop-filter:blur(18px)!important}.hero{padding:clamp(28px,5vw,64px)!important;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:-120px auto auto -80px;width:280px;height:280px;border-radius:50%;background:rgba(19,122,255,.28);filter:blur(35px)}.hero h1{font-size:clamp(42px,7vw,84px)!important;line-height:.92!important;letter-spacing:-.07em!important;margin:0 0 18px!important}.hero p{font-size:clamp(17px,2vw,22px)!important;color:#cfe5ff!important}.landing-feature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:28px 0}.landing-feature-grid>div{background:rgba(255,255,255,.075)!important;border:1px solid var(--pro-line)!important;border-radius:22px!important;padding:18px!important}.landing>.card{padding:32px!important}.landing>.card h2{font-size:32px!important;margin-top:0!important}.landing hr{border:0;border-top:1px solid var(--pro-line);margin:22px 0}.session-timeout-note,.alert,.success{border-radius:16px!important;border:1px solid var(--pro-line)!important;padding:13px 16px!important}.success,.alert.ok{background:rgba(34,211,123,.13)!important;color:#baffd7!important}.alert,.alert.error{background:rgba(255,91,117,.13)!important;color:#ffd4dc!important}
/* Feed / wall */
.wall-layout,.grid{gap:22px!important}.composer,.post-card{overflow:hidden!important}.post-card{transition:.2s ease}.post-card:hover{transform:translateY(-3px);box-shadow:0 28px 76px rgba(0,0,0,.42)!important}.post-head,.comment,.online-user,.visitor-row,.suggestion-card{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important}.post-head{padding:12px!important}.post-head b,.online-user a,.comment b{color:#fff!important}.post-media img,.post-media video,.story-body img,.story-body video{border-radius:20px!important;border:1px solid var(--pro-line)!important}.reaction-btn,.react-btn,.chat-reaction{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid var(--pro-line)!important}.reaction-btn:hover,.reaction-btn.active,.chat-reaction:hover,.chat-reaction.active{background:linear-gradient(135deg,rgba(19,122,255,.45),rgba(255,79,216,.28))!important}.mention-link{background:rgba(19,122,255,.18)!important;color:#9fd0ff!important}
/* Chat */
.chat-app-shell{max-width:1480px;margin:0 auto}.chat-layout{gap:18px!important}.chat-sidebar{max-height:calc(100vh - 120px);overflow:auto}.room-link{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:8px!important}.room-link.active{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;color:#fff!important}.room-count,.age-badge,.role-badge,.onair-badge{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid var(--pro-line)!important;border-radius:999px!important}.modern-chat-room{background:linear-gradient(180deg,rgba(14,31,53,.94),rgba(6,17,31,.96))!important}.modern-chat-head{border-bottom:1px solid var(--pro-line)!important;padding-bottom:14px!important}.chat-box{min-height:58vh!important;max-height:calc(100vh - 270px)!important;overflow:auto!important;background:rgba(2,8,18,.32)!important}.chat-message,.msg{background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important}.chat-composer{background:rgba(255,255,255,.06)!important;border:1px solid var(--pro-line)!important;border-radius:22px!important;padding:10px!important}.chat-composer input[type=text],.chat-composer textarea{background:rgba(3,11,22,.62)!important}.chat-pinned-message{background:linear-gradient(135deg,rgba(255,159,67,.16),rgba(19,122,255,.16))!important;color:#fff!important;border:1px solid rgba(255,159,67,.22)!important}.chat-mobile-bar{background:rgba(7,18,33,.86)!important;border:1px solid var(--pro-line)!important;border-radius:18px!important;color:#fff!important}
/* Profile */
.profile-hero-modern{background:linear-gradient(180deg,var(--pro-card-2),rgba(8,18,32,.96))!important;border:1px solid var(--pro-line)!important;box-shadow:var(--pro-shadow)!important}.profile-cover{background-color:#12223a!important}.profile-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,rgba(6,17,31,.88) 100%)}.profile-modern-row{align-items:end!important}.profile-avatar{border:8px solid rgba(7,18,33,.96)!important;box-shadow:0 18px 45px rgba(0,0,0,.38),0 0 0 1px var(--pro-line)!important}.profile-online-dot{border-color:#071221!important}.profile-name-line h1{color:#fff!important;text-shadow:0 4px 22px rgba(0,0,0,.42)!important}.profile-mini-stats span,.profile-stat-box{background:rgba(255,255,255,.08)!important;border:1px solid var(--pro-line)!important;color:#e9f5ff!important}.profile-tabs{background:rgba(7,18,33,.80)!important;border:1px solid var(--pro-line)!important;backdrop-filter:blur(18px)!important;box-shadow:var(--pro-soft-shadow)!important}.profile-tabs a{color:#bdd3ec!important}.profile-tabs a.active,.profile-tabs a:hover{background:linear-gradient(135deg,rgba(19,122,255,.45),rgba(0,216,255,.18))!important;color:#fff!important}.profile-info-modern p,.level-help-grid>div,.level-help-grid div,.friend-tile-wide,.friend-tile,.profile-friends-modern .friend-tile,.soft-card,.profile-badges-modern .level-unified-head{background:rgba(255,255,255,.055)!important;border:1px solid var(--pro-line)!important;color:#eaf6ff!important}.profile-info-modern p:first-of-type{background:rgba(19,122,255,.11)!important}.level-progress{background:rgba(255,255,255,.10)!important}.level-progress span{background:linear-gradient(90deg,var(--pro-primary),var(--pro-pink),var(--pro-orange))!important}.badge,.unified-badges .badge{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid var(--pro-line)!important}.friend-tile img,.friend-tile-wide img{border:2px solid rgba(255,255,255,.18)!important}.profile-edit-card{background:linear-gradient(180deg,var(--pro-card-2),rgba(8,18,32,.96))!important;border:1px solid var(--pro-line)!important}
/* Admin */
.admin-shell-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.admin-nav-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important;gap:13px!important}.admin-nav-grid a{background:rgba(255,255,255,.06)!important;border:1px solid var(--pro-line)!important;border-radius:20px!important;color:#fff!important;text-decoration:none!important;padding:16px!important;transition:.2s ease!important}.admin-nav-grid a:hover{background:rgba(19,122,255,.18)!important;transform:translateY(-2px)}.admin-nav-grid i{color:#72c8ff!important}.admin-nav-grid small{color:var(--pro-muted)!important}.admin-table,table{color:#eaf6ff!important}.admin-table th,table th{color:#9fb7d3!important}.admin-table td,table td{background:rgba(255,255,255,.045)!important;border-color:rgba(255,255,255,.08)!important;color:#eaf6ff!important}table tr:hover td,.admin-table tr:hover td{background:rgba(19,122,255,.12)!important}.admin-form input,.admin-form textarea,.admin-form select{background:rgba(3,11,22,.54)!important;color:#fff!important}
/* Events, stories, mail */
.events-hero{background:linear-gradient(135deg,rgba(19,122,255,.20),rgba(255,79,216,.12))!important}.event-banner{background:linear-gradient(135deg,rgba(19,122,255,.24),rgba(255,79,216,.15))!important}.event-date{background:rgba(255,159,67,.12)!important;border:1px solid rgba(255,159,67,.28)!important;color:#ffd1a1!important}.event-info h2{color:#fff!important}.story-card{box-shadow:var(--pro-shadow)!important;border:1px solid var(--pro-line)!important}.story-add,.story-pill img{border-color:rgba(19,122,255,.75)!important}.mail-sidebar,.mail-thread-panel,.mail-bubble,.mail-thread-link{background:rgba(255,255,255,.045)!important;border:1px solid var(--pro-line)!important;color:#fff!important}.mail-thread-link.active{background:rgba(19,122,255,.18)!important}.mail-message.mine .mail-bubble{background:linear-gradient(135deg,rgba(19,122,255,.50),rgba(0,216,255,.22))!important}.mail-message.theirs .mail-bubble{background:rgba(255,255,255,.07)!important}
/* Legal/contact/footer/radio */
.legal-card,.contact-card{max-width:940px!important;line-height:1.72!important}.legal-card h1,.contact-card h1{font-size:clamp(32px,5vw,52px)!important;letter-spacing:-.05em!important}.site-footer{background:rgba(4,12,22,.58)!important;border-top:1px solid var(--pro-line)!important;color:var(--pro-muted)!important}.site-footer a{color:#9fd0ff!important}.cookie{background:rgba(7,18,33,.94)!important;color:#fff!important;border:1px solid var(--pro-line)!important;border-radius:18px!important;box-shadow:var(--pro-shadow)!important}.radio-player-pro{width:min(1420px,calc(100% - 28px));margin:16px auto 0!important;background:linear-gradient(135deg,rgba(19,122,255,.18),rgba(255,79,216,.10))!important;border:1px solid var(--pro-line)!important;border-radius:24px!important;box-shadow:var(--pro-soft-shadow)!important}.radio-orb{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;box-shadow:0 0 28px rgba(19,122,255,.45)!important}.radio-copy strong{color:#fff!important}.radio-popout{color:#fff!important}
/* Mobile */
.mobile-bottom-nav{background:rgba(6,17,31,.9)!important;backdrop-filter:blur(18px)!important;border-top:1px solid var(--pro-line)!important}.mobile-bottom-nav a{color:#dcecff!important}.mobile-bottom-nav a:hover{color:#fff!important}.mobile-bottom-nav span{font-weight:800!important}.chat-side-backdrop{backdrop-filter:blur(4px)}
@media(max-width:980px){.page{width:min(100% - 18px,760px)!important;padding-top:14px!important}.landing{grid-template-columns:1fr!important}.public-login-page .page{display:block;min-height:auto}.landing-feature-grid{grid-template-columns:1fr}.topbar{height:62px!important}.brand span{font-size:15px!important;max-width:160px}.top-actions .logout-btn,.top-actions>a:not(.top-icon){display:none!important}.chat-layout{grid-template-columns:1fr!important}.chat-sidebar{position:fixed!important;left:-320px;top:70px;bottom:76px;width:300px;z-index:900;transition:.24s ease;max-height:none}.chat-side-open .chat-sidebar{left:10px}.chat-box{max-height:58vh!important}.profile-cover{height:230px!important}.profile-modern-row{grid-template-columns:1fr!important;text-align:center!important;justify-items:center!important;margin-top:-62px!important;padding:0 16px 20px!important}.profile-layout-refined,.friends-page-grid,.mail-layout{grid-template-columns:1fr!important;display:block!important}.profile-tabs{position:static!important;overflow:auto}.admin-shell-head{display:block}.event-body{grid-template-columns:1fr!important}.mobile-bottom-nav{display:flex!important;overflow-x:auto}.mobile-bottom-nav a{min-width:72px}}
@media(max-width:560px){.hero h1{font-size:42px!important}.landing>.card,.hero{border-radius:26px!important;padding:22px!important}.card{border-radius:22px!important}.profile-avatar{width:118px!important;height:118px!important}.admin-nav-grid{grid-template-columns:1fr!important}.top-actions{gap:5px!important}.top-icon{min-width:38px}.radio-player-pro{border-radius:18px!important;display:block!important;padding:14px!important}.radio-controls-pro audio{width:100%!important;margin-top:10px}.events-grid-pro{grid-template-columns:1fr!important}}

/* =========================================================
   FULL COLOR COVERAGE PATCH 2026-05-19
   Aggressive legacy override layer for all old light areas
   ========================================================= */
:root{
  --mobile-blue:var(--pro-primary)!important;
  --mobile-orange:var(--pro-pink)!important;
  --mobile-ink:var(--pro-text)!important;
  --mobile-soft:rgba(19,122,255,.12)!important;
}
html,body,main,.page,.feed,.events-page,.stories-page,.reports-page,.friends-page-grid,.settings-page,.profile-page{
  background-color:transparent!important;
  color:var(--pro-text)!important;
}
body:before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    linear-gradient(120deg,rgba(19,122,255,.09),transparent 38%,rgba(255,79,216,.07)),
    radial-gradient(circle at 18% 18%,rgba(0,216,255,.13),transparent 28%),
    radial-gradient(circle at 82% 70%,rgba(255,79,216,.13),transparent 30%);
}
/* Catch older unnamed white/light panels */
.card,.soft-card,.admin-form-card,.schedule-admin-card,.wall-composer-card,.wall-online-card,.wall-side-card,.wall-welcome,.composer,.composer-head,.feed-card,.post-card,.profile-edit-card,.profile-info-card,.profile-level-badges-card,.profile-feed-modern,.profile-friends-modern,.profile-sidebar-modern,.mail-sidebar,.mail-thread-panel,.mail-compose-drawer,.mail-message,.mail-bubble,.event-card,.event-card-pro,.schedule-card,.story-card,.story-tray,.friend-tile,.friend-tile-wide,.guest-wall-info,.onair-mode-card,.ghost-mode-card,.success-card,.empty-state,.mail-empty,.mail-empty-state,.reports-head,.admin-shell,.admin-form,.admin-grid>*,.admin-nav-grid>a,.moderation-resolve-form,.chat-combined-panel,.chat-users-panel,.chat-side-section,.chat-room-card,.modern-chat-room,.modern-chat-head,.chat-mobile-bar,.chat-pinned-message,.community-lightbox-inner,.giphy-modal,.giphy-box,.level-help-grid>*,.level-benefit,.expansion-stats>*,.stat,.legal-card,.contact-card,.settings-card,.register-card,.guest-entry-card{
  background:linear-gradient(180deg,rgba(20,43,73,.94),rgba(8,18,32,.96))!important;
  color:var(--pro-text)!important;
  border-color:var(--pro-line)!important;
  box-shadow:var(--pro-shadow)!important;
}
/* Text hierarchy */
h1,h2,h3,h4,h5,h6,legend,label,strong,b,.profile-title,.profile-name-line,.profile-name-line h1,.admin-shell-head h1,.admin-shell-head h2,.section-title,.section-title h2,.section-title h3,.ghost-title,.onair-title,.mail-folder-title,.chat-mobile-bar strong,.modern-chat-head strong,.event-info strong,.schedule-day,.schedule-time,.room-link strong,.post-head strong,.composer-head strong,.reports-head strong,.success-hero h1,.guest-entry-head h1,.profile-info-modern dt,.table th,table th,.admin-table th{
  color:#fff!important;
}
p,li,td,th,span,div,dd,.msg-text,.comment-body,.mail-text,.mail-thread-copy,.contact-card,.legal-card{
  border-color:var(--pro-line);
}
.muted,.small,.small-muted,small,.event-date,.schedule-meta,.msg-time,.msg-meta,.mail-person,.mail-thread-link,.profile-status,.profile-mini-stats span,.profile-info-modern dd,.comment-row time,.radio-copy,.room-count,.user-state-pill,.admin-user-inline-form label{
  color:var(--pro-muted)!important;
}
/* Remove old white gradients */
.hero,.landing>.card,.landing .card,.landing-feature-grid>div,.register-wrap,.guest-entry-wrap,.events-hero,.schedule-hero,.profile-hero-modern,.profile-cover-shade,.profile-hero,.wall-shell,.schedule-board,.mail-layout,.friends-grid-full,.friends-grid-small,.reports-page,.stories-page,.profile-modern-grid,.profile-layout-refined{
  background-color:transparent!important;
  color:var(--pro-text)!important;
}
.hero,.landing>.card,.landing .card,.events-hero,.schedule-hero,.profile-hero-modern,.wall-welcome{
  background:linear-gradient(135deg,rgba(19,122,255,.24),rgba(255,79,216,.12) 45%,rgba(0,216,255,.10))!important;
}
/* Tables */
table,.table,.admin-table{background:rgba(6,17,31,.58)!important;color:var(--pro-text)!important;border-color:var(--pro-line)!important;border-radius:20px!important;overflow:hidden!important}
table tr,.table tr,.admin-table tr{background:transparent!important;border-color:var(--pro-line)!important}
table tr:nth-child(even),.admin-table tr:nth-child(even){background:rgba(255,255,255,.035)!important}
table tr:hover,.admin-table tr:hover{background:rgba(19,122,255,.14)!important}
table td,table th,.table td,.table th,.admin-table td,.admin-table th{color:var(--pro-text)!important;border-color:var(--pro-line)!important;background:transparent!important}
.table-responsive{background:rgba(6,17,31,.44)!important;border:1px solid var(--pro-line)!important;border-radius:22px!important;padding:8px!important}
/* Forms including inline admin forms */
form,.form,.admin-form,.contact-form,.comment-form,.reply-form,.mail-reply-form,.pm-inline-reply,.admin-filter-form{color:var(--pro-text)!important}
input,textarea,select,.input,.admin-user-inline-form select,.admin-user-inline-form input,.post-submit textarea,.chat-composer textarea{
  background:rgba(3,11,22,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;
}
input[type="checkbox"],input[type="radio"]{accent-color:var(--pro-primary)!important;box-shadow:none!important;width:auto!important;min-height:auto!important}
option{background:#07111f!important;color:#fff!important}
/* Badges / pills / status */
.pill,.badge,.role-badge,.event-badge,.schedule-badge,.guest-pill,.file-pill,.age-badge,.verified-badge,.level-medal,.team-wappen,.user-state-pill,.room-count,.onair-badge,.nav-badge,.reaction-total{
  background:rgba(19,122,255,.16)!important;color:#eaf6ff!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:999px!important;
}
.badge-wrap .badge,.team-admin,.role-admin{background:rgba(255,79,216,.16)!important;color:#ffd9f7!important}.team-mod,.role-moderator{background:rgba(0,216,255,.15)!important;color:#d9fbff!important}.warning{background:rgba(255,159,67,.15)!important;color:#ffe0b8!important}.danger,.danger-btn,.btn.danger{background:rgba(255,91,117,.18)!important;color:#ffdbe2!important;border:1px solid rgba(255,91,117,.28)!important}.ok,.success{background:rgba(34,211,123,.14)!important;color:#bfffdc!important;border:1px solid rgba(34,211,123,.25)!important}
/* Chat complete dark/radio skin */
body.chat-page-static{background:linear-gradient(180deg,var(--pro-bg),#081522)!important;color:var(--pro-text)!important}
body.chat-page-static .topbar{background:rgba(6,17,31,.84)!important;border-bottom:1px solid var(--pro-line)!important}
body.chat-page-static .chat-mobile-bar,body.chat-page-static .modern-chat-head{background:linear-gradient(135deg,rgba(19,122,255,.18),rgba(255,79,216,.09))!important;border:1px solid var(--pro-line)!important;color:#fff!important}
body.chat-page-static .modern-chat-room,body.chat-page-static .chat-box{background:linear-gradient(180deg,rgba(13,27,45,.96),rgba(6,17,31,.98))!important;color:#fff!important;border:1px solid var(--pro-line)!important}
.msg,.modern-msg,.msg-line,.comment-row,.comment-reply-item{background:transparent!important;color:var(--pro-text)!important}.msg-bubble{background:rgba(255,255,255,.075)!important;color:#eef8ff!important;border:1px solid rgba(255,255,255,.10)!important}.modern-msg.own-message .msg-bubble,.msg.mine .msg-bubble{background:linear-gradient(135deg,rgba(19,122,255,.30),rgba(0,216,255,.16))!important;border-color:rgba(19,122,255,.28)!important}.msg-name,.modern-msg.own-message .msg-name{color:#fff!important}.system .msg-bubble{background:rgba(255,159,67,.13)!important;color:#ffe5c4!important}.bot .msg-bubble{background:rgba(255,79,216,.13)!important;color:#ffe7fa!important}
.chat-composer,.emoji-bar,.giphy-head{background:rgba(6,17,31,.84)!important;border-color:var(--pro-line)!important;color:#fff!important}.chat-media,.comment-media,.media,.youtube-embed{background:#07111f!important;border:1px solid var(--pro-line)!important}
/* Navigation/mobile bars */
.hamburgerTop{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;color:#fff!important;border:0!important}.mobile-bottom-nav{background:rgba(7,17,31,.92)!important;border:1px solid var(--pro-line)!important;box-shadow:0 18px 55px rgba(0,0,0,.36)!important}.mobile-bottom-nav a{color:#d9ecff!important}.mobile-bottom-nav a:hover,.mobile-bottom-nav a:focus{background:rgba(19,122,255,.20)!important;color:#fff!important}.nav-overlay.show{background:rgba(0,0,0,.58)!important}.sidenav{background:rgba(7,17,31,.96)!important}
/* Upload, actions, reaction buttons */
.text-action,.link-btn,.report-link,.inline-delete,.feed-text-actions a{color:#9fd0ff!important}.reaction-btn,.react-btn,.chat-reaction,.emoji-toggle,.giphy-result,.story-pill,.pm-actions a,.pm-actions button,.composer-tools button,.mail-toolbar a,.mail-toolbar button,.profile-tabs a,.schedule-tabs a,.report-tabs a{
  background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid var(--pro-line)!important;border-radius:999px!important;
}
.reaction-btn:hover,.react-btn:hover,.chat-reaction:hover,.profile-tabs a:hover,.schedule-tabs a:hover,.report-tabs a:hover{background:linear-gradient(135deg,var(--pro-primary),var(--pro-primary-2))!important;color:#fff!important}
.active,.selected,.is-today,.today,.profile-tabs a.active,.schedule-tabs a.active,.report-tabs a.active{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;color:#fff!important;border-color:transparent!important}
/* Media / covers */
.cover,.profile-cover,.event-banner,.story-body img,.post-media img,.post-media video,.mail-media img,.chat-media img,.comment-media img{background:#07111f!important;border:1px solid var(--pro-line)!important;box-shadow:var(--pro-soft-shadow)!important}
.avatar,.profile-avatar,.chat-avatar,.composer-avatar,.mail-avatar{background:#07111f!important;border:2px solid rgba(255,255,255,.20)!important;box-shadow:0 0 0 4px rgba(19,122,255,.12)!important}
/* Footer */.site-footer,footer{background:rgba(6,17,31,.72)!important;color:var(--pro-muted)!important;border-top:1px solid var(--pro-line)!important}.footer-links a{color:#d9ecff!important}
/* Lightbox/modals */.community-lightbox,.giphy-modal{background:rgba(0,0,0,.82)!important}.community-lightbox-caption{background:rgba(6,17,31,.86)!important;color:#fff!important}.community-lightbox-close{background:rgba(255,255,255,.10)!important;color:#fff!important;border:1px solid var(--pro-line)!important}
/* Radio player */.radio-player-pro,.radio-popout-card,.radio-popout-card-large{background:linear-gradient(135deg,rgba(19,122,255,.20),rgba(255,79,216,.12),rgba(0,216,255,.10))!important;color:#fff!important;border:1px solid var(--pro-line)!important;box-shadow:var(--pro-shadow)!important}.radio-orb{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;box-shadow:0 0 30px rgba(255,79,216,.45)!important}.radio-song-title{color:#fff!important}
/* Last-resort old inline-ish white class fixes */
[style*="background:#fff"],[style*="background: #fff"],[style*="background:white"],[style*="background: white"],[style*="background-color:#fff"],[style*="background-color: #fff"],[style*="background-color:white"],[style*="background-color: white"]{background:linear-gradient(180deg,rgba(20,43,73,.94),rgba(8,18,32,.96))!important;color:#fff!important;border-color:var(--pro-line)!important}
[style*="color:#0f172a"],[style*="color: #0f172a"],[style*="color:#102033"],[style*="color: #102033"],[style*="color:#123b72"],[style*="color: #123b72"],[style*="color:#334155"],[style*="color: #334155"]{color:#fff!important}
@media(max-width:900px){
  .landing,.wall-layout,.profile-grid,.profile-modern-grid,.profile-layout-refined,.mail-layout,.modern-chat-layout,.chat-layout,.chat-layout-wide{grid-template-columns:1fr!important}
  .hero,.landing>.card,.card,.post-card,.profile-card,.admin-card,.soft-card{border-radius:22px!important}
  .mobile-bottom-nav{display:flex!important}
}

/* =========================================================
   FINAL FIX: Wall/Profile ohne weiße Restflächen + Navigation Manager
   ========================================================= */
body.profile-page-static,
body.wall-page,
body.wall-page-static{
  background:
    radial-gradient(circle at 8% 0%,rgba(19,122,255,.34),transparent 34%),
    radial-gradient(circle at 92% 18%,rgba(255,79,216,.22),transparent 32%),
    radial-gradient(circle at 62% 100%,rgba(0,216,255,.16),transparent 30%),
    linear-gradient(180deg,#06111f,#081524 55%,#050b14)!important;
  color:var(--pro-text)!important;
}
.profile-page-static .page,
.wall-page .page,
.wall-page-static .page{padding-top:28px!important;}
.profile-hero-modern,
.profile-tabs,
.profile-sidebar-modern .card,
.profile-feed-modern .card,
.profile-info-card,
.profile-friends-modern,
.profile-level-badges-card,
.profile-edit-card,
.wall-shell .card,
.wall-composer-card,
.wall-side-card,
.story-tray,
.post-card,
.comment,
.rich-comment,
.comment-body,
.comment-row,
.comment-replies,
.ghost-mode-card,
.onair-mode-card,
.nav-manager-item{
  background:linear-gradient(180deg,rgba(20,43,73,.94),rgba(7,18,33,.97))!important;
  color:#f4f9ff!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34)!important;
}
.profile-sidebar-modern .card,
.wall-side-card{overflow:hidden!important;}
.profile-sidebar-modern .card::before,
.wall-side-card::before,
.post-card::before,
.wall-composer-card::before{
  content:"";display:block;height:3px;margin:-1px -1px 14px;
  background:linear-gradient(90deg,var(--pro-primary),var(--pro-pink),var(--pro-primary-2));
  opacity:.82;
}
.profile-info-modern p,
.profile-info-modern p:first-of-type,
.profile-mini-stats span,
.friends-grid-small .friend-tile,
.friend-tile,
.friend-tile-wide,
.level-unified-head,
.badge-wrap .badge,
.unified-badges .badge,
.post-head,
.composer-head,
.story-pill,
.story-add,
.profile-tabs.card,
.profile-actions .btn.secondary,
.feed-text-actions,
.reaction-summary,
.reaction-list,
.react-who-list,
.online-user,
.visitor-row,
.suggestion-card{
  background:rgba(255,255,255,.065)!important;
  color:#eef7ff!important;
  border:1px solid rgba(255,255,255,.105)!important;
  box-shadow:none!important;
}
.profile-info-modern p *:not(a),
.profile-friends-modern *,
.profile-badges-modern *,
.post-card *,
.wall-side-card *,
.wall-composer-card *,
.story-tray *{
  color:inherit;
}
.profile-info-modern h3,
.profile-friends-modern h3,
.profile-badges-modern h3,
.wall-side-card h3,
.wall-composer-card h2,
.post-head b,
.post-head b a,
.comment b,
.section-title h3,
.profile-name-line h1,
.profile-title h1{
  color:#fff!important;
  text-shadow:0 1px 18px rgba(19,122,255,.18);
}
.profile-cover{background:linear-gradient(135deg,rgba(19,122,255,.34),rgba(255,79,216,.20),rgba(0,216,255,.12))!important;border-bottom:1px solid rgba(255,255,255,.13)!important;}
.profile-cover[style*="background-image"]{background-size:cover!important;background-position:center!important;}
.profile-cover-shade{background:linear-gradient(180deg,rgba(5,13,24,.05),rgba(5,13,24,.68))!important;}
.profile-avatar{background:#07111f!important;border:5px solid rgba(255,255,255,.86)!important;box-shadow:0 18px 45px rgba(0,0,0,.42),0 0 0 1px rgba(19,122,255,.30)!important;}
.profile-tabs{padding:10px!important;gap:8px!important;}
.profile-tabs a{background:rgba(255,255,255,.07)!important;color:#dceeff!important;border:1px solid rgba(255,255,255,.10)!important;border-radius:999px!important;}
.profile-tabs a.active{background:linear-gradient(135deg,var(--pro-primary),var(--pro-pink))!important;color:#fff!important;}
.wall-shell{display:grid;grid-template-columns:minmax(240px,310px) minmax(0,1fr) minmax(220px,280px);gap:22px;align-items:start;}
.wall-feed-modern{min-width:0;}
.post-card{border-radius:26px!important;overflow:hidden!important;}
.post-card>p{background:rgba(2,8,18,.22)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:18px!important;padding:14px 16px!important;color:#eff8ff!important;}
.comment-form input,
.comment-form textarea,
.wall-composer-card textarea,
.profile-edit-card input,
.profile-edit-card textarea,
.profile-edit-card select{background:rgba(3,11,22,.72)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;}
.file-pill{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:16px!important;}
.reaction-btn,.react-btn{background:rgba(255,255,255,.09)!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;box-shadow:0 8px 22px rgba(0,0,0,.18)!important;}
.reaction-btn:hover,.react-btn:hover,.reaction-btn.active,.react-btn.active{background:linear-gradient(135deg,rgba(19,122,255,.58),rgba(255,79,216,.35))!important;color:#fff!important;transform:translateY(-1px);}
.reaction-users,.reaction-user-list,.reaction-tooltip,.reaction-popover{background:rgba(7,18,33,.98)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(0,0,0,.42)!important;}
.site-footer{width:min(1420px,calc(100% - 28px));margin:30px auto 0!important;border-radius:24px 24px 0 0!important;padding:22px!important;background:rgba(4,12,22,.72)!important;}
.footer-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-bottom:8px;}
.footer-links a{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);text-decoration:none;font-weight:850;}
/* Remove legal links from legacy nav caches visually, if an old cached layout is served */
.sidenav a[href="/privacy.php"],.sidenav a[href="/impressum.php"],.sidenav a[href="/contact.php"],
.mobile-bottom-nav a[href="/privacy.php"],.mobile-bottom-nav a[href="/impressum.php"],.mobile-bottom-nav a[href="/contact.php"]{display:none!important;}
/* Navigation manager */
.nav-manager-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin:18px 0;}
.nav-manager-item{display:flex;align-items:center;gap:12px;border-radius:18px!important;padding:14px!important;cursor:pointer;}
.nav-manager-item input{width:18px;height:18px;accent-color:#137aff;box-shadow:none!important;}
.nav-manager-item span{display:flex;flex-direction:column;gap:3px;}
.nav-manager-item strong{color:#fff!important;}
.nav-manager-item small{color:var(--pro-muted)!important;}
/* hard white catch for profile/wall only */
.profile-page-static [class*="card"],
.profile-page-static [class*="box"],
.profile-page-static [class*="panel"],
.wall-page [class*="card"],
.wall-page [class*="box"],
.wall-page [class*="panel"],
.wall-page-static [class*="card"],
.wall-page-static [class*="box"],
.wall-page-static [class*="panel"]{
  background-color:transparent!important;
}
.profile-page-static .card,
.wall-page .card,
.wall-page-static .card{background:linear-gradient(180deg,rgba(20,43,73,.94),rgba(7,18,33,.97))!important;color:#f4f9ff!important;}
@media (max-width:1100px){.wall-shell{grid-template-columns:1fr}.wall-online-card{order:3}.wall-welcome{order:1}.wall-feed-modern{order:2}}
@media (max-width:720px){.profile-modern-row{align-items:flex-start!important;gap:12px!important}.profile-actions{width:100%;justify-content:flex-start!important}.profile-avatar{width:96px!important;height:96px!important}.site-footer{margin-bottom:80px!important}.nav-manager-grid{grid-template-columns:1fr}}

/* FINAL FIX: Profilinfos - lange Links/URLs bleiben im Container */
.profile-info-card,
.profile-info-modern,
.profile-info-modern p,
.profile-info-modern p strong,
.profile-info-modern p a,
.profile-info-modern p span,
.profile-info-modern p em,
.profile-info-modern p code{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
.profile-info-modern p{
  overflow:hidden!important;
  white-space:normal!important;
}
.profile-info-modern p a,
.profile-info-card a{
  display:inline!important;
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  word-wrap:break-word!important;
  line-height:1.45!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:3px!important;
}
.profile-info-modern p strong{
  flex:0 0 auto!important;
}
@media(max-width:900px){
  .profile-info-modern p a,
  .profile-info-card a{
    overflow-wrap:anywhere!important;
    word-break:break-word!important;
  }
}


/* Finalfix: Profilbesucher + Chat-Anpinnen entfernt */
.chat-pinned-message,.msg-pin{display:none!important;}
.profile-visitors-modern,.visitor-page-card{background:linear-gradient(180deg,rgba(14,31,53,.96),rgba(6,17,31,.98))!important;border:1px solid var(--pro-line)!important;color:#eaf6ff!important;box-shadow:var(--pro-soft-shadow)!important;}
.visitor-mini-list,.visitor-list-modern{display:grid;gap:10px;}
.visitor-mini-row,.visitor-row-modern{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:18px;background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.10)!important;color:#eaf6ff!important;text-decoration:none!important;min-width:0;}
.visitor-mini-row:hover,.visitor-row-modern:hover{background:rgba(19,122,255,.16)!important;transform:translateY(-1px);}
.visitor-mini-row img,.visitor-row-modern img{width:44px;height:44px;border-radius:15px;object-fit:cover;border:2px solid rgba(255,255,255,.18);flex:0 0 auto;}
.visitor-mini-row span,.visitor-row-modern span{min-width:0;display:grid;gap:3px;}
.visitor-mini-row b,.visitor-row-modern b{color:#fff!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.visitor-mini-row small,.visitor-row-modern small{color:#9fb8d4!important;font-size:12px;}
.visitor-row-modern em{margin-left:auto;font-style:normal;font-weight:900;font-size:12px;border-radius:999px;padding:7px 10px;background:rgba(19,122,255,.16);border:1px solid rgba(255,255,255,.12);color:#cfe8ff;white-space:nowrap;}
.visitor-all-link{margin-top:12px;width:100%;justify-content:center;display:flex!important;}


/* Hugo Bot Avatar Final */
.msg.bot .chat-avatar{object-fit:cover!important;background:#061426!important;border:2px solid rgba(0,216,255,.72)!important;box-shadow:0 0 0 4px rgba(19,122,255,.16),0 0 22px rgba(0,216,255,.32)!important;}
.msg.bot .msg-name{color:#7de8ff!important;font-weight:900!important;}

/* Final: Storys direkt in der Pinnwand, Profilbearbeitung, Header-Logo und Favicon-Admin */
.topbar{
  min-height:76px!important;
  padding:10px 18px!important;
  background:linear-gradient(135deg,rgba(3,12,24,.98),rgba(9,30,58,.96),rgba(4,14,28,.98))!important;
  border-bottom:1px solid rgba(125,232,255,.18)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34), inset 0 -1px 0 rgba(255,255,255,.05)!important;
}
.brand{
  display:flex!important;
  align-items:center!important;
  gap:13px!important;
  min-width:0!important;
  color:#fff!important;
  font-weight:950!important;
  letter-spacing:.2px!important;
  text-decoration:none!important;
}
.brand img{
  width:auto!important;
  height:54px!important;
  max-width:220px!important;
  object-fit:contain!important;
  display:block!important;
  padding:5px 7px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(125,232,255,.22)!important;
  box-shadow:0 0 0 4px rgba(19,122,255,.10),0 12px 28px rgba(0,0,0,.28)!important;
}
.brand span{
  font-size:20px!important;
  line-height:1.05!important;
  color:#f7fbff!important;
  text-shadow:0 0 18px rgba(0,216,255,.30)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wall-stories-inline{
  background:linear-gradient(180deg,rgba(15,37,66,.96),rgba(6,18,34,.98))!important;
  border:1px solid rgba(125,232,255,.18)!important;
  box-shadow:0 18px 44px rgba(0,0,0,.28)!important;
}
.wall-stories-inline .story-tray-head{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:14px!important;
  margin-bottom:14px!important;
}
.wall-stories-inline h3{margin:0!important;color:#fff!important;font-size:22px!important;}
.wall-story-composer{
  display:grid!important;
  gap:12px!important;
  padding:14px!important;
  margin-bottom:16px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}
.wall-story-composer textarea{
  width:100%!important;
  min-height:58px!important;
  resize:vertical!important;
  color:#fff!important;
  background:rgba(2,10,22,.72)!important;
  border:1px solid rgba(125,232,255,.16)!important;
  border-radius:18px!important;
  padding:13px 15px!important;
  outline:none!important;
}
.story-tools-inline{align-items:center!important;flex-wrap:wrap!important;}
.wall-story-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important;
  gap:14px!important;
}
.wall-story-card{
  min-width:0!important;
  overflow:hidden!important;
  border-radius:24px!important;
  padding:13px!important;
  color:#fff!important;
  background:linear-gradient(160deg,var(--story-bg,#137aff),rgba(2,8,18,.92))!important;
  border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.26)!important;
}
.wall-story-card header{display:flex!important;align-items:center!important;gap:9px!important;margin-bottom:11px!important;min-width:0!important;}
.wall-story-card header img{width:38px!important;height:38px!important;border-radius:14px!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.35)!important;}
.wall-story-card header b{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#fff!important;}
.wall-story-card header time{margin-left:auto!important;font-size:12px!important;color:rgba(255,255,255,.75)!important;}
.wall-story-card .story-body{display:grid!important;gap:10px!important;}
.wall-story-card .story-body img,.wall-story-card .story-body video{width:100%!important;max-height:220px!important;object-fit:cover!important;border-radius:18px!important;background:#061426!important;}
.wall-story-card .story-body p{margin:0!important;overflow-wrap:anywhere!important;word-break:break-word!important;color:#fff!important;line-height:1.42!important;}
.wall-story-card .reaction-bar,.wall-story-card .reaction-summary{max-width:100%!important;overflow-wrap:anywhere!important;}
.story-delete-inline{margin-top:8px!important;}
.admin-brand-preview{display:flex;align-items:center;gap:12px;margin:8px 0 12px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.10);color:#d9ecff;}
.admin-brand-preview img{max-height:54px;max-width:180px;object-fit:contain;border-radius:12px;background:rgba(0,0,0,.18);padding:5px;}
.profile-actions .btn.secondary[href*="tab=edit"]{box-shadow:0 0 0 4px rgba(19,122,255,.10)!important;}
.profile-edit-card input,.profile-edit-card textarea,.profile-edit-card select{max-width:100%!important;}
@media(max-width:760px){
  .topbar{min-height:66px!important;padding:8px 12px!important;}
  .brand img{height:44px!important;max-width:150px!important;border-radius:15px!important;}
  .brand span{font-size:16px!important;}
  .wall-story-grid{grid-template-columns:1fr!important;}
}

/* =========================================================
   STORY WALL COMPACT FIX 2026-05-19
   Storys bleiben direkt in der Pinnwand, aber kompakt wie eine Story-Leiste.
   Reaktionen liegen unter dem Inhalt und überlagern nichts mehr.
   ========================================================= */
.wall-stories-inline{
  padding:16px!important;
  overflow:hidden!important;
}
.wall-stories-inline .story-tray-head{
  margin-bottom:10px!important;
}
.wall-stories-inline .story-tray-head p{
  display:none!important;
}
.wall-story-composer{
  padding:10px!important;
  margin-bottom:12px!important;
  border-radius:18px!important;
}
.wall-story-composer textarea{
  min-height:46px!important;
  max-height:92px!important;
  font-size:14px!important;
  padding:10px 12px!important;
}
.wall-story-composer .composer-tools,
.wall-story-composer .story-tools-inline{
  gap:8px!important;
}
.wall-story-composer .file-pill,
.wall-story-composer button,
.wall-story-composer input[type="color"]{
  min-height:36px!important;
  padding:8px 10px!important;
  font-size:12px!important;
}
.wall-story-grid{
  display:flex!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:2px 2px 10px!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
}
.wall-story-grid::-webkit-scrollbar{height:8px!important;}
.wall-story-grid::-webkit-scrollbar-thumb{background:rgba(19,122,255,.35)!important;border-radius:999px!important;}
.wall-story-card{
  flex:0 0 158px!important;
  width:158px!important;
  min-height:218px!important;
  max-height:none!important;
  padding:10px!important;
  border-radius:20px!important;
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
  scroll-snap-align:start!important;
  overflow:hidden!important;
}
.wall-story-card header{
  gap:7px!important;
  margin-bottom:0!important;
  flex:0 0 auto!important;
}
.wall-story-card header img{
  width:30px!important;
  height:30px!important;
  border-radius:11px!important;
}
.wall-story-card header b{
  font-size:12px!important;
  line-height:1.15!important;
}
.wall-story-card header time{
  font-size:10px!important;
}
.wall-story-card .story-body{
  flex:1 1 auto!important;
  min-height:0!important;
  gap:7px!important;
  overflow:hidden!important;
}
.wall-story-card .story-body img,
.wall-story-card .story-body video{
  height:92px!important;
  max-height:92px!important;
  min-height:92px!important;
  object-fit:cover!important;
  border-radius:14px!important;
  margin:0!important;
}
.wall-story-card .story-body p{
  font-size:12px!important;
  line-height:1.28!important;
  max-height:48px!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
}
.wall-story-card .reaction-line{
  position:static!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:5px!important;
  margin:0!important;
  padding-top:6px!important;
  border-top:1px solid rgba(255,255,255,.10)!important;
  flex-wrap:wrap!important;
  overflow:visible!important;
}
.wall-story-card .reaction-total{
  width:100%!important;
  order:1!important;
  font-size:10.5px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  color:rgba(235,247,255,.78)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.wall-story-card .reaction-users{
  display:none!important;
}
.wall-story-card .reaction-picker{
  order:2!important;
  display:flex!important;
  gap:3px!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  max-width:100%!important;
  padding-bottom:1px!important;
}
.wall-story-card .reaction-btn{
  flex:0 0 auto!important;
  width:25px!important;
  height:25px!important;
  min-width:25px!important;
  min-height:25px!important;
  padding:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1!important;
}
.wall-story-card .reaction-btn small{
  display:none!important;
}
.wall-story-card .story-delete-inline{
  margin-top:0!important;
  flex:0 0 auto!important;
}
.wall-story-card .story-delete-inline button{
  font-size:11px!important;
  padding:3px 0!important;
}
@media(max-width:760px){
  .wall-stories-inline{padding:12px!important;}
  .wall-story-card{flex-basis:142px!important;width:142px!important;min-height:206px!important;}
  .wall-story-card .story-body img,.wall-story-card .story-body video{height:82px!important;max-height:82px!important;min-height:82px!important;}
}


/* Notification-Zentrale */
.notification-center{background:linear-gradient(145deg,#081120,#101b33)!important;border:1px solid rgba(75,139,255,.25)!important;color:#eef5ff!important;box-shadow:0 22px 60px rgba(0,0,0,.35)!important;}
.notification-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px;padding:18px;border-radius:24px;background:radial-gradient(circle at top left,rgba(47,128,255,.35),transparent 38%),rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.notification-hero h1{margin:0;font-size:clamp(28px,4vw,46px);color:#fff!important}.notification-hero .muted,.notification-center .muted{color:#aebbd5!important}.notification-hero-stats{min-width:128px;text-align:center;padding:18px 22px;border-radius:22px;background:rgba(47,128,255,.18);border:1px solid rgba(94,169,255,.35)}.notification-hero-stats strong{display:block;font-size:42px;line-height:1;color:#7cc7ff}.notification-hero-stats span{font-weight:800;color:#cce6ff}.notification-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 14px;margin-bottom:8px}.notification-tabs a{white-space:nowrap;text-decoration:none;color:#cfe0ff!important;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);border-radius:999px;padding:10px 14px;font-weight:800}.notification-tabs a.active{background:linear-gradient(135deg,#137aff,#6fd3ff);color:#fff!important;box-shadow:0 10px 28px rgba(19,122,255,.3)}.notification-tabs span{margin-left:6px;opacity:.8}.notification-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 18px}.notification-list-pro{display:grid;gap:12px}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:22px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);transition:.18s}.notification-row:hover{transform:translateY(-1px);border-color:rgba(111,211,255,.35);background:rgba(255,255,255,.085)}.notification-row.is-unread{box-shadow:inset 4px 0 0 #37b6ff;background:linear-gradient(90deg,rgba(47,128,255,.16),rgba(255,255,255,.055))}.notification-main{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0;flex:1}.notification-avatar{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;overflow:hidden;background:rgba(47,128,255,.18);border:1px solid rgba(111,211,255,.35);flex:0 0 auto}.notification-avatar img{width:100%;height:100%;object-fit:cover}.notification-avatar b{font-size:22px}.notification-copy{min-width:0}.notification-copy strong{display:block;color:#fff!important;line-height:1.28;overflow-wrap:anywhere}.notification-copy small{display:block;color:#aebbd5;margin-top:5px}.notification-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.notification-actions form{margin:0}.notification-actions button{border:0;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.09);color:#dceaff;font-weight:800;cursor:pointer}.notification-actions .danger-text{color:#ff7a9a}.notification-empty{text-align:center;padding:48px 20px;border:1px dashed rgba(111,211,255,.25);border-radius:24px;background:rgba(255,255,255,.035)}.notification-empty div{font-size:48px}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin:18px 0}.admin-stat-grid div{padding:18px;border-radius:20px;background:linear-gradient(145deg,rgba(19,122,255,.14),rgba(255,255,255,.05));border:1px solid rgba(111,211,255,.2)}.admin-stat-grid strong{display:block;font-size:32px;color:#7cc7ff}.admin-stat-grid span{font-weight:800;color:#cfe0ff}.admin-two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.toggle-line{display:flex!important;align-items:center;gap:10px;margin:10px 0!important}.toggle-line input{width:auto!important}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0 8px}.admin-table th{text-align:left;color:#9db3d5}.admin-table td,.admin-table th{padding:10px 12px}.admin-table td{background:rgba(255,255,255,.06);color:#eef5ff}.admin-table tr td:first-child{border-radius:12px 0 0 12px}.admin-table tr td:last-child{border-radius:0 12px 12px 0}@media(max-width:760px){.notification-row{align-items:flex-start;flex-direction:column}.notification-actions{width:100%;justify-content:flex-start}.notification-avatar{width:42px;height:42px}.notification-toolbar .btn,.notification-toolbar button{width:100%}}

/* Projektweiter Button-Textfix: blaue/runde Aktionsbuttons zu klaren Textaktionen */
main a.btn,
main button,
.card a.btn,
.card button,
.admin-wrap a.btn,
.admin-wrap button,
.admin-main a.btn,
.admin-main button,
.admin-content a.btn,
.admin-content button,
.wall-page a.btn,
.wall-page button,
.chat-shell a.btn,
.chat-shell button,
.messages-page a.btn,
.messages-page button,
.events-page a.btn,
.events-page button,
.schedule-hero a.btn,
.schedule-hero button,
.schedule-tabs a,
.composer-tools button,
.mail-reply-tools button,
.chat-input button,
.post-submit,
.secondary,
.danger-btn,
.link-btn,
.text-action{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  padding:0 2px!important;
  margin:0 8px 0 0!important;
  color:#8ec5ff!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.35!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  cursor:pointer!important;
  vertical-align:baseline!important;
  position:relative!important;
  transform:none!important;
}
main a.btn::after,
main button::after,
.card a.btn::after,
.card button::after,
.admin-wrap a.btn::after,
.admin-wrap button::after,
.admin-main a.btn::after,
.admin-main button::after,
.admin-content a.btn::after,
.admin-content button::after,
.composer-tools button::after,
.mail-reply-tools button::after,
.chat-input button::after,
.post-submit::after,
.secondary::after,
.danger-btn::after,
.link-btn::after,
.text-action::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-2px;
  height:1px;
  background:linear-gradient(90deg,transparent,#58b7ff,transparent);
  opacity:.5;
}
main a.btn:hover,
main button:hover,
.card a.btn:hover,
.card button:hover,
.admin-wrap a.btn:hover,
.admin-wrap button:hover,
.admin-main a.btn:hover,
.admin-main button:hover,
.admin-content a.btn:hover,
.admin-content button:hover,
.composer-tools button:hover,
.mail-reply-tools button:hover,
.chat-input button:hover,
.post-submit:hover,
.secondary:hover,
.danger-btn:hover,
.link-btn:hover,
.text-action:hover{
  color:#ffffff!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
/* Ausnahmen: Navigation, Avatare, Emoji-Auswahl, Reaktionen, Lightbox/Modals bleiben funktional */
.topbar button,.topbar a,.sidenav button,.sidenav a,.mobile-bottom-nav a,.navHandle,.hamburgerTop,.closeNav,
.emoji-bar button,.reaction-btn,.react-btn,.giphy-result,.community-lightbox-close,.notification-avatar,
.story-reaction-btn,.wall-story-card .reaction-btn{
  border-radius:inherit!important;
}
.emoji-bar button,.reaction-btn,.react-btn,.giphy-result,.community-lightbox-close,
.wall-story-card .reaction-btn{
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  padding:6px 9px!important;
  margin:2px!important;
  box-shadow:none!important;
  color:#fff!important;
}
.emoji-bar button::after,.reaction-btn::after,.react-btn::after,.giphy-result::after,.community-lightbox-close::after,
.wall-story-card .reaction-btn::after,.topbar button::after,.topbar a::after,.sidenav button::after,.sidenav a::after,.mobile-bottom-nav a::after,.navHandle::after,.hamburgerTop::after,.closeNav::after{display:none!important;content:none!important;}
/* Datei-Upload-Pills neutraler machen, damit sie nicht wie blaue Buttons wirken */
.file-pill{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#8ec5ff!important;
  padding:0 2px!important;
  font-weight:850!important;
  text-decoration:none!important;
  position:relative!important;
}
.file-pill::after{content:'';position:absolute;left:0;right:0;bottom:-2px;height:1px;background:linear-gradient(90deg,transparent,#58b7ff,transparent);opacity:.5;}
.file-pill:hover{color:#fff!important;}
/* Spezifische Toolbars sauber umbrechen */
.composer-tools,.story-tools-inline,.mail-reply-tools,.events-hero-actions,.notification-toolbar,.actions{
  gap:12px!important;
  align-items:center!important;
  flex-wrap:wrap!important;
}
.chat-input button[type="submit"]::before{content:'Senden';}

/* FINAL REALFIX 2026-05-20: falls pro-redesign später lädt, Chat-Icon-Hintergründe trotzdem entfernen */
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{
  appearance:none!important;-webkit-appearance:none!important;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:6px 4px!important;margin:0!important;color:#a9cfff!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;overflow:visible!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{content:none!important;display:none!important;background:none!important;box-shadow:none!important;border:0!important;}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool 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;height:auto!important;padding:0!important;margin:0!important;color:#a9cfff!important;font-size:25px!important;line-height:1!important;}
body.chat-page-static #chatForm.chat-composer > .chat-text-tool span{display:none!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;
  }
}

/* =========================================================
   HOTFIX 2026-05-20: Side-Menü sichtbar + Chat-Nachrichten repariert
   ========================================================= */
/* Nur oberes Burgermenü behalten, mit sichtbarem Hintergrund */
.navHandle{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.hamburgerTop{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  padding:0!important;
  border-radius:15px!important;
  background:linear-gradient(135deg,#172744,#0a1428)!important;
  color:#eef7ff!important;
  border:1px solid rgba(126,200,255,.28)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34)!important;
  position:relative!important;
  z-index:7005!important;
  cursor:pointer!important;
}
.hamburgerTop:hover{
  background:linear-gradient(135deg,#20385f,#101d35)!important;
  color:#7ec8ff!important;
  transform:none!important;
}
.sidenav{
  background:#07111f!important;
  background-image:linear-gradient(180deg,#0b1830 0%,#07111f 55%,#050b14 100%)!important;
  color:#eef7ff!important;
  border-right:1px solid rgba(126,200,255,.16)!important;
  box-shadow:30px 0 80px rgba(0,0,0,.55)!important;
  z-index:7000!important;
  opacity:1!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.sidenav.open{
  left:0!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.sidenav a{
  background:rgba(255,255,255,.045)!important;
  color:#eaf3ff!important;
  border:1px solid rgba(255,255,255,.075)!important;
  box-shadow:none!important;
}
.sidenav a:hover{
  background:rgba(126,200,255,.10)!important;
  color:#fff!important;
}
.nav-overlay{
  position:fixed!important;
  inset:0!important;
  background:rgba(0,0,0,.62)!important;
  z-index:6990!important;
  backdrop-filter:blur(3px)!important;
}
.closeNav{
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.14)!important;
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Chat-Struktur komplett zurücksetzen: keine Überlagerungen, alles untereinander */
body.chat-page-static .chat-box{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:12px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:16px!important;
  position:relative!important;
}
body.chat-page-static .msg,
body.chat-page-static .msg.modern-msg,
body.chat-page-static .modern-msg,
body.chat-page-static .msg.user,
body.chat-page-static .msg.bot,
body.chat-page-static .msg.system,
body.chat-page-static .msg.own-message{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  float:none!important;
  clear:both!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:10px!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  z-index:auto!important;
}
body.chat-page-static .msg-avatar-wrap{
  display:block!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  height:auto!important;
  margin:0!important;
  position:relative!important;
  z-index:1!important;
}
body.chat-page-static .chat-avatar{
  width:42px!important;
  height:42px!important;
  border-radius:50%!important;
  object-fit:cover!important;
  display:block!important;
}
body.chat-page-static .msg-bubble{
  position:relative!important;
  flex:1 1 auto!important;
  width:auto!important;
  max-width:calc(100% - 52px)!important;
  min-width:0!important;
  height:auto!important;
  min-height:0!important;
  margin:0!important;
  padding:12px 14px!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.065)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.16)!important;
  color:#eef7ff!important;
  overflow:visible!important;
  transform:none!important;
}
body.chat-page-static .modern-msg.own-message .msg-bubble,
body.chat-page-static .msg.own-message .msg-bubble{
  background:linear-gradient(135deg,rgba(88,101,242,.22),rgba(0,216,255,.09))!important;
  border-color:rgba(126,200,255,.22)!important;
}
body.chat-page-static .msg.bot .msg-bubble,
body.chat-page-static .modern-msg.bot .msg-bubble,
body.chat-page-static .msg.system .msg-bubble,
body.chat-page-static .modern-msg.system .msg-bubble{
  background:rgba(95,85,255,.14)!important;
  border-color:rgba(126,200,255,.20)!important;
  color:#eef7ff!important;
  text-align:left!important;
  border-radius:18px!important;
}
body.chat-page-static .msg.system .msg-avatar-wrap,
body.chat-page-static .modern-msg.system .msg-avatar-wrap{
  display:block!important;
}
body.chat-page-static .msg-meta{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  width:100%!important;
  margin:0 0 7px 0!important;
  min-width:0!important;
}
body.chat-page-static .msg-meta-left{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  flex:1 1 auto!important;
  flex-wrap:wrap!important;
}
body.chat-page-static .msg-meta-right{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:9px!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  min-width:max-content!important;
}
body.chat-page-static .msg-name{
  color:#fff!important;
  font-weight:900!important;
  white-space:nowrap!important;
}
body.chat-page-static .msg-time{
  color:#a8badb!important;
  font-size:12px!important;
  margin:0!important;
  white-space:nowrap!important;
}
body.chat-page-static .msg-text{
  color:#eef7ff!important;
  line-height:1.45!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
  margin:0!important;
  padding:0!important;
  font-size:14px!important;
}
body.chat-page-static .chat-media{
  display:block!important;
  max-width:min(360px,100%)!important;
  height:auto!important;
  margin-top:8px!important;
  border-radius:14px!important;
}
body.chat-page-static .msg-action.msg-reply,
body.chat-page-static .msg-action.msg-delete{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:0!important;
  height:auto!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;
  color:#b9c9ec!important;
  font-size:14px!important;
  line-height:1!important;
  text-decoration:none!important;
}
body.chat-page-static .msg-action.msg-reply:hover{color:#7ec8ff!important;text-decoration:none!important;}
body.chat-page-static .msg-action.msg-delete:hover{color:#ff8fa3!important;text-decoration:none!important;}
body.chat-page-static .chat-report-text{
  display:inline-flex!important;
  margin-top:7px!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  color:#9fb2d4!important;
  font-size:12px!important;
  font-weight:800!important;
}

@media(max-width:700px){
  body.chat-page-static .chat-box{padding:10px!important;gap:10px!important;}
  body.chat-page-static .msg,
  body.chat-page-static .msg.modern-msg{gap:8px!important;}
  body.chat-page-static .msg-avatar-wrap{flex-basis:34px!important;width:34px!important;min-width:34px!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;padding:10px 11px!important;border-radius:16px!important;}
  body.chat-page-static .msg-meta{align-items:flex-start!important;gap:5px!important;}
  body.chat-page-static .msg-meta-right{gap:8px!important;}
  body.chat-page-static .msg-text{font-size:13.5px!important;}
}

/* =========================================================
   ADMIN PRO REDESIGN 2026
   Professionelle Struktur, klare Gruppen, weniger 0815
========================================================= */
.admin-pro-page{max-width:1560px;margin:24px auto;padding:0 18px;display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;align-items:start}.admin-pro-sidebar{position:sticky;top:88px;border:1px solid rgba(125,160,220,.22);background:linear-gradient(180deg,rgba(13,24,45,.96),rgba(8,17,32,.98));border-radius:28px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06);color:#eaf2ff}.admin-pro-brand{display:flex;gap:12px;align-items:center;padding:10px 10px 18px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.admin-pro-brand strong{display:block;font-size:18px}.admin-pro-brand small{display:block;color:#8ea5c6;font-size:12px;margin-top:2px}.admin-pro-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed,#00b7ff);box-shadow:0 0 28px rgba(0,183,255,.28)}.admin-pro-side-group{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.055)}.admin-pro-side-group:last-child{border-bottom:0}.admin-pro-side-group>b{display:block;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#7188ab;margin:8px 10px}.admin-pro-side-group a{display:flex;align-items:center;gap:10px;padding:11px 12px;margin:3px 0;border-radius:15px;color:#cdd9ee;transition:.18s ease}.admin-pro-side-group a i{width:20px;text-align:center;color:#8bb8ff}.admin-pro-side-group a:hover,.admin-pro-side-group a.active{background:rgba(82,121,255,.16);color:#fff;transform:translateX(2px)}.admin-pro-side-group a.active{box-shadow:inset 3px 0 0 #00b7ff}.admin-pro-main{min-width:0}.admin-pro-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px;border:1px solid rgba(125,160,220,.18);background:linear-gradient(135deg,rgba(17,34,62,.9),rgba(10,20,38,.96));border-radius:30px;padding:24px 26px;box-shadow:0 20px 70px rgba(0,0,0,.22)}.admin-pro-topline h1{font-size:34px;margin:0;color:#fff}.admin-pro-topline .muted{max-width:820px;color:#9eb2d2}.admin-pro-actions{display:flex;gap:10px;flex-wrap:wrap}.admin-pro-primary,.admin-pro-ghost{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 16px;font-weight:800;border:1px solid rgba(255,255,255,.12)}.admin-pro-primary{background:linear-gradient(135deg,#7c3aed,#00b7ff);color:#fff;box-shadow:0 12px 28px rgba(0,183,255,.18)}.admin-pro-ghost{background:rgba(255,255,255,.06);color:#dce8ff}.admin-pro-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.admin-pro-section-card{border:1px solid rgba(125,160,220,.18);background:linear-gradient(180deg,rgba(17,34,62,.82),rgba(8,18,34,.92));border-radius:28px;padding:18px;box-shadow:0 18px 60px rgba(0,0,0,.2)}.admin-pro-section-card header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);padding-bottom:13px;margin-bottom:14px}.admin-pro-section-card h2{margin:0;color:#fff;font-size:20px}.admin-pro-section-card header span{color:#8fa4c4;font-size:13px}.admin-pro-link-grid{display:grid;gap:10px}.admin-pro-link-grid a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);transition:.18s ease}.admin-pro-link-grid a:hover{background:rgba(0,183,255,.09);border-color:rgba(0,183,255,.24);transform:translateY(-1px)}.admin-pro-link-grid i{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;color:#78c8ff;background:rgba(120,200,255,.1)}.admin-pro-link-grid strong{display:block;color:#fff;font-size:15px}.admin-pro-link-grid small{display:block;color:#8fa4c4;line-height:1.35;margin-top:2px}.admin-pro-link-grid em{font-style:normal;font-size:11px;font-weight:900;color:#fff;background:rgba(124,58,237,.38);border:1px solid rgba(178,142,255,.28);border-radius:999px;padding:5px 8px}.admin-dashboard-pro{display:grid;gap:18px}.admin-dashboard-hero{border-radius:30px;padding:26px;background:radial-gradient(circle at 15% 0%,rgba(0,183,255,.25),transparent 34%),linear-gradient(135deg,rgba(18,36,68,.96),rgba(11,21,38,.98));border:1px solid rgba(125,160,220,.18);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#fff}.admin-dashboard-hero h2{font-size:32px;margin:0 0 8px}.admin-dashboard-hero p{color:#9fb3d2;margin:0}.admin-dashboard-hero a{display:inline-flex;gap:8px;align-items:center;border-radius:999px;padding:13px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-weight:800}.admin-kpi-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.admin-kpi-grid article{border-radius:24px;padding:18px;background:linear-gradient(180deg,rgba(18,35,62,.94),rgba(10,20,38,.98));border:1px solid rgba(125,160,220,.18);color:#fff}.admin-kpi-grid article i{color:#7bcaff;margin-bottom:12px;font-size:19px}.admin-kpi-grid article strong{display:block;font-size:32px;line-height:1}.admin-kpi-grid article span{display:block;color:#9dafce;font-size:13px;margin-top:6px}.admin-kpi-grid article.danger{border-color:rgba(255,89,120,.45);box-shadow:0 0 0 1px rgba(255,89,120,.14)}.admin-dashboard-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:18px}.admin-panel-pro{border-radius:26px;padding:20px;background:linear-gradient(180deg,rgba(18,35,62,.86),rgba(10,20,38,.96));border:1px solid rgba(125,160,220,.18)}.admin-panel-pro h3{color:#fff;margin-top:0}.admin-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-quick-actions a{display:flex;align-items:center;gap:10px;border-radius:18px;padding:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#dce8ff}.admin-quick-actions a i{color:#78c8ff}.admin-log-list{display:grid;gap:8px}.admin-log-list div{display:grid;grid-template-columns:120px minmax(0,1fr) 140px;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding:8px 0}.admin-log-list strong{color:#fff}.admin-log-list span{color:#cbd8ee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-log-list small{color:#7f92b2;text-align:right}.admin-users-modern .admin-user-card{background:linear-gradient(180deg,rgba(17,34,62,.9),rgba(8,18,34,.96))!important;border-color:rgba(125,160,220,.18)!important}.admin-users-modern input,.admin-users-modern select,.admin-users-modern textarea{background:rgba(6,14,27,.72)!important;border-color:rgba(125,160,220,.24)!important;color:#eaf2ff!important}.admin-users-modern label span{color:#9db2d0}.admin-user-actions button,.admin-user-actions a{border-radius:999px!important}.user-state-pill.locked{background:rgba(255,89,120,.18)!important;color:#ff9bad!important;border:1px solid rgba(255,89,120,.32)}@media(max-width:1200px){.admin-pro-page{grid-template-columns:1fr}.admin-pro-sidebar{position:relative;top:0}.admin-pro-section-grid{grid-template-columns:1fr}.admin-kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.admin-pro-page{padding:0 10px;margin:12px auto}.admin-pro-topline,.admin-dashboard-hero{flex-direction:column;align-items:flex-start;border-radius:22px}.admin-pro-topline h1{font-size:26px}.admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-dashboard-columns{grid-template-columns:1fr}.admin-quick-actions{grid-template-columns:1fr}.admin-log-list div{grid-template-columns:1fr}.admin-log-list small{text-align:left}.admin-pro-link-grid a{grid-template-columns:38px 1fr}.admin-pro-link-grid em{grid-column:2}}

/* =========================================================
   REAL CHAT REPAIR 2026-05-20
   Nachrichten dürfen sich nicht zusammenziehen/überlagern.
   Sidebar links breiter. Login bleibt Fullpage ohne Scroll.
========================================================= */
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;
  align-items:stretch!important;
  gap:22px!important;
  width:min(1780px,calc(100vw - 32px))!important;
  margin:0 auto!important;
}
body.chat-page-static .chat-sidebar,
body.chat-page-static .chat-combined-panel{
  width:100%!important;
  min-width:390px!important;
  max-width:460px!important;
}
body.chat-page-static .chat-room-card,
body.chat-page-static .modern-chat-room{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
body.chat-page-static #chatBox.chat-box{
  flex:1 1 auto!important;
  display:block!important;
  height: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;
  grid-auto-rows:auto!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 0!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;
  grid-row:1!important;
  width:52px!important;
  min-width:52px!important;
  height:52px!important;
  position:relative!important;
  z-index:2!important;
  margin:0!important;
  padding:0!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;
  grid-row:1!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 .role-badge,
body.chat-page-static #chatBox.chat-box .age-badge,
body.chat-page-static #chatBox.chat-box .gender-icon{
  flex:0 0 auto!important;
  margin:0!important;
  vertical-align:middle!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;}
}
/* Login/Startseite: Fullpage bleibt ohne Scroll, auch wenn OnAir/Radio-Elemente aktiv sind */
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;}