/* V21 Recruiting-Telefonie-Bereitschaft – ausschließlich unter .ojrcr gültig (keine globalen Regeln).
   Markenfarben wie V20: Weiß (Flächen), Oliv #9ca469 nur für Linien/Markierungen, Grau #646363 für Text und Fokus. */
.ojrcr { --ojrcr-white: #ffffff; --ojrcr-olive: #9ca469; --ojrcr-grey: #646363; --ojrcr-soft: rgba(156, 164, 105, 0.14);
  margin: 0 0 12px; border: 1px solid var(--ojrcr-olive); border-radius: 8px; background: var(--ojrcr-white); }
.ojrcr > summary { cursor: pointer; padding: 10px 14px; font-weight: 600; color: var(--ojrcr-grey); min-height: 24px; }
.ojrcr > summary:focus-visible { outline: 2px solid var(--ojrcr-grey); outline-offset: 2px; }
.ojrcr .ojrcr-body { padding: 0 14px 14px; }
.ojrcr .ojrcr-form { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center; margin: 8px 0 12px; }
.ojrcr .ojrcr-form label { color: var(--ojrcr-grey); font-size: 0.9rem; }
.ojrcr .ojrcr-form select { min-height: 36px; max-width: 100%; }
.ojrcr .ojrcr-form select:focus-visible, .ojrcr .ojrcr-form button:focus-visible { outline: 2px solid var(--ojrcr-grey); outline-offset: 2px; }
.ojrcr .ojrcr-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; }
.ojrcr .ojrcr-grid article { border: 1px solid var(--ojrcr-olive); border-radius: 6px; padding: 10px 12px; min-width: 0; overflow-wrap: anywhere; }
.ojrcr h5 { margin: 0 0 6px; font-size: 0.95rem; }
.ojrcr h6 { margin: 10px 0 4px; font-size: 0.85rem; color: var(--ojrcr-grey); }
.ojrcr p { margin: 4px 0; }
.ojrcr .ojrcr-meta, .ojrcr .ojrcr-none { color: var(--ojrcr-grey); font-size: 0.85rem; }
.ojrcr .ojrcr-chips { display: flex; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.ojrcr .ojrcr-chips li { border: 1px solid var(--ojrcr-olive); border-radius: 999px; padding: 1px 8px; font-size: 0.8rem; background: var(--ojrcr-soft); }
.ojrcr .ojrcr-list { margin: 0; padding-left: 18px; }
.ojrcr .ojrcr-notice { margin-top: 10px; color: var(--ojrcr-grey); font-size: 0.85rem; }
/* V23: opening sentence, decision blocker and consent ledger table (text stays dark grey on white). */
.ojrcr .ojrcr-opening { font-style: italic; color: var(--ojrcr-grey); }
.ojrcr .ojrcr-blocker { border-left: 4px solid var(--ojrcr-grey); padding: 6px 10px; margin: 0 0 10px; }
.ojrcr .ojrcr-table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 0.85rem; display: block; overflow-x: auto; }
.ojrcr .ojrcr-table caption { text-align: left; font-weight: 600; color: var(--ojrcr-grey); padding: 4px 0; }
.ojrcr .ojrcr-table th, .ojrcr .ojrcr-table td { border-bottom: 1px solid var(--ojrcr-olive); padding: 4px 6px; text-align: left; vertical-align: top; }
.ojrcr [data-ojrcr-consents]:focus-visible { outline: 2px solid var(--ojrcr-grey); outline-offset: 2px; }