/* Taskforce-Mappe · Fotos nach Rekon · SV-Kurzaufnahme (26.09.2026, Builder AM) – nur Klassen mit Präfix rtf- */
#rtfSection .rtf-kopf { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.rtf-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: 999px; font-size: 11px; font-weight: 600; border: 1px solid var(--border, #334155); color: var(--text, #e5e7eb); white-space: nowrap; }
.rtf-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 4px 0; }
.rtf-btn { padding: 6px 12px; border-radius: 8px; border: 1px solid var(--border, #334155); background: var(--bg, #0f172a); color: var(--text, #e5e7eb); font-size: 12px; font-weight: 600; cursor: pointer; text-decoration: none; display: inline-block; }
.rtf-btn.prim { background: #3b82f6; border-color: #3b82f6; color: #fff; }
.rtf-btn.ok { background: #22c55e; border-color: #22c55e; color: #fff; }
.rtf-btn.klein { padding: 3px 8px; font-size: 11px; }
.rtf-btn:disabled { opacity: .5; cursor: default; }
.rtf-hinweis { font-size: 12px; color: var(--text-muted, #94a3b8); margin: 6px 0; }
.rtf-hinweis.warn { color: #f59e0b; }
.rtf-hinweis.ok { color: #22c55e; }
.rtf-sperre { padding: 6px 10px; border: 1px dashed #3b82f6; border-radius: 8px; color: var(--text, #e5e7eb); }
.rtf-block { margin: 10px 0; padding: 10px 12px; border: 1px solid var(--border, #334155); border-radius: 10px; background: rgba(255, 255, 255, 0.02); }
.rtf-block label, .rtf-box label { display: block; font-size: 11px; color: var(--text-muted, #94a3b8); margin: 8px 0 3px; }
.rtf-block input, .rtf-block select, .rtf-block textarea, .rtf-box input, .rtf-box select, .rtf-box textarea { width: 100%; padding: 6px 8px; background: var(--bg, #0f172a); border: 1px solid var(--border, #334155); border-radius: 7px; color: var(--text, #e5e7eb); font-size: 12.5px; box-sizing: border-box; }
.rtf-block input[type=checkbox], .rtf-box input[type=checkbox] { width: auto; }
.rtf-block textarea, .rtf-box textarea { font-family: inherit; line-height: 1.4; resize: vertical; }
.rtf-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 8px; }
.rtf-klein { font-size: 11px; color: var(--text-muted, #94a3b8); }
.rtf-scroll { overflow-x: auto; }
.rtf-tab { width: 100%; border-collapse: collapse; font-size: 12.5px; margin: 6px 0; }
.rtf-tab th { text-align: left; font-size: 11px; color: var(--text-muted, #94a3b8); font-weight: 600; padding: 4px 6px; border-bottom: 1px solid var(--border, #334155); }
.rtf-tab td { padding: 3px 6px; border-bottom: 1px solid var(--border, #334155); vertical-align: top; }
.rtf-pos td:nth-child(2) { min-width: 240px; }
.rtf-pos input.num, .rtf-tab input.num { text-align: right; min-width: 70px; }
.rtf-pos tr.reserve td { background: rgba(245, 158, 11, 0.08); }
.rtf-summe { text-align: right; white-space: nowrap; font-weight: 600; }
.rtf-summen td:last-child { text-align: right; }
.rtf-gruppe { margin: 10px 0 4px; font-size: 12px; font-weight: 700; color: #3b82f6; }
.rtf-frage { padding: 5px 0; border-bottom: 1px solid var(--border, #334155); }
.rtf-frage-t { font-size: 12.5px; }
.rtf-jn { float: right; display: inline-flex; gap: 0; }
.rtf-jn button { padding: 3px 12px; border: 1px solid var(--border, #334155); background: var(--bg, #0f172a); color: var(--text, #e5e7eb); font-size: 12px; cursor: pointer; }
.rtf-jn button:first-child { border-radius: 7px 0 0 7px; }
.rtf-jn button:last-child { border-radius: 0 7px 7px 0; }
.rtf-jn button.an { background: #3b82f6; border-color: #3b82f6; color: #fff; }
.rtf-pr { font-size: 12px; padding: 4px 8px; margin: 3px 0; border-left: 3px solid #64748b; background: rgba(255, 255, 255, 0.02); }
.rtf-drop { display: block; margin-top: 10px; padding: 18px; text-align: center; border: 2px dashed var(--border, #334155); border-radius: 10px; cursor: pointer; font-size: 13px; color: var(--text-muted, #94a3b8); }
.rtf-drop.ueber { border-color: #3b82f6; color: #3b82f6; }
.rtf-modal { position: fixed; inset: 0; background: rgba(0, 0, 0, 0.75); z-index: 430; display: flex; align-items: center; justify-content: center; padding: 16px; }
.rtf-box { background: var(--card, #111827); border: 1px solid var(--border, #334155); border-radius: 14px; max-width: 760px; width: 100%; max-height: 90vh; overflow: auto; padding: 18px; color: var(--text, #e5e7eb); }
.rtf-box.breit { max-width: 1100px; }
.rtf-box h3 { margin: 0 0 10px; font-size: 16px; }
.rtf-hub { margin-top: 8px; }
@media (max-width: 640px) {
    .rtf-jn { float: none; display: flex; margin-top: 4px; }
    .rtf-box { padding: 12px; }
}
