/* ══════════════════════════════════════════════════════════════
   RheinAgent Systems · KI-Auswertung (Kundenbereich)
   Schwebender Knopf auf "Meine Website" und "Statistiken",
   dazu das Auswertungsfenster.
   ══════════════════════════════════════════════════════════════ */

/* ── Schwebender Knopf ─────────────────────────────────────── */
#ra-ki-fab{
  position:fixed;right:1.5rem;bottom:calc(1.5rem + 68px);z-index:901;
  display:none;align-items:center;gap:.55rem;padding:.72rem 1.05rem .72rem .85rem;
  border:none;border-radius:999px;cursor:pointer;font:inherit;font-size:.855rem;font-weight:650;
  color:var(--ra-akzent-text);
  background:linear-gradient(135deg,var(--ra-akzent),var(--ra-akzent-dunkel));
  box-shadow:0 10px 30px -8px rgba(13,21,38,.45),0 0 0 0 var(--ra-akzent-hell);
  transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s;
  animation:ra-ki-puls 3.6s ease-in-out infinite;
}
#ra-ki-fab.an{display:inline-flex}
#ra-ki-fab:hover{transform:translateY(-2px);box-shadow:0 16px 38px -10px rgba(13,21,38,.5)}
#ra-ki-fab:active{transform:scale(.96)}
#ra-ki-fab svg{width:19px;height:19px;flex:0 0 19px}
@keyframes ra-ki-puls{
  0%,100%{box-shadow:0 10px 30px -8px rgba(13,21,38,.45),0 0 0 0 var(--ra-akzent-hell)}
  50%    {box-shadow:0 10px 30px -8px rgba(13,21,38,.45),0 0 0 12px transparent}
}
@media (max-width:640px){
  #ra-ki-fab .ra-ki-fab-txt{display:none}
  #ra-ki-fab{padding:.85rem;border-radius:50%}
}

/* ── Fenster ───────────────────────────────────────────────── */
#ra-ki-backdrop{
  position:fixed;inset:0;z-index:4000;display:none;
  background:rgba(8,13,24,.55);backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:2.2rem 1.2rem;
}
#ra-ki-backdrop.auf{display:flex;animation:ra-ki-ein .2s ease}
@keyframes ra-ki-ein{from{opacity:0}to{opacity:1}}
.ra-ki-fenster{
  width:100%;max-width:1000px;max-height:min(90vh,880px);background:#fff;border-radius:20px;
  box-shadow:0 40px 100px -20px rgba(8,13,24,.55);display:flex;flex-direction:column;overflow:hidden;
  animation:ra-ki-hoch .26s cubic-bezier(.2,.7,.3,1);
}
@keyframes ra-ki-hoch{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}

