/* GDMM v1.3-clean · trainer.css
 * Trainerraum (Lobby, Cockpit, Spontan, Bibliothek, Ablauf, Chats, Punktestand).
 *   lf-       Rahmen des Trainerraums (lf-shell, lf-sidebar, lf-main, Lobby-Gerüst, Statusmonitor).
 *             Eingeführt in v0.9 unter dem Kommentar „dedicated GDMM Live trainer focus workspace“;
 *             das Kürzel steht demnach für „Live-Fokus“ (im Original nicht ausdrücklich erklärt).
 *   v13-      Bausteine nach dem Vorbild von GDMM Live v13.8 (Teilnehmerpool, Teams, Cockpit,
 *             Ablauf, Chats, Bibliothek, Dialoge). Die Zahl meint die Live-Version 13.8,
 *             nicht die Version dieses Prototyps (aus den Kommentaren von v1.3 abgeleitet).
 *   trainer-  ältere Trainer-Bausteine aus v0.9
 *   gdmm-     Ergänzungen aus v1.2/v1.3 (Ziehen und Ablegen, Bibliotheksdialog, Bewertung)
 *   gdmm-trainer-focus (auf <body>)      Trainerraum ist offen
 *   gdmm-pointer-dragging (auf <body>)   ein Teilnehmer oder Eintrag wird gerade gezogen
 *
 * Einbindung (Reihenfolge ist Teil der Kaskade, siehe index.html):
 *   tokens → base → layout → modals → forum → tnt → live-participant → trainer → presenter → ux → trainer-workspace → awards
 *
 * Desktop First: Die Regeln ohne Media Query beschreiben die Ansicht am großen Bildschirm,
 * @media (max-width: …) passt kleinere Geräte an.
 */

/* Vorlage derzeit nicht eingebaut (trainerButtons()) – Regel bewusst behalten */
.trainer-tabbar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-7);
  margin: 0 0 var(--space-15);
}

/* Vorlage derzeit nicht eingebaut (trainerButtons()) – Regel bewusst behalten */
.trainer-tab {
  background: var(--white);
  border: 1px solid #d6deea;
  border-radius: var(--radius-12);
  padding: var(--space-10) var(--space-13);
  color: #243451;
  font-size: var(--fs-078);
  font-weight: 850;
  cursor: pointer;
  min-height: 39px;
}

/* Vorlage derzeit nicht eingebaut (trainerButtons()) – Regel bewusst behalten */
.trainer-tab.is-active {
  color: var(--white);
  background: var(--blue);
  border-color: var(--blue);
}

.trainer-duo {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(0,1fr);
  gap: var(--space-15);
}

.trainer-actions {
  display: flex;
  gap: var(--space-9);
  flex-wrap: wrap;
  margin-top: var(--space-17);
}

.trainer-person {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  padding: var(--space-12) 0;
  border-bottom: 1px solid var(--slate-91c);
  min-width: 0;
}

.trainer-person b {
  flex: 1;
  font-size: var(--fs-084);
}

.trainer-person select {
  max-width: 125px;
  flex: 0 1 125px;
  font-size: var(--fs-079);
  padding: var(--space-8);
  min-height: 36px;
}

.trainer-avatar {
  background: var(--slate-96);
  color: var(--blue);
  border-radius: var(--radius-round);
  height: 31px;
  width: 31px;
  flex: none;
  display: grid;
  place-items: center;
  font-weight: 900;
}

.trainer-icon-action {
  border: 1px solid #d7deeb;
  background: var(--white);
  color: #526179;
  border-radius: var(--radius-9);
  min-width: 33px;
  min-height: 33px;
  cursor: pointer;
}

.trainer-team-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-10);
  border-bottom: 1px solid var(--slate-92);
  padding: var(--space-14) var(--space-2);
  flex-wrap: wrap;
}

.trainer-team-card span {
  display: block;
  color: var(--slate-48);
  font-size: var(--fs-077);
  margin-top: var(--space-4);
}

.trainer-library-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-10);
  border-bottom: 1px solid var(--slate-92);
  padding: var(--space-14) var(--space-2);
  flex-wrap: wrap;
}

.trainer-library-row small {
  display: block;
  color: var(--slate-48);
  font-size: var(--fs-077);
  margin-top: var(--space-4);
}

.trainer-settings {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-13);
  margin: var(--space-13) 0;
}

.trainer-settings label {
  display: flex;
  gap: var(--space-7);
  align-items: center;
  font-weight: 750;
  font-size: var(--fs-084);
}

.trainer-types {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-10);
  margin: var(--space-20) 0;
}

.trainer-type {
  text-align: left;
  background: var(--gray-98);
  border: 1px solid #dce5f7;
  border-radius: var(--radius-15);
  padding: var(--space-14);
  display: flex;
  flex-direction: column;
  gap: var(--space-7);
  cursor: pointer;
  min-height: 118px;
}

.trainer-type small {
  font-size: var(--fs-072);
  color: #536276;
}

.trainer-type span {
  color: var(--blue);
}

.trainer-sequence-row {
  display: grid;
  grid-template-columns: 30px 120px minmax(0,1fr) auto;
  gap: var(--space-9);
  align-items: center;
  padding: var(--space-13) 0;
  border-bottom: 1px solid #e4eaf2;
  font-size: var(--fs-080);
}

.trainer-sequence-row span:nth-of-type(2) {
  color: #657189;
  overflow-wrap: anywhere;
}

.trainer-sequence-row>div {
  display: flex;
  gap: var(--space-5);
}

.trainer-count {
  height: 29px;
  width: 29px;
  background: var(--blue-soft);
  border-radius: var(--radius-round);
  display: grid;
  place-items: center;
  color: var(--blue);
  font-weight: 900;
}

.trainer-ranking {
  display: grid;
  gap: var(--space-7);
}

.trainer-ranking>div {
  padding: var(--space-10) var(--space-15);
  border-radius: var(--radius-12);
  background: var(--gray-96);
  display: flex;
  justify-content: space-between;
  gap: var(--space-9);
  font-weight: 750;
}

.trainer-chat-feed {
  padding: var(--space-10) 0;
  max-height: 230px;
  overflow: auto;
  font-size: var(--fs-082);
}

.trainer-chat-feed p {
  border-radius: var(--radius-12);
  background: #f2f5fc;
  padding: var(--space-11);
  margin: var(--space-5) 0;
}

.trainer-compose {
  display: flex;
  gap: var(--space-8);
  align-items: end;
  flex-wrap: wrap;
  margin: var(--space-10) 0;
}

.trainer-compose label {
  flex: 1 1 190px;
  font-size: var(--fs-079);
  font-weight: 800;
}

.trainer-compose label+.form-control {
  flex: 1 1 200px;
}

.trainer-stat-grid {
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: var(--space-8);
}

.trainer-stat-grid>div {
  background: var(--gray-96d);
  border-radius: var(--radius-13);
  padding: var(--space-11);
  display: grid;
  gap: var(--space-4);
}

.trainer-stat-grid b {
  font-size: var(--fs-120);
}

.trainer-stat-grid span {
  font-size: var(--fs-075);
}

body.gdmm-trainer-focus {
  background: #f2f5fa;
}

body.gdmm-trainer-focus #app {
  min-height: 100vh;
}

.gdmm-trainer-focus .lf-content {
  max-width: none;
  padding: var(--space-16);
  background: var(--gray-97c);
}

.gdmm-trainer-focus .lf-tool-page {
  max-width: none;
  width: 100%;
}

.gdmm-trainer-focus .lf-global-head {
  background: var(--white);
}

.gdmm-trainer-focus .lf-cockpit-grid {
  grid-template-columns: minmax(0,1fr) 295px;
  gap: 0;
  border: 1px solid var(--slate-88);
  border-radius: var(--r);
  background: var(--white);
  overflow: hidden;
  min-height: 690px;
  align-items: stretch;
}

.gdmm-trainer-focus .lf-cockpit-grid>.lf-monitor-column {
  border-left: 1px solid var(--slate-88);
  background: var(--gray-98b);
  padding: var(--space-11);
  align-content: start;
  gap: var(--space-9);
}

.gdmm-trainer-focus .lf-cockpit-grid>.lf-monitor-column>.lf-panel {
  border-radius: var(--radius-16);
  padding: var(--space-11);
}

.gdmm-trainer-focus .lf-panel-heading h2,
.gdmm-trainer-focus .lf-panel-heading h3 {
  font-weight: 950;
}

.gdmm-trainer-focus .lf-status-0 {
  background: var(--yellow);
}

.gdmm-trainer-focus .lf-status-1 {
  background: var(--lilac);
}

.gdmm-trainer-focus .lf-status-2 {
  background: var(--lime-light);
}

.gdmm-trainer-focus .lf-status-3 {
  background: var(--white);
  border: 1px solid var(--slate-88);
}

.gdmm-trainer-focus .lf-status-chip b {
  font-size: var(--fs-15px);
}

.gdmm-trainer-focus .lf-status-chip span {
  font-size: var(--fs-10px);
}

.gdmm-trainer-focus .lf-status-feed {
  font-size: var(--fs-11px);
  max-height: 450px;
  min-height: 30px;
  overflow: auto;
  scrollbar-gutter: auto;
  margin: var(--space-10) 0 var(--space-8);
}

.gdmm-trainer-focus .lf-lobby-grid {
  gap: 0;
  min-height: 550px;
  border: 1px solid var(--slate-88);
  border-radius: var(--r);
  background: var(--white);
  overflow: hidden;
  align-items: stretch;
  grid-template-columns: minmax(210px,245px) minmax(0,1fr) 295px;
}

