#viblien-variation-ui { margin-top: 1rem; }
#viblien-variation-ui label { font-weight: 600; margin-right: .5rem; }

.vbl-mode-select { min-width: 200px; }

.vbl-tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: .5rem; }
.vbl-tab { border: 1px solid #ddd; background: #fff; padding: .5rem .75rem; cursor: pointer; display: inline-flex; align-items: center; gap: .5rem; border-radius: 6px; }
.vbl-tab img { width: 40px; height: 40px; object-fit: cover; border-radius: 4px; }
.vbl-tab.is-active { border-color: #6b46c1; box-shadow: 0 0 0 2px rgba(107,70,193,.15); }

.vbl-table { width: 100%; border-collapse: collapse; margin-top: .75rem; }
.vbl-table th, .vbl-table td { border: 1px solid #eee; padding: .5rem; text-align: left; }
.vbl-table thead th { background: #f9f9fb; }
.vbl-qty input[type="number"] { width: 80px; }

.vbl-bulk-actions { margin-top: .75rem; }
.vbl-add-to-cart.is-loading { opacity: .7; pointer-events: none; }

.vbl-message { margin-top: .5rem; font-size: .9rem; }
.vbl-message.ok { color: #0f7b0f; }
.vbl-message.warn { color: #a66b00; }
.vbl-message.error { color: #b00020; }