.feriia-qr-container {
    direction: rtl;
    background: #fdfdfd;
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    font-family: tahoma;
}

.qr-main-grid {
    display: grid;
    grid-template-columns: 1fr 350px;
    gap: 30px;
}

.qr-tabs {
    display: flex;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.tab-btn {
    background: none; border: none; padding: 10px 20px; cursor: pointer;
    font-weight: bold; color: #777; border-bottom: 2px solid transparent; margin-bottom: -2px;
}

.tab-btn.active { color: #007bff; border-bottom-2px solid #007bff; }

.tab-content { display: none; padding: 10px 0; }
.tab-content.active { display: block; }

.qr-settings-side label { display: block; margin: 10px 0 5px; font-size: 14px; color: #333; }

.qr-settings-side input[type="text"], .qr-settings-side textarea, .qr-settings-side select {
    width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px;
}

.style-selector { display: flex; gap: 10px; margin-bottom: 15px; }
.opt {
    width: 45px; height: 45px; border: 1px solid #ddd; border-radius: 8px;
    display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 20px;
}
.opt.active { border-color: #007bff; background: #e7f1ff; color: #007bff; }

.qr-preview-side {
    background: #fff; border: 2px dashed #eee; border-radius: 15px;
    display: flex; flex-direction: column; align-items: center; justify-content: center;
}

.qr-hint { margin-top: 15px; color: #999; font-size: 12px; }

.btn-primary { background: #007bff; color: #fff; border: none; padding: 12px 25px; border-radius: 8px; cursor: pointer; }
.btn-outline { background: none; border: 1px solid #007bff; color: #007bff; padding: 12px 25px; border-radius: 8px; cursor: pointer; margin-right: 10px;}

.color-row { display: flex; gap: 20px; }

@media (max-width: 768px) {
    .qr-main-grid { grid-template-columns: 1fr; }
}