/* Veyron Core — Vendor Dashboard CSS */
/* Most styling is inline in JS for portability — this handles animations and shared utilities */

@keyframes vc-spin { to { transform: rotate(360deg); } }

#vc-vendor-dashboard input:focus,
#vc-vendor-dashboard textarea:focus,
#vc-vendor-dashboard select:focus {
    border-color: #F0B429 !important;
    box-shadow: 0 0 0 2px rgba(240,180,41,.1);
}

.vc-tab { transition: all .15s; }
.vc-tab:hover { color: #E8EDF5 !important; }

#vc-modal-overlay { animation: vc-fade-in .2s ease; }
@keyframes vc-fade-in { from { opacity:0; } to { opacity:1; } }

#vc-modal-body { animation: vc-slide-up .2s ease; }
@keyframes vc-slide-up { from { transform:translateY(16px);opacity:0; } to { transform:translateY(0);opacity:1; } }

/* Responsive table scroll */
@media (max-width: 640px) {
    #vc-vendor-dashboard table { display:block; overflow-x:auto; }
}

/* ── Payout verification badge ─────────────────────────────── */
.vc-verify-wrap { min-height: 24px; }
.vc-verify-badge { display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;margin-bottom:8px; }
.vc-verify--pending { background:rgba(245,158,11,.12);color:#F59E0B; }
.vc-verify--ok      { background:rgba(34,197,94,.12);color:#22C55E; }
.vc-verify--error   { background:rgba(239,68,68,.12);color:#EF4444; }