/* ==========================================================================
   Rundgänge — Checkpoint-Verwaltung (Seite /tours und Formular-Modal).
   Der öffentliche Scan-Ablauf liegt in modules/checklists (public-run).
   ========================================================================== */

.tr-filter { max-width: 20rem; margin-bottom: var(--space-3); }

/* ── Aufgaben am Checkpoint ───────────────────────────────────────── */
.tr-task {
    border: 1px solid var(--border-default);
    border-radius: var(--radius-md);
    margin-bottom: var(--space-2);
    background: var(--surface-raised);
}
.tr-task-row {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    padding: var(--space-2);
}
.tr-task-row [data-field="label"] { flex: 1 1 auto; min-width: 0; }
.tr-task-row [data-field="item_type"] { flex: 0 0 11rem; }
.tr-task-config {
    display: flex;
    flex-wrap: wrap;
    gap: 0 var(--space-3);
    padding: 0 var(--space-3) var(--space-1) calc(var(--space-3) + 28px);
}
.tr-task-config .form-group { margin-bottom: var(--space-2); }
.tr-task-config .form-group-wide { flex-basis: 100%; }
.tr-tasks-empty { margin: 0 0 var(--space-2); font-size: var(--fs-13); }
.tr-form-flags { margin-top: var(--space-4); }
@media (max-width: 640px) {
    .tr-task-row { flex-wrap: wrap; }
    .tr-task-row [data-field="item_type"] { flex: 1 1 100%; order: 3; }
    .tr-task-config { padding-left: var(--space-3); }
}

/* ── NFC-Tag beschreiben ──────────────────────────────────────────── */
.tr-nfc-step { text-align: center; padding: var(--space-4) 0; }
.tr-nfc-step .icon-lg { font-size: 40px; color: var(--brand); }

/* ── Etikettenbogen: 2 Spalten, Schnittkante gestrichelt ──────────── */
#tr-print-root { display: none; }

@media print {
    body.tr-printing > *:not(#tr-print-root) { display: none !important; }

    #tr-print-root {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0;
        padding: 0;
        color: #000;
    }
    .tr-label {
        break-inside: avoid;
        border: 1px dashed #999;
        padding: 10mm 6mm;
        text-align: center;
    }
    .tr-label-name { font-size: 18pt; font-weight: bold; }
    .tr-label-meta { font-size: 10pt; color: #555; margin-top: 2px; }
    .tr-label img { width: 55mm; height: 55mm; margin: 4mm auto; display: block; }
    .tr-label-hint { font-size: 9pt; color: #333; }
}