html[data-theme="velvet"] {
  --brand:        #10b981;
  --brand-dark:   #059669;
  --brand-light:  rgba(16,185,129,0.10);
  --brand-glow:   rgba(16,185,129,0.20);
  --bg:           #f8fafc;
  --surface:      #f1f5f9;
  --surface-2:    #f8fafc;
  --surface-3:    #e2e8f0;
  --surface-4:    #cbd5e1;
  --surface-card: #ffffff;
  --border:       #e2e8f0;
  --border-2:     #cbd5e1;
  --border-3:     #94a3b8;
  --text:         #0f172a;
  --text-muted:   #64748b;
  --text-light:   #94a3b8;
  --success:      #059669;
  --success-bg:   #ecfdf5;
  --warning:      #d97706;
  --warning-bg:   #fffbeb;
  --danger:       #dc2626;
  --danger-bg:    #fef2f2;
  --info:         #2563eb;
  --shadow-sm:    0 1px 3px rgba(0,0,0,0.08),0 1px 2px rgba(0,0,0,0.06);
  --shadow-md:    0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg:    0 16px 48px rgba(0,0,0,0.12);
  --radius:       10px;
  --radius-sm:    8px;
  --radius-xs:    7px;
}

html[data-theme="velvet"] body,
html[data-theme="velvet"] .main { background: #f8fafc !important; font-family: 'Inter', -apple-system, sans-serif !important; }

/* ── LOGIN — SPLIT SCREEN ──────────────────────────── */
html[data-theme="velvet"] #loginScreen {
  display: flex !important;
  min-height: 100vh !important;
  background: #fff !important;
  padding: 0 !important;
  align-items: stretch !important;
}
html[data-theme="velvet"] .login-wrap {
  display: flex !important;
  flex:1 !important;
  min-height: 100vh !important;
  background: transparent !important;
  padding: 0 !important;
}
html[data-theme="velvet"] .login-card {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  border: none !important;
  background: transparent !important;
}
html[data-theme="velvet"] .login-left-panel {
  display: flex !important;
  width: 42% !important;
  background: #0a1628 !important;
  padding: 48px 40px !important;
  flex-direction: column !important;
  justify-content: center !important;
}
html[data-theme="velvet"] .login-right-panel {
  flex: 1 !important;
  padding: 48px 48px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  background: #fff !important;
}

