/* ══════════════════════════════════════════════════════════════
   RheinAgent Systems · Ausbau
   Auswertungen · Papierkorb · Onboarding · E-Mail-Vorlagen ·
   Zeiterfassung · Einstellungen · Listenwerkzeuge
   ══════════════════════════════════════════════════════════════ */

/* ── Werkzeugleiste ueber Listen ──────────────────────────── */
.rp-bar{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:12px 0 14px;margin-bottom:2px;border-bottom:1px solid #eef1f6;
}
.rp-suche{
  display:flex;align-items:center;gap:8px;height:36px;padding:0 11px;
  border:1px solid #e3e8f0;border-radius:9px;background:#fff;min-width:230px;flex:1;max-width:380px;
}
.rp-suche svg{width:15px;height:15px;color:#96a1b5;flex:0 0 auto}
.rp-suche input{flex:1;border:none;outline:none;background:none;font:inherit;font-size:.86rem}
.rp-sel{
  height:36px;padding:0 10px;border:1px solid #e3e8f0;border-radius:9px;background:#fff;
  font:inherit;font-size:.82rem;color:#3d4a60;cursor:pointer;
}
.rp-zahl{font-size:.8rem;color:#6b7890;margin-left:auto;white-space:nowrap}
.rp-mehr{
  display:block;width:100%;margin-top:12px;padding:11px;border:1px dashed #cbd5e5;
  border-radius:10px;background:#f9fafc;color:#3d4a60;font:inherit;font-size:.84rem;
  font-weight:600;cursor:pointer;
}
.rp-mehr:hover{background:#fff;border-color:#2f62f4;color:#1b41ab}
.rp-massen{
  display:flex;align-items:center;gap:10px;padding:10px 12px;margin:10px 0;
  border-radius:10px;background:#dbe5ff;color:#1b41ab;font-size:.84rem;font-weight:600;
}
.rp-massen button{
  height:30px;padding:0 11px;border-radius:8px;border:1px solid #b9c9f5;background:#fff;
  color:#1b41ab;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;
}
.rp-massen button:hover{background:#eef3ff}
.rp-massen button.rp-gefahr{color:#b91c1c;border-color:#f3c2c2}
.rp-check{width:16px;height:16px;accent-color:#2f62f4;cursor:pointer;flex:0 0 auto;margin-right:10px}

/* ── Allgemeine Bausteine der neuen Seiten ────────────────── */
.rp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.rp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media (max-width:1100px){ .rp-grid2,.rp-grid3{grid-template-columns:1fr} }

.rp-feld{margin-bottom:14px}
.rp-feld label{display:block;font-size:.78rem;font-weight:600;color:#3d4a60;margin-bottom:.35rem}
.rp-feld input,.rp-feld select,.rp-feld textarea{
  width:100%;height:38px;padding:0 11px;border:1px solid #e3e8f0;border-radius:9px;
  background:#fff;font:inherit;font-size:.86rem;color:#0d1526;
}
.rp-feld textarea{height:auto;min-height:110px;padding:10px 11px;line-height:1.55;resize:vertical}
.rp-feld .rp-hinweis{font-size:.75rem;color:#96a1b5;margin-top:.3rem}
.rp-reihe{display:flex;gap:12px;flex-wrap:wrap}
.rp-reihe > *{flex:1;min-width:170px}

.rp-btn{
  display:inline-flex;align-items:center;gap:.4rem;height:38px;padding:0 1rem;
  border-radius:.6rem;border:1px solid transparent;font:inherit;font-size:.845rem;
  font-weight:600;cursor:pointer;white-space:nowrap;
}
.rp-btn svg{width:15px;height:15px}
.rp-btn-p{background:#2f62f4;color:#fff}
.rp-btn-p:hover{filter:brightness(1.08)}
.rp-btn-s{background:#fff;border-color:#e3e8f0;color:#3d4a60}
.rp-btn-s:hover{border-color:#96a1b5;color:#0d1526}
.rp-btn-g{background:#fff;border-color:#f3c2c2;color:#b91c1c}
.rp-btn-g:hover{background:#fdf2f2}

.rp-tabelle{width:100%;border-collapse:collapse}
.rp-tabelle th{
  text-align:left;padding:.6rem .7rem;border-bottom:1px solid #eef1f6;
  font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#96a1b5;font-weight:700;
}
.rp-tabelle td{padding:.8rem .7rem;border-bottom:1px solid #f2f5fa;font-size:.86rem;vertical-align:middle}
.rp-tabelle tr:last-child td{border-bottom:none}
.rp-tabelle tbody tr:hover{background:#f9fafc}
.rp-num{text-align:right;font-variant-numeric:tabular-nums}

.rp-tag{
  display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:99px;
  font-size:.72rem;font-weight:700;
}
.rp-tag.blau{background:#dbe5ff;color:#1b41ab}
.rp-tag.gruen{background:#dff5ec;color:#0b7a56}
.rp-tag.gelb{background:#fdf1da;color:#96610f}
.rp-tag.rot{background:#fce4ea;color:#b3253f}
.rp-tag.grau{background:#eef2f9;color:#5b6a83}

.rp-av{
  width:36px;height:36px;border-radius:11px;color:#fff;flex:0 0 36px;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;
}
.rp-zeile{display:flex;align-items:center;gap:13px;padding:12px 2px;border-bottom:1px solid #f2f5fa}
.rp-zeile:last-child{border-bottom:none}
.rp-zeile-haupt{flex:1;min-width:0}
.rp-zeile-haupt b{display:block;font-size:.88rem;font-weight:650;color:#0d1526}
.rp-zeile-haupt span{font-size:.78rem;color:#6b7890}
.rp-zeile-akt{display:flex;gap:8px;flex:0 0 auto}

.rp-leer{padding:2.4rem 1rem;text-align:center;color:#96a1b5;font-size:.86rem}

/* ── Balkendiagramm ──────────────────────────────────────── */
.rp-balken{display:flex;align-items:stretch;gap:12px;height:190px;padding:10px 4px 0}
.rp-balken .b{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.rp-balken .b i{
  width:100%;max-width:48px;border-radius:7px 7px 3px 3px;min-height:4px;
  background:linear-gradient(180deg,#2f62f4,#7ba0ff);transition:.25s;display:block;
}
.rp-balken .b.hi i{background:linear-gradient(180deg,#0f9d6e,#4ad4a4)}
.rp-balken .b span{font-size:.72rem;color:#96a1b5}
.rp-balken .b em{font-size:.72rem;color:#3d4a60;font-style:normal;font-weight:650}

/* ── Zeiterfassung ───────────────────────────────────────── */
.rp-timer{
  display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;
  background:#f3f7ff;border:1px solid #d9e4fb;margin-bottom:16px;flex-wrap:wrap;
}
.rp-timer-uhr{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:#1b41ab;
  font-variant-numeric:tabular-nums;min-width:118px}
.rp-timer-txt{flex:1;min-width:200px;font-size:.85rem;color:#3d4a60}

/* ── Onboarding-Schritte ─────────────────────────────────── */
.rp-schritt{
  display:flex;gap:14px;align-items:flex-start;padding:14px 2px;border-bottom:1px solid #f2f5fa;
}
.rp-schritt:last-child{border-bottom:none}
.rp-schritt-nr{
  width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:#eef2f9;color:#5b6a83;
  display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;
}
.rp-schritt.fertig .rp-schritt-nr{background:#dff5ec;color:#0b7a56}
.rp-schritt-txt{flex:1}
.rp-schritt-txt b{display:block;font-size:.88rem;color:#0d1526;margin-bottom:.15rem}
.rp-schritt-txt span{font-size:.79rem;color:#6b7890;line-height:1.5}
.rp-schritt.fertig .rp-schritt-txt b{text-decoration:line-through;color:#96a1b5}

/* ── Protokoll ───────────────────────────────────────────── */
.rp-log{max-height:560px;overflow-y:auto}
.rp-log-zeile{display:flex;gap:12px;padding:10px 2px;border-bottom:1px solid #f2f5fa;font-size:.83rem}
.rp-log-zeile:last-child{border-bottom:none}
.rp-log-zeit{color:#96a1b5;flex:0 0 132px;font-variant-numeric:tabular-nums}
.rp-log-art{flex:0 0 96px}
.rp-log-txt{flex:1;color:#3d4a60}

/* ── Ticket: Prioritaet und Frist ────────────────────────── */
.tk-card-marken{display:flex;gap:6px;flex-wrap:wrap;margin-top:.45rem}
.tk-prio{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;
  font-size:.69rem;font-weight:700}
.tk-prio.hoch{background:#fce4ea;color:#b3253f}
.tk-prio.mittel{background:#fdf1da;color:#96610f}
.tk-prio.niedrig{background:#eef2f9;color:#5b6a83}
.tk-frist{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:6px;
  font-size:.69rem;font-weight:700;background:#eef2f9;color:#5b6a83}
.tk-frist.faellig{background:#fce4ea;color:#b3253f}
.tk-frist.bald{background:#fdf1da;color:#96610f}

/* ── Dunkelmodus-Anpassungen ─────────────────────────────── */
html.gs-dark .rp-bar{border-bottom-color:#242d40}
html.gs-dark .rp-suche,html.gs-dark .rp-sel,
html.gs-dark .rp-feld input,html.gs-dark .rp-feld select,html.gs-dark .rp-feld textarea{
  background:#1b2331;border-color:#2b3547;color:#dfe5ef}
html.gs-dark .rp-mehr{background:#1b2331;border-color:#33405a;color:#b3bdd0}
html.gs-dark .rp-massen{background:#1e2c4d;color:#a8c1ff}
html.gs-dark .rp-massen button{background:#232d3f;border-color:#33405a;color:#a8c1ff}
html.gs-dark .rp-btn-s{background:#232d3f;border-color:#33405a;color:#dfe5ef}
html.gs-dark .rp-btn-g{background:#2a1a20;border-color:#5a2a34;color:#f4859f}
html.gs-dark .rp-tabelle th{color:#7c879b;border-bottom-color:#242d40}
html.gs-dark .rp-tabelle td{border-bottom-color:#212a3c}
html.gs-dark .rp-tabelle tbody tr:hover{background:#212a3c}
html.gs-dark .rp-zeile,html.gs-dark .rp-schritt,html.gs-dark .rp-log-zeile{border-bottom-color:#212a3c}
html.gs-dark .rp-zeile-haupt b,html.gs-dark .rp-schritt-txt b{color:#e8edf6}
html.gs-dark .rp-timer{background:#18233a;border-color:#2b3a5c}
html.gs-dark .rp-timer-uhr{color:#8fb0ff}
html.gs-dark .rp-schritt-nr{background:#232d3f;color:#96a4bd}
html.gs-dark .rp-feld label{color:#b3bdd0}

/* Alte Einzelseiten der Rechnungen/Angebote nur noch im Notbetrieb */
.ra-panel.ra-alt{display:none !important}
/* Abdeckung des Kundenchats laesst die Navigationsleiste frei */
#admin-chat-backdrop{left:76px !important}
@media (max-width:900px){ #admin-chat-backdrop{left:76px !important} }