.gdmm-trainer-focus .lf-lobby-grid>.lf-monitor-column {
  background: var(--gray-98b);
  border-left: 1px solid var(--slate-88);
  padding: var(--space-11);
  align-content: start;
  gap: var(--space-10);
  display: grid;
  grid-template-columns: 1fr;
  min-width: 0;
}

.gdmm-trainer-focus .v13-team-remove,
.gdmm-trainer-focus .v13-primary-btn,
.gdmm-trainer-focus .v13-start-sequence,
.gdmm-trainer-focus .v13-chat-send {
  outline: 0;
  box-shadow: none;
  border: 0;
}

.gdmm-trainer-focus .v13-chat-tab,
.gdmm-trainer-focus .v13-type-choice {
  outline: 0;
  box-shadow: none;
}

.gdmm-trainer-focus .v13-sequence-grip[data-seq-grip] {
  cursor: grab;
}

.gdmm-trainer-focus .v13-sequence-grip[data-seq-grip]:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 3px;
  border-radius:var(--space-4);
}

.gdmm-trainer-focus .v13-tool-page {
  background: var(--gray-97c);
}

.gdmm-trainer-focus .lf-panel,
.gdmm-trainer-focus .v13-small-monitor,
.gdmm-trainer-focus .v13-chat-wrap {
  box-shadow: none;
}

.gdmm-trainer-focus .lf-status-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-7);
}

.gdmm-trainer-focus .lf-status-chip {
  display: flex;
  flex-direction: column;
  min-height: 52px;
  max-height: 60px;
  gap: var(--space-1);
  padding: var(--space-7);
  justify-content: flex-start;
  border-radius: var(--radius-12);
}

.gdmm-trainer-focus .v13-live-card {
  border-radius: var(--radius-17);
  margin-top: var(--space-12);
  padding: var(--space-20);
  min-height: 230px;
  border: 1px solid var(--slate-88);
  box-shadow: none;
}

.gdmm-trainer-focus .lf-shell {
  overflow: visible;
}

.gdmm-trainer-focus .lf-challenge>.v13-challenge-actions {
  display: flex;
  flex: 0 1 auto;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-5);
}

.gdmm-trainer-focus .lf-challenge>.v13-challenge-actions button {
  min-width: 0;
  width: auto;
  flex: 0 0 auto;
}

.gdmm-trainer-focus .v13-challenge-actions .v13-soft-btn {
  min-width: 34px;
  width: 34px;
  height: 34px;
  padding: var(--space-6);
}

.gdmm-trainer-focus .lf-status {
  overflow: hidden;
  padding: var(--space-11);
  min-width: 0;
}

.gdmm-trainer-focus .lf-status .lf-panel-heading {
  display: flex;
  align-items: flex-start;
  gap: var(--space-6);
  flex-wrap: nowrap;
  min-width: 0;
  margin-bottom: var(--space-11);
}

.gdmm-trainer-focus .lf-status .lf-panel-heading>div {
  flex: 1;
  min-width: 0;
}

.gdmm-trainer-focus .lf-status .lf-panel-heading h3 {
  font-size: var(--fs-16px);
  line-height: 1.17;
  overflow-wrap: normal;
  letter-spacing: -.03em;
}

.gdmm-trainer-focus .lf-status .lf-small-icon {
  position: static;
  flex: 0 0 37px;
  width: 37px;
  height: 37px;
  min-width: 37px;
  display: grid;
  place-items: center;
  border-radius: var(--radius-12);
  color: var(--gray-07);
  background: var(--gray-95e);
  border: 0;
  padding: var(--space-7);
}

.gdmm-trainer-focus .lf-status-chip>b {
  font-size: var(--fs-15px);
  line-height: 1.1;
}

.gdmm-trainer-focus .lf-status-chip>span {
  font-size: var(--fs-10px);
  font-weight: 500;
  line-height: 1.2;
}

.gdmm-trainer-focus .v13-status-entry {
  padding: var(--space-12) 0;
  border-bottom: 1px solid #dce3ec;
}

.gdmm-trainer-focus .v13-status-entry>div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-7);
  flex-wrap: nowrap;
}

.gdmm-trainer-focus .v13-status-entry strong {
  font-size: var(--fs-12px);
}

.gdmm-trainer-focus .v13-status-mark {
  color: var(--gray-08);
  background: none;
  border: 0;
  font-weight: 800;
  border-radius: 0;
  padding: 0;
  white-space: normal;
  text-align: right;
  font-size: var(--fs-11px);
  line-height: 1.3;
}

.gdmm-trainer-focus .v13-status-mark b {
  font-size: var(--fs-11px);
}

.gdmm-trainer-focus .v13-status-entry>p {
  font-style: italic;
  margin: var(--space-9) 0 var(--space-4);
  padding: 0;
  background: none;
  border: 0;
  display: block;
  font-size: var(--fs-12px);
}

.gdmm-trainer-focus .v13-status-entry>small {
  display: block;
  color: #6c7687;
  font-size: var(--fs-10px);
}

.gdmm-trainer-focus .lf-join-strip {
  background: var(--blue);
  border-color: var(--blue);
  color: var(--white);
  gap: var(--space-9);
  min-height: 70px;
}

.gdmm-trainer-focus .lf-join-state.on,
.gdmm-trainer-focus .lf-invite-copy {
  background: var(--lime);
  color: var(--gray-08);
  border: 0;
  font-weight: 900;
}

.gdmm-trainer-focus .lf-invite-code {
  background: var(--gray-95c);
  color: #152139;
  border: 0;
  font-weight: 900;
}

.gdmm-trainer-focus .lf-join-close {
  margin-left: auto;
  background: var(--gray-95c);
  color: var(--slate-17);
  border: 1px solid transparent;
  font-weight: 900;
}

