/* Custom styles for GeneraQR */
.qr-form {
    transition: all 0.3s ease-in-out;
}

#qr-preview svg,
#qr-preview canvas {
    width: 100%;
    height: 100%;
    display: block;
}

.history-item {
    cursor: pointer;
    transition: background-color 0.2s;
}

.history-item:hover {
    background-color: #f3f4f6;
}

/* Tab active state */
.tab-active {
    border-bottom-color: #2563eb !important;
    color: #2563eb !important;
}

.tab-inactive {
    border-bottom-color: transparent !important;
    color: #6b7280 !important;
}