.smw-inline-toolbar{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-right:7px;white-space:nowrap}.smw-tool-round{width:32px;height:32px;min-width:32px;border-radius:50%;border:1px solid rgba(255,255,255,.45);background:rgba(25,25,45,.92);color:#fff;cursor:pointer;font-weight:bold;padding:0;line-height:30px;text-align:center}.smw-tool-round:hover{transform:translateY(-1px);filter:brightness(1.2)}#form_right{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:4px!important}.smw-mini-admin-link{display:inline-flex;width:32px;height:32px;border-radius:50%;align-items:center;justify-content:center;background:#553080;color:#fff!important;font-size:10px;font-weight:bold;text-decoration:none;margin-right:4px}.smw-guest-login{display:block;margin:10px auto 0;padding:9px 18px;border:0;border-radius:20px;background:#ffd84d;color:#18182b;font-weight:bold;cursor:pointer}.ffh-link-grid{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.ffh-quick-link{flex:1 1 42%;justify-content:center}.ffh-kniffel-panel{max-height:88vh;overflow:auto}.kf_dice{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.kf_die{font-size:42px;min-width:58px;height:58px;border-radius:10px;cursor:pointer}.kf_die.held{outline:4px solid #ffd84d;transform:translateY(-4px);background:#5c4775}.kf_scores{display:grid;grid-template-columns:1fr 1fr;gap:5px}.kf_scores button{display:flex;justify-content:space-between;align-items:center;padding:7px}.kf_scores button:disabled{opacity:.55;text-decoration:line-through}.kf-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:7px 0}@media(max-width:900px){#form_right{justify-content:center}.kf_scores{grid-template-columns:1fr}.smw-inline-toolbar{order:-1;width:100%;justify-content:center}}


/* Nur Symbolleiste neben der Schreibleiste: eine Reihe, IP/Konten am Ende */
#form {
  height: auto !important;
  min-height: 46px !important;
  box-sizing: border-box !important;
}
#message_form {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  min-width: 0 !important;
}
#form_left {
  float: none !important;
  flex: 1 1 auto !important;
  min-width: 140px !important;
  display: flex !important;
  align-items: center !important;
}
#form_left #message {
  width: 100% !important;
  min-width: 120px !important;
  box-sizing: border-box !important;
}
#form_right {
  float: none !important;
  flex: 0 1 auto !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  white-space: nowrap !important;
  gap: 4px !important;
  padding: 4px 2px 4px 6px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  max-width: 72% !important;
  scrollbar-width: thin;
}
#form_right > * {
  flex: 0 0 auto !important;
}
#form_right .img_button,
#form_right .smw-mini-admin-link,
#form_right .smw-tool-round {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  vertical-align: middle !important;
}
.smw-inline-toolbar {
  display: inline-flex !important;
  width: auto !important;
  order: initial !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
}
@media (max-width: 900px) {
  #message_form { flex-wrap: nowrap !important; }
  #form_right { max-width: 68% !important; justify-content: flex-start !important; }
  .smw-inline-toolbar { width: auto !important; order: initial !important; }
}

/* ===== Chat-Eingabeleiste schmäler + Buttons größer mit Icons ===== */
#form {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
#message_form {
  gap: 8px !important;
}
#form_left {
  flex: 0 1 430px !important;
  max-width: 430px !important;
  min-width: 190px !important;
}
#form_left #message,
#message {
  width: 100% !important;
  max-width: 430px !important;
  min-width: 180px !important;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
  box-sizing: border-box !important;
  font-size: 15px !important;
}
#form_right {
  font-size: 0 !important;
  gap: 6px !important;
  padding-left: 8px !important;
  max-width: calc(100% - 210px) !important;
}
#form_right > * {
  font-size: 14px !important;
}
#form_right .img_button {
  width: 22px !important;
  height: 22px !important;
  padding: 9px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: linear-gradient(180deg, rgba(83,68,124,.98), rgba(40,30,70,.98)) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
  cursor: pointer !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  margin: 0 !important;
}
#form_right .img_button:hover,
#form_right .smw-tool-round:hover,
#form_right .smw-mini-admin-link:hover,
#form_right .bt-media-upload-button:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.08) !important;
}
#form_right .smw-tool-round,
#form_right .smw-mini-admin-link,
#form_right .bt-media-upload-button {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  background: linear-gradient(180deg, rgba(83,68,124,.98), rgba(40,30,70,.98)) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.28) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  margin: 0 !important;
}
#form_right .smw-tool-round {
  font-size: 20px !important;
  line-height: 1 !important;
}
#form_right .bt-media-upload-button {
  font-size: 19px !important;
  color: #fff !important;
  margin-right: 0 !important;
}
#form_right .smw-mini-admin-link {
  position: relative !important;
  font-size: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
}
#form_right .smw-mini-admin-link[href*='admin_ip_viewer.php']::before {
  content: '🌐' !important;
  font-size: 19px !important;
  line-height: 1 !important;
  color: #fff !important;
}
#form_right .smw-mini-admin-link[href*='admin_konto_hilfe.php']::before {
  content: '🔐' !important;
  font-size: 19px !important;
  line-height: 1 !important;
  color: #fff !important;
}
@media (max-width: 900px) {
  #form_left {
    flex: 1 1 auto !important;
    max-width: none !important;
  }
  #form_left #message,
  #message {
    max-width: 100% !important;
  }
  #form_right {
    max-width: 64% !important;
    gap: 5px !important;
  }
  #form_right .img_button {
    width: 20px !important;
    height: 20px !important;
    padding: 8px !important;
  }
  #form_right .smw-tool-round,
  #form_right .smw-mini-admin-link,
  #form_right .bt-media-upload-button {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
  }
}