.gdmm-trainer-focus .lf-join-close:hover {background:#c33c41;color:var(--white);border-color:#c33c41}

.gdmm-trainer-focus .v13-status-entry .v13-status-line>strong {
  flex: 0 0 auto;
  white-space: nowrap;
  min-width: max-content;
}

.gdmm-trainer-focus .v13-status-entry .v13-status-line>.v13-status-mark {
  width: auto;
  min-width: 0;
  flex: 0 1 auto;
}

.lf-shell {
  --trainer-nav-width:246px;
  display: grid;
  grid-template-columns: var(--trainer-nav-width) minmax(0,1fr);
  min-height: 100dvh;
  color: #142037;
  font-size: var(--fs-14px);
  --lf-gap: 14px;
}

.lf-shell :is(button,input,textarea):focus-visible {
  outline: none;
  box-shadow: none;
  border-color: var(--blue);
}

.gdmm-trainer-focus .v13-team-count button,
.gdmm-trainer-focus .v13-sequence-actions button {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.lf-logo {
  font-size: 1.8rem;
  line-height: 1.15;
  font-weight: 950;
  letter-spacing: -.06em;
}

.lf-logo span {
  color: var(--lime);
}

/* Trainer navigation: one size system, one scroll container, all actions inside. */
.lf-sidebar {
  --nav-button-height:48px;
  --nav-icon-size:19px;
  position:sticky;
  top:0;
  align-self:start;
  display:flex;
  flex-direction:column;
  height:100dvh;
  min-height:0;
  padding:24px 14px 16px;
  overflow-y:auto;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-gutter:stable;
  scroll-padding-block:16px;
  overscroll-behavior:contain;
  background:var(--blue);
  color:var(--white);
  z-index:4;
}
.lf-sidebar>* {flex-shrink:0}
.lf-side-head {padding:4px 12px 16px;margin-bottom:14px;border-bottom:1px solid var(--gray-100-a25)}
.lf-side-head>small {font-size:.67rem;font-weight:900;letter-spacing:.12em;color:#d6e4ff}
.lf-side-label {margin:1px 13px 10px;font-family:var(--font);font-size:var(--nav-label-size);font-weight:var(--nav-label-weight);line-height:var(--nav-line-height);letter-spacing:var(--nav-label-spacing);text-transform:uppercase;color:#c2d4ff}
.lf-menu {display:grid;gap:4px}
.lf-link {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:11px;
  flex-shrink:0;
  width:100%;
  height:var(--nav-button-height);
  min-height:var(--nav-button-height);
  padding:8px 12px;
  border:1px solid transparent;
  border-radius:var(--radius-13);
  background:transparent;
  color:var(--blue-soft);
  font-family:var(--font);
  font-size:var(--nav-font-size);
  font-weight:var(--nav-font-weight);
  line-height:var(--nav-line-height);
  text-align:left;
  white-space:nowrap;
  cursor:pointer;
}
.lf-link svg {flex:0 0 var(--nav-icon-size);width:var(--nav-icon-size);height:var(--nav-icon-size)}
.lf-link:hover {background:#ffffff24}
.lf-link.is-active {background:var(--lime);color:var(--ink);font-weight:var(--nav-active-font-weight)}
.lf-sidebar button:focus-visible {outline:2px solid var(--lime);outline-offset:-3px}
.lf-link.lf-danger {color:#ffe1e1}
.lf-link.lf-danger:hover {background:#c33c41;color:var(--white)}
.lf-side-bottom {display:grid;gap:4px;margin-top:18px;padding:14px 0 6px;border-top:1px solid var(--gray-100-a25)}
.lf-side-toggle {position:fixed;left:calc(var(--trainer-nav-width) - 14px);top:calc(50dvh - 16px);z-index:8;display:grid;place-items:center;width:28px;height:32px;padding:0;border:1px solid var(--border);border-radius:var(--radius-10);background:var(--white);color:var(--blue);cursor:pointer}
.lf-side-toggle svg {width:14px;height:14px}
.lf-side-toggle:hover {background:var(--blue-soft)}
.lf-side-toggle:focus-visible {outline:2px solid var(--blue);outline-offset:2px}
.lf-shell.is-collapsed {--trainer-nav-width:80px}
.lf-shell.is-collapsed .lf-side-toggle svg {transform:rotate(180deg)}
.lf-shell.is-collapsed .lf-sidebar {padding:24px 8px 16px}
.lf-shell.is-collapsed .lf-side-head {padding:4px 0 16px;text-align:center}
.lf-shell.is-collapsed .lf-logo {font-size:0}
.lf-shell.is-collapsed .lf-logo::before {content:'G';font-size:22px;color:var(--lime)}
.lf-shell.is-collapsed .lf-side-head>small,
.lf-shell.is-collapsed .lf-side-label,
.lf-shell.is-collapsed .lf-link span {display:none}
.lf-shell.is-collapsed .lf-link {justify-content:center;padding:8px 5px}
@media(max-width:680px){
  .lf-shell {grid-template-columns:64px minmax(0,1fr)}
  .lf-shell.is-collapsed {--trainer-nav-width:64px}
  .lf-sidebar {position:fixed;left:0;top:0;width:var(--trainer-nav-width);z-index:10}
  .lf-side-toggle {z-index:12}
}

.lf-main {
  grid-column: 2;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.lf-global-head {
  background: white;
  border-bottom: 1px solid var(--slate-90);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-16);
  padding: 19px clamp(18px,2.4vw,34px);
  min-height: 104px;
}

.lf-global-title {
  min-width: 0;
}

.lf-global-title .eyebrow {
  color: var(--blue);
  font-size: .66rem;
}

.lf-global-title h1 {
  font-size: clamp(1.15rem,1.8vw,1.65rem);
  margin: var(--space-4) 0 var(--space-5);
}

.lf-global-title small {
  font-size: var(--fs-076);
  color: #637088;
}

.lf-global-actions {
  display: flex;
  align-items: center;
  gap: var(--space-6);
  flex-wrap: wrap;
  justify-content: flex-end;
}

.lf-global-actions .btn {
  font-size: var(--fs-073);
  padding: var(--space-8) var(--space-11);
  min-height: 38px;
}

.lf-content {
  width: 100%;
  max-width: 1720px;
  margin: 0 auto;
  padding: clamp(15px,2vw,30px);
  flex: 1;
  min-width: 0;
}

.lf-lobby-view {
  display: grid;
  gap: var(--space-16);
  min-width: 0;
}

.lf-join-strip {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  flex-wrap: wrap;
  background: #EDF2FB;
  border: 1px solid #dae3f4;
  border-radius: var(--radius-14);
  padding: var(--space-12);
}

.lf-join-state {
  background: #FFE7A3;
  color: #74520D;
  border: 0;
  border-radius: var(--radius-9);
  padding: var(--space-8) var(--space-11);
  font-weight: 900;
  font-size: var(--fs-081);
}

.lf-join-state.on {
  background: #E4F8BB;
  color: #38541A;
}

.gdmm-trainer-focus .lf-join-state {
  border: 0;
  border-radius: var(--radius-12);
  min-height: 43px;
  padding: var(--space-10) var(--space-16);
  background: #eff1f5;
  color: #1b2432;
}

.lf-lobby-grid {
  display: grid;
  grid-template-columns: minmax(220px,.9fr) minmax(290px,1.45fr) minmax(230px,.9fr);
  align-items: start;
  gap: var(--lf-gap);
  min-width: 0;
}

.lf-panel {
  background: var(--white);
  border: 1px solid #dce4ef;
  border-radius: var(--radius-17);
  padding: var(--space-18);
  min-width: 0;
  box-shadow: none;
}

.lf-panel .muted.small {
  font-size: var(--fs-077);
  line-height: 1.6;
}

.lf-panel-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-10);
  margin-bottom: var(--space-13);
}

.lf-panel-heading h2,
.lf-panel-heading h3 {
  font-size: var(--fs-112);
  margin: var(--space-5) 0 0;
}

.lf-panel-heading .eyebrow {
  color: var(--blue);
  font-size: var(--fs-064);
}

/* Vorlage derzeit nicht eingebaut (trainerAvatar()) – Regel bewusst behalten */
.lf-person {
  display: inline-flex;
  align-items: center;
  gap: var(--space-6);
  border: 1px solid #CFDCF1;
  background: var(--white);
  border-radius: var(--radius-10);
  padding: var(--space-5) var(--space-7) var(--space-5) var(--space-5);
  cursor: grab;
  font-size: var(--fs-079);
  font-weight: 800;
  max-width: 100%;
  user-select: none;
}

/* Vorlage derzeit nicht eingebaut (trainerAvatar()) – Regel bewusst behalten */
.lf-person-avatar {
  display: grid;
  place-items: center;
  background: #DFE9FF;
  color: var(--blue);
  border-radius: var(--radius-7);
  min-width: 23px;
  height: 23px;
  font-size: var(--fs-070);
}

/* Vorlage derzeit nicht eingebaut (trainerAvatar()) – Regel bewusst behalten */
.lf-person-remove {
  border: 0;
  color: #7e8da5;
  background: transparent;
  margin-left: var(--space-2);
  padding: 0 var(--space-3);
  font-weight: 900;
  font-size: var(--fs-100);
  cursor: pointer;
}

.lf-small-actions {
  display: flex;
  align-items: center;
  gap: var(--space-7);
  flex-wrap: wrap;
}

.lf-small-actions .btn {
  min-height: 34px;
  border-radius: var(--radius-9);
  padding: var(--space-7) var(--space-10);
  font-size: var(--fs-073);
}

.lf-small-actions .btn:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.lf-monitor-column {
  display: grid;
  gap: var(--space-14);
  min-width: 0;
}

.lf-small-icon {
  border: 1px solid #dae3f0;
  background: #f6f9ff;
  border-radius: var(--radius-10);
  padding: var(--space-7);
  color: #526783;
  cursor: pointer;
}

.lf-status-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-8);
}

.lf-status-chip {
  border-radius: var(--radius-9);
  padding: var(--space-10) var(--space-8);
  display: grid;
  gap: var(--space-4);
  min-height: 73px;
}

.lf-status-chip b {
  font-size: var(--fs-122);
}

.lf-status-chip span {
  font-size: var(--fs-069);
  line-height: 1.3;
  font-weight: 750;
}

.lf-status-0 {
  background: #FFEDB7;
}

.lf-status-1 {
  background: #EADFFF;
}

.lf-status-2 {
  background: #D7F4E2;
}

.lf-status-3 {
  background: var(--gray-95);
}

.lf-status-feed {
  min-height: 45px;
  max-height: 180px;
  overflow: auto;
  margin: var(--space-12) 0;
  font-size: var(--fs-075);
}

.lf-status-feed p {
  border-bottom: 1px solid #E8EBF2;
  padding: var(--space-7) 0;
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
}

.lf-status-feed small {
  color: #6d7c8f;
}

.lf-status-feed span {
  width: 100%;
}

.lf-start-btn {
  width: 100%;
  min-height: 49px;
}

.lf-challenge-hub {
  margin: 0;
}

.lf-challenge-list {
  display: grid;
  gap: var(--space-8);
  margin: var(--space-13) 0;
}

.lf-challenge {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  flex-wrap: wrap;
  border: 1px solid #E0E6F0;
  border-radius: var(--radius-11);
  padding: var(--space-12);
}

.lf-challenge>div {
  flex: 1;
  min-width: 155px;
  display: grid;
  gap: var(--space-4);
}

.lf-challenge small {
  color: #65738a;
  font-size: var(--fs-075);
}

.lf-challenge .btn {
  min-height: 33px;
  font-size: var(--fs-075);
  padding: var(--space-8) var(--space-10);
}

.lf-cockpit-grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 290px;
  align-items: start;
  gap: var(--space-14);
}

.lf-tool-page {
  max-width: 1080px;
  min-width: 0;
}

.lf-tool-page .card {
  box-shadow: none;
}

.lf-tool-page .trainer-library-row {
  margin-bottom: var(--space-9);
}

.lf-empty-room {
  background: var(--white);
  border: 1px solid #DFE6F0;
  max-width: 700px;
  margin: 8vh auto 0;
  padding: var(--space-40);
  border-radius: var(--radius-20);
}

.lf-modal-code {
  font-size: clamp(2rem,8vw,3rem);
  text-align: center;
  font-weight: 950;
  color: var(--blue);
  letter-spacing: .12em;
  padding: var(--space-25);
}

/* Vorlage derzeit nicht eingebaut (trainerAvatar()) – Regel bewusst behalten */
.lf-person-assign {
  border: 0;
  background: var(--slate-96b);
  color: var(--blue);
  border-radius:var(--space-5);
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  padding: var(--space-3);
  cursor: pointer;
}

.lf-assignment-options {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-9);
  margin: var(--space-20) 0;
}

.lf-assignment-options .btn {
  min-height: 39px;
}

.lf-library-search {
  background: var(--gray-95b);
  display: flex;
  align-items: center;
  min-width: 0;
  max-width: 100%;
  gap: var(--space-8);
  border: 1px solid #cfdbec;
  padding: var(--space-9) var(--space-12);
  border-radius: var(--radius-10);
  margin: var(--space-15) 0;
}

.lf-library-search input {
  background: transparent;
  flex: 1;
  border: 0;
  outline: 0;
  min-width: 0;
}

.v13-participants-panel {
  padding: var(--space-14);
  min-width: 0;
  background: var(--white);
  border-right: 1px solid var(--slate-88);
}

.v13-teams-panel {
  padding: var(--space-14);
  background: var(--white);
  min-width: 0;
}

.v13-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-10);
}

