.url-link {
    color: inherit;
    text-decoration: none;
}
.url-link:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.status-badge {
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.status-waiting { background: #f3f4f6; color: #4b5563; }
.status-downloading { background: #dbeafe; color: #1e40af; }
.status-uploading { background: #fef3c7; color: #92400e; }
.status-transcribing { background: #f3e8ff; color: #6b21a8; }
.status-quizzing { background: #ffedd5; color: #9a3412; }
.status-done { background: #dcfce7; color: #166534; }
.status-failed { background: #fee2e2; color: #991b1b; }

.spinner-tiny {
    width: 12px;
    height: 12px;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spin 0.75s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }

.table thead th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
    color: #6b21a8;
    border-top: none;
}