/* Support-Sitzung (AFU-263): Baustein aus js/remote-support.js, im Kasten „Support“ der Bedienseite (AFU-269, unten rechts)
   und auf der Seite des Clients ohne Station (afu-remote support, 127.0.0.1:8076). Nur Variablen aus style.css. */
.sp-kasten { display: flex; flex-direction: column; gap: 0.6rem; }
.sp-stand { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; min-height: 2rem; }
.sp-stand-text { flex: 1 1 14rem; color: var(--muted); }
.sp-stand.sp-laeuft .sp-stand-text { color: var(--fg); font-weight: 600; }
.sp-stand.sp-laeuft { padding: 0.4rem 0.6rem; border: 1px solid color-mix(in srgb, #f59e0b 45%, transparent);
  background: color-mix(in srgb, #f59e0b 10%, transparent); border-radius: 9px; }


.sp-anweisung { padding: 0.8rem 1rem; border: 1px solid color-mix(in srgb, var(--accent) 40%, transparent);
  background: color-mix(in srgb, var(--accent) 10%, var(--card-bg)); border-radius: var(--radius);
  display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }
.sp-anweisung-text { flex: 1 1 16rem; margin: 0; font-size: 1.25rem; line-height: 1.4; white-space: pre-wrap;
  overflow-wrap: anywhere; }
.sp-countdown { font-size: 1.8rem; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--accent); }
.sp-countdown.sp-um { color: #10b981; }
.sp-knoepfe { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.sp-knoepfe:empty, .sp-offen:empty { display: none; }
.sp-knopf { min-width: 7rem; }
.sp-laeuft-text { margin: 0; color: #f59e0b; }
.sp-protokoll > summary { cursor: pointer; color: var(--muted); }
.sp-protokoll > .btn-sm { margin: 0.4rem 0; }
.sp-liste { list-style: none; margin: 0; padding: 0; max-height: 22rem; overflow: auto; font-size: 0.85rem;
  border-top: 1px solid var(--border); }
.sp-e { display: grid; grid-template-columns: 4.6rem 4.6rem minmax(0, 1fr); gap: 0.4rem; padding: 0.25rem 0;
  border-bottom: 1px solid var(--border); }
.sp-e .sp-zeit, .sp-e .sp-wer { color: var(--muted); }
.sp-von-afu .sp-wer { color: var(--accent); }
.sp-von-du .sp-wer { color: #10b981; }
.sp-text { overflow-wrap: anywhere; }
.sp-daten { grid-column: 1 / -1; }
.sp-daten pre { max-height: 16rem; overflow: auto; margin: 0.2rem 0 0; font-size: 0.78rem; white-space: pre-wrap; }
/* AFU-269: Freigaben im Kasten statt als Dialog, Kreisel nach einem Knopfdruck */
.sp-freigaben { display: flex; flex-direction: column; gap: 0.5rem; }
.sp-freigaben:empty { display: none; }
.sp-freigabe { padding: 0.7rem 0.9rem; border: 1px solid color-mix(in srgb, #f59e0b 55%, transparent);
  background: color-mix(in srgb, #f59e0b 10%, var(--card-bg)); border-radius: var(--radius); }
.sp-freigabe.sp-gefahr { border-color: color-mix(in srgb, #ef4444 55%, transparent); }
.sp-freigabe-titel { margin: 0 0 0.2rem; font-weight: 600; }
.sp-freigabe-text { margin: 0 0 0.4rem; overflow-wrap: anywhere; }
.sp-freigabe .sp-roh { padding: 0.5rem 0.7rem; border: 1px solid var(--border); border-radius: 9px; background: var(--bg2);
  white-space: pre-wrap; overflow-wrap: anywhere; margin: 0 0 0.4rem; }
.sp-freigabe .sp-immer { display: flex; align-items: center; gap: 0.4rem; margin: 0.2rem 0; }
.sp-freigabe-fuss { margin: 0.3rem 0 0; }
.sp-warte { display: flex; align-items: center; gap: 0.3rem; margin: 0; color: var(--muted); }
.sp-chat { margin: 0; }
.sp-fuss { margin: 0; }