.v13-section-head .eyebrow {
  margin-top: var(--space-7);
  font-size: var(--fs-11px);
  letter-spacing: .11em;
  color: var(--blue);
  font-weight: 950;
}

.v13-counter {
  display: flex;
  align-items: baseline;
  background: var(--blue);
  color: var(--white);
  border-radius: var(--radius-11);
  padding: var(--space-6) var(--space-9);
  font-weight: 950;
  white-space: nowrap;
}

.v13-counter strong {
  font-size: var(--fs-18px);
}

.v13-counter small {
  font-size: var(--fs-10px);
}

.v13-count-badge {
  display: flex;
  align-items: baseline;
  background: var(--blue);
  color: var(--white);
  border-radius: var(--radius-11);
  padding: var(--space-6) var(--space-9);
  font-weight: 950;
  white-space: nowrap;
}

.v13-count-badge strong {
  font-size: var(--fs-18px);
}

.v13-count-badge small {
  font-size: var(--fs-10px);
}

.v13-helper {
  font-size: var(--fs-11px);
  color: var(--slate-40);
  margin: var(--space-7) 0 var(--space-10);
  line-height: 1.5;
}

.v13-person-grid {
  display: grid;
  align-content: start;
  min-height: 60px;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-5);
}

.v13-person {
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-9);
  display: grid;
  position: relative;
  background: var(--white);
  min-width: 0;
  align-items: center;
  cursor: grab;
  user-select: none;
  grid-template-columns: minmax(0,1fr) 19px;
  gap: var(--space-2);
  padding: var(--space-4);
  min-height: 38px;
}

.v13-person:active {
  cursor: grabbing;
}

.v13-person[data-drag-person] {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

.v13-person-main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--space-4);
}

.v13-avatar {
  border-radius: var(--radius-round);
  background: var(--blue);
  color: white;
  font-weight: 900;
  flex: none;
  display: grid;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: var(--fs-9px);
}

.v13-person-desc {
  min-width: 0;
  display: grid;
  gap: var(--space-2);
}

.v13-person-desc strong {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fs-10px);
}

.v13-person-desc small {
  color: var(--slate-40);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: var(--fs-9px);
}

.v13-person-remove {
  border: 0;
  background: var(--red-97);
  color: var(--red-33b);
  border-radius: var(--radius-round);
  font-weight: 950;
  cursor: pointer;
  width: 18px;
  height: 18px;
  min-width: 18px;
  font-size: var(--fs-12px);
  line-height: 1;
  align-self: start;
  margin-top: 0;
  padding: 0;
}

.v13-small-toolbar {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
  margin-top: var(--space-12);
}

.v13-team-count {
  display: flex;
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-10);
  overflow: hidden;
  align-items: center;
}

.v13-team-count button {
  width: 35px;
  height: 35px;
  border-radius: 0;
  background: var(--white);
  color: var(--gray-08);
  font-size: 20px;
  font-weight: 900;
}

.v13-team-count strong {
  width: 32px;
  text-align: center;
  font-size: var(--fs-14px);
}

.v13-team-count button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.v13-team-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  margin: var(--space-10) 0;
}

.v13-blue-btn {
  min-height: 35px;
  border: 0;
  border-radius: var(--radius-16);
  padding: var(--space-7) var(--space-11);
  font-size: var(--fs-11px);
  font-weight: 900;
  white-space: normal;
  cursor: pointer;
  background: var(--blue);
  color: var(--white);
}

.v13-blue-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.v13-danger-btn {
  min-height: 35px;
  border: 0;
  border-radius: var(--radius-16);
  padding: var(--space-7) var(--space-11);
  font-size: var(--fs-11px);
  font-weight: 900;
  white-space: normal;
  cursor: pointer;
  background: var(--red-97);
  color: var(--red-33b);
}

.v13-danger-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.v13-soft-btn {
  min-height: 35px;
  border: 0;
  border-radius: var(--radius-16);
  padding: var(--space-7) var(--space-11);
  font-size: var(--fs-11px);
  font-weight: 900;
  white-space: normal;
  cursor: pointer;
  background: var(--gray-95e);
  color: var(--gray-08);
}

.v13-soft-btn:disabled {
  opacity: .42;
  cursor: not-allowed;
}

.v13-team-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-8);
}

.v13-team-card {
  background: var(--team-color);
  border-radius: var(--radius-16);
  padding: var(--space-11);
  min-height: 125px;
  color: var(--gray-08);
  border: 2px solid transparent;
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: background-color .1s linear;
}

.v13-team-header {
  display: flex;
  align-items: center;
  gap: var(--space-5);
  justify-content: space-between;
}

.v13-team-header strong {
  font-size: var(--fs-10px);
  letter-spacing: .06em;
}

.v13-team-header>span {
  font-size: var(--fs-10px);
  font-weight: 850;
  background: #ffffffc7;
  border-radius: var(--radius-100);
  padding: var(--space-4) var(--space-6);
}

.v13-team-remove {
  background: transparent;
  color: var(--gray-08);
  font-weight: 950;
  font-size: var(--fs-16px);
  padding: 0 var(--space-4);
}

.v13-team-name {
  font-size: var(--fs-16px);
  font-weight: 950;
  margin-top: var(--space-2);
  overflow-wrap: anywhere;
}

.v13-team-members {
  display: flex;
  align-content: start;
  align-items: start;
  gap: var(--space-5);
  flex-wrap: wrap;
  margin: var(--space-12) 0 var(--space-4);
  min-height: 27px;
}

.v13-team-member {
  border-radius: var(--radius-99);
  background: var(--white);
  border: 1px solid #00000016;
  color: var(--gray-08);
  padding: var(--space-5) var(--space-8);
  font-size: var(--fs-11px);
  font-weight: 850;
  cursor: grab;
  user-select: none;
}

.v13-team-member:active {
  cursor: grabbing;
}

.v13-team-member[data-drag-person] {
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
  cursor: grab;
}

.v13-team-empty {
  font-size: var(--fs-10px);
  opacity: .7;
}

.v13-drop-note {
  font-size: var(--fs-10px);
  opacity: .7;
  margin-top: auto;
  display: block;
}

.v13-single-hint {
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-10);
  padding: var(--space-11);
  color: var(--gray-08);
  font-size: var(--fs-12px);
}

.v13-tool-page {
  background: #F7F9FC;
  border-radius: var(--radius-16);
  padding: var(--space-22);
  min-height: 500px;
  color: var(--gray-08);
}

.v13-tool-page>.eyebrow {
  font-size: var(--fs-11px);
  letter-spacing: .09em;
  color: var(--blue);
  font-weight: 950;
}

.v13-tool-page h2 {
  font-size: 27px;
  font-weight: 950;
  letter-spacing: -.035em;
  margin: var(--space-5) 0 var(--space-7);
}

.v13-sequence-head {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--space-15);
}

.v13-chat-wrap {
  border: 1px solid var(--slate-88);
  background: var(--white);
  border-radius: var(--radius-16);
  padding: var(--space-14);
  min-width: 0;
  margin-top: var(--space-16);
}

.v13-chat-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
  margin-bottom: var(--space-8);
  flex-wrap: wrap;
  min-height: 48px;
}

.v13-chat-title {
  font-weight: 900;
  color: #13264b;
  font-size: var(--fs-14px);
}

.v13-chat-controls {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  justify-content: flex-end;
  flex-wrap: wrap;
}

.v13-chat-toggle {
  border: 1px solid var(--slate-86);
  background: var(--gray-95b);
  color: var(--slate-17);
  border-radius: var(--radius-16);
  min-height: 40px;
  padding: var(--space-8) var(--space-16);
  font-size: var(--fs-13px);
  font-weight: 900;
  min-width: 148px;
}

.v13-chat-toggle.on {
  background: var(--lime);
  color: var(--gray-07);
  border-color: var(--lime);
}

.v13-chat-clear {
  border: 1px solid var(--slate-86);
  background: var(--gray-95b);
  color: var(--slate-17);
  border-radius: var(--radius-16);
  min-height: 40px;
  padding: var(--space-8) var(--space-16);
  font-size: var(--fs-13px);
  font-weight: 900;
  min-width: 148px;
}

.v13-chat-layout {
  display: grid;
  grid-template-columns: 210px minmax(0,1fr);
  gap: var(--space-14);
  align-items: stretch;
}

.v13-chat-tabs {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
  min-width: 0;
  max-height: 630px;
  overflow: auto;
}

.v13-chat-tab {
  min-height: 49px;
  padding: var(--space-12) var(--space-13) var(--space-12) var(--space-17);
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-left: 7px solid var(--chat-color);
  color: #15213b;
  border-radius: var(--radius-16);
  text-align: left;
  font-size: var(--fs-14px);
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.v13-chat-tab.selected {
  background: var(--chat-color);
  border-color: var(--chat-color);
  border-left-color: var(--chat-color);
}

.v13-chat-detail {
  min-width: 0;
  border: 1px solid var(--slate-88);
  border-left: var(--space-6) solid var(--chat-color);
  border-radius: var(--radius-17);
  padding: var(--space-17) var(--space-20);
  display: flex;
  flex-direction: column;
  min-height: 450px;
}

.v13-chat-detail h3 {
  font-size: 24px;
  font-weight: 950;
  margin: var(--space-6) 0 var(--space-14);
  letter-spacing: -.035em;
}

.v13-chat-feed {
  background: var(--gray-96b);
  border-radius: var(--radius-16);
  padding: var(--space-14);
  min-height: 280px;
  max-height: 430px;
  overflow: auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-11);
  align-items: stretch;
}