.ra-ki-kopf{
  flex:0 0 auto;padding:1.25rem 1.5rem 1.15rem;color:#fff;position:relative;
  background:linear-gradient(135deg,var(--ra-akzent-dunkel),var(--ra-akzent));
}
.ra-ki-kopf::after{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(120% 140% at 88% -30%,rgba(255,255,255,.34),transparent 60%);
}
.ra-ki-kopf-reihe{display:flex;align-items:flex-start;gap:.85rem;position:relative;z-index:1}
.ra-ki-siegel{
  width:42px;height:42px;border-radius:13px;flex:0 0 42px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);
}
.ra-ki-siegel svg{width:22px;height:22px;color:#fff}
.ra-ki-kopf h2{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:-.015em;color:#fff}
.ra-ki-kopf p{margin:.15rem 0 0;font-size:.79rem;opacity:.85;color:#fff}
.ra-ki-kopf-rechts{margin-left:auto;display:flex;align-items:center;gap:.4rem;flex:0 0 auto}
.ra-ki-kbtn{
  border:1px solid rgba(255,255,255,.32);background:rgba(255,255,255,.14);color:#fff;
  border-radius:9px;padding:.42rem .7rem;font:inherit;font-size:.76rem;font-weight:600;cursor:pointer;
  display:inline-flex;align-items:center;gap:.35rem;transition:.15s;
}
.ra-ki-kbtn:hover{background:rgba(255,255,255,.26)}
.ra-ki-kbtn svg{width:14px;height:14px}
.ra-ki-zu{
  width:34px;height:34px;border-radius:9px;border:none;background:rgba(255,255,255,.14);color:#fff;
  font-size:1rem;line-height:1;cursor:pointer;transition:.15s;flex:0 0 34px;
}
.ra-ki-zu:hover{background:rgba(255,255,255,.28)}

/* ── Reiter ────────────────────────────────────────────────── */
.ra-ki-reiter{
  flex:0 0 auto;display:flex;gap:2px;padding:0 1.5rem;background:#fff;border-bottom:1px solid #e9edf4;
  overflow-x:auto;scrollbar-width:none;
}
.ra-ki-reiter::-webkit-scrollbar{display:none}
.ra-ki-reiter button{
  border:none;background:none;font:inherit;font-size:.83rem;font-weight:600;color:#6b7890;
  padding:.85rem .3rem;margin-right:1.4rem;cursor:pointer;position:relative;white-space:nowrap;transition:color .15s;
}
.ra-ki-reiter button:hover{color:#0d1526}
.ra-ki-reiter button.an{color:var(--ra-akzent-dunkel)}
.ra-ki-reiter button.an::after{
  content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--ra-akzent);
}
.ra-ki-reiter .ra-ki-rzahl{
  display:inline-block;margin-left:.4rem;font-size:.68rem;font-weight:700;background:#eef1f6;color:#5a6880;
  padding:.05rem .38rem;border-radius:999px;
}

/* ── Inhalt ────────────────────────────────────────────────── */
.ra-ki-koerper{flex:1;overflow-y:auto;padding:1.5rem;background:#f6f8fb}
.ra-ki-blatt{display:none}
.ra-ki-blatt.an{display:block;animation:ra-ki-sanft .24s ease}
@keyframes ra-ki-sanft{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.ra-ki-karte{
  background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:1.15rem 1.25rem;margin-bottom:.9rem;
}
.ra-ki-karte:last-child{margin-bottom:0}
.ra-ki-kicker{
  font-size:.63rem;letter-spacing:.13em;text-transform:uppercase;color:#96a1b5;font-weight:700;
  display:block;margin-bottom:.45rem;
}
.ra-ki-oben{display:flex;gap:1.4rem;align-items:center;flex-wrap:wrap}
.ra-ki-ring{position:relative;width:112px;height:112px;flex:0 0 112px}
.ra-ki-ring svg{width:112px;height:112px;transform:rotate(-90deg)}
.ra-ki-ring .bahn{fill:none;stroke:#eef1f6;stroke-width:9}
.ra-ki-ring .wert{fill:none;stroke:var(--ra-akzent);stroke-width:9;stroke-linecap:round;
  transition:stroke-dashoffset 1.1s cubic-bezier(.2,.7,.3,1)}
.ra-ki-ring-zahl{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
}
.ra-ki-ring-zahl b{font-size:1.85rem;font-weight:700;letter-spacing:-.03em;color:#0d1526;line-height:1}
.ra-ki-ring-zahl span{font-size:.62rem;color:#96a1b5;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin-top:.15rem}
.ra-ki-fazit{flex:1;min-width:240px}
.ra-ki-fazit h3{margin:0 0 .4rem;font-size:1.05rem;font-weight:700;color:#0d1526;letter-spacing:-.015em}
.ra-ki-fazit p{margin:0;font-size:.885rem;line-height:1.65;color:#3d4a60}
.ra-ki-fazit .ra-ki-punktetext{margin-top:.5rem;font-size:.75rem;color:#96a1b5}

.ra-ki-branche{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}
.ra-ki-branche-name{font-size:1rem;font-weight:700;color:#0d1526}
.ra-ki-chip{
  display:inline-flex;align-items:center;gap:.32rem;font-size:.73rem;font-weight:650;
  padding:.24rem .6rem;border-radius:999px;background:var(--ra-akzent-hell);color:var(--ra-akzent-dunkel);
}
.ra-ki-chip.grau{background:#eef1f6;color:#5a6880}
.ra-ki-begruendung{margin:.6rem 0 0;font-size:.82rem;color:#6b7890;line-height:1.6}

.ra-ki-befund{
  background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:1.05rem 1.15rem;margin-bottom:.75rem;
  position:relative;overflow:hidden;
}
.ra-ki-befund::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#cbd5e1}
.ra-ki-befund.hoch::before{background:#e11d48}
.ra-ki-befund.mittel::before{background:#f59e0b}
.ra-ki-befund.niedrig::before{background:#10b981}
.ra-ki-befund-kopf{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}
.ra-ki-befund-kopf h4{margin:0;font-size:.93rem;font-weight:700;color:#0d1526;flex:1;min-width:180px}
.ra-ki-schwere{font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  padding:.16rem .5rem;border-radius:999px;flex:0 0 auto}
.ra-ki-schwere.hoch{background:#fee2e2;color:#b91c1c}
.ra-ki-schwere.mittel{background:#fef3c7;color:#b45309}
.ra-ki-schwere.niedrig{background:#dcfce7;color:#15803d}
.ra-ki-zeile{display:flex;gap:.6rem;margin-top:.45rem;font-size:.855rem;line-height:1.62;color:#3d4a60}
.ra-ki-zeile b{flex:0 0 96px;color:#96a1b5;font-size:.7rem;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;padding-top:.22rem}
.ra-ki-tun{
  margin-top:.7rem;padding:.65rem .8rem;border-radius:10px;background:var(--ra-akzent-hell);
  font-size:.85rem;line-height:1.6;color:#0d1526;display:flex;gap:.55rem;
}
.ra-ki-tun svg{width:16px;height:16px;flex:0 0 16px;color:var(--ra-akzent-dunkel);margin-top:.15rem}

.ra-ki-text{background:#fff;border:1px solid #e6eaf2;border-radius:12px;padding:.95rem 1.05rem;margin-bottom:.65rem}
.ra-ki-text-stelle{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#96a1b5;margin-bottom:.5rem}
.ra-ki-text-paar{display:grid;grid-template-columns:1fr auto 1fr;gap:.7rem;align-items:center}
.ra-ki-text-alt{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:9px;padding:.5rem .7rem;font-size:.83rem;line-height:1.55}
.ra-ki-text-neu{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:9px;padding:.5rem .7rem;font-size:.83rem;line-height:1.55}
.ra-ki-pfeil{color:#c3cbd9;font-size:1rem}
@media (max-width:720px){ .ra-ki-text-paar{grid-template-columns:1fr} .ra-ki-pfeil{display:none} }

.ra-ki-chancen{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.8rem}
.ra-ki-chance{background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:1.05rem 1.15rem}
.ra-ki-chance h4{margin:0 0 .4rem;font-size:.93rem;font-weight:700;color:#0d1526;display:flex;gap:.5rem;align-items:center}
.ra-ki-chance h4 svg{width:16px;height:16px;color:var(--ra-akzent-dunkel);flex:0 0 16px}
.ra-ki-chance p{margin:0;font-size:.85rem;line-height:1.62;color:#3d4a60}

.ra-ki-laden{padding:2.4rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}
.ra-ki-laden h3{margin:1.1rem 0 .3rem;font-size:1.02rem;font-weight:700;color:#0d1526}
.ra-ki-laden p{margin:0;font-size:.83rem;color:#6b7890}
.ra-ki-funke{width:54px;height:54px;color:var(--ra-akzent);animation:ra-ki-dreh 2.4s linear infinite}
@keyframes ra-ki-dreh{to{transform:rotate(360deg)}}
.ra-ki-schritte{margin-top:1.6rem;text-align:left;display:flex;flex-direction:column;gap:.55rem;min-width:min(320px,86vw)}
.ra-ki-schritt{display:flex;align-items:center;gap:.65rem;font-size:.85rem;color:#96a1b5;transition:color .25s}
.ra-ki-schritt .ra-ki-punkt{
  width:18px;height:18px;border-radius:50%;border:2px solid #dde3ec;flex:0 0 18px;
  display:flex;align-items:center;justify-content:center;transition:.25s;
}
.ra-ki-schritt.laeuft{color:#0d1526;font-weight:600}
.ra-ki-schritt.laeuft .ra-ki-punkt{border-color:var(--ra-akzent);box-shadow:0 0 0 4px var(--ra-akzent-hell)}
.ra-ki-schritt.fertig{color:#3d4a60}
.ra-ki-schritt.fertig .ra-ki-punkt{background:var(--ra-akzent);border-color:var(--ra-akzent)}
.ra-ki-schritt.fertig .ra-ki-punkt::after{content:'✓';color:#fff;font-size:.62rem;font-weight:900;line-height:1}

.ra-ki-meldung{
  background:#fff;border:1px solid #e6eaf2;border-radius:14px;padding:2rem 1.6rem;text-align:center;
  max-width:520px;margin:1.5rem auto;
}
.ra-ki-meldung svg{width:34px;height:34px;color:#f59e0b;margin-bottom:.7rem}
.ra-ki-meldung h3{margin:0 0 .45rem;font-size:1rem;font-weight:700;color:#0d1526}
.ra-ki-meldung p{margin:0;font-size:.86rem;line-height:1.65;color:#6b7890}
.ra-ki-meldung .ra-ki-technisch{
  margin-top:.9rem;font-size:.75rem;color:#96a1b5;background:#f6f8fb;border-radius:9px;padding:.6rem .75rem;line-height:1.55;
}
.ra-ki-leer{padding:2rem 1rem;text-align:center;font-size:.86rem;color:#96a1b5}

.ra-ki-fuss{
  flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;
  padding:.7rem 1.5rem;background:#fff;border-top:1px solid #e9edf4;font-size:.73rem;color:#96a1b5;
}
.ra-ki-fuss b{color:#6b7890;font-weight:600}

.ra-ki-teaser{
  display:flex;align-items:center;gap:1rem;flex-wrap:wrap;
  background:linear-gradient(135deg,var(--ra-akzent-hell),transparent 70%);
  border:1px solid #e6eaf2;border-radius:14px;padding:1.1rem 1.25rem;
}
.ra-ki-teaser-txt{flex:1;min-width:220px}
.ra-ki-teaser-txt b{display:block;font-size:.92rem;color:#0d1526;margin-bottom:.2rem}
.ra-ki-teaser-txt span{font-size:.82rem;color:#6b7890;line-height:1.6}
.ra-ki-teaser button{
  border:none;border-radius:10px;padding:.6rem 1rem;font:inherit;font-size:.83rem;font-weight:650;cursor:pointer;
  background:var(--ra-akzent);color:var(--ra-akzent-text);display:inline-flex;align-items:center;gap:.45rem;transition:.15s;
}
.ra-ki-teaser button:hover{background:var(--ra-akzent-dunkel)}
.ra-ki-teaser button svg{width:16px;height:16px}

/* Abo-Schalter im Kundenfenster des Admin-Bereichs */
.ra-ki-abo{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}
.ra-ki-abo-txt{flex:1;min-width:180px;font-size:.82rem;color:#6b7890;line-height:1.55}
.ra-ki-abo-txt b{display:block;color:#0d1526;font-size:.88rem;margin-bottom:.15rem}
.ra-ki-schalter{
  width:46px;height:26px;border-radius:999px;border:none;background:#cbd5e1;position:relative;
  cursor:pointer;flex:0 0 46px;transition:background .18s;padding:0;
}
.ra-ki-schalter::after{
  content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .18s;
}
.ra-ki-schalter.an{background:var(--ra-akzent)}
.ra-ki-schalter.an::after{transform:translateX(20px)}
.ra-ki-schalter:disabled{opacity:.5;cursor:default}

html.gs-dark .ra-ki-fenster{background:#111823}
html.gs-dark .ra-ki-reiter{background:#111823;border-bottom-color:#26303f}
html.gs-dark .ra-ki-reiter button{color:#8d99ad}
html.gs-dark .ra-ki-reiter button:hover{color:#e8edf6}
html.gs-dark .ra-ki-reiter .ra-ki-rzahl{background:#1e2735;color:#a9b5c6}
html.gs-dark .ra-ki-koerper{background:#0c121b}
html.gs-dark .ra-ki-karte,
html.gs-dark .ra-ki-befund,
html.gs-dark .ra-ki-text,
html.gs-dark .ra-ki-chance,
html.gs-dark .ra-ki-meldung,
html.gs-dark .ra-ki-teaser{background:#161d29;border-color:#26303f}
html.gs-dark .ra-ki-fazit h3,
html.gs-dark .ra-ki-branche-name,
html.gs-dark .ra-ki-befund-kopf h4,
html.gs-dark .ra-ki-chance h4,
html.gs-dark .ra-ki-meldung h3,
html.gs-dark .ra-ki-ring-zahl b,
html.gs-dark .ra-ki-abo-txt b,
html.gs-dark .ra-ki-teaser-txt b{color:#e8edf6}
html.gs-dark .ra-ki-fazit p,
html.gs-dark .ra-ki-zeile,
html.gs-dark .ra-ki-chance p,
html.gs-dark .ra-ki-meldung p{color:#c3ccdb}
html.gs-dark .ra-ki-ring .bahn{stroke:#26303f}
html.gs-dark .ra-ki-tun{color:#e8edf6}
html.gs-dark .ra-ki-fuss{background:#111823;border-top-color:#26303f}
html.gs-dark .ra-ki-schritt .ra-ki-punkt{border-color:#39455a}
html.gs-dark .ra-ki-meldung .ra-ki-technisch{background:#0c121b;color:#8d99ad}
html.gs-dark .ra-ki-text-alt{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.3);color:#fca5a5}
html.gs-dark .ra-ki-text-neu{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:#6ee7b7}
html.gs-dark .ra-ki-schalter{background:#39455a}

/* Gesamteindruck statt Punktzahl */
.ra-ki-eindruck{display:flex;gap:1rem;align-items:flex-start}
.ra-ki-eindruck-ico{
  width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:var(--ra-akzent-hell);color:var(--ra-akzent-dunkel);
}
.ra-ki-eindruck-ico svg{width:22px;height:22px}
.ra-ki-eindruck-txt{flex:1;min-width:0}
.ra-ki-eindruck-txt h3{
  margin:0 0 .5rem;font-size:1.16rem;font-weight:700;color:#0d1526;letter-spacing:-.02em;line-height:1.4;
}
.ra-ki-eindruck-txt p{margin:0;font-size:.885rem;line-height:1.68;color:#3d4a60}

/* Staerken */
.ra-ki-staerke{display:flex;gap:.7rem;padding:.6rem 0;border-bottom:1px solid #f1f4f9}
.ra-ki-staerke:last-child{border-bottom:none;padding-bottom:0}
.ra-ki-staerke:first-child{padding-top:.2rem}
.ra-ki-haken{
  width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--ra-akzent-hell);
  color:var(--ra-akzent-dunkel);display:flex;align-items:center;justify-content:center;margin-top:.1rem;
}
.ra-ki-haken svg{width:12px;height:12px}
.ra-ki-staerke-txt b{display:block;font-size:.885rem;font-weight:650;color:#0d1526;margin-bottom:.12rem}
.ra-ki-staerke-txt span{font-size:.845rem;line-height:1.6;color:#3d4a60}

/* Sanfte Kennzeichnung statt Schweregrad */
.ra-ki-befund.bald::before{background:var(--ra-akzent)}
.ra-ki-befund.gelegentlich::before{background:#cbd5e1}
.ra-ki-befund.intern::before{background:#8b5cf6}
.ra-ki-marke{
  font-size:.66rem;font-weight:700;letter-spacing:.03em;padding:.16rem .55rem;border-radius:999px;flex:0 0 auto;
  background:var(--ra-akzent-hell);color:var(--ra-akzent-dunkel);
}
.ra-ki-marke.ruhig{background:#eef1f6;color:#6b7890}
.ra-ki-marke.team{background:#ede9fe;color:#6d28d9}
.ra-ki-teamhinweis{
  display:flex;gap:.6rem;align-items:flex-start;background:#faf5ff;border:1px dashed #d8b4fe;
  border-radius:12px;padding:.8rem .95rem;margin-bottom:.9rem;font-size:.82rem;line-height:1.6;color:#6d28d9;
}
html.gs-dark .ra-ki-eindruck-txt h3,
html.gs-dark .ra-ki-staerke-txt b{color:#e8edf6}
html.gs-dark .ra-ki-eindruck-txt p,
html.gs-dark .ra-ki-staerke-txt span{color:#c3ccdb}
html.gs-dark .ra-ki-staerke{border-bottom-color:#26303f}
html.gs-dark .ra-ki-marke.ruhig{background:#1e2735;color:#a9b5c6}
html.gs-dark .ra-ki-marke.team{background:rgba(139,92,246,.16);color:#c4b5fd}
html.gs-dark .ra-ki-teamhinweis{background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.4);color:#c4b5fd}

/* Knoepfe an jedem Punkt */
.ra-ki-aktionen{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;align-items:center}
.ra-ki-abtn{
  display:inline-flex;align-items:center;gap:.38rem;border:1px solid #e0e6f0;background:#fff;
  color:#4b5768;border-radius:9px;padding:.42rem .75rem;font:inherit;font-size:.79rem;font-weight:600;
  cursor:pointer;transition:.15s;
}
.ra-ki-abtn svg{width:14px;height:14px}
.ra-ki-abtn:hover{border-color:var(--ra-akzent);color:var(--ra-akzent-dunkel);background:var(--ra-akzent-hell)}
.ra-ki-abtn.stark{background:var(--ra-akzent);border-color:var(--ra-akzent);color:var(--ra-akzent-text)}
.ra-ki-abtn.stark:hover{background:var(--ra-akzent-dunkel);border-color:var(--ra-akzent-dunkel);color:var(--ra-akzent-text)}
.ra-ki-abtn:disabled{opacity:.55;cursor:default}
.ra-ki-stand{
  display:inline-flex;align-items:center;gap:.35rem;font-size:.76rem;font-weight:650;
  padding:.3rem .6rem;border-radius:999px;background:var(--ra-akzent-hell);color:var(--ra-akzent-dunkel);
}
.ra-ki-stand svg{width:13px;height:13px}
.ra-ki-stand.wartet{background:#ede9fe;color:#6d28d9}
.ra-ki-befund.fertig{opacity:.62}
.ra-ki-befund.fertig::before{background:var(--ra-akzent)}

/* Fortschritt */
.ra-ki-fortschritt{
  background:linear-gradient(135deg,var(--ra-akzent-hell),transparent 75%);
  border:1px solid #e6eaf2;border-radius:14px;padding:1.05rem 1.2rem;margin-bottom:.9rem;
}
.ra-ki-fortschritt h4{
  margin:0 0 .5rem;font-size:.95rem;font-weight:700;color:#0d1526;display:flex;align-items:center;gap:.5rem;
}
.ra-ki-fortschritt h4 svg{width:17px;height:17px;color:var(--ra-akzent-dunkel);flex:0 0 17px}
.ra-ki-fortschritt p{margin:0 0 .5rem;font-size:.85rem;line-height:1.62;color:#3d4a60}
.ra-ki-fortschritt p:last-child{margin-bottom:0}

/* Grenze */
.ra-ki-grenze{
  display:flex;gap:.55rem;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;
  border-radius:11px;padding:.7rem .85rem;margin-bottom:.9rem;font-size:.81rem;line-height:1.55;color:#9a3412;
}
.ra-ki-grenze svg{width:15px;height:15px;flex:0 0 15px;margin-top:.15rem}
html.gs-dark .ra-ki-abtn{background:#161d29;border-color:#2a3446;color:#c3ccdb}
html.gs-dark .ra-ki-fortschritt{border-color:#26303f}
html.gs-dark .ra-ki-fortschritt h4{color:#e8edf6}
html.gs-dark .ra-ki-fortschritt p{color:#c3ccdb}
html.gs-dark .ra-ki-stand.wartet{background:rgba(139,92,246,.16);color:#c4b5fd}
html.gs-dark .ra-ki-grenze{background:rgba(249,115,22,.1);border-color:rgba(249,115,22,.35);color:#fdba74}

/* ── Auftragsfenster ───────────────────────────────────────── */
#ra-auf-backdrop{
  position:fixed;inset:0;z-index:4300;display:none;align-items:center;justify-content:center;
  background:rgba(8,13,24,.55);backdrop-filter:blur(5px);padding:1.5rem;
}
#ra-auf-backdrop.auf{display:flex}
.ra-auf-box{
  width:100%;max-width:560px;max-height:88vh;background:#fff;border-radius:18px;overflow:hidden;
  display:flex;flex-direction:column;box-shadow:0 34px 90px -18px rgba(8,13,24,.5);
}
.ra-auf-kopf{
  padding:1.1rem 1.3rem;color:#fff;flex:0 0 auto;display:flex;align-items:center;gap:.7rem;
  background:linear-gradient(135deg,var(--ra-akzent-dunkel),var(--ra-akzent));
}
.ra-auf-kopf svg{width:20px;height:20px;flex:0 0 20px}
.ra-auf-kopf b{font-size:1.02rem;font-weight:700}
.ra-auf-koerper{padding:1.2rem 1.3rem;overflow-y:auto;flex:1}
.ra-auf-fest{
  background:#f6f8fb;border:1px solid #e6eaf2;border-left:3px solid var(--ra-akzent);
  border-radius:11px;padding:.9rem 1rem;margin-bottom:1.1rem;
}
.ra-auf-fest .ra-auf-quelle{
  display:flex;align-items:center;gap:.4rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:#96a1b5;font-weight:700;margin-bottom:.5rem;
}
.ra-auf-fest .ra-auf-quelle svg{width:13px;height:13px}
.ra-auf-fest h4{margin:0 0 .4rem;font-size:.92rem;font-weight:700;color:#0d1526}
.ra-auf-fest p{margin:0 0 .3rem;font-size:.83rem;line-height:1.6;color:#3d4a60}
.ra-auf-fest p:last-child{margin-bottom:0}
.ra-auf-fest p b{color:#96a1b5;font-size:.68rem;letter-spacing:.07em;text-transform:uppercase;
  display:block;margin-top:.4rem}
.ra-auf-schloss{
  display:flex;align-items:center;gap:.4rem;font-size:.73rem;color:#96a1b5;margin-top:.6rem;
}
.ra-auf-schloss svg{width:12px;height:12px}
.ra-auf-koerper label{display:block;font-size:.8rem;font-weight:650;color:#3d4a60;margin-bottom:.35rem}
.ra-auf-koerper input,.ra-auf-koerper select,.ra-auf-koerper textarea{
  width:100%;border:1px solid #dde3ec;border-radius:10px;padding:.6rem .75rem;
  font:inherit;font-size:.87rem;color:#0d1526;background:#fff;margin-bottom:.9rem;
}
.ra-auf-koerper textarea{min-height:88px;resize:vertical}
.ra-auf-koerper input:focus,.ra-auf-koerper select:focus,.ra-auf-koerper textarea:focus{
  outline:none;border-color:var(--ra-akzent)}
.ra-auf-fuss{
  flex:0 0 auto;display:flex;gap:.6rem;justify-content:flex-end;padding:.9rem 1.3rem;
  border-top:1px solid #eef1f6;background:#fff;
}
.ra-auf-btn{
  border:1px solid #dde3ec;background:#fff;color:#3d4a60;border-radius:10px;padding:.6rem 1rem;
  font:inherit;font-size:.85rem;font-weight:650;cursor:pointer;transition:.15s;
}
.ra-auf-btn:hover{border-color:#b9c4d6}
.ra-auf-btn.stark{background:var(--ra-akzent);border-color:var(--ra-akzent);color:var(--ra-akzent-text)}
.ra-auf-btn.stark:hover{background:var(--ra-akzent-dunkel);border-color:var(--ra-akzent-dunkel)}
.ra-auf-btn:disabled{opacity:.6;cursor:default}

/* Der KI-Teil im Ticket beim Team */
.ra-auf-ticket{
  background:#f6f8fb;border:1px solid #e6eaf2;border-left:3px solid #7c3aed;
  border-radius:12px;padding:.9rem 1rem;margin-top:.9rem;
}
.ra-auf-ticket b.kicker{display:block;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:#7c3aed;margin-bottom:.4rem}
.ra-auf-ticket p{margin:0 0 .35rem;font-size:.84rem;line-height:1.6;color:#3d4a60}
.ra-auf-ticket p:last-child{margin-bottom:0}
.ra-auf-ticket p b{color:#96a1b5;font-size:.67rem;letter-spacing:.07em;text-transform:uppercase;display:block}

html.gs-dark .ra-auf-box{background:#161d29}
html.gs-dark .ra-auf-fest,html.gs-dark .ra-auf-ticket{background:#0c121b;border-color:#26303f}
html.gs-dark .ra-auf-fest h4{color:#e8edf6}
html.gs-dark .ra-auf-fest p,html.gs-dark .ra-auf-ticket p{color:#c3ccdb}
html.gs-dark .ra-auf-koerper input,html.gs-dark .ra-auf-koerper select,
html.gs-dark .ra-auf-koerper textarea{background:#0c121b;border-color:#2a3446;color:#e8edf6}
html.gs-dark .ra-auf-fuss{background:#161d29;border-top-color:#26303f}
html.gs-dark .ra-auf-btn{background:#161d29;border-color:#2a3446;color:#c3ccdb}