/* ── TOPBAR ─────────────────────────────────────────── */
html[data-theme="velvet"] .topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e2e8f0 !important;
  box-shadow: none !important;
}
html[data-theme="velvet"] .topbar-title { color: #0f172a !important; font-weight: 700 !important; font-size: 15px !important; letter-spacing: -.3px !important; }
html[data-theme="velvet"] .topbar-menu-btn { color: #64748b !important; }
html[data-theme="velvet"] .topbar-menu-btn:hover { background: #f1f5f9 !important; }
html[data-theme="velvet"] .topbar-avatar { background: #10b981 !important; color: #fff !important; font-weight: 700 !important; }
html[data-theme="velvet"] .topbar-avatar-mobile { background: #10b981 !important; color: #fff !important; }
html[data-theme="velvet"] .topbar-user { color: #0f172a !important; font-weight: 600 !important; }
html[data-theme="velvet"] .topbar-user-pill { background: #f8fafc !important; border: 1px solid #e2e8f0 !important; }
html[data-theme="velvet"] .btn-sync, html[data-theme="velvet"] .btn-signout { color: #64748b !important; }
html[data-theme="velvet"] .btn-sync:hover, html[data-theme="velvet"] .btn-signout:hover { background: #f1f5f9 !important; }

/* ── SIDEBAR ─────────────────────────────────────────── */
html[data-theme="velvet"] .sidebar {
  background: #0a1628 !important;
  border-right: none !important;
  box-shadow: none !important;
}
html[data-theme="velvet"] .sidebar-footer { background: #0a1628 !important; border-top: 1px solid rgba(255,255,255,0.06) !important; }
html[data-theme="velvet"] .sidebar-logo { border-bottom-color: rgba(255,255,255,0.06) !important; }
html[data-theme="velvet"] .sidebar-version-text { color: #1e3a5a !important; }
html[data-theme="velvet"] .nav-label {
  color: #1e3a5a !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  padding: 14px 16px 4px !important;
}
html[data-theme="velvet"] .nav-item {
  background: transparent !important;
  color: #475569 !important;
  margin: 2px 8px 2px 0 !important;
  padding: 8px 14px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  border-radius: 0 20px 20px 0 !important;
  transition: all .15s !important;
}
html[data-theme="velvet"] .nav-item:hover {
  background: rgba(255,255,255,0.05) !important;
  color: #94a3b8 !important;
}
html[data-theme="velvet"] .nav-item.active {
  background: #10b981 !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-radius: 0 20px 20px 0 !important;
}
html[data-theme="velvet"] .nav-item .nav-icon { opacity: .45 !important; }
html[data-theme="velvet"] .nav-item:hover .nav-icon { opacity: .65 !important; }
html[data-theme="velvet"] .nav-item.active .nav-icon { opacity: 1 !important; }
html[data-theme="velvet"] .nav-badge { background: #10b981 !important; color: #fff !important; font-weight: 700 !important; }
html[data-theme="velvet"] .nav-item.active .nav-badge { background: rgba(255,255,255,0.25) !important; color: #fff !important; }

/* ── BUTTONS ─────────────────────────────────────────── */
html[data-theme="velvet"] .btn-primary {
  background: #10b981 !important;
  border-color: #10b981 !important;
  color: #fff !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 3px rgba(16,185,129,0.3) !important;
  border-radius: 8px !important;
}
html[data-theme="velvet"] .btn-primary:hover:not(:disabled) {
  background: #059669 !important;
  border-color: #059669 !important;
  box-shadow: 0 2px 8px rgba(16,185,129,0.4) !important;
  filter: none !important;
}
html[data-theme="velvet"] .btn { border-radius: 8px !important; }
html[data-theme="velvet"] .btn-ghost { color: #475569 !important; border-color: #e2e8f0 !important; }
html[data-theme="velvet"] .btn-ghost:hover { background: #f1f5f9 !important; border-color: #cbd5e1 !important; }
html[data-theme="velvet"] .btn-danger { background: #dc2626 !important; border-color: #dc2626 !important; border-radius: 8px !important; }

/* ── VIEW HEADERS ─────────────────────────────────────── */
html[data-theme="velvet"] .view-title { font-size: 18px !important; font-weight: 700 !important; letter-spacing: -.4px !important; color: #0f172a !important; }
html[data-theme="velvet"] .view-sub { font-size: 12px !important; color: #64748b !important; }

/* ── STAT CARDS ───────────────────────────────────────── */
html[data-theme="velvet"] .dash-stat-card,
html[data-theme="velvet"] .modern-stat {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-top: 3px solid #10b981 !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="velvet"] .dash-stat-card:nth-child(2) { border-top-color: #6366f1 !important; }
html[data-theme="velvet"] .dash-stat-card:nth-child(3) { border-top-color: #f59e0b !important; }
html[data-theme="velvet"] .dash-stat-card:nth-child(4) { background: #0a1628 !important; border-color: #0a1628 !important; border-top-color: #10b981 !important; }
html[data-theme="velvet"] .dash-stat-card:nth-child(4) .dash-stat-lbl,
html[data-theme="velvet"] .dash-stat-card:nth-child(4) .modern-stat-label { color: #334155 !important; }
html[data-theme="velvet"] .dash-stat-card:nth-child(4) .dash-stat-val,
html[data-theme="velvet"] .dash-stat-card:nth-child(4) .modern-stat-value { color: #10b981 !important; }
html[data-theme="velvet"] .dash-stat-icon { display: none !important; }
html[data-theme="velvet"] .modern-stat-label,
html[data-theme="velvet"] .dash-stat-lbl { font-size: 10px !important; font-weight: 700 !important; text-transform: uppercase !important; letter-spacing: .07em !important; color: #94a3b8 !important; }
html[data-theme="velvet"] .modern-stat-value,
html[data-theme="velvet"] .dash-stat-val { font-size: 26px !important; font-weight: 700 !important; letter-spacing: -.5px !important; color: #0f172a !important; }

/* ── CARDS & PANELS ───────────────────────────────────── */
html[data-theme="velvet"] .dash-panel,
html[data-theme="velvet"] .settings-card,
html[data-theme="velvet"] .session-card,
html[data-theme="velvet"] .location-card,
html[data-theme="velvet"] .waybill-card,
html[data-theme="velvet"] .catalogue-card {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 10px !important;
  box-shadow: var(--shadow-sm) !important;
}
html[data-theme="velvet"] .dash-panel-head { border-bottom: 1px solid #f1f5f9 !important; }
html[data-theme="velvet"] .dash-panel-head h3 { font-size: 13px !important; font-weight: 700 !important; color: #0f172a !important; }
html[data-theme="velvet"] .dash-list-row { border-bottom: 1px solid #f8fafc !important; }
html[data-theme="velvet"] .dash-list-row:hover { background: #f8fafc !important; }
html[data-theme="velvet"] .dash-list-time { color: #94a3b8 !important; font-size: 11px !important; }

/* ── MODALS ───────────────────────────────────────────── */
html[data-theme="velvet"] .modal {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 14px !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15) !important;
}
html[data-theme="velvet"] .modal-head { border-bottom: 1px solid #f1f5f9 !important; }
html[data-theme="velvet"] .modal-head h3 { font-weight: 700 !important; font-size: 15px !important; color: #0f172a !important; }
html[data-theme="velvet"] .modal-foot { border-top: 1px solid #f1f5f9 !important; background: #f8fafc !important; }
html[data-theme="velvet"] .modal-backdrop { background: rgba(15,23,42,0.65) !important; }

/* ── TABLES ───────────────────────────────────────────── */
html[data-theme="velvet"] table thead tr th {
  background: #f8fafc !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .07em !important;
  color: #94a3b8 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
html[data-theme="velvet"] table tbody td { border-bottom: 1px solid #f1f5f9 !important; }
html[data-theme="velvet"] table tbody tr:hover td { background: #f8fafc !important; }

/* ── INPUTS ───────────────────────────────────────────── */
html[data-theme="velvet"] .input,
html[data-theme="velvet"] input.input,
html[data-theme="velvet"] select,
html[data-theme="velvet"] .select-sm,
html[data-theme="velvet"] textarea {
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 8px !important;
  color: #0f172a !important;
}
html[data-theme="velvet"] .input:focus,
html[data-theme="velvet"] select:focus {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.12) !important;
}
html[data-theme="velvet"] .search-wrap { background: #ffffff !important; border: 1px solid #e2e8f0 !important; border-radius: 8px !important; }
html[data-theme="velvet"] .search-wrap:focus-within { border-color: #10b981 !important; box-shadow: 0 0 0 3px rgba(16,185,129,0.10) !important; }

/* ── STATUS BADGES ────────────────────────────────────── */
html[data-theme="velvet"] .status-received { background: #ecfdf5 !important; color: #065f46 !important; }
html[data-theme="velvet"] .status-pending  { background: #fffbeb !important; color: #92400e !important; }
html[data-theme="velvet"] .status-rejected { background: #fef2f2 !important; color: #991b1b !important; }
html[data-theme="velvet"] .nav-badge { background: #10b981 !important; }

/* ── LOGIN PAGE — FULL RESTYLE ─────────────────────── */
html[data-theme="velvet"] .screen-login {
  background: #0a1628 !important;
}
html[data-theme="velvet"] .login-canvas,
html[data-theme="velvet"] .login-orb { display: none !important; }
html[data-theme="velvet"] .login-left {
  background: #0a1628 !important;
  border-right: none !important;
}
html[data-theme="velvet"] .login-grid-lines { display: none !important; }
html[data-theme="velvet"] .login-hero-title {
  color: #ffffff !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  letter-spacing: -.5px !important;
  line-height: 1.3 !important;
}
html[data-theme="velvet"] .login-hero-accent { color: #10b981 !important; }
html[data-theme="velvet"] .login-hero-sub { color: #475569 !important; font-size: 13px !important; }
html[data-theme="velvet"] .login-brand-name { color: #ffffff !important; font-weight: 700 !important; }
html[data-theme="velvet"] .login-brand-icon { background: #10b981 !important; border-radius: 9px !important; }
html[data-theme="velvet"] .lf-dot { background: #10b981 !important; }
html[data-theme="velvet"] .login-feature { color: #475569 !important; font-size: 12px !important; }
html[data-theme="velvet"] .lf-powered { color: #1e3a5a !important; }
html[data-theme="velvet"] .lf-company { color: #1e3a5a !important; }
html[data-theme="velvet"] .login-divider { background: rgba(255,255,255,0.06) !important; }
html[data-theme="velvet"] .login-right { background: #ffffff !important; }
html[data-theme="velvet"] .login-card { background: #ffffff !important; box-shadow: none !important; border: none !important; }
html[data-theme="velvet"] .login-card-title { color: #0f172a !important; font-size: 22px !important; font-weight: 700 !important; }
html[data-theme="velvet"] .login-card-sub { color: #64748b !important; }
html[data-theme="velvet"] .login-card-appname { color: #0f172a !important; font-weight: 700 !important; }
html[data-theme="velvet"] .login-card-company { color: #94a3b8 !important; }
html[data-theme="velvet"] .login-card-logo { background: #10b981 !important; border-radius: 8px !important; }
html[data-theme="velvet"] .login-field {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
}
html[data-theme="velvet"] .login-field:focus-within {
  border-color: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16,185,129,0.12) !important;
}
html[data-theme="velvet"] .lf-input { color: #0f172a !important; }
html[data-theme="velvet"] .lf-icon { color: #94a3b8 !important; }
html[data-theme="velvet"] .lf-label-top { color: #475569 !important; font-weight: 600 !important; font-size: 12px !important; }
html[data-theme="velvet"] .btn-login {
  background: #10b981 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  box-shadow: 0 2px 8px rgba(16,185,129,0.35) !important;
}
html[data-theme="velvet"] .btn-login:hover { background: #059669 !important; }
html[data-theme="velvet"] .login-version-line { color: #cbd5e1 !important; }
html[data-theme="velvet"] .lmh-name { color: #ffffff !important; }
html[data-theme="velvet"] .lmh-company { color: #64748b !important; }
html[data-theme="velvet"] .lmh-headline { color: #ffffff !important; }
html[data-theme="velvet"] .lmh-sub { color: #64748b !important; }
html[data-theme="velvet"] .lmh-chip { background: rgba(255,255,255,0.07) !important; color: #94a3b8 !important; }
html[data-theme="velvet"] .lmh-chip-dot { background: #10b981 !important; }