.v13-chat-line {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
  align-items: flex-start;
}

.v13-chat-line.own {
  justify-content: flex-end;
}

.v13-chat-line.own .v13-chat-bubble {
  border: 2px solid #a078df;
  background: white;
  margin-right: 0;
}

.v13-chat-line.announcement .v13-chat-bubble {
  width: 100%;
  max-width: 100%;
  background: var(--lime);
  color: #121921;
  border: 0;
  border-radius: var(--radius-14);
  padding: var(--space-12);
}

.v13-chat-line.announcement {
  width: 100%;
}

.v13-chat-bubble {
  color: var(--gray-08);
  overflow-wrap: anywhere;
  display: inline-block;
  width: fit-content;
  max-width: 86%;
  background: var(--chat-color);
  border-radius: var(--radius-14);
  padding: var(--space-8) var(--space-10);
  border: 2px solid transparent;
  box-shadow: none;
  line-height: 1.48;
  font-size: var(--fs-13px);
  text-align: left;
  white-space: pre-wrap;
}

.v13-chat-empty {
  font-size: var(--fs-13px);
  color: var(--slate-40);
}

.v13-chat-entry {
  gap: var(--space-10);
  margin-top: var(--space-15);
  display: flex;
  position: relative;
  align-items: stretch;
}

.v13-chat-entry input {
  flex: 1;
  min-width: 0;
  background: var(--white);
  border: 1px solid var(--slate-86);
  border-radius: var(--radius-12);
  padding: var(--space-10) var(--space-12);
  font-size: var(--fs-14px);
}

.v13-chat-entry :disabled {
  opacity: .5;
  cursor: not-allowed;
}

.v13-chat-send {
  min-width: 114px;
  border-radius: var(--radius-16);
  background: var(--lime);
  color: var(--gray-07);
  font-weight: 900;
  padding: var(--space-10) var(--space-15);
}

.v13-sequence-list {
  display: grid;
  gap: var(--space-8);
  margin-top: var(--space-17);
}

.v13-sequence-item {
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-13);


  gap: var(--space-10);

  padding: var(--space-10);
  min-height: 78px;
  position: relative;
  overflow: visible;
}

.v13-sequence-item[data-seq-draggable] {
  cursor: grab;
}

.v13-sequence-grip {
  font-size: 19px;
  color: #7B838F;
  text-align: center;
  user-select: none;
  touch-action: none;
}

.v13-sequence-info {
  min-width: 0;
}

.v13-sequence-info strong {
  font-size: var(--fs-13px);
  font-weight: 950;
  display: block;
  overflow-wrap: anywhere;
}

.v13-sequence-info small {
  font-size: var(--fs-11px);
  color: var(--slate-40);
  display: block;
  margin-top: var(--space-3);
}

.v13-sequence-meta {
  display: flex;
  gap: var(--space-5);
  margin-top: var(--space-6);
}

.v13-sequence-badge {
  background: var(--gray-95c);
  color: #424A55;
  font-size: var(--fs-9px);
  font-weight: 900;
  border-radius: var(--radius-99);
  padding: var(--space-4) var(--space-8);
}

.v13-sequence-badge.live {
  background: #E7EEFF;
  color: #0039D6;
}

.v13-sequence-badge.completed {
  background: #EAF4E0;
  color: #31570D;
}

.v13-sequence-actions {

  align-items: center;

}

.v13-sequence-actions button {
  min-height: 33px;
  background: var(--gray-95e);
  color: var(--gray-07);
  border-radius: var(--radius-16);
  padding: var(--space-6) var(--space-10);
  font-size: var(--fs-10px);
  font-weight: 900;
}

.v13-sequence-actions button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.v13-start-sequence {
  background: var(--lime);
  color: var(--gray-07);
  padding: var(--space-10) var(--space-14);
  min-height: 42px;
  border-radius: var(--radius-16);
  font-weight: 950;
  font-size: var(--fs-12px);
  margin-top: var(--space-18);
}

.v13-primary-btn {
  background: var(--lime);
  color: var(--gray-07);
  padding: var(--space-10) var(--space-14);
  min-height: 42px;
  border-radius: var(--radius-16);
  font-weight: 950;
  font-size: var(--fs-12px);
}

.v13-content-types {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-8);
  margin: var(--space-18) 0;
}

.v13-type-choice {
  text-align: center;
  min-height: 88px;
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-16);
  padding: var(--space-12);
  display: grid;
  align-content: center;
  gap: var(--space-7);
  cursor: pointer;
}

.v13-type-choice b {
  font-size: var(--fs-13px);
  font-weight: 950;
}

.v13-type-choice small {
  font-size: var(--fs-11px);
  color: var(--slate-40);
}

.v13-type-choice.selected {
  border: 2px solid var(--blue);
  background: var(--slate-96c);
}

.v13-type-choice:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.v13-create-form {
  border-top: 1px solid var(--slate-88);
  margin-top: var(--space-16);
  padding-top: var(--space-16);
}

.v13-create-form label {
  font-size: var(--fs-12px);
  line-height: 1.45;
  font-weight: 900;
  display: block;
  min-width: 0;
}

.v13-create-form input:not([type=checkbox]) {
  display: block;
  width: 100%;
  margin-top: var(--space-5);
  border: 1.5px solid var(--slate-73);
  background: var(--white);
  border-radius: var(--radius-10);
  padding: var(--space-10) var(--space-12);
  font-size: var(--fs-14px);
  color: var(--gray-07);
  min-width: 0;
  font-weight: 550;
}

.v13-create-form textarea {
  display: block;
  width: 100%;
  margin-top: var(--space-5);
  border: 1.5px solid var(--slate-73);
  background: var(--white);
  border-radius: var(--radius-10);
  padding: var(--space-10) var(--space-12);
  font-size: var(--fs-14px);
  color: var(--gray-07);
  min-width: 0;
  font-weight: 550;
  resize: vertical;
  min-height: 75px;
}

.v13-create-form select {
  display: block;
  width: 100%;
  margin-top: var(--space-5);
  border: 1.5px solid var(--slate-73);
  background: var(--white);
  border-radius: var(--radius-10);
  padding: var(--space-10) var(--space-12);
  font-size: var(--fs-14px);
  color: var(--gray-07);
  min-width: 0;
  font-weight: 550;
}

.v13-create-form-head {
  display: flex;
  align-items: start;
  justify-content: space-between;
  gap: var(--space-16);
}

.v13-create-form-head .eyebrow {
  font-size: var(--fs-11px);
}

.v13-create-form-head h3 {
  font-size: 21px;
  font-weight: 950;
  margin: var(--space-6) 0 var(--space-12);
}

.v13-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-10);
  margin: var(--space-12) 0;
}

.v13-presenter-compose textarea {
  display: block;
  width: 100%;
  margin-top: var(--space-5);
  border: 1.5px solid var(--slate-73);
  background: var(--white);
  border-radius: var(--radius-10);
  padding: var(--space-10) var(--space-12);
  font-size: var(--fs-14px);
  color: var(--gray-07);
  min-width: 0;
  font-weight: 550;
}

.v13-presenter-compose {
  margin-top: var(--space-14);
  display: flex;
  align-items: end;
  gap: var(--space-8);
  flex-wrap: wrap;
}

.v13-presenter-compose label {
  font-size: var(--fs-12px);
  font-weight: 850;
  flex: 1;
}

.v13-module-fields {
  display: grid;
  gap: var(--space-14);
}

.v13-answer-fields {
  display: grid;
  gap: var(--space-13);
}

.v13-answer-field {
  display: grid;
  gap: var(--space-9);
}

.v13-answer-field .v13-check-row {
  display: flex;
  align-items: center;
  gap: var(--space-7);
  font-size: var(--fs-12px);
  cursor: pointer;
}

.v13-answer-field input[type=checkbox] {
  width: 18px;
  height: 18px;
  accent-color: var(--blue);
  margin: 0;
}

.v13-form-two {
  display: grid;
  grid-template-columns: minmax(0,4fr) minmax(140px,1fr);
  gap: var(--space-12);
  align-items: start;
}

.v13-required {
  color: var(--slate-40);
  font-size: var(--fs-11px);
  font-weight: 400;
}

.v13-create-submit {
  display: flex;
  justify-content: flex-end;
  margin: var(--space-18) 0 var(--space-4);
}

.v13-cockpit-workspace {
  border: var(--space-1) solid var(--slate-88);
  border-radius: var(--r);
  padding: var(--space-16);
  min-width: 0;
  background: var(--white);
}

.v13-content-toolbar {
  display: flex;
  align-items: center;
  gap: var(--space-13);
  overflow-x: auto;
  max-width: 100%;
  padding-bottom: 0;
}

.v13-content-toolbar>.eyebrow {flex: none;white-space: nowrap}
.v13-content-tools {
  display: flex;
  align-items: center;
  flex: none;
  gap: var(--space-7);
  margin-inline-start: auto;
}

.v13-content-tools .v13-soft-btn {
  min-height: 35px;
  padding: var(--space-7) var(--space-9);
  white-space: nowrap;
  text-align: center;
  font-size: var(--fs-12px);
  line-height: 1.2;
}

.v13-content-tools .trainer-edit-action {
  display: inline-grid;
  grid-template-areas: "label";
  place-items: center;
}