/* ===== Alle Spielefenster mit Maus oder Finger verschiebbar ===== */
.smw-game-drag-handle {
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  touch-action: none !important;
  padding: 4px 6px !important;
  margin: -4px -6px 8px -6px !important;
  border-radius: 9px !important;
}
.smw-game-drag-handle:hover {
  background: rgba(212,175,55,.10) !important;
}
.smw-game-dragging .smw-game-drag-handle {
  cursor: grabbing !important;
  background: rgba(212,175,55,.18) !important;
}
#smw_game_center,
#smw_extra_game_panel,
#smw_bingo_panel,
#smw_musicquiz_panel,
#ffh_kniffel_panel {
  will-change: left, top !important;
}


/* ===== V4: Bunte Buttons neben der Schreibleiste =====
   Jeder Hauptbutton bekommt eine eigene, gut sichtbare Farbe.
   Die zwei doppelten runden Kalender-/Team-Buttons werden per JS entfernt. */
#form_right #bt_media_upload_button { background: linear-gradient(135deg,#ff3d81,#8b3dff) !important; }
#form_right #link_sagen { background: linear-gradient(135deg,#19c96b,#087d46) !important; }
#form_right #link_smileys { background: linear-gradient(135deg,#ffd83d,#ff8a00) !important; }
#form_right #link_color { background: linear-gradient(135deg,#ff335f 0%,#ff9f1c 24%,#ffe23d 40%,#31d17c 58%,#2ea8ff 76%,#a34bff 100%) !important; }
#form_right #link_prop { background: linear-gradient(135deg,#23c8ff,#2367d9) !important; }
#form_right #wuerfel { background: linear-gradient(135deg,#ff5a4e,#ba1f2e) !important; }
#form_right #link_games,
#form_right #smw_games_btn { background: linear-gradient(135deg,#8b5cff,#4b2bbd) !important; }
#form_right #smw_schedule_btn { background: linear-gradient(135deg,#00c8b8,#087b8c) !important; }
#form_right #smw_team_btn { background: linear-gradient(135deg,#ff5ebc,#a22f9a) !important; }
#form_right #smw_ts_btn { background: linear-gradient(135deg,#35a8ff,#3153c8) !important; }
#form_right #smw_wunsch_btn { background: linear-gradient(135deg,#ff8c32,#d65018) !important; }
#form_right #link_logout { background: linear-gradient(135deg,#ff4949,#a50925) !important; }
#form_right #link_admin,
#form_right #spongebob_admin_button,
#form_right #hosting_chat_admin_button,
#form_right #rights_admin_button { background: linear-gradient(135deg,#f0bd36,#946a06) !important; color:#fff !important; }
#form_right .smw-mini-admin-link[href*='admin_ip_viewer.php'] { background: linear-gradient(135deg,#34d399,#047857) !important; }
#form_right .smw-mini-admin-link[href*='admin_konto_hilfe.php'] { background: linear-gradient(135deg,#f59e0b,#b45309) !important; }

/* Einheitliche farbige Kanten / Leuchteffekt */
#form_right .img_button,
#form_right .smw-tool-round,
#form_right .smw-mini-admin-link,
#form_right .bt-media-upload-button,
#form_right button {
  border: 1px solid rgba(255,255,255,.72) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
#form_right .img_button:hover,
#form_right .smw-tool-round:hover,
#form_right .smw-mini-admin-link:hover,
#form_right .bt-media-upload-button:hover,
#form_right button:hover {
  filter: brightness(1.18) saturate(1.12) !important;
  transform: translateY(-1px) scale(1.04) !important;
}
