/* R1SE Academy, Support-Bereich (2026-11-05): FAQ, Frage stellen, Meine Anfragen (js/support.js). Nur Farbvariablen. */
.sp-reiter a{padding:11px 14px;font-weight:700;font-size:14px;color:var(--mute);border-bottom:2px solid transparent;white-space:nowrap;display:flex;gap:6px;align-items:center;text-decoration:none}
.sp-reiter a.an{color:var(--text);border-color:var(--red)}
.sp-reiter a:hover{color:var(--text)}
.sp-zahl{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--panel2);border:1px solid var(--line);color:var(--mute);font-size:11px;font-weight:800}
.sp-intro{line-height:1.6}
.sp-intro p+p{margin-top:8px}
.sp-suchkarte{padding:14px}
.sp-suchfeld{position:relative;display:block}
.sp-suchfeld>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--mute);pointer-events:none}
.sp-suchfeld input{padding-left:42px;min-height:48px;font-size:16px;width:100%}
.sp-kats{margin-top:10px;flex-wrap:wrap}
.sp-gruppe>h3 svg{width:16px;height:16px}
.sp-eintrag{border-top:1px solid var(--line)}
.sp-gruppe>h3+.sp-eintrag,.sp-gruppe>.sp-eintrag:first-child{border-top:0}
.sp-eintrag>summary{list-style:none;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 2px;cursor:pointer;font-weight:700;line-height:1.35}
.sp-eintrag>summary::-webkit-details-marker{display:none}
.sp-eintrag>summary>svg{width:18px;height:18px;color:var(--mute);flex:none;transition:transform .15s}
.sp-eintrag[open]>summary>svg{transform:rotate(180deg)}
.sp-eintrag>summary:hover{color:var(--text)}
.sp-antwort{padding:0 2px 6px;line-height:1.6;color:var(--text);overflow-wrap:anywhere}
.sp-antwort p+p,.sp-antwort ul,.sp-antwort ol{margin-top:8px}
.sp-fuss{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 2px 14px;font-size:13px}
.sp-fuss .chip{height:34px;min-width:52px;justify-content:center}
.sp-fuss .knopf.leise{padding:0 8px}
mark{background:color-mix(in srgb,var(--warn) 35%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.sp-weiter .zeile{gap:12px;align-items:center}
/* Abstände zwischen den Karten wie überall (.karte+.karte greift nicht über die Hülle #sp-liste hinweg) */
#sp-liste>.karte:first-child{margin-top:14px}
#sp-liste+.sp-weiter{margin-top:14px}
.sp-weiter small{display:block;margin-top:2px}
.sp-weiter-ico{width:40px;height:40px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;flex:none}
.sp-weiter-ico svg{width:20px;height:20px}
.sp-frage .sp-anfrage-text{line-height:1.6;margin-bottom:14px}
.sp-frage .sp-anfrage-text p+p{margin-top:8px}
.sp-art{flex-wrap:wrap;margin-bottom:10px}
.sp-art .chip{height:38px}
.sp-art .chip.gesperrt{color:var(--mute)}
.sp-art .chip svg{width:14px;height:14px}
.sp-frage textarea{width:100%;min-height:120px;resize:vertical}
.sp-vorschlag{margin-top:10px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--panel2)}
.sp-vorschlag a{display:flex;align-items:center;gap:8px;padding:8px 2px;min-height:40px;color:var(--text);text-decoration:none;font-weight:600;font-size:14px}
.sp-vorschlag a+a{border-top:1px solid var(--line)}
.sp-vorschlag a svg{width:16px;height:16px;color:var(--mute);flex:none}
.sp-senden{margin-top:12px;gap:12px;align-items:center}
.sp-anfrage{display:flex;align-items:center;gap:10px;padding:12px 2px;min-height:56px;color:var(--text);text-decoration:none;border-top:1px solid var(--line)}
.sp-anfrage:first-child{border-top:0}
.sp-anfrage small{display:block;margin-top:2px}
.sp-anfrage>.dehnen{min-width:0}
.sp-anfrage b{display:block}
.sp-anfrage>svg{width:16px;height:16px;color:var(--mute);flex:none}
.sp-anfrage .marke{flex:none}
.sp-hinweis{font-size:13px;margin:10px 4px 0}
@media (max-width:700px){
  .sp-reiter a{padding:11px 8px}
  .sp-reiter a>svg{display:none}
  .sp-intro,.sp-frage .sp-anfrage-text{font-size:14px;line-height:1.5}
  .sp-intro{padding:14px}
  .sp-suchfeld input{font-size:16px}
  .sp-kats{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
  .sp-kats::-webkit-scrollbar{display:none}
  .sp-kats .chip{flex:none}
  .sp-senden{flex-direction:column;align-items:stretch}
  .sp-senden .knopf{width:100%}
  .sp-anfrage .marke{max-width:96px;white-space:normal;text-align:right}
  .sp-anfrage b.kuerzen{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
}

/* Support > Team (Runde 2, js/support_team.js) */
.spt-teile{margin-bottom:12px;flex-wrap:wrap}
.spt-teile .chip{height:38px}
.spt-anfrage .spt-kopf{gap:10px;align-items:flex-start}
.spt-anfrage .spt-kopf small{display:block;margin-top:2px}
.spt-anfrage .spt-kopf .marke{flex:none}
.spt-verlauf{display:flex;flex-direction:column;gap:6px;margin:12px 0;max-height:360px;overflow-y:auto;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.spt-msg{max-width:88%;border:1px solid var(--line);border-radius:12px;padding:6px 10px;background:var(--panel);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.spt-msg.spt-von-team{align-self:flex-end;border-color:color-mix(in srgb,var(--good) 45%,var(--line))}
.spt-msg small{display:block;margin-bottom:2px;font-size:11px}
.spt-anfrage textarea{width:100%;resize:vertical;min-height:80px}
.spt-knoepfe{margin-top:10px;gap:8px;flex-wrap:wrap;align-items:center}
.spt-zeile{display:flex;align-items:center;gap:8px;padding:10px 0;border-top:1px solid var(--line)}
.karte>h3+.spt-zeile,.spt-unter>b+.spt-zeile{border-top:0}
.spt-zeile .dehnen{min-width:0}
.spt-zeile b{display:block;line-height:1.35}
.spt-zeile small{display:block;margin-top:3px}
.spt-zeile.aus b{color:var(--mute)}
.spt-akt{display:flex;gap:2px;flex:none;align-items:center}
.spt-akt .symknopf:disabled{opacity:.3}
.spt-klick{cursor:pointer}
.spt-marke{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:1px 6px;border-radius:6px;border:1px solid var(--line);color:var(--mute)}
.spt-marke.entwurf{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 50%,var(--line))}
.spt-marke.live{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--line))}
.spt-faqkopf small{display:block;margin-top:2px}
.spt-unter{margin-top:14px;padding-top:12px;border-top:1px solid var(--line)}
.spt-unter>b{display:block;margin-bottom:6px}
.spt-haken{display:flex;flex-direction:column;gap:8px;margin:12px 0 4px;font-size:14px}
.spt-haken label{display:flex;gap:8px;align-items:flex-start}
.spt-haken input{margin-top:3px}
@media (max-width:700px){
  .spt-zeile{flex-wrap:wrap}
  .spt-zeile .dehnen{flex-basis:100%}
  .spt-zeile .spt-akt{margin-left:auto}
  .spt-msg{max-width:96%}
  .spt-knoepfe .knopf{flex:1 1 auto}
  .spt-faqkopf .zeile>.dehnen{flex-basis:100%}
}