.v13-content-tools .trainer-edit-action::before {
  content: attr(data-size-label);
  visibility: hidden;
  grid-area: label;
}
.v13-content-tools .trainer-edit-action > span {grid-area:label}
.trainer-editor-actions {justify-content:flex-end}

.v13-live-card {
  border: 3px solid var(--blue);
  border-radius: var(--radius-16);
  padding: var(--space-19);
  min-height: 390px;
  margin-top: var(--space-13);
  background: var(--white);
}

.v13-live-card .v13-hint-tools {
  border-top: 1px solid #d9e1ed;
  padding-top: var(--space-15);
}

.v13-live-card .v13-inline-form {
  background: transparent;
  outline: 0;
  border: 0;
  box-shadow: none;
}

.v13-live-head {
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: var(--space-14);
}

.v13-live-head h2 {
  font-size: clamp(20px,2.1vw,28px);
  font-weight: 950;
  line-height: 1.18;
  color: var(--gray-07);
  margin: var(--space-5) 0;
  letter-spacing: -.035em;
}

.v13-live-timer {
  background: var(--yellow);
  color: var(--gray-08);
  border-radius: var(--radius-11);
  font-weight: 950;
  text-align: center;
  font-size: var(--fs-22px);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-8);
  min-width: var(--trainer-timer-width);
  width: var(--trainer-timer-width);
  min-height: var(--trainer-timer-height);
  padding: var(--space-10) var(--space-13);
  flex-shrink: 0;
  font-variant-numeric: tabular-nums;
}

.v13-live-timer > .trainer-timer-input {
  flex: 1;
  width: 0;
  min-width: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.v13-live-timer::before {
  content: none;
}

.v13-live-timer>span {
  flex: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.v13-answer-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: var(--space-8);
  margin-top: var(--space-26);
}

.v13-answer-list>div {
  border: 1.5px solid #BFC8D4;
  border-radius: var(--radius-12);
  padding: var(--space-12);
  display: flex;
  align-items: center;
  gap: var(--space-9);
  font-size: var(--fs-13px);
  font-weight: 750;
  min-height: 54px;
}

.v13-answer-list b {
  font-size: var(--fs-16px);
}

.v13-live-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-top: var(--space-25);
}

.v13-live-actions .v13-primary-btn:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.v13-small-monitor {
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-16);
  padding: var(--space-12);
  background: var(--white);
  margin-top: var(--space-10);
}

.v13-monitor-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-9);
}

.v13-monitor-head strong {
  font-size: var(--fs-13px);
  display: block;
}

.v13-score-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-10);
  margin: var(--space-15) 0;
}

.v13-score-card {
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-13);
  background: var(--white);
  padding: var(--space-14);
}

.v13-score-card h3 {
  font-size: var(--fs-16px);
  margin: var(--space-2) 0 var(--space-10);
}

.v13-score-row {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--slate-88);
  padding: var(--space-9) 0;
  gap: var(--space-8);
}

.v13-score-row span {
  font-size: var(--fs-13px);
}

.v13-score-row > span {
  min-width: 0;
  overflow-wrap: anywhere;
}

.v13-score-row strong {
  font-size: var(--fs-14px);
  flex-shrink: 0;
  white-space: nowrap;
}

.v13-score-team {
  display: grid;
  gap: var(--space-3);
}

.v13-score-members {
  color: var(--muted);
  font-size: var(--fs-12px);
}

.v13-status-entry {
  padding: var(--space-12) 0;
  border-bottom: 1px solid var(--slate-91b);
  font-size: var(--fs-12px);
  overflow-wrap: anywhere;
}

.v13-status-entry:first-child {
  border-top: 1px solid var(--slate-91b);
}

.v13-status-entry>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-7);
  flex-wrap: wrap;
}

.v13-status-entry strong {
  font-size: var(--fs-12px);
  color: var(--gray-08);
}

.v13-status-entry>p {
  margin: var(--space-8) 0;
  line-height: 1.45;
  font-size: var(--fs-12px);
  color: var(--gray-08);
}

.v13-status-entry>small {
  display: block;
  font-size: var(--fs-10px);
  line-height: 1.4;
  color: #68778d;
}

.v13-status-mark {
  display: inline-block;
  font-weight: 800;
  font-size: var(--fs-10px);
  border-radius:var(--space-8);
  padding: var(--space-5) var(--space-7);
  color: #152136;
}

.v13-test-status {
  margin-top: var(--space-11);
}

.v13-mention-wrap {
  display: flex;
  flex: 1;
  min-width: 0;
  position: relative;
}

.v13-mention-wrap>input {
  width: 100%;
  min-width: 0;
  font-size: var(--fs-16px);
}

.v13-mention-options {
  position: absolute;
  z-index: 30;
  left: 0;
  right: 0;
  bottom: calc(100% + 6px);
  border: 1px solid #d5dce8;
  background: white;
  border-radius: var(--radius-13);
  padding: var(--space-6);
  box-shadow: 0 7px 25px #101c2b25;
}

.v13-mention-options[hidden] {
  display: none !important;
}

.v13-mention-options button {
  border: 0;
  background: #f7f8fa;
  border-radius: var(--radius-9);
  display: block;
  width: 100%;
  padding: var(--space-12);
  text-align: left;
  font-size: var(--fs-13px);
  color: #132447;
}

.v13-chat-locked-note {
  font-size: var(--fs-11px);
  margin-top: var(--space-7);
  color: var(--slate-40);
}

.v13-monitor-items {
  overflow: auto;
  max-height: 330px;
  margin-top: var(--space-11);
  scrollbar-gutter: stable;
}

.v13-monitor-msg {
  border-left: 4px solid var(--gdmm-monitor-accent);
  border-bottom: 1px solid #e6e9ee;
  padding: var(--space-8) var(--space-9);
  margin: 0;
  overflow-wrap: anywhere;
}

.v13-monitor-msg small {
  display: block;
  color: #657186;
  font-size: var(--fs-10px);
}

.v13-monitor-msg b {
  font-size: var(--fs-12px);
  display: block;
  margin: var(--space-3) 0;
}

.v13-monitor-msg p {
  font-size: var(--fs-11px);
  line-height: 1.4;
  margin: var(--space-3) 0;
  color: #293448;
}

.v13-monitor-switch {
  margin-top: var(--space-12);
}

.v13-monitor-switch .v13-chat-controls {
  justify-content: start;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: var(--space-6);
  width: 100%;
  align-items: stretch;
}

.v13-monitor-switch .v13-chat-toggle,
.v13-monitor-switch .v13-chat-clear {
  flex: 1;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
  font-size: var(--fs-10px);
  white-space: normal;
  padding: var(--space-4);
}

.v13-timer-pause {
  color: #171b24;
  font-weight: 950;
  cursor: pointer;
  padding: 0;
  width: 24px;
  min-width: 24px;
  font-size: var(--fs-22px);
  background: none;
}

/* Spezifität bewusst erhöht (ersetzt ein früheres !important) */
.v13-timer-pause.v13-timer-pause.v13-timer-pause {
  border: 0;
  border-right: 0;
}

.v13-timer-pause::after {
  content: none;
}

.v13-hint-tools {
  border-top: 1px solid #e1e5ed;
  padding-top: var(--space-13);
  margin-top: var(--space-18);
  display: grid;
  gap: var(--space-11);
}

.v13-hint-tools>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-10);
}

.v13-hint-tools strong {
  font-size: var(--fs-12px);
}

.v13-hint-tools p {
  margin: 0;
  background: #fff2c3;
  padding: var(--space-13);
  border-radius: var(--radius-12);
  font-size: var(--fs-13px);
}

.v13-hint-tools .v13-solution-box {
  background: var(--lime-light);
}

.v13-yellow-btn {
  background: #ffe48a;
  border: 0;
  border-radius: var(--radius-15);
  padding: var(--space-9) var(--space-13);
  font-weight: 850;
  color: #151821;
}

.v13-browse-nav {
  display: flex;
  justify-content: space-between;
  gap: var(--space-8);
  margin: var(--space-13) 0;
}

.v13-live-action-box {
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-14);
  padding: var(--space-14);
  margin-top: var(--space-14);
}

.v13-live-action-box .v13-live-actions {
  margin: 0;
  justify-content: space-between;
}

.v13-presenter-controller {
  background: var(--white);
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-14);
  padding: var(--space-14);
  margin-top: var(--space-14);
}

.v13-presenter-controller>.eyebrow {
  color: var(--blue);
}

.v13-presenter-modes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-7);
  margin: var(--space-12) 0;
}

.v13-presenter-modes button {
  border: 0;
  border-radius: var(--radius-15);
  background: var(--gray-95b);
  font-size: var(--fs-12px);
  padding: var(--space-10) var(--space-14);
  font-weight: 900;
  color: #131b27;
}

.v13-presenter-modes button.selected {
  background: var(--lime);
}

.v13-review-row {
  display: grid;
  grid-template-columns: minmax(76px,.7fr) minmax(100px,1.5fr) auto;
  align-items: center;
  gap: var(--space-8);
  padding: var(--space-12) var(--space-5);
  border-bottom: 1px solid var(--slate-91c);
  font-size: var(--fs-12px);
}

.v13-review-row>span {
  overflow-wrap: anywhere;
}

.v13-review-row>div {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
}

.v13-buzzer-review {
  border: 1px solid var(--slate-88);
  border-radius: var(--radius-12);
  padding: var(--space-11);
  margin: var(--space-12) 0;
}

.v13-buzzer-review>strong {
  font-size: var(--fs-11px);
  letter-spacing: .04em;
}

