/* ══════════════════════════════════════════════════════════════
   RheinAgent Systems · Markierung, Design je Konto, Support-Kontakt
   ══════════════════════════════════════════════════════════════ */

/* ── Fenster nach dem Markieren ────────────────────────────── */
#ra-mk-backdrop{
  position:fixed;inset:0;z-index:4200;display:none;align-items:center;justify-content:center;
  background:rgba(8,13,24,.55);backdrop-filter:blur(5px);padding:1.5rem;
}
#ra-mk-backdrop.auf{display:flex}
.ra-mk-box{
  width:100%;max-width:520px;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 34px 90px -18px rgba(8,13,24,.5);
}
.ra-mk-kopf{
  padding:1.1rem 1.3rem;color:#fff;
  background:linear-gradient(135deg,var(--ra-akzent-dunkel),var(--ra-akzent));
  display:flex;align-items:center;gap:.7rem;
}
.ra-mk-kopf svg{width:20px;height:20px;flex:0 0 20px}
.ra-mk-kopf b{font-size:1.02rem;font-weight:700}
.ra-mk-koerper{padding:1.2rem 1.3rem}
.ra-mk-stelle{
  background:#f6f8fb;border:1px solid #e6eaf2;border-radius:11px;padding:.75rem .9rem;
  font-size:.82rem;line-height:1.55;color:#3d4a60;margin-bottom:1rem;
}
.ra-mk-stelle b{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:#96a1b5;margin-bottom:.3rem}
.ra-mk-koerper label{display:block;font-size:.8rem;font-weight:650;color:#3d4a60;margin-bottom:.35rem}
.ra-mk-koerper input,.ra-mk-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:.85rem;
}
.ra-mk-koerper textarea{min-height:96px;resize:vertical}
.ra-mk-koerper input:focus,.ra-mk-koerper textarea:focus{outline:none;border-color:var(--ra-akzent)}
.ra-mk-fuss{display:flex;gap:.6rem;justify-content:flex-end;padding:0 1.3rem 1.2rem}
.ra-mk-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-mk-btn:hover{border-color:#b9c4d6}
.ra-mk-btn.stark{background:var(--ra-akzent);border-color:var(--ra-akzent);color:var(--ra-akzent-text)}
.ra-mk-btn.stark:hover{background:var(--ra-akzent-dunkel);border-color:var(--ra-akzent-dunkel)}

/* ── Markierung im Ticket ──────────────────────────────────── */
.ra-mk-ticket{
  background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:.9rem 1rem;margin-top:.9rem;
}
.ra-mk-ticket b{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
  color:#b91c1c;margin-bottom:.4rem}
.ra-mk-ticket p{margin:0 0 .7rem;font-size:.85rem;line-height:1.6;color:#7f1d1d}
.ra-mk-ticket button{
  border:none;background:#e11d48;color:#fff;border-radius:9px;padding:.5rem .9rem;
  font:inherit;font-size:.82rem;font-weight:650;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;
}
.ra-mk-ticket button:hover{background:#be123c}
.ra-mk-ticket button svg{width:15px;height:15px}

/* ── Support-Kontakt ───────────────────────────────────────── */
.ra-sk-gitter{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.ra-sk-karte{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:1.2rem 1.3rem}
.ra-sk-karte h3{margin:0 0 .2rem;font-size:.98rem;font-weight:700;color:#0d1526}
.ra-sk-karte .ra-sk-unter{font-size:.79rem;color:#96a1b5;margin-bottom:.9rem}
.ra-sk-zeile{display:flex;align-items:flex-start;gap:.8rem;padding:.65rem 0;border-bottom:1px solid #f1f4f9}
.ra-sk-zeile:last-child{border-bottom:none;padding-bottom:0}
.ra-sk-ico{
  width:34px;height:34px;flex:0 0 34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  background:var(--ra-akzent-hell);color:var(--ra-akzent-dunkel);
}
.ra-sk-ico svg{width:17px;height:17px}
.ra-sk-txt{flex:1;min-width:0}
.ra-sk-txt b{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;
  color:#96a1b5;font-weight:700;margin-bottom:.12rem}
.ra-sk-txt a,.ra-sk-txt span.wert{
  display:block;font-size:1rem;font-weight:700;color:#0d1526;text-decoration:none;letter-spacing:-.01em;
}
.ra-sk-txt a:hover{color:var(--ra-akzent-dunkel)}
.ra-sk-txt small{display:block;font-size:.78rem;color:#6b7890;margin-top:.15rem;line-height:1.5}
.ra-sk-hinweis{
  background:var(--ra-akzent-hell);border-radius:12px;padding:.9rem 1.05rem;
  font-size:.86rem;line-height:1.62;color:#0d1526;margin-bottom:1rem;
}
.ra-sk-leer{padding:1.2rem;text-align:center;font-size:.85rem;color:#96a1b5}

/* ── Pflege im Admin-Bereich ───────────────────────────────── */
.ra-sk-block{background:#fff;border:1px solid #e3e8f0;border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1rem}
.ra-sk-block h3{margin:0 0 .15rem;font-size:.96rem;font-weight:700;color:#0d1526}
.ra-sk-block .ra-sk-unter{font-size:.79rem;color:#96a1b5;margin-bottom:.9rem}
.ra-sk-reihe{display:flex;gap:.6rem;align-items:center;margin-bottom:.55rem;flex-wrap:wrap}
.ra-sk-reihe input{
  flex:1;min-width:130px;border:1px solid #dde3ec;border-radius:9px;padding:.52rem .7rem;
  font:inherit;font-size:.85rem;color:#0d1526;background:#fff;
}
.ra-sk-reihe input:focus{outline:none;border-color:var(--ra-akzent)}
.ra-sk-weg{
  border:1px solid #e3e8f0;background:#fff;color:#96a1b5;border-radius:9px;width:34px;height:34px;
  flex:0 0 34px;cursor:pointer;font-size:1rem;line-height:1;transition:.15s;
}
.ra-sk-weg:hover{border-color:#fca5a5;color:#e11d48;background:#fef2f2}
.ra-sk-plus{
  border:1px dashed #c3cbd9;background:none;color:#6b7890;border-radius:9px;padding:.5rem .9rem;
  font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s;margin-top:.3rem;
}
.ra-sk-plus:hover{border-color:var(--ra-akzent);color:var(--ra-akzent-dunkel)}
.ra-sk-feld{
  width:100%;border:1px solid #dde3ec;border-radius:10px;padding:.6rem .75rem;
  font:inherit;font-size:.86rem;color:#0d1526;background:#fff;min-height:70px;resize:vertical;
}
.ra-sk-feld:focus{outline:none;border-color:var(--ra-akzent)}
.ra-sk-gespeichert{font-size:.8rem;color:var(--ra-akzent-dunkel);font-weight:600}

html.gs-dark .ra-mk-box,html.gs-dark .ra-sk-karte,html.gs-dark .ra-sk-block{background:#161d29;border-color:#26303f}
html.gs-dark .ra-mk-stelle{background:#0c121b;border-color:#26303f;color:#c3ccdb}
html.gs-dark .ra-mk-koerper input,html.gs-dark .ra-mk-koerper textarea,
html.gs-dark .ra-sk-reihe input,html.gs-dark .ra-sk-feld{background:#0c121b;border-color:#2a3446;color:#e8edf6}
html.gs-dark .ra-sk-karte h3,html.gs-dark .ra-sk-block h3,
html.gs-dark .ra-sk-txt a,html.gs-dark .ra-sk-txt span.wert{color:#e8edf6}
html.gs-dark .ra-sk-zeile{border-bottom-color:#26303f}
html.gs-dark .ra-sk-hinweis{color:#e8edf6}
html.gs-dark .ra-mk-btn{background:#161d29;border-color:#2a3446;color:#c3ccdb}
html.gs-dark .ra-mk-ticket{background:rgba(225,29,72,.1);border-color:rgba(225,29,72,.35)}
html.gs-dark .ra-mk-ticket p{color:#fca5a5}