/* ============================================================
   MagicTalk v27.15 – Systemweiter Magic-Hit-Radio Neon Feinschliff
   Wird nur geladen, wenn die Vorlage mhr_neon aktiv ist.
   ============================================================ */
:root{
  --mt15-black:#000;
  --mt15-black2:#02060d;
  --mt15-input:#03101c;
  --mt15-blue:#009cff;
  --mt15-blue2:#008fff;
  --mt15-cyan:#00eaff;
  --mt15-text:#effcff;
  --mt15-muted:#8fcbe1;
  --mt15-border:2px solid var(--mt15-blue);
  --mt15-glow:0 0 7px rgba(0,156,255,.52),0 0 18px rgba(0,132,255,.20),inset 0 0 12px rgba(0,132,255,.045);
  --mt15-btn-bg:linear-gradient(180deg,rgba(0,3,8,.99),rgba(0,8,18,.97));
  --mt15-btn-hover:linear-gradient(180deg,rgba(0,55,98,.88),rgba(0,15,34,.84));
}
html{scrollbar-color:#087fc5 #01050b;scrollbar-width:thin}
body{color:var(--mt15-text)}
*{scrollbar-color:#087fc5 #01050b}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:#01050b}
*::-webkit-scrollbar-thumb{background:#075f98;border:2px solid #01050b;border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:#00a8ef}

/* Chat: alle noch übrigen Fenster/Popups auf denselben schwarzen Neon-Look bringen. */
body.chat-scene-v21 :is(
  .announcement-dialog-v2421,.announcement-window-v2421,
  .chat-help-dialog-v2424,.chat-help-window-v2424,
  .chat-essentials-card-v2417,.history-search-card-v2416,
  .community-dialog-v2678,.community-pane-v2678,
  .mobile-menu-sheet-v2419,.mobile-menu-panel-v2419,
  .navigation-frame-dialog-v2575,.ndmodal-window-v2566,
  .notification-panel,.notification-panel-v2494,
  .giphy-panel-v2436,.giphy-panel-v2637,
  .youtube-panel-v2594,.youtube-pane-v2595,
  .user-menu,.modal-card,
  .service-info-dialog-v2434,.service-info-card-v2434,
  .gift-dialog-v2411,.gift-window-v2411,
  .report-dialog-v2414,.report-window-v2414,
  .image-upload-dialog-v2415,.voice-dialog-v2415,
  .format-menu,.format-toolbar,
  .chat-font-dialog-v2641,.chat-font-window-v2641
){
  background:#000!important;
  border:var(--mt15-border)!important;
  border-radius:14px!important;
  color:var(--mt15-text)!important;
  box-shadow:var(--mt15-glow)!important;
}
body.chat-scene-v21 :is(
  .announcement-head-v2421,.announcement-body-v2421,.announcement-foot-v2421,
  .chat-help-head-v2424,.chat-help-content-v2424,.chat-help-foot-v2424,
  .community-dialog-head-v2678,.community-dialog-body-v2678,
  .notification-head-v2494,.notification-list-v2494,.notification-settings-v2676,
  .giphy-head-v2436,.giphy-results-v2436,.youtube-head-v2594,.youtube-results-v2595,
  .mobile-menu-head-v2419,.ndmodal-bottom-v2566,.ndmodal-pane-v2566
){background:#000!important;border-color:rgba(0,156,255,.48)!important;color:var(--mt15-text)!important}

/* Innere Karten, Reiter und Inhaltsblöcke */
body.chat-scene-v21 :is(
  .chat-help-section-v2424,.chat-help-feature-v2571,.help-feature-v2571,
  .help-release-card-v2579,.help-project-card-v2597,.guide-card-v2678,
  .member-card-count-v2678,.greeting-card-list-v2678,
  .notification-settings-v2676,.notification-prefs-grid-v2676,
  .youtube-preview-v2594,.youtube-selected-v2595,.giphy-info-v2436,
  .ndmodal-preview-v2566,.ndmodal-choice-v2566,.chat-font-effect-card-v2646,
  .chat-font-family-card-v2641,.history-search-panel-v2416
){
  background:linear-gradient(180deg,rgba(0,7,16,.96),rgba(0,3,8,.99))!important;
  border:1px solid rgba(0,156,255,.58)!important;
  border-radius:11px!important;
  color:var(--mt15-text)!important;
  box-shadow:inset 0 0 9px rgba(0,132,255,.04)!important;
}

/* Tabs, Menüs und alle Aktionsbuttons wie linke Navigation */
body.chat-scene-v21 :is(
  .announcement-ok-v2421,.announcement-close-v2421,
  .chat-help-close-v2424,.chat-help-ok-v2424,.chat-help-nav-v2424 button,.chat-help-mobile-nav-v2424 button,
  .community-tabs-v2678 button,.giphy-type-tab-v2637,.youtube-tabs-v2595 button,
  .youtube-send-v2594,.youtube-actions-v2594 button,
  .ndmodal-tabs-v2566 button,.ndmodal-save-v2566,.ndmodal-reset-v2573,.ndmodal-close-v2566,
  .notification-head-actions-v2675 button,.notification-settings-v2676 button,
  .mobile-menu-grid-v2419 button,.mobile-menu-grid-v2419 a,
  .user-menu button,.user-menu a,.modal-card button,.modal-card a.button,
  .format-toolbar button,.format-menu button
){
  background:var(--mt15-btn-bg)!important;
  border:2px solid var(--mt15-blue2)!important;
  border-radius:9px!important;
  color:var(--mt15-text)!important;
  box-shadow:0 0 5px rgba(0,145,255,.45),inset 0 0 7px rgba(0,132,255,.05)!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
body.chat-scene-v21 :is(
  .announcement-ok-v2421,.announcement-close-v2421,
  .chat-help-close-v2424,.chat-help-ok-v2424,.chat-help-nav-v2424 button,.chat-help-mobile-nav-v2424 button,
  .community-tabs-v2678 button,.giphy-type-tab-v2637,.youtube-tabs-v2595 button,
  .youtube-send-v2594,.youtube-actions-v2594 button,
  .ndmodal-tabs-v2566 button,.ndmodal-save-v2566,.ndmodal-reset-v2573,.ndmodal-close-v2566,
  .notification-head-actions-v2675 button,.notification-settings-v2676 button,
  .mobile-menu-grid-v2419 button,.mobile-menu-grid-v2419 a,
  .user-menu button,.user-menu a,.modal-card button,.modal-card a.button,
  .format-toolbar button,.format-menu button
):hover{
  background:var(--mt15-btn-hover)!important;
  border-color:var(--mt15-cyan)!important;
  color:#fff!important;
  box-shadow:0 0 8px rgba(0,234,255,.72),0 0 16px rgba(0,132,255,.28)!important;
}

/* Eingaben in sämtlichen Dialogen */
body.chat-scene-v21 :is(
  .announcement-window-v2421,.chat-help-window-v2424,.community-dialog-v2678,
  .notification-panel-v2494,.giphy-panel-v2436,.youtube-panel-v2594,
  .ndmodal-window-v2566,.modal-card,.user-menu,.mobile-menu-sheet-v2419
) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
  background:var(--mt15-input)!important;
  border:2px solid #176da8!important;
  color:var(--mt15-text)!important;
  border-radius:9px!important;
}
body.chat-scene-v21 :is(input,select,textarea):focus{outline:none!important;border-color:var(--mt15-cyan)!important;box-shadow:0 0 8px rgba(0,223,255,.25)!important}

/* Mobilnavigation ebenfalls konsistent */
body.chat-scene-v21 .mobile-bottom-nav-v2682,
body.chat-scene-v21 .mobile-bottom-nav-v2684,
body.chat-scene-v21 .mobile-bottom-nav-v2687{background:#000!important;border-top:2px solid var(--mt15-blue)!important;box-shadow:0 -3px 14px rgba(0,132,255,.17)!important}
body.chat-scene-v21 [class*="mobile-bottom-nav"] button{background:#000!important;border:1px solid rgba(0,143,255,.55)!important;color:#c9f7ff!important}
body.chat-scene-v21 [class*="mobile-bottom-nav"] button.is-active{border-color:var(--mt15-cyan)!important;color:#fff!important;box-shadow:0 0 8px rgba(0,234,255,.35)!important}

/* Allgemeine Seiten, die style.css nutzen: Gruppen, Profil-Unterseiten, Ranglisten usw. */
:is(.admin-wrap,.group-chat-wrap,.leaderboard-shell-v2468,.staff-shell-v2469,.sg-wrap,.profile-wrap,.profile-shell-v16){color:var(--mt15-text)!important}
:is(.admin-wrap,.group-chat-wrap,.leaderboard-shell-v2468,.staff-shell-v2469,.sg-wrap,.profile-wrap,.profile-shell-v16) :is(.panel,.card,[class*="-card"],[class*="-panel"],[class*="-box"]){
  background:#000!important;border:2px solid var(--mt15-blue)!important;color:var(--mt15-text)!important;box-shadow:var(--mt15-glow)!important
}
:is(.admin-wrap,.group-chat-wrap,.leaderboard-shell-v2468,.staff-shell-v2469,.sg-wrap,.profile-wrap,.profile-shell-v16) :is(button,.button,.btn,.button-link,a[class*="-back"],a[class*="-profile"],a[class*="-btn"]){
  background:var(--mt15-btn-bg)!important;border:2px solid var(--mt15-blue2)!important;border-radius:9px!important;color:var(--mt15-text)!important;font-weight:800!important;text-decoration:none!important;box-shadow:0 0 5px rgba(0,145,255,.42)!important
}
:is(.admin-wrap,.group-chat-wrap,.leaderboard-shell-v2468,.staff-shell-v2469,.sg-wrap,.profile-wrap,.profile-shell-v16) :is(button,.button,.btn,.button-link,a[class*="-back"],a[class*="-profile"],a[class*="-btn"]):hover{
  background:var(--mt15-btn-hover)!important;border-color:var(--mt15-cyan)!important;box-shadow:0 0 8px rgba(0,234,255,.68)!important;color:#fff!important
}
:is(.admin-wrap,.group-chat-wrap,.leaderboard-shell-v2468,.staff-shell-v2469,.sg-wrap,.profile-wrap,.profile-shell-v16) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){background:var(--mt15-input)!important;border:2px solid #176da8!important;color:var(--mt15-text)!important;border-radius:9px!important}

/* Gruppenchat */
.group-chat-wrap{background:#000!important;border:2px solid var(--mt15-blue)!important;border-radius:14px!important;box-shadow:var(--mt15-glow)!important}
.group-chat-wrap header,#groupMessages,#groupForm{background:#000!important;border-color:rgba(0,156,255,.48)!important}
#groupMessages .msg{background:rgba(0,8,18,.94)!important;border:1px solid rgba(0,143,255,.42)!important;border-radius:9px!important}

/* Tabellen auf normalen Seiten */
body table{border-color:var(--mt15-blue)!important;background:#000!important}
body th{background:#020811!important;color:#c7f8ff!important;border-color:#14537f!important}
body td{background:#000!important;border-color:#123653!important;color:#e7f9ff!important}
body tr:hover td{background:#03101c!important}

/* Hinweise */
.success{background:#02150d!important;border:1px solid #24c977!important;color:#79f3ae!important}
.error{background:#1b0408!important;border:1px solid #ff5263!important;color:#ff9cab!important}


/* ============================================================
   MagicTalk v27.30 – Mobile-Feinschliff + PN Standard-Smilies
   ============================================================ */
#memberTopPanelV2508 .member-actions-v2527>a,
#memberTopPanelV2508 .member-actions-v2527>button,
#memberTopPanelV2508 .member-actions-v2527>div>button{
  font-size:14px!important;
  font-weight:850!important;
  line-height:1.25!important;
}
#memberTopPanelV2508 .member-actions-v2527 span{font-size:14px!important}

.pm-emoji-toggle-v2730{
  flex:0 0 42px!important;width:42px!important;height:42px!important;min-width:42px!important;
  padding:0!important;border:2px solid #008fff!important;border-radius:10px!important;
  background:linear-gradient(180deg,#000,#02060d 55%,#000)!important;color:#fff!important;
  font-size:21px!important;line-height:1!important;box-shadow:0 0 5px rgba(0,145,255,.5)!important;cursor:pointer!important;
}
.pm-emoji-toggle-v2730:hover,.pm-emoji-toggle-v2730[aria-expanded="true"]{border-color:#00eaff!important;box-shadow:0 0 9px rgba(0,234,255,.65)!important}
.pm-emoji-panel-v2730{display:grid;grid-template-columns:repeat(10,minmax(34px,1fr));gap:5px;margin:7px 0 2px;padding:9px;border:2px solid #009cff;border-radius:11px;background:#000;box-shadow:0 0 9px rgba(0,156,255,.28);max-height:180px;overflow:auto}
.pm-emoji-panel-v2730[hidden]{display:none!important}
.pm-emoji-v2730{display:grid!important;place-items:center!important;min-width:0!important;height:36px!important;padding:0!important;border:1px solid #154e7c!important;border-radius:8px!important;background:#03070d!important;font-size:21px!important;cursor:pointer!important;box-shadow:none!important}
.pm-emoji-v2730:hover{border-color:#00eaff!important;background:#05213a!important;transform:translateY(-1px);box-shadow:0 0 7px rgba(0,234,255,.35)!important}

@media(max-width:900px){
  html,body{max-width:100%!important;overflow-x:hidden!important}
  body.chat-scene-v21{padding:3px!important;background-attachment:scroll!important}
  body.chat-scene-v21 .app.app-v14{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding-bottom:74px!important}
  body.chat-scene-v21 .chat-header{min-height:48px!important;padding:5px 7px!important;border-radius:9px!important}
  body.chat-scene-v21 .brand-title{font-size:15px!important}
  body.chat-scene-v21 .brand-sub{font-size:8.5px!important}
  body.chat-scene-v21 .grid{width:100%!important;max-width:100%!important;min-width:0!important;gap:4px!important}
  body.chat-scene-v21 .chat-main{min-width:0!important;width:100%!important;border-radius:9px!important}
  body.chat-scene-v21 #messages{padding:6px!important;scroll-padding-bottom:80px!important}
  body.chat-scene-v21 #messages .msg{padding:7px!important;margin-bottom:4px!important;border-radius:8px!important}
  body.chat-scene-v21 .composer-tools{gap:4px!important;padding:5px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:none}
  body.chat-scene-v21 .composer-tools::-webkit-scrollbar{display:none}
  body.chat-scene-v21 .composer-tools button{flex:0 0 auto!important;font-size:11px!important;padding:6px 8px!important}
  body.chat-scene-v21 .composer-shell{padding:7px!important;border-radius:9px!important}
  body.chat-scene-v21 #sendForm{gap:6px!important}
  body.chat-scene-v21 #sendForm #message{font-size:14px!important;min-height:44px!important}
  body.chat-scene-v21 .mobile-quicknav-v2419{height:64px!important;padding-bottom:max(3px,env(safe-area-inset-bottom))!important}
  body.chat-scene-v21 .mobile-quicknav-v2419 button{min-width:0!important;padding:5px 2px!important}
  body.chat-scene-v21 .mobile-quicknav-v2419 button small{font-size:10.5px!important}
  body.chat-scene-v21 #memberTopPanelV2508.member-top-panel-v2508{left:6px!important;right:6px!important;top:auto!important;bottom:72px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 90px)!important;overflow:auto!important;border-radius:12px!important}
  #memberTopPanelV2508 .member-actions-v2527>a,#memberTopPanelV2508 .member-actions-v2527>button,#memberTopPanelV2508 .member-actions-v2527>div>button{font-size:15px!important;min-height:45px!important}
  #memberTopPanelV2508 .member-actions-v2527 span{font-size:15px!important}
  html body.chat-scene-v21 #pmPanel.pm-panel-v2418{inset:0!important;padding:0!important;align-items:stretch!important}
  html body.chat-scene-v21 #pmPanel .pm-shell-v2418{width:100%!important;height:calc(100dvh - 64px)!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;border-width:0 0 2px 0!important}
  html body.chat-scene-v21 .pm-contactbar-v2418{padding:7px!important;gap:6px!important}
  html body.chat-scene-v21 .pm-messages-v2418{padding:8px!important}
  html body.chat-scene-v21 .pm-form-v2418{padding:7px!important}
  html body.chat-scene-v21 .pm-compose-row-v2418{gap:6px!important;align-items:flex-end!important}
  html body.chat-scene-v21 #pmInput{font-size:14px!important;min-height:42px!important}
  html body.chat-scene-v21 .pm-send-v2418{min-width:72px!important;height:42px!important;font-size:12px!important}
  .pm-emoji-panel-v2730{grid-template-columns:repeat(7,minmax(34px,1fr));max-height:160px}
  .pm-emoji-v2730{height:38px!important;font-size:22px!important}
  /* Profil-Overlay auf dem Handy: kein seitliches Abschneiden, Platz für Bottom-Nav. */
  html body.chat-scene-v21 .profile-frame-modal{padding:0!important;align-items:stretch!important}
  html body.chat-scene-v21 .profile-frame-shell{width:100%!important;max-width:100%!important;height:calc(100dvh - 64px)!important;max-height:none!important;border-radius:0!important;margin:0!important}
  html body.chat-scene-v21 .profile-frame-shell iframe{width:100%!important;height:100%!important}
}
@media(max-width:480px){
  body.chat-scene-v21 .composer-tools button{font-size:10.5px!important;padding:5px 7px!important}
  .pm-emoji-panel-v2730{grid-template-columns:repeat(6,minmax(34px,1fr));gap:4px;padding:7px}
}

/* v27.30 – Profilseiten auf echten Handybreiten kompakter */
@media(max-width:600px){
  body.profile-page-v16,.profile-page-v16{max-width:100%!important;overflow-x:hidden!important}
  .profile-wrap{width:100%!important;max-width:100%!important;margin:0!important;padding:6px!important}
  .profile-topbar{gap:6px!important;padding:5px!important}
  .profile-topbar a,.profile-topbar button{font-size:11px!important;min-height:38px!important}
  .profile-hero-v16{grid-template-columns:1fr!important;gap:9px!important;padding:10px 8px!important;text-align:center!important;border-radius:11px!important}
  .profile-cover-v16{min-height:0!important}
  .profile-avatar-wrap,.profile-avatar-v16,.profile-avatar-fallback{width:82px!important;height:82px!important;margin-inline:auto!important}
  .profile-name-line{justify-content:center!important;flex-wrap:wrap!important}
  .profile-name-line h1{font-size:22px!important;overflow-wrap:anywhere!important}
  .profile-meta,.profile-presence-row{justify-content:center!important;gap:5px!important;flex-wrap:wrap!important}
  .profile-meta>*{font-size:11px!important;padding:5px 8px!important}
  .profile-status-text{font-size:14px!important;padding:9px!important}
  .profile-grid-v16,.profile-info-grid,.profile-gifts-v16,.profile-side-col{grid-template-columns:1fr!important;gap:8px!important}
  .profile-box{padding:10px!important;border-radius:11px!important}
  .profile-box h2,.profile-box h3{font-size:17px!important}
  .profile-box p,.profile-box label,.profile-box small{overflow-wrap:anywhere!important}
  .profile-box input,.profile-box select,.profile-box textarea{width:100%!important;max-width:100%!important;font-size:14px!important}
  .profile-box button,.profile-box .button{min-height:40px!important;font-size:13px!important}
  .avatar-upload-v16{grid-template-columns:1fr!important;text-align:center!important}
}