.v13-inline-form {
  margin-top: var(--space-20);
  display: grid;
  gap: var(--space-11);
}

.v13-inline-form label {
  font-size: var(--fs-12px);
  font-weight: 900;
  display: grid;
  gap: var(--space-6);
}

.v13-inline-form .form-control {
  width: 100%;
  font-size: var(--fs-14px);
}

.v13-inline-form textarea {
  min-height: 80px;
}

.v13-settings-description {
  color: #5b6575;
  font-size: var(--fs-13px);
  margin: var(--space-10) 0 var(--space-15);
}

.v13-setting-row {
  border-top: 1px solid #e0e5ec;
  padding: var(--space-15) var(--space-2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
}

.v13-setting-row>div {
  display: grid;
  gap: var(--space-4);
}

.v13-setting-row b {
  font-size: var(--fs-14px);
}

.v13-setting-row small {
  font-size: var(--fs-12px);
  color: #697386;
}

.v13-setting-switch {
  border: 0;
  border-radius: var(--radius-50);
  padding: var(--space-9) var(--space-15);
  background: #edf0f3;
  color: #242c38;
  min-width: 65px;
  font-weight: 900;
}

.v13-setting-switch.on {
  background: var(--lime);
  color: #101621;
}

.v13-invite-qr {
  display: flex;
  justify-content: center;
  padding: var(--space-18) 0 var(--space-10);
  margin: 0 auto;
}

.v13-invite-qr svg {
  max-width: min(100%,240px);
  height: auto;
}

.v13-invite-link {
  padding: var(--space-10) var(--space-12);
  background: #f4f6f8;
  overflow-wrap: anywhere;
  border-radius: var(--radius-11);
  text-align: center;
  font-size: var(--fs-12px);
}

.v13-challenge-create {
  display: grid;
  gap: var(--space-14);
}

.v13-challenge-create>label {
  display: grid;
  gap: var(--space-7);
  font-weight: 850;
  font-size: var(--fs-13px);
}

.v13-creator-field {
  padding: var(--space-12);
  border: 1px solid #dce1e8;
  border-radius: var(--radius-13);
  display: grid;
  gap: var(--space-8);
}

.v13-creator-field legend {
  font-size: var(--fs-13px);
  font-weight: 900;
  padding: 0 var(--space-5);
}

.v13-creator-choice {
  display: flex;
  align-items: start;
  gap: var(--space-9);
  padding: var(--space-12);
  border: 1px solid #dee5ed;
  border-radius: var(--radius-12);
  cursor: pointer;
}

.v13-creator-choice input {
  accent-color: var(--blue);
  margin-top: var(--space-3);
}

.v13-creator-choice span {
  display: grid;
  gap: var(--space-4);
}

.v13-creator-choice strong {
  font-size: var(--fs-13px);
}

.v13-creator-choice small {
  color: #697587;
  font-size: var(--fs-11px);
}

.v13-creator-choice:has(input:checked) {
  border: 2px solid var(--blue);
  background: var(--slate-97);
  padding: var(--space-11);
}

.v13-json-drop {
  background: var(--gray-97b);
  border: 1px dashed #b7c4d7;
  padding: var(--space-14);
  border-radius: var(--radius-12);
  display: grid;
  gap: var(--space-7);
}

.v13-json-drop b {
  font-size: var(--fs-13px);
}

.v13-json-drop p {
  font-size: var(--fs-12px);
  margin: 0;
}

.v13-json-drop small {
  font-size: var(--fs-10px);
  color: #637084;
}

.v13-challenge-row {
  display: flex;
  align-items: center;
  gap: var(--space-10);
  flex-wrap: wrap;
  position: relative;
  overflow: visible;
}

.v13-challenge-row>div:first-of-type {
  flex: 1;
  min-width: 170px;
}

.v13-challenge-row .v13-sequence-grip {
  cursor: grab;
  color: #77869a;
}

.v13-challenge-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-5);
  align-items: center;
}

.v13-challenge-actions button {
  flex-shrink: 0;
}

.v13-delete-icon {
  color: #a52e2e;
}

.v13-review-pill {
  background: #ede6ff;
  border-radius: var(--radius-20);
  padding: var(--space-7) var(--space-10);
  font-size: var(--fs-11px);
  font-weight: 900;
}

.v13-review-comment {
  background: var(--gray-96c);
  border-radius: var(--radius-12);
  padding: var(--space-14);
  margin: var(--space-15) 0;
  font-size: var(--fs-13px);
}

.v13-ceremony-demo {

  color: white;
  border-radius: var(--radius-16);

  margin: var(--space-16) 0;
}

.v13-ceremony-demo>span {

  font-size: var(--fs-10px);
  font-weight: 900;
  letter-spacing: .08em;
}

.v13-ceremony-row {
  border-bottom: 1px solid var(--gray-100-a33);
  padding: var(--space-13) var(--space-2);
  display: flex;
  justify-content: space-between;
  gap: var(--space-12);
  align-items: center;
}

.v13-ceremony-row strong {
  flex: 1;
}

.v13-ceremony-row b {
  font-size: var(--fs-14px);
}

.v13-library-heading {
  display: flex;
  justify-content: space-between;
  gap: var(--space-14);
  align-items: center;
  flex-wrap: wrap;
}

.v13-library-filters {
  display: flex;
  align-items: center;
  gap: var(--space-8);
  flex-wrap: wrap;
  margin: var(--space-17) 0;
}

.v13-library-filters button {
  border: 0;
  background: var(--gray-95b);
  color: #18253a;
  border-radius: var(--radius-14);
  padding: var(--space-10) var(--space-16);
  font-weight: 850;
}

.v13-library-filters button.selected {
  background: var(--blue);
  color: white;
}

.v13-library-list {
  display: grid;
  gap: var(--space-9);
}

.v13-library-item {
  display: flex;
  gap: var(--space-14);
  align-items: center;
  justify-content: space-between;
  background: white;
  border: 1px solid #dce2ea;
  border-radius: var(--radius-13);
  padding: var(--space-16);
}

.v13-library-item>div:first-child {
  min-width: 0;
  display: grid;
  gap: var(--space-5);
}

.v13-library-item strong {
  font-size: var(--fs-14px);
}

.v13-library-item small {
  font-size: var(--fs-11px);
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .04em;
}

.v13-library-item p {
  font-size: var(--fs-12px);
  color: #6b7380;
  margin: 0;
}

.v13-library-actions {
  display: flex;
  gap: var(--space-6);
  flex-wrap: wrap;
}

.v13-participant-author-head {
  background: var(--gray-97b);
  border-radius: var(--radius-13);
  padding: var(--space-14);
  margin: var(--space-12) 0;
  display: flex;
  gap: var(--space-10);
  flex-wrap: wrap;
  align-items: center;
}

.v13-participant-author-head b {
  font-size: var(--fs-16px);
  flex: 1 1 auto;
}

.v13-participant-author-head small {
  flex: 1 0 100%;
  color: #6a7688;
}

.v13-participant-share {
  border: 1px solid var(--slate-90b);
  border-radius: var(--radius-13);
  padding: var(--space-14);
  margin: var(--space-15) 0;
  display: grid;
  gap: var(--space-10);
}

.v13-participant-share>strong {
  font-size: var(--fs-13px);
}

.v13-share-link-line {
  display: flex;
  gap: var(--space-7);
}

.v13-share-link-line input {
  flex: 1;
  min-width: 0;
}

.v13-participant-content-list {
  display: grid;
  gap: var(--space-6);
  margin: var(--space-10) 0 var(--space-20);
}

.v13-participant-content-list>div {
  background: var(--white);
  border: 1px solid var(--slate-90b);
  border-radius: var(--radius-12);
  padding: var(--space-11);
  display: grid;
  gap: var(--space-4);
}

.v13-participant-content-list small {
  color: #697689;
}

.gdmm-library-search {
  display: grid;
  gap: var(--space-9);
  margin: var(--space-26) 0 var(--space-15);
}

.gdmm-library-search label {
  font-size: var(--fs-13px);
  font-weight: 900;
}

.gdmm-library-entries {
  display: grid;
  gap: var(--space-8);
  max-height: min(58vh,660px);
  overflow-y: auto;
  padding-right: var(--space-3);
}

.gdmm-library-entry {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-12);
  border: 1px solid var(--slate-90);
  border-radius: var(--radius-13);
  padding: var(--space-13) var(--space-15);
  background: var(--white);
}

.gdmm-library-details {
  min-width: 0;
  display: grid;
  gap: var(--space-5);
}

.gdmm-library-details strong {
  font-size: var(--fs-15px);
}

.gdmm-library-details small {
  color: #6c7789;
}

