/* Tab styling */
.tab-btn.active {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

/* Accordion */
.accordion-section {
    border-bottom: 1px solid #e5e7eb;
    padding: 4px 0;
}

.accordion-toggle:hover {
    color: #2563eb;
}

.accordion-icon {
    font-size: 0.75rem;
    transition: transform 0.2s ease;
}

/* Loading spinner on generate button */
.btn-loading {
    opacity: 0.7;
    cursor: not-allowed;
}

/* QR preview image */
#qr-preview {
    max-width: 400px;
    width: 100%;
    height: auto;
}

/* Dynamic row remove button */
.row-remove-btn {
    color: #dc2626;
    padding: 0 8px;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 2.5rem;
}

.row-remove-btn:hover {
    color: #991b1b;
}