/* ═══════════════════════════════════════════════
   VENDEDOR — theme (violet #8b5cf6)
   ═══════════════════════════════════════════════ */
:root {
  --accent:        #8b5cf6 !important;
  --accent-dim:    rgba(139,92,246,.12) !important;
  --accent-border: rgba(139,92,246,.28) !important;
  --em:            #8b5cf6;
  --em-light:      #a78bfa;
  --em-dim:        rgba(139,92,246,.12);
  --em-border:     rgba(139,92,246,.28);
}

.sidebar .nav-item.active,
.sidebar .nav-item:hover { background: var(--em-dim) !important; color: var(--em-light) !important; }
.sidebar .nav-item.active { border-left: 3px solid var(--em) !important; }
.sidebar .nav-item.active .nav-icon,
.sidebar .nav-item:hover .nav-icon { color: var(--em-light) !important; }
.sidebar .logo-icon { background: linear-gradient(135deg,#8b5cf6,#6d28d9) !important; }
.sidebar .logo-sub { color: #a78bfa !important; }
.live-badge { background: var(--em-dim) !important; border-color: var(--em-border) !important; color: var(--em-light) !important; }
.live-dot   { background: var(--em) !important; }

.mc-em { border-color: var(--em-border) !important; }
.mc-em .metric-icon { background: var(--em-dim); color: var(--em); }
.mc-em .metric-value { color: var(--em-light) !important; }

.sp-vd    { background: rgba(139,92,246,.12); color: #a78bfa; border: 1px solid rgba(139,92,246,.25); }
.sp-green { background: rgba(34,197,94,.12);  color: #4ade80; border: 1px solid rgba(34,197,94,.25);  }
.sp-amber { background: rgba(245,158,11,.12); color: #fcd34d; border: 1px solid rgba(245,158,11,.25); }
.sp-muted { background: rgba(255,255,255,.06);color:var(--muted2); border:1px solid var(--border); }

.client-card {
  background:var(--dark2); border:1px solid var(--border);
  border-radius:var(--radius); padding:18px; transition:border-color .18s;
}
.client-card:hover { border-color:var(--em-border); }
.client-name { font-family:'Sora',sans-serif; font-size:.9rem; font-weight:700; color:var(--white); }
.client-city { font-size:.75rem; color:var(--muted2); }
.client-meta { display:flex; gap:16px; margin-top:10px; flex-wrap:wrap; }
.client-stat { font-size:.72rem; color:var(--muted2); }
.client-stat strong { color:var(--white); }

.prod-offer-row { display:flex; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.04); }
.prod-offer-row:last-child { border-bottom:none; }
.offer-price-input { width:90px; background:var(--dark3); border:1px solid var(--border); border-radius:6px; padding:6px 8px; color:var(--white); font-size:.82rem; text-align:right; }
.offer-price-input:focus { outline:none; border-color:var(--em); }
.offer-margin { font-size:.7rem; color:#a78bfa; }
.offer-min-warn { font-size:.7rem; color:#fca5a5; }

/* login page */
.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; padding:24px; background:var(--dark); }
.login-card { background:var(--dark2); border:1px solid var(--border); border-radius:16px; padding:36px; width:100%; max-width:360px; }
.login-logo { display:flex; align-items:center; gap:12px; margin-bottom:28px; }
.login-title { font-family:'Sora',sans-serif; font-size:1.1rem; font-weight:700; color:var(--white); }
.login-sub { font-size:.8rem; color:var(--muted2); margin-bottom:24px; }
.fm-row { margin-bottom:16px; }
.fm-label { font-size:.75rem; font-weight:600; color:var(--muted2); margin-bottom:5px; display:block; }
.fm-input { width:100%; background:var(--dark3); border:1px solid var(--border); border-radius:8px; padding:10px 12px; color:var(--white); font-size:.88rem; box-sizing:border-box; }
.fm-input:focus { outline:none; border-color:var(--em); }
.fm-err { color:#fca5a5; font-size:.8rem; margin-bottom:12px; }