.gdmm-library-tools {
  display: flex;
  gap: var(--space-8);
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.gdmm-library-tools button {
  flex: none;
}

.gdmm-danger-soft {
  background: #fff0f0;
  border: 1px solid #f2c5c5;
  color: #831e26;
  font-weight: 850;
}

.gdmm-freetext-question {
  padding: var(--space-20) var(--space-23);
  background: #eef2f6;
  border: 1px solid #c7d0de;
  border-left: 6px solid var(--blue);
  border-radius: var(--radius-12);
  font-size: var(--fs-18px);
  font-weight: 850;
  margin: var(--space-26) 0 var(--space-18);
}

.v13-freetext-responses {
  border-top: 1px solid #d9e2ef;
  padding: var(--space-16) 0 var(--space-4);
  margin-top: var(--space-12);
}

.gdmm-answer-row {
  display: grid;
  grid-template-columns: 90px minmax(140px,1fr) 24px 24px auto;
  min-width: 820px;
  align-items: center;
  gap: var(--space-10);
  padding: var(--space-12) var(--space-8);
  border: 1px solid #dbe2ed;
  border-radius: var(--radius-11);
  margin-top: var(--space-8);
}

.gdmm-answer-row>span {
  font-size: var(--fs-13px);
}

.gdmm-answer-row>strong {
  font-size: var(--fs-14px);
}

.gdmm-grade-wrap {
  display: flex;
  gap: var(--space-7);
  align-items: center;
  flex-wrap: nowrap;
  font-size: var(--fs-12px);
}

.gdmm-grade-wrap label {
  display: flex;
  align-items: center;
  gap: var(--space-6);
}

.gdmm-grade-wrap input {
  width: 65px;
  border: 1px solid #cbd5e5;
  border-radius: var(--radius-9);
  padding: var(--space-8);
}



.gdmm-drop-before::before {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--lime);
  z-index: 7;
  pointer-events: none;
  box-shadow: none;
  top: -7px;
}

.gdmm-drop-after::after {
  content: "";
  display: block;
  position: absolute;
  left: 8px;
  right: 8px;
  height: 4px;
  border-radius: var(--radius-pill);
  background: var(--lime);
  z-index: 7;
  pointer-events: none;
  box-shadow: none;
  bottom: -7px;
}

.gdmm-team-hover {
  background: color-mix(in srgb,var(--team-color) 85%,white);
  border-color: transparent;
  box-shadow: none;
  outline: 0;
  transform: none;
}

/* Spezifität bewusst erhöht (ersetzt ein früheres !important) */
.gdmm-person-dragging.gdmm-person-dragging.gdmm-person-dragging {
  cursor: grabbing;
}

.gdmm-person-dragging {
  opacity: .78;
}

.gdmm-pointer-dragging {
  cursor: grabbing;
}

/* Spezifität bewusst erhöht (ersetzt ein früheres !important) */
.gdmm-pointer-dragging.gdmm-pointer-dragging.gdmm-pointer-dragging * {
  cursor: grabbing;
}

@media (max-width: 1370px) {
  .v13-team-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

}

@media (max-width: 1330px) {

  .lf-global-actions .btn {
    font-size: .71rem;
  }

  .lf-lobby-grid {
    grid-template-columns: minmax(0,1fr) minmax(0,1.25fr);
  }

  .lf-lobby-grid>.lf-monitor-column {
    grid-column: 1/-1;
    grid-template-columns: 1fr 200px;
    align-items: start;
  }

}

@media (max-width: 1320px) {
  .gdmm-trainer-focus .lf-lobby-grid {
    grid-template-columns: minmax(190px,220px) minmax(0,1fr) 295px;
  }

}

@media (max-width: 1090px) {
  .gdmm-trainer-focus .lf-lobby-grid {
    grid-template-columns: minmax(190px,1fr) minmax(0,1.5fr);
  }

  .gdmm-trainer-focus .lf-lobby-grid>.lf-monitor-column {
    grid-column: 1/-1;
    grid-template-columns: minmax(0,1fr) 170px;
  }

}

@media (max-width: 1080px) {
  .gdmm-trainer-focus .lf-lobby-grid>.lf-monitor-column {
    border-left: 0;
    border-top: 1px solid var(--slate-88);
    gap: var(--space-12);
  }

  .gdmm-trainer-focus .lf-lobby-grid>.lf-monitor-column>.lf-panel {
    margin: 0;
  }

  .gdmm-trainer-focus .lf-cockpit-grid {
    grid-template-columns: minmax(0,1fr);
  }

  .gdmm-trainer-focus .lf-cockpit-grid>.lf-monitor-column {
    border-left: 0;
    border-top: 1px solid var(--slate-88);
    grid-template-columns: 1fr 1fr;
  }

  .v13-chat-controls {
    justify-content: flex-start;
  }

  .v13-chat-layout {
    grid-template-columns: 175px minmax(0,1fr);
  }

}

@media (max-width: 1000px) {

  .lf-global-head {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: var(--space-16);
  }

  .lf-content {
    padding: var(--space-13);
  }

  .lf-cockpit-grid {
    grid-template-columns: minmax(0,1fr);
  }

  .lf-cockpit-grid>.lf-monitor-column {
    grid-template-columns: 1fr 1fr;
  }



}

@media (max-width: 950px) {
  .trainer-duo {
    grid-template-columns: 1fr;
  }

  .trainer-types {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

}

@media (max-width: 900px) {
  .v13-review-row {
    grid-template-columns: 1fr auto;
  }

  .v13-review-row>span {
    grid-column: 1/-1;
  }

  .v13-library-item {
    align-items: start;
  }

}

@media (max-width: 870px) {
  .gdmm-trainer-focus .lf-challenge>.v13-challenge-actions {
    width: 100%;
    flex-basis: 100%;
    justify-content: flex-start;
  }

}

@media (max-width: 750px) {
  .gdmm-trainer-focus .lf-lobby-grid {
    display: block;
  }

  .gdmm-trainer-focus .lf-lobby-grid>.lf-monitor-column {
    display: grid;
    grid-template-columns: 1fr;
  }

  .gdmm-trainer-focus .lf-join-close {
    margin-left: 0;
  }

  .gdmm-trainer-focus .lf-join-strip {
    gap: var(--space-7);
  }

  .gdmm-trainer-focus .lf-join-strip>* {
    max-width: 100%;
  }

  .v13-participants-panel {
    border-right: 0;
    border-bottom: 1px solid var(--slate-88);
  }

  .v13-team-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .v13-chat-summary {
    display: block;
  }

  .v13-chat-controls {
    margin: var(--space-12) 0 var(--space-4);
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .v13-chat-toggle,
  .v13-chat-clear {
    min-width: 0;
    font-size: var(--fs-12px);
  }

  .v13-chat-layout {
    grid-template-columns: 1fr;
  }

  .v13-chat-tabs {
    flex-direction: row;
    overflow-x: auto;
  }

  .v13-chat-tab {
    min-width: 105px;
    flex: none;
  }

  .v13-chat-detail {
    min-height: 350px;
    padding: var(--space-12);
  }

  .v13-chat-feed {
    min-height: 220px;
  }

  .v13-sequence-item {
    grid-template-columns: 20px minmax(0,1fr);
    gap: var(--space-8);
  }

  .v13-sequence-actions {
    grid-column: 2;
    justify-content: start;
    flex-wrap: wrap;
  }

  .v13-content-types {
    grid-template-columns: repeat(2,minmax(0,1fr));
  }

  .v13-form-grid,
  .v13-form-two,
  .v13-answer-list,
  .v13-score-grid {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 680px) {

  .lf-logo {
    font-size: var(--fs-120);
  }

  .lf-global-head {
    min-height: 0;
  }

  .lf-global-title h1 {
    font-size: var(--fs-120);
  }

  .lf-join-strip {
    gap: var(--space-7);
  }

  .lf-lobby-grid {
    display: block;
  }

  .lf-lobby-grid>.lf-panel {
    margin-bottom: var(--space-12);
  }

  .lf-lobby-grid>.lf-monitor-column {
    margin-bottom: var(--space-12);
    display: grid;
    grid-template-columns: 1fr;
  }

  .lf-panel {
    padding: var(--space-15);
  }

  .lf-start-btn {
    width: 100%;
  }

  .lf-cockpit-grid>.lf-monitor-column {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 670px) {
  .gdmm-library-entry {
    align-items: flex-start;
    flex-direction: column;
  }

  .gdmm-library-tools {
    justify-content: start;
  }

}

@media (max-width: 650px) {
  .trainer-types {
    grid-template-columns: 1fr;
  }

  .trainer-sequence-row {
    grid-template-columns: 28px 1fr auto;
  }

  .trainer-sequence-row span:nth-of-type(2) {
    grid-column: 2;
    grid-row: 2;
  }

  .trainer-sequence-row>div {
    grid-column: 3;
    grid-row: 1 /span 2;
  }

}

@media (max-width: 600px) {
  .v13-share-link-line {
    flex-wrap: wrap;
  }

  .v13-share-link-line input {
    flex: 1 1 100%;
  }

  .gdmm-library-entry {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .gdmm-library-tools {
    width: 100%;
    justify-content: flex-start;
  }

}

@media (max-width: 580px) {
  .v13-chat-entry {
    flex-wrap: wrap;
  }

  .v13-chat-send {
    flex: 1;
  }


  .v13-live-head {
    flex-wrap: wrap;
  }

  .v13-live-timer {
    min-width: 130px;
    width: 130px;
  }

  .v13-mention-wrap {
    flex: 1 1 100%;
  }

  .v13-review-row {
    grid-template-columns: 1fr;
  }

  .v13-setting-row {
    gap: var(--space-6);
  }

  .v13-challenge-row>div:first-of-type {
    min-width: 130px;
  }

  .v13-challenge-actions {
    width: 100%;
  }

  .v13-library-item {
    flex-direction: column;
  }


}

@media (max-width: 390px) {
  .v13-team-grid,
  .v13-chat-controls {
    grid-template-columns: 1fr;
  }

}

@media (max-width: 380px) {
  .v13-monitor-switch .v13-chat-controls {
    grid-template-columns: 1fr;
  }

  .v13-monitor-switch .v13-chat-toggle,
  .v13-monitor-switch .v13-chat-clear {
    height: 44px;
  }

}

/* Announcements use the approved participant announcement color. */
.v13-chat-line.own.announcement .v13-chat-bubble {
  width: 100%;
  max-width: 100%;
  background: var(--lime);
  border: 0;
}