/* TestFlow — Custom Styles */

.progress-stacked .progress-bar {
    transition: width 0.3s ease;
}

.test-case-card {
    border-left: 4px solid #dee2e6;
    transition: border-color 0.2s ease;
}
.test-case-card.status-pass { border-left-color: #198754; }
.test-case-card.status-fail { border-left-color: #dc3545; }
.test-case-card.status-skip { border-left-color: #6c757d; }

.btn-status {
    min-width: 80px;
}
.btn-status.active {
    box-shadow: 0 0 0 3px rgba(0,0,0,0.15);
}

.attachment-thumb {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 4px;
    cursor: pointer;
}

.category-header {
    position: sticky;
    top: 0;
    z-index: 10;
    background: #fff;
}

.invite-link {
    font-family: monospace;
    font-size: 0.85rem;
    word-break: break-all;
}

.expected-result {
    background: #e8f5e9;
    border-left: 3px solid #198754;
    padding: 0.35rem 0.6rem;
    border-radius: 0 4px 4px 0;
    font-size: 0.85rem;
    color: #2e7d32;
}

.drag-over {
    border-color: #0d6efd !important;
    background-color: rgba(13, 110, 253, 0.05);
}

/* Print styles voor PDF rapport */
@media print {
    .navbar, .btn, .upload-zone, .toggle-comment,
    .btn-group, #progressCard, #completeBtn, footer,
    .no-print { display: none !important; }
    .collapse { display: block !important; height: auto !important; }
    .test-case-card { break-inside: avoid; page-break-inside: avoid; }
    .card { border: 1px solid #ddd !important; box-shadow: none !important; }
    body { font-size: 11pt; }
    main { padding: 0 !important; }
}